/********************YOUR CUSTOM CSS FILE*************************/

/*—————————————————————————————————————————————————————————————————
GENERAL STYLING STARTS BELOW - - - - - - 
—————————————————————————————————————————————————————————————————*/
/*--------- General --------*/

.container.cta {
	background-color: #f4de19;
}
.container.cta h2 {
	color: #1a1a1a;
}
.container.cta p {
	color: #111111;
}
.container.cta a.button {
	background-color: #1a1a1a !important;
	color: #f4de19 !important;
}
.grey-bg {
	background-color: #f4f4f4;
}
.dark-bg {
	background-color: #111110;
}
.dark-bg h2, .dark-bg p {
	color: #FFFFFF;
}
footer h2 {
  text-align: center;
}
.no-format img {
  margin: 0px;
}
.container.testimonials div.three-column-block .column {
	background-color: #f4f4f4;
	border: 1px solid #D6D3CF;
	border-radius: 30px;
	padding: 25px 20px;
}
body{
	color:  #555555;
	background-color: #fff;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
/**** General Headings and p styles ****/
p, li {
	color:  #555555;
	font-family: "Barlow", Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 400;
	margin-bottom: 1em;
}
.pre-title-label {
	color: #a08000;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	margin-bottom: 1.25em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Barlow Condensed", Arial, sans-serif;
}
h1 {
	color: #1e3663;
	font-size: 63px;
  	font-weight: 700;
}
h2 {
	color: #1a1a1a;
	font-size: 40px;
}
h3 {
	color: #111111;
	font-weight: 500;
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 19px;
}
h6 {
	font-size: 18px;
}
.yellow {
	color: #f4de19;
}
.hero h1 {
	color: #FFFFFF;
}
.contact-form-block .column#form-box h3 {
	background-color: #005A37;
}
.blog-card .meta .categories a {
  background-color: #e06c1f !important;
}
 .contact-form-block .column#info-box h3 {
 background-color: #005A37;
} 
/****  Page banners Headings and p styles ****/
/*
h2 span {
    border-bottom: 2px solid #005A37;
    padding-bottom: 0px;
  	line-height: 1.6em;
}*/
p.page-description {

}
/****  Block Sub titles and descriptions styles  ****/
.hero-block p.sub-title {
	color: #FFFFFF;
	font-size: 36px;
	font-family: "Barlow Condensed", Arial, sans-serif;
	font-weight: 500;
}
.hero-block p {
	color: #FFFFFF;
}
p.sub-title span {
    padding-bottom: 10px;
    color: #005A37;
}
p.description {

}
.areas-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.area-tag {
  display: inline-block;
  padding: 12px 24px;
  background: #e8e6e1;
  color: #1a1a1a;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.hero-block p.pre-title-label {
background-color: #00000061;
  color: #f4de19;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.18px;
  border-radius: 50px;
  width: fit-content;
  padding: 5px 20px;
  display: block;
    margin: 0.5em auto 1em auto;

}
nav.sitenav #mega-menu-wrap-sitenav #mega-menu-sitenav > li.mega-menu-item > a.mega-menu-link {
	font-family: "Barlow Condensed", Arial, sans-serif;
	font-weight: 500;
}
/**** Links & buttons ****/
a, a:link, a:visited {
    cursor: pointer;
    color: #111111;
    border-bottom: 2px solid #f4de19;
  	text-decoration: none;
}
a:hover {
border-bottom: 2px solid #111111 !important;
}
.button-container {
  margin-top: 1em !important;
}
.beige-bg {
	background-color: #E5DCD0;
}
#wpforms-243 {
  max-width: 800px;
  margin: 0px auto;
  padding: 20px;
  background-color: #FFF;
}
.container#call-to-action-about-page {
	background-color: #E5DCD0;
}
.container.hero a.button, .container.hero button{
background: RGB(244, 222, 25);
  padding: 10px 30px 10px 30px;
  box-shadow: none;
  text-transform: uppercase;
  border-radius: 0px;
  color: #111;
  font-size: 22px;
}
	.header-nav {
		margin: 0px 12px 6px 12px;
  	display: flex;
  	align-items: center;
  	flex-direction: column;
  	justify-content: center;
  	width: 100%;
  	flex-direction: column-reverse;
	}
