/* Remove placeholder text in inputs when they get focus. */
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color:transparent; }

/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

/* VIDEO LIGHTBOX */
#listingVideoLightbox{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	display:none;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.7);
	align-items:center;
	justify-content:center;
	text-align:center;
}

#videoContainer{
	width:1280px;
	max-width:90%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}

.listing_number_share_wrapper{
	display:flex;
	align-items: stretch;
}

.sf_buttons {
    display: flex;
    float: right;
}

.view_video_button button, .download_files_button button {
    border: none;
    background: #001e43;
    color: white;
    padding: 8px 12px;
    text-transform: uppercase;
	margin-right:20px;
    transition:0.2s;
}

.view_video_button button:hover, .download_files_button button:hover{
    background:black;
    cursor:pointer;
    transition:0.2s;
}

.single_listing h2{
	margin-bottom:10px;
}

.single_listing h3{
	color:#009fe4;
	text-transform:uppercase;
}

.listing_price{
	font-size:20px;
	font-weight:600;
}

.ncNavContainer{
	height:130px;
	overflow:auto;
}

.nivo-controlNav{
	text-align:left!important;
	padding:0!important;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a, .theme-default .nivo-controlNav.nivo-thumbs-enabled img{
	height:100px;
}

#photos_button, #area_button{
	background:#cccccc;
	color:#001e43;
	font-size:16px;
	text-transform:uppercase;
	padding:10px 0 7px 0;
	font-weight:bold;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:solid 3px #cccccc;
	border-radius:0;
	margin-bottom:15px;
}

#photos_button{
	float:left;
	width:33%;
}

#area_button{
	float:right;
	width:66%;
}

#photos_button:hover, #area_button:hover{
	cursor:pointer;
}

#photos_button:hover, #area_button:hover, #photos_button.active, #area_button.active{
	border-bottom:solid 3px #009fe4;
}

.listing_features{
	margin-bottom:10px!important;
}

.listing_feature{
	color:#009fe4;
	font-weight:bold;
	font-size:16px;
	margin-right:10px;
}

#listing_number{
	display: flex;
	align-items: center;
	flex-grow: 1;
	background:#cccccc;
	font-size:16px;
	color:#001e43;
	font-weight:700;
	width:74.5%;
	float:left;
	margin-bottom:10px;
}

#listing_number_text{
	display:inline-block;
	padding:10px;
	flex-grow: 1;
}

#share_buttons{
	background:#cccccc;
	padding:10px;
	width:24.5%;
	margin-left:1%;
	float:right;
	margin-bottom:10px;
	max-height:39px;
}

@media(max-width:1035px){
	#listing_number, #share_buttons{
		width:49.5%;
	}
}

.property_information{
	width:74.5%;
	float:left;
}

.contact_details{
	width:24.5%;
	float:right;
}

.grey_header{
	background:#cccccc;
	font-size:16px;
	color:#001e43;
	font-weight:700;
	padding:10px;
	text-transform:uppercase;
}

.grey_header.centered{
	text-align:center;
}

.grey_detail_line, .detail_line{
	padding:3px 10px;
}

.grey_detail_line{
	background:#f2f2f2;
}

.detail_key{
	float:left;
	width:33%;
	font-weight:bold;
}

.detail_value{
	float:right;
	width:66%;
}

/* OPEN HOMES TABLE */

.openhomes_table{
	width:100%;
	margin:10px 0;
}

.openhomes_table td{
	padding:5px 10px;
}

.information_body{
	padding:10px 0;
	margin-bottom:10px;
	border-top:solid 1px #001e43;
	border-bottom:solid 1px #001e43;
}


/* AGENT */

.agent{
	display:inline-block;
	margin:10px 0;
	width:100%;
	vertical-align:top;
}

.agent_thumb{
	width:100%;
	padding-top:130%;
}

.agent_details, .branch_details{
	background:#ccc;
	padding:5px;
}

.branch_details{
	margin-bottom:10px;
}

.agent_details h3{
	font-size:16px;
	text-transform:uppercase;
	color:#001e43;
	margin-bottom:0px!important;
}

.agent_postition{
	display:block;
	margin-bottom:8px;
}

.agent_details_white_block, .branch_details_white_block{
	display:block;
	width:100%;
	background:#fff;
	padding:5px 6px;
	margin:0px 0px 4px 0px;
}

.agent_details_white_block.alignleft, .agent_details_white_block.alignright{
	float:none!important;
	margin:0px 0px 4px 0px;
}

.agent_details_white_halfblock{
	display:block;
	width:49%;
	background:#fff;
	padding:5px 6px;
	margin:0px 0px 4px 0px;
}

.agent_details button{
	display:block;
	width:100%;
	color:#fff;
	text-transform:uppercase;
	padding:5px 0;
	margin:2px 0;
	background:#009fe4;
	border:none;
	border-radius:0;
	transition:all 0.2s;
}

.agent_details button:hover{
	background:#001e43;
	cursor:pointer;
	transition:all 0.2s;
}

#listing_enquiry_form .textfield{
	width:100%;
	background:#fff;
	padding:5px 6px;
	margin:0px 0px 4px 0px;
	border:none;
	border-radius:0;
	color:#001e43;
}

#listing_enquiry_form .textarea{
	width:100%;
	background:#fff;
	padding:5px 6px;
	margin:0px 0px 4px 0px;
	border:none;
	border-radius:0;
	color:#001e43;
}

#listing_enquiry_form input[type="submit"]{
	width:100%;
	padding:5px 6px;
	margin:0px 0px 4px 0px;
	border:none;
	border-radius:0;
	background-color:#009fe4!important;
 	color:#fff!important;
}

#listing_enquiry_form input[type="submit"]:hover{
	background-color:#001e43!important;
}

.openhomes_table .show_on_mobile{
	display:none!important;
}

/* LISTING MAP */
.listing_map{
    margin-top:10px;
}

@media(max-width:767px){
	.openhomes_table .hide_on_mobile{
		display:none!important;
	}

	.openhomes_table .show_on_mobile{
		display:inline-block!important;
		padding:5px 10px 5px 0;
	}

	.openhomes_table td{
		display:inline-block;
	}
	.property_information{
		width:100%;
		float:none;
	}

	.contact_details{
		width:100%;
		float:none;
	}
}