/*
Theme Name: Moonlight Child
Description: Premier Heating & cooling, Inc.
Template: moonlight-parent
Version: 1.0.0
*/

html {
    scroll-behavior: smooth;
}
body{
  font-size: 18px;
}
#heat-recovery-and-energy-recovery-ventilators-by-broan .feat {display: none;}

.imagegroup {max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly}
.imagegroup img {margin-bottom:15px;}

.servmain {width: 85%;
  margin: auto;}

.caption h1 {
  font-weight: bold;
  font-size: 46px;
  padding-bottom: 30px;
  color: #fff;
  text-shadow: 0 0 5px #000;
}

#events h2 {
  font-size: calc(21px + (36 - 21) * ((100vw - 300px) / (2000 - 300)));
}


a.tops {
		display: block;
		position: relative;
		top: -125px;
		visibility: hidden;
	}

ul.events li:before {
  content: '';
}
.btn:hover,
.btn:focus,
#menu-main-menu>li:last-of-type:hover,
.faq-toggle:hover {
  background: var(--color-2);
}
#footer-content {
  background: var(--color-2);
}
footer {
  background: var(--color-1);
}
footer a:hover{
  color: var(--color-3);
}
.hp-services-boxes-inner .service-box-heading{
  font-size: 24px;
}

@media screen and (max-width: 1520px) {
    #menu-main-menu > li { display: inline-block; padding: 10px 10px;}
    .logo-container img {width:190px;}
}
@media screen and (max-width: 1057px) {
    .navigation a {font-size: 11px;}
}

@media screen and (max-width: 991px) {
 .navigation a {font-size:16px;}
}



@media screen and (min-width: 992px) {
	.flex-col {
		padding: 10px;
	}
}