/* * Layout * * @package WP Pro Real Estate 7 * @subpackage CSS * WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the Child Theme Generator in WP Admin > Appearance > Child Theme View the screencast: http://www.screenr.com/tbos /* ============================================================================== Stylesheet Guide 3.1 Site Styles 3.2 Media Queries /* ============================================================================== */ /* 3.1 Site Styles /* ============================================================================== */ img { display: block; max-width: 100%; height: auto;} /* Wrapper */ #wrapper { z-index: 3; max-width: 100%;} /* Top Bar */ #topbar-wrap { position: relative; z-index: 999999; font-size: 12px; background: #29333d; color: #ccc;} #wpadminbar { z-index: 999999 !important;} #topbar-wrap .container { border-bottom: 1px solid #3b4d5d;} .single-listing-layout #topbar-wrap .container { border: none;} #topbar-wrap p { padding: 6px 0;} #topbar-wrap .contact-phone { padding: 5px 0;} #topbar-wrap .contact-phone i { position: relative; color: #fff; top: 4px; padding-right: 8px; font-size: 24px;} #topbar-wrap i.icon-search { position: absolute; top: 9px; left: 12px;} #topbar-wrap input[type="text"] { position: relative; top: 2px; background: #1a2229; color: #fff;} #topbar-wrap ul.left { position: relative;} #topbar-wrap li { position: relative; float: left; text-align: center; margin: 0;} /* User Frontend */ #topbar-wrap .user-frontend { position: relative;} #topbar-wrap .user-frontend a { display: inline-block; margin: 0; font-size: 14px; border-left: 1px solid #3b4d5d; color: #ccc;} #topbar-wrap li.login-register a { padding: 6px 16px; background: #27ae60; color: #fff; border-bottom-right-radius: 3px;} #topbar-wrap .user-frontend a { color: #ccc;} #topbar-wrap li.user-logged-in a { font-size: 12px; background: #fff; border-left: 0 !important; border-right: 0; color: #191919;} #topbar-wrap li.user-logged-in span.user-name { display: inline-block; padding: 6px 16px;} #topbar-wrap li.user-logged-in figure { float: right; width: 40px; overflow: hidden;} .user-listing-count { position: absolute; z-index: 9999999991; bottom: -4px; right: -4px; height: 16px; width: 16px; border-radius: 16px; line-height: 16px; padding-left: 2px; font-size: 12px; background: #27ae60; color: #fff;} #topbar-wrap li.user-logged-in a:hover { opacity: 1;} #topbar-wrap ul.user-drop { display: none; position: absolute; top: 100%; width: 200px; right: 0; background: #1a2229; padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; z-index: 999999999;} #top-bar ul.user-drop li:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} #topbar-wrap ul.left li.user-logged-in:hover > ul.user-drop { display: block;} #topbar-wrap ul.user-drop li { width: 100%; text-align: left; border-bottom: 1px solid #efefef;} #topbar-wrap ul.user-drop a { display: inline-block; width: 100%; padding: 10px 20px; border-right: 0;} #topbar-wrap ul.user-drop a:hover { opacity: 0.9;} #topbar-wrap ul.user-drop li i { padding-right: 5px;} } #topbar-wrap li.user-logged-in i, #topbar-wrap li.submit-listing i, #topbar-wrap li.my-listings i, #topbar-wrap li.logout i, #topbar-wrap li.login-register i { padding-right: 5px;} #topbar-wrap li.submit-listing a, #topbar-wrap li.my-listings a, #topbar-wrap li.logout a, #topbar-wrap li.login-register a { font-size: 12px;} /* Social Links */ #topbar-wrap .social a { display: inline-block; min-width: 30px; padding: 6px 16px; margin: 0; font-size: 14px; border-right: 1px solid #3b4d5d; color: #ccc;} #topbar-wrap .social li:first-child a { border-left: 1px solid #3b4d5d;} #topbar-wrap .social li:last-child a {} .social .facebook a:hover, .contact-social .facebook a:hover { background: #3a7ea2; color: #fff !important;} #main-content .social .facebook a:hover { border: 1px solid #3a7ea2 !important;} .social .twitter a:hover, .contact-social .twitter a:hover { background: #55c5ef; color: #fff !important;} #main-content .social .twitter a:hover { border: 1px solid #55c5ef !important;} .social .linkedin a:hover, .contact-social .linkedin a:hover { background: #4875b4; color: #fff !important;} #main-content .social .linkedin a:hover { border: 1px solid #4875b4 !important;} .social .google a:hover, .contact-social .google a:hover { background: #c63d2d; color: #fff !important;} #main-content .social .google a:hover { border: 1px solid #c63d2d !important;} .social .youtube a:hover, .contact-social .youtube a:hover { background: #bb0000; color: #fff !important;} #main-content .social .youtube a:hover { border: 1px solid #bb0000 !important;} .social .dribbble a:hover, .contact-social .dribbble a:hover { background: #ea4c89; color: #fff !important;} #main-content .social .google a:hover { border: 1px solid #c63d2d !important;} .social .pinterest a:hover, .contact-social .pinterest a:hover { background: #c92228; color: #fff !important;} #main-content .social .pinterest a:hover { border: 1px solid #c92228 !important;} .social .instagram a:hover, .contact-social .instagram a:hover { background: #517fa4; color: #fff !important;} #main-content .social .instagram a:hover { border: 1px solid #517fa4 !important;} .social .github a:hover, .contact-social .github a:hover { background: #000; color: #fff !important;} /* WPML Language Switcher */ .wpml-lang { position: relative;} .wpml-lang li { min-width: 20px; padding: 6px 10px; margin: 0; font-size: 14px;} .wpml-lang li a { display: inline-block;} .wpml-lang a:hover { color: #efefef;} .wpml-lang li:last-child { margin: 0 !important;} #lang_sel { height: 30px; margin: 0;} #lang_sel li { width: 120px;} #lang_sel img.iclflag { display: inline-block;} .wpml-lang #lang_sel a.lang_sel_sel { color: #ccc; background-color: transparent; background-position: 92px center; text-align: left;} #lang_sel a, #lang_sel a:visited { line-height: 40px; padding: 0 15px 0 15px; border: none;} #lang_sel ul ul { top: 40px; border-top: none;} #lang_sel ul ul a, #lang_sel ul ul a:visited { padding: 10px 15px; text-align: left;} /* Header */ #header-wrap { position: relative; background: #29333d;} #header-wrap.sticky { position: fixed; width: 100%; z-index: 9999;} .boxed #header-wrap.sticky { width: 1060px;} header#masthead { position: relative; z-index: 99999; width: 100%; padding: 0;} header#masthead .span_2, header#masthead .span_3 { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 89px; overflow: hidden;} header#masthead .span_3 img { width: 100%;} header #logo h2 { margin: 0;} header #logo h2 a { color: #fff;} /* Single Listing Header */ .single-listing-header { position: absolute; top: 0px; height: 200px; width: 100%; z-index: 2; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C */} .single-listing-logo { position: absolute; top: 80px; z-index: 100;} /* IE9 doesn't support flexbox */ .ie9 header#masthead .logo { padding: 10% 0 0 0;} #sitename-for-print-only { display: none;} /* Primary Nav #primary-nav-wrap { position: relative; z-index: 99999; background: #fff;} #primary-nav-wrap .container { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #primary-nav nav { font-size: 12px;} #primary-nav .menu { height: 60px;} #site-nav { text-align: center;} #primary-nav nav li { display: inline-block; text-transform: uppercase;} #primary-nav nav li:last-child { margin-right: 0;} #primary-nav li a:link, #primary-nav li a:visited { color: #000;} #primary-nav nav li a:hover { opacity: 0.8;} #primary-nav nav .selector { display: none;} */ /* Mobile Nav */ .show-hide { display: none !important;} #mobile-nav { display: none;} /* Advanced Search */ .advanced-search { margin: 40px 0 0 0; overflow-x: hidden;} #advanced_search { position: relative; min-height: 97px; border: 1px solid #d5d9dd; padding: 20px 20px 0 20px; border-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #efefef;} .form-loader { position: absolute; top: 35%; left: 45%; text-align: center; width: 40px; height: 40px;} .form-loader i { position: relative; top: 7px; display: inline-block; color: #555;} #advanced_search select, #advanced_search input { display: none;} .advanced-search h4 { font-weight: 500; color: #fff; background: #29333d; padding: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .advanced-search div.left, .home .advanced-search.dsidxpress .dsidx-resp-area { margin: 0 20px 20px 0;} .widget.col.span_3.dsidx-widget-quick-search { width: 100%; margin-bottom: 0;} .advanced-search label { font-size: 14px; display: none;} .advanced-search input[type='text'] { min-width: 175px; margin-bottom: 0;} .advanced-search #ct_property_type + span.customSelect { width: 225px;} .advanced-search input.btn { } .makeloading { display: none; position: absolute; top: 2px; left: 0px; margin: 0px !important; font-size: 12px;} .loadme { display: block !important; border-radius: 3px; width: 18px; height: 18px;} .loadme .fa-circle-o-notch { font-size: 12px;} /* Style Two */ .search-style-two { margin: 0; background: #29333d;} .search-style-two #advanced_search { background: none; border: none; margin: 0; padding: 30px 0 10px 0;} .search-style-two .form-loader i { color: #fff;} .search-style-two label { color: #bdc3c7;} .search-style-two .btn { background: #27ae60;} /* dsIDXpress Search */ .home .advanced-search.dsidxpress form { margin: 0; padding: 20px 20px 10px 20px; background: #efefef;} .home .advanced-search.dsidxpress fieldset { margin: 0;} .home .advanced-search.dsidxpress h4 { margin: 0;} .home .advanced-search.dsidxpress .dsidx-resp-area { float: left !important; width: auto !important; min-height: 65px;} .home .advanced-search.dsidxpress .dsidx-resp-area:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;} .home .advanced-search.dsidxpress input[type="submit"] { top: -1px; font-size: 11px;} /* Main Content */ #page.home #main-content {} #archive #main-content, #search #main-content, #single #main-content, #page #main-content { margin: 0;} /* Home Multi-Listing */ #page .featured-map #map { height: 500px; background: url(../images/loader.gif) no-repeat center center #efefef;} /* Home Single Listing */ #home .single-listing-home #slider.flexslider { min-height: 400px; background: url(../images/dark-loader.gif) no-repeat center center #333;} /* Home - Featured Listings */ .featured-listings { margin: 60px 0 0 0;} .featured-listings header.masthead { font-weight: 500; color: #fff; background: #29333d; margin-bottom: 20px; padding: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .featured-listings h4 { position: relative; top: 5px; color: #fff;} .featured-listings a.view-all { padding: 4px 15px; background: #101317; border: 1px solid #101317; border-radius: 3px; font-size: 12px; color: #fff;} .featured-listings a.view-all:hover { opacity: 0.8;} .featured-listings a.view-all i { margin: 0 0 0 14px; padding: 0 0 0 14px; border-left: 1px solid #d5d9dd; font-size: 14px;} /* Home - Call To Action */ .cta { margin: 30px 0 0 0; font-weight: 500; color: #fff; background: #efefef; border-top-left-radius: 3px; border-top-right-radius: 3px;} .cta.search-style-two { margin-top: 0;} .cta .container { padding: 25px 20px 20px 20px;} .cta h3 { font-weight: 800; text-transform: uppercase; color: #fff;} .cta h4 { color: #bfc5cd; font-weight: lighter;} /* Partners */ .partners h5 { margin: 15px 0 0 0;} .partners h5 span { padding: 4px 20px; background: #29333d; color: #fff;} /* Home - Page Builder */ .page-builder {} .page-builder .aq-block.aq-block-aq_text_block { margin-bottom: 0 !important;} .page-builder .aq-block.aq-block-aq_text_block .partners { margin: 15px 0 0 0;} .page-builder .aq-block.aq-block-aq_text_block .partners span { padding: 4px 20px; background: #29333d; color: #fff;} .page-builder .aq-block.aq-block-aq_image_block { margin-bottom: 0 !important;} /* Home - Testimonials */ .testimonials { margin: 60px 0 0 0; background: #efefef;} .testimonials .flexslider { height: 340px;} .aq-block-aq_testimonial_block .flex-direction-nav { top: auto;} .aq-block-aq_testimonial_block .flex-direction-nav a { background: rgba(24,25,27,0.6);} .aq-block-aq_testimonial_block { text-align: center; margin: 0;} .aq-block-aq_testimonial_block .flexslider { overflow: hidden;} .aq-block-aq_testimonial_block li { float: left; padding: 5% 0;} .aq-block-aq_testimonial_block li + li { float: right;} .aq-block-aq_testimonial_block img { position: absolute; top: 0; left: 0;} .aq-block-aq_testimonial_block .testimonial-quote { position: absolute; z-index: 2; top: 80px; right: 0; padding: 0; width: 70%;} .aq-block-aq_testimonial_block .testimonial-quote.no-image { margin: 0 auto; padding: 0 11%; width: 100%; text-align: center;} .aq-block-aq_testimonial_block p { padding: 0 11%; font-size: 28px; font-weight: 500; line-height: 41px;} .aq-block-aq_testimonial_block .testimonial-quote.no-image p { padding: 0;} .aq-block-aq_testimonial_block h5 { padding: 0 11%; color: #777; font-weight: lighter;} .aq-block-aq_testimonial_block .testimonial-quote.no-image h5 { padding: 0;} /* Home Single Listing */ .single-listing-home #slider.flexslider { min-height: 500px;} .single-listing-home #carousel.flexslider { height: auto; min-height: 95px; padding-top: 8px; background: #efefef;} .single-listing-home #carousel li { margin-right: 8px;} .single-listing-home .container.main-listing { margin-bottom: -142px;} .home .flexslider .snipe { display: none !important;} .single-listing-home .listing-location .snipe-wrap { position: absolute; top: 25px; right: 20px; text-align: right;} .single-listing-home .listing-location { position: relative; top: -142px; background: #fff; padding: 60px; z-index: 9999; border-top: 1px solid #d5d9dd; border-right: 1px solid #d5d9dd; border-left: 1px solid #d5d9dd; border-top-left-radius: 3px; border-top-right-radius: 3px;} .single-listing-home .listing-location h2 {} .single-listing-home .listing-content { position: relative; top: -142px; border: 1px solid #d5d9dd; border-top: none; border-left: 1px solid #d5d9dd; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden;} .single-listing-home .listing-content .price { padding: 15px 60px; color: #fff; background: #27ae60; margin: 0;} .single-listing-home .listing-content .propinfo { padding: 60px; } .single-listing-home .listing-description { background: #29333d; color: #bdc3c7; padding: 60px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .single-listing-home .listing-details { padding: 60px;} .single-listing-home .booking-calendar { padding: 60px; background: #efefef;} .single-listing-home .listing-features-video { padding: 60px;} .single-listing-home #location { background: #efefef;} .single-listing-home .single-listings .listing-agent-contact { padding: 60px;} .single-listing-home .single-listings .co-list-agent { padding: 60px;} .single-listing-home .share-this-listing .pad60 { background: #29333d; text-align: center;} .single-listing-home .share-this-listing h2 { margin-top: 0; color: #fff;} .single-listing-home .share-this-listing ul { text-align: center;} #main-content .share-this-listing .social li a { color: #fff;} /* Listing Grid & List Style Layouts */ li.listing, article.listing, .page-template-template-submit-listing article, .page-template-template-edit-listing-php article { margin-bottom: 2%; border: 1px solid #d5d9dd; border-radius: 3px; overflow: hidden; background: #fff;} .grid-listing-info { text-align: center;} .grid-listing-info header, .list-listing-info header, .single-listings header.listing-location { margin: 0; padding: 10px 20px;} .single-listings header.listing-location { padding: 30px;} .grid-listing-info a, .list-listing-info a, .single-listings header.listing-location h2 {} .grid-listing-info .propinfo a, .list-listing-info .propinfo a { color: #191919;} .grid-listing-info .location { font-size: 12px;} .single-listings article header p.location { font-size: 14px;} .grid-listing-info .price, .list-listing-info .price, .single-listings article .price, .saved-listings .fav-listing .price { padding: 5px 20px; color: #fff; background: #27ae60;} .single-listings article .price { padding: 10px 30px;} .list-listing-info .listing-excerpt { padding: 20px; font-size: 14px; background: #f1f1f1; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} .list-listing-info .listing-excerpt p { margin: 0;} #archive .listing.list, #page.home .listing.list { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f1f1f1; margin-bottom: 30px;} #archive.author .listing.list, #archive.author .listing.grid { margin-bottom: 30px !important; padding-bottom: 0;} .listing .listing-thumb { padding: 20px 5px 15px 20px;} .listing .listing-imgs-attached { height: 37px; background: #1a2229;} .listing .listing-imgs-attached span.img-icon { font-size: 14px; padding: 13px 15px; background: #3d4f5f; color: #fff;} .listing .listing-imgs-attached span.img-icon i { position: relative; top: 4px;} .listing .listing-imgs-attached span.right { font-size: 14px; padding: 5px 15px; color: #ccc !important;} .propinfo { padding: 20px; text-align: left; font-size: 14px;} .single-listings article .propinfo { padding: 30px;} .single-listings article .sub-listings .propinfo { padding: 20px;} .propinfo i { font-size: 16px;} .propinfo p { text-align: center;} .propinfo li.row, .agent-info li.row { margin: 0; border-bottom: 1px solid #d5d9dd;} .propinfo li:last-child, .author-info li:last-child { border-bottom: none;} .propinfo span, .author-info span { display: block;} /* Listings Side Map */ .side-by-side.searching-on { margin-top: 0; background: #29333d;} .side-by-side span.searching, .side-by-side span.search-params, .side-by-side span.search-toggle a, .side-by-side.search-results.advanced-search #advanced_search { border-radius: 0;} .side-by-side.search-results.advanced-search { display: none; background: #efefef; border-bottom: 1px solid #d5d9dd;} .side-by-side.search-results.advanced-search #advanced_search { margin-bottom: 0; padding-right: 0; padding-left: 0; border: none;} .side-by-side span.searching { padding-left: 0;} .side-by-side.advanced-search select#ct_property_type, .side-by-side.advanced-search #ct_property_type + span.customSelect { width: 225px;} #archive #map-wrap.span_6.side-map { height: 100vh; margin: 0} .span_6.side-map #map { height: 100vh !important;} .side-results { height: 100vh; overflow: scroll; overflow-x: hidden; padding-right: 30px;} .side-results #listings-results { padding-top: 20px;} .side-results .listing.span_4 { width: 49.0%;} .side-results .map-toggle { display: none;} /* Tools */ #tools { position: fixed; left: 0; z-index: 999; padding: 10px; border: 1px solid #d5d9dd; background: #efefef; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} #main-content #tools li { display: block; background: #fff;} #tools li.print a:hover { background: #29333d; border-color: #29333d; color: #fff;} #tools-toggle a { display: none; font-size: 9px; text-transform: uppercase; background: #29333d; color: #fff; padding: 2px 0; width: 44px; text-align: center; border-radius: 3px;} /* Listing Single */ .single-listings article.span_9 { border: 1px solid #d5d9dd; border-radius: 3px; overflow: hidden;} .single-listings figure#lead-media { background: #eee;} .single-listings .listing-location { position: relative;} .single-listings .listing-location .snipe-wrap { position: absolute; top: 25px; right: 20px; text-align: right;} .single-listing-home .listing-location .snipe, .single-listings .listing-location .snipe { position: relative; float: left; width: auto; padding: 0;} .single-listing-home .listing-location .snipe.co-listing, .single-listings .listing-location .snipe.co-listing { margin-right: 10px;} .snipe.co-listing span { background: #191919;} .single-listings #first-image-for-print-only { display: none;} .single-listings .propinfo {border-bottom: 1px solid #d5d9dd;} .single-listings .sub-listings .propinfo { border-bottom: 0;} .single-listings figure { overflow: hidden;} .single-listings #slider { min-height: 460px; background: url(../images/loader.gif) no-repeat center center; margin-bottom: 5px; padding-bottom: 0; border-bottom: 1px solid #d5d9dd;} .single-listings .post-content { padding: 30px;} .single-listings .post-content h4 { margin: 40px 0 0 0;} .single-listings .fa-check-square { display: inline-block; margin-right: 10px; color: #27ae60;} /* Booking */ .booking-form-calendar { display: none;} .booking_form_div { display: none;} .bk_calendar_frame { } .bk_calendar_frame + div { display: none;} .booking_form .control-group { float: left;} .booking_form_div .btn.btn-primary:active { top: 24px !important;} .datepick-inline { box-shadow: none !important; border: none !important;} .datepick-inline .calendar-links { border: 1px solid #d5d9dd !important; background: #eee !important;} .datepick-inline .calendar-links .datepick-prev { padding-left: 3% !important;} .datepick-inline .calendar-links .datepick-next { padding-right: 3% !important;} .block_hints .date2approve.block_check_in_out, .block_hints .block_pending, .datepick-inline .date2approve, .block_hints .block_pending a, .datepick-inline .date2approve a { color: #fff !important; text-shadow: none !important; font-weight: normal !important; background: #29333d !important;} .single-listings .listing-agent-contact, .single-listings .sub-listings { padding: 30px;} /* Property Features */ ul.propfeatures.col.span_6 { width: 47%; margin-left: 0; margin-right: 2%;} /* Attachments */ ul.attachments.col.span_4 { width: 30%; margin-left: 0; margin-right: 2%;} ul.attachments i { margin-right: 10px;} /* Listing Agent */ .single-listings .listing-agent-contact { position: relative; background: #efefef;} .single-listings .agent-info { padding-top: 0;} .single-listings .agent-info figure.row { margin-bottom: .5em;} .single-listings .agent-info figure img { display: inline-block; margin: 0 auto; border-radius: 3px;} .single-listings .agent-info h5 { line-height: 1em; margin: 0;} .single-listings .agent-info h5:after {background: none;} .single-listings .agent-info li { font-size: 14px;} .single-listings .agent-info li:last-child { border-bottom: none;} .single-listings #main-content .listing-agent-contact .agent-info .social li a { padding: 8px; min-width: 45px;} .single-listings aside .propinfo { border: 1px solid #d5d9dd; border-radius: 3px;} .single-listings .agent-contact { padding: 0 0 0 10px;} /* Co-listing Agent */ .single-listings .co-list-agent { padding: 20px; background: #fff;} .single-listings #co-agent .agent-info { padding-top: 0;} .single-listings #co-agent li.agent { position: relative;} .single-listings #co-agent .tagline { margin: 2px 0 3px 0;} #co-agent .snipe { top: inherit; bottom: 0; background: #191919;} .single-listings #co-agent li.agent .agent-info { padding-bottom: 0;} .single-listings #co-agent li.agent .agent-bio li { line-height: 2em;} .single-listings #co-agent li.agent .agent-bio li:last-child { border-bottom: none;} .single-listings #co-agent .social { position: absolute; right: 0; top: 0;} /* Sub Listings */ .single-listings .sub-listings p.price { font-size: 0.875em; line-height: 1.25em;} /* Listing Status Snipes */ figure { position: relative;} h6.snipe { display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; margin: 0; padding: 14px; text-align: center; line-height: 12px;} h6.snipe span { padding: 6px 10px; color: #fff; font-size: 11px; border-radius: 3px; text-transform: uppercase;} h6.sold span { background: #ff6400;} h6.for-sale span { background: #34495e;} h6.leased span { background: #90f;} h6.reduced span { background: #bc0000;} h6.open-house span { background: #7faf1b;} h6.available span { background: #3b504b;} h6.rental span, h6.for-rent span { background: #0097d6;} h6.new-addition span { background: #76bcad;} h6.special-offer span { background: #f39c12;} /* Listing Property Type Icon */ .prop-type-icon { position: absolute; left: 10px; bottom: 10px; padding: 0 8px; background: rgba(0,0,0,0.8); border-radius: 3px; z-index: 99;} .prop-type-icon i { color: #fff;} .single-listings article .prop-type-icon { bottom: 10px;} /* Add Favorite Listing */ .save-this { position: absolute; right: 10px; bottom: 10px; padding: 0 8px; background: rgba(0,0,0,0.8); border-radius: 3px; z-index: 99;} .wpfp-img { padding-top: 7px;} .save-this i, .save-this .wpfp-span { color: #fff;} .single-listings article .save-this { bottom: 10px;} /* View Favorite Listings */ .saved-listings li.fav-listing {} .saved-listings li.favorite-empty { text-align: center; margin-bottom: 60px; padding: 20%; background: #efefef; border: 1px solid #d5d9dd; border-radius: 3px;} .remove-saved {} a.remove-parent {} .clear-saved { position: relative; margin: 0 0 60px 0;} .clear-saved { position: relative; text-align: center;} .clear-saved a { display: block; text-align: center;} .clear-saved p { margin: 0;} .clear-saved img { position: absolute; top: 15px; right: 20px;} /* Listings Archive Header */ #title-header { background: none; margin: 0; background: #efefef; border-bottom: 1px solid #d5d9dd; padding: 10px 20px; margin-bottom: 1.5%; } #title-header .container {} #title-header h5 { position: relative; top: 4px;} /* Search Listings */ #listings-results { margin-bottom: 60px;} .listings-results-map { border-bottom: none;} .searching-on { margin-top: 30px;} .searching-on .container { position: relative;} span.searching { display: inline-block; width: 11%; padding: 8px 20px; background: #29333d; border-top-left-radius: 3px; color: #fff;} span.search-params { display: inline-block; width: 89%; padding: 8px 20px; background: #0b0e11; border-top-right-radius: 3px; color: #ccc;} span.map-toggle, span.search-toggle { position: absolute; right: -1px;} span.map-toggle a, span.search-toggle a { display: inherit; background: #27ae60; padding: 8px 20px; text-transform: uppercase; font-size: 11px; color: #fff; border-top-right-radius: 3px;} span.map-toggle a:hover, span.map-toggle a:active, span.search-toggle a:hover, span.search-toggle a:active { opacity: 1;} span.map-toggle i, span.search-toggle i { position: relative; top: 1px; font-size: 14px; padding-left: 4px; color: #fff;} #page #map-wrap.listings-results-map { border-right: 1px solid #d5d9dd; border-left: 1px solid #d5d9dd; margin-bottom: 0;} #page #map-wrap.listings-results-map #map { height: 430px;} /* Search Style Two */ .searching-on.search-style-two { margin-top: 0; background: #efefef; border-top: 1px solid #d5d9dd;} .search-style-two .searching { font-weight: 800; padding-left: 0; border-right: 1px solid #d5d9dd;} .search-style-two .searching, .search-style-two .search-params { color: #191919; background: #efefef;} .search-style-two span.map-toggle a { background: #999;} .search-results.advanced-search { margin-top: 0;} .search-results.advanced-search #advanced_search { border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0;} .search-results.advanced-search h4 { display: none;} #archive #map-wrap { margin: 0 0 40px 0;} #archive #map { height: 400px;} #archive.post-type-archive-listings article { margin-bottom: 30px; padding: 0; border: 0;} /* Maps */ #map-wrap { margin-bottom: 30px; background: url(../images/loader.gif) no-repeat center center #efefef;} #map img { max-width: none;} #map-report a img { display:none;} #map .gmnoprint { width: auto !important;} #page #map, #page #map-canvas { height: 600px;} /* Map Infobox */ .infobox { width: 250px; overflow: hidden; margin-top: 8px; background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 3px;} .infobox:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-top-color: #27ae60; border-width: 15px; left: 142px; margin-left: -32px;} .info-image figure { width: 250px; height: 160px; overflow: hidden;} .info-image figure img { position: relative; z-index: 9999; width: 250px; height: 160px;} .infobox .listing-details { text-align: center;} .infobox .listing-details header { padding: 8px 0;} .page-template-template-contact-php .infobox .listing-details header { padding: 8px 15px;} .infobox .price { padding: 5px 20px; color: #fff; background: #27ae60;} .page-template-template-contact-php .infobox .price a { color: #fff;} .infobox .details { display: none;} /* Dark Header Image Overlay */ .dark-overlay { width: 100%; padding: 80px 0; background: rgba(0,0,0,0.7);} #footer-widgets .dark-overlay { padding: 0;} /* Archives & Search */ #archive-header {} #main-content #archive-header h1 { font-size: 2.875em; font-weight: 800; color: #fff; text-align: center;} #archive-header h2 p { margin: 0;} .archive-inner {} article.post { margin: 0 0 60px 0; padding: 0 0 30px 0; border: 1px solid #d5d9dd; border-radius: 3px;} article.post header { padding: 40px 30px 0 30px;} article.post.has-post-thumbnail header { padding-bottom: 30px;} .author-avatar { margin: 0 20px 0 0;} .author-avatar img { height: 80px; width: 80px; border-radius: 40px;} .entry-title { max-width: 80%; text-transform: uppercase;} #archive .meta, #search .meta { color: #888; text-transform: uppercase;} article.post .excerpt { padding: 30px;} /* Breadcrumbs */ .breadcrumb { font-size: .85em; margin: 0;} .boxed .breadcrumb { right: 3%;} .breadcrumb .sep { margin: 0 5px;} /* Article */ article.post {} article.sticky { padding: 12px 0 !important; border-top: 10px solid #ccc !important; border-bottom: 10px solid #ccc !important;} article .post-thumb {} article .date {} article .date-inner { width: 60%;} article .date .month { font-size: 11px; color: #262624; text-transform: uppercase; background: #000; padding: 10px; text-align: center;} article .date .day { font-size: 24px; font-weight: 900; color: #262624; background: #000; padding: 15px 10px; text-align: center;} article small { display: block; margin: 5px 0 0 0; color: #999;} article h2.title { font-weight: 600;} article h2.title a span, article h2.title a:visited span { color: #262624; background: #000; padding: 0 4px;} article.post p {} article .excerpt p { margin: 0;} .single article .content { margin-left: 8.5% !important;} .single article #post-tools {} .single article #post-tools.standard {} article .content.no-lead { margin-left: 2% !important; padding-left: 2%;} /* Agents */ .agent { margin: 0 0 2% 0; border: 1px solid #d5d9dd; border-radius: 3px; overflow: hidden;} #co-agent li.agent { border: 0;} .agent .view-listings, .agent .broker-logo { position: absolute; top: 30px; right: 30px; z-index: 99;} .agent .broker-logo { padding: 10px 0 20px 0; text-align: right;} .agent .broker-logo h6 { margin: 0; text-transform: uppercase;} .agent .broker-logo img { float: right; max-height: 42px; padding-left: 160px;} .agent-info { position: relative; padding: 10px 30px 0 10px;} .agent h3 { margin: 0; padding: 15px 0 0 0;} .agent h5 { margin: 0 0 15px 0;} .agent ul, .agent-bio { font-size: 14px;} .agent-bio { line-height: 1.5em; padding-right: 20px;} .agent .position {} .agent .tagline {} .agent p { margin: 0;} .contact-modal #listingscontact, .agent-modal #listingscontact { margin: 30px 0 0 0;} .contact-modal #listingscontact .ajaxSubmit, .agent-modal #listingscontact .ajaxSubmit { width: 100%; padding: 60px 20px;} /* Content */ #content { background: #fff;} #single #content { border-bottom: 1px solid #e1e1e1;} .headlines { background: #f2f2f2; border: 1px solid #e1e1e1;} .content-inner { border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} #single .content-inner { border-bottom: none; padding-bottom: 60px !important;} /* Post Meta */ .post-meta { position: relative; top: color: #b2b2b2;} .post-meta i { margin-right: 6px; color: #ccc;} .post-meta .meta-user, .post-meta .meta-cat, .post-meta .meta-comments { padding: 0 10px 0 0; margin: 0 0 0 10px; border-right: 1px dotted #ccc;} .post-meta .meta-user { margin-left: 0;} .post-meta .meta-comments { border: none;} /* Single */ #single-header, #archive-header { margin: 0 0 60px 0; background: #000; text-align: center;} #single-header .author-avatar img { display: inline-block; margin: 0 auto 5px auto; width: 80px; height: 80px; border-radius: 40px;} #single-header h1 { text-transform: uppercase; font-weight: 800; color: #fff;} #single-header h2, #archive-header h2 { font-size: 1.0625em; color: #efefef; font-weight: 300; font-family: 'Lato', 'sans-serif'; text-transform: uppercase;} #single-header p, #single-header a { margin: 0; color: #ccc;} #single-header .meta { font-size: 12px; padding: 4px 12px; background: rgba(0,0,0,0.5); border-radius: 3px;} .single-inner {} .inner-content { padding: 60px; border: 1px solid #d5d9dd; border-radius: 3px;} .single .span_2 { color: #fff;} /* Post Social */ .post-social h6 { text-transform: uppercase; color: #ccc; margin: 20px 0 12px 0;} #main-content .social li { display: inline-block; text-align: center; margin: 0 2px 6px 0;} #main-content .social li a { display: inline-block; min-width: 44px; padding: 8px; border: 1px solid #d5d9dd; color: #888; border-radius: 3px;} /* Tags */ .tags { line-height: normal; font-size: 12px; color: #ccc;} .tags a { color: #ccc;} .tags li { display: inline-block; margin-right: 3px;} .tags li:first-child { margin: 0 10px 0 0;} /* Content Nav */ .content-nav { width: 100%;} /* Page Links */ .page-link { margin: 30px 0 0 0; color: #ccc; font-size: 14px; text-transform: uppercase;} /* Author Info */ #authorinfo { margin: 60px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #d5d9dd;} #authorinfo h5 { text-transform: uppercase;} #authorinfo img { width: 160px; border-radius: 80px;} .author-inner { padding: 0 0 0 20px;} h5.the-author { font-size: 1em;} .author-inner p { color: #555; font-weight: 300;} .author-inner li { display: inline-block; margin: 0 1px 0 0;} .author-inner li a { color: #888;} .author-inner li a:hover {} .author-inner i { color: #888;} .author-inner a:hover i { color: #fff;} /* Related Posts */ .related-title { margin: 0 0 25px 0; padding: 60px 0 0 0; border-top: 1px solid #d5d9dd; text-transform: uppercase;} .related h6 { margin: 15px 0 10px 0; text-transform: uppercase;} .related p { font-weight: 300; color: #555; font-size: 0.875em; line-height: 1.55em;} /* Post Nav */ .post-nav { margin: 60px 0 60px 0;} .post-nav i { position: relative; top: 1px; display: inline-block;} .post-nav i.icon-chevron-left { margin-right: 10px;} .post-nav i.icon-chevron-right { margin-left: 10px;} /* * Login Register Modal - see css > ct-modal-overlay.css * */ /* Front End Listing Submit & Edit */ .page-template-template-submit-listing article, .page-template-template-edit-listing-php article { padding: 20px;} .page-template-template-submit-listing-php .input-full-width input, .page-template-template-edit-listing-php .input-full-width input { width: 100%;} .page-template-template-submit-listing-php .col.span_4 input, .page-template-template-edit-listing-php .col.span_4 input { width: 100%;} .page-template-template-submit-listing-php .col.span_4 span.customSelect, .page-template-template-edit-listing-php .col.span_4 span.customSelect { width: 165px;} #page.page-template-template-edit-listing-php #map, #page.page-template-template-submit-listing-php #map-canvas { height: 400px;} .listing-submit { padding: 20px; text-align: center; background: #efefef; border: 1px solid #d5d9dd;} .listing-submit .btn { margin: 0;} /* Front End Submit Listing */ #rental-info-toggle { margin: 0 0 16px 0; padding: 0 15px; line-height: 42px; height: 42px; border: 1px solid #d5d9dd; border-radius: 3px; background: #efefef;} #rental-info-toggle:hover { cursor: pointer;} #rental-info-toggle i { float: right; margin: 12px 0 0 0;} #rental-info-toggle i.fa-minus-square-o:before { content: "\f147" !important;} #submit-rental-info { display: none;} #map-canvas .controls { margin-top: 16px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);} #map-canvas #pac-input { background-color: #fff; font-family: Roboto; font-size: 15px; font-weight: 300; margin: 20px 0 0 20px; padding: 0 11px 0 13px; text-overflow: ellipsis; width: 375px;} #map-canvas #pac-input:focus {} #map-canvas #type-selector { display: none; color: #fff; background-color: #4d90fe; padding: 5px 11px 0px 11px;} #map-canvas #type-selector label { font-size: 13px; font-weight: 300;} /* Front End Edit Listing */ ul.listing-images {} ul.listing-images li { position: relative;} ul.listing-images li figure { position: relative;} ul.listing-images .featured-img, ul.listing-images .delete-img, ul.listing-images .loading { position: absolute; bottom: 10px; padding: 0 8px; background-color: rgba(0,0,0,0.8); border-radius: 3px; z-index: 99;} ul.listing-images .featured-img { left: 10px;} ul.listing-images .delete-img { right: 10px;} ul.listing-images .loading { position: absolute; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; background: rgba(0,0,0,0.8);} ul.listing-images .loading i { position: relative; top: 38%;} ul.listing-images .featured-img i, ul.listing-images .delete-img i { color: #fff;} ul.listing-images li img:hover { cursor: move; opacity: 0.9;} .drag-drop-area { padding: 40px 30px; color: #999; background: #efefef; border: 3px dashed #d5d9dd; text-align: center;} .drag-over .drag-drop-area { border-color: #27ae60;} .drag-drop .btn { font-size: 12px; margin: 8px 0 0 0;} .drag-drop p { font-size: 12px; line-height: 1.5em;} #sortable li { margin: 0 1% 1% 0;} .placeholder { border: 3px solid #d5d9dd; background: #efefef; height: 106px;} .placeholder.in-progress { display: table; text-align: center;} .placeholder.in-progress span { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 800;} /* Front End View Listings */ .no-listings { text-align: center; padding: 20%; background: #efefef; border: 1px solid #d5d9dd; border-radius: 3px;} .page-template-template-view-listings-php article li {} .page-template-template-view-listings-php li.listing .span_8.listing-info, .page-template-template-favorite-listings-php li.listing .span_8.listing-info { position: relative; padding: 20px 20px 20px 0;} .page-template-template-view-listings-php .listing-status { position: absolute; top: 20px; right: 20px; color: #fff; text-align: center; border-radius: 3px; padding: 8px 10px; text-transform: uppercase; font-size: 12px; line-height: normal;} .listing-info .price { padding: 3px 20px 5px 20px; color: #fff; background: #27ae60; margin: 0;} .listing-info .excerpt { max-width: 80%;} .page-template-template-view-listings-php .publish { background: #556270;} .page-template-template-view-listings-php .pending { color: #878c92; border: 1px solid #878c92;} .listing-tools { padding: 10px 20px; background: #efefef; border-top: 1px solid #d5d9dd;} .paypalbutton input[type="submit"] { font-family: "FontAwesome";} .listing-tools ul { margin: 0;} .listing-tools ul li { display: inline-block; font-size: 12px; text-align: center; margin: 0 5px 0 0;} .listing-tools ul li:last-child { margin: 0;} .listing-tools li a.btn { margin: 0; min-width: 37px; padding: 0 1em; font-size: 14px;} .listing-tools .ct-paypal { } .listing-tools .ct-paypal input { margin: 0; font-size: 12px; background: #009cde;} /* Front End Login/Registration */ .ct_errors { margin: 0 0 20px 0; border: 1px solid #d3847a; background: #f9a89d;} .error { padding: 5px 15px; font-size: 12px;} .no-registration { margin: 2%; padding: 45% 20%; text-align: center; background: #efefef; border: 1px solid #d5d9dd; border-radius: 3px; line-height: normal;} /* Front End Profile Edit */ #your-profile { display: none;} #your-profile p + table, #your-profile input + br { display: none;} #your-profile h3 { font-size: 1.3125em;} #your-profile table { border: none; padding: 0 0 30px 0; margin-bottom: 30px; border-bottom: 1px solid #d5d9dd;} #your-profile tbody { width: 100%;} #your-profile th, #your-profile td { color: #191919; padding: 0; vertical-align: top;} #your-profile th { padding-right: 20px; width: 40%;} #your-profile #user_login { margin: 0; background: #efefef; color: #999;} #your-profile .description { display: block; font-size: 12px; line-height: 1.4em; margin: 5px 0 15px 0;} #your-profile input[type="text"] { min-width: 300px;} #your-profile textarea {} #your-profile span.customSelect { width: 300px;} #password th .description { max-width: 75%;} #pass-strength { border: 1px solid #d5d9dd; padding: 3px 5px; text-align: center; width: 200px;} #pass-strength.short { background: #ffa0a0; border-color: #f04040;} #pass-strength.bad { background: #ffb78c; border: 1px solid #ff853c;} #pass-strength.good { background: #ffec8b; border: 1px solid #fc0;} #pass-strength.strong { background: #c3ff88; border: 1px solid #8dff1c;} .description + br + label { position: relative; top: -30px;} #your-profile p.submit { background: #efefef; border: 1px solid #d5d9dd; padding: 20px; text-align: center;} .page-template-template-edit-profile #error { display: none;} .fep-message-error, .fep-message-success { padding: 6px 20px; font-size: 1em !important; width: 100%; text-align: center; border: none !important;} .fep-message-success { background: #c5f99e;} /* Quote */ article.format-quote .quote-inner { background: #534e4c; padding: 20px; color: #262624;} article.format-quote blockquote p { color: #262624;} /* Video */ .wp-video-shortcode { max-width: 100%;} /* Audio */ /* Link */ article.format-link .link-inner { background: #000; padding: 20px; color: #262624;} article.format-link a { color: #262624;} article.format-link i { color: #262624;} /* Page */ #page article { margin-bottom: 30px;} /* Testimonials */ .page-template-template-testimonials-php .testimonials { background: none;} .page-template-template-testimonials-php article li { margin-bottom: 2%; border: 1px solid #d5d9dd; text-align: center;} .page-template-template-testimonials-php article li .testimonial-inner { padding: 50px; border-radius: 3px;} .page-template-template-testimonials-php .testimonials li figure { height: 120px; width: 120px; margin: 0 auto 30px auto; overflow: hidden; border-radius: 100px; border: 5px solid #d5d9dd;} .page-template-template-testimonials-php .testimonials li figure img { position: relative; max-width: 180px; left: -30px;} .page-template-template-testimonials-php .testimonials li p {} .page-template-template-testimonials-php .testimonials li h5 { margin: 0;} /* Gallery */ article .slideshow-window { -moz-border-radius: none !important; -webkit-border-radius: none !important; -khtml-border-radius: none !important; border-radius: none !important;} .container .gallery-wrap .columns { margin-right: 10px;} .container .gallery-wrap .three.columns { width: 150px;} .container .gallery-wrap four.columns { width: 200px;} /* Archive */ #archive .nav-previous span { margin-right: 10px;} #archive .nav-next span { margin-left: 10px;} /* Full Width */ /* About */ .page-template-template-about-php section {} .page-template-template-about-php article {} /* Clients */ .client-images li { display: inline-block; border: 1px solid #ccc;} .client-images li.singlecol { margin: 0 1% 1.5% 0 !important;} .client-images li img { margin: 0 auto;} /* 404 */ .error404 article { margin-bottom: 30px; padding: 160px 0 200px 0; text-align: center;} /* Contact */ #location {} #location #map, #page #map, #map-canvas { position: relative; z-index: 0; height: 360px; width: 100%; background: url(../images/loader.gif) center center no-repeat; border-bottom: 1px solid #e9ebed;} #page.page-template-template-big-map #map { height: 600px;} #map-report a img { display:none;} #map .gmnoprint { width: auto !important;} .contact-info li { margin: 0 0 10px 0; clear: both;} .contact-info i { float: left; margin: 8px 10px 0 0;} .contact-info .fa-home { float: left; margin-bottom: 40px;} .contact-social { margin: 20px 0 0 0;} .contact-social li { display: inline-block; text-align: center;} .contact-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888; border-radius: 3px;} .contact-social li a:hover { opacity: 1;} #contactform { position: relative; } #contactform .notification { width: 74.5%; } #contactform #formloader { font-size: 2em; vertical-align: middle; color: #2ea9ef; display: none;} #contacterror-placeholders { display: none;} /* Sidebar */ #sidebar { margin-bottom: 30px;} #sidebar-inner {} /* Footer */ #footer-widgets { margin: 0; color: #999; background: url(../images/footer-bg.jpg) no-repeat center center; background-size: cover;} #footer-widgets .dark-overlay { padding: 0; background: rgba(41,51,61,0.95);} #footer-widgets .container { padding-top: 40px; padding-bottom: 20px;} .post-type-archive-portfolio #footer-widgets { margin-top: 40px;} #footer-widgets .widget { border: 0; font-size: 14px;} #footer-widgets .widget-inner { padding: 0;} #footer-widgets .btn { background: #1a2229;} #footer-widgets a, #footer-widgets a:visited { color: #aaa;} #footer-widgets h5 { color: #fff; background: none; padding: 0;} #footer-widgets .widget li { border-color: #777;} #footer-widgets .widget_ct_listings .propinfo li { border-color: #d5d9dd;} #footer-widgets .contact-social li a, #footer-widgets .widget_ct_mortgagecalculator p.muted { border-color: #777;} #footer-widgets .product_list_widget del, #footer-widgets .product_list_widget del .amount { opacity: 0.4;} #footer-widgets .woocommerce .product_list_widget li { border-bottom-style: dotted;} #footer-widgets .product_list_widget .amount { color: #000;} footer { font-size: 12px; background: #1a2229;} footer .container { padding-top: 20px; padding-bottom: 40px;} footer .container.no-border { border: none;} footer nav { float: left;} footer li { display: inline-block; margin: 0 10px 0 0;} footer nav ul li a, footer nav ul li a:visited, footer a, footer a:visited { color: #999; padding: 0 !important; margin: 0 12px 0 0; background: none; border: none;} footer nav ul li a:hover { opacity: 0.8;} footer p.right {} /* ============================================================================== */ /* 3.2 Media Queries /* ============================================================================== */ @media only screen and (max-width: 1100px){ /* Header */ .boxed #header-wrap.sticky { width: 85.6%;} /* FlexSlider */ .flex-inner { margin: 0 5% !important;} #title-header { margin-bottom: 2%;} /* Listing Tools */ #main-content #tools { width: 100%; bottom: 0;} #main-content #tools ul { text-align: center;} #main-content #tools li { display: inline-block;} /* Home Testimonials */ .home .aq-block-aq_testimonial_block p { font-size: 24px; line-height: 30px;} /* Listing Side Map */ .side-results span.customSelect { width: 100%;} .side-results .listing.span_4 { width: 100%; margin-left: 0;} /* Sortable Listing Images */ ul.listing-images li figure, #sortable li { height: 107px; width: 166px;} /* Agent Single */ .agent-single .agent-info { padding-bottom: 30px;} .agent .broker-logo img { padding-left: 50%;} /* Submit & Edit Listings */ .page-template-template-submit-listing-php .col.span_4 span.customSelect, .page-template-template-edit-listing-php .col.span_4 span.customSelect { width: 100%; margin-bottom: 16px;} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* Header */ header#masthead { position: relative;} #header-wrap .container { padding: 0 !important;} header#masthead .span_3 { margin: 0; text-align: center;} #masthead { position: relative;} #masthead #nav-left ul, #masthead #nav-right ul { display: none;} /* Mobile Nav */ .show-hide { display: inline-block !important; position: absolute; top: 28px; right: 0; font-size: 16px; border-radius: 3px; padding: 3px 12px; background: #27ae60; color: #fff !important;} .show-hide a, .show-hide a:visited { color: #fff !important;} /* Homepage */ .testimonials, .testimonials .flexslider { height: 240px;} .home .aq-block-aq_testimonial_block .testimonial-quote { top: 30px;} .home .aq-block-aq_testimonial_block p { font-size: 20px; line-height: 30px;} #advanced_search { padding-bottom: 20px;} /* Flexslider */ /*.flexslider { min-height: 0 !important;}*/ .flex-inner { width: 100%;} .flex-caption p { display: none; } .flex-caption h3 { width: 50%;} .flex-caption .price { width: 20%;} .flex-direction-nav { display: none;} .cta h1, #welcome h1 { font-size: 2.5em; line-height: normal;} .cta h1:after, #welcome h1:after { top: 10px;} p.lead { font-size: 1.5em; line-height: normal;} /* Search Listings */ #title-header { margin-bottom: 3%;} /* Sortable Listing Images */ ul.listing-images li figure, #sortable li { height: auto; width: auto;} #sortable li.placeholder { height: 106px;} /* Agent Single */ .agent .broker-logo img { padding-left: 50%;} } @media only screen and (max-width: 959px) { /* Archive */ article.post header { text-align: center;} article.post header .author-avatar { float: none; margin: 0 auto;} article.post header .author-avatar img { display: inline-block; max-width: none;} article.post .left.entry-title { float: none; max-width: none; width: 100%;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Nav */ footer nav ul, footer nav select { display: none !important;} /* Tags Nav */ #tags-nav li { margin-bottom: 10px !important;} /* Featured Post Block */ .span_2.featured-post .lead { padding-top: 0;} .span_2.featured-post h5 { font-size: 12px; font-weight: 500;} .aq-posts-block h3.the-title { font-size: 21px;} /* Isotope */ .isotope-item { width: 250px;} /* Footer */ #twitter-feed { height: 80px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Top Bar */ #topbar-wrap div.contact-phone.left { display: none;} #topbar-wrap div.top-links.right { float: none; width: 100%;} #topbar-wrap div.right .user-frontend.left { float: right !important;} /* Header */ header#masthead { } /* Flexslider */ .flex-caption h3 { width: 60%;} .flex-caption p { display: none !important;} .flex-caption .price { width: 30%;} /* Homepage */ .testimonials, .testimonials .flexslider { height: 174px;} .home .aq-block-aq_testimonial_block p { font-size: 16px; line-height: normal; margin: 0 0 10px 0;} .home .aq-block-aq_testimonial_block h5 { font-size: 16px;} /* Single Listing Home */ .single-listing-home .listing-content .price { padding: 15px 30px; } .single-listing-home .listing-content .propinfo, .single-listing-home .listing-description, .single-listing-home .listing-details, .single-listing-home .booking-calendar, .single-listing-home .listing-features-video, .single-listing-home .single-listings .listing-agent-contact, .single-listing-home .single-listings .co-list-agent, .single-listing-home .single-listings .share-this-listing { padding: 30px;} .single-listing-home .listing-description { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .single-listing-home .listing-features-video .videoplayer { margin-top: 30px;} /* Booking Calendar */ .bk_calendar_frame { margin: 0 0 30px 0;} .wpdevbk label { margin-top: 0;} .wpdevbk .input-xlarge { margin-bottom: 10px !important;} .btn.btn-primary.col.span_6.first { top: 0 !important; left: 0; width: 95% !important;} /* Posts Block */ .aq-block-aq_posts_block .span_8 { top: 0 !important; padding: 20px 0 !important;} /* Nav */ header#masthead nav.right { float: none; margin: 0 auto;} header#masthead nav.right #nav { display: none;} header#masthead nav.right nav { width: 100%; height: auto;} header#masthead nav select { display: block; width: 100%; border: 1px solid #000; background-color: #fff; outline: none; margin: 15px 0 0 0; background-position: 97% center;} footer nav ul, footer nav select { display: none !important;} a.cart-contents { top: 3px !important;} .aq-block-aq_slogan_block .cta-verbiage h1 { font-size: 2em; line-height: 1.2em;} .aq-block-aq_slogan_block .cta-verbiage p.lead { font-size: 1.5em; line-height: 1.2em;} /* Tags Nav */ ul#tags-nav li { margin-bottom: 10px;} /* Archive */ article .title {} article { word-wrap: break-word;} /* Post Meta */ .meta-tags { display: none;} /* Post Social */ .post-social { display: none;} /* Listing */ li.listing, article.listing, .page-template-template-submit-listing article, .page-template-template-edit-listing-php article { margin-bottom: 4%;} /* Visual Composer */ .wpb_column { margin-bottom: 8%;} /* Search Listings */ #title-header { margin-bottom: 4%;} /* Side by Side Search Results */ .side-by-side.searching-on { background: #0b0e11;} .side-by-side span.searching { display: none;} .side-results { height: auto; overflow: visible;} /* Listing Single */ .single-listings #slider { min-height: 100px;} .single-listings .agent-info { padding-right: 0;} .single-listings .co-list-agent #co-agent li.agent .agent-info.col.span_9 { padding: 30px 0 0 0;} .single-listings #co-agent .social { position: relative; left: 0; margin-left: 0;} /* Sortable Listing Images */ #sortable li.placeholder { height: 386px;} /* Agent */ .agent-info.col.span_9 { padding: 30px;} .agent .view-listings { top: 50px;} /* Agent Single */ .agent .broker-logo { position: relative; top: 0; left: 0; text-align: left;} .agent .broker-logo img { padding: 0 70% 0 0; text-align: left;} /* Single */ .single #single-header .right { float: left;} .single article .content, .single article #post-tools { margin-left: 0 !important;} .single #authorinfo { padding: 15px 0 0 0; border-top: 3px solid #ccc;} #single .flexslider { overflow: hidden;} .post-nav .nav-prev { margin-bottom: 20px !important;} /* Portfolio */ .isotope-item.col { margin-left: 0 !important; margin-bottom: 5% !important;} .single-portfolio article h1 { margin-top: 20px;} /* Related Projects */ .single-portfolio .grid li.col { margin-right: 0 !important; margin-bottom: 5%;} /* Home Partners */ .logos .col.span_2 { text-align: center;} .logos .col.span_2 img { margin: 0 auto;} /* Sidebar */ #sidebar { margin-left: 0 !important;} /* WooCommerce */ div.product div.images { margin-bottom: 30px;} /* About */ .page-template-template-about-php section { padding: 80px 20px 120px 20px;} .page-template-template-about-php .aq-block { width: 100% !important; margin-left: 0 !important;} /* Footer */ #twitter-feed { height: 120px;} #footer-widgets .widget.col.span_3 { margin: 0 0 30px 0;} #footer-widgets .widget_ct_portfolio { height: 420px;} footer .left { float: none; margin: 0 auto;} footer .right { float: none; text-align: center; margin: 10px 0 0 0; clear: both;} /* Grid */ .container .col, .container .singlecol, .container .onethirdcol, .container .twocol, .container .twothirdcol, .container .threecol, .container .fourcol, ul.products li.product, .woocommerce .images, .woocommerce .summary, .container .aq-template-wrapper .aq_span1, .container .aq-template-wrapper .aq_span2, .container .aq-template-wrapper .aq_span3, .container .aq-template-wrapper .aq_span4, .container .aq-template-wrapper .aq_span5, .container .aq-template-wrapper .aq_span6, .container .aq-template-wrapper .aq_span7, .container .aq-template-wrapper .aq_span8, .container .aq-template-wrapper .aq_span9, .container .aq-template-wrapper .aq_span10, .container .aq-template-wrapper .aq_span11, .container .aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;} /* My Listings */ .container .listing-tools .col.span_10.ct-paypal { width: 50% !important;} .container .listing-tools .col.span_2 { width: 50% !important;} .single-listings .agent-contact { padding: 0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Tablet Portrait and Below */ @media only screen and (max-width: 766px) { .flex-caption h3 { font-size: 1em;} .flex-caption .price { font-size: 0.75em;} /* My Listings */ .page-template-template-view-listings-php li.listing .span_8.listing-info, .page-template-template-favorite-listings-php li.listing .span_8.listing-info { padding: 20px !important;} /* Single */ #authorinfo img { display: none;} .author-inner { padding: 0;} /* Agent */ .agent-bio { margin-bottom: 20px;} .agent .view-listings { position: relative; top: 0; left: 0; margin-top: 20px; background: #efefef; padding: 12px 0; text-align: center; border: 1px solid #d5d9dd;} /* Agent Single */ .agent .broker-logo img { padding: 0 70% 0 0; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* Top Bar */ #topbar-wrap .right { float: left !important;} #topbar-wrap .contact-phone, #topbar-wrap .wpml-lang { display: none;} #topbar-wrap .user-frontend a { border-right: 1px solid #3b4d5d;} #topbar-wrap li.login-register a {} /* Header */ header#masthead {} header#masthead .logo {} .show-hide { right: 20px;} /* Flexslider */ .flex-caption { top: 20px !important;} /* Advanced Search */ .advanced-search .left { width: 100%;} span.customSelect, .advanced-search #ct_property_type + span.customSelect { width: 100%;} .advanced-search input[type="submit"] { top: 0;} span.searching { display: none;} span.search-params { border-top-left-radius: 3px;} /* Featured Listings */ .featured-listings h4 { font-size: 1em;} .feat-listing { margin-bottom: 20px;} /* Testimonials */ .testimonials, .testimonials .flexslider { height: 107px;} .home .aq-block-aq_testimonial_block .testimonial-quote { top: 20px;} .home .aq-block-aq_testimonial_block p { font-size: 10px;} .home .aq-block-aq_testimonial_block h5 { font-size: 10px;} /* Listing */ li.listing, article.listing, .page-template-template-submit-listing article, .page-template-template-edit-listing-php article { margin-bottom: 6%;} /* Listing Single */ .single-listings .listing-location .snipe-wrap { left: 30px; text-align: left;} /* My Listings */ .col.span_8.listing-info h3 { max-width: 68%;} .container .listing-tools .col.span_10.ct-paypal input { font-size: 10px;} .container .listing-tools .col.span_2 li a { font-size: 12px;} /* Sortable Listing Images */ #sortable li.placeholder { height: 196px;} /* Archive Header */ #archive-header .right { display: none;} /* Article */ article .span_6 small { margin-top: 10px;} .excerpt { max-width: 80%;} span.meta-comments, span.meta-tags { display: none;} /* Agent Info Widget */ .widget_ct_agentinfo .details { padding: 0;} /* Footer */ #footer-widgets .widget_ct_agentinfo figure { margin-bottom: 20px;} }