/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
* Site Styles by Web Intrigue, 2020 customised for Environmental Design
* Last updated 15 August 2025
================================================== */

/* source: open licence from socicon.com */
@font-face {
    font-family:'SocIcon';
    src: url('../fonts/socicon/socicon-webfont.eot');
    src: url('../fonts/socicon/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon/socicon-webfont.woff') format('woff'),
         url('../fonts/socicon/socicon-webfont.ttf') format('truetype'),
         url('../fonts/socicon/socicon-webfont.svg#sociconregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* roboto-regular - latin */
/* source: See https://fonts.google.com/attribution - open license under the Apache license scheme */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
		 url('../fonts/roboto/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Hide the Google privacy terms widget - Google text MUST be supplied instead  */
.grecaptcha-badge { visibility: hidden; }

/* band styles */

/* default */
.band {
	background:#FFF;
}

.band.navigation {
	height:57px;
	margin-top:2px;
	/*border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;*/
}

.band.imagery {
	width:100%;	
	z-index:400;
}

.band.imagery .parallax {  
	background-image: url("https://www.environmental-design.co.uk/wp-content/uploads/2025/08/landing-page-main-image.jpg");
	height: 100%; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left:0px;
	margin-right:0px;
	padding:40px 0;
	margin-bottom:14px;
	margin-top:0px;
	box-shadow:inset 0 7px 16px -7px rgba(117,126,115,0.50);
	border-top-color:#5C9926;
	border-top-style:solid;
	border-top-width:5px;
}

.band.imagery .parallax .band.navigation {
	background-color:transparent;
}
 
.band.imagery .parallax-content-bg {
	margin:0 auto;
	width:60%;
	background:rgba(39, 31, 34, 0.7);
	border-radius: 2px;	
}


.band.imagery .parallax-content { 
	width:75%;
	min-height:10px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:250px;
}

.band.imagery .parallax-content.secondary { 
	width:90%;
	min-height:10px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:14px;
}

.band.imagery .parallax3 {  
	background: linear-gradient(to bottom, rgba(255,255,255,0.2) 20%,
              rgba(255,255,255,1)),url("https://www.environmental-design.co.uk/wp-content/uploads/2020/05/Planting-3.jpg");
	height: 100%; 
	/*background-attachment: fixed;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left:0px;
	margin-right:0px;
	padding:10px 0;
	min-height:650px;
	margin-bottom:28px;
	margin-top:28px;
}

.band.imagery .parallax-content-bg3 {
	margin:0 auto;
	width:100%;
	background:rgba(39, 31, 34, 0.75);
	border-radius: 5px;
}

.band.imagery .parallax3 .sixteen.columns {
	background:none;
}


.band.imagery .parallax3 .parallax-content{
	width:100%;
	margin-top:14px;
	padding-left:5px;
	padding-right:5px;
}

.band.imagery .parallax-content h1, .band.imagery .parallax-content h2, .band.imagery .parallax-content h3,  .band.imagery .parallax-content h4, .band.imagery .parallax-content p {
	font-family:roboto;
	color:#FFFBFD;
	text-align:center;
	letter-spacing:0.05em;
}

.band.imagery .parallax-content img {
	border: 1px #E0F1F8 solid;
	padding:0;
	margin-bottom:14px;
}

.band.imagery .parallax-content a {
	color:#FFDF5E;
	text-decoration:none;
}

.band.imagery .parallax-content a:hover {
	text-decoration:underline;
}

.band.imagery .parallax-content input, .band.imagery .parallax-content textarea {
	margin-left:auto;
	margin-right:auto;
}

.band.imagery .main-image-page {
	position:relative;
	float:left;
	width:100%;
	padding-top:0;
	background:#C7CBB4;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
	margin-top:-1px;
	box-shadow:inset 0 7px 16px -7px rgba(117,126,115,0.50);
}

.band.imagery .main-image-page .sizing {
    width: 100%;
    padding-bottom:2%;
    visibility: hidden;
}
.band.imagery .main-image-page .content {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top:-2%; /* important this is the negatation of the .sizing padding-bottom */
}

.band.imagery img {
	padding-bottom:14px;
}


.band.reviews{
	width:100%;	
	z-index:400;
	background-color:#333A07;
	padding-top:49px;
	padding-bottom:49px;
}

.band.reviews h1, .band.reviews h2, .band.reviews h3,  .band.reviews h4, .band.reviews p {
	color:#FFFBFD;
	text-align:center;
}

.band.reviews p {
	font-size:20px;
	line-height:26px;
	margin:28px;
}

.band.reviews p.more {
	font-size:16px;
}

.band.reviews p.small {
	font-size:12px;
}

.band.reviews a {
	color:#FFDF5E;
	text-decoration:none;
}

.band.reviews a:hover {
	text-decoration:underline;
}

.band.reviews .checked {
    color:#FFDF5E;
	font-size:20px;
}

.band.footer {
	padding: 16px 0 14px 0; 
	color:#e0e0e0;	
}

.band.bottom {
	background-color: #1D5F07;
	padding: 28px 0 7px 0;
	color:#e0e0e0;
	border-top-width: 21px;
	border-top-style: solid;
	border-top-color:#C7CBB4;
	margin-top:21px;
}

.band.bottom img {
	margin-top:14px;	
}

.chief .container {
	padding-bottom:21px;
	z-index:600;
}

.chief .home .one-third, .chief .home .two-thirds {
	/*background:#fff;*/
	border-radius:0;
	padding:5px;	
}

.chief .home .one-third {
	padding:0;
	margin-top:5px;
}

.chief .home .one-third img {
	width:100%;
	height:auto;	
}

.chief .container .one-third.top, .chief .container .one-third.bottom {

}

.chief .home .one-third.top img, .chief .home .two-thirds.top img {
	width:100%;
	height:auto;	
}

.chief .container .top h3 {
	color:#fff;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

/* Heading */
header.main {
	padding:7px 0 0px;	
}
.band.header {
	background:#FFF;
}

.band.header img {
	float:left;
	width:34px;	
	height:34px;
	margin-right:5px;
}

.band.header .phone, .band.header p.phone {
	float:left;
	color:#000;
	font-size:20px;
	line-height:27px;
}

.band.header p.phone a {
	color:#2C4474;
	font-size:23px;
}

header .logo {
	margin:0px 0 14px 4px; /* keep to 7px baseline grid */ 
	float:left;	

}

header .logo a {
	width:133px;
	height:110px;
	display:block;
	background: url("https://www.environmental-design.co.uk/wp-content/uploads/2025/08/env-des-logo-banner-2025.jpg") no-repeat 0 0;
	background-color:#FFF;
	
	font: 0/0 a;
	text-shadow: none;
	color:transparent;
	margin-left:16px;
}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration:none;
	cursor:default;
}

/* Navigation */
.band.navigation nav.primary {
	height:42px;
	margin-left:10px;
	margin-right:10px;
	padding-top:0px;
}

nav.secondary {
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:7px;
	background-color:transparent;
}

nav.secondary ul {
	float:right;
	padding-right:10px;
}

nav.secondary ul, nav.secondary ul li {
	margin:0;	
}


nav.secondary ul li {
	display: inline;
	float:left;
	position:relative;
}

p.phone.mobile {
	display:none;		
}

footer nav.secondary.mobile {
	margin:0;
}

nav.secondary.mobile ul {
	float:left;
}

footer nav.secondary.mobile ul li:first-child {
	margin-left:0;
}

nav.secondary.footer ul li {
	display:block;
	float:none;
}

nav.secondary ul li a {
	display:inline-block;
	line-height:46px;
	padding:0 14px;
	text-decoration:none;
	font-weight:normal;
	letter-spacing:0.09em;	
	text-transform: none;	
	font-size:15px;
}

nav.secondary.footer ul li:last-child {
	margin-bottom: 14px;
}

nav.secondary.mobile ul li a {
	line-height: 32px;
	padding:0 10px;
}

nav.secondary ul li:hover > a {
	background-color:#343A40;
	cursor:pointer;
}

nav.secondary ul li a:hover {
			
}

nav.secondary.social ul li {
	background-color:#D9DCCD;
	background-color:#FFF;
	border-radius:30px;
	font-size:18px;
}

nav.secondary.social ul li a{
	background-color:#888083;
	color:#424951;
	color:#EEF0EF;
	transition: all 0.7s ease;
	border-radius:30px;
}

nav.secondary.social ul li a:hover {
	background-color:#55600B;
	border-radius:30px;
	cursor:pointer;
	color:#EEF0EF;
}

nav.secondary.social ul li a #phoneNum {
	display:none;
}

nav.secondary.social ul li a .fa {
	font-size:19px;
	margin-left:5px;
}	

/* imagery band */
.topleft h4, .topmiddle h4, .topright h4{
	color:#EEF0EF;
	font-size: 19px; line-height: 21px;
}

.imagery h2.logo a { 
	text-decoration:none;
	color:#EEF0EF;
}

.imagery h3.logo a {
	text-decoration:none;
	color:#EEF0EF;	
}	

.imagery .topleft, .imagery .topmiddle, .imagery .topright {
	position:relative;
	z-index:500;	
}

.topleft img {
	width:100%;	
}

.topright img {
	width:45%;	
}
.topleft img.alignleft, .topmiddle img.alignleft, .topright img.alignleft {
	float:left;	
	margin-right:5px;		
}

.topleft img.alignright, .topmiddle img.alignright, .topright img.alignright {
	float:right;	
	margin-left:5px;		
}

.hometop {
	margin-top:28px;	
}

.hometop h2 {
	color:#442163;	
	font-size:42px;
	padding:2px 4px 0px;
	margin-bottom:0px;
}

.hometop h3 {
	color:#442163;
	font-size:32px;	
}

.homeleft, .homemiddle, .homeright {
	margin-top:21px;
	margin-bottom:14px;	
}

.two-thirds.homeleft header {
	background-color:#798E93;
	margin:0 0 5px;
	padding:4px 0 0.5px;
}

.two-thirds.homeright header {
	background-color:#798E93;
	margin:0 0 5px;
	padding:4px 5px 0.5px;
}	
	
.one-third.homeleft header {
	background-color:#083B51;
	margin:0 0 5px;
	padding:4px 2px 0.5px;
}

.one-third.homeright header {
	background-color:#083B51;
	margin:0 0 5px;
	padding:4px 8px 0.5px;
}

.one-third.homeright a, .one-third.homeright a:visited, .one-third.homeleft a, .one-third.homeleft a:visited {	
	color:#FFDF5E;
	text-decoration:none;
}

.two-thirds.homeleft a, .two-thirds.homeleft a:visited, .two-thirds.homeright a, .two-thirds.homeright a:visited {
	color:#1909EC;
	text-decoration:none;	
}

.one-third.homeright a:hover, .one-third.homeleft a:hover {
	color:#FFDF5E;
	text-decoration:underline;
}

.two-thirds.homeleft a:hover, .two-thirds.homeright a:hover {
	color:#1909EC;
	text-decoration:underline;
}

.chief .panel.home {
	margin-bottom:14px;
}

.chief .panel.home .eight, .chief .panel.home .sixteen {
	margin-top:0;
	margin-bottom:0;
}

.panel .homeleft, .panel .homeright {
	background-color:#EEEEEE;
	min-height:410px;
	width:100%;
} 

.panel .treatments {
	margin-bottom:15px;
}

.panel .homeleft.row1, .panel .treatments.row1, .panel .treatments.row5 {
	background-color:#C7CBB4;
}

.panel .homeright.row1 {
	background-image:url('https://www.environmental-design.co.uk/wp-content/uploads/2020/01/20191120-074243-w600.jpg');
	background-position: top center; 
	background-size:cover;
}

.panel .homeleft.row2 {
	background-image:url('https://www.environmental-design.co.uk/wp-content/uploads/2020/05/hard-landscaping-path-construct-w600.jpg');
	background-size:cover;
	background-position: center;
}

.panel .homeright.row3 {
	background-image:url('https://www.environmental-design.co.uk/wp-content/uploads/2020/09/Turf-1-w600.jpg');
	background-size:cover;
	background-position: center;
}

.panel .homeleft.row4 {
	background-image:url('https://www.environmental-design.co.uk/wp-content/uploads/2020/05/tree-surgery-w600.jpg');
	background-size:cover;
	background-position: center;
}

.panel .homeright.row2, .panel .treatments.row2, .panel .treatments.row6 {
	background-color:#C7CBB4;
}

.panel .homeleft.row3, .panel .treatments.row3, .panel .treatments.row7 {
	background-color:#C7CBB4;
}

.panel .homeright.row4, .panel .treatments.row4, .panel .treatments.row8 {
	background-color:#C7CBB4;
}

.panel .homeright.row4{
}

.panel .homeleft a.semi-trans-btn, .panel .homeright a.semi-trans-btn, .panel .treatments a.semi-trans-btn {
	display:block;
	box-sizing: border-box;
	margin: 10px auto 10px 50px;
	padding: 16px 8px;
	width: 80%;
	max-width: 250px;
	background: #FFF; /* fall back for old web browsers */
	background: rgba(0, 0, 0, 0.1);
	background:#DCDFD1;
	border-radius:10px;
	text-align: center;
	text-decoration:none;
	font-size:18px;
	letter-spacing: 1px;
    transition: all 0.7s ease;
}

.panel .treatments a.semi-trans-btn {
	margin-left:0;
}

.panel .homeleft a.semi-trans-btn:hover, .panel .homeright a.semi-trans-btn:hover, .panel .treatments a.semi-trans-btn:hover {
	background-color:#55600B;
	border-radius:10px;
	cursor:pointer;	
	color:#FFF;
	
}

.homeleft h2, .homeleft h3, .homemiddle h3, .homeright h3, .one-third.homeright p, .one-third.homeleft p, .one-third.homeright ul, .one-third.homeleft ul {
	text-align: left;
	margin-left:10px;
	margin-right:10px;
}

.homeleft h3, .homemiddle h3, .homeright h3 {
	font-family:Roboto;
	font-size:25px;
}

.homeleft h4, .homemiddle h3, .homeright h3 {
	color:#323232;
	margin-left:14px;
}


.homeleft p {
	margin-left:10px;
	margin-right:10px;	
}

.homeright p {
	margin-left:0;
	margin-right:0;
}

.homeright h3 {
	margin-left:2px;
	margin-right:2px;
}

 .panel .homeleft p, .panel .homeright p, .panel .treatments p {
	margin:30px 50px 20px;
	font-size: 22px;
	line-height:28px;
}

.panel .treatments p {
	margin-top:10px;
}

.panel .homeleft a, .panel .homeright a, .panel .treatments a {
	margin:30px 50px 20px;
}

.panel .homeleft h2, .panel .homeright h2, .panel .treatments h2 {
	margin:60px 50px 20px;
	font-size: 28px;
	line-height:32px;
	padding-bottom:7px;
	color:#55600B;
}

.panel .treatments h2 { 
	margin-top:40px;
	margin-bottom:0;
}


.two-thirds.homeleft p.intro, .two-thirds.homeright p.intro {
	color:#323232;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	font-size:25px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height:30px;
}

.homeleft {
	min-height:14px;
}

.homemiddle {
	min-height:14px;
}

.homeright {
	min-height:14px;
	color:#FFF;
}

.homeleft .wp-caption, .homemiddle .wp-caption, .homeright .wp-caption, aside .wp-caption {
	max-width:100%;
}

h2.centre {
	text-align: center;	
}

.portfolio.left {
	width:45%;
	float:left;
	border: 1px solid #E0F1F8;
	border-radius: 10px;
	margin-top:7px;
	margin-bottom: 21px;
	background: rgba(0, 0, 0, 0.2);
}

.portfolio.right {
	width:45%;
	float:right;
	border: 1px solid #E0F1F8;
	border-radius: 10px;
	margin-top:7px;
	margin-bottom: 21px;
	background: rgba(0, 0, 0, 0.2);
}

.portfolio hr {
	margin:0;
}

a:hover .portfolio.left, a:hover .portfolio.right{
	text-decoration:none;
	transition: all 0.7s ease;
	background: rgba(0, 0, 0, 0.6);

}

a:hover .portfolio.left p, a:hover .portfolio.right p {
	color:#FFDF5E
}

/* blog post and other article styling */
.chief .two-thirds, .chief .sixteen {
	margin-top:0;
	background-color:#FFF;
	min-height:30px;
	border-radius:4px;
	padding:0px 0 7px;
	border:none;
}

.articles h1, .articles h2 {
	font-family:roboto;
	line-height:35px;
	margin-bottom: 28px;
	margin-top:18px;
	color:#288A0A;
}

.articles h1 {
	line-height:42px;
}

.articles.home p, .articles.home h1, .articles.home h2, .articles.home h3, .articles.home h4, .articles.home ul {
	margin-left:75px;
	margin-right:75px;
}

.articles ul {
	margin-top:0;
	padding-top:3px;	
}

.articles li {
	list-style-type: circle;
	margin-left:15px;
	font-size:16px;
	color:#06466B;
}

.articles h3 {
	font-family:roboto;
	font-size: 30px; line-height: 35px; margin-bottom: 7px;	
	color:#288A0A;
}

.articles h3.center {
	text-align:center;
}

.articles h4 {
	font-family:roboto;
}

.articles .bio h4 {
	font-weight:normal;
	font-size:17px;
	line-height:24px;
	margin-bottom:14px;
}

.articles p.small, .homeleft p.small, .homeright p.small {
	font-size:12px;
}

.articles p.center {
	text-align:center;
}

.articles img {
	height:auto;
}

.articles .pagewidth img, .articles img.pagewidth  {
	max-width:100%;
	width:100%;
}

.articles .halfpagewidth img, .articles img.halfpagewidth  {
	max-width:50%;
	width:50%;
}

.articles img.profilepic {
	width:200px;
	max-width:200px;
	float:left;
	margin-right:21px;
	margin-bottom:14px;
}

.articles img.bio {
	padding:0;
	margin:0;
}

.articles figure img {
	margin-bottom:0;	
}

.articles img.alignleft {
	float:left;	
	margin-right:15px;
}

.articles img.alignright {
	float:right;
	margin-left:15px;
}

.articles img.max-450 {
	width:100%;
	max-width:450px;	
}

/* more article styling */
article {
	margin-top:7px;
}

.articles .home article {
	margin-top:0;
} 

article .breadcrumbs, article .meta {
	margin-bottom:7px;	
}

article	a[href^="tel"]:link,
article	a[href^="tel"]:visited, 
article	a[href^="tel"]:hover {
    text-decoration:none;
	cursor:default;
}

/* links inside articles */
.articles a, .articles a:visited {
	color:#2D708A;
	text-decoration:none;
}

.articles a:hover {
	text-decoration:underline;
	color:#680000;	
}

/* Contact Forms inside articles */
.articles form p {
	margin-top:0px;
	margin-bottom:0px;	
}

.articles form img {
	width:auto;	!important
}

.articles form textarea {
	width:96%;	
}

.articles fieldset {
	border: 1px solid #929292;
	border-radius: 5px;
	padding:5px 10px;
}

.articles legend {
	margin-left:0px;
	padding-left:2px;
	padding-right:3px;
}

.comments li {
	line-height:21px;	
}

.comment-author, .comment-meta {
	margin-bottom:7px;	
}

/* MyMobileWorkers iframe */
.articles iframe.mymobileworker {
	width:100%;
	max-width:100%;
	min-height:700px;
}

/* Initially hide the data usage from contact form notification - contact page */
#dataUsageNotice {
	display:none;
}

/* Sidebar (aside) styling */
aside {
	background-color:#EEE;
	margin-top:21px;
	border-radius:2px;
	padding:10px 5px;
	min-height:35px;
	border: none;
}

aside a, aside a:visited {
	color:#2D708A;
	text-decoration:none;
	font-weight:normal;
}

aside a:hover {
	color:#680000;
	text-decoration:underline;	
}

aside h3 {
	margin-bottom:10px;	
}

aside ul {
	margin-top:0;
	padding-top:7px;	
}

aside li {
	margin-top:0;
	margin-bottom:7px;	
}

aside img {
	max-width:100%;
	height:auto;
	border: 3px solid #EEF0EF;		
}

aside .textwidget {
	padding-bottom:14px;	
}

aside input[type="text"] {
	width:100%;
	max-width:100%;
}

hr {
	margin:7px 0 13px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #E8EAE0;
	padding-top:7px;
}

.band.imagery .parallax-content hr {
	border-bottom-color: #A39334;
	padding-top:0px;
}

.hometop hr {
	border-bottom-style:none;	
	margin:14px 0 20px;
}

table.logos {
	width:100%;
}

table.logos td {
	width:25%;
	text-align:center;
}

/* pagination for blog posts */
nav.pagination ul {
	width:100%;
	text-align:center;
	margin:21px 0 35px 0;
}

nav.pagination li {
	display:inline;
}

nav.pagination li a, nav.pagination li span {
	display:inline-block;
	line-height:35px;
	width:35px;
	height:35px;
	text-align:center;
	padding:0 7px;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 3px solid #EEF0EF;	
}

nav.pagination li a.selected, nav.pagination li span.current, nav.pagination li a:hover{
	border:none;
	color:#FFF;
	background-color: #323232;
}

/* footer  and bottom (footer) */
.footer .one-third, .footer .two-thirds {
	background:#E8E8E8;
	min-height:30px;
	padding:5px;
	border-radius:2px;
	margin-top:7px;	
}

.footer header {
	background:#009ACC;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding:0 4px;
}

.footer header h4 {
	color:#EEF0EF;
	text-transform:uppercase;
}

.bottom p, .bottom h1, .bottom h2, .bottom h3, .bottom h4, .bottom h5 {
	color:#EEF0EF;
}

.bottom h3 .smaller {
	font-size:21px;
	line-height:21px;
}

footer p {
	padding-top:10px;
	color:#FFF;
}

footer ul {
	background:#009ACC;
	padding-top:10px;
	padding-bottom:5px;	
}

footer nav.secondary ul {
	background:none;
	padding-bottom:0;
	padding-left:0;
}

footer p.webcred, footer p.small {
	font-size:12px;	
}

footer li {
	margin: 0 0 21px 5px;
	color: #EEF0EF;	
}

footer a,
footer a:visited {	
	color:#FFDF5E;
	text-decoration:none;
}

footer a:hover {
	color:#FFDF5E;
	text-decoration:underline;
}

footer.main img {
	width:100%;
	max-width:100%;
	height:auto;	
}

footer table {
	width:100%;	
	margin-bottom:7px;
}

footer table td {
	width:33%;	
	background:#009ACC;
	padding:0 7px;	
}

/* mobile nav */
img.menuicon {
	margin:0;
	max-height:15px;
	width:auto;	
}

/* figures */
figure {
	padding:4px;
	border:none;
	background:transparent;
	line-height:0;
}

.articles figure img {
	border:none;	
}

figure.video {
	padding:0px;
	border:none;
}

figcaption, p.wp-caption-text {
	font-size:0.85em;
	color:#32373C;
	text-align:center;
	padding:0 0 14px 0;
	margin:0;
}

.thumbnail img {
	max-width:100%;	
	border:1px solid #ddd;
}

/* by default, <input type="search" /> renders like a "native" search field on Mac OS X (rounded corners, clear button, etc.). - this clears that styling */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"] {
	-webkit-appearance:	textfield;
}

