/*
 Theme Name:   Terraburst Custom
 Description:  A custom theme for Terraburst in Calgary
 Author:       Megawatts Creative Ltd.
 Author URI:   https://megawatts.ca
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  terraburst-custom
*/
html {
	background-color: #fff;	
	font-family: 'Montserrat', Arial, sans-serif;
}
body {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
}
a {
	color: #000;
	box-shadow: none;
	text-decoration: none;
}
footer a {
	color: #fff;	
}
header#masthead {
	display: block;
	clear: both;
	float: left;
	margin: 0 auto;
	width: 100%;
	padding: 20px 0;
	position: relative;
	background-color: #fff;
}

.sitewidth, 
footer .wrap {
	width: 94%;
	margin: 0 auto;
	float: none;
	display: block;
	position: relative;
	max-width: 1250px;
}

.row {
	display: block;
	clear: both;
	margin: 0;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}
#indem-experience .leftside h2{
		
}
#indem-experience .leftside ul.experience li{
		padding:20px 0;
}
#indem-experience .leftside ul.experience{
		display:block;
		width:100%;
		grid-template-columns:100%;
}

.row.experience#indem-experience{
		background-image:none;
}
#indem-experience .rightside.indem a{
		color:black;
		text-align:center;
}
#indem-experience.row.content {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	padding-bottom: 50px;
}
div.green-slashes {
    height: 28px;
    width: calc(15 * 10px);
    display: block;
    position: relative;
    margin-top: -14px;
    background-image: url(/wd/wp-content/uploads/2021/07/terraburst-green-slash-mark_bg.png);
    background-repeat: repeat-x;
    background-position: left center;
}

