/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/***** ADD CUSTOM CSS HERE. *****/

.header-wrapper .header-main {
	background: linear-gradient(127.76deg, #084F4D 36.64%, #288168 93.27%);

}

.home-banner h1, .subpage-banner h1 {
	color: #EFCA57;
	font-size: 40px;
}

.home-portfolio h3 {
	color: #EFCA57;
}

.home-banner h4, .subpage-banner h4 {
	text-transform: uppercase;
	color: #FFE699;
	letter-spacing: 2px;
	font-size: 20px;
	font-family: 'Goldman', sans-serif;
}

.home-services h4, .home-about h4, .home-portfolio h4, .contact-block h4, .aboutus-story h4, .aboutus-team .dark .nav>li>a {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	margin-bottom: 0;
	font-family: 'Goldman', sans-serif;
}

.home-portfolio h4 {
	color: #FFE699;
}

.green-gradient-bg .text-box-content {
background: linear-gradient(127.76deg, #084F4D 36.64%, #288168 93.27%);
}

.home-banner .green-gradient-bg {
	bottom: -30px;
}

.home-services h3, .home-ourservices h3, .home-about h3, .home-portfolio h3, .contact-block h3, .home-why h3, .aboutus-statement h3, .aboutus-values h3, .aboutus-team h3, .ourprocess-step h3, .ourprocess-why h3 {
	font-size: 40px;
}

.aboutus-story h3, .ourprocess-step h4, .home-social h3 {
	font-size: 30px;
}

.about-coresub h4 {
	color: #ffe699;
	font-family: 'Goldman', sans-serif;
	text-transform: uppercase;
}

.home-services .box-text {
	font-size: 20px;
}

a.button.secondary {
	color: #084F4D;
    letter-spacing: 3px;
    font-size: 12px;
    padding: 5px 30px;
    font-weight: 400;
}

a.button.primary {
	color: #FFF;
    letter-spacing: 3px;
    font-size: 12px;
    padding: 5px 30px;
    font-weight: 400;
}

.home-portfolio .box {
	    margin-top: -80px;
    margin-bottom: -110px;
}

.home-portfolio .box-text {
	padding: 0;
	background: none;
}

.footer-block a.button.white:hover {
	box-shadow: none;
    color: #EFCA57 !important;
    text-shadow: none;
    opacity: 1;
}

.home-why .tabbed-content .nav-vertical {
	width: 50%;
}

.home-why .nav-vertical+.tab-panels, .home-why .accordion-title {
	border: 0;
}

.home-why ul li a, .home-why .accordion-title {
	padding: 15px;
	text-transform: none;
	font-size: 20px;
	color: #084F4D;
	border: 0;
	padding-right: 70px;
	background: url(/wp-content/uploads/2025/08/Group-166.png) right 15px center no-repeat;
	background-size: 30px auto;
background-color: #FFE699;
	border: 0;
}

.home-why .nav-vertical>li+li, .home-why .accordion-item + .accordion-item {
    border-top: 1px solid #EFCA57;
}

.home-why ul li.active a, .home-why .accordion-title.active {
	background: url(/wp-content/uploads/2025/08/Group-166.png) right 15px center no-repeat;
	background-size: 30px auto;
	background-color: #EFCA57;
	border: 0 !important;
}

.home-why .accordion-item button.toggle {
	display: none;
}

.lgreen-text {
	color: #288168;
}

.yellow-text {
	color: #FFE699;
}

.ourprocess-step .flickity-page-dots {
	margin-top: 30px;
}

.ourprocess-step .flickity-slider > .row > .col {
	padding-top: 50px;
	overflow: visible;
}

.ourprocess-step .flickity-slider > .row > .col * {
	overflow: visible;
}

.ourprocess-step .flickity-slider img, .ourprocess-step .tabbed-content img {
padding: 20px;
    margin-top: -50px;
}

.ourprocess-step h4 {
	margin-bottom: 30px;
}

.ourprocess-step .stack:before, .ourprocess-step .tabbed-content .nav:before {
	    content: '';
    width: calc(100% - 130px);
    position: absolute;
    margin: 0 auto;
    border: 2px dashed #FFE699;
    left: 65px;
    right: auto;
    top: 50px;
}

.ourprocess-step .tabbed-content .nav li {
	width: calc(20% - 10px);
	text-align: center;
}

.ourprocess-step .tabbed-content .nav li a {
color: #084f4d;
	font-size: 16px;
}

.ourprocess-step .tabbed-content .panel.active {
	padding-top: 50px;
}

.ourprocess-step .tabbed-content .panel * {
	overflow: visible;
}

.ourprocess-step .tabbed-content .panel .box-image {
	padding-left: 15px;
}

.ourprocess-step .nav-center {
    justify-content: center;
    align-items: baseline;
}

.ourprocess-step .tabbed-content li.tab a span {
	width: 100%;
	text-align: center;
	display: block;
}

.ourprocess-step .tabbed-content li.tab a:before {
	content: '';
	width: 100px;
	max-width: 100%;
	height: 100px;
	display: block;
    margin: 0 auto 10px;
	clear: both;
	opacity: 1 !important;
}

.ourprocess-step .tabbed-content #tab-land-buying a:before {
	background: url(/wp-content/uploads/2025/07/Land-icon.png) center center no-repeat;
	background-size: contain;
}

.ourprocess-step .tabbed-content #tab-land-clearing a:before {
	background: url(/wp-content/uploads/2025/07/excavation-icon.png) center center no-repeat;
	background-size: contain;
}