input[type="search"]:focus {
	outline:none;	
}

/* icons */
.icon {
	font-family:SocIcon;	
	font-size:18px;
	line-height:1em;
}

.icon.menu {
	clear:both;
	color:#55600B;
	display:inline;
	margin-left:0;
	font-size:21px;	
}

.icon.rss, .icon.twitter, .icon.linkedin, .icon.facebook {	
	line-height:42px;
}

nav.secondary a:hover .icon.facebook, nav.secondary a:hover .icon.twitter, nav.secondary a:hover .icon.rss {
	color:#EEF0EF;
}

/* subscribe text */
.subscribe a {	
	text-decoration:none;
}

.subscribe table {
	margin-top:14px;
	width:100%;
	text-align:center;
}

.subscribe table td {
	width:25%;
}

/* flexible embeds */
.embed {
	position:relative;
	padding:0;
	padding-bottom:68.25%; /* 16/9 ration */
	/* extra for cross browser assurance */
	height:68.25%;
	overflow:hidden;
}

.embed iframe,
.embed object,
.embed embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;		
}

/* Contact form 7 */
div.wpcf7-response-output {
	background-color:#EEF0EF;	
}

.wpcf7-list-item-label {
	color:#343A40;
}

.parallax-content .wpcf7-list-item-label {
	color:#EEF0EF;
}

