/* 
Theme Name: THE PENINSULA ESTATE
Theme URL: http://www.thepeninsulaestate.com.au/
Description: THE PENINSULA ESTATE official WordPress theme.
Author: Carlos Castillo
Author URI: http://www.carloscastillo.com.au
Version: 1.1

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


/*** IMPORTING CUSTOM FONTS ***/
@font-face {
    font-family: 'goboldregular';
    src: url('fonts/Gobold-Regular-webfont.eot');
    src: url('fonts/Gobold-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gobold-Regular-webfont.woff2') format('woff2'),
         url('fonts/Gobold-Regular-webfont.woff') format('woff'),
         url('fonts/Gobold-Regular-webfont.ttf') format('truetype'),
         url('fonts/Gobold-Regular-webfont.svg#goboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*** end IMPORTING CUSTOM FONTS ***/


body {
		font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 17px;
		background-image: url(images/page_bg02.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #f5e9d3;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
p {
	padding-bottom: 6px;
}
h1 {
	padding-bottom: 17px;
	font-family: 'goboldregular', Helvetica, Arial, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
}	
h2 {
	padding: 7px 0 4px;
	font-family: 'goboldregular', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 1px;
}	
.hover_fx {
	opacity: 1;
	transition: all 0.2s ease-in;
}
.hover_fx:hover {
	opacity: 0.6;
}


/*** GENERAL SETTINGS ***/
#wrapper {
	width: 980px;
	margin: 0 auto;
}
#page_content {
	position: relative;
	overflow: auto;
	padding-bottom: 16px;
	background: url(images/bg_gradient.jpg) repeat-y;
}
#page_content .content {
	position: relative;
	z-index: 9;
	margin: -296px 16px 0 16px;
	padding: 321px 25px 18px 25px;
	border: 2px solid #ffffff;
	color: #ffffff;
}
.content ul, .content ol {
	padding-bottom: 6px;
	margin-left: 1.2em;
}
.content a {
	color: #9cc1d7;
	text-decoration: none;
}
#page_content a:hover {
	text-decoration: underline;
}
#page_content .generic {
	margin-top: 16px !important;
	padding: 25px 350px 18px 25px !important;
}
/*** end GENERAL SETTINGS ***/


/*** HEADER ***/
#header {
	overflow: auto;
	width: 948px;
	margin: 50px auto 48px;
}
.peninsula_logo {
	display: block;
	width: auto;
	float: left;
}
.peninsula_logo img {
	display: block;
	width: 280px;
	height: 100px;
}
.slicknav_menu {
	display: none;
}
#menu-top-nav {
	float: right;
	overflow: auto;
	margin-top: 34px;
	list-style: none;
	font-family: 'goboldregular', Helvetica, Arial, sans-serif;
}
#menu-top-nav li {
	float: left;
	width: auto;
	margin-left: 40px;
}
#menu-top-nav li a {
	color: #363e55;
	font-size: 14px;
	line-height: 40px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#menu-top-nav li a:hover, #menu-top-nav li.current-menu-item a {
	display: block;
	border-bottom: 2px solid #363e55;
}
/*** end HEADER ***/


/*** HOME PAGE ***/
#home_wrapper {
	width: 100%;
	overflow: auto;
	background: url(images/bg_gradient_home.png) repeat-y;
}
#slides_home {
	width: 688px;
	position: relative;
}
#home_content {
	position: relative;
	z-index: 9;
	min-height: 496px;
	margin: -516px 16px 16px 16px;
	border: 2px solid #ffffff;
	color: #ffffff;
	overflow: auto;
}
#home_content .content {
	float: right;
	margin: 94px 35px 0 0;
	width: 210px;
}
/*** end HOME PAGE ***/


/*** NOW SELLING ***/
#selling_content {
	padding: 16px;
	background: url(images/bg_gradient.jpg) repeat-y;
}
#selling_content h1 {
	padding: 15px 0 20px;
}
#selling_content p {
	padding-bottom: 30px;
}

#selling_content .content {
	position: relative;
	z-index: 9;
	padding: 25px;
	border: 2px solid #ffffff;
	color: #ffffff;
}
#masterplan_image {
	width: 896px;
	height: 665px;
}
/*** end NOW SELLING ***/


/*** CONTACT ***/
.map_link { /* This is required as the map image sits underneath the panel with the white border */
	display: block;
	position: absolute;
	top: -21px;
	left: -18px;
	overflow: auto;
	opacity: 0;
	transition: all 0.2s ease-in;
}
.map_link:hover {
	opacity: 0.6;
}
img.map, .map_link img, .peninsula_map_mobile img {
	max-width: 980px;
	height: auto;
}
.peninsula_map_mobile {
	display: none;
}
/*** end CONTACT ***/


/*** SLIDES ***/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_tabs {
	position: absolute;
	bottom: 20px;
	z-index: 101;
	width: 100%;
	height: 10px;
	list-style: none;
	text-align: center;
}
.rslides_tabs li {
	display: inline-block;
}
.rslides_tabs li a {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: #ffffff;
	text-indent: -9999px;
	opacity: 0.6;
	transition: all 0.2s ease-in;
}
.rslides_tabs li a:hover, .rslides_tabs li.rslides_here a {
	opacity: 1;
}
#slides_generic {
	position: relative;
}
#slides_home .rslides_tabs {
	bottom: 30px;
}
/*** end SLIDES ***/

