/* 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: 'Albert Sans';
    --font-family--h--1: 'dolly-new';
    --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 (min-width: 1281px){
    
    /* on desktop, for nav links, add the icon on hover */
    /* will not affect buttons */
    .imt-link-level-2 .imt-menu-link::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        content: "\f178"; /* long-arrow-alt-right */
        display: inline-block;
        width: 0;
        opacity: 0;
        margin-left: 0;
        transform: translateX(-10px);
        transition: var(--wp--custom--imt--hover-transition);
        flex-shrink: 0;
    }

    .imt-link-level-2 .imt-menu-link:hover::after {
        width: 18px;
        opacity: 1;
        margin-left: calc(var(--wp--custom--imt--spacer) * 0.75);
        transform: translateX(0);
    }
}

/* add focus state bg color for form fields */
form[role=search] .wp-block-search__input:focus,
.gform_fields .chosen-choices .search-choice:focus,
.gform_fields .chosen-choices:focus,
.gform_fields .chosen-single:focus,
.gform_fields input:focus,
.gform_fields select:focus,
.gform_fields textarea:focus {
    background: var(--wp--custom--imt--color--palette--background--primary--100) !important;
}

/* add box shadow to media row background images */
.imt-media-col__inner.imt-img-as-bg  {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.33);
    border-radius: calc(var(--wp--custom--imt--border-radius) * 1.5) !important;
}

.imt-business-details {
    text-transform: uppercase !important;
    font-weight: 600 !Important;
}


@media only screen and (max-width: 801px) {

    .imt-section:has(.imt-media-row.imt-media-row-style-default.imt-media-col-right) {
        background: linear-gradient(0deg,rgba(168, 199, 161, 0.42) 0%, rgba(255, 255, 255, 1) 20%) !important;

    }

     .imt-section .imt-card-group.imt-card-style-default .imt-card {
        border-radius: 0 !important;
        border-width: 0 0 5px 0 !important;

    }
}

.imt-section .imt-card-group.imt-card-style-1 .imt-card .imt-img-outer-wrapper {
    box-shadow: var(--wp--custom--imt--box-shadow--default) !important;
    border-radius: calc(var(--wp--custom--imt--border-radius) * 2) !important;
}

/* aligns images to the left */
.imt-section .imt-card-group.imt-card-style-default .our-process-card .imt-img-container.imt-img-max-width-sm {
    margin-left: 0 !important;

}