/*
Theme Name:Kellys
Author:Agentpoint
Author URI:http://demo.thatid.com/kellys
Description:Kellys
Version:2.0.0
*/

/** --SCAFFOLD-- **/
#page { background:#e8e8e8; }
#header { position:fixed; z-index:2; top:0; left:50%; transform:translateX(-50%); width:100%; }
	.internal-page #header,
	body.onscroll:not(.expand-main-menu) .homepage #header,
	body.expand-quicksearch #header { background-color:#e8e8e8; }
#content { position:relative; z-index:1; }
body.expand-main-menu #main { position:relative; z-index:0; }
#page:not(.homepage):not(.landing) #content { padding-top:122px; }
#page:not(.realty):not(.disable-extra-padding) #entry { padding:0 30px 40px; }
footer[role="contentinfo"] { position:relative; z-index:0; }
	body.expand-main-menu footer[role="contentinfo"] { z-index:1; }
	body.sticky-footer footer[role="contentinfo"] { position:absolute; bottom:0; left:0; right:0; }

/** --SECTIONS-- **/
/* -header- */
#header .hgroup { padding:0 32px; }
#header .visible .valign { height:122px; }
#header .logo img { max-height:52px; }
#header .logo img.primary { display:block; }
#header .toggles a.item:before { display:block; line-height:1; }
#header .toggles a.item.search:before { font-family:'FontAwesome'; content:'\f002'; font-size:26px; }
#header .toggles a.item.menu:before { font-family:'themify'; content:'\e68e'; font-size:28px; }

	body:not([class*="expand"]) #page.internal-page #header .logo img.primary,
	body.onscroll:not([class*="expand"]) #header .logo img.primary { display:none; }
	body:not([class*="expand"]) #page.internal-page #header .logo img.secondary,
	body.onscroll:not([class*="expand"]) #header .logo img.secondary { display:block; }
	body:not([class*="expand"]) #page.internal-page #header,
	body.onscroll:not([class*="expand"]) #header {}
	body:not([class*="expand"]) #page.internal-page #header .toggles a.item,
	body.onscroll:not([class*="expand"]) #header .toggles a.item { color:#002957; }

	body.expand-main-menu #header { bottom:0; background-color:rgba(87, 185, 231, .9); }
	body.expand-main-menu #header .logo img.primary { display:none; }
	body.expand-main-menu #header .logo img.alternate { display:block; }
	body.expand-main-menu #header .toggles a.item.menu { color:#fff; }
	body.expand-main-menu #header .toggles a.item.menu:hover { opacity:.75; }
	body.expand-main-menu #header .toggles a.item.menu:before { font-family:'themify'; content:'\e646'; font-size:26px; margin-top:2px; }
	body.expand-main-menu #header .toggles a.item.search { display:none; }

	body.expand-quicksearch #header {}
	body.expand-quicksearch #header .logo img.primary { display:none; }
	body.expand-quicksearch #header .logo img.secondary { display:block; }
	body.expand-quicksearch #header .toggles a.item.menu:not(:hover) { color:#002957; }
	body.expand-quicksearch #header .toggles a.item.search { color:#fff; }
	body.expand-quicksearch #header .toggles a.item.search:before { font-family:'themify'; content:'\e646'; margin-top:2px; }

.main-menu ul.menu li { position:relative; }
.main-menu ul.menu a { display:block; }

