/*
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=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body{
    font-family: "Figtree", sans-serif;
}

.av-main-nav > li > a{
    font-size: 20px;
    font-weight: 500;
    padding: 0 22px;
}

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

.header_bg{
    opacity: 1;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}

/* layout */

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

.main_color strong{
    color: #333
}

/* knoppen */

.main_color .avia-color-theme-color-subtle{
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 17px 30px;
    border-radius: 10px;
    border: none;
}

/* 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: none;
    border-radius: 10px;
    font-size: 16px;
    padding: 18px 30px;
}

.gform_wrapper.gravity-theme .gfield_label{
    color:#FFF !important;
    font-size: 18px!important;
    font-weight: 700!important;
    margin-bottom: 0px!important;
}

.gform_button.button{
    background-color: #fff!important;
    color: #333 !important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 17px 30px!important;
    border-radius: 10px!important;
    border: none!important;
    font-family: "Figtree", sans-serif!important;
}

/* algemeen */

.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag{
    font-weight: 700;
}

.banner-before {
    position: relative;
}

.banner-before::before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 600px;
    background-image: url(img/before-banner.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    right: -60px;
    top: 0;
}

.introductie{
    border-right: 1px solid #C9C9C9;
}

.rounded-img img{
    border-radius: 250px 0 0 0 !important;
}

/* vacature shortcode */

.vacature-overzicht {
    border-bottom: 1px solid #767575 !important;
}

.vacature-rij {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-top: 1px solid #767575 !important;
    text-decoration: none;
    color: inherit;
}

.vacature-rij:first-child {
    border-top: none;
}

.vacature-rij:hover {
    background: #efefef;
}

.vacature-titel {
    font-weight: 600;
    font-size: 28px;
    color: #333333 !important;
}

.vacature-meta {
    text-align: right;
    font-size: 20px;
    color: #333333;
}

.vacature-uren{
    padding-left: 30px;
    background-image: url(img/clock.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 15px;
}

.vacature-opleidingsniveau{
    padding-left: 30px;
    background-image: url(img/opleiding.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px;
    margin-right: 15px;
}

.vacature-locatie{
    padding-left: 30px;
    background-image: url(img/locatie.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-right: 15px;
}


/* Footer */

.content-box .entry-content-wrapper.clearfix {
    background-color: #FFBE14;
    border-radius: 150px 0 150px 0;
    padding: 80px;
    background-image: url(img/box-content-overlay.png);
    background-position: left -160px center;
    background-size: 840px;
    background-repeat: no-repeat;
    bottom: -130px;
    position: relative;
}

.email-button a {
    font-size: 30px;
    font-weight: 700;
    text-decoration: none !important;
    transition: 0.3s all;
    padding-left: 70px;
    background-image: url(img/mail-icon.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: left;
    padding-top: 10px;
    padding-bottom: 20px;
}

.email-button a:hover{
    padding-left: 60px !important;
}

#footer-page #footer-section .template-page.content{
    padding-top: 200px;
    padding-bottom: 20px !important;
}

/* mobiel */

@media only screen and (max-width: 767px) {
    .rounded-img img {
        border-radius: 120px 0 0 0 !important;
    }
    
    .introductie {
        border-right: none !important;
        border-right: 1px solid #C9C9C9;
    }
    
    .vacature-rij {
        display: inline-block;
        justify-content: space-between;
        align-items: center;
        padding: 24px 0;
        border-top: 1px solid #767575 !important;
        text-decoration: none;
        color: inherit;
    }
    
    .vacature-meta {
        text-align: right;
        font-size: 17px;
        color: #333333;
        margin-top: 30px;
        display: inline-block;
        text-align: left;
    }
    
    .content-box .entry-content-wrapper.clearfix {
        background-color: #FFBE14;
        border-radius: 50px 0 150px 0;
        padding: 30px;
        background-image: none;
        background-position: left -160px center;
        background-size: 840px;
        background-repeat: no-repeat;
        bottom: -130px;
        position: relative;
    }
    
    .email-button a {
        font-size: 18px;
        font-weight: 700;
        text-decoration: none !important;
        transition: 0.3s all;
        padding-left: 40px;
        background-image: url(img/mail-icon.png);
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: left;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    
    .socket-rechts{
        text-align: left;
    }
    
    
    .flex_cell.av-ml0sp1u5-6676b23168d84ba9f13f6c4a5d90f815 {
        vertical-align: top;
        height: 270px!important;
        min-height: 270px!important;
        background: url(https://dev.media-click.nl/wp-content/uploads/2026/01/Banner-Eindhoven-energie-scaled.jpg) 50% 50% no-repeat scroll;
    }
    
    .flex_cell.av-ml0sphzc-cbd39b8763af74ba15a03c5d2750a52e {
        vertical-align: middle;
        height: max-content!important;
        min-height: max-content!important;
        background-color: #fea209;
    }
}