/*
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/tlp3fce.css");

body{
    font-family: proxima-nova, sans-serif !important;
}


/* Header */

#header_main {
    background-color: #fff;
    border-bottom: 1px solid #d8e6ea;
}

.av-main-nav > li > a{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 24px;
}

.contact .avia-menu-text{
    background-color: #0097cf;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
}

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



#top .av-main-nav ul a{
    background-color: #0097cf;
    border: none;
    font-size: 16px;
    color: #fff;
    padding: 10px 0px;
    text-transform: uppercase;
}

#top .av-main-nav ul a:hover{
    color: #fff!important;
    font-weight: bold;
}

.sub-menu .current-menu-item a{
    font-weight: bold;
}


/* layout */

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

.avia-section{
    min-height: 80px;
}

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


.avia_textblock li{
    list-style: none;
    margin-left: 0px;
    padding-left: 50px;
    background-image: url(img/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
}

/* Knoppen */

#top .main_color .avia-color-theme-color{
    background-color: #0097cf;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 25px;
}

#top .main_color .avia-color-theme-color-highlight, #top .footer_color .avia-color-theme-color-highlight{
    background-color: #2f4189;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 11px 25px;
}

/* 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: transparent;
    border: 1px solid #2f4189;
    border-radius: 5px;
    font-family: proxima-nova, sans-serif !important;
    font-size: 18px;
    padding: 8px 15px;
    
}

.gform_button.button{
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: proxima-nova, sans-serif !important;
    font-weight: 600;
    background-color: #0097cf;
    border-radius: 5px;
    padding: 10px 25px;
}

#top .gform_wrapper ul li.gfield{
    margin-bottom: 0px !important;
}

.gform_wrapper .gform_footer{
    margin-top: 0px !important;
}

/* Content */

.blauw p, .blauw li{
    color: #243883 !important;
}

.wit p, .wit li{
    color: #fff !important;
}

.gegevens{
    color: #0097cf;
}

.tel{
    padding-left: 30px;
    background-image: url(img/phone.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
}

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

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

.avia-testimonial-markup-entry-content p{
    font-size: 34px;
    font-weight: 600;
    line-height: 42px;
}

.avia-testimonial-name{
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -10px !important;
}

#text-2{
    padding: 0px;
    padding-top: 5px;
    text-align: center;
    color: #fff;
}

.usp{
    padding-left: 30px;
    margin-right: 40px;
    background-image: url(img/checkmark.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
}

#usp{
    border-bottom: 1px solid #5d6ba3 !important;
}

.av-subheading.av-subheading_above{
    font-size: 18px !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #2f4189;
}

.diensten p{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
}

#top .av-border-deactivate.avia-logo-element-container img, .av-border-deactivate .av-partner-fake-img {
   background-position: center !important;
    padding: 30px !important;
}

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

.avia_textblock.wit  a{
    color: #fff;
}

.avia_textblock.wit  a:hover{
    color: #fff;
    border-bottom: 2px solid #fff !important;
}

.avia_textblock.wit  a:hover{
    color: #fff;
    border-bottom: none;
    text-decoration: none;
}

.page-id-33 #footer{
    display: none;
}

.page-id-33 #socket #copyright{
    width: 51% !important;
    border-top: none;
    padding-top: 15px;
    padding-bottom: 20px;
}

.page-id-33 #socket #socials{
    width: 9% ;
    border-top: none;
    padding-top: 15px;
    padding-bottom: 20px;
}

.av-caption-image-overlay-bg{
    opacity: 0 !important;
}




/* footer */

#footer{
    padding: 0px;
}

.dot{
    padding: 0px 15px;
    color: #2f4189 !important;
}

.copyright{
    font-size: 16px;
}

#socket a{
    text-decoration: none !important;
}

#socket #copyright{
    width: 51% !important;
    border-top: 1px solid #0e7dba;
    padding-top: 30px;
    padding-bottom: 20px;
}

#socket #socials{
    width: 9% ;
    border-top: 1px solid #0e7dba;
    padding-top: 30px;
    padding-bottom: 20px;
}

.social-btn .avia-button.avia-size-large {
    padding: 9px!important;
    border-radius: 20px;
    height: 40px;
    width: 40px;
    color: #0098CF;
    font-size: 18px!important;
}



/* responsive */

@media only screen and (min-width: 990px) {
    .sub-menu{
        min-width: 320px !important;
        padding: 30px 30px !important;
        background: #0097cf !important;
        margin-top: 1px !important;
        border: none !important;
    }
    .sub-menu .current-menu-item a{
        color: #fff !important;
    }
}

@media only screen and (max-width: 767px) {
    #testimonials{
        padding: 30px 10px !important;
    }
    
    .sub-menu{
        background-color: transparent !important;
        padding: 0px !important;
    }
    
    .padding-blok{
        padding: 0px !important;
    }
    
    .usp{
        width: 100% !important;
    }
    
    #socket #copyright{
        width: 100% !important;
        border-top: none;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    #socket #socials{
        width: 100% ;
        border-top: none;
        padding-top: 0px;
        padding-bottom: 20px;
    }

}