.main-box-shadow{
	box-shadow: rgba(240, 29, 29, 0.4) 5px 5px, rgba(240, 29, 29, 0.3) 10px 10px, rgba(240, 29, 29, 0.2) 15px 15px, rgba(240, 29, 29, 0.1) 20px 20px, rgba(240, 29, 29, 0.05) 25px 25px;
}

.referral-button{
	border: 1px solid black;
}

.wp-block-jetpack-contact-info {
	min-width: 160px;
}

.banner-link {
	text-decoration: underline;
	text-decoration-color: #f01d1c;
}

.wp-block-jetpack-contact-info>a {
	width: max-content !important;
}

.pink {
	background-color: pink !important;
}

.invisible {
	display: none !important;
}

.inline-menu {
	display: inline-block;
}

.itsatest {
	width 100% !important;
	border: 1px solid red !important;
}

.center {
	text-align: center;
}

.makeiteasy-popup-content-wrapper {
	width: 100vw !important;
	height: 100vh !important;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;

}

.makeiteasy-popup-wrapper {
	width: 100vw !important;
	height: 100vh !important;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.makeiteasy-popup-wrapper form {
	width: 50% !important;
	margin: auto;
}

.makeiteasy-popup-wrapper button {
	margin: auto;
}

.makeiteasy-popup-close {
	position: absolute !important;
	top: 20px !important;
}

.makeiteasy-popup-close svg {
	fill: #f1f3f3 !important;
	/* 	align-self: flex-end; */
}

.custom-logo {
	width: 250px !important;
	height: auto !important;
}


/* #masthead:before{	content:url('https://i0.wp.com/sterlingheatingandcoolcom.wpcomstaging.com/wp-content/uploads/2024/11/IMG_9564-removebg-preview.png?w=916&ssl=1');
  width: 150px;
  height: 150px;
	border: 1px solid;
  display: block;
} */

header {
	top: 0px !important;
	position: sticky !important;
	z-index: 10 !important;
	background-color: #F1F3F3 !important;
	/* 	display: none !important; */
	margin-bottom: 0 !important;
}

footer {
	display: none !important;
}

.entry-title h1 {
	display: none !important;
}

.boxshadow {
	box-shadow: rgba(240, 29, 29, 0.4) 5px 5px, rgba(240, 29, 29, 0.3) 10px 10px, rgba(240, 29, 29, 0.2) 15px 15px, rgba(240, 29, 29, 0.1) 20px 20px, rgba(240, 29, 29, 0.05) 25px 25px;
}

#menu-header-1 {
	display: flex !important;
}

#menu-header-1 li {
	padding: 20px;
}

.alternate-about-pic{
	justify-content: space-around;
    margin: 0;
    flex-basis: 30%;
    display: flex;
    height: 989px;
    flex-direction: column;
/*     border: 1px solid red; */
    padding: 0;
	margin-left: 20px !important;
}

.dog-picture{
	margin-top: 310px !important;
/* 	margin-left: 20px !important; */
}

.wp-container-1 {
	margin-bottom: 45px !important;
	top: 95px !important;
}

.entry-header {
	margin-top: 0 !important;
}

.entry-title {
	display: none !important;
}

.pointer {
	cursor: pointer !important;
}

.card {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
	/* 	border: 1px solid !important; */
	height: 295px !important;
	min-height: 295px !important;
	max-width: 275px !important;
	width: 275px !important;
	padding: 21.312px !important;
	/* 	text-wrap: pretty !important; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.coupon-title {
	/* 	overflow: hidden !important; */
	/* 	width: 80% !important; */
	margin: auto !important;
	text-align: center !important;
	/* 	text-wrap: pretty !important; */
	/* 	font-size: 42px !important; */
}


.card:hover {
	.coupon-title {
		color: #f1f3f3 !important;
	}

	p {
		transition: .7s !important;
		color: #f1f3f3 !important;

	}

	transition: .2s !important;
	background: #f01d1d !important;
}

.spacer-section {
	height: 220px !important;
	background-color: rgba(240, 29, 29, .5) !important;
}

.kapow-img {
	margin-bottom: -169px !important;
}

.box-shadow {
	box-shadow: rgba(240, 29, 29, 0.4) -5px 5px, rgba(240, 29, 29, 0.3) -10px 10px, rgba(240, 29, 29, 0.2) -15px 15px, rgba(240, 29, 29, 0.1) -20px 20px, rgba(240, 29, 29, 0.05) -25px 25px;
}

.services-shadow {
	box-shadow: rgba(240, 29, 29, 0.4) 0px 5px, rgba(240, 29, 29, 0.3) 0px 10px, rgba(240, 29, 29, 0.2) 0px 15px, rgba(240, 29, 29, 0.1) 0px 20px, rgba(240, 29, 29, 0.05) 0px 25px;
}

