/* 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: 'Figtree';
    --font-family--h--1: 'Figtree';
    --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 ---------------------------- */
/* ------- 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--secondary--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--secondary--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--secondary--link-hover);
}

/* ------- FOOTER LOGO ICON REPLACEMENTS ------- */
/* ------- 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--color--palette--background--primary--active) !important;
}

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

/* add text formatting update */
.imt-paragraphs {
    text-wrap: pretty;
}

/* callout default style adjustments */
.imt-section:has(.imt-callout-default) {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: var(--wp--custom--imt--global--media-row--style--default--section--default--margin) !important;
}

.imt-section:has(.imt-callout-default) .imt-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* adjust media row offset and margin between small desktop and mobile for reduced text wrapping */
@media only screen and (min-width: 801px) and (max-width: 1100px) {
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col-width-50 .imt-content-col__inner .imt-content-col__blocks,
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col-width-50 .imt-content-col__inner .imt-content-col__background {
        left: calc(var(--wp--custom--imt--spacer) * 3) !important;
    }
    
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col-width-50 .imt-content-col__inner .imt-content-col__blocks,
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col-width-50 .imt-content-col__inner .imt-content-col__background {
        right: calc(var(--wp--custom--imt--spacer) * 3) !important;
    }

    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col .imt-content-col__inner,
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col .imt-content-col__inner {
        margin: calc(var(--wp--custom--imt--spacer) * 3) 0;
        padding: calc(var(--wp--custom--imt--spacer) * 3);
    }
}

/* force submenu links to stay dark on scroll, ignore megamenu headings, TODO: determine what's going on here? */
.imt-header-sm nav.imt-main-nav>div ul>li .submenu li:not(.megamenu-heading) a:not(.imt-current-menu-item, :hover) {
    color: var(--wp--custom--imt--color--text--dark) !important;
}

/* swap active underline color for the imt btn 1 style */
nav.imt-main-nav>div ul>li.imt-link-level-1.imt-btn-1:not(.imt-link-level-2,.imt-link-level-3)>a.imt-current-menu-item>span::after {
    background-image: url(/wp-content/uploads/2026/08/Fields-MenuUnderlineHover-Dark.png);
}

/* bug fix showing the correct image ratio on mobile, fix first /4 to /2 */
@media only screen and (max-width: 600px) {

    .imt-gallery-image-crop-1-1 figure,
    .imt-gallery-image-crop-circle figure {
        padding-top: calc((100% / 2) - (24px - (24px / 2))) !important;
    }
}

/* updates for wp base search fields */
input[type="search"]::-webkit-search-cancel-button {
    filter: grayscale(100%) brightness(0%);
}

.wp-block-search__input::placeholder {
    color: #000;
    opacity: 0.85;
}

#imt-footer-wrapper .gform_wrapper.gravity-theme .gfield_required {
    color: #FFB5B5 !important;
}

#imt-footer-wrapper .gform_wrapper .gform_fields input {
    border-color: var(--wp--custom--imt--color--background--primary--color) !important;
}

#imt-footer-wrapper .gform_wrapper .gform_fields input:focus,
#imt-footer-wrapper .gform_wrapper .gform_fields input:focus-within {
    border-color: var(--wp--custom--imt--color--palette--background--primary--100) !important;
}

#imt-footer-wrapper .gform_wrapper .gfield_label,
#imt-footer-wrapper .gform_wrapper .gform_required_legend {
    color: var(--wp--custom--imt--color--text--light) !important;
}

#imt-footer-wrapper .gform_wrapper button {
    background: var(--wp--custom--imt--color--background--primary--color) !important;
    color: var(--wp--custom--imt--color--background--primary--text) !important;
}

#imt-footer-wrapper .gform_wrapper button:hover {
    background: var(--wp--custom--imt--color--palette--background--primary--300) !important;
    color: var(--wp--custom--imt--color--background--primary--text) !important;
}

#imt-footer-wrapper .gform_wrapper button:focus,
#imt-footer-wrapper .gform_wrapper button:active {
    background: var(--wp--custom--imt--color--palette--background--primary--100) !important;
    color: var(--wp--custom--imt--color--background--primary--text) !important;
}

/* styles for application cards for tablet and up */
.imt-card-group-horizontal .imt-card .acf-innerblocks-container {
    display: grid !important;
    grid-template-columns: 1fr 4fr;
    gap: calc(var(--wp--custom--imt--spacer) * 1.5);
}

.imt-card-group-horizontal .imt-card .acf-innerblocks-container .imt-img-container {
    grid-row: 1 / span 2;
}

.imt-social-links-bio .imt-social-links a i {   
    color: var(--wp--custom--imt--color--link--dark);
}

.imt-social-links-bio .imt-social-links a:hover i {
    color: var(--wp--custom--imt--color--link--dark-hover);
}

.imt-social-links-bio .imt-social-links>a>i.fa-x-twitter::before {
    background-color: var(--wp--custom--imt--color--link--dark) !important;
}

.imt-social-links-bio .imt-social-links>a>i.fa-x-twitter:hover::before {
    background-color: var(--wp--custom--imt--color--link--dark-hover) !important;
}