/*
Theme Name: Advanced Heating
Author: Clearsite
Template: hello-biz
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

@media (min-width: 768px) and (max-width: 1250px) {

#primary-nav nav>ul>li:first-child {
	display: none;
}
}

b,strong {
	font-weight: bold;
}

.bgsolid h4, .bgsolid a {
    color: #fff;
}

.bgsolid a {
	text-decoration: underline;
}

.bgsolid .elementor-grid a {
	text-decoration: none;
}
.bgsolid a:hover {
	color: #aaa;
}

html {
	scrollbar-gutter: stable;
}
@media (min-width: 1025px) and (max-width: 1200px) {
	.elementor-grid-6 .elementor-grid {
		    grid-template-columns: repeat(3, 1fr);	
	}
}
@media (min-width: 1201px) and (max-width: 1500px) {
	.elementor-grid-6 .elementor-grid {
		    grid-template-columns: repeat(4, 1fr);
	}
}

.elementor-grid-6 .elementor-grid .elementor-element > a {
	width: 100%;
}


.center-grid-items .elementor-grid { 
	display: flex; 
	justify-content: center; 
	gap: 20px; /* Adjust spacing as needed */ 
	flex-wrap: wrap; 
} 

.center-grid-items .elementor-grid > * { 
	width: 40%;
}

@media (min-width: 1025px) and (max-width: 1200px)  {
.center-grid-items .elementor-grid { 
	flex-wrap: wrap; 
} 
	.center-grid-items .elementor-grid > * { 
		width: 100%;
		max-width: 350px; /* Adjust to match your grid item width */ 
		flex: 0 1 auto; /* Prevents stretching */ 
	}

}

.postlink a {
	padding: 25px 10px;
	display: inline-block;
	width: 100%;
	color: #fff !important;
	background: #ffffff22;
}

.postlink a:hover {
	background: #ffffff33;
}

.e-widget-swiper .elementor-swiper-button[aria-disabled="true"],
.e-widget-swiper  .elementor-swiper-button:not([aria-disabled]){
   /*display: none !important;*/
}

.elementor-element .swiper .elementor-swiper-button svg,
.elementor-element .swiper~.elementor-swiper-button svg,
.elementor-lightbox .swiper .elementor-swiper-button svg,
.elementor-lightbox .swiper~.elementor-swiper-button svg {
	height: 40px;
	width: 40px;
	background: #00853E;
	padding: 5px;
	border-radius: 4px;
	border: solid 2px #ffffff88;
}

.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image, 
.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image 
{
	display: block;
}

.project-carousel img {
	max-height: 650px;
	object-fit: cover;
}