/*
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
*/



@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');



body{
    font-family: "Source Sans 3", sans-serif !important;
    line-height: 1.5555555555555556em;
}


#header_main{
    border: none;
}

#header_main .av-logo-container{
    margin: 0px;
}

.header_bg{
    opacity: 1;
}

.av-main-nav>li>a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 15px;
    letter-spacing: 0.16px;
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text{
    border: none;
    border-radius: 0 0 12px 0;
    background-color: #fff;
    color: #161615 !important;
    padding: 12px 20px 12px 50px;
    background-image: url(img/contact-btn-icon.png);
    background-position: left 18px center;
    background-repeat: no-repeat;
    background-size: 22px;
}

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

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.16px;
	color:#fff;
}

.html_header_top #top .av_header_stretch .container{
	width:100% !important;
}

.logo.avia-standard-logo{
	top:-41px;
	height:131px;
}

#header_meta{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
	z-index:1;
}

.sub_menu>div>ul>li>a, .sub_menu>ul>li>a{
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.16px;
}



.sub_menu li{
	border:none;
}

.avia-menu.av-main-nav-wrap{
	padding-right:55px!important;
}

.sub_menu{
	    padding-right: 70px;
}

#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text{
	color:#C93424 !important;
}

/* Layout */

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

/* Knoppen */

#top .main_color .avia-color-theme-color{
    background-color: #DC3F2E;
    border: none;
    padding: 15px 40px 15px 20px;
    border-radius: 0 0 12px 0;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.17px;
    text-transform: uppercase;
    background-image: url(img/chevron-up-regular-wit.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 7px;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color:hover{
    padding-right: 45px;
}

.main_color .avia-color-theme-color-subtle{
    background-color: #FFFFFF;
    border: none;
    padding: 15px 40px 15px 20px;
    border-radius: 0 0 12px 0;
    color: #161615;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.17px;
    text-transform: uppercase;
    background-image: url(img/chevron-up-regular-zwart.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 7px;
    transition: 0.3s all;
}

.main_color .avia-color-theme-color-subtle:hover{
    padding-right: 45px;
}

#top .main_color .avia-color-theme-color-highlight{
    background-color: #161615;
    border: none;
    padding: 15px 40px 15px 20px;
    border-radius: 0 0 12px 0;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.17px;
    text-transform: uppercase;
    background-image: url(img/chevron-up-regular-wit.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 7px;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color-highlight:hover{
    padding-right: 45px;
}

.avia-button.avia-color-grey{
    background-color: #D5D5D5;
    border: none;
    padding: 15px 20px 15px 40px;
    border-radius: 0 0 12px 0;
    color: #161615;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.17px;
    text-transform: uppercase;
    background-image: url(img/chevron-up-regular.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-size: 7px;
    transition: 0.3s all;
}

.avia-button.avia-color-grey:hover{
    background-color: #CBCBCB !important;
    color: #161615;
    padding-left: 35px;
}


.banner-btn .avia-color-theme-color{
    background-image: url(img/phone-solid.png) !important;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 12px!important;
}


/* Formulier */

.gform_required_legend{
    display: none;
}

#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{
    border: 1px solid #D5D5D5;
    background-color: #FFFFFF;
    padding: 11px 15px;
    border-radius: 0 0 12px 0;
    font-size: 18px;
    color: #161615;
    font-family: "Source Sans 3", sans-serif !important;
}

.gfield_label.gform-field-label{
    font-size: 18px!important;
    font-weight: 600!important;
    color: #161615!important;
    margin-bottom: 0px !important;
}

.gfield_required.gfield_required_asterisk{
    font-size: 18px!important;
    font-weight: 600!important;
    color: #DC3F2E!important;
}

.gform_button.button{
    width: 50% !important;
    text-align: left!important;
    background-color: #161615!important;
    border-radius: 0 0 12px 0!important;
    font-size: 17px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    padding: 13px 15px !important;
    font-family: "Source Sans 3", sans-serif !important;
    background-image: url(img/chevron-up-regular-wit.png)!important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 7px !important;
    
}

/* Algemeen */

/*
.home #av_section_1, .home #av_section_1 .av-section-color-overlay {
	min-height:750px !important;
	max-height:750px !important;
}
*/

.banner-tekst h1{
    text-transform: uppercase !important;
    margin-bottom: -25px!important;
}

.banner-intro p{
    font-weight: 600;
    line-height: 30px;
}

.categorien-kolom{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
}

.categorien-blokjes p:first-child{
    margin-top: 0px !important;
}

.categorien-blokjes em{
    background-color: #DC3F2E;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    padding: 5px 15px;
    border-radius: 20px;
    letter-spacing: 0.15px;
}

.categorien-blokjes.mensen em{
   background-color: #F3B826;
}

.categorien-blokjes.werken-bij em{
   background-color: #161615;
}

.categorien-blokjes p{
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.categorien-blokjes p a{
    text-decoration: underline !important;
    padding-right: 20px;
    background-image: url(img/chevron-up-regular-rood.png);
    background-repeat: no-repeat;
    background-position: right  center;
    background-size: 7px;
}

.avia_textblock .intro{
    font-size: 22px;
    line-height: 30px;
}

h2 strong{
    color: #DC3F2E !important;
}

.header-tekst h1{
    color: #fff !important;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows{
    width: 120px;
    height: 75px;
}

#top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a{
    width: 50px!important;
}

.prev-slide{
    width: 50px!important;
    height: 50px!important;
    border-radius: 0 0 0 12px !important;
}

.avia-slideshow-arrows a:before{
    background-color: #161615;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 50px;
    border-radius: 1px;
    font-size: 20px;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img=true], #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    height: 100%;
    margin-top: 0;
    padding: 25%;
}



.next-slide{
    width: 50px!important;
    height: 50px!important;
    border-radius: 0 0 12px 0 !important;
}

#top .avia-logo-element-container .slide-entry{
    padding: 20px;
}

#top .avia-logo-element-container img, .av-partner-fake-img{
    box-shadow: none;
    border: 1px solid #D5D5D5 !important;
    border-radius: 0px;
}

