/*
Theme Name: BH&W
Description: Child theme for Avada
Author: p1xel
Author URI: https://p1xel.net
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*
 *      TYPO
 */

:root {
    --app-height: 100vh;
}


html {
    -webkit-font-smoothing: antialiased;
}

b,
strong{
    font-weight: 600 !important;
}



.fusion-accordian .toggle-content, 
.floating-body-text p,
.floating-body-text li,
.floating-body-text ul{
    font-size: clamp(14px,1.6vw,1.6vw) !important;
    letter-spacing: -0.0035em;
    word-spacing: -0.05em; 
    line-height: 1.48;
}

.small-floating-body-text  ul{
    padding-left: 18px;
    margin-top: 0px !important;
}
.small-floating-body-text li,
.small-floating-body-text p{
    font-size: clamp(12px,1.15vw,1.15vw) !important;
    letter-spacing: -0.0035em;
    word-spacing: -0.05em; 
    line-height 1.5 !important;
}

.floating-footer-text p{
    font-size: clamp(12px,1.45vw,1.45vw) !important;
}

.floating-body-text-spaced{
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
}

.floating-headline h1{
    font-size: clamp(36px,4.6vw,4.6vw) !important;
    line-height: 1.2 !important;
}

.floating-zitat h1{
    font-size: clamp(36px,4.4vw,4.4vw) !important;
    line-height: 1.2 !important;
}

.floating-headline h2,
.fusion-toggle-heading{
    font-size: clamp(18px,2.7vw,2.7vw) !important;
    
}

.floating-headline h3{
    font-size: clamp(18px,2vw,2vw) !important;
    
}

.floating-headline h4{
    font-size: clamp(16px,1.4vw,1.4vw) !important;
    
}

.floating-small-padding .fusion-column-wrapper{
    padding: clamp(26px,2.5vw,2.5vw) !important;
    
}

@media screen and (max-width: 375px){
    .fusion-accordian .toggle-content, 
    .floating-body-text p,
    .floating-body-text li{
        font-size: clamp(18px,3vw,3vw) !important;
        letter-spacing: -0.0035em;
        word-spacing: -0.05em; 
        line-height: 1.48;
        hyphens: auto;
        hyphenate-limit-chars: 10 4 4 !important;
    }
}

.floating-button{
    text-align: left;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-width: 60%;
}
.floating-button .fusion-button-text{
    font-size: clamp(1.3vw,1.3vw,1.3vw) !important;
    text-align: left !important;
}

.lang-select{
    color: black !important;
}

.lang-select:hover{
    color: var(--awb-color5) !important;
}

@media screen and (max-width: 640px){

    .fusion-accordian .toggle-content, 
    .floating-body-text p,
    .floating-body-text li{
        font-size: clamp(18px,3vw,3vw) !important;
        letter-spacing: -0.0035em;
        word-spacing: -0.05em; 
        line-height: 1.48;
        hyphens: auto;
        webkit-hyphenate-limit-chars: 10 4 4 !important;
    }

    .small-floating-body-text li,
    .small-floating-body-text p{
        font-size: clamp(16px,3.5vw,3.5vw) !important;
        letter-spacing: -0.0035em;
        word-spacing: -0.05em; 
        line-height 1.5 !important;
        -webkit-hyphens: auto;
        hyphens: auto;
        -webkit-hyphenate-limit-chars: 10 4 4 !important;
        hyphenate-limit-chars: 10 4 4 !important;
        -webkit-hyphenate-limit-before: 5 !important;
        -webkit-hyphenate-limit-after: 5 !important;
    }

    .floating-footer-text p{
        font-size: clamp(12px,1.45vw,1.45vw) !important;
    }

    .floating-body-text-spaced{
        letter-spacing: 0.25em !important;
        text-transform: uppercase !important;
    }

    .floating-headline h1{
        font-size: clamp(36px,4.6vw,4.6vw) !important;
        line-height: 1.2 !important;
    }

    .floating-zitat h1{
        font-size: clamp(36px,4.4vw,4.4vw) !important;
        line-height: 1.2 !important;
    }

    .floating-headline h2,
    .fusion-toggle-heading{
        font-size: clamp(18px,8vw,8vw) !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }

    .floating-headline h3{
        font-size: clamp(24px,4vw,4vw) !important;
        margin-bottom: 10px !important;
    }

    .floating-headline h4{
        font-size: clamp(24px,1.4vw,1.4vw) !important;
        
    }
    .floating-button .fusion-button-text{
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 18px;
        padding-right: 18px;
        font-size: clamp(6vw,6vw,6vw) !important;
        text-align: left !important;
    }

}


.custom-nested-column .fusion-column-wrapper{ 
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*
 *      AVADA COMPONENTS
 */

.off-canvas-close{
    font-family: 'bhw' !important;
}

.off-canvas-close.fa-times:before {
    content: "\e903" !important;
}

.fusion-sticky-container:not(.fusion-sticky-spacer){
    transition: none !important;
}

.awb-off-canvas{
    height: -webkit-fill-available;
    animation-duration:0s !important;
}

.partner-postcard .awb-imageframe-caption-container{
    pointer-events: none;
    display: block;
    position: absolute;
    bottom: 0;
    padding-bottom: 5%;
    padding-top: 40%;
    z-index: 5;
    width: 100%;

}
.partner-postcard .awb-imageframe-caption-container {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(250,247,247,0) 50%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(250,247,247,0) 50%);
    background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(250,247,247,0) 50%);
    
}

