/* === Red Barn Media Group - Custom Styles - American Comfort Experts === */
/* === Home Hero Styles :: BEGIN === */
.ace-hero-intro {
    width: 100%;
    height: fit-content;
    background: url(../img/ace-hero-2000-875.webp);
    background-size: cover;
}
.ace-hero-intro .container {
    padding-top:18rem;
    padding-bottom:10rem;
}
.ace-hero-intro h1 {
    color: #fff;
}
.ace-hero-intro h1 .ace-hero-copy-top-line {
    font-size: 1.5rem;
    font-weight: 300;
    font-family: "Open Sans", system-ui;
    font-optical-sizing: auto;
    font-variation-settings:"wdth" 100;
}
.ace-hero-intro h1 .ace-hero-copy-bottom-line {
    font-size: 4rem;
    font-weight: 700;
}
img.ace-hero-icon-size {
    width:100px;
    height:100px; 
}
.ace-hero-icon-copy-size {
    font-size: 1rem;
}
/* === Home Hero Styles :: END === */
/* === Sub Hero Styles :: BEGIN === */
.ace-hero-intro.SUB h1 .ace-hero-copy-top-line {
    font-size: 1rem;
}
.ace-hero-intro.SUB h1 .ace-hero-copy-bottom-line {
    font-size: 3rem;
    font-weight: 700;
}
/* === Service Rollover Styles :: END === */
/* === Banner Styles :: BEGIN === */
.ace-banner-owner {
    background: url(../img/ace-banner-owner.webp) center;
    background-size: cover;
    border-radius: 0.25rem;
}
.ace-banner-blue-star {
    background: url(../img/ace-banner-blue-star.svg) center;
    background-size: cover;
}
.ace-banner-red-star {
    background: url(../img/ace-banner-red-star.svg) center;
    background-size: cover;
}
.ace-banner-iaq {
    background: url(../img/ace-banner-iaq.webp)right top;
    background-size: cover;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
    height: 30rem;
}
.ace-banner-financing {
    background: url(../img/ace-banner-financing.webp)left top;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: 100%;
    height: 30rem;
}
.ace-banner-service-area {
    background: url(../img/ace-banner-service-area.webp)left center;
    background-size: cover;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
    height: 45rem;
}
/* === Banner Styles :: END === */
/* === Coupon  Styles :: BEGIN === */
.border-dashed {
    border-style: dashed;
}
.ace-coupon-disclaimer {
    font-size: 0.65rem;
}
/* === Coupon  Styles :: END === */

/* === Media Queries :: BEGIN === */
@media (max-width:1400px) {
    /* === Home Hero Styles :: BEGIN === */
    .ace-hero-intro {
        background: url(../img/ace-hero-1400-700.webp);
        background-size: cover;
    }
    /* === Home Hero Styles :: END === */
}

@media (max-width:1200px) {
    /* === Home Hero Styles :: BEGIN === */
    .ace-hero-intro {
        background: url(../img/ace-hero-1200-700.webp);
        background-size: cover;
    }
    .ace-hero-intro .container {
        padding-top:16rem;
        padding-bottom:8rem;
    }
    img.ace-hero-icon-size {
        width:85px;
        height:85px; 
    }
    .ace-hero-icon-copy-size {
        font-size: 0.85rem;
    }
    /* === Home Hero Styles :: END === */
}

@media (max-width:991px) {
    /* === Home Hero Styles :: BEGIN === */
    .ace-hero-intro {
        background: url(../img/ace-hero-991-600.webp);
        background-size: cover;
    }
    .ace-hero-intro h1 .ace-hero-copy-top-line {
        font-size: 1.25rem;
    }
    .ace-hero-intro h1 .ace-hero-copy-bottom-line {
        font-size: 3rem;
    }
    /* === Home Hero Styles :: END === */
}

@media (max-width:767px) {/* === Home Hero Styles :: BEGIN === */
    .ace-hero-intro {
        background: url(../img/ace-hero-767-500.webp);
        background-size: cover;
    }
    .ace-hero-intro .container {
        padding-top:10rem;
        padding-bottom:4rem;
    }
    .ace-hero-intro h1 .ace-hero-copy-top-line {
        font-size: 1rem;
    }
    .ace-hero-intro h1 .ace-hero-copy-bottom-line {
        font-size: 2.5rem;
    }
    img.ace-hero-icon-size {
        width:75px;
        height:75px; 
    }
    .ace-hero-icon-copy-size {
        font-size: 0.75rem;
    }
    /* === Home Hero Styles :: END === */
}

@media (max-width:576px) {
    /* === Home Hero Styles :: BEGIN === */
    .ace-hero-intro {
        width: 100%;
        height: fit-content;
        background: url(../img/ace-banner-blue-star.svg) center;
        background-size: cover;
    }
    .ace-hero-intro h1 .ace-hero-copy-top-line {
        font-size: 0.85rem;
    }
    .ace-hero-intro h1 .ace-hero-copy-bottom-line {
        font-size: 2rem;
    }
    img.ace-hero-icon-size {
        width:50px;
        height:50px; 
    }
    /* === Home Hero Styles :: END === */
}

@media (max-width:450px) {}
/* === Media Queries :: END === */