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

/* Child theme fonts */
:root {
    --font-family--default: 'raleway';
    --font-family--h--1: 'minion-pro';
    --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);;
}

@media only screen and (max-width: 1280px) {
    /* Mobile navigation background */
    nav.imt-main-nav.offcanvas #imt-offcanvas {
        padding-top: calc(var(--wp--custom--imt--spacer) * 1);
        background-color: var(--wp--custom--imt--header--background-color--mobile) !important;
    }
}

@media only screen and (max-width: 800px) {
    /* set updated min-width for mobile to stop overflow of icons */
    nav.imt-main-nav>div ul>li .submenu {
        min-width: 120px !important;
    }
    
    /* add overflow: hidden to stop horizontal scrolling of mobile menu */
    ul#main-navigation-ul {
        overflow: hidden;
    }
}

/* Overwrite for Converge Payments */
.imt-btn.imt-btn-white-outline{
    background-color:transparent;
}

/* update font weight and text transformation for mobile menu + dropdowns */
li.menu-item {
    font-weight: var(--wp--custom--imt--main-navigation--font--weight);
    text-transform: var(--wp--custom--imt--main-navigation--font--transform);
}

/* hide after accent for mobile cta btn */
.imt-main-nav .imt-btn-1 a span::after {
    display: none;
}

/* Logo slider */
.imt-section .imt-logo-slider .imt-slide {
    height: 120px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.imt-section .imt-logo-slider .imt-slide .imt-img-max-width-sm img {
    max-width: var(--wp--custom--imt--image--max-width--sm);
    max-height: var(--wp--custom--imt--image--max-width--sm);
    width: auto;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Testimonial slider */
h2.imt-custom-testimonial-heading-icon:before {
    position: absolute;
    font-weight: 400;
    font-family: var(--font-family--h--1);
    content: "\201D";
    color: rgba(48, 49, 43, 0.15);
    font-size: 150px;
    top: 35px;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
}

@media only screen and (max-width: 800px) {
    /* Testimonial slider */
    .imt-slider-style-2 .slick-slide {
        padding: calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 1) !important;
    }

    /* Slider controls */
    .imt-slider .slick-prev {
        top: calc(100% + 22px) !important;
        left: calc(50% - 115px) !important;
    }

    .imt-slider .slick-next {
        top: calc(100% + 22px) !important;
        right: calc(50% - 115px) !important;
    }

    /* Logo slider */
    .imt-logo-slider .slick-slider {
        margin-bottom: 64px;
    }

    .imt-imt-logo-slider .slick-slider .slick-slide {
        min-height: 100px;
    }

    .imt-slider.imt-logo-slider .slick-slide {
        padding: 16px !important;
        margin: 0 !important;
    }

    /* update gradient for mobile specifically */
    .imt-bg-color-gradient-1 {
        background-image: none;
        background-color: rgba(0,0,0,0.25);
    }
}

/* match line height of ul for sitemap */
.sitemap-item {
    line-height: var(--wp--custom--imt--ul--li--line-height);
}

/* decrease heading font size for query loop to keep hierarchy but reduce text wrapping */
.wp-block-post h2.imt-heading {
    font-size: var(--wp--custom--imt--h--3--font-size) !important;
}

/* set 404 page CTA text color */
button.wp-block-search__button.wp-element-button {
    color: var(--wp--custom--imt--color--background--primary--text) !important;
}

button:hover.wp-block-search__button.wp-element-button {
    color: var(--wp--custom--imt--color--background--primary--hover--button--text) !important;
}

/* vertically align logo in navbar - default logo inline causes problems */
.imt-logo {
    display: block;
}

/* GRAVITY FORMS FIXES */
/* fix business name font weight in newsletter & confirmation message */
#gform_4 .imt-business-name,
.gform_confirmation_message .imt-business-name {
    font-weight: inherit !important;
    display: inline;
    margin-bottom: 0;
}

/* gravity form drop down carets + field height */
.gform_wrapper.gravity-theme select {
    height: 44px;
    -webkit-appearance: auto;
}

/* clean up file upload layout */
.gform_wrapper.gravity-theme .gform_drop_area {
    background: var(--wp--custom--imt--gravity-forms--input--background) !important;
    border: var(--wp--custom--imt--gravity-forms--input--border--width) dashed var(--wp--custom--imt--gravity-forms--input--border--color) !important;
    border-radius: var(--wp--custom--imt--gravity-forms--input--border--radius) !important;
}

/* fix validation link color for error links in form */
#imt-footer-wrapper a.gform_validation_error_link,
.gform_wrapper.gravity-theme .gform_validation_errors>ol a {
    color: var(--wp--custom--imt--color--palette--text--danger) !important;
}

/* apply correct error colour to checkbox items */
.gform_wrapper.gravity-theme .gfield_error label {
    color: var(--wp--custom--imt--color--palette--background--danger) !important;
}

/* update gravity forms button text transform to match site-wide CTAs */
.button.gform_button,
.button.gform_button_select_files {
    text-transform: var(--wp--custom--imt--button--default--transform) !important;
    font-weight: var(--wp--custom--imt--button--default--font-weight) !important;
}

/* fix line height of the checkbox item to vertically center it, add spacing back in afterwards */
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
    line-height: var(--wp--custom--imt--gravity-forms--label--sublabel--line-height) !important;
}