.parallax-content .wpcf7-form input[type="text"],
.parallax-content .wpcf7-form input[type="email"],
.parallax-content .wpcf7-form textarea {
	width:90%;
}

div.cff-wrapper {
 	overflow-y:scroll;
	height:1193px;		
}

.cff-author-img img {
	display:none;
}

.footer .two-thirds .scrollable {
	height:1193px;	
}

/* Parallax 3 - more styling */
.parallax3 a.semi-trans-btn {
	display:block;
	box-sizing: border-box;
	margin: 10px auto 10px auto;
	padding: 16px 8px;
	width: 80%;
	max-width: 250px;
	background: #FFF; /* fall back for old web browsers */
	background: rgba(0, 0, 0, 0.1);
	border-radius:30px;
	text-align: center;
	text-decoration:none;
	font-size:21px;
	letter-spacing: 1px;
    transition: all 0.7s ease;
}

.parallax3 a.semi-trans-btn:hover {
	background-color:#99D0F0;
	border-radius:30px;
	cursor:pointer;
	color:#4D4D4D;
}


.parallax3 input {
	margin-bottom:0;
}

/* Add to any widget */
.addtoany_header {
	padding-top:28px;
}


/* #Media Queries
================================================== */
/* largest screen sizes browsers */
@media only screen and (min-width: 1600px) {
.slidecontainer  { position: relative; width: 100%; max-width:1600px; margin: 0 auto; padding: 0; }		
}

