/*
Theme Name: COMPOUND AND EVENT HIRE Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300)



*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{ font-family:'Montserrat', sans-serif; background: #fff; font-size: 17px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }


q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clrBoth{clear:both;line-height:0px;}
.NoPadding{ padding:0}
.NoPaddingRight{ padding-right:0}
.fl{ float: left}
.fr{ float: right;}
a{ text-decoration: none}
::-webkit-input-placeholder {
   color: a9a9a9;
   font-size: 13px;
    font-style: italic
}

:-moz-placeholder { /* Firefox 18- */
   color: a9a9a9; 
   font-size: 13px;
    font-style: italic
}

::-moz-placeholder {  /* Firefox 19+ */
   color: a9a9a9;  
   font-size: 13px;
    font-style: italic
}

:-ms-input-placeholder {  
   color: a9a9a9; 
    font-size: 13px;
    font-style: italic
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
input{outline: none;}

/**************************************************************************************/
/* TYPOGRAPHY */

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; font-family: 'Montserrat', helvetica, sans-serif; }
h2 { font-size: 2em; margin-bottom: 0.75em;  font-family: 'Montserrat', helvetica, sans-serif; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-family: 'Montserrat', helvetica, sans-serif; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; line-height:1.5em }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

body, p      { font-family: 'Montserrat', helvetica, sans-serif; font-size:16px; line-height:26px; margin: 0 0 1.5em;  }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #2F6631; text-decoration: underline;}
a           { color: #2F6631; text-decoration:none; font-weight:bold;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
del         { color:#666; }

address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}

/* Lists
-------------------------------------------------------------- */

/*li ul, */
/*li ol       { margin:0 1.5em; }*/
/*ul, ol      { margin: 0 1.5em 1.5em 1.5em; }*/

/*ul          { list-style-type: disc; }*/
/*ol          { list-style-type: decimal; }*/

.innerPages ul {margin-bottom:10px;}
.innerPages ul li { list-style:inside none disc; line-height:1.5em;}

.innerPages ol {margin-bottom:10px;}
.innerPages ol li { list-style-image: unset; list-style-position: inside; list-style-type: unset; line-height:1.5em;}

/**************************************************************************************/
/* WP IMAGE ALIGNMENT */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/**************************************************************************************/
/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left:34px;
  cursor: pointer;
  display: inline-block;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width:25px; height:25px;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius:4px;
  outline: none;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  top: 9px;
  left: 7px;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}