.partner-postcard .awb-imageframe-caption h2,
.partner-postcard .awb-imageframe-caption p{
    font-size: clamp(15px,1.4vw,25px) !important;
}

#publikationen-vortraege-toggle{
    padding-right: 0px !important;
    padding-left: 0px !important;
    background-color: var(--awb-color4) !important;
    border-bottom: 0px !important;
}

#publikationen-vortraege-toggle,
#publikationen-toggle{
    padding-right: 0px !important;
    padding-left: 0px !important;
    background-color: var(--awb-color4) !important;
   
}

.panel-heading{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
#publikationen-vortraege-toggle .panel-heading,
#publikationen-toggle .panel-heading{
    padding-left: clamp(26px,2.5vw,44px) !important;
    padding-right: clamp(26px,2.5vw,44px) !important;
    background-color: var(--awb-color1) !important;
}

#publikationen-vortraege-toggle .toggle-content,
#publikationen-toggle .toggle-content{
    padding: clamp(26px,2.5vw,44px) !important;
}

#mobile-toggle i{
    margin-top: -4px !important;
}

#mobile-toggle .bhwicon-chevron-thin-up:before,
#mobile-toggle .bhwicon-chevron-thin-down:before{
    font-size: 20px !important;
}

@media only screen and (max-device-width: 640px){

    .floating-button{
        width: 100% !important;
    }

    .fusion-title.sep-underline:after {
        width: 64px; /* Change this to whatever width you want. */
        border-bottom: 2px solid var(--awb-sep-color);
    }

    #awb-oc-46 .awb-off-canvas{
        min-width: 100vw !important;
    }

    #awb-oc-46 .off-canvas-close{
        margin-right: 3vw !important;
        margin-top: 18px !important;
        font-size: 25px !important;
    }

    .awb-menu .awb-menu__main-ul{
        font-size: 27px !important;
    }

    .partner-postcard .awb-imageframe-caption h2,
    .partner-postcard .awb-imageframe-caption p{
        text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
    }

    #content {
        margin-bottom: 0px !important;
    }

    .to-top-right #toTop{
        right: 30px !important;
    }

    .floating-body-text p{
        line-height: 1.6 !important;
    }


}

@media only screen and (max-width: 800px){
    .to-top-right #toTop{
        right: 30px !important;
    }
    .floating-body-text p{
        line-height: 1.6 !important;
    }
}

@media (max-width: 375px) {

    .floating-button{
        width: 100% !important;
    }

   #awb-oc-46 .off-canvas-close{
        margin-right: -10px !important;
        margin-top: 18px !important;
        font-size: 25px !important;
    }

    #awb-oc-46 .fusion-text,
    #awb-oc-46 .awb-menu .awb-menu__main-ul{
        font-size: 22px !important;
    }

}



/*
 *  Audioplayer
 */
.fusion-audio{
    border-radius: 31px !important;
    background-color: var(--awb-color1) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: 1px solid var(--awb-color3) !important;
}

input[type="range"]::-webkit-slider-runnable-track {

    background: var(--awb-color3) !important
}

.yeye-audio-player.fusion-audio.dark-controls .mejs-button>button {
    background-image: url("https://yeye.dev.p1xel.net/wp-content/themes/ye-ye/assets/images/mejs-controls-dark.svg") !important;
    
}

.fusion-audio.fusion-audio.dark-controls .mejs-controls>*{
    color: var(--awb-color3)!important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
    background: none !important;  
}

.fusion-audio.fusion-audio.dark-controls .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
    background: var(--awb-color3) !important;
}

.mejs-time-total{
    height: 11px !important;
}

.fusion-audio.fusion-audio.dark-controls .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
.fusion-audio.fusion-audio.dark-controls .mejs-controls .mejs-time-rail .mejs-time-total{
    background: var(--awb-color1) !important;
    border: 1px solid var(--awb-color3) !important;
}
.fusion-audio.fusion-audio.dark-controls .mejs-button>button{
    background-image: url("https://stage.gvh-hh.com/wp-content/themes/bhw/assets/mejs-controls-dark.svg") !important;
}

.fusion-audio.fusion-audio.dark-controls .mejs-time-handle-content{
    border-color: var(--awb-color3) !important;
    background: var(--awb-color3) !important;
}


.swiper-pagination-bullet{
    border: 1px solid #ffffff !important;
}

.kundenstimmen-text{
    min-height: 300px !important;
}

@media only screen and (max-width: 800px){
    .kundenstimmen-text{
        min-height: 0px !important;
    }
}

.floating-button .awb-button__text::after {
    transform: scaleX(0) !important;
    transform-origin: right center !important;
}

.floating-button:hover .awb-button__text::after,
.floating-button:focus .awb-button__text::after,
.floating-button:focus-visible .awb-button__text::after {
    transform: scaleX(1) !important;
    transform-origin: left center !important;
}

@media (max-width: 800px) {
    .floating-button .awb-button__text::after {
        transform: scaleX(1) !important;
        transform-origin: left center !important;
        border-bottom: none !important;
    }
}

a {
color: currentcolor !important;
}