/*
 Theme Name:    BeTheme Child
 Template:      betheme
 Kunde:         Simone Palstring
*/


/* __________ Fonts __________ */


/* gloock-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gloock';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/gloock-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/source-sans-3-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/source-sans-3-v15-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/source-sans-3-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/source-sans-3-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-3-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* __________ General __________ */


#Content {
    padding-top: 0px!important;
}




/* __________ Hauptmenu __________ */

#Top_bar .menu > li > a {
    padding: 50px 0 20px!important;
}

#Top_bar.is-sticky {height: 70px!important;}

#Top_bar.is-sticky .menu > li {top: 5px;}
#Top_bar.is-sticky .call2action {top: 0;}

#Top_bar.is-sticky .menu > li > a {
    padding: 15px 0!important;
}

.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle):after {
    border-top: 5px solid #333333!important;
    opacity: 1!important;
    top: 61%!important;
}



/* sticky logo */

#Top_bar.is-sticky #logo img.logo-sticky {
    max-height: 50px!important;
}




/* Submenu */

.sub-menu li {
    text-align: left;
}

#Top_bar .menu > li ul {
    background-color: #E6BC8E!important;
}

#Top_bar .menu > li ul li a {
    color: #333333!important;
    border: none!important;
}







/* __________ Styling __________ */


/* Headerbild Startseite */

/* #header_startseite {-webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
} */


/* background gardient */

#Wrapper {
    background: rgb(246,146,28)!important;
    background: linear-gradient(0deg, rgba(246,146,28,1) 7%, rgba(230,188,142,1) 40%, rgba(217,222,235,1) 85%)!important;
}

#Header_wrapper, #Intro, #Footer, #Content {background-color: transparent!important;}


/*__Zitat__*/

#quote .blockquote blockquote {
    font-size: 35px;
    line-height: 45px;
    }



/*__Testimonials__*/

#icon_start.mfn-item-inline.column {
    width: 100%!important;
}





/* __________ Buttons __________ */

.call2action,
a.button{
    font-weight: 400;
    color: #333333!important;
    border-color: #EC8622!important;
    border: 3px solid #EC8622!important;
    padding: 5px 30px!important;
    border-radius: 30px!important;
    background-color: transparent!important;
    box-shadow: none!important;
    transition: none!important;
}


.button-center .mcb-column-inner {
    text-align: center;
}



/* Button Hauptmenü */

.call2action span {
    padding: 0!important;
    line-height: 7px!important;
    color: #333333;
}

.call2action:hover,
a.button:hover {
    border: 3px solid #536688!important;
    box-shadow: none!important;
    transition: none!important;
    background-color: transparent!important;
}

.call2action {
    top: 3px;
    border-radius: 30px;
}

.is-sticky .call2action {
    top: 6px;
}

#Top_bar .menu > li.call2action > a {
    padding: 15px 0!important;
}


/* Button Footer */

#Footer .wp-block-button a {
    font-weight: 400;
    color: #fff!important;
    border-color: #fff!important;
    border: 3px solid!important;
    padding: 5px 30px!important;
    border-radius: 30px!important;
    background-color: transparent!important;
    text-decoration: none;
}

#Footer .wp-block-button a:hover {
    font-weight: 400;
    color: #fff!important;
    border-color: #EC8622!important;
    border: 3px solid #EC8622!important;
    padding: 5px 30px!important;
    border-radius: 30px!important;
    background-color: transparent!important;
    text-decoration: none;
}





/* __________ Ninja Forms __________ */


#kontaktformular .nf-form-content .list-select-wrap .nf-field-element>div, 
#kontaktformular .nf-form-content input:not([type=button]), 
#kontaktformular .nf-form-content textarea {
    background: transparent;
    border: 3px solid #EC8622;
    border-radius: 30px;
    box-shadow: none;
    color: #333333;
    transition: all .5s;
}

#kontaktformular .nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 400!important;
}

#kontaktformular .checkbox-wrap .nf-field-element label:after, 
#kontaktformular .checkbox-wrap .nf-field-label label:after, 
#kontaktformular .listcheckbox-wrap .nf-field-element label:after, 
#kontaktformular .listcheckbox-wrap .nf-field-label label:after {
    background: transparent;
    border-color: #EC8622;
    border: 3px solid #EC8622;
}

.nf-form-fields-required {display: none;}

#kontaktformular .nf-form-content .form_button input:not([type=button]),
.form_button input {
    padding: 5px 30px;
    height: 38px;
}






/* __________ Footer __________ */


.one-fourth.column:nth-child(1) {width: 40%;}
.one-fourth.column:nth-child(2) {width: 27%;}
.one-fourth.column:nth-child(3) {width: 23%;}
.one-fourth.column:nth-child(4) {width: 10%;}


.footer_copy {background-color: #EC8622;}
.footer_copy .copyright {color: #fff;}

#Footer .footer_copy .column {
    padding-top: 12px!important;
    margin-bottom: 2px!important;
}

#Footer a {
    text-decoration: underline;
}





/*___________________________________________________________________________________________*/
/*__ RESPONSIVE __*/



/*______________________________ Phone __*/


@media only screen and (max-width: 767px) {
    
    
    /*__ Header __*/
    
    #Header {
        min-height: 200px!important;
        height: 80px!important;
    }
    
    #logo img.logo-mobile {max-height: 60px!important;}
    
    #Header #Top_bar a.responsive-menu-toggle {
        top: 35px!important;
        right: 20px;
    }

    
    
    
    /*__ Side Slide __*/
    
    #Side_slide #menu ul li.call2action {
        width: 90%;
        top: 15px;
        left: 17px;
    }
    
    #Side_slide .call2action span {
        color: #EC8622;
        font-weight: 400;
    }
    
    #Side_slide .call2action a {text-align: center;}
    
    
    
    /* Menu styling */
    
    #Side_slide #menu ul li.no_border {border-top: none;}
    #Side_slide #menu ul li.no_border a {
        line-height: 25px;
        padding-left: 35px;
    }
    
    
    /*__ Buttons __*/
    
    #treatments .button-center .mcb-column-inner {text-align: left;}
    
    
    /*__ Footer __*/

    .one-fourth.mobile-one:nth-child(1), 
    .one-fourth.mobile-one:nth-child(2), 
    .one-fourth.mobile-one:nth-child(3), 
    .one-fourth.mobile-one:nth-child(4) {width: 100%;}
    
    #Footer .widgets_wrapper {padding-top: 60px!important;}
    #Footer .widgets_wrapper h5 {margin-top: 60px!important;}
 
    #Footer {
        background-image: none!important;
        background-color: #536688!important;
    }    
    
    
}