#city-indem a{
		color:black;
}
span.city-indem img{
		height:200px;
		width:auto;
		background-size:cover;
		background-position:center center;
		
}
#city-indem .leftside p.text{
		padding:20px 40px;
}
#indem-experience .rightside{
	width:50%;
	float:right;
	clear: right;
}
#indem-experience span.text {
		font-size:18px;
		font-weight:400;
		color:black;
}
ul.icons-foot li {
	display: inline-block;
	
}
ul.icons-foot li a {
    display: block;
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 14px;
    background-color: #8acf00;
    text-align: center;
}
.call-btn.book a{
		color:#8acf00;
		font-weight:bold;
}
.call-btn.book{
		color:#8acf00;
		background-color:black;
		border:5px solid #000;
}
.call-btn{
		color:black;
		background-color:white;
		border:5px solid black;
		padding:20px 30px;
		display:inline-block;
		width:auto;
		min-width:300px;
		font-size:22px;
		margin-top:40px;
		max-width:330px;
    padding: 15px 40px;
    margin-top: 30px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: 25px;
    
}
.row.service ul.vac-service img,.row.service ul.safety img{
		height:120px;
}
.row.service ul.safety{
		grid-template-columns:20% 20% 20% 20% 20%;
		grid-column-gap:0;
}
.row.service .call-btn{
		text-align:center;
		margin:0 auto;
}
ul.safety{
		display:grid;
		grid-template-columns:22% 22% 22% 22%;
		grid-column-gap:4%;
		
}
ul.vac-service img{
		height:140px;
		width:auto;
}
.row.full-width.truck .call-btn.book a{
		color:#8acf00;
}
.row .call-btn.book{
		
		
		
}
.row.full-width.truck p{
		color:white;
		padding:0 80px;
}
.row.service img{
		height:400px;
		width:auto;
}
.row.full-width.truck{
		background-color:black;
		background-position:center center;
		
}
.single-vac_services .text p{
		padding:0 50px;
}
.postid-39 .row .rightside{
	width:50%;
		background-position:center center;
		background-size:cover;
		display:block;
		height:400px;
		
		position:absolute;
		right:0px;
		top:350px;
	

}
.postid-40 .leftside{
		width:50%;
		background-position:center center;
		background-size:cover;
		display:block;
		height:400px;
		
		position:absolute;
		left:0px;
		top:50px;
		
}
h2#truck{
		color:#8acf00;
}
#slideshow .shadow{
		display:block;
		opacity:0.8;
}
.row.full-width.truck {
	padding: 0;
	background-image:url(/wd/wp-content/uploads/2021/07/terraburst-truck-bw.jpg);
	background-position:center center;
	background-size:cover;
	height: auto;
	overflow: hidden;
}
.row.full-width.truck .shadow {
		
		width:100%;
		height: auto;
		padding: 50px 0;
		display: block;
		background-color: rgba(0,0,0,0.8);
		position:relative;
}
.row.full-width.difference{
		margin-bottom:40px;
}
.row.full-width.difference .leftside h2{
		color:#8acf00;
		margin-top:60px;
		font-size:40px;
}
.row.burst .rightside{
		width:60%;
		float:right;
		clear:right;
}
.row.burst .call-btn{
		margin-bottom:40px;
}
.row.burst .leftside{
		width:40%;
		clear:left;
		float:left;
}
.row.full-width .call-btn{
		
}
.row.burst .leftside img{
		display:block;
		height:auto;
		width:400px;
}
.row.burst .rightside{
		margin-right:0px;
}
.row.burst h2{
		margin-top:80px;
}
.row.burst h2,.row.burst p{
		color:white;
		
}
.row.burst{
		background-color:black;
		margin:20px 0;
}
.row.full-width.difference .leftside p{
		padding:0 40px;
}
.row.full-width.difference .rightside img{
		height:250px;
		width:auto;
		display:inline-block;
		margin-top:160px;
}
.row.full-width.hydro .leftside img{
		margin-top:40px;
}
.row.full-width.hydro p{
		margin:0 auto;
		display:block;
		max-width:80%;
		
}
.row.service #bursting-content h2{
		margin-top:50px !important;
}
.row.content.service p{
		font-size:18px;
}
.row.content p{
		font-size:16px;
		line-height:140%;
}
.row.full-width.hydro p{
		color:white;
}
.row.full-width.hydro{
		background-color: #5a595d;
		padding:50px 0;
}
.row.full-width.hydro .leftside img{
		background-size:cover;
		background-repeat:no-repeat;
		height:300px;
		width:50%;
}
.row.full-width.hydro .leftside{
		
		display:block;
		
}
ul.vac-service li h4{
		border-bottom:2px solid #777 !important;
		max-width:180px;
		margin:0 auto;
		padding-bottom: 6px;
}
ul.vac-service{
		display:grid;
		grid-template-columns:30% 30% 30%;
		grid-column-gap:5%;
}
body div.row.service .call-btn,
body div.row.hydro .call-btn {
	
}
li#menu-item-28{
		background-color:black;
		height:60px;
}
body footer ul.icons-foot > li > a > img {
	vertical-align: middle;
    margin-top: 0;
    height: 16px;
    width: auto;
    opacity: 0.5;
}
body.home #slideshow .slide {
	background-attachment: scroll;
}

ul.safety li img{
		display:block;
		width:140px;
		height:auto;
		margin:0 auto;
}
.row.impact .call-btn{
		
}
body.home #primary .entry-content{
		padding-bottom:0;
}
.page-id-67 .row.service .call-btn{
		margin:40px 0 0 0;
}
body.home .row.service .call-btn{
		margin:40px 0 20px 0;
}
.row.service .call-btn{
		margin:40px 0 0 0;
}
span#green{
		color:#8acf00;
}
.page-id-13 .span.banner h2{
		
}
.row.full-width.burst.content.impact .rightside h2{
				font-size:40px;
		}
.page-id-13 .row.impact h2{
		padding:0 0 20px 0;
}
p.small{
		font-size:10px !important;
		font-style:italic;
		font-weight:lighter;
		margin-top:50px !important;
}
span.banner{
		width:100%;
		background-color:black !important;
		display:block;
}
div#loading{
		display:block;
		position:fixed;
		width:80%;
		max-width:280px;
		padding:50px;
		color:#8acf00;
		background-color:white;
		border:5px solid #8acf00;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		z-index:99999;
		font-size:22px;
		font-weight:bold;
		margin-top:50px;
}
.row.full-width.burst.content .leftside img{
		background-size:80%;
}
span.banner h2{
		color:white;
		padding:20px 0;
		margin-block-end:0;
		font-size:40px;
		
}