/*** FORMS ***/
.wpcf7-form {
	overflow: auto;
	padding-top: 6px;
}
.wpcf7-form p {
	overflow: auto;
	padding-bottom: 10px !important;
}
.wpcf7-form label {
	display: block;
	float: left;
	width: 35px;
	height: 40px;
	padding: 0 10px;
	background: #9cc1d7;
	font-size: 12px;
	line-height: 18px;
	color: #363e55;
	background: #809cad;
}
.wpcf7-form span {
	display: block;
	float: left;
	width: 155px;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email] {
	width: 135px;
	height: 40px;
	padding: 0 10px 0 11px; /* fixes iOS spacing bug */
	margin: 0 0 0 -1px; /* fixes iOS spacing bug */
	border: 0 none;
	border-radius: 0; /* required by iOS */
	background: #9cc1d7;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 40px;
}
.wpcf7-form input[type=submit] {
	display: block;
	width: auto;
	border: 0 none;
	background: none;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;
	opacity: 1;
	transition: all 0.2s ease-in;
}
.wpcf7-form input[type=submit]:hover {
	opacity: 0.6;
}
div.wpcf7-response-output {
	margin: 0 16px 16px !important;
}
span.wpcf7-not-valid-tip {
	color: #ffffff !important;
	font-size: 12px !important;
	text-align: right;
	font-style: italic;
}
div.wpcf7-response-output {
	float: left;
}
.contact .wpcf7-form {
	width: 460px;
}
.contact .wpcf7-form p {
	float: left;
	width: 220px;
	margin-right: 10px;
}
.contact .wpcf7-form input[type=text] {
	width: 145px !important;
}
.contact .wpcf7-form p.your-email {
	width: 450px !important;
}
.contact .wpcf7-form p.your-email span {
	width: 375px;
}
.contact .wpcf7-form input[type=email] {
	width: 375px !important;
}
/*** end FORMS ***/


/*** FOOTER ***/
#footer {
	width: 948px;
	overflow: auto;
	margin: 30px auto 360px;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(30, 30, 30, 1);
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .left {
	float: left;
	width: 50%;
}
#footer .right {
	float: right;
	width: 50%;
	text-align: right;
}
#footer .right a {
	margin-left: 30px;
}
/*** end FOOTER ***/



@media screen and (max-width:740px) {
	body {
		font-size: 16px;
		line-height: 19px;
		-webkit-text-size-adjust: none; /* Stops mobile clients from changing font sizes  */
	}
	p {
		padding-bottom: 8px;
	}
	h1 {
		padding-bottom: 19px;
		font-size: 22px;
		line-height: 26px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}	
	/*** GENERAL SETTINGS ***/
	#wrapper, #page_content, #header, #footer {
		width: 100%;
	}
	#page_content, #home_wrapper, #selling_content {
		background-size: 100%;
	}
	#page_content .content {
		width: auto;
		margin: 48px 16px 16px 16px;
		padding: 0;
		border: 0 none;
	}
	#page_content img.size-full, #page_content img.map {
		width: 100%;
		height: auto !important;
	}
	#page_content iframe {
		width: 100% !important;
		height: 240px !important;
	}
	#page_content .generic {
		margin-top: 16px !important;
		padding: 25px 0 18px !important;
	}
	/* HEADER */
	#header {
		width: 100%;
		margin: 25px auto 40px;
		text-align: center;
		overflow: hidden; /* Fixes silly webkit bug */
	}
	.peninsula_logo {
		display: inline-block;
		width: auto;
		float: none;
	}
	#menu-top-nav {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	/* HOME PAGE */
	#slides_home {
		width: 100%;
		position: relative;
	}

	#home_content {
		margin: 0;
		min-height: 200px;
		border: 0;
		overflow: auto;
	}
	#home_content .content {
		float: none;
		width: auto;
		margin: 0;
		padding: 48px 16px 16px;
	}
	/* NOW SELLING */
	#selling_content .content {
		border: 0 none;
	}
	#masterplan_image {
		width: 100%;
		height: auto;
	}
	.master_el {
		margin: 0 auto;
	}

	/* CONTACT */
	.map_link, .peninsula_map {
		display: none; /* The proper mobile map image link is used instead */
	}
	.peninsula_map_mobile {
		display: block;
		overflow: auto;
	}
	/*FORMS */
	.wpcf7-form span {
		width: 280px;
	}
	.wpcf7-form input[type=text], .wpcf7-form input[type=email] {
		width: 260px;
	}
	.wpcf7-form input[type=submit] {
		font-size: 16px;
		line-height: 18px;
	}
	div.wpcf7-validation-errors {
		float: none;
	}
	.contact .wpcf7-form {
		width: 100%;
	}
	.contact .wpcf7-form p {
		float: none;
		width: 335px;
		margin-right: 0;
	}
	.contact .wpcf7-form input[type=text] {
		width: 260px !important;
	}
	.contact .wpcf7-form p.your-email {
		width: 335px!important;
	}
	.contact .wpcf7-form p.your-email span {
		width: 280px;
	}
	.contact .wpcf7-form input[type=email] {
		width: 260px !important;
	}
	/* FOOTER */
	#footer {
		width: 100%;
		margin: 30px auto 15px;
		font-size: 11px;
	}
	#footer .left, #footer .right {
		width: 100%;
		padding-bottom: 15px;
		text-align: center;
	}
	#footer .right a {
		margin-left: 10px;
		margin-right: 10px;
	}
}