/* === MPN Media & Marketing - Harmonic Home Services === */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');


body {
  width:100%;
  height:100%;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#202020;
  background-color:#fff;
}
html {
  width:100%;
  height:100%
}

h1,h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
h3,h4,h5,h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.bold, b {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
.light {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

/* === Menu Styles :: BEGIN === */
.menu-container {
  background: #fff;
}

.menu-container .row .col .bg-light {
  padding: 0.5rem 1rem;
}

.menu-container.shrink-menu {
  margin-top: 0rem !important;
}

.menu-container.shrink-menu .row .col .bg-light {
  background: #fff !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.15rem;
}
.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:active {
  color: #ffc107 !important;
}







.shrink-menu .navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}
.shrink-menu .navbar-light .navbar-nav .nav-link:hover,.shrink-menu .navbar-light .navbar-nav .nav-link:active {
  color: #ffc107 !important;
}

.bha-header-row {
	border-bottom: 2px solid #1a1a1a;
  padding-left:0.5rem;
  padding-right: 0.5rem;
}

.phone-number-display {
  font-size: 2rem;
  line-height: 1.75rem;
  float: right;
}

.menu-container .row .bha-logo-place {
  position: relative;
    height: 10rem;
}

.menu-container .row .bha-logo-place a.bha-logo {
  position: absolute;
  background: url(/img/bha-logo.svg);
  width: 400px;
  height: 128px;
  left: 1rem;
  top: 1rem;
}

.menu-container.shrink-menu .row .bha-logo-place {
  height: 6.35rem;
}
.menu-container.shrink-menu .row .bha-logo-place a.bha-logo {
  background: url(/img/bha-logo.svg);
  width: 250px;
  height: 80px;
  top: 0.75rem;
}

.menu-container .row .col-md .schedule-button > a.btn-outline-primary {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 1.25rem 2.5rem;
  font-size: 1.65rem;
  line-height: 1;
}
/* === Menu Styles :: END === */
.bha-hr {
  border-top-color: #47c656 !important;
}
.bha-banner {
	background: #666;
	width: 100%;
	height: fit-content;
	padding-top:6rem;
	padding-bottom:6rem;
}
.bha-banner.air-quality-special.lazy-bg-loaded {
	background: url(../img/bha-banner-air-quality-special.jpg);
	background-size: cover;
}
.bha-banner.air-quality-special h2 {
	font-size: 3.5rem;
	color: #fff;
}
.bha-banner.maintenance.lazy-bg-loaded {
	background: url(../img/bha-banner-maintenance.jpg);
	background-size: cover;
}
.bha-banner.maintenance h2 {
	font-size: 3rem;
	color: #fff;
}
.bha-banner.reviews.lazy-bg-loaded {
	background: url(../img/bha-banner-reviews.jpg);
	background-size: cover;
}
.bha-banner.new-construction.lazy-bg-loaded {
  background: url(../img/bha-banner-new-construction-2.jpg);
  background-size: cover;
}
.bha-banner.new-construction h2 {
  font-size: 3.5rem;
  color: #fff;
}
/* === Color Styles :: BEGIN === */
.text-primary {color:#093382 !important;}
.bg-primary {background-color:#093382 !important;}
.border-primary {border-color:#093382 !important;}

.text-warning {color:#ed891b !important;}
.bg-warning {background-color:#ed891b !important;}
.border-warning {border-color:#ed891b !important;}
/* === Color Styles :: END === */
/* === Button Styles :: BEGIN === */
.btn-xl {
  padding: 0.85rem;
  font-size: 1.65rem;
}
.btn-primary {
    color: #fff;
    background-color: #093382;
    border-color: #093382;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0a2756;
    border-color: #0a2756;
}
.btn-orange {
  color: #fff;
  background-color: #ed891b;
  border-color: #cc5b08;
}
.btn-orange:hover {
  color: #fff;
  background-color: #cc5b08;
  border-color: #cc5b08;
}
.btn-primary-gradient {
  color: #fff;
  background: #093382;
  background: linear-gradient(45deg, #0a2756, #093382, #1599c8);
  border-color: #0a2756;
  border-bottom: 0.25rem solid #ed891b;
}
.btn-primary-gradient:hover {
  color: #fff;
  background: #093382;
  background: linear-gradient(45deg, #0a2756, #093382);
  border-color: #cc5b08;
  border-bottom: 0.25rem solid #cc5b08;
}
/* === Button Styles :: END === */
/* === Utility Styles :: BEGIN === */
.bg-blue-gradient {
	background: #1536ba;
	background: linear-gradient(45deg, #1536ba, #1572ba, #1599c8);
}
.bg-red-gradient {
	background: #8e1e2c;
	background: linear-gradient(-45deg, #8e1e2c, #be1e2c, #be412c);
}
.brians-video-border {
  border:solid 10px #fff;
}

.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
/* === Utility Styles :: END === */
/* === Media Queries :: BEGIN === */
@media (max-width:1200px) {
  .menu-container .row .bha-logo-place a.bha-logo {
    background: url(/img/bha-logo.svg);
    width: 300px;
    height: 105px;
    top: 0rem;
  }
  .menu-container.shrink-menu .row .bha-logo-place a.bha-logo {
    background: url(/img/bha-logo.svg);
    width: 250px;
    height: 88px;
    top: 0.8rem;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #ed1b2f;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.15rem;
  }
  .brians-video-border {
    border:solid 5px #fff;
  }
}
@media (max-width:767px) {
  .menu-container.shrink-menu .row .bha-logo-place {
    height: 4.5rem;
  }
  .menu-container .row .bha-logo-place {
    position: relative;
    height: 5.5rem;
  }
  .menu-container .row .bha-logo-place a.bha-logo {
    background: url(/img/bha-logo.svg);
    width: 215px;
    height: 70px;
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    top: 0.5rem;
  }
  .menu-container.shrink-menu .row .bha-logo-place a.bha-logo {
    background: url(/img/bha-logo.svg);
    width: 155px;
    height: 50px;
    left: 0;
    margin-left: auto;
    right: 0;
    margin-right: auto;
    top: 0.8rem;
  }
  .bha-banner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .bha-banner.reviews.lazy-bg-loaded {
    background: #0a2756;
    background: linear-gradient(45deg, #0a2756, #154182);
    background-size: cover;
  }
  .bha-banner.air-quality-special.lazy-bg-loaded {
    background: #ed891b;
  }
  .bha-banner.air-quality-special h2 {
    font-size: 2rem;
    color: #fff;
  }
  .bha-banner.maintenance.lazy-bg-loaded {
    background: #f15a24;
  }
  .brians-video-border {
    border:solid 2px #fff;
  }
}

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