.avia-logo-element-container .avia-content-slider-inner{
    width: 1520px;
    left: -20px;
}





.overflow-tekts-rechts{
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
}

.foto-links{}

.overflow-tekts-links{
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
}

.foto-rechts{}

.foto-rechts img{
    border-radius: 0 0 0 60px;
}

.foto-links img{
    border-radius: 0 0  60px 0;
}



@media (min-width: 990px) {
    
    .overflow-tekts-links {
        /*
        position: absolute !important;
        left: 0;
        margin-top: -60px !important;
        */
        width: 58% !important;
        min-height: 615px !important;
        float: left!important;
        margin: -60px -999px 0 0 !important;
    }

    .overflow-tekts-rechts {
        /*
        position: absolute !important;
        right: 0;
        margin-top: -60px !important;
        */
        width: 58% !important;
        min-height: 615px !important;
        float: right !important;
        margin: -60px 0 0 -999px !important;
    }
    
    
    
    .foto-links {
        /*
        position: unset;
        z-index: 99 !important
        */
        float: left !important;
        z-index: 2 !important
    }

    .foto-rechts {
        /*
        position: unset;
        z-index: 99 !important
        */
        float: right !important;
        z-index: 2 !important;
    }
    
}





#cta-werkenbij .template-page .post-entry{
    padding-left: 120px;
    padding-right: 120px;
}

#cta-werkenbij .avia-image-container{
    width: 448px;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

#cta-werkenbij .avia_textblock ul{
    margin: 0px;
    line-height: 38px;
}

#cta-werkenbij .avia_textblock ul li{
    margin: 0px;
    list-style: none;
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url(img/check-solid.png);
    background-position: left top 11px;
    background-repeat: no-repeat;
    background-size: 17px;
}