ul.vac-service{
		max-width:80%;
		margin-left:7%;
}
.row.hydro .leftside{
		width:40%;
}
.row.hydro .rightside{
		width:60%;
}
ul.care{
		display: inline-block;
		text-align: center;
		
		max-width:90%;
}
ul.care li {
	display: inline-block;
	width: auto;
	height: 60px;
	
	margin-right: 20px;
	position: relative;
}
.row.impact p{
		padding:10px 50px ;
		
}
.row.care .call-btn{
		margin-bottom:0px;
}
body div.row.burst .terra-btn {
	color: #000;
	background-color: #fff;
}
body div.row.burst,
body div.row.maximum {
	padding-bottom: 40px;
}
.row.full-width.impact .shadow img{
		background-size:cover;
		background-position:center bottom;
}
.row.full-width.impact .shadow{
		height: 600px;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,0.8);
		width:100%;
		position:absolute;
}
.row.full-width.impact .banner {
	
	width: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	display: block;
}
.row.full-width.impact .banner h2 {
	margin-top: 0;
}


ul.care{
		margin:50px 0;
}
.row.full-width.truck p{
		padding:0 120px;
}
body.home .row.full-width.truck .call-btn{
		margin-bottom:20px;
}
.row.full-width.truck .call-btn{
		margin-bottom:50px;
}
ul.care li img{
		height:60px;
		width:auto;
		padding:0 10px;
}
footer > .wrap {
	height: auto;
	overflow: hidden;
	display: block;
}
body ul.icons-foot > li > a {
    height: 34px;
    width: 34px;
    border-radius: 17px;
    line-height: 34px;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.contact-terraburst {
	float:right;
	width:30%;
	display:inline-block;
}
.contact-terraburst h2 {
	color:red;
	padding:0;
	margin:0;
	padding-top:20px;
}
.page-id-1928 .row.expertise .sitewidth>h2{
		padding:0;
}
.contact-terraburst h3{
	font-size:24px;
}
.contact-terraburst p {
	font-size:14px;
	color:#777;
	padding:0;
	margin:0;
}
.contact-terraburst i{
	display:block;
	padding:0 230px 0 0;
	margin-top:0;
	
}
body.scrolled #wpadminbar {
	display: none !important;
	visibility: hidden !important;
}
.row.choose .sitewidth {
	text-align: center;
}
.contact-terraburst .leftside img {
	opacity: 0.5;
}
ul.reviews li.review p a {
    font-weight: bold;
    color: #8acf00;
}
div.stars {
	text-align: center;
}
div.stars img {
	display: inline-block;
	clear: none;
	float: none;
	margin: 0 3px;
}
ul.icons-foot {
	padding-left: 0;
}
main div.childpages {
	padding: 30px 0;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
}
#primary main div.childpages .service {
	display: inline-block;
	width: 100%;
	clear: both;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	background-image: none !important;
}
#primary main div.childpages .service h3 {
	color: #8acf00;
	font-size: 32px;
	margin: 10px 0;
	text-align: center;
}
#primary main div.childpages .service .post-content {
	padding: 0 20px 10px 20px;
}
#primary main div.childpages > .sitewidth {
	text-align: center;
}
#primary main div.childpages .service a.book.call-btn {
	margin-bottom: 30px;
	margin-top: 10px;
}

