/*
Theme Name: Luxury Collection

Author: Synchromedia Group
Author URI: http://www.smg.com.au

*/



/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {

	margin: 0px; padding: 0px; font: 400 15px/25px 'Roboto', serif; background: #EEE;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a{ color: #f7941e; text-decoration: none;  -webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in; font-weight: 700;}


a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0; -webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
a:hover img{ opacity: 0.8;}

#wrapper{ width: auto; margin: 0px auto; background: #FFF; overflow:hidden; -moz-transition: 0.5s ease-in; transition: 0.5s ease-in;}
#menuColumn{ width: auto; float: none; height: 147px; }
#menuColumn:after, #banner:after, .gallery:after {
    content:'';
    display:block;
    clear: both;
}

#banner{ clear:both; height: 100px; background: url(images/dark_leather.png); margin: 0px; padding: 0px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;  
}


#logo{ float: left; height: 147px; }
#logo img{ height: 147px; width: auto; }



#menu ul{ margin: 0px; padding: 0px; float: right; }
#menu li{  list-style: none; display: inline; }
#menu li a{ float: left; font-weight: 400; display: inline-block; padding: 0px 15px; font-size: 18px; line-height: 147px; color: #444; -moz-transition: 1s ease; transition:1s ease; }
#menu li a:hover{ color: #FFF; background: #f7941e;  }