/**************************************************************************************/
.body_wrapper{ width:100%; margin:0 auto; background: #fff; color: #000000;} 
.container{ width:960px; margin:0 auto}
.MainHeader{ background:rgba(255, 255, 255, 0.74); min-height:180px; position:fixed; width:100%; z-index:999; top:50px;}
#logo{ margin-left:10px; margin-top:20px; display: inline-block}
.logo {padding: 20px 0 30px 0;}

.MainNavigation{ background:none;border-radius:0;box-shadow:none; border:0; padding-left: 30px;}
.MainNavigation #navbar{ padding:0}
.MainNavigation #navbar ul li{ margin-right:0px; float: left; list-style:none; text-decoration:none;}
.MainNavigation #navbar ul li:last-child{ margin-right:0}
.MainNavigation #navbar ul li a{ font-size:16px; color: #000;font-family:'Montserrat', sans-serif; font-weight:700; text-shadow:none; padding:66px 12px 16px;display:inline-block; text-decoration:none;}
.MainNavigation #navbar ul li.current-menu-item a{ background:#2f6631; color: #fff; text-decoration:none;}

.scrollHeader{ top:0; min-height:50px; background:#fff; border-bottom: 1px solid #ccc; padding-bottom:10px;}
.scrollHeader #logo{margin-top:0px;}
.scrollHeader #logo img{ height:50px}
/* .scrollHeader #navbar ul li a{ padding:10px 12px 10px}*/

#myCarousel .item img{ width:100%;}
#myCarousel .item{ height:570px}
.hero-style {background-position: center center !important;
    background-size: cover;}


.BoxSec{margin-top:-142px;}
.BoxSec .col-sm-3{ padding:0 25px 0 0; text-align: center}
.BoxSec .col-sm-3:last-child{ padding:0}
.BoxSec .box{ color: #fff;}
.BoxSec .box h2{ font-size:25px; font-weight: bold; font-family:'Montserrat', sans-serif; padding: 20px 0 15px; color:#FFFFFF; margin:0;}
.BoxSec .box p{ font-size:14px; font-family:'Lato', sans-serif; margin:0 15px 21px;}
.BoxSec .box-1{ background:#000000; position: relative; z-index: 10;}
.BoxSec .box-2{ background:#96a850; position: relative; z-index: 10;}
.BoxSec .box-3{ background:#2f6631; position: relative; z-index: 10;}
.BoxSec .box-4{ background:#e8c31b; color: #231f20; position: relative; z-index: 10;}
/*.BoxSec .box-4 p{font-family:'Lato', sans-serif;font-weight:400; color:#231f20;line-height: 19px;}*/
.BoxSec .box button{ background:#000; color: #fff; font-size:15px; border:0; font-family:'Montserrat', sans-serif; padding:7px 20px;margin-bottom:10px;}
.greenSection{ background:#2f6631; margin-top:50px; text-align: center; padding:10px 0 42px}
.greenSection p{ color: #fff;font-family:'Montserrat', sans-serif; font-weight: bold; font-size:16px; width:620px; margin: 0 auto; margin-top:32px; line-height:25px}
.mainFooter{ background:#fff; padding:45px 0;}
.mainFooter ul li{ float: left; width:25%; list-style:none;}
.mainFooter ul li.hireSale p.Postal{ margin-top:20px}
.mainFooter ul li.hireSale{ width:32%}
.mainFooter ul li.hours{ width:28%}
.mainFooter ul li.quickLink{ width:25%}
.mainFooter ul li.footerLogo{ width:15%; text-align: right}

.innerPages{ margin-top:35px}
.innerPages h2{font-family: "Montserrat",sans-serif; font-size: 25px; font-weight: bold;  padding: 0;}
/*.innerPages p{
	color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
}*/

.mainFooter ul li h3{ color: #000; text-transform: uppercase;font-family:'Montserrat', sans-serif; font-weight:700; font-size:17px; margin-bottom:20px; list-style:none;}
.mainFooter ul li p, .mainFooter ul li a{ font-size:14px; font-family:'Lato', sans-serif; color: #000;  line-height: 20px; margin: 0; padding: 0; text-decoration: none;}
.mainFooter ul li > ul li{ float: none; width:100%; list-style:none;}

div.mainFooter div.container div.row ul li.hireSale a:hover,
div.mainFooter div.container div.row ul li.quickLink ul#menu-footer-quick-links-1.menu li a:hover { color:#2F6631; cursor:pointer;}

/* Equipment Hire Buttons */
.portaloos {background-color:#0071bb; }
.containers {background-color:#2f6631; }
.fencing {background-color:#96a850; }
.signs {background-color:#4fa752; }

.portaloos, .containers, .fencing, .signs{
	background-image: none;
	border-radius: 10px;
	box-shadow: none;
	color: #fff;
	font-family: "Montserrat";
	text-shadow: none;
	text-transform: uppercase;
	margin:0;
color:#FFF; font-size:17px;
}

.well {
    background-image: none;
    background-repeat: none;
    border-color: #dcdcdc;
    box-shadow: none;
background-color:#f9f9f9;
margin-top:20px;
}
   
   .mainSlider, .MiddleCntainer { clear:both} 
   .carousel {
    position: static;
}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}




.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

form#gform_1 div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_4 { margin-top:20px}
form#gform_1 div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_3 { margin-top:20px}
.alignnone { float:none; clear:both}

table.sign-table tbody tr td, table.sign-table tbody tr, table.sign-table tbody {display:block}
table.sign-table tbody tr td, table.sign-table tbody tr { float:left}
table.sign-table tbody tr td { padding:10px; background-color:#f7f7f7; border: 1px solid #fff; min-height:95px}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.header-phone { float:right; font-weight:bold; font-size:25px; background-color:#2F6631; width:100%; color:#fff; padding:15px 0; text-align:right}

.header-phone div.container a { color:#fff}

/*! #######################################################################

	Media Queries

####################################################################### */

@media screen and (max-width: 810px) {

	.logo { text-align:center; margin:0 auto; min-width:200px}
}

/*------Gallery ----*/

.gallery-item {
	width:auto !important;
	float: left;
    	padding: 15px;
}
.gallery-item .gallery-icon img{
	width:185px;
	height:175px;
}

div.gallery figure.gallery-item figcaption{
	width: 185px;
}
.gallery {
	clear: both;
	width: 100%;
}
div.box.box-1.innerPages h4{
	clear: both;
}
.MainHeader{
	top: 0px;
}
.MainNavigation #navbar ul li a{
	padding-top: 12px;
	padding-bottom: 12px;
}
.MainNavigation{
	top: 25px;
	position: relative;
}
.header-phone{
	background-color: unset;
}
.phone-text{
	font-size: 20px;
	color: #2f6631;
}
.phone-number{
	font-size: 20px;
	color: #2f6631;
}
.logo{
	padding-bottom: 0px;
}
.MainHeader{
	min-height: 175px;
}
div#navbar ul#menu-main-menu li ul.sub-menu{
	display: none;
}
div#navbar ul#menu-main-menu li:hover ul.sub-menu{
	display: block;
	position: absolute;
	width: 185px
}
div#navbar ul#menu-main-menu li:hover ul.sub-menu li{
	float: left;
    list-style-type: none;
    margin-right: 5px;
    text-decoration: none;
    border-top: 1px solid white;
	background-color: #2f6631;
	width: 100%;
}
div#navbar ul#menu-main-menu li:hover ul.sub-menu li a{
	font-size: 15px;
	background-color: #2f6631;
	color: white;
}
div#navbar ul#menu-main-menu li:hover ul.sub-menu li a:hover{
	background-color: black;
	display: block;
	width: 100%;
}
.BoxSec .box-1, .BoxSec .box-2, .BoxSec .box-3, .BoxSec .box-4, .BoxSec .box-5, .BoxSec .box-6 {
	text-align: center;
	height: 355px !important;
}
.BoxSec .box h2 {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 20px 0 15px;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}
.BoxSec .box p{
	margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: white;
    font-weight: 600;
}
.more-margin{
	margin-top: 30px;
	overflow: hidden;
}
.BoxSec .box-5{
	background-color: #0071bb;
}
.BoxSec .box-6{
	background-color: #96a850;
}
.more-margin-mobile{
	margin-bottom: 30px;
	overflow: hidden;
}
#field_1_5, #field_1_2{
	clear: unset !important;
	width: 50%;
	float: left;
}
#input_1_5, #input_1_2{
	width: 97.5%;
}
#field_2_5{
	padding-right: 16px;
}
#field_2_5, #field_2_2{
	clear: unset !important;
	width: 50%;
	float: left;
}
#input_2_5, #input_2_2{
	width: 97.5%;
}
#field_2_5{
	padding-right: 16px;
}
div.box-more div div div p a:nth-child(2){
	padding: 5px 10px;
    color: white;
    background-color: #2F6631;
    margin-top: 5px;
    display: block;
    width: 70px;
    text-decoration: none;
}
div.box-more-info div div div p a:nth-child(2){
	padding: 5px 10px;
    color: white;
    background-color: #2F6631;
    margin-top: 5px;
    display: block;
    width: 95px;
    text-decoration: none;
}
div.box-contact div div div p a:nth-child(2){
	padding: 5px 10px;
    color: white;
    background-color: #2F6631;
    margin-top: 5px;
    display: block;
    text-decoration: none;
    width: 105px;
}
div.box-more div div div p a:nth-child(2):hover, div.box-more-info div div div p a:nth-child(2):hover, div.box-contact div div div p a:nth-child(2):hover{
	background-color: black;
}
.header-phone{
	padding-top: 25px;
}
.header-phone br{
	display: none;
}
.phone-number{
	padding-top: 5px;
}
#gform_submit_button_2, #gform_submit_button_1{
	padding: 5px 10px !important;
    color: white !important;
    background-color: #2F6631 !important;
    margin-top: 5px !important;
    display: block !important;
    width: 95px !important;
    text-decoration: none !important;
    border: none !important;
    font-weight: 600 !important;
}
#gform_submit_button_2:hover, #gform_submit_button_1:hover{
	background-color: black !important;
}
.innerPages h2{
	font-size: 23px;
}
a.box.button{
	padding: 5px 10px;
    color: white;
    background-color: #2F6631;
    margin-top: 5px;
    text-decoration: none;
}
a.box.button:hover{
	padding: 5px 10px;
    color: white;
    background-color: black;
    margin-top: 5px;
    text-decoration: none;
}
@media screen and (max-width: 991px) {
	.more-top-margin-tablet{
		margin-top: 20px;
	}
	.more-margin{
		margin-top: 0px;
		margin-bottom: 30px;
		overflow: hidden;
	}
	.BoxSec .box p{
		padding-bottom: 15px !important;
	}
}
@media screen and (max-width: 860px) {
	.MainNavigation #navbar ul li a{
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
}
@media screen and (max-width: 767px) {
	.mean-container .mean-bar{
		display: none;
	}
	.header-phone{
		text-align: center;
		padding-bottom: 10px;
	}
	.header-phone br{
		display: none;
	}
	.phone-number{
		padding-top: 5px;
	}
	.more-top-margin-tablet{
		margin-top: 0px;
	}
	.more-top-margin-mobile{
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	.more-top-margin-mobile{
		margin-top: 0px;
	}
}
.outerBox{
	position: relative;
	display: block;
}
.sixBox-white-overlay{
	height: 200px;
    width: 290px;
    display: block;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0px;
    display: none;
}
a.outerBox:hover .sixBox-white-overlay{
	display: block;
}
.boxImageDiv{
	width: 290px;
	height: 200px;
}
@media screen and (max-width: 991px) {
	.boxImageDiv {
	    width: 100%;
	    height: 100%;
	}
	.outerBox{
		height: 100%;
	}
}
.blogSection{
	background-color: #2f6631 !important;
	width: 100%;
	height: auto;
	padding-top: 45px;
	padding-bottom: 45px;
}
.blogSection h2{
	font-family: 'Montserrat';
	color: #ffffff;
	font-size: 25px;
	font-weight: 700;
	line-height: 27px;
	margin-left: 15px;
}
.blog-image{
	width: 290px;
	height: 164px;
}
.blogSection h4 a{
	font-family: 'Montserrat';
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
}
.blogSection h4 a:hover{
	color: white;
	text-decoration: none;
}
.blogSection p{
	text-align: center;
	font-family: 'Montserrat';
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	max-width: 260px;
	margin: 0 auto;
}
.blogSection h4{
	text-align: center;
	margin-top: 20px;
	display: table;
    	margin-bottom: 20px;
}
.postFeatureImage{
	max-width: 960px;
	margin: 0 auto;
	display: block;
}
.page_post_nav{
	width: 100%;
	display: table;
	clear: both;
}
.page_post_nav .previous_post{
	float: left;
}
.page_post_nav .next_post{
	float: right;
}
.page_post_nav .previous_post a:hover{
	text-decoration: none;
}
.page_post_nav .next_post a:hover{
	text-decoration: none;
}
@media screen and (max-width: 991px) {
	.boxImageDiv {
	    width: 100%;
	    height: 100%;
	}
	.greenSection p{
		margin-top: 0px;
	}
	.blog-image{
		display: block;
		margin: 0 auto;
		margin-top: 20px;
	}
	.blogSection h2{
		margin-left: 0px;
		text-align: center;
		margin-bottom: 0px;
	}
}
.greenSection{
	background-color: white;
	margin-top: 0px;
}
.greenSection p{
	color: black;
}
.blog-white-overlay{
	height: 164px;
    width: 290px;
    display: block;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0px;
    display: none;
}
a.outerBox:hover .blog-white-overlay{
	display: block;
}
.page_post_nav{
	margin-top: 20px;
	display: block;
	clear: both;
}