.page-footer {
	justify-content: center;
	align-items: center;
}

.logo-slider {
	/*     --image-size: 100px; */
	/* border: 1px solid #575757; */
	/* padding: 20px; */
	overflow: hidden !important;
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
	position: relative !important;
	display: flex !important;
	justify-content: flex-end !important;
	align-items: flex-end !important;
}

/*   .logo-slider:hover div {
    animation-play-state: paused !important;
  } */

.logo-slider>div {
	width: 100vw !important;
	/* 		border: 1px solid red !important; */
	/* 		height: 50px !important; */
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
}

.logo-slider>div>div {
	/* 		border: 1px solid; */
	display: flex !important;
	position: relative !important;
	animation: marquee 15s linear infinite !important;
	justify-content: flex-end !important;
	align-items: flex-end;
	margin: 0 !important;
	width: max-content !important;
}

.logo-slider h1 {
	display: block !important;
	/* min-width: var(--image-size);
    height: var(--image-size); */
	padding: 10px !important;
	width: max-content !important;
	margin: 0 !important;
	font-size: 18px;
	/* 		margin-right: 250px !important; */
}

.logo-slider:after {
	content: "" !important;
	position: absolute !important;
	width: 10% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background: linear-gradient(to right, #f1f3f3, rgba(255, 255, 255, 0) 80px, rgba(255, 255, 255, 0) calc(100% - 80px), #f1f3f3) !important;
}

.our-work-gallery>div {
	/* 	  width: 80vw !important; */
	margin: 0 !important;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column !important;
}

.our-work-gallery>div>div {
	/* 	border: 1px solid red; */
	width: 100vw !important;
}

.our-work-gallery>div>div>div {
	/* 	border: 1px solid red; */
	width: 55vw !important;
	margin: auto !important;
}

.popupContent {
	left: 28% !important;
	/* 	width: 100vw !important; */
	/* 	position: absolute !important; */
}

#masthead {
	padding-top: 100px;
	padding-bottom: 0;
}

.jetpack-business-hours {
	margin-top: 0 !important;
}

.jetpack-business-hours__item {
	display: flex;
	justify-content: space-between;
}

.footer-social {
	margin-top: 0;
	justify-content: space-between !important;
	align-items: center;
	width: 135px;
	border-bottom: 1px solid #f01d1c;
}

.footer-credit{
	margin-bottom: 0 !important;
}

.entry-content{
	margin-bottom: 0 !important;
}

main{
	padding-bottom: 0 !important;
}

.imageVisible:hover{
	transform: scale(1) !important;
}

.galleryItem header{
	opacity: 1 !important;
	padding-left: 50px !important;
/* 	position: absolute */
	background: rgba(240, 29, 28, 1) !important;
}

.galleryHeader::before{
	background: rgba(240, 29, 28, 1) !important;
}

.btnClose{
	    width: 80px !important;
    height: 80px !important;
}

.btnClose > svg {
	height: 100% !important;
	width: 100% !important;
}

.imageVisible{
	pointer-events: none !important;
}

.galleryImages{
	pointer-events: none !important;
}

.wp-block-bigb-image-gallery .bigbImageGallery .galleryHeader{
	transform: translateX(0) !important;
}

.referral-header{
	box-shadow: rgba(240, 29, 29, 0.4) 0px 5px, rgba(240, 29, 29, 0.3) 0px 10px, rgba(240, 29, 29, 0.2) 0px 15px, rgba(240, 29, 29, 0.1) 0px 20px, rgba(240, 29, 29, 0.05) 0px 25px;
	margin-bottom: 80px;
	min-height: 320px !important;
	width: 768px !important;

}

div:has(.checkmark){
	
}

.checkmark-case{
	position: relative;
	box-shadow: rgba(240, 29, 29, 0.4) 5px 5px, rgba(240, 29, 29, 0.3) 10px 10px, rgba(240, 29, 29, 0.2) 15px 15px, rgba(240, 29, 29, 0.1) 20px 20px, rgba(240, 29, 29, 0.05) 25px 25px;
	transition:.3s;
	margin-bottom: 60px;
	cursor: pointer;
	max-width: 800px;
	width: 35vw !important;
	min-height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
/*     max-height: 300px; */
/* 	box-sizing: border-box !important; */
/* 	padding: 0px !important; */
/* 	width: 600px !important; */
}

.checkmark-case strong {
/* 	padding: 10px 10px 10px 0 !important; */
	font-size: 1.3rem !important;
/* 	font-weight: bolder; */
	padding: 0 !important;
	
}

.checkmark-title{
/* 	font-size: 1.3rem !important; */
/* 	padding: 0 !important; */
	padding-top: var(--wp--preset--spacing--40) !important;
    padding-right: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--80) !important;
}

