/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 02 2026 | 19:25:35 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* General */

.SccButtonBlack a {
    padding: 20px 45px;
    box-shadow: none;
	color: #333 !important;
	border: 1px solid #333 !important;
	&:hover {
		background-color: #333 !important;
		color: #fff !important;
		border-color: #fff !important;
	}
}

.SccButtonWhite a {
    padding: 20px 45px;
    box-shadow: none;
	color: #fff !important;
	border: 1px solid #fff !important;
	&:hover {
		background-color: #fff !important;
		color: #1E293B !important;
	}
}

/* Typografhy */
p {font-size: 1rem;}
h2 {font-size: clamp(1.4rem, 3.2vw, 2.4rem);}

/* Footer */
footer {
	& .site-below-footer-wrap {
		min-height: unset !important;
		background-color: #0b97ee !important;
		padding: 10px 0;
		
		& .ast-builder-grid-row-container-inner .ast-builder-footer-grid-columns {
			min-height: unset;
		}
		& .ast-footer-copyright p,
		& .ast-footer-copyright a {
			color: #fff;
		}
	}
	& .site-primary-footer-wrap {
		padding-left: 3rem;
		padding-right: 3rem;
		& .ast-builder-footer-grid-columns {
			& #block-8 {
				& img {
					width: 100%;
					max-width: 150px;
				}
			}
		}
		& h2 {
			font-size: 1.06rem;
			letter-spacing: 3px;
			font-weight: 600;
			text-transform: uppercase;
		}
		& ul#astra-footer-menu {
			font-size: .9rem;
            line-height: 2rem;
		}
		& p {
			font-size: .9rem;
		}
		& .StreetFooter {
			margin-left: 24px;
		}
		& a.FooterLink,
		& li.menu-item a {
			text-decoration: none;
			color: #67768e;
			font-size: .9rem;
		}
		& .site-footer-primary-section-3 .footer-widget-area {
			& section {
				font-size: .9rem;
			}
		}
	}
}

