/*
Theme Name: Hancroft Custom Template
Theme URI: http://www.mammothweb.co.nz/
Description: Custom template for Hancroft website
Version: 1.0
Tags: custom
Author: Richard Stalker
Date: Nov 2015
*/

body, html{margin:0; padding:0; font-family: 'Titillium Web', sans-serif; font-size:1em; line-height: 1.5em; color:#000000;}

.line{clear:both; padding:0; margin:15px 0; height:0px; font-size:0px; line-height:0px;}
hr{clear:both; padding:0; margin:15px 0; height:1px; font-size:0px; line-height:0px; border-bottom:1px dotted #ccc; border-top:none; border-left:none; border-right:none;}
a img{border:0;}
p{padding:.4em 0 .7em 0; margin:0; line-height:1.5em;}
a{color:#50b948; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
.ddsg-wrapper h2, .ddsg-wrapper p{display:none;}

h1, .h1{padding:1em 0 .2em 0; margin:0 0 .5em; font-size:2.4em; line-height:1.2em; color:#026227; font-weight:600; line-height: 1.2em;}
h2{margin:0 0 .3em 0; padding:.7em 0 .3em 0; font-size:1.7em; color:#999999; font-weight:500; line-height: 1.2em;}
h3{margin:0; padding:1em 0 .7em 0; font-size:1.2em; font-weight:bold; color:#000000;}
h4{margin:0; padding:.2em 0 .7em 0; font-size:1.1em; font-weight:bold; color:#6eb044;}
h5{color:#95979a; font-weight:normal; padding:.5em 0; margin:0;}

ul{list-style-type:circle; margin:10px 0 10px 15px; padding:0 0 8px 5px;}
ul li{margin:0; padding:3px 0 3px 7px; line-height:1.5em;}
ol{margin:10px 0 10px 15px; padding:0 0 8px 5px;}

.aligncenter{margin:2px auto; display:block;}
.alignright{float:right; margin:2px 2px 30px 30px;}
.alignleft{float:left; margin:2px 30px 30px 2px;}
div.alignleft{margin:2px 10px 10px 2px;}
.alignnone{display:inline-block; margin:5px 10px 10px 0;}

.nomn{margin:4px 2px 0 0;}
table{border-collapse:collapse;}
td{padding:5px;}
.emphasis{font-weight:bold; font-size:1.1em;}
blockquote{border-left:5px solid #ececec; margin:2.5em 0; padding:.5em 3em; font-style:italic; font-size:1.05em;}
blockquote p{padding:1em 0;}
p.emphasis{font-weight:500; font-size:1em;}

.clear{display:block; clear:both; height:0; font-size:0; line-height:0;}
.clearfix:after{ content: " "; display:block; clear:both; height:0; font-size:0; line-height:0;}
header, nav, section, main, article, aside, figure, footer {display:block;}

/* --------------------------- */

header{background:url(/wp-content/uploads/2015/11/Foam-Application-3.jpg) no-repeat; background-size:cover;}
#bg-tp{background:url(images/bg-header.png) repeat; padding:40px 0 10px 0;}
#searchbox{width:250px; margin-right:20px; float:right; border:1px solid #68ac3c; padding:3px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#fff;}
#searchbox input[type=text]{width:210px; padding:3px; float:left; border:none;}
#searchbox input[type=submit]{width:22px; height:22px; text-indent:-9999em; background:url(images/searchbutton.png) no-repeat; float:right; padding:0;}

#ph{width:250px; float:right; padding: 4px 20px 0 0; font-size:1.1em;}
#ph a{color:#95979a; text-decoration:none;}

.wrapper{width:1070px; margin:0 auto;}

#logo{float:left;}
#logo, #logo a{display:block; width:219px; height:81px;}

nav{width:70%; clear:right; float:right;}
 nav ul{display:block; margin:0; padding:0; text-align:right;}
 nav ul li{display:block; display:inline-block; margin:0; padding:0;}
 nav ul li a{display:block; color:#3d3d3d; padding:15px 22px; text-decoration:none;}
 nav ul li a:hover{color:#7db652; text-decoration:none;}

#banner{padding:140px 0;}
#banner h1{padding:.3em 0 0 0;}
#banner #cnt{background:url(images/bg-header.png) repeat; padding:30px; width:600px;}
.emp{color:#6eb044; padding:0 0 10px 0; font-size:1.3em; font-weight:600;}
p.more a{display:block; display:inline-block; padding:12px 30px; text-decoration:none; border:2px solid #6eb044; font-weight:600;}
p.more a:hover{text-decoration:none; color:#333; border-color:#333;}

.banner-row{height:45vh; width: 100%;}
.banner-row2{height:85vh; width: 100%;background-position:center bottom !important;}
.row-2{background:url(images/bg3.gif) no-repeat right bottom; padding:150px 0;}
.row-2 h2{font-size:2.5em;}
.row-2 h4{max-width:600px;}
.row-2 .textwidget{max-width:800px;}

.row-4{background:url(images/bg4.jpg) no-repeat center; background-size:cover; padding:20px 0 35px 0; color:#fff;}
.row-4 h3{color:#6eb044; padding:60px 15px 15px 0; font-size:1.4em; height:48px;}
.row-4 p{font-size:.85em;}
/*
#panel-6-2-0-0 h3{background:url(images/i-coins.png) no-repeat;}
#panel-6-2-1-0 h3{background:url(images/i-lightning.png) no-repeat;}
#panel-6-2-2-0 h3{background:url(images/i-hands.png) no-repeat;}
#panel-6-2-3-0 h3{background:url(images/i-padlock.png) no-repeat;}
#panel-6-2-4-0 h3{background:url(images/i-college.png) no-repeat;}
*/

#pgc-6-2-0 {background:url(images/i-coins.png) no-repeat;}
#pgc-6-2-1 {background:url(images/i-lightning.png) no-repeat;}
#pgc-6-2-2 {background:url(images/i-hands.png) no-repeat;}
#pgc-6-2-3 {background:url(images/i-padlock.png) no-repeat;}
#pgc-6-2-4 {background:url(images/i-college.png) no-repeat;}

/* mobile page */
#pgc-420-2-0 h3{background:url(images/i-coins.png) no-repeat;}
#pgc-420-2-1 h3{background:url(images/i-lightning.png) no-repeat;}
#pgc-420-2-2 h3{background:url(images/i-hands.png) no-repeat;}
#pgc-420-2-3 h3{background:url(images/i-padlock.png) no-repeat;}
#pgc-420-2-4 h3{background:url(images/i-college.png) no-repeat;}

#pgc-6-3-1, #pgc-420-3-1 {padding-top: 20px !important;}

#pg-6-1 {margin-bottom:0px !important;}
#pg-6-2 { margin-bottom: 0px !important; }

.booking {line-height:1.1;}
.send 
.row-5 h3{color:#026227; font-size:2.6em; font-weight:600;}
.row-5 .emphasis{font-size:1.5em; color:#6eb044; font-weight:600; padding:5px 0 10px 0;}
.row-5 h5{font-size:1.7em;}

.f-left{width:210px; margin:0 12px 1% 0; float:left;}
.f-right{width:298px; float:right;}
.f-left p{display:block; padding:2px 0 18px 0;}
.f-right p{display:block; padding:2px 0;}

main{padding:0 0 20px 0; min-height:600px;}
section{width:65%; float:left;}
section.fw{width:100%; float:none;}
aside{width:26%; float:right; padding-top:25px;}

#home-three{background:#f6f6f6;}
 .ah{width:33%; float:left; position:relative;}
 .ah img{position:absolute; top:0; left:0; width:100%; height:auto; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
 .ah:hover img.ah1{opacity:0;}
 img.ah1{z-index:2;}
 img.ah2{z-index:1;}
 .ah .h-cnt{background:url(images/bg-header.png) repeat; position:relative; z-index:3; margin:0 35px 0 0;}
 .ah h2 strong{color:#6eb044; width:50%;}
 .ah h2{padding:70px 20px 5px 20px;}
 .ah p{padding:10px 20px 20px 20px; font-size:.95em; height:153px;}
 .ah p.more{padding:20px 0 0 0; height:auto;}
 .ah p.more a{border:none; border-top:2px solid #6eb044; display:block; padding:16px 20px;}
 .ah p.more a:hover{border-top-color:#333;}

footer{background:url(images/bg-footer.jpg) no-repeat center top; color:#e4e4e4; padding:90px 0 30px 0; margin-top:50px;}

 #fmenu ul{display:block; float:left; font-size:.95em;}
 #fmenu ul, #fmenu li{list-style-type:none; margin:0; padding:0; display:inline-block;}
 #fmenu ul ul{display:none;}
 #fmenu li{display:inline-block; padding:7px;}
 #fmenu li a{display:inline-block; padding:4px 6px;}
 
 footer a{color:#3f3f3f; text-decoration:none;}
 footer a:hover{color:#7db652; text-decoration:none;}
.menu-footer-menu-container {padding-top:70px;}
 
 #fmenu .menu-item-20 a{text-indent:-9999em; background:url(images/i-fb.gif) no-repeat; width:30px; height:30px; padding:0;}
 #fmenu .menu-item-21 a{text-indent:-9999em; background:url(images/i-gplus.gif) no-repeat; width:30px; height:30px; padding:0;}


/* FORMS */

input[type=text], input[type=password], input[type=email], textarea, select{padding:8px; border:0; width:85%; border:1px solid #68ac3c; font-family: 'Titillium Web', sans-serif;}
label{display:block; margin:0; padding:5px 0 0 0; font-size:.9em;}
textarea{width:85%; font-family: 'Titillium Web', sans-serif;}
input[type=submit]{background:#68ac3c; display:block; border:none; cursor:pointer; font-size:1em; padding:7px 25px; color:#fff; text-decoration:none; font-weight:bold; font-family: 'Titillium Web', sans-serif;}
input[type=submit]:hover{opacity:0.9; filter:alpha(opacity=90);}
div.wpcf7{}
img.ajax-loader{float:right;}
input#goog-wm-sb{clear:both; float:none;}
.pform select{width:350px;}

.gform_wrapper.two-column_wrapper ul.one-half{ width: 45%; float:left;}
ul#gform_fields_1, li.empty, li#field_1_10{display:none;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width:85%!important;}
.gform_wrapper{margin-top:0!important;}

/* BLOG */

.post{padding:0 0 20px 0; margin:0 0 15px 0; border-bottom:1px solid #eeeeee;}
.p-left{width:90px; float:left; padding:15px 0 0 0;}
.p-right{width:470px; float:right;}
.datetime{color:#999; font-size:12px;}
.small{font-size:.85em; color:#999; padding-bottom:10px;}
.postmetadata, .feedback{font-size:.8em; color:#666;}
a.tn_link{display:block; float:right; margin:0 0 50px 50px;}
.post-thumb{float:right; margin:20px 0 30px 30px;}
a.readmore{display:block; padding:6px 12px; margin:10px 0; width:90px; text-align:center; color:#fff; text-decoration:none; background:#000000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.postmetadata{display:none;}

.cust-thumb{width:35%; float:right;}
.cust-content{width:60%; float:left;}

/* 2nd Level Menu */

nav li ul {display:block; left: -999em; z-index:999; width:188px; margin:0; padding:0; position:absolute; background:#1e1e1e; box-shadow:2px 10px 33px -10px #000; moz-box-shadow:2px 10px 33px -10px #000; -webkit-box-shadow:2px 10px 33px -10px #000;}
nav li ul li{display:block; padding:0; border-right:none; border-left:none;}
nav li ul li:last-child a, nav li ul li a{border-right:none; border-left:none;}
nav li:hover ul, #nav li.hover ul { left: auto; margin:0;}
nav li ul a{color:#ffffff; font-weight:500; border:none; padding:10px!important; font-size:1em; text-align:left; width:167px; text-transform:capitalize; border-bottom:1px solid #000000;}
nav li ul a:hover{background:#000000; border-bottom:1px solid #000000;}
nav li li{ border:none; float:none; clear:both;}

a#mob-only{display:none; position:absolute; right:25px; top:20px; font-size:1.2em; width:51px; height:41px; color:#fff; text-decoration:none; font-weight:bold; background:url(images/bg-sitenav.png) no-repeat center right #00a19d; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}

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

	  .wrapper{width:100%;}
	  header{padding:15px;}
	  main{padding:0 20px 0 20px;}
	  footer{padding:30px 15px;}

	}
	@media only screen and (max-width:825px) {
	 
	  #h-book{float:none; clear:both; margin:0 auto; width:540px; padding:20px 0 0 0;}
	  iframe{max-width:100%;}
	  .inner_inset_frame, div.inner_inset_frame{width:auto!important;}
	  #cta{padding:60px 15px;}
	  
	}
	@media only screen and (max-width:780px) {
	 
	  #h-book, #f-book{text-align:center; width:100%;}
	  .bo, .fo{width:100%; float:none;}
	  #h-book a.boo, #f-book a.foo{float:none; clear:both; display:inline-block; padding-top:12px; background-position: bottom left;}
	  
	  #flogo{width:40%;}
	  #fmenu{float:none; width:auto; padding-top:20px; clear:both;}
	  #fmenu ul{float:none;}
	  #fmenu li{display:block; padding:0 10px;}
	  
	  .banner .so-panel{padding:30px 0;}
	  
	  section, aside{float:none; width:auto;}
	  img{max-width:100%; height:auto;}
	  
	}

.caldera-grid .form-control {border:1px solid #68ac3c !important;}

.ghost-button-green {
border:1px solid #68ac3c !important;
background: rgba(0,0,0,0) !important;
color: #68ac3c !important;
}
.ghost-button-green:hover {
border:1px solid #68ac3c !important;
background: #68ac3c !important;
color: white !important;
}

.ghost-button-green-inv:hover {
border:1px solid #68ac3c !important;
background: rgba(0,0,0,0) !important;
color: #68ac3c !important;
}
.ghost-button-green-inv {
border:1px solid #68ac3c !important;
background: #68ac3c !important;
color: white !important;
}

#mc_embed_signup input {
    border: 1px solid #68ac3c !important;
    -webkit-appearance: none;
}
#mc_embed_signup .button {
    clear: both;
    background-color: #68ac3c !important;
    color: white !important;
}

#mc_embed_signup input {
    border: 1px solid #68ac3c !important;
    -webkit-appearance: none;
}
#mc_embed_signup .button:hover {
    background-color: white !important;
    color: #68ac3c !important;
}