.propertyBox{ font: 400 13px/20px 'Roboto', serif;  width: 33.333%; height: 320px; display: block; background: #000; float: left; border-top: 10px solid #FFF; border-right:10px solid #FFF; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color: #FFF;}
 .details{ position:absolute; overflow:hidden; z-index:99999; width:500px; -moz-transition: 1s ease; transition: 1s ease;}
.propertyBox a{ color: #FFF; font-weight: 400;}
.propertyBox .title{ padding: 15px; padding-bottom: 0px;}
.propertyBox:hover .title{ background: url(images/opacity.png); }
.propertyBox .title h2{ margin: 0px; color: #FFF; text-shadow: 1px 1px 5px rgba(0, 0, 0, 1); display: block;   -webkit-transition: all 1s ease-in;
transition: all 1s ease-in;}
.propertyBox .title h2 a{  color: #FFF; }
.propertyBox:hover .title h2 a{ color: #f7941e;  }
.propertyBoxBox .img{ position:relative; overflow:hidden; -webkit-transition: all 1s ease-in;
transition: all 1s ease-in; }
.propertyBox:hover{  }

.propertyBox .blurb{  -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;opacity: 0; padding: 15px;  }
.propertyBox:hover .blurb{ opacity: 1; margin-left: 0px; background: url(images/opacity.png);}
.propertyBox .img img{ width: 100%; height: 100%; }

.propertyBox:nth-child(3n+3){ border-right: 0px;}


a.orangeButton{ background: #f7941e; text-transform: uppercase; padding: 10px 30px; color: #FFF; text-decoration: none; margin-left: -30px; }
a:hover.orangeButton{ -moz-transition: 0.25s ease-in; opacity: 0.9; transition: 0.25s ease-in; padding: 10px 45px 10px 30px; }

#banner  a.orangeButton{ float: left; margin: 0px; margin-top: 26px; }

.ljhooker{ float: right; margin-top: 35px; margin-right: 30px; }
.ljhooker img{ width: 200px; height: auto; display: block;}
.topText{
	float: left;
	width: 500px;
	font-weight: 300;
	padding: 25px 15px 15px 30px;
	font-size: 16px;
	line-height: 25px;
	color: #FFF;
	font-family: 'Roboto', serif;
}

#primary{  }
.home #primary, .post-type-archive-property #primary{ padding: 0px; }
h1{ font-size: 40px;font-weight: 300; line-height: 45px; margin-bottom: 30px;}
h2{ font-size: 24px; font-weight: 300;line-height: 30px; margin-bottom: 20px;}
h3,h4,h5{ font-size: 20px; font-weight: 300;line-height: 25px; margin-bottom: 20px; }
p{ margin-bottom: 20px;}
ul{ margin-bottom: 20px; list-style:disc; margin-left: 20px; }

.single-property .property{ width: 50%; float: left;}
.single-property #primary{ padding: 0px;}
.single-property .entry-header{ padding: 30px; padding-bottom: 0px; }
.single-property .entry-content{ padding: 0px 30px;}
#right{ width: 50%; float: left;}

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

.gallery img{ width: 33.33%; height: auto; float: left; overflow: hidden; border-bottom: 5px solid #FFF; border-left: 5px solid #FFF; }
#right .wp-post-image{ border-left: 5px solid #FFF; width: 100%; height: auto;}

input[type="text"], input[type="email"], textarea{ width: 100%; padding: 4px; font-family: inherit;}
input[type="submit"]{ border: 0px;text-transform: uppercase; padding: 10px; background:#f7941e; color: #FFF; font-family: inherit; font-weight: 700; font-size: 18px;}
input[type="submit"]:hover{ cursor: pointer;}
.wpcf7{ border: 1px solid #f7941e; padding: 15px !important;}
.wpcf7 td{ padding: 2px; vertical-align: top;}

#primary .page{ width: 50%; float: left;}
.page .entry-content{ padding: 30px; }
.mobImage{ display: none; }
#phone{ display: none; }

.page-id-11 #primary .page{ width: 50%;}
.page-id-9 #right{ padding: 30px;}

#map{ height: 400px;}
.slicknav_menu .slicknav_menutxt, .slicknav_btn { text-shadow: none !important; }
@media only screen and (max-width: 1550px) {
	#wrapper{ width:auto; }
	.details{ width: 400px; }
	.propertyBox{ width: 33%; font-size: 13px; line-height: 20px; overflow:hidden;}
		 .propertyBox:nth-child(3n+3){border-right:0px solid #FFF;}
}
@media only screen and (max-width: 1200px) {
	 .details{ width: 400px; }
	 .propertyBox{ width: 50%;  }
	 .propertyBox:nth-child(3n+3){border-right:10px solid #FFF;}
	 .propertyBox:nth-child(2n+2){ border-right: 0px;}
	 .page-id-11 #primary .page{ width: 100%;}
	

}
@media only screen and (max-width: 1069px) {
#menu li a{ padding: 0px 10px;  font-size: 16px; }
}
@media only screen and (max-width: 959px) {

		#menu li a{ padding: 0px 10px; font-size: 14px;}
	a.orangeButton{ margin-left: -15px; }
	.page .entry-content{ padding: 15px;}
	.topText{ padding: 15px; height: auto;}
	h1{ font-size: 30px; line-height: 34px; margin-bottom: 30px;}
h2{ font-size: 24px; line-height: 30px; font-weight: 500; margin-bottom: 20px;}
h3,h4,h5{ font-size: 20px; line-height: 25px; margin-bottom: 20px; }
.propertyBox .title h2{ font-size: 18px; }
.single-property .entry-header{ padding: 15px; padding-bottom: 0px; }
.single-property .entry-content{ padding: 0px 15px;}
}
@media only screen and (max-width: 870px) {
	#logo img{ height: 100px; }
	#logo{ height: 100px;}
	#menuColumn{ height: 100px; }
		#menu li a { line-height: 100px; }
	#mainArea{ width: auto; float: none; }
	.propertyBox{font-size: 13px; line-height: 18px; }	
	h1{ font-size: 25px; line-height:30px; font-weight: 400; margin-bottom: 30px;}
h2{ font-size: 22px; line-height: 30px; font-weight: 400; margin-bottom: 20px;}
h3,h4,h5{ font-size: 18px; line-height: 25px; font-weight: 400; margin-bottom: 20px; }
}

@media only screen and (max-width: 800px) {
 	.propertyBox{width: 100%;border-right:0px;     border-top: 5px solid #FFF;}
 		 .propertyBox:nth-child(3n+3){border-right:0px;}
	 .propertyBox:nth-child(2n+2){ border-right: 0px;}
	 	.details{ width: auto;  }	
	h2{ font-size: 25px; }
	.topText{ font-size: 12px; line-height: 18px; width: 60%;float: left;}
	.topText p{ margin: 0px;}
	.ljhooker{ width: 40%; float: left; margin: 0px;     padding: 15px;
    text-align: center;
}


	#right .wp-post-image{ display: none; }
	.single-property .property{ width: 100%;}
	#primary .page{ width: 100%;}
	#right{ width: 100%;}
	.mobImage{ display: block; }
	.mobImage img{ width: 100%; height: auto;}
	#menu{ display: none;}
	#phone{ display: block; float: right; padding: 15px; font-size: 18px; }
	#banner{ height: auto;}
	.g-recaptcha>div>div{width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)}
.g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.g-recaptcha>div{position:relative}
.g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0}
.g-recaptcha:empty:before{content:'Something wrong occured'}
.page-id-9 #right{ padding: 0px;}

}
@media only screen and (max-width: 460px) {
	.topText{ display: none;}
	.ljhooker{ width: 60%;}
	#logo img{ height: 70px;}
	#logo{ height: 70px;}
	#menuColumn{ height: 70px; }
	#phone{  font-size: 14px;}
	.wpcf7 td{ font-size: 13px; }
}