/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@font-face {
    font-family: 'Cheddar Gothic Sans Two';
    src: url('/wp-content/themes/dt-the7-child/fonts/CheddarGothicSansTwo-Bold.woff2') format('woff2'),
        url('/wp-content/themes/dt-the7-child/fonts/CheddarGothicSansTwo-Bold.woff') format('woff'),
        url('/wp-content/themes/dt-the7-child/fonts/CheddarGothicSansTwo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

p {
    margin-bottom: 25px;
}

#footer.solid-bg,
#bottom-bar.solid-bg {
    background-size: cover;
}

div#layerslider_1 {
    margin-bottom: -35px !important;
}

#footer .wf-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer .wf-container:before,
#footer .wf-container:after{
    display:none;
}

footer p {
    margin: 0 0 10px;
}

#footer .wf-container > section {
    width: auto;
    padding: 0;
    margin: 0 0 10px;
}

footer #gallery-1 {
    margin: auto;
    display: flex;
}

footer #gallery-1 .gallery-item:nth-child(2) img {
    max-width: 130px;
    margin-top: -21px;
}

footer #gallery-1 .gallery-item {
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    width:auto;
}

footer #gallery-1 img {
    border: 0;
    width: auto;
}

footer #gallery-1 .gallery-item:first-child img {
    width: 167px;
    max-width: unset;
}

footer .textwidget {
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
}

footer .textwidget p {
    width:100%;
}

footer .soc-ico {
    width: 100%;
}

footer .textwidget > a:last-child {
    border-left: solid 1px;
    padding-left: 10px;
    margin-left: 10px;
}

footer .widget .soc-ico, footer .widget .soc-ico a {
    padding: 0;
    margin: 0;
}

.soc-ico a .soc-font-icon,
.footer .soc-ico a:not(:hover) .soc-font-icon {
    font-size: 22px;
}

.footer .soc-ico a:not(:hover) .soc-font-icon {
    color: #f3f0e0;
}

footer#footer .soc-ico a:hover .soc-font-icon{
    color: #f2be3c;
}

footer#footer .soc-ico a:after{
    display:none;
}

p strong {
    font-family: "Roboto Slab", Helvetica, Arial, Verdana, sans-serif;
}

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}
.masthead.line-decoration:not(.side-header):not(.mixed-header):not(.masthead-mobile-header),
.masthead:not(.side-header) .main-nav,
.inline-header .header-bar > .mini-widgets, .inline-header .widget-box .mini-widgets {
    height: 65px;
}

.masthead.line-decoration:not(.side-header):not(.mixed-header):not(.masthead-mobile-header) {
    border-bottom: solid 4px #f4f0e1;
}

.masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space {
    min-height: unset;
}

.main-nav > li > a {
    margin-top: 10px;
    margin-bottom: 10px;
}

.masthead:not(.side-header) .main-nav {
    margin-bottom: auto;
    margin-left: 40px;
}

.branding {
    background: #f4f0e1;
    padding: 15px 20px;
    border-bottom: solid 10px #dcb727;
    display: block;
    max-width: 280px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

#die-neue-kuehle-blonde h1, #die-neue-kuehle-blonde p {
    color: #f4f0e1;
}

img[title="fischers-logo-green"] {
    width: 170px;
}

/* Age Gate */
.age-gate-form {
    background: url('/wp-content/uploads/2020/08/Altersfreigabe_Hintergrund.png') no-repeat;
    background-size: 100% 100%;
    max-width:600px;
}

.age-gate-heading.age-gate-logo {
    margin: 0 auto 30px;
}

.age-gate-subheading {
    font-size: 34px;
    line-height: 1;
}

.age-gate-heading.age-gate-logo img {
    max-width: 70%;
}

.age-gate-challenge {
    font-family: 'Roboto Slab';
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 22px;
}

.age-gate-additional-information {
    color: #666;
    max-width: 85%;
    margin: 15px auto 0;
    font-size: 13px;
    line-height: 1.8;
}

button.age-gate-submit-yes, button.age-gate-submit-no {
    border: 0;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
    border-radius: 6px;
    width: 70px;
    font-size: 18px;
    background: #d39b22;
    font: normal 23px / 23px "Cheddar Gothic Sans Two", Helvetica, Arial, Verdana, sans-serif;
}

button.age-gate-submit-no {
    background: grey;
}

.mobile-header-bar .mobile-branding {
    padding: 10px 10px 10px 0;
    max-width: 127px;
}

@media screen and (max-width: 778px){
    #main {
        padding: 0;
    }
    #footer .wf-container-footer {
        padding-top: 20px;
    }
}

@media (min-width: 768px) {
    footer .textwidget {
        margin: 0 -20px;
    }

    footer .textwidget p {
        padding: 0 20px;
        margin-bottom: 0;
        width: auto;
    }

    .history:before {
        display: block;
        content: '';
        width: 2px;
        background: #333;
        height: 400px;
        position: absolute;
        top: 60%;
        left: 50%;
        z-index: 1;
    }
    
    #footer .wf-container > section {
        margin: 0 0 60px;
    }

    .history p {
        color: #999;
    }

    .history p strong {
        color: #000;
    }

    .history .vc_column_container:nth-child(3) .vc_column_inner {
        z-index: 10;
    }

    .vc_column-inner::after, .vc_column-inner > .vc_column-inner {
        z-index: 10;
        position: relative;
    }

    .history-last .vc_column_container:nth-child(3) > .vc_column-inner,
    .history .vc_column_container:nth-child(3) > .vc_column-inner {
        z-index: 10;
        position: relative;
    }

    .vc_row[data-vc-full-width].history {
        overflow: visible;
    }
}