.checkmark-case:hover{
	transition: .3s;
	transform: scale(1.2);
	padding: 40px;
	margin-top: -70px !important;
	z-index: 99;
}

.further-info{
	transition: .2s !important;
	height: 0 !important;
	margin-bottom: 250px;
	
}

.further-info > *{
	display: none !important;
}

.further-info > p{
	margin: 20px 0 20px 0 !important;
	font-size: .77rem !important;
}

.checkmark-case:hover > .further-info{
	height: 100% !important;
	width: 100% !important;
	transition.2s !important;
	display: block !important;
	/* 	background: black; */
}


.checkmark-case:hover > .further-info > *{
	transition.2s !important;
	display: block !important;
	padding:  2.25rem =1rem 0  !important;
	/* 	background: black; */
}


.checkmark-case:hover{
	margin-bottom: 200px;
		margin-top: 200px;
	height: auto-flow;
	    padding: 50px !important;
}

.referral-img > img {
	height: 300px;
    object-fit: contain !important;
}

div:has(.checkmark):hover{
}



.checkmark {
	position: absolute;
	left: -50px;
	top: 20px;
}

.checkmark > img{
/* 	position: absolute; */
	top: 50px;
	left: 50px;
}

.about-paragraph{
	margin: 35px !important;
}

.expand-button{
		width: 100% !important;
    text-align: center;
    display: block !important;
	}

@media only screen and (max-width: 641px) {
	
	.expand-button{
		    width: 100% !important;
    text-align: center;
    display: block !important;
		margin-top: -1.3rem !important;
		
	}
	
	.expand-button-text{
		font-size: .8rem !important;
	}
	
	.checkmark-case strong{
		font-size: 1rem !important;
	}
	
	.checkmark {
    position: absolute;
    left: 21px;
    top: 45px;
	}
	
	.checkmark > img{
		/* 	position: absolute; */
		top: 50px;
		left: 0px !important;
		height: 50px !important;
		width: 50px !important;
	}
	
	.checkmark-case {
		width: 100vw !important;
	}
	
	.checkmark-case:hover {
		padding: 1.5rem !important;
		transform: scale(1.03) !important;
	}
	.checkmark-title{
		font-size: 1.3rem !important;
	}
	
	.angis-main {
		display: flex !important;
		flex-direction: column !important;
	}

	.angis-main>div {
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.angis-main>div>div>div>div>div>div>div>div>div>div {
		display: flex;
		flex-direction: column;
	}


	.angi-block {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.angi-block>h2 {
		text-align: center;
	}

	#toggle-menu {
		z-index: 999 !important;
	}

	.main-menu-container {
		z-index: 99;
	}

	.wp-block-jetpack-map__mb-container {
		height: 300px !important;
	}

	#masthead {
		padding-top: 0 !important;
	}

	html {
		padding: 10px !important;
	}

	body {
		/*     background-color: lightblue; */
	}

	.column-view {
		display: flex !important;
		flex-direction: column;
	}

	#masthead {
		justify-content: center !important;
		display: flex !important;
		align-items: center !important;

	}

	.gallery-main {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.contact-banner {
		flex-direction: column !important;
		/*     display: none !important; */
		margin-bottom: 0 !important;
		padding-top: 81px !important;
		z-index: 8 !important;
	}

	.contact-banner figure img {
		display: none !important;
	}

	.contact-banner>p {
		display: none !important;
	}

	.site-logo {
		display: hidden !important;
	}

	#customize-preview iframe {
		width: 100vh;
		height: 100vw;
		position: absolute;
	}

	body .is-layout-grid {
		display: flex !important;
	}

	.reviews-main {
		max-width: 80% !important;
		margin: auto !important;
	}

	.coupon-container {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.contact-form {}

	.makeiteasy-popup-wrapper form {
		width: 100% !important;
		margin: 0;
	}

	.card {
		margin-bottom: 00px !important;
	}

	.kapow-img {
		margin: 0 !important;
	}

	.our-work-gallery>div>div>div {
		width: 95% !important;
	}

	.popupContent {
		left: 48% !important;
	}

	.card {
		margin-bottom: 15px !important;
		margin-top: 0 !important;
	}

	.btnClose {
		height: 80px !important;
		width: 80px !important;
	}

	.page-footer>div>div {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-content: center !important;
	}
}

