/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

@import url("https://use.typekit.net/mzb0rmt.css");

body{
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
    font-family: "museo-sans", sans-serif !important;
    font-weight: 900;
    font-style: normal;
}

.av-main-nav > li > a{
    font-family: "museo-sans", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.av_header_transparency .av-main-nav > li > a{
    color: #fff !important;
}

.av_header_transparency #header_main, .av_header_transparency #header_meta{
    backdrop-filter: blur(10px) !important;
}

.header_bg{
    opacity: 1;
}

#header_meta{
    background-color: #f2f2f2;
    padding-top: 5px;
    padding-bottom: 5px;
}

.av_header_transparency .sub_menu>ul>li>a,.av_header_transparency .sub_menu>div>ul>li>a{
    color: #fff;
}

.av_header_transparency .sub_menu>ul>li>a:hover, .av_header_transparency .sub_menu>div>ul>li>a:hover, .av_header_transparency .sub_menu .current_page_item a{
    color: #fff!important;
	text-decoration: underline !important;
}

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a{
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "museo-sans", sans-serif !important;   
}

#top .sub_menu>ul, #top .sub_menu>ul>li{
    border: none;
}

#header_main {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.avia-menu-fx{
    display: none;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

/* layout */

.avia-section-small .content, .avia-section-small .sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content, .sidebar {
    padding-top: 120px;
    padding-bottom: 120px;
}


/* knoppen */

#top .main_color .avia-color-theme-color-highlight{
    background-color: #342E2E;
    border-radius: 0px;
    border: none;
    padding: 16px 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    color: white; /* Tekstkleur instellen op wit */
    transition: all 0.3s; /* Overgangseffect voor tekstkleur */
	transition-timing-function: ease-in-out;
}

#top .main_color .avia-color-theme-color-highlight::before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #F2652A; /* Eindkleur */
    transition: left 0.3s; /* Overgangseffect voor beweging */
    z-index: -1;
}

#top .main_color .avia-color-theme-color-highlight:hover::before{
    left: 0; /* Van links naar rechts bewegen bij hover */
}

#top .main_color .avia-color-theme-color-highlight:hover{
    color: white; /* Kleur van de tekst handhaven als wit bij hover */
}


#top .main_color .avia-color-theme-color, #top .alternate_color .avia-color-theme-color{
    background-color: #F2652A;
    border-radius: 0px;
    border: none;
    padding: 16px 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    color: white; /* Tekstkleur instellen op wit */
    transition: all 0.3s; /* Overgangseffect voor tekstkleur */
	transition-timing-function: ease-in-out;
}

#top .main_color .avia-color-theme-color::before, #top .alternate_color .avia-color-theme-color::before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #342E2E; /* Eindkleur */
    transition: left 0.3s; /* Overgangseffect voor beweging */
    z-index: -1;
}

#top .main_color .avia-color-theme-color:hover::before, #top .alternate_color .avia-color-theme-color:hover::before{
    left: 0; /* Van links naar rechts bewegen bij hover */
}

#top .main_color .avia-color-theme-color:hover, #top .alternate_color .avia-color-theme-color:hover{
    color: white; /* Kleur van de tekst handhaven als wit bij hover */
}

/* formulier */

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{
    background-color: #fff;
    border: 1px solid #342E2E;
    border-radius: 0px;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    color: #342E2E;
    padding: 16px 20px;
    
}

.gfield_label.gform-field-label{
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-family: "museo-sans", sans-serif !important;
    bottom: -23px!important;
    position: relative!important;
    background-color: #fff!important;
    margin-left: 20px!important;
    padding: 0 5px !important;

}

.gform_button.button{
    background-color: #F2652A!important;
    border-radius: 0px!important;
    border: none!important;
    padding: 16px 30px!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    font-family: "proxima-nova", sans-serif!important;
}

/* algemeen */

.banner-tekst h1{
    color: #fff!important;
    opacity: 0.7 !important;
}

.banner-tekst .av-subheading.av-subheading_above p{
    font-weight: 900;
    text-transform: uppercase;
    color: #fff!important;
    opacity: 0.7 !important;
    margin-bottom: -15px;
    
}


.avia_textblock strong{
    color: #342e2e !important;
}

.home #av_section_1 .av-m1dq9oo7-df1faee1b7ce4e41f2aa11f1dde2cbcf{
    bottom: 0px;
    position: absolute;
}

.banner-laag .post-entry{
    bottom: 0px;
    position: absolute;
}


.blok-overlay .avia-image-container-inner:before {
    position: absolute;
    display: block;
    width: 60px;
    height: 250px;
    z-index: 1;
    content: " ";
    mix-blend-mode: multiply;
    bottom: -30px;
    left: -30px;
    background: #F2652A;
    border-radius: 0px;
}

.blok-overlay .avia-image-container-inner:after {
    position: absolute;
    display: block;
    width: 250px;
    height: 60px;
    z-index: 1;
    content: " ";
    mix-blend-mode: multiply;
    top: -30px;
    right: -30px;
    background: #F2652A;
    border-radius: 0px;
}

.before-img:before{
    position: absolute;
    display: block;
    width: 60px;
    height: 250px;
    z-index: 1;
    content: " ";
    mix-blend-mode: multiply;
    left: 48.5%;
    background: #F2652A;
    border-radius: 0px;
    top: 0px;
}

/* footer */

.footer-link a{
    padding-left: 25px;
    background-image: url(img/arrow-right-sharp-regular.png);
    background-position: left top 7px !important;
    background-repeat: no-repeat;
    background-size: 12px ;
    transition: 0.3s all;
}

.footer-link p{
    margin-top: 0px !important;
}

.footer-link a:hover{
    padding-left: 35px;
    transition: 0.3s all;
}

#socket {
    font-size: 14px;
    margin-top: -1px;
    z-index: 1;
}

#socket .container {
    padding-top: 25px;
    padding-bottom: 25px;
}

#socket .container a{
    text-decoration: underline !important;
}

.copyright span{
    padding: 0 10px;
}


/* mobiel */

@media only screen and (max-width: 767px) {
        .before-img:before {
            display: none !important;
    }
    
    .sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
        font-size: 13px !important;
    }
    
    
    #header_main {
        box-shadow: none !important;
    }
    
    .av_header_transparency #header_main, .av_header_transparency #header_meta {
        backdrop-filter: none!important;
    }
    
    #header_meta{
        background-color: #f2f2f2!important;
    }
    
}