/*
Theme Name: The7 Child
Theme URI: https://the7.io/
Template: dt-the7
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 11.8.1.1691759720
Updated: 2023-08-11 13:15:20

*/

.additional-service h2,
.additional-service h2,
.additional-service h3,
.additional-service h4,
.additional-service h5,
.additional-service h6 {
    font-family: 'Roboto', Sans-serif;
    font-weight: 600;
}




.sab-aspect-ratio img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}



.sab-show-mobile {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .sab-hide-mobile {
        display: none !important;
    }
    
    .sab-show-mobile {
        display: block !important;
    }
}




.icn-cookie-notification--banner {
    width: 100vw;
    margin: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 !important;
    padding: 24px; 
    
}

.icn-cookie-notification__information {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px;
    flex-grow: 1;
} 

.icn-cookie-notification__information-cta {
    margin: 0 !important;
    width: auto;
}

@media only screen and (max-width: 767px) {
    .icn-cookie-notification--banner {
        flex-flow: column nowrap;
        
    }
    
    .icn-cookie-notification__information {
        margin: 0;
    }
    
    .icn-cookie-notification__title {
        margin-bottom: 20px;
    }
}


/* --------------- */
/* The7 Theme vars */
/* --------------- */
#icn_cookie_notice {
    /* general vars */
    --icn-primary-color: var(--icn-custom-primary, var(--the7-accent-color));
    --icn-secondary-color: var(--icn-custom-secondary, var(--the7-btn-hover-bg-color));

    /* btn vars */
    --icn-btn-border-radius: var(--icn-custom-border-radius, var(--the7-border-radius-size));
    --icn-btn-primary-text: var(--icn-custom-btn-text, var(--the7-btn-color));
    --icn-btn-secondary-text: var(--icn-custom-btn-secondary-text, var(--the7-btn-hover-color));
    --icn-btn-font: var(--icn-custom-font, var(--the7-btn-s-font));

    /* text vars */
    --icn-text-color: var(--icn-custom-text-color, var(--the7-h2-color));
    --icn-text-heading: var(--icn-custom-heading, var(--the7-h2-font));
}

/* ------- */
/* Layout */
/* ------- */
#icn_cookie_notice {
    display: flex;
    justify-content: flex-end;
}

.icn-cookie-notification--banner {
    width: 100vw;
    margin: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 !important;
    padding: 24px;
    border-top-left-radius: var(--icn-btn-border-radius);
    border-top-right-radius: var(--icn-btn-border-radius);
    border: 0.125rem solid #FFF;
    border-bottom: unset;
    background-color: var(--icn-secondary-color);
}

    




.icn-cookie-notification__information {
    width: 400px;
    max-width: 100%;
    margin-bottom: unset;
}

.icn-cookie-notification__information {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px;
    flex-grow: 1;
}


.icn-cookie-notification__row,
.icn-cookie-notification__information-cta {
    justify-content: center;
    margin-top: 24px;
}

.icn-cookie-notification__row--visible {
    width: 1200px;
    display: flex !important;
    justify-content: space-between;
}

#icn_cookie_notice .icn-cookie-notification {
    position: fixed;
    bottom: 0;
}

.icn-cookie-notification__row-column-content_list {
    padding: 0 24px;
}

.icn-cookie-notification__row-column-title {
    margin: unset;
}

.icn-cookie-notification__row-column {
    width: auto;
}

/* ------- */
/* Buttons */
/* ------- */
.icn-cookie-notification__information-info,
#icn_cookie_notice button {
    padding: 10px 20px;
    border: unset;
    border-radius: var(--icn-btn-border-radius);
    font: var(--icn-btn-font);
    font-size: 14px;
    transition: all 300ms ease-out;
}

/* primary */
#icn_cookie_notice button {
    background-color: var(--icn-primary-color);
    color: var(--icn-btn-primary-text);
}

#icn_cookie_notice button:hover {
    background-color: var(--icn-secondary-color);
    color: var(--icn-btn-secondary-text);
}

/* secondary */
.icn-cookie-notification__information-info {
    color: var(--icn-btn-secondary-text);
    text-decoration: unset;
}

.icn-cookie-notification__information-info:hover {
    text-decoration: underline;
}

/* ---- */
/* Text */
/* ---- */
.icn-cookie-notification__title {
    font: var(--icn-text-heading);
    color: var(--icn-text-color);
}

/* ---------- */
/* Responsive */
/* ---------- */
@media only screen and (max-width: 1200px) {
    .icn-cookie-notification__row--visible {
        max-width: 1200px;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .icn-cookie-notification__row--visible {
        flex-flow: column nowrap;
    }

    .icn-cookie-notification,
    .icn-cookie-notification__information {
        width: 100%;
    }

    .icn-cookie-notification--banner {
        margin: unset;
    }
}