.main-menu ul.menu { margin:0 -20px; }
.main-menu ul.menu > li { float:left; width:20%; padding:0 20px; }
.main-menu ul.menu > li > a { padding-bottom:5px; font-size:1.25em; color:#fff; }
	.main-menu ul.menu > li:hover > a,
	.main-menu ul.menu > li[class*="current"] > a {}

.main-menu ul.sub-menu {}
.main-menu ul.sub-menu a { padding:3px 0; font-size:0.875em; font-weight:500; color:#002957; }
	.main-menu ul.sub-menu li:hover > a,
	.main-menu ul.sub-menu li[class*="current"] > a { color:#fff; }

.main-menu ul.menu span.trigger { display:none; }

/* -footer- */
.footer #siteinfo { border-top:10px solid #e8e8e8; }
.footer #siteinfo .logo {}
.footer #siteinfo .logo img { max-height:52px; }
.footer #siteinfo ul.menu li a { display:block; margin-bottom:3px; color:#fff; }
	.footer #siteinfo ul.menu li.menu-item-subscribe a { display:block; padding-top:15px; font-weight:600; color:#81cbee; }
	.footer #siteinfo ul.menu li a:hover { color:#81cbee; }
.footer #siteinfo .networks a.item { width:24px; height:24px; background:#81cbee; border-radius:100%; color:#002957; text-align:center; }
	.footer #siteinfo .networks a.item:hover { background:#fff; }
.footer #siteinfo .networks a.item .icon { display:block; line-height:24px; font-size:12px; }

/* -banner- */
#site-banner .placeholder { height:0; padding-bottom:52.8125%; }

/** --PAGES-- **/
/* -default wp page- */
.default #entry h1:not(.self),
.default #entry h2:not(.self),
.default #entry h3:not(.self),
.default #entry h4:not(.self),
.default #entry h5:not(.self),
.default #entry h6:not(.self),
.default #entry p:not(.self):not(:last-child),
.default #entry ul:not(.self),
.default #entry ol:not(.self) { margin-bottom:20px; }
.default #entry ul:not(.self) { list-style:disc; margin-left:15px; }
.default #entry ol:not(.self) { list-style:decimal; margin-left:20px; }
.default img { max-width:100%; height:auto; }

/* -landing- */
.page-landing #hero .centerimage { height:100vh; padding-bottom:0; }
.page-landing #hero .logo { z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:31.67%; }
.page-landing #hero .logo img {}
.page-landing .holder.full {
	display: none;
}

/* -homepage- */
.homepage #hero .title { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; }
#hero .gform_confirmation_message {
    color: #002957 !important;
    font-weight: bold;
}

.homepage #video .controls { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.homepage #video .controls .item { height:96px; width:96px; border-radius:100%; background:#a5adc4; color:#fff; cursor:pointer; text-align:center; transition-duration:.2s; }
	.homepage #video .controls .item:not(.hidden) { display:block; }
	.homepage #video .controls.hide .item { opacity:0; }
	.homepage #video .controls.hide:hover .item { opacity:1; }
	.homepage #video .controls .item:hover { background:#57b9e8; }
.homepage #video .controls .icon { display:block; font-size:50px; line-height:96px; }
	.homepage #video .controls .icon[class*="play"] { margin-left:10px; }

.homepage #photos #sb_instagram .sb_instagram_header { text-align:center; }
.homepage #photos #sb_instagram .sb_instagram_header a.sbi_header_link { display:inline-block; float:none; margin-bottom:40px; color:#002957; }
	.homepage #photos #sb_instagram .sb_instagram_header a.sbi_header_link:hover { color:#57b9e7; }
	.homepage #photos #sb_instagram .sb_instagram_header a.sbi_header_link:after { display:table; content:""; clear:both; }
.homepage #photos #sb_instagram .sb_instagram_header .sbi_header_text { float:none; padding:0; }
.homepage #photos #sb_instagram .sb_instagram_header .sbi_header_text h3 { padding:0 !important; margin:0 !important; font-size:1em; line-height:inherit; }
	.homepage #photos #sb_instagram .sb_instagram_header .sbi_header_text h3:before { display:inline; content:"@"; }
.homepage #photos #sb_instagram .sb_instagram_header .sbi_header_img { display:none; }
.homepage #photos #sb_instagram #sbi_images { float:none; width:auto; margin:0 -10px; }
.homepage #photos #sb_instagram #sbi_images:after { display:table; content:""; clear:both; }
.homepage #photos #sb_instagram .sbi_item { display:block; float:left; padding:0 10px 20px !important; }
.homepage #photos #sb_instagram .sbi_item .sbi_photo_wrap { padding:10px; background:#fff; }
.homepage #photos #sb_instagram .sbi_item .sbi_photo { height:0 !important; padding-bottom:100%; }

/** --POSTS-- **/
/* -posts- */
.post-index .post .image .centerimage { padding-bottom:80%; }
.post-index .post .image img.alt { max-width:75%; height:auto; }

/* -single- */
.post-single .main-image .centerimage { padding-bottom:61.5%; }
.post-single .main-image .centerimage img.alt { max-width:50%; }
.post-single .post-entry h1:not(.self),
.post-single .post-entry h2:not(.self),
.post-single .post-entry h3:not(.self),
.post-single .post-entry h4:not(.self),
.post-single .post-entry h5:not(.self),
.post-single .post-entry h6:not(.self) { font-family:'Scope One', serif; color:#57b9e7; }

/* -REALTY- */
/* -Elements- */
/* -rooms- */
[class^="rooms"]:after { display:table; content:""; clear:both; }
[class^="rooms"] .item { float:left; text-transform:uppercase; }
	[class^="rooms"] .item:not(:last-child):after { display:inline-block; content:"|"; margin:0 10px; }
[class^="rooms"] i.icon-bedrooms:after { content:"\f236"; }
[class^="rooms"] i.icon-bathrooms:after { content:"\f2cd"; }
[class^="rooms"] i.icon-carspaces:after { content:"\f1b9"; }

/* -sticker- */
.sticker { position:absolute; z-index:1; top:0; left:0; }
.sticker img { display:block; }

/* -map- */
#map-info { width:375px; font-size:18px; line-height:1.5; color:#002957; font-family:'DIN'; }
.mapboxmb_marker { width: 44px !important; height: 56px !important; }
/* -listings- */
.listings .listing:hover .details .overlay { display:block; }

/* -Pages- */
#page.search-results .page-info,
#page.opentimes .page-info,
#page.latest_auction .page-info,
#page.team-profile .page-info { display:none; }

/* -search results- */
#page.search-results #map-canvas { padding-bottom:67.56%; }
#page.search-results a#load-listings { display:block; width:35px; height:35px; line-height:35px; border:1px solid; border-radius:100%; }

/* -opentimes, auctions- */
#properties .listings-date .container { min-height:288px; }

/* -agents- */
#page.team #agents .agent .centerimage { padding-bottom:72.95012679628064%; }

/* -agent- */
#page.team-profile #profile .placeholder { padding-bottom:114.14%; }
#page.team-profile #profile .bio .inner { position:absolute; top:15px; bottom:15px; left:15px; right:15px; overflow:auto; }
#page.team-profile #properties .listings-title .container { min-height:293px; }
#page.team-profile #testimonials .owl-carousel { position:static; }
#page.team-profile #testimonials .testimonial { padding:0 200px; }

/* -Widgets- */
/* -quick search 1- */
#quicksearch-1 { border-bottom:10px solid #e8e8e8; }
	#page.landing #quicksearch-1,
	#page.property #quicksearch-1 { border-bottom:0; }
#quicksearch-1 input[type="text"],
#quicksearch-1 select { height:50px; }

#quicksearch-1 #main-options { padding:0 50px 1px 0; }

#quicksearch-1 #search-options .fields { margin:0 0 0 -1px; }
#quicksearch-1 #search-options .field { width:16.67%; padding-left:1px; }
#quicksearch-1 #search-options .field.suburbs { width:40%; }
#quicksearch-1 #search-options .field.prices { width:33.32%; padding-left:0; }
#quicksearch-1 #search-options .field.prices .field { width:50%; }

#quicksearch-1 .ui-selectmenu .ui-selectmenu-button .ui-icon { font-size:1.5em; }
#quicksearch-1 .ui-selectmenu .ui-selectmenu-button .ui-selectmenu-text { line-height:50px; }
#quicksearch-1 .ui-selectmenu .ui-selectmenu-menu { left:0 !important; min-width:100%; }
#quicksearch-1 .ui-selectmenu .ui-selectmenu-menu ul.ui-menu li { padding:10px 0; }

#quicksearch-1 a.action { display:block; position:absolute; width:50px; height:50px; font-size:26px; color:#002957; text-align:center; transition-duration:0s; }
#quicksearch-1 a.action.options { top:0; right:50px; background-color:#fafafa; border-left:1px solid #e8e8e8; }
	#quicksearch-1.expand a.action.options {}
#quicksearch-1 a.action.submit { top:0; right:0; background-color:#acdcf3; color:#fff; }
	#quicksearch-1 a.action.submit:hover { background-color:#57b9e7; }
#quicksearch-1 a.action .icon { display:block; line-height:50px; }
	#quicksearch-1 a.action .icon[class*="angle"] { font-size:36px; }

#quicksearch-1 .keywords-list { display:none; position:absolute; z-index:99; width:100%; max-height:300px; padding:20px; overflow:auto; background:#57b9e7; color:#fff; }
	#quicksearch-1 .keywords-list:after { display:table; content:""; clear:both; }
#quicksearch-1 .keywords-list div { float:left; width:33.3333%; padding:0 20px; cursor:pointer; }
	#quicksearch-1 .keywords-list div:hover {}
#quicksearch-1 .keywords-list span { display:block; padding:5px 0; margin-left:-20px; border-bottom:1px solid #fff; }

/* -action buttons- */
#property-actions .owl-carousel .owl-nav .owl-prev { left:5px; }
#property-actions .owl-carousel .owl-nav .owl-next { right:5px; }

/* -Similar sold- */
#property-comparable table th,
#property-comparable table td { padding:0 0 5px; }

/* -MEDIA QUERIES- */
@media screen and (min-width:1122px) {
#page { min-height:100%; }
.group { max-width:960px; margin:0 auto; }
.homepage #hero .placeholder { padding-bottom:38%; }
}

@media screen and (min-width:1024px) and (max-width:1121px) {
.homepage #hero .placeholder { padding-bottom:62.5%; }
}

@media screen and (min-width:1024px) {
.main-menu .menu-container { padding:0 44px; }
.main-menu ul.menu > li:nth-child(5n+1) { clear:left; }

.post-single .post-entry .content { width:70%; }
.post-single .post-entry .sidebar { width:30%; }
}

@media screen and (min-width:768px) and (max-width:1121px) {
.group { padding:0 10px; }
}

@media screen and (max-width:1023px) {
#page.landing #hero .placeholder img,
.homepage #hero .placeholder img { width:auto; height:100%; }
#page.team-profile #testimonials .testimonial { padding:0 40px; }

.homepage #about .container { padding:50px; }
.homepage #about .copy { padding:0; }
.homepage #about .copy p { margin-bottom:20px; }
.homepage #about .copy br { display:none; }
.post-index .panel-items a { display:block; padding:10px 0; font-weight:300; }
.post-index .panel-items span { display:none; }
.post-single .post-entry .content,
.post-single .post-entry .sidebar { width:100%; }
.post-single .post-entry .content { padding-top:50px; }
.post-single .post-entry .content .copy { padding-right:0; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
.main-menu ul.menu { padding:0 32px; font-size:1.5em; font-weight:300; }
.main-menu ul.menu > li { margin-bottom:30px; }
.post-single .post-entry .sidebar { float:left; width:60%; }
}

@media screen and (min-width:768px) and (max-width:1023px),
	   screen and (max-width:767px) and (orientation:landscape) {
.main-menu ul.menu > li { width:50%; }
.main-menu ul.menu > li:nth-child(2n+1) { clear:left; }
h1.page-title,
h1.primary-title,
h2.primary-title { font-size:4.125em; }
.homepage #photos #sb_instagram .sbi_item { width:50%; }
#page.search-results #properties .views { border-bottom:1px solid #ccc; }
#page.search-results #properties .views:after { display:table; content:""; clear:both; }
#page.search-results #properties .views a { position:relative; top:1px; float:left; width:33.3333%; padding:10px 0 7px; border-bottom:1px solid #ccc; }
#page.search-results #properties .views a:nth-of-type(3n+1) { clear:left; }
#page.search-results #properties .views span { display:none; }
.post-index .panel-items a { font-size:1.5em; }
#quicksearch-1 .keywords-list div { width:50%; }
#property-comparable .items { padding-right:40px; padding-left:40px; }
}

@media screen and (max-width:767px) {
.group { padding:0 20px; }
body.expand-main-menu { overflow:hidden; }
body.expand-main-menu #header { overflow-y:auto; }
.main-menu .menu-container { padding:0 20px; }
.main-menu ul.menu > li { margin-bottom:20px; }
.homepage #about .container { padding:20px; }
.homepage #photos .section-title { font-size:1.5em; }
#page.search-results #properties .views a,
#property-actions .panel-items a,
#page.team #agents .panel-items a { display:block; padding:10px 0; border-bottom:1px solid rgba(0, 0, 0, .15); }
#page.search-results #properties .views a ~ span,
#property-actions .panel-items a ~ span,
#page.team #agents .panel-items a ~ span { display:none; }
#property-actions .breadcrumb { padding-right:20px; padding-left:20px; }
/* #property-actions .owl-carousel .owl-dots { display:none; } */
#property-comparable h2.title { font-size:1.571em; }
#property-comparable .items { padding:0 20px 20px; }
.post-single .main-image,
.post-single .post { margin:0 -20px; }
}
#site-banner {padding-bottom: 20px;}
@media screen and (max-width:767px) and (orientation:portrait) {
.main-menu ul.menu > li { width:100%; }
#header .hgroup { padding:0 20px; }
#header .logo img { max-height:25px; }
#header .toggles a.item.menu:before { font-size:30px; }
	body.expand-main-menu #header .toggles a.item.menu:before { margin-top:-1px; font-size:28px; }
#header .toggles a.item.search:before { font-size:28px; }
	body.expand-quicksearch #header .toggles a.item.search:before { margin-top:2px; font-size:25px; }

#page.search-results #map-canvas { padding-bottom:100%; }
h1.page-title,
h1.primary-title,
h2.primary-title { font-size:2.5em; }
}

@media screen and (max-width:767px) and (orientation:portrait),
	   screen and (max-width:567px) and (orientation:landscape) {
#quicksearch-1.expand a.action.options { /*pointer-events:none;*/ }
#quicksearch-1 #search-options { padding-right:0; }
#quicksearch-1 #search-options .field { width:100% !important; }
#quicksearch-1 #search-options .field:not(:last-child) { padding-bottom:1px; }
#quicksearch-1 .keywords-list div { width:100%; padding:0; }
#quicksearch-1 .keywords-list span { margin-left:0; }
#property-map #map-canvas { padding-bottom:75%; margin-top:20px; }
#property-comparable table,
#property-comparable tbody,
#property-comparable tr,
#property-comparable td { display:block; }
#property-comparable thead { display:none; }
#property-comparable tr { margin-bottom:20px; }
#property-comparable tr:after { display:table; content:""; clear:both; }
#property-comparable table td { padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#property-comparable table td:not(:last-child) { border-bottom:1px solid #eaeaea; }
#property-comparable table td:before { float:left; width:120px; font-weight:500; }
	#property-comparable table td.suburb:before { content:"Suburb"; }
	#property-comparable table td.address:before { content:"Street Address"; }
	#property-comparable table td.method:before { content:"Method of Sale"; }
	#property-comparable table td.date:before { content:"Date"; }
	#property-comparable table td.results:before { content:"Results"; }
#page.team-profile #profile .bio .placeholder { height:auto; padding-bottom:0; }
#page.team-profile #profile .bio .inner { position:static; }
}

@media screen and (max-width:767px) and (orientation:landscape) {
#properties.inspections .listings .grid-25-75 > .column,
#properties.auctions .listings .grid-25-75 > .column,
#page.team-profile .listings .grid-25-75 > .column { width:50%; }
#property-comparable table { font-size:10px; }
.footer #siteinfo .networks a.item { margin-bottom:5px; }
.footer #siteinfo .networks a.item:nth-child(3n+1) { clear:left; margin-left:0; }
}

/* 88587 */

#quicksearch-1 a.action.options,
#quicksearch-1 a.action.submit {
    top: auto!important;
    bottom: 0!important;
}
#quicksearch-1 #main-options {
    padding: 1px 50px 0 0!important;
}

.homepage #site-banner {
	margin-bottom: -16px;
}

.homepage #site-banner .owl-carousel {
	display: inline-block;
	overflow: hidden;
	height: 100px
}
.homepage #site-banner .owl-loaded {
	height: auto;
}
.homepage #site-banner .owl-carousel::after {
	content: "loading ...";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 12px;
	background: rgba(0,0,0,0.45)
}
.homepage #site-banner .owl-loaded::after {
	content: none;
}