/* Smaller than widescreen desktop browsers */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.band.header {
}

.band.imagery .main-image-page .sizing {
    padding-bottom:6%;
}
.band.imagery .main-image-page .content {
    margin-top:-6%; /* important this is the negatation of the .sizing padding-bottom */
}
	
.embed {
	padding-bottom:85%;
	height:85%;
}
	
.articles img {
	max-width:65%;
	margin-bottom:14px;
}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
.band.imagery .main-image-page .sizing {
    padding-bottom:6%;
}

.band.imagery .main-image-page .content {
    margin-top:-6%; /* important this is the negatation of the .sizing padding-bottom */
}

	
.band.navigation {
	height:46px;
}

.hometop {
	margin-top:14px;	
}

.topright img {
	width:45%;	
}
	
nav.secondary {
	margin-top:7px;	
}
		
.articles.home p, .articles.home h1, .articles.home h2, .articles.home h3, .articles.home h4 {
	margin-left:0;
	margin-right:0;
}
	
.panel .homeleft p, .panel .homeright p, .panel .treatments p {
	margin:14px 10px 20px;
	font-size: 22px;
	line-height:28px;
}
	
.panel .homeleft h2, .panel .homeright h2, .panel .treatments h2 {
	margin:30px 10px 20px;
	font-size: 28px;
	line-height:32px;
	padding-bottom:7px;
	color:#55600B;
}
	
