/*  
Theme Name: Coller Rathgeber Property Group
Theme URI: http://www.rwlanecove.com.au/
Description: Coller Rathgeber Property Group
Version: 1.0
Author: Agentpoint
Author URI: http://agentpoint.com.au/
*/

body { font:0.875em/1.5 'HelveticaNeueLTStd-Lt', Arial, Helvetica, sans-serif; color:#fff; background:#D10A11; }

/** -layout- **/
.group { width:990px; margin:0 auto; }
header[role="banner"] { position:relative; z-index:2}
div[role="main"] { position:relative; z-index:0}
#content { width:700px; margin:0 0 30px}
#sidebar { width:250px}
footer[role="contentinfo"] { padding:20px 0; background:#B7090F; font-size:0.785714em}

/** -global classes- **/
h1, h2, h3, h4, h5, h6 { line-height:1; font-weight:normal}
h1 { font-size:2em; } 
h2 { font-size:1.61538em}
h2.section-title { margin:0 0 20px; font-family:'HelveticaNeueLTStd-Md',Arial,Helvetica,sans-serif; }
h3 { font-size:1.46154em} 
h4 { font-size:1.30769em} 
h5 { font-size:1.15385em} 
h6 { font-size:1em} 

a { color:#fff; text-decoration:none; transition:all 0.5s}
strong { font-family:'HelveticaNeueLTStd-Md',Arial,Helvetica,sans-serif}
#agent #details .image img{ width:100px; }
input[type="text"], input[type="email"], input[type="tel"], select, textarea { 
	margin:0; padding:5px; background:#fff; color:#595959; border:solid 1px #D10A11; font:1em/1 'HelveticaNeueLTStd-Lt', Arial, Helvetica, sans-serif;
} 
textarea { line-height:normal}
select { padding:4px; } .webkit select { line-height:20px}
input[type="radio"], input[type="checkbox"] { float:left; margin:4px 5px 0 0}
input[type="submit"], input[type="button"], a.btn { 
	height:32px; margin:0; padding:0 15px; cursor:pointer; color:#fff; border:none; 
	font-size:1em; font-family:'HelveticaNeueLTStd-Lt', Arial, Helvetica, sans-serif; 
	background-color:#333; border-radius:3px; transition:all 0.5s; 
}
a.btn { display:inline-block; line-height:32px; text-decoration:none}
a.btn.arrow {
	display:block; height:25px; line-height:27px; padding:0 10px 0 21px;
	background-image:url(images/arrow_search_button.png); background-position:9px center; background-repeat:no-repeat
}
input[type="submit"]:hover, input[type="button"]:hover, a.btn:hover { background-color:#111; }
table { width:100%}
table .col-left { text-align:left}
table .col-center { text-align:center}
table .col-right { text-align:right}

ul.ui-tabs-nav li { float:left}
ul.ui-tabs-nav li a { display:block}
.ui-tabs-hide, .ui-tabs-hide { display:none}
.ui-tabs-panel { clear:both}

.left, .alignleft { float:left}
.alignleft { margin:0 20px 20px 0}
.right, .alignright { float:right}
.alignright { margin:0 0 20px 20px}
.text-left { text-align:left}
.text-center { text-align:center}
.text-right { text-align:right}
.clear { clear:both}
.hidden { display:none}
.aquo { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.15385em; line-height:1}
.textcut { text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.required { color:#fff}

/** -selectbox- **/
.sbHolder { position:relative; z-index:1; width:100%; height:32px; background:#fff}
.sbHolder a { display:block; color:#333; transition:none; text-decoration:none}
.sbHolder a.sbToggle {
	position:absolute; z-index:1; top:1px; right:1px; width:30px;
	height:30px; background:#FAFAFA url(images/arrows_selectbox.png?v=1.000) 0 0 no-repeat;
	border-left:1px solid #DDDDDD; border-bottom:1px solid #DDD
}
.sbHolder:hover a.sbToggle { background-position:0 -30px; }
.sbHolder a.sbSelector {
	height:30px; line-height:30px; padding:0 35px 0 5px; border:1px solid #DDD;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}
.sbHolder ul.sbOptions { position:absolute; z-index:0; width:100%; margin:1px 0 0; background:#fff; border-bottom:1px solid #DDD; overflow:auto}
.sbHolder .sbOptions li a { padding:0 5px; line-height:24px; border-right:1px solid #DDD; border-left:1px solid #DDD}
.sbHolder .sbOptions li a:hover { background:#DBFFAA}

/** -header- **/
header[role="banner"] .logo img { display:block; margin:15px 0}
.nav { margin:36px 0 0; }
.nav ul.sub-menu { display:none; position:absolute; top:57px; background:#FFF; box-shadow:0 0 2px rgba(0, 0, 0, 0.25); border-radius:2px}
.nav ul.menu > li > ul.sub-menu:before {
	content:""; position:absolute; top:-7px; left:10px; width:0; height:0; 
	border-bottom:solid 7px #fff; border-left:solid 7px transparent; border-right:solid 7px transparent;
}
.nav ul.sub-menu ul { top:0; left:100%; box-shadow:2px 0 2px rgba(0, 0, 0, 0.1); }
.nav ul li { position:relative}
.nav ul li a { display:block; text-decoration:none}
.nav ul.menu > li { float:left; margin:0 0 0 1px; padding:10px 0}
.nav ul.menu > li > a { padding:8px 15px; text-transform:uppercase; border-radius:2px; }
.nav ul.sub-menu li a { min-width:150px; margin:0 10px; padding:8px 0; color:#333; white-space:nowrap; border-bottom:solid 1px #ddd}
.nav ul.sub-menu li.last > a { border-bottom:none}
.nav ul.menu > li:hover > a,
.nav ul.menu > li.current-menu-ancestor > a,
.nav ul.menu > li.current-menu-parent > a,
.nav ul.menu > li.current-menu-item > a { background:#BC0C11; box-shadow:0 0 2px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(255, 255, 255, 0.25)}
.nav ul.sub-menu li:hover > a,
.nav ul.sub-menu li.current-menu-ancestor > a,
.nav ul.sub-menu li.current-menu-parent > a,
.nav ul.sub-menu li.current-menu-item > a { color:#D10A11}
.nav ul.sub-menu li.current-menu-ancestor > a,
.nav ul.sub-menu li.current-menu-parent > a,
.nav ul.sub-menu li.current-menu-item > a { font-family:'HelveticaNeueLTStd-Md',Arial,Helvetica,sans-serif}

/** -sidebar- **/
.side-block { margin:0 0 30px; }
.side-block.subscribe p.link { margin:10px 0 0}

/** -homepage- **/
div.homepage[role="main"] .section { margin:0 0 40px}
div.homepage[role="main"] .section.overview h3.title { margin:0 0 20px}
div.homepage[role="main"] .section.overview .company { width:120px}
div.homepage[role="main"] .section.overview .company img { display:block; width:100%}
div.homepage[role="main"] .section.overview .contact { width:200px; margin:0 50px}
div.homepage[role="main"] .section.overview .contact section.alt { margin:0 0 20px}
div.homepage[role="main"] .section.overview .contact .office p i { width:20px}
div.homepage[role="main"] .section.overview .contact .teams li { margin:0 0 5px; padding:0 0 5px; border-bottom:solid 1px #fff}
div.homepage[role="main"] .section.overview .about { width:570px}

/** -content- **/
.page-title { margin:0 0 40px; padding:20px 0; background:#fff; border-top:5px solid #BC0C11; border-bottom:5px solid #BC0C11}
.page-title h1.title { color:#333}

/** -page: property- **/
.realty.property .page-title { display:none}
.realty.property #media { margin:0 0 30px; padding:30px 0; background:#fff; border-top:7px solid #BC0C11; border-bottom:7px solid #BC0C11}
.realty.property #content .property-block { margin:0 0 30px}
.realty.property #content .headline-price {display: inline-block;margin: 0 0 20px;width: 100%}
.realty.property #content .headline-price .section-title {float: left;width: 80%; margin:0}
.realty.property #content .headline-price .price {float: right;font-family: "HelveticaNeueLTStd-Md",Arial,Helvetica,sans-serif}
.realty.property #content .headline-price .available_date {clear: both;float: right;font-family: "HelveticaNeueLTStd-Md",Arial,Helvetica,sans-serif}

/** page: teams **/
.realty.team .page-title h1.title span { position:relative; top:-3px; font-size:0.5em}
.realty.team .page-title p.socials { float:right}
.realty.team .page-title p.socials a { float:left; margin:4px 0 0 3px; font-size:1.28571em; color:#333}
.realty.team .page-title p.socials a:hover { color:#D10A11}

/** page: default and post **/
.default .entry h1, .default .entry h2, .default .entry h3, .default .entry h4, .default .entry h5, .default .entry h6 { margin:0 0 20px}
.default .entry p { margin:0 0 20px}
.default .entry ul { list-style:disc; margin:0 0 20px 15px}
.default .entry ol { list-style:decimal; margin:0 0 20px 19px}

p.post-meta { color:#fff; font-size:0.857143em}
p.post-meta a { color:#fff}

.posts .post { margin:0 0 40px; padding:0 0 20px; border-bottom:1px solid #fff}
.posts .entry { margin:10px 0}
.posts h3.post-title a { font-family:"HelveticaNeueLTStd-Md", Arial, Helvetica, sans-serif; color:#fff}

.single .post { padding:0; border-bottom:none; }
.single .entry { margin:0 0 40px; border-bottom:1px solid #fff}

.comments { margin:0 0 40px; padding:0 0 20px; border-bottom:1px solid #fff}
.comments h2.section_title { margin:0 0 20px}
.comments ul { list-style:none; margin:0; color:#231F20}
.comments ul.children { margin:0 0 0 52px}
.comments ul li { margin:0}
.comments .comment-body { position:relative; margin:0 0 10px; padding:20px; background:#FFF}
.comments ul li img.avatar { float:left; margin:6px 20px 20px 0}
.comments ul li cite.fn { font-style:normal; font-family:"HelveticaNeueLTStd-Md", Arial, Helvetica, sans-serif}
.comments p { margin:0; }
.comments .reply { position:absolute; top:0; right:0; font-size:0.857143em}
.comments .reply a { display:block; padding:5px 10px; background:#333; color:#fff} 
.comments .reply a:hover { background:#ccc; color:#333}
.comments .reply em { padding:0 3px 0 0}
.comments .comment-meta { font-size:0.857143em}
.comments .comment-meta a { color:#333}
.comments-template #respond h3.comment-reply-title { margin:0 0 20px; font-size:1.61538em}
.comments-template #respond a#cancel-comment-reply-link { float:right; font-size:0.608696em; text-decoration:underline}
#commentform p { margin:0 0 10px; }
#commentform p.comment-notes { margin:0 0 20px}
#commentform p.form-allowed-tags, #commentform p.form-submit { padding:0 0 0 20%}
#commentform p label { float:left; width:20%; margin:2px 0 0}
#commentform input[type="text"], #commentform textarea { width:78%}

/** -subscriptions- **/
div.subscriptions-manager[role="main"] .intro { margin:0 0 40px}
div.subscriptions-manager[role="main"] .intro h3, div.subscriptions-manager[role="main"] .intro p { margin:0 0 20px}
form.subscriptions { margin:0 0 40px}
form.subscriptions p.login { margin:0 0 20px}
form.subscriptions.details ol.cf-ol li.buttons .btn { width:100px; margin:0 5px 0 0}
form.subscriptions.details ol.cf-ol li.buttons a.btn { padding:0; text-align:center}
form.subscriptions-validate { margin:0 0 40px; padding:0 0 20px; border-bottom:solid 1px #fff}
form.subscriptions-validate p { margin:0}

/** -gform- **/
.gform_heading { margin:0 0 10px}
.gform_footer { padding:0 0 0 200px}
.gform_wrapper .validation_error { margin:0 0 30px; text-decoration:underline}
.gform_wrapper .validation_message { clear:both; padding:2px 0 0 200px; font-style:italic}
.gform_body ul.gform_fields { list-style:none; margin:0}
.gform_body ul.gform_fields ul { margin:0; list-style:none}
.gform_body ul.gform_fields > li { padding:0 0 10px}
.gform_body ul.gform_fields > li.gsection { padding:20px 0 10px}
.gform_body ul.gform_fields > li.gsection.first { padding:0 0 10px}
.gform_body ul.gform_fields > li > label { float:left; width:170px; margin:2px 30px 0 0}
.gform_body ul.gform_fields li label .gfield_required { color:#DD0000}
.gform_body ul.gform_fields li .ginput_container { float:left; width:500px}
.lt-ie11 .gform_body ul.gform_fields li input[type="radio"] { margin:1px 5px 0 0}
.gform_body input[type="text"], .gform_body input[type="tel"], .gform_body input[type="email"] { width:272px; }
.gform_body select { width:284px; }
.gform_body textarea { width:518px; height:100px}
.gform_body ul.gform_fields li .ginput_complex span { float:left; position:relative; padding:25px 0 0}
.gform_body ul.gform_fields li .ginput_complex span.ginput_left { margin:0 10px 0 0}
.gform_body ul.gform_fields li .ginput_complex span label { position:absolute; top:0; left:0; float:none; width:auto; margin:0}

#agent .gform_body ul.gform_fields li label { float:none; width:auto; margin:0; display:block}
#agent .gform_body ul.gform_fields li .ginput_container { float:none; width:auto}
#agent .gform_body input[type="text"], #agent .gform_body input[type="tel"],
#agent .gform_body input[type="email"], #agent .gform_body textarea { width:98.5%}
#agent .gform_body select { width:100%}
#agent .gform_footer { padding:0}

/** -dashboard- **/
.dashboard .fullwidth.group { margin:20px auto 35px; padding:25px; background:#fff; color:#333}
.translate .goog-te-gadget-simple { margin:6px 0 0; border:none}
#ui-datepicker-div { background:#fff; box-shadow:0 0 2px rgba(0,0,0,.2)}
#ui-datepicker-div a { cursor:pointer; text-decoration:none; color:#333}
#ui-datepicker-div .ui-datepicker-links a:hover { text-decoration:underline}
.ui-datepicker-control { display:none}
.ui-datepicker-current { display:none}
.ui-datepicker-prev a, .ui-datepicker-next a { display:block; position:absolute; top:9px; width:20px; height:20px; text-decoration:none}
.ui-datepicker-prev a { left:0; background:url(images/ui-icons_454545_256x240.png) -96px -16px no-repeat}
.ui-datepicker-next a { right:0; background:url(images/ui-icons_454545_256x240.png) -32px -16px no-repeat}

.ui-datepicker-one-month { padding:1px; }
.ui-datepicker-header { 
	padding:5px 15px 5px 17px; border:1px solid #e0e0e0; border-radius:2px; background:#eee;
	background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eee));
	background:-webkit-linear-gradient(top, #fafafa 0%,#eee 100%);
	background:-o-linear-gradient(top, #fafafa 0%,#eee 100%);
	background:-ms-linear-gradient(top, #fafafa 0%,#eee 100%);
	background:linear-gradient(top, #fafafa 0%,#eee 100%);
}
.ui-datepicker-header select { padding:0; border:1px solid #e0e0e0; font-size:11px}
.ui-datepicker-header select.ui-datepicker-new-month { width:90px}
.ui-datepicker-header select.ui-datepicker-new-year { width:54px}
table.ui-datepicker { width:auto; margin:0 auto; background:#fafafa}
table.ui-datepicker thead { font-family:'HelveticaNeueLTStd-Md',Arial,Helvetica,sans-serif}
table.ui-datepicker tbody {}
table.ui-datepicker td { padding:1px; width:25px; height:25px; line-height:25px; font-size:11px; text-align:center}
table.ui-datepicker tbody td a { display:block; background:#fff}
table.ui-datepicker tbody td a:hover, table.ui-datepicker tbody td.ui-datepicker-today a, 
table.ui-datepicker tbody td.ui-datepicker-current-day a { background:#DAEFFF; border-radius:2px}


.media .images .image {
	padding-bottom: 56.25%;
	width: 100%;
}
.media .images .image img {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	height: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

}