/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

html, body, header.site-header {
    font-family: 'PT Sans', 'Segoe UI', 'Trebuchet MS', sans-serif !important;
    font-size: 16px !important;
    margin: 0;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    background: #52c0e8;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYzBlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU5YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(left, #52c0e8 0%, #0059a6 100%);
    background: -webkit-linear-gradient(left, #52c0e8 0%, #0059a6 100%);
    background: linear-gradient(to right, #52c0e8 0%, #0059a6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c0e8', endColorstr='#0059a6',GradientType=1);

}
/****  Allgemein  ****/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  color: #0059a5;
}

.h1, h1 {
    font-size: 1.7em !important;
}
.h2, h2 {
    font-size: 1.5em !important;
}
.h3, h3 {
    font-size: 1.3em !important;
}
.h4, h4 {
    font-size: 1.2em !important;
}

/********* TOP NAVIGATION *********/
.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {
    padding: 0px 20px 0px 0px;
}
/*.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}*/
/*.main-navigation:not(.toggled) ul li.current-menu-ancestor>ul,*/

/*
.main-navigation ul li.current-menu-item ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}
.main-navigation ul li.current-menu-item .container.grid-container {
    width: auto;
    margin-top: 5rem;
}
.main-navigation .main-nav>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.main-navigation ul ul {
    display: flex;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
    position: absolute;
    left: -99999px;
    opacity: 0;
    z-index: 99999;
    width: auto;
    text-align: left;
    top: 3.8rem;
    transition: opacity 80ms linear;
    transition-delay: 0s;
    pointer-events: none;
    height: 0;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.main-navigation li {
    position: relative;
    display: contents;
}

.main-navigation ul ul a {
    display: inline-block;
}
*/

/*
.top-move {
    margin-top: 5rem;
    transition: all 0.5s ease-out;
}
*/










/**********************************/
header.page-header {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    header.site-header {
        background-color: #FFFFFF;
        background-image: none;
        padding-bottom: 1rem;
    }
    .main-navigation a {
        font-size: 1.2rem;
    }
    .main-navigation .main-nav ul li a {
        line-height: 45px;
    }

    .main-navigation .main-nav ul ul li a {
        font-size: 1.0rem;
    }

}
.shower-katalog-wrapper {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
div.shower-item {
  width: calc(25% - 1.5em);
  margin: 1em 1em 1.5em 0;
  background-color: #f0f0f0;
  padding: 10px;
  min-height: 310px;
  text-align: center;
}
div.shower-katalog a span {
  color: #fff;
  display: block;
  padding: 2px 7px 5px;
  background-color: #06B284;
  margin-top: 12px;
}
div.shower-katalog a span:hover {
  background-color: #07C592;
}
div.shower-katalog a {
  text-decoration: none;
}
.gallery-item figcaption {
    display: none;
}
/*
div.shower {
  position: relative;
}
div.bild-box img {
  padding-top: 20px;
}

div.shower-katalog div:nth-of-type(0), div.shower-katalog div:nth-of-type(1), div.shower-katalog div:nth-of-type(2), div.shower-katalog div:nth-of-type(3) {
  min-height: 370px;
}



.padding-right-20 {
  padding-right: 20px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-all-20 {
  padding: 20px;
}

div.shower-katalog .shower-item img.showerimage {
  float: none;
  margin: 0;
  margin-bottom: 15px;
}

div.caption {
  position: absolute;
  right: 62px;
  top: 0px;
  font-size: 13px;
}
*/

/********************************************************************************/
.inside-header {
    padding: 0px 0px;
}
.separate-containers .site-main {
    margin: 5px 20px;
}
.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar {
    margin-top: 5px;
    margin-bottom: 20px;
}

.widget-area .widget {
    padding: 0;
}
.widget-title {
    margin-bottom: 0;
    padding: 10px 20px;
    background-color: #4DBEE9;
    color: #fff ;
}
.sidebar .textwidget {
    padding: 20px;
}
.header-widget p:last-child {
    margin-bottom: revert;
}
.pt-cv-view .pt-cv-title {
    background-color: #4DBEE9;
    position: relative;
    left: 0px;
    z-index: 999;
    display: block;
    padding: 10px;
}
.pt-cv-view .pt-cv-title a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}
.boxshadow, [id="emergency"], .mainnav li.shop a, .mainnav li.shop span, .subnav .parent-121, [type="submit"], .submit {
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 1px 1px 4px rgb(0 0 0 / 54%);
    box-shadow: 1px 1px 4px rgb(0 0 0 / 54%);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true);
}
[id="emergency"] {
    padding-right: 5em;
    background: #d24334 url(/wp-content/themes/generatepress_child/images/hour14.svg) no-repeat 98%;
    background-size: 5em 98%;
    float: right;
    width: 100%;
    font-size: 0.8em;
}
[id="emergency"] p {
    margin: 1rem;
    line-height: 1.4;
    font-size: 1.2em;
}
[id="emergency"] a, [id="emergency"] a:hover, [id="emergency"] a:active {
    color: #fff;
    text-decoration: none;
}
[id="emergency"] span {
    display: block;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
    border: 1px solid #cccccc;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    max-width: 98%;
    margin: 1.2% auto 0;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    font-size: 0.75em;
    text-align: center;
}
div.flex-container  {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
ul#menu-footer {
    display: flex;
    justify-content: space-around;
}

ul#menu-footer a {
    text-decoration: none;
    color: #666;
}
ul#menu-footer a:hover {
    text-decoration: underline;
    color: #666;
}