.panel .homeleft a.semi-trans-btn, .panel .homeright a.semi-trans-btn, .panel .treatments a.semi-trans-btn {
	margin: 10px auto 10px;
}
	
.portfolio.left, .portfolio.right {
	width:100%;
}
			
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.band.imagery .parallax3 {  
	min-height:750px;
}	
	
.parallax-content a, .parallax-content a.semi-trans-btn {
		font-size:15px;
}	
	
.articles iframe.flowpaper-class {
	max-height:600px;
	height:600px;
}
	
.articles img {
	max-width:65%;
	margin-bottom:14px;
}	
	
.embed {
	padding-bottom:106.5%;
	height:106.5%;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
header .logo {
	margin-top:7px;
	margin-bottom:14px; /* keep to 7px baseline grid */ 
	float:left;	
}
		
.band.navigation {
	height:46px;
}
	
.band.imagery .parallax {  
	margin-bottom:0;
	background-image: url("https://www.environmental-design.co.uk/wp-content/uploads/2025/08/landing-page-main-imagew-800px.jpg");
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}	
	
.band.imagery .parallax-content-bg {
	width:85%;		
}	
	
.band.imagery .parallax-content { 
	margin-top:70px;
} 
	
.band.imagery .parallax-content-bg2 {
	width:100%;
}	
	
.band.imagery .parallax3 {  
	background:none;
	margin-top:0px;
}		
		
.band.imagery .parallax-content-bg3 a:hover {
	cursor: pointer;
	text-decoration:none;
}

.band.imagery .parallax-content-bg3 a:hover h2 {
	color: #FFDF5E;
	text-decoration:none;
}	
	
.chief .container .one-third {
	border-radius:2px;	
}
		
.panel .homeleft {
	min-height:250px;
	border:1px solid #FFF;
}
	
.panel .homeright {
	min-height:300px;
	border:1px solid #FFF;
}	
	
.panel .homeright.row1, .panel .homeleft.row2, .panel .homeleft.row4 {
  background-size: cover;
}	
	
.panel .homeright.row3 {
	height:220px;	
}	
	
.embed {
	padding-bottom:132%;
	height:132%;
}	
	
nav.secondary.mobile ul li {
	display:inline-block;
	float:none;	
}
	
nav.secondary.mobile ul {
	float:none;
	padding-bottom:21px;
}	
	
nav.secondary.footer ul li {
	line-height:35px;		
}
	
nav.secondary.footer ul li:last-child {
	margin-bottom: 21px;
}	
	
nav.secondary ul li a {
	padding: 0 10px;
	line-height:38px;
	font-size:15px;
}	
	
nav.secondary.mobile ul li a {
	line-height:54px;
	padding:0 18px;
	font-size:18px;
}

p.phone.mobile {
	display:block;
	text-align:center;
	font-size:28px;	
	line-height:35px;
	float:none;	
}

.hometop {
	padding-top:14px;	
}

.hometop h2 {
	font-size:35px;	
}

.topleft img {
	display:none;	
}

.topright img {
	width:45%;	
}
	
.panel .homeleft a.semi-trans-btn, .panel .homeright a.semi-trans-btn, .panel .treatments a.semi-trans-btn {
	margin: 5px auto 20px;
	font-size:18px;
}	

.band.imagery .main-image-page .sizing {
    padding-bottom:10%;
}
.band.imagery .main-image-page .content {
    margin-top:-10%; /* important this is the negatation of the .sizing padding-bottom */
}

.topmiddle {
	padding-top:35px;	
}

.band.footer {
	padding-top:14px;
}

.band.header img {
	float:left;
	width:26px;	
	height:26px;
}

nav.secondary {
	margin-top:0;
	background:transparent;
}

.chief .two-thirds, .chief .one-third, .chief .sixteen {	
	margin-top:0px;
	margin-bottom:7px;		
}
	
.chief aside .widget_text {
	display:none;
}

article .two.thumbnail, article .three.thumbnail { /* don't show blog thumbnail on mobiles */
	display:none;	
}	

/* Correcting text overspill */ 
.articles .blog p, .articles .blog a h1, .articles .blog a .h2, .articles .blog a h3, .articles .blog a h4 {
	padding-right:20px;
}
.blog p, .blog h1, .blog .h2, .blog h3, .blog h4{
	padding-right:20px;
}
.blog h2 a {
	padding-right:20px;
}
/* End style correction */

aside img {
	width:100%;	
}

a[href^="tel"]:link,
a[href^="tel"]:visited {
	cursor:pointer;
} 

a[href^="tel"]:hover,
a[href^="tel"]:focus {
	text-decoration:underline;
	cursor:pointer;	
}

div.first-credit, div.second-credit, div.last-credit {
	text-align:center;	
}

.footer .one-third, .footer .two-thirds {
	border-radius:0;	
	border-radius:0;
}

.footer header {
	border-top-left-radius:0;
	border-top-right-radius:0;
}	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

.band.navigation nav.primary {
	margin-left:0;
	margin-right:0;	
}
	
.articles iframe.flowpaper-class {
	max-height:500px;
	height:500px;
}	

.articles img {
	max-width:65%;
	margin-bottom:14px;
}		
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
header .logo a {
	width:133px;
	height:110px;
	display:block;
	background: url("https://www.environmental-design.co.uk/wp-content/uploads/2025/08/env-des-logo-banner-2025-mobile.jpg") no-repeat 0px 0px;
	background-color:#FFF;
	
	font: 0/0 a;
	text-shadow: none;
	color:transparent;
	padding:5px;
}
		
.band.navigation nav.primary {
	margin-left:0;
	margin-right:0;	
}

	nav.secondary.social {
		float:none;
	}	
	
nav.secondary.social ul {
	height:70px;
}	
	
nav.secondary.social ul li a #phoneNum, nav.secondary.social ul li a #phoneCall
	{
		font-size:24px;
	}
		
	
nav.secondary ul li {
	float:right;
}	
	
.topright img {
	width:50%;	
}

.band.imagery .main-image-page .sizing {
    padding-bottom:15%;
}
	
.band.imagery .main-image-page .content {
    margin-top:-15%; /* important this is the negatation of the .sizing padding-bottom */
	border-radius:0 0 5px 5px;}

.band.imagery .parallax {  
	margin-bottom:0;
	background-image: url("https://www.environmental-design.co.uk/wp-content/uploads/2025/08/landing-page-main-image-small.jpg");
}	
	
.panel .homeleft {
	min-height:200px;		
}	

.articles h1 {
	font-size:40px;
	line-height:37px;
}	
	
.articles img {
	max-width:100%;
	margin-bottom:14px;
}
	
.articles img.profilepic {
	float:none;
}
	
.articles iframe.flowpaper-class {
	max-height:400px;
	height:400px;
}
	
.panel .homeright.row3 {
	height:325px;	
}	
	
.embed {
	padding-bottom:175%;
	height:175%;
}

table.logos img {
	max-width:60px;
	height:auto;
}	
}