/* Add this line if WooCommerce is used on this site */
/* @import "woo-style.css"; */
@import "imt-css/new-style.css";

/* Child theme fonts */
:root {
    --font-family--default: 'Roboto';
    --font-family--h--1: 'Roboto Slab';
    --font-family--h--2: var(--font-family--h--1);
    --font-family--h--3: var(--font-family--h--1);
    --font-family--h--4: var(--font-family--h--1);
    --font-family--h--5: var(--font-family--h--1);
    --font-family--h--6: var(--font-family--h--1);
    --font-family--h--2--footer: var(--font-family--h--1);
    --font-family--h--3--footer: var(--font-family--h--1);
    --font-family--h--4--footer: var(--font-family--h--1);
    --font-family--main-navigation: var(--font-family--default);
    --font-family--dropdown: var(--font-family--default);
    --font-family--megamenu--heading: var(--font-family--h--1);
    --font-family--gallery--caption: var(--font-family--default);
    --font-family--collapsible: var(--font-family--default);
    --font-family--tab: var(--font-family--default);
    --font-family--button: var(--font-family--default);
    --font-family--h--sub-heading--0: var(--font-family--h--1);
    --font-family--h--lead-text--0: var(--font-family--default);
}

/* ---------------------------- CUSTOMIZABLE IMPROVEMENTS ---------------------------- */
/* ***** REMOVE ANY AND ALL COMMENTED OUT CODE IF YOU DO NOT NEED IT :) ***** */

/* ------- NESTED CARDS STYLE - River Valley, Contact Us v3 ------- */
/* style the nested card that should match the background color to transparent, add class imt-transparent-card to the card that should be transparent */
/* .imt-section .imt-card-group .imt-card .imt-card-group .imt-card.imt-transparent-card .imt-card-bg-color,
.imt-section .imt-card-group .imt-card:hover .imt-card-group .imt-card.imt-transparent-card .imt-card-bg-color {
    background-color: transparent !important;
} */

/* style the nested card that should be accented to desired color, add class imt-accent-card to the card that should be accented */
/* .imt-section .imt-card-group .imt-card .imt-card-group .imt-card.imt-accent-card .imt-card-bg-color,
.imt-section .imt-card-group .imt-card:hover .imt-card-group .imt-card.imt-accent-card .imt-card-bg-color {
    background-color: var(--wp--custom--imt--color--palette--background--accent--1--active) !important;
} */

/* match the link colors for the background color above, if using --primary, update link colors to --primary as well to cover accessibility needs */
/* .imt-section .imt-card-group .imt-card .imt-card-group .imt-card.imt-accent-card a:not(.imt-btn):not(.imt-menu-link) {
    color: var(--wp--custom--imt--color--background--accent--1--link);
}

.imt-section .imt-card-group .imt-card .imt-card-group .imt-card.imt-accent-card a:not(.imt-btn):not(.imt-menu-link):hover {
    color: var(--wp--custom--imt--color--background--accent--1--link-hover);
} */

/* ------- MAIN NAVIGATION ------- */
/* ------- Megamenu Styling - WITH ICONS - Green Collar ------- */
/* @media only screen and (min-width: 1281px) {
    /* position and split columns 
    nav.imt-main-nav>div ul>li .submenu li:not(.imt-pointer-events-none):hover>a {
        color: var(--wp--custom--imt--color--background--secondary--color) !important;
        text-decoration: underline !important;
    }

    #main-navigation-ul>li.menu-item.imt-link-level-1.imt-pointer-events-none.megamenu.has-children>ul>div>li:nth-child(2)>ul {
        display: flex !important;
        flex-wrap: wrap;
    }

    #main-navigation-ul>li.menu-item.imt-link-level-1.imt-pointer-events-none.megamenu.has-children>ul>div>li:nth-child(2)>ul>li {
        flex: 50%;
    }

    #main-navigation-ul>li.menu-item.imt-link-level-1.imt-pointer-events-none.megamenu.has-children>ul>div>li:nth-child(2) {
        flex-grow: 2;
        flex-basis: 50%;
    }

    #main-navigation-ul>li.menu-item.imt-link-level-1.imt-pointer-events-none.megamenu.has-children>ul>div>li:nth-child(1) {
        flex-grow: 1;
        flex-basis: 25%;
    }

    /* position and display icons, add .imt-mm-icon and your assigned unique icon to each main navigation link in the site backend
    .imt-mm-icon a {
        position: relative;
        padding: 16px 0 24px 0 !important;
    }

    .imt-mm-icon-name a::before {
        background: url('/wp-content/uploads/2025/02/Com-Maintenance.png');
    }

    .imt-mm-icon a::before {
        content: '';
        position: absolute;
        top: -8px;
        left: -60px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 48px 48px;
        width: 60px;
        height: 60px;
    }
} */

