/*
Theme Name: Aircondition Chris
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/
    /*************** ADD CUSTOM CSS HERE.   ***************/
    /* Set fonts */
    
    body {
        font-family: "Graphik", sans-serif
    }
    
    .nav>li>a,
    .mobile-sidebar-levels-2 .nav>li>ul>li>a {
        font-family: "Graphik", sans-serif;
        font-weight: 600;
        /* color: #03738b !important; */
    }
    
    h1,
    h2 {
        font-family: "Graphik", sans-serif;
    }
    
    h3,
    h4,
    h5,
    h6,
    .heading-font,
    .off-canvas-center .nav-sidebar.nav-vertical>li>a {
        font-family: "Montserrat", sans-serif;
    }
    /* *****Header***** */
    
    .breadcrumb {
        font-size: 1.2rem;
        font-weight: 600;
        color: #bcbcbc !important;
    }
    
    .header-button .button,
    .button.success {
        background: #fde74c;
        color: #03738B;
        font-weight: 700;
    }
    
    .header-button .button,
    .button.success {
        background: #fde74c;
        color: #03738B;
        font-weight: 600;
        text-transform: initial;
    }
    
    .header-button .button {
        font-size: 1.15rem;
    }
    
    .openingstijd .icon-box-text p {
        margin-bottom: 0;
    }
    
    .openingstijd .icon-box-text p .end {
        float: right;
    }
    /* *****Footer***** */
    
    .absolute-footer {
        display: none;
    }
    
    .footerMenuText,
    .footerMenuText a {
        color: #03738b;
    }
    
    .uspList {
        color: #03738B;
        font-weight: 600;
    }
    
    .uspList::before {
        content: "";
        font-family: "Font Awesome 5 Free";
        font-size: 1rem;
        font-weight: 900;
        margin-right: 10px;
        color: #03738B;
    }
    
    .featuresKennis {
        border-radius: 10px;
        margin-bottom: 25px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .16);
    }
    
    .btn-chris {
        background: #fde74c;
        color: #03738B;
        font-weight: 600;
    }
    
    .is-outline {
        color: #03738B !important;
        font-weight: 600;
    }
    
    .is-outline:hover {
        background: #44608400 !important;
    }
    
    .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
        border-bottom-style: none;
    }
    
    .featuresAbout {
        border-radius: 10px;
        position: relative !important;
        z-index: 5 !important;
        margin-bottom: -125px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .16);
    }
    
    #col-1431543435 {
        border-radius: 10px 0 0 10px !important;
    }
    
    #col-22024415 {
        border-radius: 0 10px 10px 0 !important;
    }
    
    .sign_up {
        position: relative;
        margin-bottom: -100px;
        z-index: 5;
    }
    /* WP FORMS CSS */
    /* .wpforms-field{
	display: flex;
} */
    /* .wpforms-field-label{
	width: 300px !important;
} */
    /* .wpforms-field-select-style-modern> .wpforms-field-label{
	max-width: 220px;
} */
    /* .wpforms-field-checkbox{
	margin-left: 220px !important;
	display: flex;
	flex-wrap: wrap;
} */
    
    .wpforms-submit {
        display: block !important;
        width: 100% !important;
        margin-top: 10% !important;
        position: absolute !important;
        border-radius: 50px !important;
        background: #fde74c !important;
        color: #03738B !important;
        font-weight: 600 !important;
    }
    
    .wpforms-field-large {
        border-radius: 5px !important;
    }
    
    .wpforms-field-required {
        border-radius: 5px !important;
    }
    
    .wpforms-field-row {
        width: 100% !important;
    }
    
    .faq .accordion-item {
        text-align: left;
    }
    
    .faq .accordion-item .accordion-title {
        padding-left: .6rem;
    }
    
    .faq .accordion-item .toggle {
        right: 0;
        left: auto;
    }
    
    .nav.nav-vertical li {
        font-size: 1.35rem;
        text-transform: initial;
    }
    
    .nav.nav-vertical li a {
        text-transform: initial;
    }
    
    @media only screen and (max-width: 48em) {
        /*************** ADD MOBILE ONLY CSS HERE  ***************/
        .menu-item {
            font-size: 1.15rem!important;
        }
    }