/* 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: 'Inter';
    --font-family--h--1: 'Barlow';
    --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 ---------------------------- */
/* 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--primary--active) !important;
}

.imt-section .imt-card-group .imt-card .imt-card-group .imt-card.imt-accent-card,
.imt-section .imt-card-group .imt-card:hover .imt-card-group .imt-card.imt-accent-card {
    border-color: var(--wp--custom--imt--color--palette--background--primary--700) !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--primary--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--primary--link-hover);
}

/* style the service page cards with left image and vertically centred imt heading + imt paragraph */
/* remove all styles if adding buttons, mirror homepage cards in that case */
@media only screen and (min-width: 801px) {
    .imt-card-style-2 .imt-card .acf-innerblocks-container {
        display: grid !important;
        grid-template-columns: 3fr 5fr;
        min-height: 100%;
    }
    
    .imt-card-style-2 .imt-card .acf-innerblocks-container .imt-img-container {
        grid-row: 1 / span 10;
        grid-column: 1;
        display: block;
        line-height: 0;
    }
    
    .imt-card-style-2 .imt-card .acf-innerblocks-container h3 {
        grid-column: 2;
        grid-row: 1 / span 5; 
        display: flex;
        align-items: flex-end;
        margin-top: auto !important;
    }
    
    .imt-card-style-2 .imt-card .acf-innerblocks-container .imt-paragraphs {
        grid-column: 2;
        grid-row: 6 / span 5; 
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: auto !important;
    }

    /* remove the ul margin in this layout only for better formatting */
    .imt-card-style-2 .imt-card .acf-innerblocks-container .imt-paragraphs ul {
        margin-bottom: 0 !important;
    }
}

/* remove this button's margin, unclear why it has it */
.imt-callout-default .imt-btn {
    margin-left: 0;
}

/* add transparency to outline primary and secondary buttons */
.imt-btn-primary-outline:not(:hover) {
    background: rgba(0, 115, 100, 0.1) !important;
}

.imt-btn-secondary-outline:not(:hover) {
    background: rgba(249, 158, 51, 0.1) !important;
}

/* add text formatting trial */
.imt-paragraphs,
.imt-heading,
.imt-hero .imt-lead-text--0 {
    text-wrap: pretty;
}

/* add additional gradients to the palette */
.imt-bg-color-gradient-4 + .imt-section__background.imt-bg-color-gradient-1.imt-opacity-100 {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(249, 158, 51, 0.5) 75%, rgba(249, 158, 51, 0.7) 100%) !important;
}

.imt-bg-color-gradient-5 + .imt-section__background.imt-bg-color-gradient-1.imt-opacity-100 {
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(249, 158, 51, 0.5) 75%, rgba(249, 158, 51, 0.79) 100%) !important;
}

@media only screen and (min-width: 1280px) {
    .imt-btn-1 {
        margin-left: var(--wp--custom--imt--spacer);
    }
}

.gform_drop_area .gform_drop_instructions {
    color: var(--wp--custom--imt--color--text--dark);
}

@media only screen and (max-width: 1280px) {
    /* wrap the process cards because of font wrapping */
    .imt-section .imt-card-group.imt-card-style-default.imt-cards-per-row-4>.acf-innerblocks-container .imt-card {
        width: calc((100% - var(--wp--custom--imt--card-group--style--2--gutter--column--default) * 1) / 2) !important;
    }
}

/* specifically for mobile, add additional styles to better handle gradient spacing */
@media only screen and (max-width: 475px) {
    .imt-section:has(.imt-callout-default) .imt-card {
        padding-left: 0 !important;
        padding-right: calc(var(--wp--custom--imt--spacer) * 2) !important;
    }
}

.gform_wrapper.gravity-theme input[type=checkbox]+label::after {
    border-radius: 4px;
}