.owl-carousel .owl-nav div[class^="owl-"] {font-size: 0;width: 40px;height: 40px;display: block;background-color: rgba(255, 255, 255, 0.5);border-radius: 100%;}
.owl-carousel .owl-nav div[class^="owl-"]:hover {background-color: rgb(129, 203, 238);}
.owl-carousel .owl-nav div[class^="owl-"]:before, .owl-carousel .owl-nav div[class^="owl-"]:after {background-color: #fff;width: 2px;height: 13px;display: block;content: '';}
.owl-carousel .owl-nav .owl-prev:before {transform: rotate(45deg) translate3d(18px, -5px, 15px);}
.owl-carousel .owl-nav .owl-prev:after {transform: rotate(-45deg) translate3d(8px, 15px, 15px);}
.owl-carousel .owl-nav .owl-next:before {transform: rotate(-45deg) translate3d(8px, 21px, 15px);}
.owl-carousel .owl-nav .owl-next:after {transform: rotate(45deg) translate3d(18px, -11px, 15px);}
.owl-carousel .owl-nav .owl-prev {left: 10px;}
.owl-carousel .owl-nav .owl-next {right: 10px;}
.owl-carousel:not(.owl-paging) .owl-dot:hover {opacity: .9;background-color: rgb(129, 203, 238);}
.owl-carousel:not(.owl-paging) .owl-dots {bottom: 5px;}
.owl-carousel .owl-nav div[class^="owl-"] i.fa {
    font-size: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 0;
}
.property-gallery .owl-carousel .owl-stage .centerimage > img.fit-width {
    height: 100%;
    width: auto;
}


