/*
Theme Name: WCL 2016
Theme URI: no
Description: Hayes Design Template 
Version: 2015
Author: Craig Hayes, Hayes Design 2016
Author URI: http://www.hayesdesign.co.nz
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

Basic
Structure
Header
Post Settings
Style Select Styles
Sidebar
Footer
Wordpress Core
Plugin Specific Settings
Responsive

*/


/*--------------- 		Basics			---------------*/
* {
	margin: 0;
}
body, html {
	height: 100%
}
body {
	background: #fff;
	font-family: 'Open Sans', Arial, sans-serif, Helvetica;
	font-weight: 300;
}
.clear {
	clear: both;
	display: block
}
img {
	display: block;
}
/*--------------- 		Structure 		---------------*/
#page {
	max-width: 100%;
	margin: 0 auto -250px;
	overflow: hidden;
}
#main {
	padding: 0px 10% 0px 10%;
}
#content {
	margin: 0;
	width: 100%
}
#primary {
	background: #fff;
	float: left;
	margin: 0px;
	width: 100%;
}
#secondary {
	float: right;
}
.post {
	border: none;
	clear: both;
	margin: 0;
	min-width: 284px;
}
.postwrap {
	padding: 0
}
/*--------------- 		Header 			---------------*/
.header {
	background-color: #eee;
	color: #fff;
	max-height: 450px;
}
.header-wrapper {
	background: 0 0;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}
.header-contents, .land-header-contents {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
.header-contents h1, .land-header-contents h1 {
	display: none
}
/*--------------- 		Post Settings			---------------*/
.post img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.comment-content table, .postwrap table {
	border: none;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.comment-content th, .postwrap th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.comment-content td, .postwrap td {
	border: none;
	border-top: 1px solid #ddd;
	font-size: 11pt;
	line-height: 18pt;
	padding: 6px 10px 6px 5px;
}
#content .comment-content td p, #content .postwrap td p {
	font-size: 90%;
	line-height: 1.5em;
}
.comment-content td, .postwrap tr {
	border: none
}
#footer .widget {
	border-bottom: 0 dotted #ccc;
	padding: 0;
}
.featured_img .attachment-post-thumbnail, .featured_img .wp-post-image {
	float: left;
	padding: 10px 40px;
}
.singleimg {
	float: right;
}
#newsbar
{
	background-image: url('https://www.whitestone.co.nz/wp-content/uploads/revslider/wcllander/sliderbg.jpg');
	background-repeat: no-repeat;
	padding: 100px 10%;
	margin: 0;
}
/*--------------- 		Style Select Styles			---------------*/
.hd-column {
	float: left;
	padding: 2%;
	width: 21%;
}
.hd-half-column {
	float: left;
	padding: 2%;
	width: 46%;
}
.blue-block {
	background: #7dc7ec;
	border-top: 1px solid #52b4e6;
	border-bottom: 1px solid #52b4e6;
	color: #fff;
	margin: 30px 0;
	padding: 3%;
	text-align: center;
}
.blue-block h1, .blue-block h2, .blue-block h3, .blue-block h4, .blue-block h5, .blue-block h6, .blue-block p {
	color: #fff;
}
/*--------------- 		Sidebar 		---------------*/
.widget {
}
#secondary img {
	margin: 2% 2% 0;
	width: auto;
}
#calendar_wrap {
	padding: 0 10%;
	width: 80%;
}
#wp-calendar {
	width: 100%
}
#wp-calendar caption {
	color: #f38355;
	font-size: 90%;
	text-align: right;
}
#wp-calendar thead th {
	color: #fff;
	font-weight: 300;
	padding-bottom: 10px;
	text-align: center;
}
#wp-calendar tbody {
	color: #aaa
}
#wp-calendar tbody td {
	background: #444;
	border: 1px solid #333;
	font-size: 80%;
	padding: 2%;
	text-align: center;
}
#wp-calendar tbody td:hover {
	background: #3171a3;
	color: #fff;
}
#wp-calendar tbody .pad {
	background: 0 0
}
#wp-calendar tbody #today {
	background: #f38355;
	color: #000;
}
#wp-calendar tbody #today a {
	color: #fff
}
#wp-calendar tfoot #next {
	font-size: 80%;
	padding-top: 10px;
	text-align: right;
	text-transform: uppercase;
}
#wp-calendar tfoot #prev {
	font-size: 80%;
	padding-top: 10px;
	text-transform: uppercase;
}
/*--------------- 		Footer 			---------------*/

