/*
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://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    letter-spacing: 0.14px;
}


.video-background{
    position: absolute;
    min-width: 150%;
    min-height: 150%;
    left: -200px;
}

.av-main-nav > li > a{
    font-size: 17px;
    font-weight: 700;
    color: #0098A9;
    padding: 0;
}

.av-main-nav > li > a .avia-menu-text svg{
    font-size: 12px;
    margin-bottom: 2px;
}

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

.avia-menu-text {
    padding: 10px 13px;
}

.current-menu-item .avia-menu-text {
    background-color: #ECF7F8 !important;
    border-radius: 10px;
}

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

#header_meta{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #BFE5E9 !important;
}

.sub_menu>ul>li>a, .sub_menu>div>ul>li>a{
    font-size: 14px;
    font-weight: 500;
    color: #176A79 !important;
}

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

.header_bg{
    opacity: 1;
}

.avia-menu-text svg{
    color: #D64E18;
}

.menu-item-search-dropdown{
    padding-left: 10px;
}

#top #menu-item-search.menu-item-search-dropdown > a:before {
    content: '';
    display: inline-block;
    width: 50px;  /* Pas de breedte aan */
    height: 50px; /* Pas de hoogte aan */
    background-image: url('img/search-icon.png');
    background-size: 20px; /* Zorg dat de afbeelding wordt geschaald */
    background-repeat: no-repeat;
    background-position: center;
    background-color: #92569E;
    border-radius: 30px;
    top: 20px;
    position: relative;
}

.custom-icon {
    display: inline-block;
    margin-left: 10px;
    top: 20px;
    position: relative;
}

.custom-icon img {
    width: 50px;
    height: auto;
}

/* search */

.avia-search-tooltip {
    top: 87% !important;
    box-shadow: 0px 10px 30px 0px rgba(23,106,121,0.15) !important;
}

.avia-search-tooltip #searchform>div{
    margin: 10px;
}

.avia-search-tooltip.avia-tt{
    border-radius: 40px;
    border: none;
}

#top #s{
    border: 1px solid #92569E;
    background-color: #fff;
    color: #071E21;
    font-size: 14px;
    padding: 15.5px 15px;
    border-radius: 30px;
}

#top #s::placeholder{
    color: #071E21 !important;
}

#top #searchsubmit, .ajax_load{
    background-color: #92569E;
    width: 50px;
    height: 50px;
    border-radius: 30px;
}

#searchsubmit {
    background-image: url('img/search-icon.png'); 
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    border: none;
}

#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child {
    display:none;
}
#top .menu-item-search-dropdown > a.avia-svg-icon {
    padding-top: 0px;
}



/* sub menu */

.sub-menu{
    background-color: #FFFFFF!important;
    padding: 10px 0 10px 0 !important;
    border-top: 0px!important;
    border-radius: 10px;
    min-width: 260px !important;
    width: auto!important;
    box-shadow: 0px 0px 20px 0px rgba(23,106,121,0.15)!important;
    margin-top: -23px!important;
}

.sub-menu .avia-menu-text{
    padding: 0px!important;
    background-color: transparent !important;
}

#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a{
    background-color: transparent!important;
    color: #D64E18;
}

#top .header_color .main_menu .menu ul li > a:hover{
    color: #D64E18;
}

#top .av-main-nav ul a{
    padding: 7px 30px;
    margin-bottom: 0px;
    background-color: transparent !important;
    border: none!important;
    background-image: url(img/chevron-down-sharp-solid.png);
    background-position: left 15px top 13px;
    background-repeat: no-repeat;
    background-size: 6px;
    color: #176A79;
}

.av-main-nav ul li a{
    font-size: 14px!important;
}

.av-submenu-indicator{
    display: none !important;
}

/* Layout */


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

.avia-section-large .content, .avia-section-large .sidebar {
    padding-top: 150px;
    padding-bottom: 150px;
}

.intro{
    font-size: 20px;
    color: #79428D;
    line-height: 32px;
    font-weight: 400;
}

.shadow{
    box-shadow: 0px 10px 30px 0px rgba(23,106,121,0.15);
}

