@charset "utf-8";
/* CSS Document */

/* ---------------------- Main Body Styling ---------------------- */
.index .inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.wrapper.full-width { padding: 0px!Important; }
@media screen and (max-width: 736px) { .mobile-wrapper{ padding: 0em 1.5em; } }

.header-logo {
	width: 100%;
	max-width: 250px;
}
@media screen and (max-width: 840px) {
	.header-logo {
		max-width: 150px;
	}
}

@media screen and (max-width: 950px) { nav { padding: 20px; } }
#navPanel {
	-webkit-box-shadow: inset -6px 0px 20px 1px rgba(0,0,0,0.55);
	-moz-box-shadow: inset -6px 0px 20px 1px rgba(0,0,0,0.55);
	box-shadow: inset -6px 0px 20px 1px rgba(0,0,0,0.55);
}

/* Hide / Show Elements on different devices */
.show-on-small-tablet { display: none; }
@media screen and (max-width: 840px) {
	.show-on-small-tablet { display: inline; }
	.hide-on-small-tablet { display: none; }
}

.full-screen-background {
	height: 100vh;
	width: 100vw;
	position: relative;
}

/* Anchors for 50/50 text/image containers) */
.service-anchor {
	display: block;
	height: 70px; /*same height as header*/
	margin-top: -70px; /*same height as header*/
	visibility: hidden;
}

/* Remove Margin & Padding */
.no-bottom-margin {
	margin-bottom: 0px!Important;
}
.no-top-margin {
	margin-top: 0px!Important;
}
@media screen and (max-width: 840px) {
	.small-top-margin {
		margin-top: 1em!Important;
	}
}
.no-padding-bottom {
	padding-bottom: 0px!Important;
}

/* Borders */
.border-bottom { border-bottom: solid 1px; }

/* Re-Colour */
.wrapper.style2 {
	background: #006e2e;
	background: -webkit-linear-gradient(#006e2e, #003e2e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006e2e, #003e2e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006e2e, #003e2e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006e2e, #003e2e); /* Standard syntax */
}
	.wrapper.style2.blue-background {
		background: #151515;
		background: -webkit-linear-gradient(#004e92, #0b1542); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#004e92, #0b1542); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#004e92, #0b1542); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#004e92, #0b1542); /* Standard syntax */
	}
	
#footer {
	background: #006e2e;
	background: -webkit-linear-gradient(#006e2e, #003e2e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#006e2e, #003e2e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#006e2e, #003e2e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#006e2e, #003e2e); /* Standard syntax */
}

.green-gradient-background {
	background: #006e2e;
	background: -webkit-linear-gradient(#006e2e, #003e2e);
	background: -o-linear-gradient(#006e2e, #003e2e);
	background: -moz-linear-gradient(#006e2e, #003e2e);
	background: linear-gradient(#006e2e, #003e2e);
}

/* ---------------------- Main Body Text Styling ---------------------- */
.inner p {
	font-weight: 900;
	font-size: 1.5em;
	line-height: 1.3em;
}

#diy-sos-header-1 { font-weight: 900; margin-bottom: 0px; }
#diy-sos-header-2 { margin-top: -10px; font-weight: 900; font-size: 3rem; border-bottom: solid 1px; }

.index-service-block-h2 { margin-bottom: 10px; font-weight: 900; }

.narrow-line-height { line-height: 1.1em!Important; }

.footer-links p { text-align: center; }
.footer-links a { border-bottom: none; color: white; }
.footer-links a:hover { color: #3fb1a3; }
.footer-links header { font-weight: 500; text-transform: uppercase; border-bottom: solid 1px; margin-bottom: 20px; }
.footer-link-break { opacity: 0.2 }

.main-article-heading {
	font-weight: 500;
	font-size: 2rem;
	border-bottom: solid 2px;
	padding-bottom: 15px;
	text-align: center;
}

.no-text-transform {
	text-transform: none!Important;
}

/* Services Elements */
.service-header-title {
	border-bottom: solid 1px;
	margin-bottom: 25px;
}
	.service-header-title h2 {
		font-weight: 900;
		margin-bottom: 15px;
	}

.service-logo-icon {
	width: 55px;
	height: auto;
	margin: 0px 15px -17px 0px;
}

@media screen and (max-width: 840px) {
	.service-logo-icon {
		width: 40px;
		height: auto;
		margin: 0px 15px -10px 0px;
	}
}

/* Logo on Slides / Banners */
.big-logo { width: 600px; height: auto; }
@media screen and (min-width: 1280px) { .big-logo { width: 800px; height: auto; } }
@media screen and (min-width: 1680px) { .big-logo { width: 900px; height: auto; } }

/* CTA */
#cta h2 { font-weight: 900; }
#cta h1 { font-weight: 500; }
	#cta h1 span { font-weight: 700; }
	#cta h1 a { text-decoration: underline; }

/* ---------------------- Main Nav Elements (Logotype / Home Link) ---------------------- */
.small-spacing-logo { display: none; }
@media screen and (max-width: 1200px) {
	.small-spacing-logo { display: inline; }
	.large-spacing-logo { display: none; }
}


/* ---------------------- Background Images ---------------------- */
.intro-background {
	background-image: url(../../images/intro-background.jpg);
	background-size: cover;
	background-position: center;
}
.construction-background {
	background-image: url(../../images/construction-background.jpg);
	background-size: cover;
	background-position: center;
	background-color: #25273e;

}
.asbestos-background {
	background-image: url(../../images/asbestos-background.jpg);
	background-size: cover;
	background-position: center;
	background-color: #25273e;
}
.meet-the-team-background {
	background-image: url(../../images/meet-the-team.jpg);
	background-size: cover;
	background-position: center;
	background-color: #25273e;
}
.diy-sos-background {
	background-image: url(../../images/diy-sos-background.jpg);
	background-size: cover;
	background-position: center;
}
.diy-sos-set-height {
	background-image: url(../../images/logos/esm-symbol-right-corner.PNG), url(../../images/diy-sos.jpg);
	background-size: 20rem, cover;
	background-position: bottom right, center;
	background-repeat: no-repeat, no-repeat;
}
/* 'What we do' */
.service-block-background { 
}
@media screen and (max-width: 736px) { .diy-sos-set-height { background-size: 10rem, cover; } }


/* ---------------------- Meet the Team ---------------------- */
.meet-the-team-photo-container { text-align: center!Important; }
.meet-the-team-photo {
	width: 100%;
	height: auto;
	max-width: 400px;
	margin-left: auto!Important;
}
.vertical-align-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

@media screen and (max-width: 840px) {
	.reduce-letter-spacing { letter-spacing: 0.1em!Important; }
	.service-anchor {
		height: 2px!Important; /*same height as header*/
		margin-top: -2px!Important; /*same height as header*/
	}
	.service-max-height { height: 300px!Important; }
	.full-width-narrower-col { width: 100%!Important; }
}