.projects-section .proj-count-item .proj-icon img {
	filter: brightness(0.1) saturate(10%) contrast(150%);
}

.badges-container .slick-track {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.badges-container .slick-slide {
  height: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.text-center {
  text-align:center;
}

.floating-cta {
	background: linear-gradient(180deg, #F9D98F 0%, #F5C66B 35%, #DFA644 65%, #B57927 100%) !important;
	color: #000 !important;
	border: 2px solid #F5E3B8 !important;
	border-radius: 10px;
	font-weight: 700 !important;
	box-shadow: 1px -2px 0px 0px rgba(0, 0, 0, .80);
	bottom: 10px !important;
	width: 90% !important;
}

.floating-cta a.form-popup-text {
	color: #000 !important;
	font-weight: 700;
	font-size: 19px !important;
}

header.site-header .top-head {
	background: url(/wp-content/uploads/2026/11/top-hdr-background.png) center;
	background-size: cover;
	color: #FFFFFF;
}

.top-content-cta-section .top-page-content-cta,
.content-cta-section .page-content-cta {
	background: url(/wp-content/uploads/2026/11/top-cta-background.png) center !important;
	background-size: cover !important;
}

.services-section .service-item {
	border-radius: 10px;
	box-shadow: 1px 2px 1px 1px rgba(237, 195, 114, .59);
	border-bottom: 0 !important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgb(27 28 30) 80%) !important;
}

.popup-image-title {
	display: none !important
}

.projects-section .sample-proj-item:hover:after {
	color: #f7bd54 !important;
}

.review-section .review-item-row {
	border: 1px solid #ebebeb !important;
}

.post-item .post-details.heading-details {
	border-bottom: 3px solid #ffffff !important;
}

.latest-news-section .post-item {
	border: 1px solid #ebebeb;
}

.site-footer .column-label {
	border-bottom: 1px solid #25272c !important;
}

.site-footer .footer-col-item.column-review-btn {
	border-top: 1px solid #25272c !important;
}

.contact-page-wrap .form-field {
	border: 1px solid #ebebeb !important;
}

.services-section .service-item .service-icon {
	border: 0 !important;
}

.services-section .service-item .service-icon .serv-icn-img {
	border: 3px solid transparent;
	background: linear-gradient(#1a1c1e, #1a1c1e) padding-box, linear-gradient(45deg, #b37808, #fcd34d) border-box;
}

a.site-btn {
	background: linear-gradient(180deg, #F9D98F 0%, #F5C66B 35%, #DFA644 65%, #B57927 100%) !important;
	color: #000 !important;
	border: 2px solid #F5E3B8 !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.c-yellow {
	color: #f4c149;
}

@media only screen and (max-width:1023px) {
	header.site-header .mid-head-items .header-logo img {
		height: 90px !important;
	}

	.mob-dot-toggle {
		top: 65px !important;
	}

	.menu-toggle {
		top: -75px !important;
	}

	.top-content-cta-section .top-cta-title {
		line-height: 1.4 !important;
		font-size: 24px !important;
		padding: 20px 0 50px !important;
	}

	span.d-y:after {
		content: '';
		position: absolute;
		bottom: 14px;
		background: url(http://www.legacyroofingsllc.com/wp-content/uploads/2026/11/ob-design.png) no-repeat center bottom;
		height: 40px;
		width: 100%;
		left: 0;
		right: 0;
		display: block;
	}

	span.c-yellow.d-y {
		display: block;
	}

}