@media All and (min-width: 900px) {
	li#menu-item-979 ul.sub-menu {
		width: 440px;
		columns: 2;	
	}
	#primary main div.childpages  {
		padding-top: 50px;	
	}
	#primary main div.childpages .service {
		max-width: 45%;
		margin: 0 2% 40px 2%;
		background-color: #fff;
		display: inline-block;
		clear: none;
		float: none;
		box-shadow: 0 0 4px rgba(0,0,0,0.5);	
	}
	#primary main div.childpages .service a.thumbnail,
	#primary main div.childpages .service a.thumbnail img {
		display: block;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		height: auto;	
	}
	#primary main div.childpages .service a.thumbnail{
		max-height: 300px;
		overflow: hidden;	
	}
	li.menu-item ul.sub-menu {
		border: 1px solid #aaa;	
	}
	body .slides li.slide .focus {
		background-color: rgba(0,0,0,0.5);	
	}
	body #great-price.row.content {
		padding-top: 0;
		padding-bottom: 0;
	}
	body #great-price.row.content h2,
	#min-time h2 {
		padding-top: 20px;	
	}
	.row.reviews .sitewidth h2 {
		margin-bottom: 0;	
	}
	body footer#colophon #menu-footer > li.menu-item {
		border: 0;
		padding-right: 0;
		display: block;
		width: 100%;	
	}
	#menu-footer li#menu-item-1359 {
		padding-left: 40px;	
	}
	body .contact-terraburst h2 {
		margin-bottom: 0;	
		
	}
	body footer div.site-info {
		margin-top: 0;	
	}
	.row.reviews ul.reviews {
    display: grid;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 0;
    grid-template-columns: auto auto auto;
    grid-column-gap: 50px;
}
	#indem-experience .rightside img {
		padding: 50px;	
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		position:relative;
		box-sizing: border-box;
	}
	body .mobile {
		display: none !important;
		visibility: hidden !important;	
	}
	body #terranav {
		height: 60px;	
	}
}
@media (max-width:650px){

		#indem-experience .rightside{
				height:80px;
				width:auto;
				float:none;
				margin-top:40px;
				
		}
		body .desktop,
		#wpadminbar,
		body #terraburst-services.row.content .sitewidth .text ul li > p,
		body #terraburst-services.row.content .sitewidth .text ul li br {
			display: none !important;
			visibility: hidden !important;		
		}
		body #terraburst-services.row.content .sitewidth .text ul li h4 {
			padding: 10px 0;		
			display: block;
			height: auto;
			overflow: hidden;
			position: relative;
			margin: 0 auto;
		}
		html body.logged-in span.menu-toggle,
		html body span.menu-toggle {
			top: 20px;		
		}
		html.js,
		html {
			margin-top: 0 !important;		
		}
		body header .logo a img {
			width: 90%;
			height: auto;
			margin: 0 auto;
			float: none;
			max-width: 250px;
			display: block;
			position: relative;
		}
		.home .site-content #slideshow .slide{
				background-position:center right;
				
		}
		body #terranav ul.menu > li.menu-item > a{
				font-size:30px;
		}
		body .row.experience {
			padding: 50px 0 30px 0;
		}
		header .contact-terraburst h3 > span {
			font-weight: normal;
			font-size: 14px;
			display: block;
			clear: both;
		}
		.row.full-width.truck p,.row.full-width.hydro p{
				padding:10px 20px;
		}
		.leftside,.rightside{
				display:block !important;
				width:100% !important;
				float:none;
				clear:none;
		}
		ul.care li img{
				height:60px;
		}
		li#cons img{
				margin:0 auto;
				display:block;
				max-width:200px;
		}
		.row.burst h2{
				margin-top:0;
		}
		.row.burst .leftside img{
				position:relative;
				width:300px;
				top:0;
				bottom:0;
				margin:40px 0;
		}
		ul.care li.small{
				max-width:140px;
		}
		li#nudge img{
				padding-right:8px;
		}
		.row.burst .leftside,.row.burst .rightside{
				float:none !important;
				clear:none !important;
				margin-right:0 !important;
				width:100% !important;
		}
		.row.burst.rightside{
				margin-right:0;
		}
		ul.care{
				display:block;
				margin:0 auto;
				max-width:100%;
		}
		body .row h2{
				font-size:32px;
		}
		.page-id-74 body .row .call-btn{
				margin-right:26px;
		}
		.row.full-width.burst.content.impact .rightside h2{
				font-size:32px;
		}
		.contact-terraburst span#green{
				font-size:20px;
				font-weight:bold;
		}
		.page-id-57 p{
				padding:0 20px;
		}
		body.home #slideshow h1{
				margin-top:50px;
		}
		body.home #slideshow h1,body.home #slideshow h2{
				
		}
		header#masthead h3.desktop{
				display:block;
				visibility:visible;
		}
		body.home #slideshow .shadow{
				height:100%;
				position: absolute;
    background-color: rgba(255,255,255,0.8);
    display: block;
    width: 100%;
		}
		.rightside #contactform{
				width:100%;
				max-width:550px;
				padding:20px;
				margin:0 auto;
		}
		.page-id-17 .leftside h2{
				font-size:32px;
				margin:0;
				padding:0 !important;
		}
		.full-width.care.content ul.care{
				display:block;
				width:100%;
		}
		.rightside #contactform .gform_footer input[type="submit"]{
				padding:10px 20px;
				margin:0 auto;
		}
		.page-id-17 input#gform_submit_button_1{
				max-width:200px;
		}
		footer .contact-terraburst .rightside h2,footer .contact-terraburst .rightside h3,footer .contact-terraburst .rightside ul{
				text-align:center;
		}
		li.slide .call-btn.book{
				margin-bottom:40px;
		}
		body.home li.slide .call-btn{
				min-width:330px;
		}
		h2.hydro{
				color:white;
		}
		div.logo a{
				margin:0 !important;
		}
		.row.full-width.truck .call-btn{
				margin-bottom:0;
		}
		.row.full-width.truck .call-btn.book{
				margin-bottom:20px;
		}
		#slideshow .shadow{
				opacity:0.5;
		}
		li.slide h1,li.slide h2{
				padding:0 10px;
		}
		.content.hydro .sitewidth{
				padding-left:0;
				padding-right:0;
		}
		.care.content .call-btn{
				margin-bottom:0 !important;
		}
		.care.content .call-btn.book{
				margin-bottom:40px !important;
		}
		body.page-id-74 .row div.terra-dots{
				display:none;
				visibility:hidden;
		}
		ul.vac-service li{
				margin:0 auto;
				display:block;
				
		}
		body.page-id-74 .row.full-width.truck .banner,body.home .row.full-width.impact .banner{
				position:relative !important;
		}
		body.home .row.full-width.burst.content .leftside{
				padding-top:30px !important;
		}
		footer{
				padding-top:0 !important;
		}
		body.home .contact-terraburst .rightside{
				text-align: center;
		}
		.page-id-57 .sitewidth{
				padding-left:0 !important;
				padding-right:0 !important;
		}
		.row.content .sitewidth > h2, .row.expertise .sitewidth > h2, .row .sitewidth > h2,.row.full-width.difference .leftside h2,.page-id-57 h2{
				font-size:32px !important;
		}
		body.home .row.impact.content{
				padding-top:0;
		}
		body.home .row.impact p{
				padding:5px;
		}
		ul.care li{
				display:block;
		}
		body.page-id-74 .row.full-width.truck .shadow,.row.full-width.impact .shadow{
				height:100%;
		}
		.row.full-width.truck .shadow{
				padding:0;
				
		}
		.row.full-width.truck p, .row.full-width.hydro p,.row.full-width.difference .leftside p{
				padding:10px 20px !important;
		}
		.row.full-width.hydro p{
				max-width:100%;
		}
		body.home .text h2{
				padding:20px 0;
		}
		div.green-slashes{
				margin-top:20px;
		}
		.row.full-width.difference .rightside img{
				margin-top:20px;
		}
		body.home ul.vac-service{
				margin-left:0;
		}
		ul.safety,ul.care,ul.vac-service{
				grid-template-columns:auto;
				margin:0 auto;
				width:100%;
				max-width:100%;
				padding-inline-start:0;
		}
		.text .terra-btn{
				margin-top:0;
		}
		body #slideshow .slide .focus {
			padding-left: 10px;
			padding-right: 10px;		
		}
		.textarea.medium,.ginput_container.ginput_container_phone,.ginput_container.ginput_container_email,.ginput_container.ginput_container_text{
				font-size:18px;
		}
		.page-id-72  #contactform .gform_footer input[type="submit"]{
				padding:5px 10px;
		}
		#city-indem a {
				margin-top:0;
		}
		html body.logged-in.scrolled #terranav,
		html body #terranav {
			top: 0;		
		}
		#terraburst-services .sitewidth {
			padding-left: 0;
			padding-right: 0;		
		}
		.page-id-72 #contactform{
				padding:0 !important;
				width:100%;
		}
		body #terraburst-services.row.content .sitewidth .text ul {
			display: block;
			margin: 0 auto 30px auto;
			max-width: 400px;		
		}
		body #terraburst-services.row.content .sitewidth .text ul li {
			width: 100%;
			display: block;
			border-bottom: 3px dashed rgba(255,255,255,0.5);
		}
		body #terraburst-services.row.content .sitewidth .text ul li:last-child {
			border-bottom: 0;		
		}
		#indem-experience .rightside.indem{
				float:none;
				clear:none;
				margin-left:0;
				margin-top: 10px;
		}
		#indem-experience .leftside{
				width:100%;
		}
		span.city-indem img{
				width:auto;
				height:80px;
		}
		#city-indem .leftside p.text{
		padding:20px;
}
		span.city-indem{
				display:block;
				height:auto;
				width:100%;
				margin:0 auto;
		}
		body #indem-experience.row.content,
		body.page .row.experience {
			padding-top: 20px;		
		}
		body #indem-experience.row.content .sitewidth,
		body #home-expertise .sitewidth,
		body #min-time .sitewidth,
		body .row.experience .sitewidth,
		body #great-price .sitewidth,
		body #minimal-img .sitewidth,
		body .reviews.row .sitewidth,
		body.page .row.content > .sitewidth,
		body.page .row.hero > .sitewidth {
				
		}
		body ul.reviews > li.review .text {
			padding-left: 30px;
			padding-right: 30px;		
		}
		body ul.reviews > li.review a.bx-prev {
			left: -10px;
		}
		body ul.reviews > li.review a.bx-next {
			right: -10px;		
		}
		body #great-price.row.content {
			padding-bottom: 0;		
		}
		body #lawn-environment .text {
			padding-left: 10px;
			padding-right: 10px;		
		}
		body #main .row.experience ul.experience > li span.text {
			line-height: 90%;
		}
		body #indem-experience.row.content .rightside img {
			display: block;
			width: 100%;
			height: auto;
			margin: 20px auto;
			padding: 0;
			position: relative;
			float: none;
			max-width: 300px;		
		}

}