#header-container{
    background-color: #DC3F2E;   
}

#header-container .header-img{
    width: 100%;
    mask-image: url(img/mask1.png);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: unset;
}

.contact-gegevens h5{
    color: #161615;
    font-size: 20px !important;
}

.contact-gegevens p{
    color: #fff !important;
    margin-top: 2px;
}

.contact-gegevens p a{
    color: #fff !important;  
    text-decoration: underline !important;
}

.project-detail-img-kolom img{
    border-radius: 0 0 40px 0;
    margin-bottom: 10px !important;
}

.project-kenmerken{
    background-color: #fff;
    padding: 60px;
    border-radius: 0 0 120px 0;
}

.project-kenmerken h2{
    margin-bottom: 30px;
}

.project-kenmerken h5{
    font-size: 20px;
    color: #DC3F2E;
}

.project-kenmerken p{
    margin-top: 0px;
    margin-bottom: 0px;

}



/* wp grid */

.wp-grid-builder .wpgb-card {
    position: relative;
}

.wp-grid-builder .wpgb-card-3 .wpgb-card-media-thumbnail {
    display: none;
}

.wp-grid-builder .wpgb-card-3 > .wpgb-card-wrapper img.normal {
    display: block!important;
}
.wp-grid-builder .wpgb-card-3:hover > .wpgb-card-wrapper img.normal {
    display: none!important;
}

.wp-grid-builder .wpgb-card-3 > .wpgb-card-wrapper img.hover {
    display: none!important;
}
.wp-grid-builder .wpgb-card-3:hover > .wpgb-card-wrapper img.hover {
    display: block!important;
}



.wpgb-prev-button{
    margin-right: 20px !important;
    border-radius: 0 0 0 12px !important;
}

.wpgb-next-button{
    border-radius: 0 0 12px 0 !important;
}

.wpgb-facet .wpgb-inline-list li{
    margin: 0 10px 10px 0 !important; 
}

.wpgb-facet .wpgb-button[aria-pressed=true]{
    background-color: #DC3F2E !important;
    border-color: #DC3F2E !important;
    color: #fff !important;
}

.wpgb-facet ul .wpgb-button{
    border-radius: 0 0 12px 0!important;
    border: 1px solid #B2B2B2!important;
    color: #161615 !important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600!important;
    padding: 11px 13px!important;
}



/* --- Share box */

#top .social-media-icons .av-share-box ul {
    border-width: 0;
    border-radius: 0;
}

.social-media-icons .av-social-sharing-box {
    margin-top: 3px;
}

.social-media-icons .av-share-box ul li {
    float: left;
    display: block;
    margin-right: 15px;
    border-left-width: 0;
}
.social-media-icons .av-share-box ul li:hover {
    padding-left: 0!important;
}

.social-media-icons .av-share-box ul li a {
    width: 50px;
    padding: 10px 0;
    background: #FFFFFF;
    color: #161615;
    font-size: 20px;
    border-radius: 0 0 12px 0;
}
.social-media-icons .av-share-box ul li a:hover {
    background: #161615!important;
    color: #FFFFFF!important;
}

.avia-related-tooltip.avia-tt{
    display: none !important;
}

.av-share-link-description.av-no-toc{
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.av-share-box ul li a{
    color: #DC3F2E;
    font-size: 20px;
}

#top .av-share-box ul{
    border-radius: 15px;
}

.single .av-share-box{
    margin-bottom: 140px;
}





/* footer */

#footer-content .template-page.content{
    padding-top: 100px;
    padding-bottom: 100px;
}

#footer-content h1, #footer-content h2, #footer-content h3, #footer-content h4{
    color: #fff !important;
}

#socket{
    font-size: 16px;
}

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

#socket .copyright span{
    padding: 0 12px;
}



.project-detail-left-kolom {
    width: 50%;
}

.project-detail-img-kolom {
    width: 50%;
}