/*--------------- 		Wordpress Core	---------------*/
.alignnone, a img.alignnone {
	margin: 5px 20px 20px 40px;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignright, a img.alignright {
	float: right;
	margin: 5px 0 20px 40px;
}
.alignleft, a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}
.aligncenter, a img.aligncenter {
	display: block;
	margin: 5px auto;
}
.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignleft, .wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.gallery-caption, .wp-caption .wp-caption-text {
	font-size: 90%;
	margin: 0;
	padding: 0 5px;
}
.hd-float-left {
	float: left;
}
.hd-float-right {
	float: right;
}
.datebox {
	background: #26a9e0;
	border: none;
	color: #fff;
	float: left;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	padding-top: 12px;
	width: 60px;
}
.postwrap.btn {
	color: #fff;
	font: 300 90%/1em 'Open Sans', Arial, sans-serif;
	padding: 2%;
	text-transform: none;
}
#secondary.btn {
	background: #222;
	color: #fff;
	float: right;
	font: 300 90%/1em 'Open Sans', Arial, sans-serif;
	padding: 8px;
	text-transform: none;
}
#secondary.btn:hover {
	background: #f05a23;
}
br {
	height: 10px;
}
#searchform {
	padding: 20px;
}
#s {
	background-color: #fff;
	border: 0 solid #fff;
	color: #0375c5;
	padding: 6px;
	width: 69%;
}
.circle {
	list-style: circle;
}
.nosidebar#primary {
	width: 100%;
}
.nosidebar#secondary {
	display: none;
}
hr {
	border-top: 1px dotted #ddd;
	margin: 1em auto;
	width: 100%;
}
/*--------------- 		Plugin Specific Settings	---------------*/
#content .wpb_content_element .wpb_tabs_nav {
	background: #3171a3 !important;
	margin: 0 !important;
	padding : 0 !important;
}
#content .wpb_tabs .wpb_tabs_nav li {
	margin: 0;
}
#content .wpb_content_element .wpb_tabs_nav li a {
	background: #3171a3;
	color: #fff;
}
#content .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
	background: #f7f7f7;
	color: #3171a3;
}
#content .last_toggle_el_margin, #content .wpb_button, #content .wpb_row, #content ul.wpb_thumbnails-fluid>li, .wpb_content_element {
	margin: 0;
}
.vertical_layer_parallax {
	width: 100% !important;
}
.ls-fullwidth .ls-nav-prev {
	left: 55px !important;
}
.parallaxvert {
	height: 600px;
}
.hd_form h3 {
	padding: 0;
}
.hd_form .gfield_required {
	color: #f38355 !important;
}
.hd_form .top_label .gfield_label {
	color: #222 !important;
	font-size: 90% !important;
	font-weight: 300 !important;
}
.hd_form input[type=email], .hd_form input[type=number], .hd_form input[type=password], .hd_form input[type=tel], .hd_form input[type=text], .hd_form input[type=url] {
	background: #eee !important;
	border: none !important;
	padding: 5px 2px !important;
}
.hd_form .top_label input.large, .hd_form .top_label select.large, .hd_form .top_label textarea.textarea {
	background: #eee !important;
	border: none !important;
}
.hd_form .gfield_date_day label, .hd_form .gfield_date_month label, .hd_form .gfield_date_year label, .hd_form .gfield_time_hour label, .hd_form .gfield_time_minute label, .hd_form .ginput_complex label, .hd_form .instruction, .hd_form_footer .gfield_required {
	color: #f38355 !important;
}
.hd_form_footer .top_label .gfield_label {
	font-size: 90% !important;
	font-weight: 300 !important;
}
.hd_form_footer input[type=email], .hd_form_footer input[type=number], .hd_form_footer input[type=password], .hd_form_footer input[type=tel], .hd_form_footer input[type=text], .hd_form_footer input[type=url] {
	border: none !important;
	padding: 10px 2px !important;
}
.hd_form_footer .gfield_date_day label, .hd_form_footer .gfield_date_month label, .hd_form_footer .gfield_date_year label, .hd_form_footer .gfield_time_hour label, .hd_form_footer .gfield_time_minute label, .hd_form_footer .ginput_complex label, .hd_form_footer .instruction {
	color: #f38355 !important;
}
.hd_form_footer {
	background: #222;
	padding: 10px;
}
.hd_form_footer .top_label input.large, .hd_form_footer .top_label select.large, .hd_form_footer .top_label textarea.textarea {
	border: none !important;
}
.btn, .hd_form .button, .hd_form_footer .button {
	background: #f38355;
	border: none;
	color: #fff;
	font: 300 80%/1.5em 'Hind', Arial, sans-serif, Helvetica;
	padding: 2.5% 4%;
	transition: background .3s ease-in-out 0s;
	-moz-transition: background .3s ease-in-out 0s;
	-webkit-transition: background .3s ease-in-out 0s;
	-o-transition: background .3s ease-in-out 0s;
}
.btn:visited {
	color: #fff;
}
.btn:hover, .hd_form .button:hover, .hd_form_footer .button:hover {
	background: #fff;
	border: 0 solid #fff;
	color: #f38355;
}
.hdtitle {
	display: none;
}

/*--------------- 		Responsive		---------------*/
@media only screen and (max-width:1280px) {
.footercontainer {
	padding: 20px 2% !important;
}
.footer-btm-container {
	padding: 0 2% !important;
}
.footer-right-block {
	padding: 20px !important;
}
.menubar {
	padding-right: 0px !important;
}
#main {padding: 0px 2% 0px 2%;}
}
@media only screen and (max-width:1024px) {
.menulogo2 {
	display: none !important;
}
.menulogo img {
	float: left !important;
	margin-left: 16px !important;
}
.nav-container-left {
	width: 120px !important;
}
.nav-container-right {
	width: auto !important;
}

}

@media only screen and (max-width:970px) {
.foot-two {
	width: 20% !important;
}
.footer-right-block {
	width: 51% !important;
}
#primarymenu ul li a, #primarymenu ul li a:hover {
	padding: 10px 5px 0 5px;
}
}

@media only screen and (max-width:820px) {
.foot-one {
	width: 40% !important;
}
.foot-two {
	float: right;
	width: 48% !important;
}
.footer-right-block {
display:none;
}
.topbar-container {padding: 18px 1% 0 1% !important;}
.tb-email p, .tb-phone p {font-size:80%;}
.nav-container-right {min-width:70%;}
}
@media only screen and (max-width:500px) {
.menulogo img {
	margin-left: 6px !important;
}
.nav-container-left {
	width: 100px !important;
}
.tb-email {display:none;}
}
@media only screen and (max-width:400px) {
.nav-container-right {min-width:60%;}
}