.gradient-section{
    background: linear-gradient(0deg, rgba(235,247,248,1) 0%, rgba(235,247,248,0) 100%)!important;
    background-color: #fff !important;
}

.gradient-section-reverse{
    background: linear-gradient(180deg, rgba(235,247,248,1) 0%, rgba(235,247,248,0) 100%)!important;
    background-color: #fff !important;
}

.shadow-round:before{
    position: absolute;
    display: block;
    width: 100%;
    height: 986px;
    z-index: 0;
    content: " ";
    background-image: url(img/blauw-schaduw.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: 0px;
    border-radius: 0px;
}


/* Formulieren */

#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: #ECF7F8;
    border: none;
    border-radius: 30px;
    color: #071E21;
    font-size: 16px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    padding: 18px 20px; 
}

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
    color: #071E21!important;
    opacity: 1;
}

.gfield_label.gform-field-label{
    font-size: 16px;
    font-weight: 400 !important;
    color: #fff;
}

.gform_wrapper.gravity-theme .gform_drop_area{
    background-color: transparent !important;
    border: 1px dashed #ECF7F8 !important;
    border-radius: 30px !important;
}

.gform_drop_instructions{
    display: none !important;
}

.button.gform_button_select_files.gform-theme-button.gform-theme-button--control{
    background-color: #176A79;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
}

.gfield_description.gform_fileupload_rules{
    display: none !important;
}

.gform-field-label.gform-field-label--type-inline.gfield_consent_label{
    color: #FFFFFF !important;
    font-size: 16p !important;
    font-weight: 400 !important;
}

.gform_button.button{
    font-family: "Montserrat", sans-serif !important;
    background-color: #FFFFFF!important;
    border-radius: 30px!important;
    border: none!important;
    color: #176A79!important;
    font-size: 16px!important;
    font-weight: 500!important;
    padding: 16px 25px!important;
}

.gform_footer.before{
    padding-top: 6px !important;
    padding-bottom: 0px !important;
}

.textarea.medium{
    margin-bottom: 0px !important;
}

/* knoppen */

#top .main_color .avia-color-theme-color, #top .alternate_color .avia-color-theme-color{
    background-color: #0098A9;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color:hover, #top .alternate_color .avia-color-theme-color:hover{
    background-color: #007883;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color-highlight, #top .alternate_color .avia-color-theme-color-highlight{
    background-color: #92569E;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color-highlight:hover, #top .alternate_color .avia-color-theme-color-highlight:hover{
    background-color: #74447F;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color-subtle, .alternate_color .avia-color-theme-color-subtle{
    background-color: #D4C600;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-theme-color-subtle:hover, .alternate_color .avia-color-theme-color-subtle:hover{
    background-color: #AFA000;
    color: #fff;
    transition: 0.3s all;
}

#top .main_color .avia-color-red, .alternate_color .avia-color-red{
    background-color: #D64E18;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-red:hover, .alternate_color .avia-color-red:hover{
    background-color: #AA3E13;
    transition: 0.3s all;
}

#top .main_color .avia-color-blue, .alternate_color .avia-color-blue{
    background-color: #0C3C73;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-blue:hover, .alternate_color .avia-color-blue:hover{
    background-color: #0A315D;
    transition: 0.3s all;
}


#top .main_color .avia-color-white, .alternate_color .avia-color-white{
    background-color: #FFFFFF;
    color: #071E21;
    border: none;
    border-radius: 30px;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

#top .main_color .avia-color-white:hover, .alternate_color .avia-color-white:hover{
    background-color: #CCCCCC;
    transition: 0.3s all;
}


/* algemeen */

.post-share-section{
	position: fixed;
    z-index: 99;
	margin-top: -40px;
    padding-top: 30px;
}

.post-share-section p{
	font-size:14px;
}

.post-share-section ul{
	margin:0px;
}

.post-share-section ul li{
	list-style:none;
	color: #fff !important;
	font-size: 18px;
	max-width:40px;
	background-color:#92569E;
	min-height:40px;
	max-height:40px;
	margin: 0 0 10px 0;
	text-align: center;
	border-radius:20px;
}

.post-share-section ul li a{
	color: #fff !important;
	font-size: 18px !important;
	vertical-align: middle;
} 

