/*
Theme Name: Green Water Services
Author: Adam Leese Design Studio
Author URI: https://www.adamleese.co.uk/
Description: Bespoke theme for Emmer-Son Construction by Adam Leese Design Studio
Version: 2020
Template: aldsbp
*/
@font-face {
    font-family:'Raleway';
    src: url('fonts/Raleway.woff2') format('woff2'),
         url('fonts/Raleway.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
::-moz-selection {
	background:#73A532;
}
::selection {
	background:#73A532;
}
h1, h2, h3, h4, h5, h6, .font {
    font-family:'Raleway';
	font-weight:normal;
	color:#73A532;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	color:#333;
}
th {
	font-size:1rem;
	background-color:#999;
}
tr:nth-of-type(1) th {
	background-color:#333;
}
a {
	transition:all 0.5s ease;
}
a:hover {
	color:#73A532;
	opacity:1;
}
#header {
	width:100%;
	z-index:9;
}
@media all and (min-width: 1200px) {
#header {
	position:fixed;
}
}
#header .gutter10 {
	padding:0 10px;
}
#header-top {
	background-color:#FFF;
}
#header-top p {
	font-size:1.25rem;
	color:#666;
}
#header-top p strong {
	font-size:1.875rem;
	font-weight:normal;
	color:#73A532;
}
@media all and (max-width: 1199px) {
#header .two-fifths {
	order:2;
	text-align:center;
}
}
@media all and (max-width: 959px) {
#header {
	position:relative;
}
}
@media all and (max-width: 639px) {
#header-top p {
	font-size:1.125rem;
	border:1px solid #73A532;
	margin:0 0 0.5rem 0;
	padding:0.5rem;
}
#header-top p strong {
	font-size:1em;
	padding:0 0.5rem 0 0;
}
#header-top br {
	display:none;
}
}
#logo {
	position:relative;
}
#logo a {
	display:block;
	background-color:#FFF;
	position:absolute;
	top:10px;
	z-index:8;
	border-radius:50%;
}
#logo img {
	transition:all 0.25s ease;
	padding:0 25px 20px 25px;
	height:150px;
	width:auto;
}
@media all and (max-width: 1199px) {
#logo {
	order:1;
}
#logo a {
	position:relative;
	top:0;
	border-radius:none;
}
#logo img {
	padding:0;
	height:auto;
	width:auto;
}
}
@media all and (max-width: 639px) {
#logo {
	text-align:left;
}
#logo img {
	height:100px;
}
}
#menu {
	background-color:#73A532;
	background-color:rgba(115,165,50,0.85);
}
#menu .half {
	padding-bottom:0;
	padding-top:0;
}
.main-menu-toggle {
	background-color:#73A532;
	color:#FFF;
	min-width:68.25px;
}
@media all and (max-width: 639px) {
nav#main-menu {
	padding:4.5rem 0 0 0;	
}
.site-width.gutter10 #main-menu.row {
	margin:0;
	display:none;
}
.site-width.gutter10 #main-menu.row > div {	
	padding:0;
}
nav#main-menu li {
	width:100%;
}
nav#main-menu li a:hover, nav#main-menu li li a:hover {
	background-color:#73A532;
}
nav#main-menu, nav#main-menu li a, .sub-menu-arrow, .sub-menu-arrow i {
	font-size:1.5rem;
}
nav#main-menu .text-right li li {
	text-align:center;
}
}
@media all and (min-width: 640px) {
nav#main-menu {
	background-color:transparent;
}
nav#main-menu ul li ul {
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
}
nav#main-menu ul li ul {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:hidden;
}
nav#main-menu li a {
	background-color:transparent;
}
nav#main-menu li a {
	color:#FFF;
	padding:0.5rem 1.25rem;
	font-size:1.25rem;
}
nav#main-menu li a:hover {
	background-color:#333;
	color:#FFF;
	opacity:1;
}
nav#main-menu li li a {
	background-color:#FFF;
    font-size:1rem;
	border-bottom:none;
	padding:1rem;
	margin:0;
}
nav#main-menu li li a:hover {
	background-color:#73A532;
	color:#FFF;
	opacity:1;
	border-bottom:none;
}
}
@media all and (min-width: 960px) and (max-width: 1199px) {
.site-width.gutter10 #main-menu.row {
	display:inline-block;
	padding:0 5px;
}
.site-width.gutter10 #main-menu.row > div.half {
	display:inline-block;
	padding:0;
	float:left;
	max-width:none;
	flex-basis:auto;
}
}
@media all and (min-width: 640px) and (max-width: 959px) {
	#menu .site-width.gutter10, #menu .site-width.gutter10 .row, #menu .gutter10 .row > div {
	padding:0;
	margin:0;
}
nav#main-menu .text-right ul li ul {
	left:0;
	right:auto;
}
.site-width.gutter10 #main-menu.row div.half ul.menu {
	display:flex;
}
.site-width.gutter10 #main-menu.row div.half ul.menu > li {
	flex-basis:33.333%;
	max-width:33.333%;
}
}
@media all and (max-width: 959px) {
nav#main-menu .text-right ul, nav#main-menu .text-right ul li {
    float:none;
}
.site-width.gutter10 #main-menu.row div.half ul.menu > li > a, nav#main-menu .text-right ul li li {
	text-align:center;
}
}
/* Fixed Header */
#slideshow {
	position:relative;
	background-color:#8A8E8F;
}
#slideshow-featured {
	height:40vw;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.no-slide {
	height:170px;
}
@media all and (min-width: 960px) and (max-width: 1199px) {
.no-slide {
	height:calc(14.5vw + 40px);
}
}
@media all and (min-width: 640px) and (max-width: 959px) {
.no-slide {
	height:10px;
}
}
@media all and (max-width: 639px) {
.no-slide {
	height:5px;
}
}
.ms-slide-info {
	top:calc(50% - 20px)!important;
	text-align:center;
}
.ms-slide-info h1, .ms-slide-info h2 {
	color:#FFF;
	font-size:1.75rem;
	background-color:#73A532;
	background-color:rgba(115,165,50,0.85);
	display:inline-block;
	padding:30px;
	border-radius:100px;
}
@media all and (min-width: 640px) and (max-width: 959px) {
.ms-slide-info h1, .ms-slide-info h2 {
	font-size:1.5em;
	padding:20px;
}
}
@media all and (max-width: 639px) {
.ms-slide-info h1, .ms-slide-info h2 {
	font-size:1.25rem;
	padding:10px;
}
}
#slideshow-featured .ms-slide-info {
	width:100%;
}
#slideshow-featured .ms-slide-info .ms-info {
	margin:0 auto;
}
@media all and (min-width: 1441px) {
.ms-container, #slideshow-featured {
	height:30vw;
	overflow:hidden;
}
}
@media all and (min-width: 1921px) {
.ms-container, #slideshow-featured {
	height:25vw;
}
}
.sectors {
	background-color:#EFEFEF;
}
.sector-image, .page-links-image {
	padding:0 0 45% 0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	transition:all 0.5s ease;
}
.sector-image {
	border-top-right-radius:50px;
	border-top-left-radius:50px;
}
.page-links-image {
	border-radius:10px;
	overflow:hidden;
}
a:hover .sector-image, a:hover .page-links-image {
	opacity:0.66;
}
.sectors-text {
	text-align:center;
	border-bottom-right-radius:50px;
	border-bottom-left-radius:50px;
	background-color:#FFF;
	padding:0.5em;
}
.sectors h4, .page-links h4 {
	background-color:#73A532;
	background-color:rgba(115,165,50,0.85);
	color:#FFF;
	font-size:1.5rem;
	margin:0;
	padding:0.5rem 0;
	line-height:1;
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
}
.sectors a:hover h4, .page-links a:hover h4 {
	opacity:1;
}
#content p {
	line-height:1.5;
}
#content a {
	color:#73A532;
}
#content a:hover {
	color:#000;
}
.panel {
	background-color:#FFF;
	border-radius:50px;
	padding:0.5rem;
}
.panel-box {
	border-radius:10px;
	padding:1rem;
	border:1px solid #73A532;
}
.banner h4 {
	display:inline;
	color:#FFF;
	line-height:2rem;
}
.banner a.button {
	display:inline;
	margin:0 0 0 1rem;
	line-height:2rem;
}
.banner a.button:hover {
	color:#000;
	background-color:#FFF;
}
.banner, #footer {
	background-color:#000;
	background-image:url("images/watermark.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#footer h4 {
	color:#FFF;
	font-size:1.75rem;
}
#footer h5 {
	color:#000;
}
#footer a {
	color:#FFF;
}
#footer strong, #footer a strong, #footer a:hover {
	color:#73A532;
	font-weight:normal;
}
.logos {
	vertical-align: middle;
}
.logos img {
	vertical-align: middle;
	margin:0.5rem;
}
#footer-social {
	background-color:#EFEFEF;
}
#footer-social a {
	color:#FFF;
	display:block;
	border-radius:2rem;
	padding:1rem;
}
#footer-social a i {
	font-size:2rem;
}
#footer-social a.facebook {
	background-color:#3B5998;
}
#footer-social a.twitter {
	background-color:#00ACEE;
}
#footer-social a.instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
#footer-social a.linkedin {
	background-color:#2867B2;
}
#footer-social a.email {
	background-color:#73A532;
}
#footer-social a:hover {
	color:#FFF;
	background-color:#333;
}
#copyright, #copyright p {
	color:#333;
	font-size:0.75rem;
}
#copyright li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}
#copyright li a {
	color:#333;
}
#copyright li a:hover {
	color:#73A532;
}
#copyright .two-thirds {
	text-align:right;
}
#copyright li a {
	margin:0 0 0 0.5rem;
}
@media all and (max-width: 959px) {
#copyright .third, #copyright .two-thirds {
	text-align:center;
}
}
/* Buttons */
.button, a.button, .wp-block-button__link, input[type="submit"], #content a.button, #content a.wp-block-button__link {
    font-family:'Raleway';
	padding:0.5rem 1rem;
	border:1px solid #73A532;
	background-color:#73A532;
	color:#FFF;
	border-radius:1rem;
	cursor:pointer;
}
input[type="submit"] {
	padding:0.25rem 0.75rem;
}
.button:hover, a.button:hover, .wp-block-button__link:hover, input[type="submit"]:hover {
	border:1px solid #333;
	background-color:#333;
	color:#FFF;
}
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
	border:1px solid #333;
	background-color:transparent;
	color:#333;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button__link.is-style-outline:hover {
	border:1px solid #73A532;
	background-color:transparent;
	color:#73A532;
}
#content .post-nav-links .post-page-numbers, #content .nav-links .page-numbers, #content .nav-next, #content .nav-previous {
	color:#000;
}
#content .post-nav-links .post-page-numbers.current, #content .nav-links .page-numbers.current, #content .nav-links .page-numbers.dots {
	color:#FFF;
}
/* Caption */
.wp-block-image figcaption {
	margin-top:1em;
}
/* Pagination */
.post-nav-links, .nav-links {
	font-size:1rem;
}
.post-nav-links .post-page-numbers, .nav-links .page-numbers, .nav-next, .nav-previous {
	background-color:#EFEFEF;
	color:#000;
	min-width:30px;
	padding:0.5rem 0;
	font-size:1rem;
	margin:0 2.5px;
	display:inline-block;
}
.post-nav-links .post-page-numbers.current, .nav-links .page-numbers.current, .nav-links .page-numbers.dots, .nav-next, .nav-previous {
	background-color:#73A532;
	color:#FFF;
}
.prev.page-numbers, .next.page-numbers {
	background-color:#CCC;
}
/* Archive */
.archive h1.entry-title {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:5px solid #EFEFEF;
	color:#73A532;
}
.archive .entry-summary {
	border-bottom:5px solid #EFEFEF;
	padding-bottom:1em;
	margin-bottom:1.25em;
}
blockquote:before {
	display:none;
}
blockquote {
	background-color:#EFEFEF;
	border:none;
	padding:0.75rem;
}
blockquote cite {
	text-align:center;
	color:#73A532;
}
/* Login */
.small {
	font-size:0.75em;
}
#login input {
	width:150px;
	margin:5px 0 0 0;
}
#login input[type="submit"] {
	width:auto;
}
.login-toggle {
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
	color:#999;
	text-align:center;
	padding:1rem 0 0 0;
	min-width:65px;
	min-height:65px;
}
.login-toggle .menu-close {
	display:none;
}
.login-toggle.active .menu-open {
	display:none;
	background-color:transparent;
}
.login-toggle.active .menu-close {
	display:inline-block;
}
.login-toggle i {
	font-size:2.5rem;
}
@media all and (max-width: 959px) {
#login {
	display:none;
}
#login input {
	width:calc(40vw - 20px);
}
#login input[type="submit"] {
	width:calc(20vw - 10px);
}
}
@media all and (max-width: 639px) {
.login-toggle {
	right:65px;
}
}
/* Contact Us */
.page-id-351 button, .page-id-351 input, .page-id-351 optgroup, .page-id-351 select, .page-id-351 textarea {
	width:100%;
}
.page-id-351 input[type="submit"] {
	width:25%;
	margin:0 auto;
}
.page-id-351 textarea {
	height:150px;
}
/* Table Scroll */
.table-scroll {
    overflow:auto;
}
/* Forms */
.red {
	color:#C00;
}
/* Centered Lists */
.text-center ul {
	display:inline-block;
	text-align:left;
}