/* General Banner / Hero Section */ 
.HeroSection {
	& span.wp-block-cover__background {
		background: linear-gradient(to bottom, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 52%) 66%, rgba(0 0 0 / 48%) 100%);
		opacity: 1 !important;
		background-color: unset !important;
	}
	& .wp-block-cover__inner-container {
		& p:first-of-type {
			margin: 0 0 12px;
			color: #fff !important;
			letter-spacing: 3px;
			text-transform: uppercase;
			text-align: center;
			padding-top: 50px;
		}
		& h1 {
			margin: 0 0 18px;
			color: #fff;
			font-size: clamp(2.35rem, 5vw, 3.25rem);
			line-height: 1.05;
			font-weight: 300;
			text-align: center;
		}
		& p:last-of-type {
			margin: 0;
			color: #ffffffeb !important;
			line-height: 1.9;
			text-align: center;
		}
		& .wp-block-buttons .wp-block-button a {
			border: 1px solid #fff;
    		color: #fff;
			font-weight: 300;
			font-size: 1.1rem;
			letter-spacing: 2px;
			text-transform: uppercase;
			
			&:hover {
				background-color: #fff;
				border: unset;
				color: #333;
				
			}
		}
	}
}
/* CTA row Decoration */
.sc-service-cta {
	background: #1596e8; /* Blue brand color */
	padding: 80px 20px;
	
	& .sc-service-cta__title {
		color: #fff;
		font-size: clamp(2rem, 4vw, 3.125rem);
		margin-bottom: 18px;
		font-weight: 300;
	}

	& .sc-service-cta__text {
		color: #ffffffe6;
		font-size: 1.125rem;
		line-height: 1.6;
		margin-bottom: 30px;
	}

	/* Primary and Secondary Buttons */
	& .sc-btn-primary .wp-block-button__link {
		background: #1596e8;
		color: #fff;
		border-radius: 0;
		padding: 20px 45px;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		font-weight: 500;
		font-size: .85rem;
		transition: background 0.3s ease;
		&:hover {
			background: #0f7bbd;
		}
	}

	& .sc-btn-secondary .wp-block-button__link {
		background: #111;
		color: #fff;
		border-radius: 0;
		padding: 20px 45px;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		font-weight: 500;
		font-size: .9rem;
		transition: background 0.3s ease;
		&:hover {
			background: #333;
		}
	}

}
/* Frontpage */
/* Hero Section */
body.home {
	.sc-hero-banner {
		position: relative;
		background-image: url('/wp-content/uploads/2026/03/banner_frontpage_pad.avif');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 760px;
		padding: 0 !important;
		overflow: hidden;

		& .sc-hero-banner__overlay {
			background: linear-gradient(to bottom, rgb(0 0 0 / 100%) 0%, rgba(0 0 0 / 34%) 66%, rgba(0 0 0 / 48%) 100%);
			color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 100%;
			min-height: 760px;

			& .sc-hero-banner__eyebrow {
				margin-bottom: 14px;
				letter-spacing: 4px;
				text-transform: uppercase;
				text-shadow: 2px 3px 2px #000;
			}

			& .sc-hero-banner__title {
				margin: 0;
				color: #fff;
				font-size: clamp(2.12rem, 5.8vw, 4.5rem);
				line-height: 1.05;
				font-weight: 300;
				letter-spacing: 2px;
				text-transform: uppercase;
				text-shadow: 2px 3px 2px #000;
			}
		}

		& .sc-hero-services {
			position: absolute;
			bottom: 0;
			gap: 0 !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			width: 62%;
			min-width: 885px;
			max-width: 1600px;
			justify-content: flex-start;

			&::before {
				content: "";
				position: absolute;
				inset: 0 auto 0 0;
				background: #fffffffa;
				z-index: 0;
				border-top: 1px solid #00000014;
			}

			& > .wp-block-column {
				margin: 0 !important;
				flex-basis: 50% !important;
				flex-grow: 0 !important;
				position: relative;
				z-index: 1;

				& .sc-hero-service-item {
					display: flex;
					align-items: center;
					gap: 14px;
					min-height: 96px;
					padding: 20px 18px;
					border-top: 1px solid #00000014;
					border-right: 1px solid #00000014;
					border-left: 1px solid #0000000d;
					background: #fff;
					transition: all 0.5s ease-in-out;

					&:hover {
						background: #333;

						& img { filter: invert(50%) sepia(100%) saturate(0%) hue-rotate(121deg) brightness(151%) contrast(119%); }
						& p.sc-hero-service-item__text { color: #fff; }
					}
					& figure.sc-hero-service-item__icon {
						margin: 0;
						flex: 0 0 44px;
						width: 44px;
						height: 44px;
						border: 1px solid #c8c8c8;
						border-radius: 50%;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 8px;
						& img {
							transition: all 0.5s ease-in-out;
							display: block;
							width: 24px;
							height: 24px;
							object-fit: contain;
						} 
					}
					& p.sc-hero-service-item__text {
						margin: 0;
						font-size: clamp(.7rem, 5.8vw, 1rem);
/* 						font-size: .7rem; */
						letter-spacing: 1.2px;
						text-transform: uppercase;
						color: #555;
						transition: all 0.5s ease-in-out;
					}
				}
			}
		}
	}
	/* About Section */
	.sc-about-section {
		background: #f4f4f4;
		padding: 90px 20px;

		& .sc-about-section__columns {
			align-items: center !important;
			gap: 60px;

			& .sc-about-section__image {
				margin: 0;

				& img {
					display: block;
					width: 100%;
					height: auto;
					border: 0;
				}
			}
			& .sc-about-section__content-col {
				padding-right: 20px;

				& .sc-about-section__eyebrow {
					margin: 0 0 12px;
					font-size: .8rem;
					line-height: 1.4;
					letter-spacing: 3px;
					text-transform: uppercase;
					color: #8b8b8b;
					font-weight: 600;
				}
				& .sc-about-section__title {
					margin: 0 0 18px;
					font-size: clamp(1.4rem, 3.2vw, 2.4rem);
					line-height: 1.05;
					letter-spacing: 1.5px;
					text-transform: uppercase;
					color: #4d4d4d;
					font-weight: 300;
				}
				& .sc-about-section__text {
					margin: 0 0 28px;
					font-size: 0.875rem;
					line-height: 1.85;
					color: #7a7a7a;
					max-width: 520px;
				}
				& .sc-about-section__buttons {
					margin-top: 0;
				}
			} 
		}


	}
	/* CTA Bar */
	.sc-cta-bar {
		position: relative;
		background-image:
			linear-gradient(#1596e8d6, #1596e8d6),
			url('/wp-content/uploads/2026/03/LongBar_01.avif');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 38px 20px;
		overflow: hidden;

		& .sc-cta-bar__columns {
			align-items: center !important;
			gap: 20px;

			& .sc-cta-bar__text {
				margin: 0;
				color: #fff;
				font-size: clamp(1.25rem, 2vw, 1.875rem);
				line-height: 1.4;
				font-weight: 300;
				letter-spacing: 0.4px;
			}

			& .sc-cta-bar__buttons {
				margin-top: 0;

				& .sc-cta-bar__button {
					margin: 0 0 0 auto;
				}
			}
		}
	}
	/* Services Section */
	.sc-services-section {
		background: #f7f7f7;
		padding: 85px 20px 90px;

		& .sc-services-section__eyebrow {
			margin: 0 0 10px;
			font-size: clamp(1.6rem, 1.384rem + 1.078vw, 2.22rem);
			line-height: 1.05;
			letter-spacing: 3px;
			text-transform: uppercase;
			color: #4e4e4e;
			font-weight: 300;
		}
		& .sc-services-section__subtitle {
			margin: 0 0 42px;
			font-size: 1rem;
			line-height: 1.6;
			color: #666;
		}
		.sc-services-grid {
			gap: 30px;
			align-items: stretch !important;
			& figure..sc-service-card__image {
				margin: 0 0 18px;

				& img {
					display: block;
					width: 100%;
					height: 260px;
					object-fit: cover;
				}
			}
			& .sc-service-card__title {
				margin: 12px 0;
				font-size: 1.56rem;
				line-height: 1.1;
				letter-spacing: 3px;
				text-transform: uppercase;
				color: #4d4d4d;
				font-weight: 300;
			}
			& .sc-service-card__text {
				margin: 0 0 18px;
				font-size: .85rem;
				line-height: 1.8;
				color: #6f6f6f;
			}
			& .sc-service-card__buttons {
				margin-top: 0;
			}
		}
	}
	.sc-landscaping-band {
		position: relative;
		background-image:
			linear-gradient(to right, #000000bf 0%, #000000cf 38%, #0000002e 100%), url("/wp-content/uploads/2026/03/banner-landscaping.avif");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 520px;
		padding: 0 !important;
		overflow: hidden;

		& > .wp-block-group {
			padding-top: 110px;
			padding-bottom: 110px;

			& .sc-landscaping-band__columns {
				align-items: center !important;
				min-height: 300px;

				& .sc-landscaping-band__content-col {
					padding-left: 10px;

					& .sc-landscaping-band__eyebrow {
						margin: 0 0 16px;
						color: #fff;
						font-size: 1.56rem;
						line-height: 1.1;
						letter-spacing: 5px;
						text-transform: uppercase;
						font-weight: 300;
					}

					& .sc-landscaping-band__text {
						margin: 0 0 22px;
						max-width: 470px;
						color: #ffffffe0;
						font-size: .85rem;
						line-height: 1.85;
					}

					& .sc-landscaping-band__buttons {
						margin-top: 0;
					}
				}
			}
		}
	}
	/* Testimonials Section */
	.sc-testimonials-section {
		background: #f7f7f7;
		padding: 90px 20px 85px;

		& .sc-testimonials-section__title {
			margin: 0 0 8px;
			font-size: clamp(1.4rem, 3vw, 2.4rem);
			line-height: 1.1;
			letter-spacing: 1px;
			color: #3f3f3f;
			font-weight: 300;
		}
		& .sc-testimonials-section__subtitle {
			margin: 0 0 34px;
			font-size: 1,37rem;
			line-height: 1.4;
			color: #444;
			font-weight: 500;
		}
		& p.eb-testimonial-slider-content {
			font-size: 1.12rem;
			font-style: italic;
            font-weight: 300;
		}
		& p.eb-testimonial-slider-authorname {
			font-size: 1.1rem;
			font-weight: 400;
		}

	}
	/* Completed Works */
	.sc-completed-works {
		position: relative;
		background-image:
			linear-gradient(#1fa4f4e8, #1fa4f4e0), url("/wp-content/uploads/2026/03/banner-gravel-roads.avif");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 85px 20px;
		overflow: hidden;
		& .sc-completed-works__columns {
			align-items: center !important;
			gap: 40px;
			& .sc-completed-works__content-col {
				text-align: center;
				& .sc-completed-works__title {
					margin: 0 0 14px;
					color: #fff;
					line-height: 1.08;
					font-weight: 300;
					letter-spacing: 1px;
					font-size: clamp(1.4rem, 3.2vw, 2.4rem);
				}
				& .sc-completed-works__subtitle {
					margin: 0 0 18px;
					color: #ffffffe6;
					font-size: 1.11rem;
					line-height: 1.4;
				}
				& .sc-completed-works__text {
					margin: 0 auto 28px;
					max-width: 430px;
					color: #ffffffe0;
					line-height: 1.85;
				}
			}
			& .sc-completed-works__buttons {
				& .wp-block-button {
					margin: auto;
					& a {
						font-weight:400;
						padding: 20px 45px;
					}
				}
			}
		}

	}
}

/* about Page */
.sc-about-page {
	background: #f7f7f7;

	& .sc-about-hero {
		width: 100vw !important;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		max-width: 100vw !important;
		min-height: 500px;
		
		& img.wp-block-cover__image-background {
			object-position: bottom;
		}
		& .wp-block-cover__inner-container {
			width: 100%;
		}
	}
	& .sc-about-intro {
		padding: 85px 20px;
		
		& .sc-about-intro__columns {
			gap: 34px;
			
			& .sc-about-intro__image img {
				display: block;
				width: 100%;
				height: auto;
				object-fit: cover;
			}
			
			& .sc-section-title {
				margin: 0 0 18px;
/* 				font-size: clamp(30px, 3vw, 48px); */
				font-size: clamp(1.4rem, 3.2vw, 2.4rem);
				line-height: 1.1;
				color: #333;
				font-weight: 300;
			}
			& ul.sc-about-checklist {
				margin: 22px 0 0;
				padding-left: 18px;
			}
		}
	}
	& .sc-about-values {
		padding: 85px 20px;
		
		& .sc-about-values__grid {
			gap: 34px;
			
			& img {
				display: block;
				width: 100%;
				height: auto;
				object-fit: cover;
			}
			
			& .sc-card-title {
				font-size: 1.5rem;
				line-height: 1.2;
				margin: 18px 0 12px;
				color: #404040;
				font-weight: 400;
			}
		}
	}
	& .sc-about-partner {
		background: linear-gradient(#128fe0f7, #128fe0e8), url("/wp-content/uploads/2026/03/about-banner.avif");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding: 85px 20px;
		
		& .sc-about-partner__image img {
			display: block;
			width: 100%;
			height: auto;
			object-fit: cover;
		}
		& .sc-section-title--light {
			color: #fff;
		}
		& .sc-section-title {
			margin: 0 0 18px;
			font-size: clamp(1.4rem, 3.2vw, 2.4rem);
			line-height: 1.1;
			font-weight: 300;
		}
		& .sc-about-partner__text {
			color: #ffffffeb;
			line-height: 1.85;
			margin: 0 0 24px;
		}
		& .sc-about-partner__button .wp-block-button__link {
			text-transform: uppercase;
			letter-spacing: 1.2px;
			font-weight: 400;
		}
	}
}

/* Testimonials Page */
.sc-testimonials-page {
	& .sc-service-hero {
		& img.wp-block-cover__image-background {
			object-position: center 88%;
		}
	}
	& .sc-testimonials-grid-section {
		padding: 80px 20px 100px;
		background: #fafafa;
		& .sc-reviews-masonry {
			column-count: 3;
			column-gap: 30px;
			
			& .sc-review-card {
				background: #fff;
				border: 1px solid #eaeaea;
				border-radius: 6px;
				padding: 40px 30px;
				margin-bottom: 30px;
				break-inside: avoid;
				box-shadow: 0 4px 15px #00000008;
				transition: transform 0.3s ease;
				
				& .sc-review-stars {
					color: #f5b024; /* Gold/Yellow for stars */
					font-size: 20px;
					margin-bottom: 15px;
					letter-spacing: 2px;
				}
				& .sc-review-title {
					font-size: 20px;
					font-weight: 600;
					margin: 0 0 15px;
					color: #222;
				}
				& .sc-review-text {
					font-size: 15px;
					line-height: 1.8;
					color: #666;
					font-style: italic;
					margin: 0 0 30px;
				}
				&:hover {
					transform: translateY(-4px);
					box-shadow: 0 10px 25px #00000014;
				}
				
			}
			& .sc-review-card--highlight {
				background: #1596e8; /* Brand blue */
				color: #fff;
				border: none;
				
				& .sc-review-title,
				& .sc-review-text,
				& .sc-review-author strong,
				& .sc-review-stars {
					color: #fff;
				}
				
				& .sc-review-author span {
					color: #fff;
				}
			}
		}
	}
	& .sc-review-author {
		display: flex;
		align-items: center;
		gap: 15px;
		& .sc-review-avatar {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			object-fit: cover;
			background: #eee;
		}
		& div {
			display: flex;
			flex-direction: column;
			&  strong {
				font-size: 15px;
				color: #222;
				margin-bottom: 3px;
			}
			& span {
				font-size: 13px;
				color: #888;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
		}
	}
}

/* Services Page */
.sc-service-page {
	& .sc-about-hero {
		min-height: 500px;
	}
	& .sc-service-hero img {
		object-position: top;
	}
	& .sc-service-intro,
	& .sc-service-benefits {
		padding: 4rem 0;
		
		& h2.sc-section-title {
			font-size: clamp(1.4rem, 3.2vw, 2.4rem);
			font-weight: 300;
		}
		& h3.sc-card-title {
			font-weight: 400;
		}
	}
	& .sc-hub-grid-section {
		padding: 80px 20px;

		& .sc-hub-grid {
			gap: 40px;
			align-items: stretch !important;

			& .sc-hub-card {
				background: #fcfcfc;
				border: 1px solid #eaeaea;
				transition: transform 0.3s ease, box-shadow 0.3s ease;
				display: flex;
				flex-direction: column;

				&:hover {
					transform: translateY(-5px);
					box-shadow: 0 15px 35px #0000000f;
				}
				& .sc-hub-card__image {
					margin: 0;

					& img {
						display: block;
						width: 100%;
						height: 280px;
						object-fit: cover;
					}
				}
				& .sc-hub-card__content {
					padding: 35px 30px;
					display: flex;
					flex-direction: column;
					flex-grow: 1;

					& .sc-hub-card__title {
						font-size: 1.62rem;
						color: #222;
						margin: 0 0 15px;
						font-weight: 400;
					}
					& .sc-hub-card__text {
						line-height: 1.7;
						color: #666;
						margin: 0 0 25px;
						flex-grow: 1;
					}
					& .sc-btn-outline .wp-block-button__link {
						background: transparent;
						color: #1596e8;
						border-radius: 0;
						padding: 20px 40px;
						text-transform: uppercase;
						letter-spacing: 1px;
						font-weight: 400 !important;
						transition: all 0.3s ease;
					}
				}
			}
		}
	}
	&.sc-service-demolition {
		& img.wp-block-cover__image-background {
			object-position: center 16%;
		}
	}
	& .sc-service-gravelroads {
		& img.wp-block-cover__image-background {
			object-position: center;
		}
	}
}
/* Contact Page Styles */
.sc-contact-page {
	& ul.fg-tag-list li a,
	& button.fg-load-more {
		font-size: 1rem !important;
		padding: 5px 15px;
	}
	& .sc-contact-heading {
		font-size: clamp(1.4rem, 3.2vw, 2.4rem);
	}
	
	& .sc-contact-content {
		padding: 80px 20px 100px;
		
		& .sc-contact-columns {
			gap: 60px;
			align-items: flex-start !important;

			& .sc-contact-info {

				& .sc-contact-heading {
					font-size: clamp(1.4rem, 3.2vw, 2.4rem);
					color: #222;
					margin-bottom: 24px;
					font-weight: 400;
				}
				& .sc-contact-desc {
					line-height: 1.7;
					color: #555;
					margin-bottom: 40px;
				}
				& .sc-info-box {
					margin-bottom: 30px;
					padding-left: 20px;
					border-left: 3px solid #1596e8;
					& .sc-info-title {
						font-size: 0.9rem;
						text-transform: uppercase;
						letter-spacing: 1.5px;
						color: #888;
						margin: 0 0 5px;
						font-weight: 600;
					}
					& .sc-info-box p {
						color: #222;
						margin: 0;
						line-height: 1.5;
					}
					& .sc-info-box a {
						color: #1596e8;
						text-decoration: none;
						transition: color 0.2s ease;
						&:hover {
							color: #111;
						}
					}
				}
			}
			& .sc-contact-form-wrapper {
				background: #fff;
				padding: 50px;
				border-radius: 4px;
				box-shadow: 0 20px 50px rgba(0 0 0 / 8%);
				border: 1px solid #f0f0f0;

				& .sc-contact-heading {
					font-size: clamp(1.4rem, 3.2vw, 2.4rem);
					color: #222;
					margin-bottom: 24px;
					font-weight: 400;
				}
				& input[type="text"],
				& input[type="email"],
				& input[type="tel"],
				& textarea {
					width: 100%;
					padding: 15px;
					border: 1px solid #ddd;
					border-radius: 4px;
					margin-bottom: 20px;
					font-family: inherit;
					background: #fafafa;
				}
				& input[type="submit"],
				& button[type="submit"] {
					background: #1596e8;
					color: #fff;
					padding: 15px 35px;
					border: none;
					border-radius: 0;
					text-transform: uppercase;
					letter-spacing: 1.5px;
					font-weight: 600;
					font-size: 1rem;
					cursor: pointer;
					transition: background 0.3s ease;
					width: auto;
				}

				& input[type="submit"]:hover,
				& button[type="submit"]:hover {
					background: #0f7bbd;
				}
			}
			
		}
	}
}


/* Team Page Styles */
.sc-team-page {
	& .sc-team-grid-section {
		padding: 80px 20px 100px;
		& .sc-section-title {
			font-size: clamp(1.4rem, 3.2vw, 2.4rem);
		}
		& .sc-mb-50 {
			margin-bottom: 50px !important;
		}
		& .sc-team-grid {
			gap: 40px;

			& .sc-team-member {
				text-align: center;
				& .sc-team-member__photo {
					margin: 0 auto 20px;
					overflow: hidden;
					box-shadow: 5px 4px 14px 4px #333;
					& img {
						display: block;
						width: 100%;
						height: 500px; /* Forces uniform height for all team photos */
						object-fit: cover;
						transition: transform 0.4s ease;
					}
				}
				& .sc-team-member__name {
					font-size: 1.5rem;
					color: #222;
					margin: 0 0 5px;
					font-weight: 500;
				}
				& .sc-team-member__role {
					font-size: 1rem;
					text-transform: uppercase;
					letter-spacing: 1.5px;
					color: #1596e8;
					font-weight: 600;
					margin: 0;
				}
				&:hover {
					& .sc-team-member__photo img {
						transform: scale(1.05);
/* 						padding-left: 0;
						padding-right: 0; */
					}
				} 
			}
		}
	}
}

/* Responsive Styles */
@media (width >= 820px) and (width <= 1024px) {
	body.home {
		& .sc-hero-banner {
			& .sc-hero-services {
				width: 100%;
				padding-left: 0 !important;
				padding-right: 0 !important;
				
			}
		}
		& .sc-landscaping-band > .wp-block-group {
			padding-left: 30px;
			padding-right: 30px;
			text-align: center;
			& .wp-block-columns {
				justify-content: center;
				& .sc-landscaping-band__buttons {
					justify-content: center;
				}
			}
			
		}
		& .sc-landscaping-band__spacer-col {
			display: none;
		}
		& .sc-completed-works {
			& .sc-completed-works__columns {
				    flex-direction: column;
			}
		}
	}
	.sc-service-page {
		& .wp-block-group {
			padding: 80px 20px;
		}
	}
}

/* Special Responsive Styles */
@media (width <= 907px) {
	body.home {
		& .sc-hero-banner {
			& .sc-hero-services {
				width: 100%;
				min-width: unset;
				max-width: unset;
			}
			& .wp-block-columns.sc-hero-services {
				display: flex !important;
				flex-wrap: wrap !important;
				& .wp-block-column {
					flex-basis: calc(50% - 0) !important; 
					max-width: calc(50% - 0) !important;
					margin-left: 0 !important;
					margin-right: 0 !important;
					margin-bottom: 20px;
				}
			}
		}
		& .sc-about-section__content-col {
			text-align: center;
			& p.sc-about-section__text {
				max-width: unset !important;
			}
			& .wp-block-buttons {
				justify-content: center;
			}
			
		}
		& .sc-cta-bar {
			& .sc-cta-bar__button { 
				margin: auto !important;
			}
			& .sc-cta-bar__text {
				text-align: center;
			}
		}
		& .sc-services-section {
			& .sc-services-grid {
				align-items: center !important;
            	justify-content: center;
				gap: 50px 30px;
			}
			& .wp-block-column {
    			flex-grow: 0;
				flex-basis: 70% !important;
				text-align: center;
				& .sc-service-card__buttons {
					justify-content: center;
				}			
			}
		}
		& .sc-landscaping-band > .wp-block-group {
			padding-left: 30px;
			padding-right: 30px;
			text-align: center;
			& .wp-block-columns {
				justify-content: center;
				& .sc-landscaping-band__buttons {
					justify-content: center;
				}
				& .sc-landscaping-band__text { 
					max-width: unset !important;
				}
			}
			
		}
	}
	.sc-about-page {
		& .sc-about-intro {
			& .sc-about-intro__image img {
				max-width: 450px;
                margin: auto;
			}
			& .sc-section-title,
			& p {
				text-align: center;
				width: 85%;
    			margin: 15px auto;
            }
			& ul.sc-about-checklist { 
				width: 200px;
    			margin: auto !important;
			}
		}
		& .sc-about-values__grid {
			justify-content: center !important;
			gap: 50px 30px !important;
			
			& img { 
				max-width: 450px;
			}
			& .wp-block-column {
				flex-basis: 60% !important;
				flex-grow: 0 !important;
				text-align: center;
			}
		}
		& .sc-about-partner {
			text-align: center;
			& .wp-block-buttons {
				justify-content: center;
			}
			& .sc-about-partner__image img {
				max-width: 450px;
				margin: 30px auto;
			}
		}
	}
	.sc-service-page {
		& figure.wp-block-image {
			text-align: center;
		}
		& .wp-block-group {
			padding: 40px 20px;
		}
		& .sc-service-benefits {
			& .wp-block-columns {
				& .wp-block-column {
					flex-basis: 60% !important;
					flex-grow: 0;
                    margin: auto;
				}
			}
		}
	}
	.sc-contact-page {
		& .sc-contact-content {
        	padding: 20px;
    	}
	}
	.sc-testimonials-page {
		& .sc-testimonials-grid-section {
			padding: 20px;
			& .sc-reviews-masonry {
				column-count: 2;
				column-gap: 30px;
			}
		}
	}
}
@media (width <= 450px) {
	.sc-about-page {
		& .HeroSection {
			& .wp-block-cover__inner-container {
				& p:first-of-type {
					padding-top: 90px;
				}
			}
		}
		& .sc-about-values,
		& .sc-about-intro {
			padding: 20px;
		}
		& .sc-about-values__grid {
            & .wp-block-column {
                flex-basis: 100% !important;
            }
        }
	}
	.sc-service-page {
		& .HeroSection {
			& .wp-block-cover__inner-container {
				& p:first-of-type {
					padding-top: 90px;
				}
			}
		}
		& .sc-hub-grid-section,
		& .wp-block-group {
			padding: 20px;
		}
		& .sc-service-benefits {
			& .wp-block-columns {
				& .wp-block-column {
					flex-basis: 100% !important;
					flex-grow: 0;
                    margin: auto;
				}
			}
		}
	}
	.sc-contact-page {
		& .sc-contact-content {
        	padding: 20px;
			& .sc-contact-columns {
				gap: 0;
				align-items: flex-start !important;
			}
    	}
	}
	.sc-testimonials-page {
		& .sc-testimonials-grid-section {
			padding: 20px;
			& .sc-reviews-masonry {
				column-count: 1;
				column-gap: 30px;
			}
		}
	}
}