.post-share-section ul li svg{
	padding-top:8px;
}

.video-button{
    padding-left: 55px !important;
    background-image: url(img/circle-play-solid.png);
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 35px
}

#homebanner{
    border-radius: 500px 0 0 500px;
    -webkit-box-shadow: 0px 50px 70px 0px rgba(23,106,121,0.15) !important;
    -moz-box-shadow: 0px 50px 70px 0px rgba(23,106,121,0.15)!important;
    box-shadow: 0px 50px 70px 0px rgba(23,106,121,0.15)!important;
}

.wpgb-grid-8 .wpgb-card:first-child .wpgb-card-wrapper{
    margin-right: 85px;
    margin-top: -80px;
}

.wpgb-grid-8 .wpgb-card:last-child .wpgb-card-wrapper{
    margin-left: 85px;
    margin-top: -80px;
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    background: none;
}

.onderdeel-van p:first-child{
    margin-top: 0px;
}

.avia_textblock ul{
    margin-left: 0px;
    line-height: 30px;
}

.avia_textblock ul li{
    margin-left: 0px;
    padding-left: 20px;
    list-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url(img/li-bullet.png);
    background-position: left top 12px;
    background-repeat: no-repeat;
    background-size: 8px;
}



#home-banner{
    background-color: transparent;
}

#home-banner .avia-video, #home-banner .avia-video iframe{
    border-radius: 400px 0 0 400px;
}

.contact-blok{
    box-shadow: 0px 10px 15px 0px rgba(23,106,121,0.15);
}

.avia-google-map-container{
    border-radius: 30px;
}