/* CUSTOM STYLES UNIQUE TO THE (10) LAYOUT */
/* Mobile navigation background */
@media only screen and (max-width: 1280px) {
    nav.imt-main-nav.offcanvas #imt-offcanvas {
        backdrop-filter: blur(5px);
    }

    /* center align nav items */
    nav.imt-main-nav.offcanvas #imt-offcanvas>ul>li a {
        display: flex;
        justify-content: center !important;
        text-align: center;
    }

    nav.imt-main-nav>div ul a>span::after {
        left: calc(50%) !important;
        transform: translate(-50%) !important;
    }
}

/* add blur to header on scroll */
#imt-header.imt-header-sm .imt-section__background {
    backdrop-filter: blur(3px);
}

.imt-main-nav .imt-btn-1 {
    margin: 0 calc(var(--wp--custom--imt--spacer) * 2);
}

/* full-height cta button for header */
header .imt-btn-wrapper {
    height: 100%;
}

header a.imt-btn {
    display: flex;
    align-items: center;
    box-shadow: none !important;
}

header a.imt-btn {
    border-top: none !important;
    border-bottom: none !important;
    background-color: rgba(0,0,0,0.25);
}

/* adjust map height for map in media row */
mappress-map.mapp-layout {
    height: 100% !important;
}

/* automatically swap media row bg + heading colour, reduce user requirement */
.imt-media-col-left.imt-media-row-style-default .imt-heading {
    color: var(--wp--custom--imt--color--palette--background--accent--2--active) !important;
}

.imt-media-col-left.imt-media-row-style-default .imt-content-col__background {
    background-color: var(--wp--custom--imt--color--palette--background--secondary--active) !important;
}

.imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col {
    color: var(--wp--custom--imt--color--text--light) !important;
}

/* style FAQ/role accordions, applies to secondary background colour */
.imt-collapsible-container[data-background-button=imt-bg-color-secondary]  .imt-collapsible>button {
    background-color: transparent !important;
}

.imt-collapsible-container[data-background-button=imt-bg-color-secondary]  .imt-collapsible>button:hover {
    background-color: var(--wp--custom--imt--color--palette--background--neutral--200) !important;
}

.imt-collapsible-container[data-background-button=imt-bg-color-secondary] .imt-collapsible {
    border: 1px solid var(--wp--custom--imt--color--palette--background--secondary--active);
}

#imt-header #main-navigation-ul ul.submenu.imt-menu-level-2,
#imt-header #main-navigation-ul ul.submenu.imt-menu-level-3 {
    background-color: var(--wp--custom--imt--main-navigation--link--top-level--hover--background);
}

/* update card borders for non-existent variations */
.imt-section .imt-card-group.imt-card-style-default.imt-card-borders-right>.acf-innerblocks-container .imt-card {
    border-left-width: var(--wp--custom--imt--card-group--style--default--border-width);
}

.imt-section .imt-card-group.imt-card-style-default.imt-card-borders-no-top>.acf-innerblocks-container .imt-card {
    border-top-width: var(--wp--custom--imt--card-group--style--default--border-width);
    border-bottom-width: 0;
}

/* change footer buttons to default font-weight */
#imt-footer-wrapper .imt-btn {
    font-weight: var(--wp--custom--imt--font-weight) !important;
}

/* force spacing between sections with full-width layouts */
.imt-page .imt-section.imt-padding-top-bottom-0 {
    margin: calc(var(--wp--custom--imt--spacer) * 0.125) 0 calc(var(--wp--custom--imt--spacer) * 0.125);
}

.imt-page .imt-section:first-of-type {
    margin: 0 0 calc(var(--wp--custom--imt--spacer) * 0.125);
}

/* replace Twitter X with 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;
}

/* add imt-text-collapsible-card to the card the accordion lives in to add consistent padding for heading and lead text */
.imt-bio-card .imt-heading,
.imt-bio-card .imt-lead-text--0 {
    padding-left: calc(var(--wp--custom--imt--spacer) * 2) !important;
}

/* add text background accent */
.imt-bio-background {
    padding: calc(var(--wp--custom--imt--spacer) * 2) !important;
    background-color: var(--wp--custom--imt--color--palette--background--accent--2--active);
}

/* custom accordion styling for bio shortening */
.imt-text-collapsible-card h3,
.imt-text-collapsible-card .imt-lead-text--0 {
    padding-left: calc(var(--wp--custom--imt--spacer) * 2) !important;
}

.imt-text-collapsible > button {
    font-size: var(--wp--custom--imt--font-size) !important;
    font-weight: var(--wp--custom--imt--font-weight) !important;
    line-height: var(--wp--custom--imt--line-height) !important; 
    text-transform: none !important;
    padding: calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 1) !important;
}

.imt-text-collapsible .collapsible > div {
    padding-top: 0 !important;
}