.header-nav a.button {
  font-size: 20px !important;
  min-width: 150px !important;
}
.header-nav .button-container {
  margin: 1em 0em !important;
}
.iti__selected-country {
  background: none !important;
  border-bottom: none !important;
  border-left: none !important;
	border-top: none !important;
  border-right: 1px solid #ccc !important;
  padding: 0 !important;
}
a.button, button, .wpforms-submit-container > button.wpforms-submit, button:not(.iti__selected-country) {
  background: #f4de19 !important;
  padding: 10px 20px !important;
  text-transform: uppercase !important;
  border-radius: 0px !important;
  color: #111 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  font-family: "Barlow Condensed", Arial, sans-serif !important;
}
.container.cta a.button.inverted {
  background: #343434 !important;
  color: #FFF !important;
}
a.button.inverted {
  background: #343434 !important;
  color: #FFF !important;
}
a.button:hover, button:hover, .wpforms-submit-container > button.wpforms-submit:hover {
	background-color: #111  !important;
	color: #f4de19 !important;
	border-bottom: none !important;
}
.container.hero a.button:hover, .container.hero button:hover {
	background-color: #111  !important;
	color: #f4de19 !important;
	border-bottom: none !important;
}
button.mega-toggle-animated.mega-toggle-animated-slider {
	background: transparent !important;
}
.container#read-testimonials a, .container#read-testimonials a:link, .container#read-testimonials a:visited {
    color: #1e3663;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid #f08220;
    padding-bottom: 0px;
}
.container#cta-link a, .container#cta-link a:link, .container#cta-link a:visited {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid #eb8020;
    padding-bottom: 0px;
}
#list-of-areas .buttons {
	justify-content: flex-start;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: #fff59e !important;
  box-sizing: border-box;
  color: #1a1a1a !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
	color: #1a1a1a !important;
}
/* standard page hero */
.page-hero{display:flex;flex-direction: column;height: auto;max-height: unset; background-color: #1a1a18;}
.page-hero .hero-text{padding: 40px 40px;display:flex;flex-direction:column;justify-content:center}
.page-hero .eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color: #f4de19;;margin-bottom:20px;font-weight:500}
.page-hero .hero-text h1{font-size:48px;line-height:1.1;color:#fff;margin-bottom:24px}
.page-hero .hero-text h1 em{color:color: #f4de19;;font-style:normal}
.page-hero .hero-text p{font-size:15px;line-height:1.8;color:#b0ada3;max-width:400px}
.page-hero .hero-img{position:relative;overflow:hidden;max-height: 300px;}
.page-hero .hero-img img{width:100%;height:100%;object-fit:cover;display:block; margin: 0px;}
/*------------ Header and Navigation --------------*/
header .wrapper {
	padding: 12px 0px 0px 0px;
}
.header-logo {
    width: 100%;
    max-width: none;
    text-align: center;
}
.header-logo .logo{
	width: 100%;
  height: 85px;
  	max-width: 250px;
margin: 12px auto;
}
.header-nav {
	margin: 0px 0px;
	width:  100%;
}
nav {
	width: 100%;
}
.top-bar {
  background-color: #111110;
  min-height: 50px;
  padding-bottom: 10px;
}
.top-bar > .wrapper > .column {
  margin: 0px;
  padding: 0px;
}
.top-bar span {
	color: #FFFFFF;
}
.top-bar-seperator {
   display: none;
}
.contact-info.flex-icon-text span {
  display: none;
}
.container.hero div.overlay {
	position: relative !important;
}
img.top-bar-icon {
  margin: 5px 10px 5px 0px;
  width: 20px;
  height: 20px;
}
a.top-bar-link, a.top-bar-link:link, a.top-bar-link:visited {
	color: #f4de19;
	font-weight: 600;
}
.location-info.flex-icon-text, .hours-info.flex-icon-text, .contact-info.flex-icon-text {
  padding: 10px 10px 0px 10px;
}
.caution-tape {
	background-image: url('/wp-content/uploads/2026/03/Mr-Sidewalk-Caution-Tape-border.svg');
  height: 10px;
  background-repeat: repeat-x;
  background-size: auto;
}

/*
li.mega-menu-item.mega-current_page_item a.mega-menu-link {
	border-bottom: 1.5px solid #005835 !important;
	letter-spacing: 0.2px;
}*/
/*-----------------Footer ----------------*/
footer div.footer-column p a img{
	width: 25px;
}
.footer-logo img.footer-logo{
	width: 200px;
}
footer {
    background-color: #FFFFFF;
}
footer .title {
    color: #005A37;
    text-align: left;
    font-size: 24px;
}
.footer-small-logo {
    display: flex;
    justify-content: center;

}
/*-----------------Homepage ----------------*/

/*------------------About Us ---------------------*/
div.divider{
	border-bottom: 2px solid #EB8020;
	margin-bottom: 1.6em;
}

.top-bar .wrapper {
	display: flex;
  	justify-content: space-between;
  	padding: 0px 12px;
  	flex-flow: row wrap;
}
.flex-icon-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
}



button.mega-toggle-animated.mega-toggle-animated-slider {
  border: 0px !important;
}
#what-we-offer-pt1 .three-column-block .column, #what-we-offer-pt2 .three-column-block .column{
  background-color: #FFF;
  padding: 25px 25px;
  box-shadow: 0px 4px 4px #cccccca8;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.container.cta-free-estimate .wrapper {
	padding: 0px;
	margin: 0px;
	max-width: unset;
}
.container.cta-free-estimate .two-column-block .column:first-of-type {
  background-color: #f4de19;
  margin: 0px;
  flex-basis: 100%;
  padding: 20px 20px;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) {
  background-color: #1a1a1a;
  margin: 0px;
  flex-basis: 100%;
    padding: 20px 20px;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) h3 {
	color: #f4de19;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) h2, .container.cta-free-estimate .two-column-block .column:nth-of-type(2n) p, .container.cta-free-estimate .two-column-block .column:nth-of-type(2n) label{
	color: #FFFFFF;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) label, .container.cta-free-estimate .two-column-block .column:nth-of-type(2n) .wpforms-field-label {
	color: #f4f4f4;;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "Source Sans 3", Arial, sans-serif;
  margin-bottom: 0.3em;
}
.container.cta-free-estimate p, .container.cta-free-estimate li {
	color: #1A1A1A;
}
a.styled-link {
	color: #111111;
	font-weight: 600;
	border-bottom: 2px solid #f4de19;
	text-decoration: none;
	font-family: "Barlow Condensed", Arial, sans-serif;
	font-size: 1.2em;
}
footer {
	background-color: #111110;
}

footer h2, footer p, footer span {
	color: #FFFFFF;
}
footer a:link, footer a:visited {
	color: #f4de19;
}
footer h2 a:link, footer h2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none !important;
}
img.margin-space {
	margin-bottom: 1em;
}
legend {
	margin-bottom: 0.75em !important;
}
 h1 { font-size: 36px; }
  .sub-title { font-size: 22px; }
  p, li { font-size: 0.95rem; }
a.button, button, .wpforms-submit-container > button.wpforms-submit, button:not(.iti__selected-country) { font-size: 16px !important; }
  h2 { font-size: 26px; }
  .pre-title-label { font-size: 12px; }
  h3 { font-size: 20px; }
  div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success] > .wpforms-confirmation-container-full p {
  margin: 0 0 15px 0;
  color: #1a1a1a !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  color: #1a1a1a !important;
  background: #fff !important;
  border: 1px solid #f4de19 !important;
}
.service-cards-container .three-column-block .column {
  padding: 60px 40px 20px 40px;
  border-right: 2px solid #000;
  margin: 0px;
  border-bottom: 2px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service-cards-container .three-column-block .column:nth-of-type(3n), .service-cards-container .three-column-block .column:nth-of-type(6n) {
  border-right: none;
}
.service-cards-container .three-column-block .column:nth-of-type(odd) {
  background-color: #f2f0eb;
}
.service-cards-container .three-column-block .column:nth-of-type(even) {
  background-color: #ffffff;
}
/*—————————————————————————————————————————————————————————————————
MEDIA QUERIES START BELOW - - - - - - (ONLY USE MIN-WIDTH QUERIES)
—————————————————————————————————————————————————————————————————*/
@media screen and (min-width: 420px) {

}
/*-———————-———————Mobile-landscape (and larger)-———————-——————*/
@media screen and (min-width: 480px) {
  h1 { font-size: 48px; }
  .sub-title { font-size: 28px; }
  p, li { font-size: 1rem; }
  button, .btn { font-size: 18px; }
  h2 { font-size: 32px; }
  .pre-title-label { font-size: 13px; }
  h3 { font-size: 24px; }
a.button, button, .wpforms-submit-container > button.wpforms-submit, button:not(.iti__selected-country) { font-size: 18px !important; }

}
/*-———————-———————Mobile-landscape (and larger)-———————-——————*/
@media screen and (min-width: 540px) {
	header .flex {
	    display: flex;
	    justify-content: center;
	   	align-items: flex-end;
	    flex-flow: row wrap;
	}
}
/*-———————-———————Tablet-portrait (and larger)-———————-——————*/
@media screen and (min-width: 768px) {
	.page-hero{
		flex-direction: row;
	}
	.page-hero{height: 100%;max-height: 300px;}
		.page-hero .hero-text, .page-hero .hero-img{
		width: 50%;
	}
	.hero-block p.pre-title-label {
letter-spacing: 1px;
}
		.container.cta-free-estimate .two-column-block .column:first-of-type {
  padding: 40px 40px;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) {
    padding: 40px 40px;
}
	header .wrapper {
		padding: 12px 12px;
	}
	.header-nav {
		width: auto;
		margin: 0px 12px 6px 12px;
  	display: flex;
  	align-items: flex-end;
  	flex-direction: row;
	}
	.two-column-block#list-50-50 {
		display: flex !important;
		justify-content: space-around !important;;
		flex-direction: row wrap !important;
	}
	.two-column-block#list-50-50 .column {
    	flex-basis: auto !important;
	}
	.top-bar-seperator {
   margin-left: 10px;
   margin-right: 10px;
   color: #FFFFFF;
   display: block;
}
.contact-info.flex-icon-text span {
  display: block;
}
footer h2 {
  text-align: left;
}
h1 { font-size: 63px; }
.sub-title { font-size: 36px; }
p, li { font-size: 1.1em; }
button, .btn { font-size: 22px; }
a.button, button, .wpforms-submit-container > button.wpforms-submit, button:not(.iti__selected-country) { font-size: 22px !important; }

h2 { font-size: 40px; }
.pre-title-label { font-size: 14px; }
h3 { font-size: 28px; }

#what-we-offer-pt1 .three-column-block .column, #what-we-offer-pt2 .three-column-block .column {
  padding: 40PX 25px;
}
}
/*-———————-———————Tablet-landscape (and larger)-———————-——————*/
@media screen and (min-width: 992px) {
		.container.cta-free-estimate .two-column-block .column:first-of-type {
  margin: 0px;
  flex-basis: 50%;
}
.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) {
  margin: 0px;
  flex-basis: 50%;
}
		.header-logo .logo {
  margin: 12px 0px;
}
	.header-logo {
	    width: 100%;
	    max-width: 250px;
	    text-align: left;
	    margin-bottom: 0px;
	}

	header .flex {
	    justify-content: space-between;
	    flex-flow: row;
	}
	header > .wrapper {
		height: 145px;
	}
}
@media screen and (min-width: 1104px) {
	
}
/*-———————-———————Laptops (and larger)-———————-——————————-————*/
@media screen and (min-width: 1200px) {
	#what-we-offer-pt1 .three-column-block .column h3, #what-we-offer-pt2 .three-column-block .column h3 {
  min-height: 76px;
}
}
@media screen and (min-width: 1512px) {
	.container.cta-free-estimate .two-column-block .column:first-of-type {
 	padding: 40px 60px 20px 140px;
 }
 	.container.cta-free-estimate .two-column-block .column:nth-of-type(2n) {
 	padding: 40px 140px 20px 60px;
 }
 	.page-hero .hero-text{padding: 40px 60px 20px 140px;
	}
}