.contact-gegevens a:nth-of-type(1){
    padding-left: 25px;
    background-image: url(img/phone-solid.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    color: #071E21;
    transition: 0.3s all;
}

.contact-gegevens a:nth-of-type(1):hover{
    padding-left: 30px;
    transition: 0.3s all;
}


.contact-gegevens a:nth-of-type(2){
    padding-left: 25px;
    background-image: url(img/paper-plane-solid.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    color: #0098A9;
    text-decoration: underline !important;
    transition: 0.3s all;
}

.contact-gegevens a:nth-of-type(2):hover{
    padding-left: 30px;
    transition: 0.3s all;
}

.contact-gegevens p{
    line-height: 28px !important;
    margin-top: 3px;
}

.contact-gegevens img{
    margin-bottom: -5px;
    padding-top: 10px;
}

.contact-socialmedia p{
    margin-bottom: -7px;
}

.avia-slideshow li img{
    border-radius: 30px;
}


/*
.avia-slideshow-arrows a:before{
    background: #fff !important;
    border-radius: 40px;
    opacity: 1!important;
}

.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui .avia-slideshow-controls a{
    opacity: 1 !important;
}

#av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide{
    width: 80px;
}

.avia-slideshow-arrows a:before{
    line-height: 80px !important;
}

#top .avia-slideshow-arrows a {
    color: #0098A9;
    width: 80px !important;
    text-align: center;
    height: 80px;
    font-weight: 700;
    font-size: 35px;
    margin: -40px 15px 0;
}
*/


.widget.clearfix.widget_text{
    margin-top: 60px;
    background-color: #E5F5F6;
    border-radius: 30px;
    padding: 40px;
}

.widget_text .widgettitle{
    font-size: 26px !important;
    color: #0098A9!important;
    font-weight: 700!important;
    margin-top: 0px!important;
}

.textwidget ul{
    margin: 0px;
    line-height: 38px;
    column-count: 2;
}

.textwidget li{
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0px;
    font-size: 16px;
    background-image: url(img/chevron-down-sharp-solid.png);
    background-position: left top 13px;
    background-repeat: no-repeat;
    background-size: 6px;
    color: #176A79 !important;
}

.textwidget li a{
    color: #176A79 !important;
    transition: 0.3s all;
}

.textwidget li a:hover{
    padding-left: 5px;
    color: #D64E18 !important;
    transition: 0.3s all;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay{
    border-radius: 30px;
}

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

/* powervraag */

.powervraag-ondertitel {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 75px;
}

.powervraag-blok {
    background-color: #fff;
    border-radius: 50px !important;
    box-shadow: 0px 0px 30px 0px rgba(23,106,121,0.18);
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 25px !important;
    background-image: url(img/power-vraag-icon.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
    background-size: 40px;
}

.powervraag-blok:hover{
    background-color: #0098A9;
    background-image: url(img/power-vraag-icon-hover.png);
}

.powervraag-blok:hover h5{
    color: #fff !important;
}

.powervraag-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    width: 100%;
}

.powervraag-afbeelding {
    flex-shrink: 0;
    margin-right: 20px;
}

.powervraag-afbeelding-container {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.powervraag-afbeelding img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.powervraag-inhoud {
    display: flex;
    align-items: center;
}

.powervraag-titel {
    margin: 0;
    font-size: 1.2em;
}


/* splitblok home */

.werkgever-blok {
    display: flex;
    flex-wrap: wrap; /* Zorgt ervoor dat de items op mobiel onder elkaar komen */
    background-color: #FFFFFF;
    border-radius: 30px;
    box-shadow: 0px 10px 30px 0px rgba(23,106,121,0.15);
    padding: 0 40px 0 0;
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
}

.werkgever-afbeelding {
    flex: 1 1 40%; /* Neemt 40% van de breedte op grotere schermen */
    max-width: 40%;
}

.werkgever-afbeelding img {
    border-radius: 30px 0 0 30px;
    width: 100%;
    height: auto;
    display: block;
}

.werkgever-content {
    flex: 1 1 60%; /* Neemt 60% van de breedte op grotere schermen */
    padding-left: 30px;
    max-width: 60%;
}

.werkgever-content p {
    font-size: 18px;
    margin: 15px 0 45px;
}

.werkgever-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0098A9;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.werkgever-button:hover {
    background-color: #007c8a;
}



/* Responsive design */

@media (max-width: 768px) {
    .werkgever-blok {
        flex-direction: column; /* Zet de flex-items onder elkaar */
        text-align: center; /* Centraal uitlijnen van de tekst en knop */
    }

    .werkgever-afbeelding {
        max-width: 100%; /* Zet de afbeelding op 100% breedte */
        margin-bottom: 20px; /* Voeg ruimte toe onder de afbeelding */
    }

    .werkgever-content {
        max-width: 100%; /* Zorg dat de tekst 100% breed is */
        padding-left: 0; /* Verwijder de padding op mobiel */
    }
}




/* accordion */

.av_toggle_section{
    box-shadow: 0px 0px 30px 0px rgba(23, 106, 121, 0.18);
    overflow: hidden;
    border-radius: 50px;
    margin-bottom: 25px;
}

.av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{
    background-color: #fff;
    border-radius: 50px !important;
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: #0098A9;
    padding: 30px 120px 30px 30px;
}

.toggler.av-title-above.activeTitle{
    margin-bottom: 0px !important;
    border-radius: 0 40px 0 0 !important;
}

.toggle_content.invers-color{
    background-color: #fff;
    border: none;
    margin-top: -20px;
    padding: 0 30px 30px 30px;
    font-size: 18px;
    line-height: 32px;
}

.av-elegant-toggle .toggle_icon{
    border: 1px solid #D64E18;
    background-color: #D64E18;
    width: 40px;
    height: 40px;
    border-radius:20px;
    right: 30px;
    margin-top: -23px;
    opacity: 1;
}

.toggle_icon .vert_icon{
    height: 16px;
    border-color: #fff;
}

.toggle_icon .hor_icon {
    width: 16px;
    border-color: #fff;
}


/* CTA balk */

.atc .alle-contactpersonen {
    background-color: #D4C600;
    border-radius: 30px;
    padding: 20px 0;
}

.werkkom .alle-contactpersonen {
    background-color: #429B27;
    border-radius: 30px;
    padding: 20px 0;
}

.risse-groep .alle-contactpersonen {
    background-color: #0098A9;
    border-radius: 30px;
    padding: 20px 0;
}



.contactpersoon {
    border-radius: 0px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
}

.contactpersoon-afbeelding {
    margin-right: 20px;
}

.afbeelding-cirkel {
    width: 100px; 
    height: 100px;
    border-radius: 50%;
    overflow: hidden; 
}

.contactpersoon-gegevens {
    flex-grow: 1;
}

.contactpersoon-gegevens h5{
    color: #fff !important;
}

.contactpersoon-gegevens p{
    color: #071E21;
    margin-bottom: 0px ;
    margin-top: 0px;
    font-size: 14px;
}

.contactpersoon-knoppen {
    display: flex;
    align-items: center;
}

.contactpersoon-knoppen a:first-child{
    margin-right: 20px !important;
}

.contactpersoon .avia-color-cta-blauw{
    background-color: #176A79;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

.contactpersoon .avia-color-white{
    background-color: #FFFFFF;
    color: #176A79 !important;
    border: none;
    border-radius: 30px;
    padding: 13px 30px !important;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s all;
}

.contactpersoon-title{
    padding-bottom: 40px;
    margin-top: 110px;
    background-image: url(img/pijltje-cta.png);
    background-position: left 140px bottom 24px;
    background-repeat: no-repeat;
    background-size: 86px;
    margin-bottom: 0px;
}


/* banners */


.banner-content img{
    border-radius: 0 0 80px 80px !important;
}


.risse-groep .banner-content, .atc .banner-content, .werkkom .banner-content {
    position: relative; 
}

.risse-groep .banner-content:after {
    position: absolute;
    display: block;
    width: 865px;
    height: 89px;
    z-index: 1;
    content: "";
    background-image: url(img/banner-risse-groep.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-15%);
    bottom: -89px;
}

.atc .banner-content:after {
    position: absolute;
    display: block;
    width: 865px;
    height: 89px;
    z-index: 1; /* Zorgt ervoor dat de afbeelding zichtbaar is boven andere elementen */
    content: "";
    background-image: url(img/banner-atc.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-15%);
    bottom: -89px;
}

.atc .banner-content:before {
    position: absolute;
    display: block;
    width: 299px;
    height: 89px;
    z-index: 1;
    content: "";
    background-image: url(img/before-ATC.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 25%;
    transform: translateX(-22%);
    bottom: -89px;
}

.werkkom .banner-content:after {
    position: absolute;
    display: block;
    width: 865px;
    height: 89px;
    z-index: 1; /* Zorgt ervoor dat de afbeelding zichtbaar is boven andere elementen */
    content: "";
    background-image: url(img/banner-werkkom.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-15%);
    bottom: -89px;
}

.werkkom .banner-content:before{
    position: absolute;
    display: block;
    width: 217px;
    height: 89px;
    z-index: 1;
    content: "";
    background-image: url(img/before-werkkom.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 25%;
    transform: translateX(-22%);
    bottom: -89px;
}

/* vacatures */

.type-vac-info, .uren-info, .salaris-info{
	display:inline-block;
	margin-right:15px;
	font-size:14px;
	color:#176A79;
}

.type-vac-info svg, .uren-info svg, .salaris-info svg{
	color:#92569E;
}

.meta-gegevens-vac{
	display:block;
	margin-top:20px;
	margin-bottom:25px;
}


.bedrijfsonderdeel-term{
	background-color:#0098A9;
	color:#fff;
	font-size:14px;
	border-radius:20px;
	padding: 8px 15px;
	margin: 0 10px 10px 0;
}

.bedrijfsonderdeel-werk-kom{
	background-color:#0C3C73;
}

.bedrijfsonderdeel-arbeidstrainingcentrum{
	background-color:#D4C600;
}



.werken-bij-heading h1{
    line-height: 63px;
}

.vacature-overzicht-titel .av-subheading.av-subheading_above p{
    margin-bottom: 10px !important;
}

.solliciteer-direct{
    background-color:#0098A9;
    padding: 40px;
    border-radius: 30px;
}

.solliciteer-direct h2{
    color: #fff !important;
    margin-bottom: 35px;
}

.single-vacature #av_section_2 .template-page{
    padding-top: 0px;
    padding-bottom: 120px;
}

.type{
    padding-left: 20px !important;
    background-image: url(img/bolt-sharp-solid.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px;
    margin-right: 15px !important;
}

.wpgb-card-4:hover .type{
    padding-left: 20px !important;
    background-image: url(img/bolt-sharp-solid-hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.uren{
    padding-left: 20px !important;
    background-image: url(img/clock-sharp-solid.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.wpgb-card-4:hover .uren{
    padding-left: 20px !important;
    background-image: url(img/clock-sharp-solid-hover.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px;
}

.wpgb-card-4:hover .wpgb-block-5 .wpgb-block-term{
    background-color: #176A79 !important;
}

.wpgb-card-4 .wpgb-card-body{
    background-image: url(img/vacature-link-icon.png) !important;
    background-position: bottom 25px right 25px!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
}

.wpgb-card-4:hover .wpgb-card-body{
    background-image: url(img/vacature-link-icon-hover.png) !important;
    background-position: bottom 25px right 25px!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
}

.open-sollicitatie-blok {
    background-color: #0098A9;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 25px;
}

.open-sollicitatie-blok .text-content {
    color: white;
    max-width: 70%;
}

.open-sollicitatie-blok .text-content h3 {
    margin-bottom: 8px;
    color: #fff !important;
}

.open-sollicitatie-blok .text-content p {
    margin: 0px;
    font-size: 16px!important;
    line-height: 30px !important;
}

.open-sollicitatie-blok .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sollicitatie-button.avia-color-white{
    padding: 13px 30px !important;
    color: #176A79 !important;
}


/* nieuws */

.publicatie-datum{
    color: #92569E;
    font-size: 14px;
}

.nieuws-img{
    margin-top: 45px;
    margin-bottom: 40px;
}

blockquote{
    border: none;
    padding: 20px 40px 0;
    background-image: url(img/quote.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 38px;
    margin: 50px 0;
}

blockquote p{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    color: #92569E;
    line-height: 28px;
}



/* wp grid builder */

.wpgb-prev-button, .wpgb-next-button{
    border: 1px solid #0098A9 !important;
    border-radius: 40px !important;
}

.wpgb-prev-button svg, .wpgb-next-button svg{
    display: none !important;
}

.wpgb-prev-button{
    background-image: url(img/arrow-right-sharp-regular-left.png) !important;
    background-repeat: no-repeat!important;
    background-size: 19px!important;
    background-position: center center!important;
}

.wpgb-next-button{
    background-image: url(img/arrow-right-sharp-regular-right.png) !important;
    background-repeat: no-repeat!important;
    background-size: 19px!important;
    background-position: center center!important;
    margin-left: 20px !important;
}

.wp-grid-builder .wpgb-area-top-1>div, .wp-grid-builder .wpgb-area-top-2>div{
    max-width: 50% !important;
}

.wpgb-select-facet{
    min-width: 265px;
}

.wpgb-select-controls{
    display: none !important;
}

.wpgb-select{
    background-color: transparent !important;
    border: 1px solid #0098A9 !important;
    border-radius: 30px !important;
    padding: 13.5px 20px !important;
    background-image: url(img/chevron-down-sharp-solid-dropdown.png)!important;
    background-position: right 20px center!important;
    background-size: 13px!important;
    background-repeat: no-repeat!important;
}

.wpgb-facet .wpgb-pagination li a[aria-current], .wpgb-facet .wpgb-pagination li a:hover{
    background-color: #0098A9;
    color: #fff !important;
    font-size: 16px!important;
}

.wpgb-facet .wpgb-pagination li a{
    border: 1px solid #0098A9!important;
    color: #0098A9!important;
    font-size: 16px!important;
    width: 55px!important;
    height: 55px!important;
    line-height: 55px !important;
    border-radius: 30px !important;
}


/* footer*/

.puur {
    background-blend-mode: multiply;
    left: 25px;
}

.usp-blobs.puur{
	position:relative;
}

.usp-blobs:hover .puur::before, .usp-blobs:hover .doen::before, .usp-blobs:hover .samen::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('http://risse.bonsaidev.nl/wp-content/uploads/2024/11/blobs-icon.png');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}



.doen {
    background-blend-mode: multiply;
    right: 35px;
}



.blobs-section .entry-content-wrapper{
    max-width: 1200px;
    margin: 0 auto;
}
/*
.blobs-section{
    padding-left: 200px;
    padding-right: 200px;
}*/

#footer-content .contact-gegevens p{
	margin-bottom:28px;
}

.usp-blobs-tekst h2{
    font-size: 35px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.usp-blobs {
    position: relative;
    mix-blend-mode: multiply;
    overflow: visible;
}

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

#footer-content .contact-gegevens img{
    padding-top: 0px;
    margin-top: -15px;
}

.footer-link h6{
    font-size: 17px;
    margin-bottom: 6px;
}

#footer-content .footer-link ul{
    margin: 0px;
    line-height: 28px;
}

#footer-content .footer-link li{
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0px;
    background-image: url(img/chevron-down-sharp-solid.png);
    background-position: left top 9px;
    background-repeat: no-repeat;
    background-size: 6px;
    color: #176A79 !important;
}

#footer-content .footer-link li a{
    color: #176A79 !important;
    transition: 0.3s all;
}

#footer-content .footer-link li a:hover{
    padding-left: 5px;
    transition: 0.3s all;
}


/* mobiel */

@media only screen and (max-width: 1400px) {
    .av-main-nav > li.menu-item-avia-special {
        display: block;
    }
    .av-main-nav > li {
        display: none;
    }
	
	.avia-bullet{
		display:none !important;
	}
    
    .sub-menu{
        margin-top: 0px !important;
        padding-top: 0px !important;
		box-shadow:none!important;
	}
	
	.sub-menu a{
		border-bottom:none!important;
        font-size: 14px!important;
        font-weight: 400!important;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
	}
    
    .av-burger-menu-main.menu-item-avia-special a{
        right: -60px;
        position: relative;
    }
    
    .custom-icon{
        right: 50px;
        top:26px;
        z-index: 99;
    }
    
    #menu-item-search{
        padding: 0 10px 0 0!important;
    }
    
    #top #menu-item-search.menu-item-search-dropdown > a:before {
        content: '';
        display: inline-block;
        width: 40px;
        height: 40px;
        background-image: url(img/search-icon.png);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #92569E;
        border-radius: 30px;
        top: 15px;
        position: relative;
    }
    
    
    .custom-icon img {
        width: 40px;
        height: auto;
    }
    
    .contactpersoon{
        display: block;
    }

}


/* Sticky header mobiel */

@media only screen and (max-width: 767px) {
    .html_header_top.html_header_sticky #header, .responsive #top #wrap_all #header {
        position: fixed !important;
     }
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 70px !important;
    }
}


@media only screen and (max-width: 1400px) {
    .contactpersoon-title{
        background-position: left 60px bottom 24px !important;
    }
}


@media only screen and (max-width: 768px) {
	h1{
		font-size:30px!important;
	}
 
	.recent-single{
		margin-bottom:20px !important;
	}
	
	.footer-link h6{
		margin-top:30px;
	}
	
    .avia-section-large .content, .avia-section-large .sidebar{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .blobs-section .template-page.content{
        padding-top: 0px;
        padding-bottom: 0px;
    }  
    
	.video-background{
		display:none !important;
	}
    
    .post-share-section{
        display: none;
    }
    
    .werken-bij-heading h1{
        line-height: 42px;
    }
    
    body:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(img/bg-body-mobiel.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover;
        background-position: top left !important;
        z-index: 0;
    }
    
    #homebanner{
        border-radius: 0px;
    }
    
    #code-blok-banner .avia_codeblock  div{
        max-height: 300px !important;
    }
    
    .video-button{
        font-size: 12px !important;
    }
    
    .main_menu{
        top: -5px !important;
    }
    
    #menu-item-search{
        right: -10px;
    }

    
    .responsive .logo img, .responsive .logo svg {
        width: 160px;
    }
    
    .werkgever-blok{
        padding: 20px 20px 60px 20px;
        border-radius: 20px;
    }
    
    .werkgever-afbeelding img{
        border-radius: 20px;
    }
    
    .banner-content img{
        border-radius: 0 0 40px 40px !important;
    }
    
    .risse-groep .banner-content:after, .atc .banner-content:after, .werkkom .banner-content:after {
        position: absolute;
        display: block;
        width: 260px;
        height: 89px;
        z-index: 1;
        content: "";
        background-size: contain;
        left: 28%;
        transform: translateX(-15%);
        bottom: -89px;
    }
    
    .atc .banner-content:before {
        width: 180px;
    }
    
    .werkkom .banner-content:before {
        position: absolute;
        display: block;
        width: 130px;
        height: 89px;
        left: 22%;
        transform: translateX(-22%);
        bottom: -89px;
    }
    
    .textwidget ul{
        column-count: 1;
    }
    
    .powervraag-inhoud {
        display: flex;
        align-items: center;
        padding-right: 60px;
    }
    
    .powervraag-titel{
        font-size: 14px !important;
    }
    
    .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler{
        border-radius: 20px!important;
        font-size: 14px;
    }
    
    .av_toggle_section{
        border-radius: 20px!important;
    }
    
    .toggle_content.invers-color {
        font-size: 14px;
        line-height: 24px;
    }
    
    .contactpersoon, .contactpersoon-knoppen{
        display: block;
    }
    .contactpersoon-knoppen .avia-color-white, .contactpersoon-knoppen .avia-color-cta-blauw{
        display: block;
        margin: 0 0 20px 0 !important;
    } 
    
    .contactpersoon-knoppen a:first-child{
        margin-right: 0px !important;
    }
    
    .contactpersoon-gegevens{
        margin: 20px 0;
    }
    
    .contactpersoon-title{
        background-image: none;
    }
    
    .avia-slideshow-arrows a:before{
        line-height: 40px!important;
        font-size: 20px!important;
    }
    
    #av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
        width: 40px;
    }
    
    #top .avia-slideshow-arrows a {
        color: #0098A9;
        width: 40px !important;
        height: 40px;
        font-weight: 700;
        font-size: 20px!important;
        margin: -20px 15px 0 !important;
    }
    
    .avia-slideshow li img, .contactpersoon, .widget.clearfix.widget_text,.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
        border-radius: 20px;
    }
    
    .wp-grid-builder .wpgb-area-top-1>div, .wp-grid-builder .wpgb-area-top-2>div {
        max-width: 100% !important;
    }
    
    .wpgb-select{
        margin-bottom: 0px !important;
    }
    
    .open-sollicitatie-blok .text-content {
        color: white;
        max-width: 100%;
    }
    
    .open-sollicitatie-blok{
        display: block;
    }
    
    .open-sollicitatie-blok .button-container {
        display: flex;
        justify-content: left;
        margin-top: 20px;
    }
    
    .wp-grid-builder .wpgb-card-1 .wpgb-card-body, .wp-grid-builder .wpgb-card-1 .wpgb-card-footer{
        padding-left: 0px !important;
    }
    
    .wp-grid-builder .wpgb-area{
        display: block!important;
    }
    
    .blobs-section{
        padding: 0px !important;
    }
    
    .puur {
        background-blend-mode: multiply;
        left: 0;
        padding: 50px 20px !important;
        bottom: -90px;
    }
    
    .samen{
        padding: 50px 20px !important;
    }
    
    .doen {
        background-blend-mode: multiply;
        right: 0px;
        padding: 50px 20px !important;
        top: -90px;
    }
    
    .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {
        height: 50px;
    }
    
    .avia-arrow{
        display: none !important;
    }
    
    .wpgb-grid-8 .wpgb-card:first-child .wpgb-card-wrapper{
        margin-right: 0px;
        margin-top: 0px;
    }

    .wpgb-grid-8 .wpgb-card:last-child .wpgb-card-wrapper{
        margin-left: 0px;
        margin-top: 0px;
    }

    .custom-icon {
        top: 23px;
    }    
	
	.type, .wpgb-card-4:hover .type, .uren {
		background-position: left top 8px !important;
	}	
	
	.toggle_content.invers-color {
		margin-top: -10px!important;
	}
	
	.usp-blobs-tekst p{
		font-size:14px!important;
		margin-bottom:30px !important;
	}
	
    .textwidget li {
        background-position: left top 8px;
    }
    
}