.project-kenmerken {
    opacity: 1;
    transform: translateY(0px);
    top: 50px;
}



@media (min-width: 768px) {
    .project-kenmerken.is-sticky {
        position: fixed;
        top: 120px;
        width: calc(50% - 40px);
        transform: translateY(0);
    }
}


@media (max-width: 767px) {
    .project-kenmerken.is-sticky {
        position: relative;
        top: auto;
        width: 100%;
        transform: none;
    }
}

.project-detail-img-kolom {
    position: relative;
    min-height: 100vh;
    margin-top: 0px;
}

.project-detail-img {
    margin-bottom: 30px;
    opacity: 1;
    transform: none;
}


@media (min-width: 768px) {
    .project-detail-img {
        opacity: 0;
        transform: translateY(30px);
    }
}





/* Mobiel */

/*
@media (min-width: 990px) {
    
    #header-container .header-tekst-kolom{
        position: absolute !important;
        width: 48% !important;
    }
    
}
*/





@media only screen and (max-width: 1365px) {
    
	.av-main-nav > li.menu-item-avia-special {
		display: block;
	}
	
	.av-main-nav > li {
		display: none;
	}
	
	.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a{
		color:#161615 !important;
	}
    
}



@media only screen and (max-width: 989px) {
    
    .responsive #top #wrap_all .av-break-at-tablet .flex_cell, .responsive #top #wrap_all .flex_column.av-break-at-tablet {
        margin-bottom: 0;
    }
    
}



@media only screen and (max-width: 767px) {
    
	.logo.avia-standard-logo {
		top: 0px;
		height: 131px;
	}
	
	.sub_menu{
		padding-right:10px;
	}
	
	.avia-menu.av-main-nav-wrap {
		padding-right: 0px !important;
	}
	
	#top .av_header_transparency #header_meta {
		border-bottom: 1px solid rgba(255, 255, 255, .25) !important;
	}
	
    .container.av-logo-container{
        margin-left: 0px !important;
        max-width: 90% !important;
        margin-right: 30px !important;
        width: 90% !important;
    }

    .responsive #top .logo {
        position: static;
        display: table;
        height: 80px !important;
        float: none;
        padding: 0;
        border: none;
        width: 100%;
        left: -30px;
        position: relative;
    }
    
    #header-container .header-tekst-kolom{
        width: 100% !important;
        position: relative !important;
    }
    
    .header-img{
        min-height: 230px !important;
        height: 230px !important;
    }
    
    .overflow-tekts-rechts, .overflow-tekts-links{
    
        width: 100% !important;
        float: none;
        position: unset !important;
        margin-top: 0px !important;
    }
    
    .overflow-tekts-links{
        border-radius: 60px 0 0 0!important;
    }
    
    .overflow-tekts-rechts{
        border-radius: 0 60px 0 0!important;
    }
    
    #cta-werkenbij .template-page .post-entry {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #cta-werkenbij .flex_column.av_one_full{
        padding: 40px;
    }
    
    #cta-werkenbij img{
        display: none;
    }
    
    .content, .sidebar {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .banner-intro p{
        font-size: 20px !important;
    }
    
    #cta-werkenbij .avia_textblock ul {
        margin: 0px;
        line-height: 32px;
    }
    
    .avia-logo-element-container .avia-content-slider-inner {
        width: auto;
        left: 0;
    }
    
    .gform_button.button{
        width: 100% !important;
    }
    
    #header, .header_bg, #header_main{
        border: none !important;
    }
    
    .project-kenmerken{
        padding: 40px;
        margin-top: 50px;
        border-radius: 0 0 60px 0;
    }
    
    .single .av-share-box {
        margin-bottom: 60px;
    }
	
	.sub_menu>div>ul>li>a, .sub_menu>ul>li>a{
		font-size:14px !important;
	}
	
	.responsive #header_meta .sub_menu>ul>li {
        padding: 0 6px !important;
    }
    
}