/* Theme Name: OpenHouse and OpenRoad Description: Premium Real Estate and Car Dealer Theme Version: 1.1.2 Theme URI: http://www.buchmanndesign.com/OpenhouseOpenRoadSwitcher/ Author: BuchmannDesign Author URI: https://plus.google.com/u/0/108996651461491112445/posts Keywords: Real Estate, Realestate, Car sales, auto sales, used car sales, car dealership, auto dealership, inventory search License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready Text Domain: openhouse-and-openroad */ /* Basic typography */ body {font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 24px; -webkit-font-smoothing: antialiased;} body, input, button {-webkit-font-smoothing: antialiased; } p {font-weight: 300; color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 24px; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #content p, #content li {font-size: 16px; line-height: 24px;} #content p a, #content li a {border-bottom: 1px solid silver;} #content p a:hover, #content li a:hover {border-bottom: 1px solid gray;} #content {margin-bottom: 40px;} h1 {font-size: 46px; margin: 24px 0px; line-height: 48px;} h2 {font-size: 35px;} h3 {font-size: 30px;} a {color: #444444; font-weight: normal;} em {font-style: italic;} a:hover{text-decoration: none;} /* lists in content */ #content li {font-weight: 300; margin-bottom: 12px;} #content ol li { margin-left: 25px; list-style: decimal;} #content ol ul >li {list-style: disc;} #content ul li {margin-left: 25px; list-style: disc;} #content ul ol > li {list-style: decimal;} /* Material Design Lite header (menu bar) and side panel */ .mdl-layout__drawer-button {top: 15px; left: 10px;} .mdl-layout__header .mdl-menu a:hover {text-decoration: none;} .mdl-layout__header-row {height: 80px;} .mdl-layout__drawer {border-right: none; border-bottom-right-radius: 5px;} .mdl-layout__drawer .mCSB_outside + .mCSB_scrollTools {right: -11px;} .mdl-layout__drawer .mCSB_scrollTools .mCSB_draggerRail {width: 7px;} .mdl-layout__drawer #mCSB_1_scrollbar_vertical .mCSB_dragger_bar{ width: 7px; height: 150px; } .mdl-layout__drawer .mdl-layout-title {padding-left: 0; } .mdl-layout-title img {position: absolute; bottom: 20px;} .mdl-layout__drawer .scrollcontainer {padding: 25px;} .mdl-layout .mdl-textfield .mdl-button {bottom: 15px;} .mdl-textfield__input {color: black;} .mdl-layout__drawer-button .material-icons {font-size: 45px;} .mdl-layout__drawer .mCSB_inside > .mCSB_container {margin-right: 0px;} div#mCSB_1_scrollbar_vertical {margin-top: -3px;} /* SEARCH RESULTS/ALL LISTINGS */ .searchform button, .orderingwrapper button { text-align: left; border: 1px solid rgba(0, 0, 0, 0.15); border-width: 2px 1px 1px 2px; background: white url(images/triangledown2.png) no-repeat right -2px !important; color: #989898; } .orderingwrapper {float: left; margin-right: 20px; margin-bottom: 20px;} .orderingwrapper button { width: auto; padding-right: 22px; } #listings {clear: both;} /*** LISTING DETAIL PAGE ***/ .detailpage-subheading {font-size: 20px; color: gray; text-transform: uppercase; letter-spacing: normal; line-height: 48px;} img.first-listing-image {margin-bottom: 6px; box-shadow: 0px -1px 1px white; position: relative; top: 0;} .listingimages {margin-bottom: 100px;} .fluidvids {margin-bottom: 30px;} .cd-tabs {margin: 0px; width: 100%; margin-bottom: 20px; clear: both;} #mapwrapper {position: relative; overflow: auto; height: 350px;} #mapshading {background: url(images/gradient-map.png) repeat-x; position: absolute; bottom: 0px; height: 100px; width: 100%;} #map {height: 350px;} #map.listingmap {margin-left: 15px; margin-right: 15px;} .sidebarbox.cardbox.attractions {padding: 15px 0px; overflow: hidden;} .sidebarbox.cardbox.attractions h3 {margin-left: 0px;} .attractionlist {font-size: 14px; margin: 0 15px;} #attractionsmap {width: 100%; height: 200px; margin-bottom: 20px; margin-top: -10px;} #image-gradient-wrapper {position: relative; overflow: auto;} #imagegradient {background: url(images/gradient-image.png) repeat-x; position: absolute; top: 0px; height: 100px; width: 100%;} #price-print-share {padding: 0px 0; border: 1px solid silver; border-width: 1px 0 0 0; min-height: 80px; margin-bottom: 24px; margin-top: 24px;} #price-print-share .price {float: left;} #price-print-share .share a {margin-left: -5px; margin-right: -5px;} #price-print-share .request-info a {display: inline-block; width: 40px; height: 40px; line-height: 48px; text-align: center;} #price-print-share .request-info {position: relative; top: -5px;} #price-print-share .request-info a {width: auto; padding: 0 15px; line-height: 40px; background: gray; color: white;} #price-print-share .request-info a:hover {text-decoration: none;} .print-share {float: right; position: relative; margin-top: 12px;} .share-popover {display: none; position: absolute; bottom: 60px; padding: 12px;} .share-popover:after {content: ""; border-top: 10px solid; border-right: 10px solid transparent; border-bottom: 0px solid transparent; border-left: 10px solid transparent; width: 10px; height: 10px; position: absolute; bottom: -10px; left: 50px;} .share-popover .essb_links {margin: 0;} .share {position: relative;} .share #share-hide {display: inline-block; width: 50px; height: 10px; position: absolute; bottom: -6px; right: -13px;} #floorplans img {margin-right: 8px; margin-bottom: 10px;} #floorplanscontainer {min-height: 200px;} .cd-tabs-navigation .glyphicon, .cd-tabs-navigation .material-icons {font-size: 20px;} .row.basic-details div:before {float: left; width: 0; white-space: nowrap; content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "} .row.basic-details div.nodots:before {content: ""} .row.basic-details div.nodots i {position: relative; top: 7px; color: gray; font-size: 22px;} .row.basic-details div {overflow-x: hidden; padding-right: 0px; font-size: 13px; line-height: 24px;} .row.basic-details div strong {padding-right: 0.33em; background: #f5f5f5;} .row.basic-details div span {float: right; padding-left: 0.33em; background: #f5f5f5; padding-right: 15px; text-align: right;} ul.leaders { max-width: 40em; padding: 0; overflow-x: hidden; list-style: none; clear: left; padding: 20px; background: whitesmoke; padding-right: 0;} ul.leaders li:before {float: left; width: 0; white-space: nowrap; content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "} ul.leaders span:first-child { padding-right: 0.33em; background: whitesmoke;} ul.leaders span + span { float: right; padding-left: 0.33em; background: whitesmoke; padding-right: 20px;} #basicdetails-notabs {padding: 20px; background: whitesmoke;} .pp_gallery {display: none !important;} #detailpage-content {margin-bottom: 30px;} .leftcolumnmargin1 {margin-top: 30px !important;} .leftcolumnmargin2 {margin-top: -100px !important;} .leftcolumnmargin3 {margin-top: 0px !important;} .directions, .address {margin-bottom: 20px;} /* Button styles */ .btn-outline {border: 1px solid black; background-color: none;} .mdl-button {padding-left: 20px; padding-right: 20px;} /* Sidebar section blocks */ .cardbox.sidebarbox { padding: 15px; background: white; margin-bottom: 20px; clear: left; overflow: auto;} .cardbox.sidebarbox h3 {margin-left: -15px; margin-right: -15px; margin-top: 0px; border-bottom: 2px solid; padding-bottom: 18px; padding-left: 15px; padding-top: 5px; font-size: 22px; line-height: 24px;} .media { font-size: 14px; margin-top: 18px;} .media:last-child {border-bottom: none;} .latestlistings-small .price, .shortcode-listings .price, .shortcode-agents .agenttitle, .shortcode-staff .stafftitle {line-height: 24px; color: gray;} #boxed {background: white; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); padding-left: 0px; padding-right: 0px; margin-top: 30px;} span.dropdownarrow { display: inline-block; width: 10px; height: 10px; clear: both; float: left; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0px; border-bottom: 10px solid black; position: relative; z-index: 10000; margin-top: 10px; margin-left: 10px;} .hidden {display: none;} /* LISTING CARDS, OTHER CARDS */ .cardbox {background: transparent; border-top: 1px solid rgba(0,0,0,0.1);} .mdl-shadow--2dp {background: white; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);} .mdl-card {width: 100%; min-height: auto;} .mdl-card__title {height: 200px; padding: 15px;} .listingcard {overflow: hidden; margin-bottom: 30px; border-top: none;} .listingcard .viewlisting {text-align: right;} .listingcard.mdl-card {margin-bottom: 30px;} .listingcard .mdl-card__actions {padding-top: 18px; padding-bottom: 18px;} .listingcard .mdl-card__title {height: auto; margin: -16px; position: relative; display: block;} .listingcard .mdl-card__title-text { } .listingcard .mdl-card__title-text a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .listingcard .mdl-card__title-text.listing-block-title {color: white; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding-right: 20px; padding-bottom: 18px; text-shadow: 1px 1px 1px black;} .listingcard .listing-block-title-wrapper {position: absolute; bottom: 16px; left: 0px; background: url(images/titlegradient.png) repeat-x bottom left; padding-top: 50px; padding-left: 30px; width: 100%;} .listingcard .mdl-card__supporting-text {height: 60px; width: 100%; padding: 0px; background-color: #F7F7F7;} .listingcard .mCSB_scrollTools .mCSB_draggerRail {background-color: silver} .listingcard .mCSB_dragger_bar {background-color: gray !important;} .listingcard .mCSB_inside > .mCSB_container {margin-right: 10px;} .listingcard .features {padding: 18px 0 15px 15px; overflow: hidden; height: 60px;} .listingcard .features i.material-icons {font-size: 24px; float: left; margin-right: 5px; } .listingcard .features .glyphicon {font-size: 17px; margin-right: 5px; position: relative; top: 4px;} .listingcard .features li{width: 33%; float: left; margin-bottom: 30px; padding-left: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .listingcard .year {display: none;} .listingcard .features span {position: relative;} .listingcard button {float: right;} .listingcard span.price {display: inline-block; font-size: 20px; overflow: hidden; white-space: nowrap; width: 100%; text-overflow: ellipsis; line-height: 36px;} .mdl-card__actions {font-size: 10px; padding: 18px 15px; background: white;} .listingcard .compare { position: absolute; top: 30px; right: 30px; background: white; font-size: 11px; padding: 3px 10px 3px 6px; border-radius: 41px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-transform: uppercase; z-index: 100000;} .listingcard .compare i {font-size: 12px; vertical-align: 0%;} .listingcard .banner {background: rgba(0, 0, 0, 0.7); padding: 0px 7px; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase; font-size: 12px; display: inline-block; font-weight: bold;} .listingcard .banner a {color: white;} .listingcard h2.listing-block-title a {color: white;} .listingcard h2.listing-block-title a:hover {color: #f1f1f1;} /* CALL TO ACTION CARDS */ #calltoaction .mdl-card__supporting-text {background: white; width: 100%; padding: 24px 24px;} #calltoaction .mdl-card__supporting-text p {margin-bottom: 0px; font-size: 16px;} #calltoaction .cardbox {margin-bottom: 20px;} #calltoaction .calltoaction-title-wrapper { bottom: 0px; left: 0px; background: url(images/titlegradient.png) repeat-x bottom left; padding-top: 50px; width: 100%; position: absolute; padding-left: 20px; padding-right: 20px; color: white; padding-bottom: 10px;} #calltoaction .mdl-card__title {position: relative; padding: 0px; height: auto;} #calltoaction .mdl-card__actions {padding: 0 24px 24px 24px;} #calltoaction .mdl-card__title-text {text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 30px; font-weight: 500; position: absolute; bottom: 0px; left: 0px; color: white; padding: 18px 24px;} /* MDL LITE BUTTON OVERRIDES */ .mdl-button--raised {box-shadow: none;} .mdl-button--raised:focus:not(:active) {box-shadow: none;} .mdl-textfield {width: 100%;} blockquote:before, blockquote:after {content: '';} .mdl-textfield {padding-bottom: 0px;} .mdl-textfield.is-focused .mdl-textfield__input {border-bottom: none;} .mdl-textfield__label { color: rgba(0,0,0,0.8); } /*#contact .mdl-textfield--floating-label.is-focused .mdl-textfield__label, #contact .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {color: gray; font-size: 12px;}*/ #contact .glyphicon.glyphicon-new-window {font-size: 12px;} /* LISTING MODAL WINDOW */ .modal {background: rgba(0,0,0,0.8)} .modal-dialog {margin-top: 125px;} .modallisting {z-index:1000000;} .modallisting .close {font-size: 35px; color: red;} .modallisting .modal-excerpt {height: 75px; margin-bottom: 10px; font-size: 14px;} .modallisting .features {display: flex; justify-content: space-around;} .modallisting .features li {padding: 10px; padding-top: 20px; float: left; text-align: center; color: white;} .modallisting .features li a, .modallisting .features li a:hover {color: white;} .modallisting .features span {display: block; clear: left; margin-top: 10px; line-height: 18px;} .modallisting .features span.glyphicon { margin-bottom: 20px; margin-top: 5px;} .modallisting .features span.glyphicon-tint, .modallisting .features span.glyphicon-knight {font-size: 18px;} .modallisting .features .mls {font-size: 23px; padding-bottom: 7px; display: inline-block;} .modallisting h2 {margin-bottom: 12px; margin-top: 36px;} .modallisting h3 {border-top: 1px solid silver; border-bottom: 1px solid silver; padding: 12px 0; margin-top: 24px; margin-bottom: 12px;} .modallisting .modal-content {border-radius: 0px;} .mdl-tabs__tab-bar {justify-content: flex-start; margin-bottom: 10px;} .mdl-tabs__tab-bar a {text-decoration: none;} .modalmap {width: 425px !important; height:275px !important;} /* CONTACT US PAGE TEMPLATE */ #contactmap {position: relative; margin-bottom: -30px; } #contactmap #map { border: 1px solid rgba(0,0,0,0.05); /* height value set in /js/js.php to be same height as white contact box overlay */} #contact > div { height: auto; position: absolute; top: 20px; left: 20px; background: white; padding: 20px} #contact .glyphicon {font-size: 20px; margin-right: 10px;} #contact .glyphicon-map-marker { margin-bottom: 45px; float: left; } #contact #companytext {margin-bottom: 20px; border-bottom: 1px solid silver; padding-bottom: 20px;} #contact .socialnetworking i {font-size: 18px; border: 1px solid silver; padding: 9px; border-radius: 45px; width: 35px; height: 35px; text-align: center; margin-right: 3px;} #contact .socialnetworking a {padding-right: 5px;} #contact .socialnetworking {margin-bottom: 20px; margin-top: 20px; overflow: auto;} #openhourstitle { background: whitesmoke; padding: 20px; margin-bottom: -28px; margin-top: 30px;} #openhoursmisctext {margin-top: 20px;} #openhoursmisctext:before {content: "";} .contactpage-content {margin-top: 60px;} /*** STAFF/AGENT BOXES ***/ #assignedagents h2 {margin-bottom: 24px; font-size: 28px;} .personbox {margin-bottom: 24px; background: white;} .personbox .mdl-button:hover {background: white; } .personbox .mdl-button.mdl-button--colored {color: white;} .personbox .mdl-button.mdl-button--colored:hover {color: black;} .personbox .mdl-card__title {padding: 0px; height: auto; position: relative; padding: 20px 80px 96px 80px; text-align: center;} #assignedagents .personbox .mdl-card__title {padding: 20px 70px 96px 70px;} .personbox .mdl-card__supporting-text {width: auto; text-align: center;} .personbox .mdl-card__title-text { font-size: 20px; font-weight: 500; padding: 15px 15px; display: block; } .personbox a.contact {line-height: 24px; vertical-align: top;} .personbox .material-icons {font-size: 30px; color: white;} .personbox .person-title-wrapper {position: absolute; bottom: 0px; left: 0px; padding-top: 100px; width: 100%;} .personbox .readmore {text-align: right;} .social_person {clear: both; margin-bottom: 10px; position: relative;} .single-person .cardbox {margin-bottom: 24px; background: white;} .single-person .image {padding: 0;} .single-person .contactinfo {height: 150px; border-left: 1px solid silver; border-top: 1px solid silver; position: relative; top: -1px; left: -1px; background: #f3f3f3;} .single-person ul {margin-top: 0px; margin-bottom: 10px; line-height: 24px;} .single-person ul.secondcol {text-align: right;} .single-person ul, .single-person li {margin-left: 0; padding-left: 0; list-style: none;} .glyphicon-new-window {font-size: 12px;} .social_person i { background-color: #FFFFFF; border-radius: 50px; width: 30px; height: 30px; padding: 5px; font-size: 14px; color: gray; border: 1px solid silver; text-align: center; line-height: 17px;} .social_person i:hover {background: gray; color: white;} .single-person h1.personname { margin-top: 16px; margin-bottom: 35px; float: left; display: inline-block; font-size: 40px; position: relative; width: 100%;} .single-person span.persontitle { position: absolute; top: -26px; left: 0px; font-size: 20px; text-transform: uppercase; line-height: 22px;} .single-person .profileimage {border: 5px solid white; margin-top: -20px; margin-bottom: 25px;} .single-person .info {margin-bottom: 50px;} .single-person .rightcol {margin-top: 50px;} .single-person .social_person a:hover {text-decoration: none;} .person-title {clear: left; margin-bottom: 12px; margin-top: 20px;} .glyphicon-new-window {margin-left: 5px;} .profileimage {margin: 0 auto; border-radius: 200px;} /*** STAFF/AGENT PAGES ***/ #assignedlistings {margin-top: 50px;} #assignedlistings h3 {margin-bottom: 24px;} .teamcontent {padding-top: 20px; margin-bottom: 24px;} /*** MASONRY TILING ***/ .masonry { clear: left; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .masonry.listingimages { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px;} .item { display: inline-block; margin: 0 0 30px; width: 100%;} .masonry.listingimages .item {margin: 0; } /*** BLOG CARDS ***/ .blogitems .mdl-card__supporting-text {padding: 24px; font-size: 20px;} .blogitems .mdl-card__supporting-text, .blogitems .mdl-card__title {width: 100%; height: auto; padding-bottom: 0px; background: white;} .blogitems img {margin: 0px;} .blogitems .fluidvids {margin-bottom: 0px;} .blogitems .mdl-card {overflow: initial; position: initial;} /* fix disappearing card on second column */ .blogitems .mdl-card__title {padding: 0px;} .blogitems .mdl-button {overflow: initial; float: right;} .blogimagewrapper {overflow: auto;} .blogitems .mdl-card__actions {height: 70px;} .blogitems .mdl-card__actions .blognumbercomments {font-size: 14px; line-height: 30px;} .blogitems h3 { margin-top: 0px; line-height: 30px; font-size: 24px; } .blog_navigation { overflow: auto; padding: right; padding-bottom: 24px; padding-right: 2px;} .titlegradient { height: 600px; /* Use to edit this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+5,0.05+25,0.05+71,0.4+95 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.05) 71%, rgba(0,0,0,0.4) 95%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.05) 25%,rgba(0,0,0,0.05) 71%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.05) 25%,rgba(0,0,0,0.05) 71%,rgba(0,0,0,0.4) 95%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ } /*** POSTS AND PAGES ***/ #title { overflow: hidden; padding-bottom: 120px; position: relative; } #title h1 {margin-top: 36px; } #title.titlesearchresults {padding-bottom: 175px;} .maincol {margin-top: -90px;} .maincolsearchresults {margin-top: -175px;} .rightcol {margin-top: -90px;} .leftcol {margin-top: -90px;} .subtitle, .subtitle p, .subheading, .subheading p, #subtitle, #subtitle p, #subheading, #subheading p {text-transform: initial; margin-top: -20px; margin-bottom: 24px; font-size: 25px; font-weight: normal; line-height: 48px;} #tags {margin-top: 20px;} #tags a { background: #efefef; padding: 0px 7px; margin-right: 5px; display: inline-block; margin-bottom: 5px; text-transform: uppercase;} blockquote {border: none; position: relative; background: rgba(0,0,0,0.05); padding: 30px 30px 20px 100px; margin: 50px;} blockquote i.material-icons {position: absolute; left: 20px; top: 24px; font-size: 50px;} blockquote p {font-size: 18px; line-height: 30px;} dd {margin-bottom: 24px;} .alignnone {float: none;} .alignleft {float: left;} .alignright {float: right;} img.alignleft {margin-right: 20px;} img.alignright {margin-left: 20px;} img.aligncenter {margin-left: auto; margin-right: auto;} img.aligncenter, img.alignleft, img.alignnone, img.alignright {margin-bottom: 24px;} #content .wp-caption-text { font-size: 12px; margin-top: 5px; margin-bottom: 30px; line-height: 18px;} .push-up-content {margin-top: -90px; padding-top: 24px; min-height: 200px;} .contactpage .push-up-content {padding-top: 0px;} .large-title-image {background-size: cover !important; height: 600px;} .large-title-image h1, .large-title-image .subtitle, .large-title-image .subtitle p, .large-title-image .subheading, .large-title-image .subheading p, .large-title-image #subtitle,.large-title-image #subtitle p, .large-title-image #subheading, .large-title-image #subheading p {text-shadow: 2px 2px 0 rgba(0,0,0,0.3); } .nopushup-class1 {margin-top: 0px; padding-top: 20px;} .nopushup-class2 {margin-top: 0px; padding: 0px;} .nopushup-class3 {margin-top: 0px;} .nopushup-class4 {margin-top: 0px; padding-top: 0px;} .pushupvideo-class {margin-top: -90px;} .pushdownmeta-class {margin-top: 20px;} /*** MAIN MENU DROPDOWNS ***/ #navwrapper { z-index: 1100;} #nav {z-index: 100; position: relative;} #nav a {text-transform: uppercase; font-weight: 400; font-size: 15px;} #nav .sub-menu a {font-size: 14px;} #menubar { margin-top: 0; } #menubar-sticky-wrapper {margin-right: 10px; position: relative;} .sf-menu {float: right; padding-right: 12px; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.2); margin-bottom: 0px;} .sf-menu > li > a {font-weight: 700; line-height: 24px; } ul.sf-menu li li:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} ul.sf-menu li ul {padding-bottom: 5px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; margin-top: -2px;} ul.sf-menu li>a, .sf-menu .sub-menu a { border: none; font-size: 17px; padding: 10px 20px; font-weight: 700;} .sf-menu .sub-menu a {font-weight: 500; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 24px;} ul.sf-menu > li > a {padding: 27px 18px 32px 18px;} /*** LISTING SHORTCODES ***/ #theme .sf-menu .megamenu a.shortcode_viewall_button, a.shortcode_viewall_button{ background: #555555; display: inline-block; padding: 7px 10px; font-size: 12px; color: white !important; line-height: 12px; margin-top: 10px;} #theme .sf-menu .megamenu a.shortcode_viewall_button:hover {background: #555555 !important; color: white !important;} /* HOMEPAGE SECTIONS */ div.homepagelistings {padding-top: 75px; padding-bottom: 50px;} div.homepagecalltoaction {padding-top: 90px; padding-bottom: 70px;} div.homepagewidgets {padding-top: 50px; padding-bottom: 50px;} div.homepagewidgets h1, div.homepagewidgets h2, div.homepagewidgets h3, div.homepagewidgets h4, div.homepagewidgets h5, div.homepagewidgets h6 {margin-top: 0px;} div.homepageblog {padding-top: 50px; padding-bottom: 50px;} div.homepageblog .blogitems {margin: 0px 15px;} div.homepagecontent .vc_empty-placeholder {margin-bottom: 0px;} .homepagecontent > .container .wpb_row {margin-bottom: 0px !important;} div.homepageblog .blogitems h2, div.homepagecontent h2 {margin-bottom: 30px;} .home .essb_links {display: none;} /*** HEADER ***/ #sitename, #description {display: none;} #logo {display: inline-block; float: left;} #nav {overflow: auto;} #logo img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} header h2 {margin-top: 10px;} header.smaller #logo img {padding: 10px 0;height: 50px;} header.smaller ul.sf-menu > li > a {padding-top: 25px; padding-bottom: 25px;} header #demologo, header #headerlogo {height: 45px; position: static;} header .socialnetworking {margin: 25px 20px 30px 30px;} header .socialnetworking a, .socialnetworking a{float: left; padding-right: 10px;} header .socialnetworking i {font-size: 15px;} header .socialnetworking span, header .socialnetworking br, .socialnetworking br, .socialnetworking span {display: none;} header #headerdotmenu.mdl-button {padding-left: 0px; padding-right: 0px;} .login, div.headersub ul {display: none;} /*** SEARCH FORM, LEFT SIDE PANEL ***/ #searchlabel { background: rgba(0,0,0,0.1); padding: 36px 12px 12px 25px; margin-left: -25px; margin-right: -25px; margin-top: 0px; margin-top: -25px; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, 0); margin-bottom: 12px; font-size: 18px;} #searchlabel i {position: relative; top: 5px;} .scrollcontainer .wpb_content_element {margin-bottom: 24px;} #search .btn-group {width: 100%;} #search .btn-group button { display: block; width: 100%; text-align: left;} #search .btn-group button span.caret {float: right; margin-top: 10px;} #search ul {width: 100%; max-height: 175px; overflow-y:scroll;} #search .badge {padding: 3px 5px; font-size: 9px; margin-left: 5px;} .location_level2_drop_down, .manufacturer_level2_drop_down {display: none; } ul.searchfeatures {padding-left: 10px;} ul.searchfeatures .mdl-checkbox {height: auto;} ul.searchfeatures input[type=checkbox] {margin-right: 5px; margin-top: 3px; margin-bottom: 10px; float: left;} ul.searchfeatures .mdl-checkbox__label { position: relative; cursor: pointer; line-height: 18px; margin: 0; font-weight: normal; display: block; margin-top: 3px;} ul.searchfeatures .mCSB_inside > .mCSB_container {margin-right: 15px;} .mdl-switch__thumb {background: rgba(255,255,255,0.7) !important;} .mdl-switch.is-checked .mdl-switch__thumb {background: white !important;} #search button.searchbutton {background-image: none !important; float: right; margin-top: 15px; margin-bottom: 40px;} #search .searchbutton .material-icons {color: white;} #search .mdl-switch__label {font-size: 12px;} #search .panel, .panel > .panel-heading {background-color: transparent; border-radius: 0px; box-shadow: none;} #search .panel {border: none;} #search .panel-heading {border: none; padding: 10px;} #search a {text-decoration: none; font-size: 13px; display: block; text-transform: uppercase; padding-left: 15px;} #search .glyphicon-chevron-up {display: none;} #search .glyphicon {float: right; margin-right: 15px; position: relative; top: 5px; font-size: 13px; } #search .panel {margin: 0 -25px; border-bottom: 1px solid rgba(0,0,0,0.2);} #search .panel-body {background: #f1f1f1; padding: 18px 15px;} #search-labels .alert {display: none;} #search-labels > span {background: white; padding: 0px 10px; font-size: 11px; border-radius: 10px; margin-bottom: 15px; display: inline-block;} #search-labels > span a {color: white;} #sidepanelwidgets {margin-bottom: 50px;} #sidepanelwidgets input {color: black;} #sidepanelwidgets .tagcloud a {color: black !important;} .panelmenu {margin: 0 -25px 50px -25px; padding-left: 0px; text-transform: uppercase;} .panelmenu a {padding: 10px 25px; display: block;} .panelmenu a:hover {background: rgba(0,0,0,0.1)} .panelmenu .material-icons, .sf-menu .material-icons, .headersub .material-icons {margin-right: 10px; position: relative; top: 5px;} .panelmenu li a span, .sf-menu li a span {display: none;} #leftpaneltext {font-size: 13px; background: rgba(0,0,0,0.1); margin-left: -25px; margin-right: -25px; margin-top: -25px; padding: 25px;} .qtranxs_language_chooser { margin: 24px 30px 30px 30px} .qtranxs_language_chooser li { float:left; margin-right:5px } /*** POSTS & PAGES ***/ .postmeta {font-size: 13px; line-height: 24px; margin-bottom: 0px;} .postmeta .material-icons {color: #7f7f7f; position: relative; top: 5px; padding-right: 10px;} .tags {position: relative; display: block; padding-left: 35px;} .tags .material-icons {position: absolute; top: 0px; left: 0px;} div#featuredimage {position: relative; overflow: auto;} #categorybox #postcategories {margin-left: -15px; margin-right: -15px; padding-left: 0px;} div#categorybox ul {list-style: none; margin-bottom: 0px;} #categorybox a { display: block; padding: 7px 15px;} #categorybox a:hover {background: rgba(0,0,0,0.04)} .sticky .cardbox {box-shadow: none; border: 5px solid;} /* LOAN CALCULATOR (CAR DEALER) */ #loancalculator_cars label {display: block;} #loancalculator_cars input[type=text] {width: 100%; margin-bottom: 15px; padding-left: 5px;} #loancalculator_cars .btn {width: 98%;} #loancalculator.widget {margin-bottom: 0px;} #theme .calculatorresult {font-weight: bold; color: white; background: green;} /* LOAN CALCULATOR (REAL ESTATE) */ #calculator_widget {width: inherit !important;} #calculator_widget .mc-body {border: none; background: transparent !important; padding: 0;} #theme #calculator_widget .mc-body button { border-color: silver !important; color: black !important; background-color: #F7F7F7 !important; clear: both;} #loancalculator form {margin-bottom: 0;} /* BLOG/POST LISTING RESULTS */ #previouslink {float: left;} .content ul, .content ul{list-style-image: url(images/bullet1.png); list-style-position: outside; padding-left: 20px;} .content ul ul, .content ul ul {list-style-image: url(images/bullet2.png); } .content ul ul ul, .content ul ul ul {list-style-image: url(images/bullet1.png); } .content ul ul ul ul, .content ul ul ul ul {list-style-image: url(images/bullet2.png); } .content ol, .content ol {list-style-type: decimal; list-style-position: outside; padding-left: 20px;} .content h2, .content h3 {margin-bottom: 25px;} /*** HOMEPAGE SLIDER ***/ #homepageslider {border: none; margin-bottom: 0px; position: relative; overflow: hidden;} #homepageslider .slides {position: relative;} #homepageslider ul {background: black;} #homepageslider .flex-direction-nav {display: none;} #homepageslider .flex-control-nav {bottom: 24px; z-index: 100;} #homepageslider .flex-control-paging li a {background: rgba(255,255,255,0.8);} #homepageslider .flex-control-paging li a.flex-active {background: white; width: 15px; height: 15px; position: relative; top:-2px;} .slidertext {position: absolute; color: white; z-index: 10000; width: 100%; text-align: center; display: none;} .slidertext hr {width: 300px; margin: 0 auto; border-bottom: 2px solid;} .slidertext h2 a, .sliderprice {color: white; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);} .slidertext h2 a:hover {text-decoration: none;} .slideshowdivider {background: url(images/slideshowdivider.png); width: 350px; height: 3px; margin: 0 auto;} .slidertext .btn { font-weight: 600; border-radius: 0px;} .slidertext .btn:hover { color: white;} .slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;} #topshading {background: transparent; background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 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.3)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ height: 200px; width: 100%; position: absolute; top: 0; left: 0; z-index: 10;} /*** GHOST BUTTON ***/ .btn-ghost-light {background: none; border: 1px solid white; color: white;} .btn-ghost-dark {background: none; border: 1px solid black; color: black;} /*** SEARCH BUTTON AND PANEL ***/ #searchtoggle {float: right; width: 130px; padding-left: 10px; padding-right: 10px;} /*** SEARCH RESULTS / TAXONOMY RESULTS ***/ #map.searchresultsmap {height: 500px; border-top: 1px solid rgba(0,0,0,0.1); margin-bottom: -30px;} #map.searchresultsmap #info p {margin-bottom: 5px;} #map.searchresultsmap #info .price {font-weight: bold;} #taxonomydescription {margin-bottom: 30px;} .top, .bottom {clear: left;} .wp-pagenavi {font-size: 0.9em; position: relative; display: inline-block; float: right; clear: none;} .wp-pagenavi a, .wp-pagenavi span { border: 1px solid #cdcdcd; padding: 5px 10px; margin-right: 5px; border-radius: 50px; background: white;} .wp-pagenavi span.current {border: 1px solid #cdcdcd; color: white;} .wp-pagenavi span.pages {background: none; border: none;} .wp-pagenavi a:hover {border-color: #a7a7a7;} .wp-pagenavi span.current {border: none;} a.nextpostslink, a.previouspostslink { font-size: 26px; border: none; background: none;} #posts_navigation { clear: both; font-size: 17px; border-bottom: none; margin-top: 10px; overflow: auto;} #nextlink, #rightlink {} #posts_navigation a:link, #posts_navigation a:visited { text-decoration: none;} #previouslink { float: right;} .linkpagespagination span {display: inline-block;} .pages {display: none;} .alllistings {float: left; margin-left: 20px; padding-top: 5px; } .bottom .alllistings, .top .wp-pagenavi {display: none;} .cat-desc img {margin-bottom: 24px;} /*** COMPARE THUMBNAILS & PAGE ***/ #comparewrapper {background: white;} #comparecontainer {clear: both;} #comparecontainer .mdl-button {color: white !important; margin-top: 12px; width: 50px !important; min-width: 50px; height: 50px;} #comparecontainer .compareitem {float: left; margin-right: 10px; margin-bottom: 12px; margin-top: 12px; position: relative;} #comparecontainer img {height: 50px;} #comparelabel {color: black; float: left; Line-height: 30px; padding-right: 15px; margin-top: 22px;} .deletecompare { position: absolute; display: none; background: white; border-radius: 20px; width: 20px; height: 20px; text-align: center; right: 25px; top: 13px; padding: 6px; font-size: 12px; line-height: 9px; font-weight: bold; color: red;} #comparisontable {background: #f7f7f7;} #comparisontable .compare {margin-bottom: 24px; margin-top: 24px;} #comparisontable .labels {background: #f3f3f3;} #comparisontable td {padding-left: 20px;} #comparisontable .compare-toprow td {padding-top: 24px;} #comparisontable .pricecompare td {background: #e2e2e2; font-weight: bold;} /* FOOTER */ .mdl-mega-footer {padding: 0px;} #footer { padding-top: 70px; padding-bottom: 0px; margin-top: 30px;} .home #footer {margin-top: 0px;} #footer p, #footer li {font-size: 13px; line-height: 24px;} #footer h3 {font-size: 18px; text-transform: uppercase;} #footer .mdl-mega-footer__middle-section {padding-bottom: 24px; } #footer .mdl-mega-footer__link-list span {display: block; font-size: smaller; margin-bottom: 10px;} #footer .footer_widget select, .footer_widget input {color: black;} #footer .footer_widget label {margin-right: 10px;} #footer .footer_widget ul li {border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 5px; margin-bottom: 5px;} #menu-footer-menu {float: right; margin-bottom: 24px;} #footer .mdl-textfield__label, #footer .mdl-textfield__input {font-weight: normal; font-size: 15px;} #footer .mdl-textfield--floating-label.is-focused .mdl-textfield__label, #contact .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { font-size: 12px;} #footer .mdl-mega-footer__bottom-section {margin-bottom: 0px; background: rgba(0,0,0,0.1)} p#copyright {font-size: 12px;} #footerlogos {padding: 20px; background: white;} #logo3, #logo2 {float: right;} #logo2 {margin-right: 15px;} #footer address {font-size: 13px; line-height: 24px; margin-top: 10px;} /*** calendar widget ***/ .widget_calendar {float: left;} #wp-calendar { width: 100%; font-size: 11px; } #wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; } #wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; } #wp-calendar tbody td:hover { background: #f1f1f1; color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; color: #333; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot td { padding-top: 1px; padding: 4px; } #theme #wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none; color: #fff; } #wp-calendar tbody a { display: block; text-decoration: underline; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #footerwrapper #wp-calendar thead th { background: #222 } #footerwrapper #wp-calendar tbody td { border-color: #222 } form.orderresults {margin-bottom: 0px;} /* GENERAL WIDGETS */ .widget select {width: 100%; color: black;} .tagcloud a {background: #f5f5f5; padding: 3px 5px; text-transform: uppercase; color: black !important; white-space: nowrap;} .tagcloud a:hover {color: #444444 !important;} .widget ul {list-style-position: inside;} .widget ul ul {padding-left: 20px;} .widget ul ul ul {padding-left: 20px;} .widget ul ul ul ul {padding-left: 20px;} .widget ul ul ul ul ul {padding-left: 20px;} /*** COMMENTS ***/ .comments {margin-top: 50px;} #respond small {display: block;} .comment-form-comment label {display: block;} .commentlist { margin-left: 75px;} li.comment {list-style: none;} .commentlist .depth-1 { margin-left: 40px;} .commentlist .depth-2 { margin-left: 30px;} .commentlist .depth-3 { margin-left: 30px;} .commentlist .comment-body { margin-bottom: 30px;position: relative; background: whitesmoke; background: rgba(0,0,0,0.05); min-height: 150px;padding: 20px;} .commentlist img {position: absolute;top: 0px;left:-115px;} .comment_pointer {position: absolute;top: 25px;left: -30px;width: 0;height: 0;border-top: 0 solid transparent; border-bottom: 30px solid transparent; border-right:30px solid; border-right-color: whitesmoke; border-right-color: rgba(0,0,0,0.05); } .comment-meta { width: 100px;position: absolute;left: 1px;top: 90px;left: -115px;font-size: .8em;line-height: 18px; } .comment-meta a:link {color: gray;} .comment-meta a:hover {color: black; } .commentlist p { font-size: 1.0em;} cite.fn {font-weight: normal;} #content .commentlist li {background: none;} #commentform label {width: 80px;} #commentform input#author, #commentform input#email, #commentform input#url {width: 100%; border: 1px solid rgba(0,0,0,0.2);} #commentform textarea {width: 100%; border: 1px solid rgba(0,0,0,0.2);} .pings .comment-meta, .pings .comment_pointer {display: none;} .bypostauthor {border-top: 5px solid #c2c2c2;} #respond {margin-top: 20px;} /* MISC */ div.wpcf7-mail-sent-ok {background: white;} .wpcf7 input, .wpcf7 textarea, #comment {color: black;} #basicsearch input { padding-left: 10px; width: 100%; font-size: 14px;} .hide {display: none;} .adminloading {display:none;} .controlpanelsidebar {background-color: #FFFFFF;border-left: 4px solid #DD3D36;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);padding: 0px 0px 0px 12px;font-size:13px;line-height:35px;} .sf-menu, label {font-family: 'Open Sans Condensed', sans-serif;} .latestlistings-small .title a, .unitofbox .title a, .shortcode-listings .title a, .shortcode-agents .title a, .shortcode-staff .title a{font-family: 'Open Sans'; font-weight: 700; line-height: 21px; display: block; font-size: 16px; letter-spacing: -.04em;} .shortcode-listings .title a, .shortcode-agents .title a, .shortcode-staff .title a {font-size: 14px; line-height: 17px;} .shortcode_output_wrapper {overflow: auto;} #theme #sdrn_menu .megamenu1, #theme #sdrn_menu .megamenu2, #theme #sdrn_menu .megamenu3, #theme #sdrn_menu .megamenu4, #theme #sdrn_menu .megamenu5, .mobile_only {display: none;} .listingcard, .homepagecarousel, .homepagecalltoaction .cardbox, .homepagecontent, .masonry .item, .personbox, .latestlistings-small {visibility: hidden; /* will appear when is visible during scroll */} #stickytitle {font-size: 20px; display: none; padding-left: 10px;} #topstripcontainerwrapper {position: relative;} #topstripcontainer {display: none; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.2); position: absolute; top: 0px; width: 100%; } #topstripcontent {text-transform: uppercase; padding: 12px 0;} .wpb_content_element {margin-bottom: 20px;} .essb_links {display: none;} #content > .essb_links, #detailpage-content > .essb_links {display: block; margin-top: 0px;} #manufacturerslider {margin-top: 50px; margin-bottom: 0px;} #manufacturerslider .flex-direction-nav a {padding-top: 20px; height: 50px; top: 50px;} #manufacturerslider .flex-control-nav {display: none;} .top_seperator {margin-left: 120px;} #theme .vc_logo, #theme .vc_desc {margin-bottom: 15px;} .modal-backdrop {position: inherit;} .sticky-title { display: none;} .clear {clear: both;} .st-tabs {margin-bottom: 0px;} .viewmodallisting {display: none;} address {margin-left: 30px; font-size: inherit; position: relative;} address i {position: absolute; top: 0px; left: -30px; color: #666666;} .rsswidget {font-weight: bold;} .rss-date {display: block;} .rssSummary + cite {margin-bottom: 20px; display: inline-block;} cite:before {content: "\2014 \00a0"} .gallery-caption {font-size: 12px;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none; top: 5px;width: auto;z-index: 100000;} /*** FRONT END POSTING ***/ #manageposttypes {margin-bottom: 20px; border-bottom: 1px solid #eee;} #manageposttypes h4 {margin: 20px 0px;} .frontendpostingblock {background: #f7f7f7; padding: 20px; margin-bottom: 40px;} .frontendpostingblock h2 {font-weight: 400;} .frontendpostingblock h3 {font-size: 20px;} .frontendpostingblock textarea {width: 98%;} #posttitlewrapper input[type=text] {width: 98%;} #theme .wp-editor-area {border: 1px solid #d3d3d3;} .effects img { /* -webkit-filter: brightness(0.8) grayscale(15%) contrast(90%); */ -webkit-filter: brightness(1) grayscale(20%) contrast(100%); filter: brightness(1) grayscale(20%) contrast(100%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }