/*!
Theme Name: Excavation
Theme URI: http://underscores.me/
Author: Sergiy Prygara
Author URI: https://prygara.com
Description: Underscores based theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: excavation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Excavation is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
	background-color: #ffffff;
	font-size: 62.5%;
	/* =10px */
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	scroll-behavior: smooth;
}

html :where(img[class*=wp-image-]), .custom-logo {
	display: block;
	height: auto;
	max-width: 100%;
}

body {
	margin: 0;
	font-size: 1.7rem;
	/* =17px */
	line-height: 1.7;
	color: #414040;
	overflow: auto;
}

h1 {
	font-size: 2.4rem;
	/* =24px */
}

h1.site-title {
	font-size: 4.5rem;
	/* =40px */
}

h2 {
	font-size: 2rem;
	/* =20px */
}

h2.site-description {
	font-size: 3rem;
	/* =30px */
}

h3 {
	font-size: 1.8rem;
	/* =18px */
}

h1, h2, h3, a {
	font-family: sans-serif;
	color: #414040;
}

div, p {
	font-family: sans-serif;
	color: #414040;
	text-size-adjust: none;
}

.site-header a, .site-footer a {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 9999;
	background-color: #ffffff;
	border-bottom: 2px solid #ffba3b;
}

.site-branding {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 68%;
}

.site-title {
	position: relative;
	font-size: 4.5rem;
}

.site-title a::before {
	content: "";
	position: absolute;
	top: -3.7px;
	width: 100%;
	height: 7px;
	background: #ffba3b;
	display: block !important;
	-webkit-transform: skew(-22deg);
	transform: skew(-22deg);
	text-decoration: none;
}

.site-title a:after {
	content: "";
	position: absolute;
	bottom: -3.7px;
	width: 100%;
	height: 7px;
	background: #ffba3b;
	display: block !important;
	-webkit-transform: skew(-22deg);
	transform: skew(-22deg);
	text-decoration: none;
}

.site-description {
	font-size: 3rem;
}

.site-header .menu,
.site-footer .menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50rem;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu li {
	position: relative;
	text-transform: uppercase;
}

/* .current-menu-item a:after {
	content: "";
	display: block !important;
	position: absolute;
	bottom: -3.7px;
	width: 100%;
	height: 4px;
	background: #ffba3b;
	-webkit-transform: skew(-22deg);
	transform: skew(-22deg);
	text-decoration: none;
} */


.page:not(:has(:target)) .current_page_item.menu-item-home:nth-of-type(1)
 a:after,
.page:has(#about:target) .menu-item-about a:after, 
.page:has(#services:target) .menu-item-services a:after,
.page:not(:has(:target)) .current_page_item:nth-of-type(4)
 a:after,
.page:not(:has(:target)) .current_page_item:nth-of-type(5)
 a:after {
    content: "";
    display: block !important;
    position: absolute;
    bottom: -3.7px;
    width: 100%;
    height: 4px;
    background: #ffba3b;
    -webkit-transform: skew(-22deg);
    transform: skew(-22deg);
    text-decoration: none;
}


.mobile-nav-toggle {
	display: none;
}

@media (max-width: 1820px) {
	.site-branding {
		width: 40%;
	}
	.site-description {
		display: none;
	}
}

@media (max-width: 1300px) {
	.custom-logo {
		display: none;
	}
	.site-branding {
		width: fit-content;
	}
}

@media (max-width: 850px) {
	.site-header .menu {
		position: fixed;
		width: auto;
		z-index: 1000;
		inset: 0 0 0 50%;
		background: rgba(128, 128, 128, 0.8);
		flex-direction: column;
		justify-content: space-around;
		gap: 2em;
		padding: 10rem 2rem;
		transform: translateX(100%);
		transition: transform 350ms ease-out;
	}
	.site-header .menu[data-visible="true"] {
		transform: translateX(0%);
	}
	.mobile-nav-toggle {
		display: block;
		width: 30px;
		height: 21px;
		padding: 0;
		margin: 0;
		border: none;
		border-top: 3px solid #ffba3b;
		border-bottom: 3px solid #ffba3b;
		position: absolute;
		top: 5.5rem;
		right: 2rem;
		background: transparent;
		z-index: 9999;
		text-decoration: none;
		color: #ffba3b;
		cursor: pointer;
		outline: 0;
	}
	.site-header .menu li a {
		font-size: 1.7rem;
		color: #fff;
	}
	.mobile-nav-toggle:before,
	.mobile-nav-toggle:after {
		content: "";
		display: block;
		width: 30px;
		height: 3px;
		position: absolute;
		top: 6px;
		left: 0;
		background: #ffba3b;
	}
	.mobile-nav-toggle,
	.mobile-nav-toggle:before,
	.mobile-nav-toggle:after {
		transition: all .3s ease;
		transform: rotate(0deg);
	}
	.open .mobile-nav-toggle {
		border-color: transparent;
	}
	.open .mobile-nav-toggle:before {
		transform: rotate(45deg);
		background: #fff;
	}
	.open .mobile-nav-toggle:after {
		transform: rotate(-45deg);
		background: #fff;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	/* added line */
	border: 0;
}

@media (max-width: 850px) {
	.site-header .menu {
		animation: close .01s;
	}
	@keyframes close {
		100% {
			transform: translateX(100%);
		}
	}
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

html,
body {
	height: 100%;
	padding: 0;
	margin: 0;
}

.site {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

/*start home*/
.home .figure-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: url(https://test.prygara.com/wp-content/uploads/2025/05/excavation-at-construction-site-Toronto-GTA-free-estimate-1920x1286-1.jpg) no-repeat 50% 0;
	background-size: cover;
	aspect-ratio: 2560 / 1441;
}

/*phone */
.home .phone {
	max-width: fit-content;
	margin: 0 auto;
}

.home .phone > a {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 1.5rem;
	text-decoration: none;
}

.phone a:before {
	display: none;
}

.home .phone svg {
	position: static;
	width: 50px;
	padding: 8px;
	border-radius: 50%;
	fill: #ffba3b;
	background: white;
}

.home .phone path {
	fill: #ffba3b;
}

.phone p {
	font: bold 2.75rem sans-serif;
	color: white;
}

.figure-text .phone p {
	margin: 1vh 0 1vh;
}

/*phone*/
.home .wp-block-heading {
	margin: 0;
	font-size: 5rem;
	text-align: center;
	color: #ffffff;
}

.figure-text p {
	font-size: 3rem;
	font-family: Gothic, CenturyGothic, AppleGothic, sans-serif;
	text-align: center;
	line-height: 1.6;
	color: #ffffff;
}

.headline {
	padding: 2.5rem;
	background: rgba(25, 26, 23, 0.3);
}

.headline > p {
	max-width: 1040px;
	margin: 1rem auto;
}

/*estimate button*/
a.quote:link,
a.quote:visited,
a.quote:focus {
	display: block;
	max-width: 820px;
	padding: 2rem 0;
	margin: 1rem auto 1rem;
	border: none;
	border-radius: 3.5px;
	color: #ffffff;
	background-color: #ffba3b;
	font: normal bold 1.2em Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	overflow-wrap: break-word;
	transition: all 0.5s ease-out;
	cursor: pointer;
}

a.quote:hover {
	background-color: #8b6722;
}

/*estimate button*/
.home #about {
  display: flex;
  max-width: 1080px;
  margin: 2.5rem auto;
  column-gap: 6.5rem;
 
}

.home #about > div {
 flex: 1; 
 padding: 1rem;
}

.home #about > div h1{
 border-bottom: 2px solid #ffba3b;
}


.home #about > div + div h1 {
  margin-left: 1.7rem;
  border-bottom: 2px solid #ffba3b;
}

.home section#about ul {
  line-height: 2.55;
  font-style: italic;
}


.home section ul{
  line-height: 1.85;
  
}

.home .area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:  linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(https://test.prygara.com/wp-content/uploads/2025/05/rwstone-excavation-services-Toronto-GTA-free-estimate-1920x1286-1.jpg) no-repeat 50% 0;
  background-size: cover;
  aspect-ratio: 2560 / 1441;
  border-top: 2px solid #ffba3b;
}


.home .entry-content hr {
  display: block;
  height: 2px;
  margin: 2.5rem 0;
  border: none;
  background-color: #ffba3b;
}

.home #services h1,
.home .area h2,
.home .area p {
  text-align: center;
  // outline: 2px dashed  rgb(128, 0, 128);
}


.home .inner-1 {
  display: flex;
  max-width: 1080px;
  justify-content: space-around;
  margin: 1.5rem auto;
  padding: 5px;
  // outline: 2px dashed blue;
}

.home .inner-1 > section + section h2 {
  margin-top: 2.5rem;
 
}

.home .inner-1 .wp-image-114{
  margin-top: 1.5rem;
}



.home .wp-image-map {
  max-width: 600px;
  width: 100%;
  // outline: 1px solid blue;

}

.area .text > * {
  color: #ffffff;
}

.home .city {
  display: flex;
  justify-content: space-evenly;
  // outline: 2px dashed  red;

}



.home .inner-2 {
  display: flex;
  justify-content: space-evenly;
  // outline: 2px dashed green;
 }



.home .inner-2 .text {
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 700px;
  width: 100%;
  // outline: 2px dashed purple;
} 

.home .text h2 {
  font-size: 4rem;

}

.home .text p {
  font-size: 2rem;
}

.home .city ul {
 font-size: 1.8rem;
}


@media (max-width: 1000px) {
  .home #about {
    flex-flow: column;
    margin: 2px;
  }

  .home #about h1 {
    text-align: center;
  }
   .home #about > div + div h1 {
    margin-left: 0;
  }

  .home #about > div {
    padding: 0;
}

  .home #about > div > p {
    padding: 0 5px;
 }
 
 .home section#about ul {
    max-width: fit-content;
    margin: auto;
}
	
  .headline > p {
    display: none;
}
 
}

@media (max-width: 750px) {
  .home .inner-1 {
    display: block;
  }

	
 .home .inner-1 img {
    margin: auto;
 }
	
  .home .inner-1 ul {
    width:185px;
    margin: 1rem auto;
    padding-left: 4.5rem;
  }

  .inner-1 section > h2 {
    text-align: center;
  }

  .area > p {
    margin: 1rem;
  }

}

@media (max-width: 500px) {
  
.home .inner-1 ul {
    width:185px;
    text-align:left;
    margin: 1rem auto;
}
    
  .area > p {
      font-size: 1.6rem;
    }

  .home .text > h2 {
    font-size: 2.5rem;
  }

  .home .city ul {
    font-size: 1.5rem;
    padding-left: 2.5rem;
  }


    
  .headline > p {
    display: none;
  }

  .home .wp-block-heading {
    font-size: 3.5rem ;
  }

  .home .city {
    justify-content: space-evenly;
    margin-bottom: 1.5rem;
    
  }
   .home .text p {
    font-size: 1.6rem;
  }

 }

@media (max-width: 1500px) {
.home .inner-2 {
  flex-flow: column;
  align-items: center;
  
}

.home .wp-image-map {
  display: none;
}

}
/*end home*/

/*start gallery*/
.gallery hr {
	display: block;
	height: 2px;
	margin: 1.5rem 0;
	border: none;
	background-color: #ffba3b;
}

.gallery .work {
	padding: 2.5rem 0;
}

.work .project {
	display: flex;
	justify-content: space-evenly;
	gap: 3.5rem;
	max-width: 1280px;
	margin: auto;
}

.work .project > img {
	flex: 1 1 content;
	min-width: 0;
}

@media screen and (max-width: 1000px) {
	.work .project {
		flex-flow: column;
		align-items: center;
		margin: 0.5rem;
	}
}

/*gallery*/
/*start contact page*/
.contact .inner-banner {
	margin-bottom: 4.5rem;
}

.contact main > section {
	display: flex;
	max-width: 1280px;
	margin: 3.5rem auto 1.5rem;
}

.contact main .inner-1 {
	flex: 1.55 0 0;
	text-align: left;
}

.contact main .inner-1 > p {
	margin-top: 0;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #ffba3b;
}

.contact main .inner-2 {
	flex: 1 0 0;
}

.contact .inner-2 h1 {
	margin: 0  0 2.5rem 1.5rem;
	text-align: center;
}

.contact .inner-2 hr {
	display: none;
}

.address p > span, .hours p > span {
	display: block;
}

.contact .city .wp-block-list {
	margin-top: 0;
}

.contact .inner-2 .city {
	display: flex;
	justify-content: space-evenly;
	max-width: 820px;
	margin: 0 auto;
}

.inner-2 .info {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	justify-content: start;
	column-gap: 1rem;
	width: 65%;
	padding-left: 3.5rem;
	margin: 0 auto;
}

.inner-2 svg {
	position: static;
	height: 40px;
	width: 40px;
	padding: 8px;
	border-radius: 50%;
	fill: white;
	background-color: #ffba3b;
}

@media screen and (max-width: 1450px) {
	.contact main > section {
		display: block;
		max-width: none;
	}
	.contact main .inner-1 {
		max-width: 820px;
		margin: auto;
		padding: 0 5px;
	}
	.contact .inner-2 hr {
		display: block;
		height: 2px;
		border: none;
		background-color: #ffba3b;
	}
	.contact .wrap {
		display: flex;
		flex-direction: column;
	}
	.contact .wrap .info {
		max-width: 255px;
	}
	.contact .inner-2, .city .wp-block-list {
		text-align: left;
	}
	.inner-2 .info {
		padding-left: 0.5rem;
	}
	.contact .inner-2 h1 {
		margin: 1rem;
	}
	.contact .inner-2 .city {
		padding-top: 1rem;
	}
	.inner-2 .info.tel a {
		display: flex;
		align-items: center;
		column-gap: 1rem;
	}
}

@media screen and (min-width: 1451px) {
	.contact .inner-2 {
		display: flex;
		flex-direction: column;
	}
	.contact .area {
		margin-top: auto;
		padding-bottom: 2.5rem;
	}
	.inner-2 .info.tel a {
		display: flex;
		align-items: center;
		column-gap: 1rem;
	}
}

@media screen and (max-width: 500px) {
	.inner-2 .info {
		width: 70%;
		font-family: serif;
	}
}

/*end contact page*/
/*start contact form*/
.wpcf7-form-control-wrap {
	display: block;
	padding-bottom: 1rem;
}

.wpcf7-form p:nth-child(3),
.wpcf7-form p:nth-child(4),
.wpcf7-form p:nth-child(5) {
	margin: 1.5rem 1.5px;
}

.wpcf7-form p:nth-child(6) {
	margin: 0.5rem 0;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
	height: 4rem;
	padding: 5px 0;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	width: 100%;
	padding: 2.5px 5px;
	border: none !important;
	border-radius: 3px !important;
	outline: 1px solid #414040 !important;
	font-size: 1em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: black;
}

.wpcf7-textarea {
	width: 100%;
	resize: none;
}

.wpcf7-form-control[type="submit"] {
	width: 100%;
	padding: 20px 40px;
	margin-bottom: 0.5rem;
	border: 0;
	border-radius: 3px !important;
	background-color: #ffba3b;
	font-size: 2rem;
	font-weight: 700;
	color: white;
	text-align: center;
	text-transform: uppercase;
	transition: background-color 1s;
}

.wpcf7-form-control[type="submit"]:hover {
	border: 0;
	background-color: #8b6722;
	cursor: pointer;
}

.wpcf7-spinner {
	display: block;
	margin: 0 auto;
}

div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
	max-width: 960px;
	margin: 0;
	text-align: center;
	border-color: green;
}

/*end contact form*/
.site-footer {
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
	border-top: 2px solid #ffba3b;
}

#footer {
	width: 100%;
	max-width: 50rem;
}

@media screen and (max-width: 850px) {
	.site-footer {
		flex-direction: column;
		align-items: center;
		padding-top: 5px;
	}
	#footer {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 375px) {
	#footer {
		font-size: 1.2rem;
	}
}

/*social icons*/
.wp-block-social-links .wp-social-link-facebook,
.wp-block-social-links .wp-social-link-instagram,
.wp-block-social-links .wp-social-link-youtube {
	background-color: gray;
}

/*social icons*/

/*# sourceMappingURL=style.css.map */