/* === Red Barn Media Group - Custom Styles - ADL Heating & Air Conditioning === */
/* === Home Hero Styles :: BEGIN === */
.adl-hero-intro {
  width: 100%;
  height: 875px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background: url(../img/adl-hero-2000-875.webp) center center;
  background-size: cover;
  position: relative;
}
.adl-hero-intro h1 {
  font-size: 4rem;
  line-height: 1;
  color: #fff;
}
.adl-hero-intro h2 {
  color: #fff;
  font-weight: 400;
}
.half-circle::before{
  content: '';
  position: absolute;
  top: -25px; 
  left: 50%;
  transform: translateX(-50%);
  width: 50px; 
  height: 25px; 
  background-color: #fff; 
  border-radius: 0 0 50px 50px;
}
/* === Home Hero Styles :: END === */
/* === Sub Hero Styles :: BEGIN === */

/* === Sub Hero Styles :: END === */

/* === Banner Styled :: BEGIN === */
.adl-rollover-heating {
    background: url(../img/adl-rollover-heating.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-cooling {
    background: url(../img/adl-rollover-cooling.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-plumbing {
    background: url(../img/adl-rollover-plumbing.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-iaq {
    background: url(../img/adl-rollover-iaq.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-commercial {
    background: url(../img/adl-rollover-commercial.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-new-construction {
    background: url(../img/adl-rollover-new-construction.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-priority-service {
    background: url(../img/adl-rollover-priority-service.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-annual-inspections {
    background: url(../img/adl-rollover-annual-inspections.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-breakdown-prevention {
    background: url(../img/adl-rollover-breakdown-prevention.webp);
    background-size: cover;
    height: fit-content;
}
.adl-rollover-safety {
    background: url(../img/adl-rollover-safety.webp);
    background-size: cover;
    height: fit-content;
}
.financing-banner-bg-img {
background: url(../img/adl-body-finance-banner.webp) center center;
background-size: cover; 
}
.review-banner-bg-img {
background: url(../img/adl-body-review-banner.webp) left center;
background-size: cover; 
}
.location-banner-bg-img {
background: url(../img/adl-body-location-banner.webp) center center;
background-size: cover; 
}
/* === Banner Styles :: END === */
/* === Utility Styles :: BEGIN === */
.card.coupon {
    border-style: dashed;
}
.card.coupon small{
    font-size: 65%;
}
.coupon-tune-up {
background: url(../img/adl-coupon-25-off-system-repair.jpg) center center;
background-size: cover; 
}
.coupon-install {
background: url(../img/adl-coupon-100-off-water-heater-install.jpg) center center;
background-size: cover; 
}
.coupon-filter {
background: url(../img/adl-coupon-500-off-system-replacement.jpg) center center;
background-size: cover; 
}
/* === Utility Styles :: END === */

/* === Media Queries :: BEGIN === */
@media (max-width:1600px) {
  /* === Home Hero Styles :: BEGIN === */
  .adl-hero-intro {
    width: 100%;
    height: 875px;
    background: url(../img/adl-hero-1600-875.webp) center center;
    background-size: cover;
  }
  /* === Home Hero Styles :: END === */
  /* === Banner Styled :: BEGIN === */
  .bach-banner-rollover {
      background: url(../img/bach-banner-rollover-1400.webp);
      background-size: cover;
  }
  .bach-banner-commercial {
        background: url(../img/bach-banner-commercial-1400.webp);
        background-size: cover;
    }
  /* === Banner Styles :: END === */
}

@media (max-width:1200px) {
  /* === Home Hero Styles :: BEGIN === */
  .adl-hero-intro {
    width: 100%;
    background: url(../img/adl-hero-1200-875.webp) center center;
  }
  .bach-banner-rollover,.bach-banner-commercial {
        background: background: rgb(84,78,152);
        background: radial-gradient(circle, rgba(84,78,152,1) 35%, rgba(24,36,78,1) 95%);;
    }
}

@media (max-width:991px) {
    /* === Home Hero Styles :: BEGIN === */
    .adl-hero-intro {
      width: 100%;
      height: 700px;
      background: url(../img/adl-hero-991-700.webp) center center;
      background-size: cover;
    }
}

@media (max-width:767px) {
    /* === Home Hero Styles :: BEGIN === */
    .adl-hero-intro {
      width: 100%;
      height: fit-content;
      background: url(../img/adl-hero-767-600.webp) center center;
      background-size: cover;
    }
    .adl-hero-intro .container {
        padding-top: 14rem;
        padding-bottom: 4rem;
    }
    .adl-hero-intro h1 {
      font-size: 2.5rem;
    }
    .adl-hero-intro h2 {
      font-size: 1.5rem;
    }
}

@media (max-width:576px) {
    
}

@media (max-width:450px) {

}

/* === Media Queries :: END === */