@media only screen and (device-width: 1027px),
only screen and (max-width: 1027px) {
	.angis-main {
		display: flex !important;
		flex-direction: column !important;
		padding-right: 10% !important;
		padding-left: 10% !important;
	}

	.angis-main>div {
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.angis-main>div>div>div>div>div>div>div>div>div>div {
		display: flex;
		flex-direction: column;
	}


	.angi-block {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.angi-block>h2 {
		text-align: center;
	}

	.maps-column {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.maps-column>div>ul {
		padding-left: 0;

	}

	.maps-column>div>ul>li {
		list-style: none;
	}

	body {
		/*     background-color: lightblue; */
	}

	.column-view {
		display: flex !important;
		flex-direction: column;
	}

	#masthead {
		justify-content: center !important;
		display: flex !important;
		align-items: center !important;

	}

	.gallery-main {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.contact-banner {
		flex-direction: column !important;
		/*     display: none !important; */
		margin-bottom: 0 !important;
	}

	.contact-banner figure img {
		display: none !important;
	}

	.contact-banner>p {
		display: none !important;
	}

	.site-logo {
		display: hidden !important;
	}

	#customize-preview iframe {
		width: 100vh;
		height: 100vw;
		position: absolute;
	}

	body .is-layout-grid {
		display: flex !important;
	}

	.reviews-main {
		max-width: 80% !important;
		margin: auto !important;
	}

	.coupon-container {
		margin-top: 150px !important;
		margin-bottom: 150px !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.our-work-gallery>div>div>div {
		width: 95% !important;
	}

	.popupContent {
		left: 48% !important;
	}

	.card {
		margin-bottom: 15px !important;
		margin-top: 0 !important;
	}

	.btnClose {
		height: 80px !important;
		width: 80px !important;
	}
}

@media (max-width: 900px) {
	.logo-slider {
		--image-size: 50px !important;
		--image-size: min(max(50px, 10vw), 100px) !important;
	}
}

@keyframes marquee {
	0% {
		transform: translateX(300%);
	}

	100% {
		transform: translateX(-300%);
	}
}


.main-gallery>div>ul>li>figure>img {
	cursor: pointer;
	transition: .5s;
	/* 	position: relative; */
	/* 	border: 10px solid red; */
}

.main-gallery>div>ul>li>figure>img:focus {
	--offset: 20px;
	position: absolute;
	inset: var(--offset);
	object-fit: cover;
	width: calc(100dvw - 10* var(--offset));
	height: calc(100dvh - 10 * var(--offset));
	box-shadow: 0 0 0 var(--offset) rgba(240, 29, 28, .6);
	z-index: 999;
	cursor: unset;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .5s;
	background-color: red !important;
}

.main-gallery>div {
	display: inline-flex !important;
}

.main-gallery:has(img:focus) {
	height: 100px;
	/* same height of image - just jump content prevent */
}


/* blog posts */

.post>header>h2 {
	display: block !important;
}

.post>header>h1 {
	display: block !important;
}

.post-thumbnail {
	height: 150px !important;
	width: 150px !important;
}

/* https://sterlingheatandcool.com/wp-content/uploads/2025/11/award.jpg */

/* Boost z-index on parent elements */
/* Fix header layout - keep logo on the left */
  .site-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .site-branding {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-right: auto !important; /* Pushes navigation to the right */
  }

  .site-logo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }

  /* Boost z-index on parent elements */
  .site-header,
  .site-branding,
  .site-logo {
		padding-top: 0 !important;
    z-index: 999999 !important;
  }

  /* Award badge - STATIC hover container (doesn't move) */
  div.award-badge {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: -60px !important;
    left: auto !important;
    margin: auto 0 !important;
    z-index: 9999999 !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    cursor: pointer;
  }

  /* Small hover zone by default - doesn't block content below */
  div.award-badge::after {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: -15px !important;
    right: -15px !important;
    bottom: -10px !important;
    background: transparent !important;
  }

  /* EXPAND hover zone only when hovering - prevents flicker */
  div.award-badge:hover::after {
    bottom: -250px !important;
  }

  /* Image gets all visual styling and transforms */
  div.award-badge img {
    width: 50px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 0 !important;
    background: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    animation: jiggle 3s ease-in-out infinite !important;
    transform-origin: top center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }

  /* Only the IMAGE moves on hover */
  div.award-badge:hover img {
    animation: none !important;
    transform: scale(4) translateY(45px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25) !important;
  }

  /* Text styling */
  div.award-badge .award-text {
    position: absolute !important;
    top: 420px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    background: #333 !important;
    color: white !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
  }

  div.award-badge:hover .award-text {
    opacity: 1 !important;
  }

  /* Jiggle animation */
  @keyframes jiggle {
    0%, 50%, 100% { transform: rotate(0deg); }
    5% { transform: rotate(-6deg) scale(1.05); }
    10% { transform: rotate(6deg) scale(1.05); }
    15% { transform: rotate(-4deg); }
    20% { transform: rotate(4deg); }
    25% { transform: rotate(0deg); }
  }