.ourprocess-step .tabbed-content [id="tab-flattening-&-grading"] a:before {
	background: url(/wp-content/uploads/2025/07/flattening-icon.png) center center no-repeat;
	background-size: contain;
}

.ourprocess-step .tabbed-content [id="tab-groundwork-&-utilities"] a:before {
	background: url(/wp-content/uploads/2025/07/groundwork-icon.png) center center no-repeat;
	background-size: contain;
}

.ourprocess-step .tabbed-content #tab-land-sale a:before {
	background: url(/wp-content/uploads/2025/07/landsale-icon.png) center center no-repeat;
	background-size: contain;
}

.aboutus-team .dark .nav>li.active>a {
	color: #F8B53C;
}

.aboutus-team .nav-line-bottom>li.active>a:before, .aboutus-team .nav-line-bottom>li:hover>a:before {
	background-color: #FFE699;
}

.aboutus-team h4 {
	color: #084f4d;
}

.aboutus-team .nav-center {
    justify-content: space-evenly;
}

.aboutus-team h4 .person-name {
	text-transform: none;
}

.header-button {
	padding-right: 40px;
	background: url(/wp-content/uploads/2025/09/Group-196-1.png) right center no-repeat;
	background-size: 30px auto;
	font-weight: 400;
}

.header-button span {
	font-weight: 400;
	color: #FFE699;
	letter-spacing: 2px;
}

.contact-block p {
	color: #084f4d;
}

.contact-block.gradient-contact .section-bg-overlay {
	background: linear-gradient(360deg, rgba(255, 255, 255, 0) 30%, #FFFFFF 100%) !important;

}

.home-why .box-text {
	text-align: left;
}

.mobile-sidebar .html.header-button-1 {
	background: #084f4d;
}

.contact-details a {
	color: var(--primary-color);
}

/* Mobile-specific styles */
@media only screen and (max-width: 768px) {

.home-banner h1, .subpage-banner h1 {
	font-size: 30px;
}

.home-banner h4, .subpage-banner h4 {
	font-size: 18px;
}

.home-services h3, .home-ourservices h3, .home-about h3, .home-portfolio h3, .contact-block h3, .home-why h3, .aboutus-statement h3, .aboutus-values h3, .aboutus-team h3, .ourprocess-step h3, .ourprocess-why h3 {
	font-size: 30px;
}

.aboutus-story h3, .ourprocess-step h4, .home-social h3 {
	font-size: 24px;
}
	
	.home-why .tabbed-content .nav-vertical {
		width: 100%;
	}
	
	.home-portfolio .box {
		margin-top: 0;
	}
	
}
@media (max-width: 480px) {
}