/* ------- Megamenu Styling - NO ICONS, COLUMN WRAPPING - Sun Valley ------- */
/* @media only screen and (min-width: 1281px){
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:last-of-type{
        flex-basis: calc((100% / 3) * 2) !important;
    }
    
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:not(:last-of-type){
        flex-basis: calc((100% / 3) - var(--wp--custom--imt--main-navigation--megamenu--wrapper--column-gap)) !important;
    }

    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:last-of-type > ul{
        column-count: 2;
        column-gap: calc(var(--wp--custom--imt--spacer) * 2);
    }
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:last-of-type > ul > li{
        break-inside: avoid-column;
    }
} */

/* ------- FOOTER LOGO ICON REPLACEMENTS ------- */
/* ------- SWAP TWITTER X FOR YELP ------- */
/* .imt-social-links>a>i.fa-x-twitter::before {
    content: "\f1e9";
} */

/* ------- SWAP TWITTER X FOR BBB ------- */
/* .imt-social-links>a>i.fa-x-twitter::before {
    margin-left: -2px;
    top: 0;
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='22.5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 83.5'%3E%3Ctitle%3Eicon1%3C/title%3E%3Cpath d='M41.9,52.4h-32l-1.2,3.8h8.5l1.6,5.3h14l1.6-5.3H43L41.9,52.4z M15.1,30.9c-2.5,3.4-1.7,8.1,1.7,10.6l7.7,5.6 c0.8,0.6,1,1.8,0.4,2.6c0,0,0,0,0,0l1.1,0.8l4.1-5.6c0.9-1.3,1.4-2.8,1.5-4.4c0-0.4,0-0.8-0.1-1.2c-0.3-2-1.4-3.8-3-4.9l-7.7-5.6 c-0.4-0.3-0.7-0.7-0.8-1.2c0-0.1,0-0.2,0-0.3c0-0.4,0.1-0.8,0.4-1.1l-1.1-0.8C19.1,25.3,15.1,30.9,15.1,30.9z M19.7,8.5 c-1.4,1.9-2.1,4.1-2.1,6.4c0,0.6,0,1.2,0.1,1.8c0.4,2.9,2,5.5,4.4,7.2l9.6,7c1.3,0.9,2.1,2.3,2.3,3.8c0.1,0.3,0.1,0.6,0.1,0.9 c0,1.2-0.4,2.4-1.1,3.4l0.9,0.7l7.6-10.5c3.5-4.9,2.4-11.8-2.5-15.3L27.5,5.4c-0.7-0.5-1.2-1.3-1.4-2.2c-0.1-0.9,0.1-1.8,0.6-2.5 L25.8,0C25.8,0,19.7,8.5,19.7,8.5z M0,64.7h8.8c1.8-0.1,3.6,0.5,4.9,1.7c0.9,0.8,1.3,2,1.3,3.2v0.1c0,1.7-0.9,3.3-2.5,4.1 c2.2,0.8,3.5,2.1,3.5,4.7c0,3.5-2.8,5.2-7.1,5.2H0C0,83.5,0,64.7,0,64.7z M7.9,72.3c1.8,0,3-0.6,3-2c0-1.2-1-2-2.7-2H4.1v4H7.9z M9,79.9c1.8,0,2.9-0.7,2.9-2v-0.1c0-1.3-0.9-2-3.1-2H4.1V80C4.1,80,9,79.9,9,79.9z M17.9,64.7h8.8c1.8-0.1,3.6,0.5,4.9,1.7 c0.9,0.8,1.3,2,1.3,3.2v0.1c0,1.7-0.9,3.3-2.5,4.1c2.2,0.8,3.5,2.1,3.5,4.7c0,3.5-2.8,5.2-7.1,5.2h-9V64.7z M25.8,72.3 c1.8,0,3-0.6,3-2c0-1.2-1-2-2.7-2h-4.2v4H25.8z M26.9,79.9c1.8,0,2.9-0.7,2.9-2v-0.1c0-1.3-0.9-2-3.1-2h-4.9V80 C21.9,80,26.9,79.9,26.9,79.9z M35.8,64.7h8.8c1.8-0.1,3.6,0.5,4.9,1.7c0.9,0.8,1.3,2,1.3,3.2v0.1c0,1.7-0.9,3.3-2.5,4.1 c2.2,0.8,3.5,2.1,3.5,4.7c0,3.5-2.8,5.2-7.1,5.2h-9C35.7,83.5,35.7,64.7,35.8,64.7z M43.6,72.3c1.8,0,3-0.6,3-2c0-1.2-1-2-2.7-2 h-4.1v4H43.6z M44.7,79.9c1.8,0,3-0.7,3-2v-0.1c0-1.3-1-2-3.1-2h-4.8V80C39.8,80,44.7,79.9,44.7,79.9z' style='fill:gray'%3E%3C/path%3E%3C/svg%3E") !important;
    max-width: 20px;
    display: inline-block;
    width: 20px;
    height: 22.5px;
    background-color: var(--wp--custom--imt--footer--social--icon--color) !important;
}

.imt-social-links>a>i.fa-x-twitter:hover::before {
    background-color: var(--wp--custom--imt--footer--social--icon--color-hover) !important;
} */