@media All and (max-width: 900px) {

	body.page-template-default #page .site-content-contain {
		display: block;
		float: left;
		clear: both;
		position: relative;
		width: 100%;	
	}
	body .row .call-btn {
		padding-left: 0;
		padding-right: 0;
		position: relative;
		width: auto;
		box-sizing: border-box;
		display: inline-block;
		max-width: 100%;	
	}
	body .row.service ul.safety {
		display: inline-block;
		width: 100%;
		margin: 30px auto;
		padding: 0;	
	}
	body .row.service ul.safety > li {
		display: inline-block;
		width: auto;
		max-width: 180px;
		float: none;
		margin: 0 10px 20px 10px;	
	}

}

@media All and (min-width: 650px) and (max-width: 900px) {
	
	html.js {
		margin-top: 0 !important;	
	}
	body #terranav .menu {
		display: block;
		text-align: center;
			
	}
	html body.logged-in.scrolled #terranav{
		top: 0;	
	}
	footer#colophon div.menu {
		display: none;
		visibility: hidden;	
	}
	body #terranav .menu > li {
		width: 100%;	
		padding: 0;
		margin: 0;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	body #terranav .menu > li > a {
		font-size: 16px;
		padding: 0;
		height: 50px;
		line-height: 50px;	
	}
	body .row.hero > .sitewidth h2 {
		padding: 100px 0;	
	}
	body .row.hero,
	body .row.hero > .sitewidth {
		height: auto;
		overflow: hidden;	
	}
	body #primary #main .entry-content .row.content > .sitewidth > h2 {
		padding-top: 0;
		padding-bottom: 10px;	
	}
	body #primary #main .entry-content .row.content > .sitewidth a.terra-btn {
		margin-top: 10px;	
	}
	body #primary main .row.content .txt.leftside p, 
	body #primary main .row.content .txt.rightside p {
		padding-left: 0;
		padding-right: 0;
		text-align: left;	
	}
	#residential-reviews h2 {
		margin-bottom: 0;	
	}
	body .row.experience {
		background-image: none;
		padding-top: 0;	
	}
	body footer#colophon .contact-terraburst{
		display: block;
		margin: 0 auto 10px auto;
		position: relative;
		padding: 0;	
		float: none;
	}
	body footer#colophon .contact-terraburst .rightside {
		float: none;
		margin: 0 auto;
		text-align: center;	
	}
	body .row.experience .leftside {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		float: none;
		clear: both;	
	}
	


} 
#slideshow .slide h1 {
	font-weight: bold;
}
body.page-template-default header.entry-header {
	background-size: 100% auto;
	background-repeat: no-repeat;
	height: auto;
	padding: 150px 0;
	background-position: center center;
}
body.page-template-default header.entry-header h1 {
	margin: 0;
	padding: 50px 0;
	color: #fff;
	font-size: 40px;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
}body.page-template-default .entry-content h2 {
	padding: 30px 0;
	
}
body.page-id-13 .entry-content .row.service h2{
		padding:0 0 30px 0;
}
body.page-id-74 .row div.terra-dots{
		top: 290px;
    height: 300px;
    width: 265px;
}
body.page-id-74 .row.full-width.truck .shadow {
	position: absolute;
	    min-height: 400px;
}
.page-id-17 .leftside p{
		font-size:24px;
		font-weight:bold;
		line-height:150%;
}
body.home .row.full-width.impact .banner{
		position:absolute;
}
.page-id-17 .leftside h2{
		font-size:40px;
}
.gform_body label.gfield_label{
		color:#8acf00;
		display:block;
		font-size:22px;
}
.page-id-13 .row.impact p{
		padding:40px 0 0 0;
}
body.page-id-13 .row.full-width .banner {
	padding: 20px 0 0 0;
	margin-top: 50px;
}
body.page-template-default .entry-content {
	padding-bottom: 60px;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
body.page-template-default .entry-content h2 .banner {
	margin-top: 0;
}

.row .sitewidth > ul {
	padding-left: 0;
}
.row .sitewidth > ul > li {
	font-size: 18px;
	line-height: 140%;
}
@media All and (min-width: 900px) {

	#terranav ul.menu {
		display: block;
		text-align: center;	
	}
	body.page-template-default header h1 {
		margin-top: 40px;	
	}
	body.logged-in.scrolled #terranav,
	body #page #terranav {
		top: 0;	
	}
	.site-content-contain {
		display: block;
		height: auto;
		overflow: hidden;
		width: 100%;
		clear: both;
		float: left;	
	}
	body footer#colophon #menu-footer > li.menu-item-has-children {
		display: inline-block;
		float: left;
		clear: none;
		width: auto;
		max-width: 30%;
		border-right: 1px solid #fff;
		padding-right: 20px;
		margin-right: 20px;	
	}
	body footer#colophon #menu-footer > li.menu-item-has-children:last-child {
		border-right: 0;	
	}
	#menu-footer > li.menu-item-has-children > a {
		color: #777;
		font-weight: bold;
			
	}
	#menu-footer > li.menu-item-has-children > ul.sub-menu {
		visibility: visible;
		display: block;	
	}#menu-footer > li.menu-item-has-children > ul.sub-menu > li,
	#menu-footer > li.menu-item-has-children > ul.sub-menu > li a {
		font-size: 13px;
		line-height: 120%;	
		text-decoration: none;
		border-bottom: 0;
	}
	#menu-footer > li.menu-item-has-children > ul.sub-menu > li a{
		margin-bottom: 5px;	
	}
	body footer#colophon #menu-footer > li.menu-item{
		border-right: 1px solid #fff;	
	}
	.slide .call-btn,
	.row.content .sitewidth > .call-btn,
	.row .call-btn.book,
	.row .call-btn {
		margin-left: 5px;
		margin-right: 5px;
		float: none;
		font-weight: bold;
		max-width:350px;
	}
	.slide .call-btn a,
	.row.content .sitewidth > .call-btn a,
	.row .call-btn a {
		color: #5a595d;	
	}
	.row.full-width.hydro {
		overflow: visible;
		padding-top: 0;
		padding-bottom: 0;	
	}
	body .row.hydro .rightside {
		width: 100%;
		padding-left: 50px;
		padding-top: 60px;
		padding-bottom: 60px;
		max-width: 650px;
	}
	body .row.hydro .leftside {
		width: 100%;	
		position: relative;
		top: 0;
		
		height: 100%;
		min-height: 
		display: block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.row.full-width.hydro p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;	
		padding:10px 0;
	}
	body .row.hydro .rightside .call-btn {
		padding-left: 30px;
		padding-right: 30px;	
	}
	body .row.hydro .sitewidth {
		display: grid;
		width: 90%;
		margin: 0 auto;
		max-width: 90%;
		grid-template-columns: 25% 65%;	
		column-gap: 10%;
	}
	.row div.terra-dots {
    background-image: url(/wd/wp-content/uploads/2021/07/terraburst_sewer-drainage-experts_calgary_green-dot-1-1.png);
    background-attachment: scroll;
    background-repeat: repeat;
    background-position: bottom left;
    width: 270px;
    height: 300px;
    background-size: 30px 30px;
    display: block;
    position: absolute;
    left: 100px;
    top: 420px;
    z-index: 999;
}
	.row.full-width.hydro .green-slashes {
		position: absolute;
		bottom: -15px;
		right: 50px;	
	}
	.slide .call-btn.book a,
	.row.content .sitewidth > .call-btn.book a,
	.row .call-btn.book a {
		color: #8acf00;	
	}
	.slide .call-btn a b,
	.row.content .sitewidth > .call-btn a b,
	.row .call-btn a b {
		color: #000;	
	}
	
	#bursting-content {
		background-position: 100px top;
		background-size: auto 100%;	
		background-repeat: no-repeat;
	}
	body.home .row.full-width.difference {
		margin-bottom: 0;
		padding: 50px 0;
	}
	body .row.full-width.difference .leftside h2 {
		margin-top: 0;
	}
	body .row.full-width.difference .leftside {
		width: 60%;
	}
	body .row.full-width.difference .rightside {
		width: 40%;
	}
	.row.full-width.difference .sitewidth {
		max-width: 1250px;
		margin: 0 auto;
		float: none;	
	}
	body.home .row.full-width.difference .first-img {
		position: absolute;
		right: 1%;
		width: 20%;
		height: 300px;
		top: 50%;
		transform: translate(0,-50%);
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
	}
	body.home .row.full-width.difference .second-img {
		position: absolute;
		right: 22%;
		width: 20%;
		top: 50%;
		height: 300px;
		transform: translate(0,-50%);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.row.full-width.hydro .rightside .text > h2 {
		color: #fff;	
	}
	body.home .row.full-width.truck .terra-dots {
			position: absolute;
			top: 380px;
			left: 60px;
			z-index: 99999;
	}
	body.home .row.full-width.truck .call-btn.book {
		background-color: #8acf00;
			
	}
	body.home .row.full-width.truck .call-btn.book a {
		color: #000;	
	}
	.row.service ul.vac-service li img {
		height: 250px;
		width: auto;	
	}
	.row .sitewidth,
#bursting-content .sitewidth {
		max-width: 1250px;
		margin: 0 auto;
		float: none;
		clear: both;	
	}
	#terranav ul.menu > li {
		width: auto;
		float: none;
		display: inline-block;
		padding: 0;
		box-sizing: border-box;
		margin: 0;
		overflow: hidden;
	}
	body ul.experience > li .text {
		font-size: 15px;
	}
	#terranav ul.menu > li > a {
		display: inline-block;
		margin: 0;
		font-weight: bold;
		width: auto;
		padding: 0 15px;
		line-height: 60px;
		height: 60px;
		
		position: relative;	
		box-sizing: border-box;
	}
	body #slideshow .slide h1,
	body #slideshow .slide h2 {
		font-weight: bold;
		color: #333333;	
	}
	body #slideshow .slide h2 {
		margin-top: 0;	
	}
	body #terranav .sitewidth {
		max-width: 100%;	
	}
	#slideshow .shadow{
		height: 600px;
		position: absolute;
		background-color: rgba(255,255,255,0.8);
		display: block;
		width: 100%;	
	}
	body .row.experience ul.experience > li {
		padding-top: 0;	
	}
	body .row.experience {
		padding-top: 0;
		padding-bottom: 0;	
	}
	body .row.experience .leftside h2 {
		margin-bottom: 0;	
	}
	#terranav ul.menu > li > a{
		width: 100%;	
	}
	#terranav ul.menu > li:hover > a {
		background-color: rgba(0,0,0,0.3);	
	}
	html,
	html.js,
	html.no-js {
		margin-top: 0 !important;	
	}

}

@media All and (min-width: 650px) {

	#wpadminbar {
		opacity: 0.3;	
	}
	#wpadminbar:hover {
		opacity: 0.8;	
	}

}