/* === Red Barn Media Group - Custom Styles - Weather Masters. === */
/* === Home Hero Styles :: BEGIN === */
.wm-hero-intro {
  margin-top:215px;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../img/wm-hero-intro-2000-611.webp) center center;
  background-size: cover;
  position: relative;
}
.intro-hero-padding{
  padding-top: 8rem;
  padding-bottom: 5rem;
}
.wm-hero-intro h4 {
    font-size: 1.5rem;
    font-weight: 700;
}
.wm-hero-intro h1 {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
}
/* === Home Hero Styles :: END === */

/* === Banner & Rollover Styled :: BEGIN === */

.bg-financing-banner{
  width: 50%;
  height: 543px;
  background: url(../img/wm-financing-banner-905-543.webp) center center;
  background-size: cover;
}

.bg-maintenance-banner{
  width: 50%;
  height: 600px;
  background: url(../img/wm-maintenance-banner-905-634.webp) center center;
  background-size: cover;
}

/* === Banner Styles :: END === */

.dark-gradient{
  background: linear-gradient(135deg, #8a0a1a 0%, #1c2e4a 100%);

}
.scrollable-content {
  max-height: 100vh;
  overflow-y: auto;
}

.sticky-sidebar {
  position: sticky;
  top: 150px;
}

/* === Media Queries :: BEGIN === */
@media (max-width:1400px) {
/* === Home Hero Styles :: BEGIN === */
.wm-hero-intro {
  width: 100%;
  height: 650px;
  background: url(../img/wm-hero-intro-1600-611.webp) center center;
  background-size: cover;
}
/* === Home Hero Styles :: END === */

}

@media (max-width:1200px) {
/* === Home Hero Styles :: BEGIN === */
.wm-hero-intro {
  width: 100%;
  height: 650px;
  background: url(../img/wm-hero-intro-1200-611.webp) center center;
  background-size: cover;
}
.wm-hero-intro h4 {
    font-size: 1rem;
}
.wm-hero-intro h1 {
  font-size: 2.75rem;
}
/* === Home Hero Styles :: END === */
/* === Banner Styled :: BEGIN === */
.bg-financing-banner{
  width: 100vw;
  height: 360px;
  background: url(../img/wm-financing-banner-600-360.webp) center center;
  background-size: cover;
}

.bg-maintenance-banner{
  width: 100vw;
  height: 421px;
  background: url(../img/wm-maintenance-banner-600-421.webp) center center;
  background-size: cover;
}
/* === Banner Styles :: END === */
}

@media (max-width:991px) {
/* === Home Hero Styles :: BEGIN === */
.wm-hero-intro {
  margin-top:156px;
  width: 100%;
  height: fit-content;
  background: linear-gradient(135deg, #8a0a1a 0%, #1c2e4a 100%);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;}
.intro-hero-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
/* === Home Hero Styles :: END === */
/* === Banner Styled :: BEGIN === */
.bg-financing-banner{
  width: 100vw;
  height: 360px;
  background: url(../img/wm-financing-banner-600-360.webp) center center;
  background-size: cover;
}

.bg-maintenance-banner{
 width: 100vw;
  height: 421px;
  background: url(../img/wm-maintenance-banner-600-421.webp) center center;
  background-size: cover;
}
/* === Banner Styles :: END === */
}

@media (max-width:767px) {
/* === Home Hero Styles :: BEGIN === */
.wm-hero-intro {
width: 100%;
height: fit-content;
background: linear-gradient(135deg, #8a0a1a 0%, #1c2e4a 100%);
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-top: 3rem;
padding-bottom: 3rem;}
.intro-hero-padding {
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.wm-hero-intro h4 {
  font-size: 1.85rem;
}
.wm-hero-intro h1 {
  font-size: 2.85rem;
}
/* === Home Hero Styles :: END === */
/* === Banner Styled :: BEGIN === */
.bg-financing-banner{
  width: 100%;
  height: 360px;
  background: url(../img/wm-financing-banner-600-360.webp) center center;
  background-size: cover;
}

.bg-maintenance-banner{
  width: 100%;
  height: 421px;
  background: url(../img/wm-maintenance-banner-600-421.webp) center center;
  background-size: cover;
}
/* ===
/* === Banner Styles :: END === */
}

@media (max-width:576px) {

}

@media (max-width:450px) {

}

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