/* ------- SWAP TWITTER X FOR NEXTDOOR ------- */
/* .imt-social-links>a>i.fa-x-twitter::before {
    margin-left: -2px;
    top: 0;
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.31 24'%3E%3Ctitle%3Eicon1%3C/title%3E%3Cpath d='M0 9.58 5.09 6.38 5.09 .37 9.39 .37 9.39 3.68 14.65 .37 29.31 9.58 27.02 13.22 24.2 11.45 24.2 23.63 5.11 23.63 5.11 11.45 2.29 13.22 0 9.58' style='fill:gray'%3E%3C/path%3E%3C/svg%3E") !important;
    max-width: 24px;
    display: inline-block;
    width: 24px;
    height: 20px;
    background-color: var(--wp--custom--imt--footer--social--icon--color) !important;
}

.imt-social-links>a>i.fa-x-twitter:hover::before {
    background-color: var(--wp--custom--imt--footer--social--icon--color-hover) !important;
} */

/* ------- SWAP HOUZZ FOR HOMESTARS ------- */
/* .imt-social-links>a>i.fa-houzz::before {
    top: 0;
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg width='30' height='27' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.64 28'%3E%3Ctitle%3Eicon1%3C/title%3E%3Cpath d='M28,4,3.6.05A3,3,0,0,0,0,3.3L1,19.38a4.17,4.17,0,0,0,4.1,3.87H16.44C21,28.12,25.29,28,25.29,28a5.84,5.84,0,0,1-2.57-4.75h4.39a4.09,4.09,0,0,0,4-3.87l.49-10.91A4.48,4.48,0,0,0,28,4ZM20.81,19.21H17.67V14.48H13.53v4.73H10.39V7.15h3.14v4.62h4.14V7.15h3.14Z' style='fill:gray'%3E%3C/path%3E%3C/svg%3E") !important;
    max-width: 30px;
    display: inline-block;
    width: 30px;
    height: 27px;
    background-color: var(--wp--custom--imt--footer--social--icon--color) !important;
}

.imt-social-links>a>i.fa-houzz:hover::before {
    background-color: var(--wp--custom--imt--footer--social--icon--color-hover) !important;
} */