/* Theme Name: Top Producer & Top Speed Description: Premium Real Estate and Car Dealer Theme Version: 1.3.6 Theme URI: http://www.buchmanndesign.com/topproducer_topspeed_switcher.html 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: topproducertopspeed */ body, html {color: #222222; font-size: 15px; line-height: 23px; font-family: Open Sans; font-weight: 300;} h1, h2, h3, h4, h5, h6 { clear: left; word-wrap: break-word; -ms-word-wrap: break-word; letter-spacing: -0.02em;} h1 { font-size: 40px; line-height: 50px; font-weight: 300; margin-top: 0;} h2 { font-size: 32px; line-height: 41px; font-weight: 300;} h3{ font-size: 20px; line-height: 30px; font-weight: 400; margin-bottom: 15px;} h4{ font-size: 18px; font-weight: 300;} h5{ font-size: 15px;} h6{ font-size: 13px;} .home h2 {margin-top: 0;} a {color: black;} .content a:link, .content a:visited {font-weight: 400;} .widget h3 {margin-top: 0;} p {margin-bottom: 20px;} textarea, input[type=text], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=url], .titlewrap input, select {border-color: #009688; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); color: #333; background: white; border-radius: 2px; height: 35px; width:95%; text-align:center;} .blogbox h4 a:link, .blogbox h4 a:visited, h4.title a:link, h4.title a:visited, a.comparelink:link, a.comparelink:visited {color: #333;} ul, ol {margin-bottom: 20px;} label {font-size: 11px;} #content a:hover {color: black;} #content h4 a {color: #222222;} a:link, a:visited {text-decoration: none;} h2.headingbar { border-bottom: 2px solid lightgray; padding-bottom: 10px; margin-bottom: 20px; margin-top: 20px;} .sidebarslash {display: inline-block; width: 12px; height: 23px; transform: skew(-15deg); position: relative; top: 5px; margin: 0 10px 0 0;} /*** BIG HEADING AREA ON ALL SUB PAGES ***/ div.bigheading { position: relative; overflow: hidden; margin-bottom: 20px; border-bottom: 3px solid silver; } #theme div.bigheading h1 { display: inline-block; line-height: 50px; padding-right: 100px; padding-left: 20px; font-weight: 300; max-width: 1100px; padding-top: 80px; padding-bottom: 35px; margin-bottom: 0px; } #theme div.bigheading h1 .headingslash {background: rgba(255, 255, 255, 0.5); display: inline-block; width: 22px; transform: skew(-15deg); position: absolute; margin-left: -35px;} div.smallheading {display: none !important; padding: 10px 20px 10px 0; border-bottom: 1px solid silver; border-bottom: 1px solid rgba(255,255,255,0.2);} div.smallheading span {font-size: 18px; font-weight: 400; text-transform: uppercase; color: white;} div.smallheading .slash {background: white;} div.smallheading .price { color: white; /*float: right;*/ font-weight: 600; display:none;} /*** BLOG BLOCKS ***/ #blogitems {clear: left; margin-top: 20px;} #blogitems img {margin-bottom: 0;} .blogreadmore {float: right; font-weight: 600; color: #666;} #blogitemswrapper {overflow: hidden; clear: both;} .cardbox.blogbox {position: relative; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .blogbox h4 { margin-top: 0; white-space: nowrap; overflow: hidden; font-size: 22px; line-height: 26px; font-weight: 400;} .blogbox p.excerpt {margin-bottom: -10px;} #theme .block.sticky .blogbox {border: 3px solid silver; border-top: none; padding-bottom: 18px;} .blogdate {font-size: 14px; margin-bottom: 20px;} .blogbox-bottom { border-top: 1px solid #e6e6e6; margin: 20px -20px -20px -20px; padding: 20px 20px 20px 20px; font-size: 14px; background: #f9f9f9;} .blogbox .postmeta {margin-bottom: 10px;} #theme .block.sticky .blogimagewrapper {border: 3px solid silver; border-bottom: 0; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px ;} .block.sticky .cardbox {padding-bottom: 15px;} #theme h4 a:hover {background-color: transparent;} .blogrow .blogimagewrapper {display: inline; float: left; width: 310px !important;} .blogrow .excerptwrapper > span {height: 75px !important;} .blognumbercomments i {padding: 10px; background: rgb(219, 219, 219); font-size: 15px; border-radius: 50px; width: 13px; color: gray; height: 13px;} /*** POSTS AND PAGES ***/ .post .flexslider img {margin: 0 0 0 0} .blogimagewrapper img {margin-bottom: 0;} .firstheadingonpage {margin-top: 0;} .type-post .fancylinewrapper h2, .type-page .fancylinewrapper h2 {margin-top: 0;} /* .post .type-post img {margin: 10px 0;} */ div.post img + p, div.page img + p {margin-top: 20px;} img.alignright {margin-left: 20px;} .post .type-post h3, .post .type-post h4, .post .type-page h3, .post .type-post h4 {border-bottom: 1px solid lightgrey; padding-bottom: 10px;} #theme h4.panel-title {padding-bottom: 0; border-bottom: none; color: #666666; font-size: 15px;} /*** BUTTON STYLING ***/ .btn.btn-bottombar{ padding: 10px 30px; font-size: 13px; margin-top: 0px; position: static; color: white; text-transform: uppercase; border-width: 0px; border-bottom-width: 4px; outline: 0; text-shadow: 0px 1px 0px black; font-weight: bold; background: url(images/buttonoverlay-dark.png) no-repeat -15px 0px; } #theme #footerwrapper .btn.btn-bottombar {border-bottom-color: white; border-bottom-color: rgba(255,255,255,0.8);} #theme .btn.btn-outline { text-shadow: none; background: transparent; border: 2px solid; padding: 10px 15px; font-size: 15px; font-weight: 600; transition: all 0.2s; text-transform: uppercase; box-shadow: none; position: relative; z-index: 100; margin-left:41%} #theme .btn.btn-outline:hover { border-color: transparent; color: white; border: 2px solid transparent;} .btn.viewlisting {padding: 5px 10px; font-size: 15px;} #contactfootermiddle .btn.btn-outline {border-color: white; border-color: rgba(255,255,255,0.8); color: white; color: rgba(255,255,255,0.8); } #theme #footerwrapper .btn.btn-outline:hover {border-color: white; border-color: rgba(255,255,255,0.8);} /*** BUILT IN HOMEPAGE SLIDER ***/ .flexslider .slides li { position:relative; } .flex-caption { position:absolute; width: 470px; margin: 0 auto; padding: 30px 500px 30px 30px; background: rgba(255,255,255,0.8); transform: skew(-15deg); border-left: 10px solid rgba(255, 255, 255, 0.3); z-index: 10;} .flex-caption h2, .flex-caption .sliderfeatures {transform: skew(15deg);} #homepageslider {border: none;} #homepageslider h2 {font-size: 36px; line-height: 50px; font-weight: 400;} #homepageslider .flexactiveslide {display: none;} #theme #homepageslider h2 a {color: #444444;} p.sliderfeatures {font-size: 20px; margin-bottom: 0px; margin: 10px 0 30px 0; font-weight: 500;} .sliderprice {color: #333; font-size: 30px; padding: 10px; color: white; transform: skew(0deg); position: absolute; bottom: -30px; padding: 20px; padding-right: 300px; box-shadow: -5px 5px 0px rgba(0, 0, 0, 0.5);} .slash {background: #585858 ; display: inline-block; width: 2px; height: 22px; transform: skew(-15deg); position: relative; top: 5px; margin: 0 10px;} .slidermap .cardbox {padding: 0px; margin-bottom: 0; padding-top: 0; margin-top: 0;} .slidermap #map {height: 500px;} .flex-control-nav {z-index: 1000; display: none;} .flex-control-paging li a {width: 20px; height: 20px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5)} #homepageslider .flex-direction-nav a {margin-left: 100px; margin-right: 100px;} #homepageslider .flex-direction-nav a {width: 64px; height: 64px; display: block; background: url(images/bg_direction_nav_large.png) no-repeat 0px 0px;} #homepageslider .flex-direction-nav .flex-next {background-position: -64px 0;} .slideroverlayleft {background: url(images/slideroverlayleft.png) no-repeat; position: absolute; z-index: 10; width: 100%; height: 600px; left: 0px; top: -100px;} .slideshowfullwidth {height: 590px;} .slideshowfixedwidth {margin-bottom: 20px; height: 540px;} /*** SOCIAL BUTTONS ***/ #social { clear: both; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; padding: 20px 20px 10px; margin: 40px 0px 20px 0px; background: rgb(250, 250, 250); position: relative;} #socialheader {text-align: right; float: right; padding: 5px;} #socialheader a {display: inline-block;} .twitter-share-button { position: relative; width: 90px; } .fb-like { margin-right: 15px; position: relative; top: -6px; } .essb_item .fb-like {top: 0;} #theme .essb_links {margin: 0 0 1.5em 0; clear: none; padding-bottom: 20px; margin-top: 0px; margin-right: 20px;} #theme .single .essb_links {margin-bottom: 0px;} /*** HEADER ***/ #headerbanner {margin: 0 auto; width: 1300px;} #theme header #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;} #theme header.smaller #logo img {padding: 10px 0;height: 50px;} #theme header.smaller ul.sf-menu > li > a {padding-top: 25px; padding-bottom: 25px;} p#description { display: none;} #logo {display: inline-block; float: left;} #logo p {background: darkgray; padding: 10px; color: white; margin-bottom: 0;} #logo2, #logo3, #logo4 {float: right; margin-right: 20px;} #theme header #nav .demologo {height: 60px; padding: 20px 0;} #abovemenu { font-size: 15px; position: relative; z-index: 1000; overflow: auto; background: white; display:none} #abovemenu .sixteen.columns {margin-top: 0;} #headersocial {padding: 10px 0; float: right; } #headersocial .contactussocialtext, #headersocial br, #headersocial .ebaymotors {display: none;} #headersocial i {font-size: 16px; padding: 0 5px; opacity: 0.7;} #headertext {padding-top: 10px; float: right; margin-right: 30px; font-weight: 400; font-size: 13px; color: gray; float: left;} #undermenu {position: absolute; bottom: -65px; z-index: 0; right: 10px; display: none; transition: all 0.5s; transform: skew(-15deg); border: 5px solid white; border-color: rgba(255,255,255,0.3); border-top: none; margin-right: 20px;} #undermenu {display: block;} #phone {font-size: 18px; display: inline-block; padding: 15px 30px 20px 20px; line-height: 24px; position: relative; z-index: 0; border-left: 1px solid rgba(255,255,255,0.3);} #phone i {font-size: 22px;} #secondarylogoandtext {float: right;} #hourswrapper {float: left; margin-bottom: 6px; position: relative; z-index: 100; height: 54px;} #theme #hourswrapper a { font-size: 15px; display: inline-block; padding: 10px 20px 10px 10px; line-height: 40px; cursor: pointer; text-decoration: none; text-transform: none;} #hours {/*margin-left: -10px;*/ margin-right: -50px;/* transform: skew(15deg);*/ max-width:215px;} #hourswrapper i {font-size: 23px; transform: skew(15deg);} #hourswrapper .fa-caret-down {padding-right: 35px;} .hourstext, .phonetext {transform: skew(15deg); display: inline-block;} #openhoursmisctext {margin-top: 20px; padding-top: 10px; border-top: 1px solid white; border-top-color: rgba(255, 255, 255, 0.3); width: 230px;} ul.leaders li#openhoursmisctext:before {content: "";} #theme ul.leaders { margin: 20px; max-width: 40em; padding: 0; overflow-x: hidden; list-style: none; font-size: 13px; } ul.leaders li:before { float: left; width: 0; white-space: nowrap; content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "} ul.leaders span:first-child { padding-right: 0.33em; font-weight: bold; } ul.leaders span + span { float: right; padding-left: 0.33em; } ul.leaders li {line-height: 26px;} .todaysdate {font-weight: bold;} /* **** SEARCH **** */ #searchwrapper { padding: 25px 0; padding-bottom: 0; display: none; margin-bottom: 1px; position: relative; z-index: 10000;} .home #searchwrapper {margin-bottom: 0px;} #searchtoggle {display: inline-block; color: white; height: 50px; margin-left: -4px; position: relative; float: right; text-align: center; transition: all 0.5s ease; transform: skew(-15deg); padding: 0 25px;} #searchtoggle:hover {padding: 0 35px; } #searchtoggle a {color: #343434; display: block; transform: skew(15deg);} #searchtoggle a:hover {color: #7a7a7a;} #searchtoggletriangle {position: absolute;top: 0px;left: -19px;width: 0px;height: 0px;border-top-style: solid;border-top-color: transparent; border-right: 20px solid transparent;border-bottom: 0px solid transparent;border-left: 0px solid transparent;transition: all 0.5s ease;} .rentprices, .buyrentvalue {display: none;} .modellabel, .secondarylocationlabel, .manufacturer_level2_drop_down, .location_level2_drop_down {display: none;} .manufacturer, .pricemin, .pricemax, .pricemin2, .pricemax2, .bodytype, .year, .mileage, .trans, .fueltype, .location, .location_level2_drop_down, .manufacturer_level2_drop_down, .rentorbuy, .beds, .baths, .propertytype, .resorcomm, .openhouse, .yearbuilt, .size, .lotsize, .garage, .mls, .condition {float: left; margin: 0 10px 15px 10px;} .searchform input[type=text]{width: 180px; margin-bottom: 25px; height: 25px; color: #989898;} .searchform label {font-size: 11px; color: #333; color: rgba(0, 0, 0, 0.75); text-transform: uppercase;} .searchform button, .orderingwrapper button {width: 190px; text-align: left; border: 1px solid rgba(0, 0, 0, 0.2); border-width: 2px 0 0 2px; background: white url(images/triangledown2.png) no-repeat right 0px !important; height: 35px; color: #989898;} .searchform button:hover, .orderingwrapper button:hover {color: gray;} .orderingwrapper button {width: 300px; padding-right: 30px;} .orderingwrapper button:hover {background: white url(images/triangledown2.png) no-repeat right 0px;} .searchform ul, .orderresults ul {width: 100%; border-radius: 0 0 6px 6px; color: #222;} .searchform ul {max-height: 200px; overflow-y: scroll;} .searchform button i {float: right;} .searchform .btn-group > .dropdown-menu {font-size: 14px;} .searchform .dropdown-menu li > a:hover, .orderresults .dropdown-menu li > a:hover {background-image: none; background: #e8e8e8; color: #333; } .searchbuttonwrapper {background: rgba(255,255,255,0.2); text-align: center; margin-bottom: -25px; padding-bottom: 20px; padding-top: 20px; border: 2px solid silver; border-color: rgba(0, 0, 0, 0.1); border-width: 2px 0 0 0;} #theme .btn.btn-outline.searchbutton { padding: 10px 25px; text-align: center; z-index: 0;} .showhidesearchfeatures {display: inline-block; margin-top: 30px; margin-left: 20px; float: right; margin-bottom: 40px; margin-right: 15px;} .showhidesearchfeatures input[type=checkbox] {margin-right: 5px;} .searchform ul.searchfeatures {clear: both; margin-left: 10px; overflow: auto; display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; max-height: none;} .searchfeatures li {list-style: none; float: left; margin-right: 20px; margin-bottom: 10px; width: 283px;} .searchfeatures input[type=checkbox] {margin-right: 5px; margin-top: 3px; margin-bottom: 10px; float: left;} /* Search on homepage */ .homepagesearchwrapper {position: relative; z-index: 10;} .homepagesearch { padding: 20px 10px 0 10px; z-index: 100000; position: relative; top: -36px; left: 0px;} .homepagesearch .container {width: inherit;} .searchup, .searchdown {float: right;} #searchupdown { display: inline-block; position: absolute; top: -15px; right: 20px; z-index: 1000000000; border-radius: 30px; width: 30px; height: 30px; padding-left: 0px; line-height: 28px; text-align: center;} #searchupdown a {color: white;} #searchdown {display: none;} .homepagesearch .searchbuttonwrapper {margin-left: -10px; margin-right: -10px;} /* Search on sidebars */ .sidebarsearch .container {width: inherit;} .sidebarsearch .cardbox {overflow: initial;} .sidebarsearch .searchform button {width: 100% !important;} .sidebarsearch .searchform input[type=text] {width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .sidebarsearch .searchform input[type=text] {margin-bottom: 0px;} .sidebarsearch .searchbuttonwrapper {border: none; background: none;} .sidebarsearch .showhidesearchfeatures {margin-top: 0px; margin-bottom: 10px; float: left; margin-left: 0px;} .sidebarsearch .searchfeatures li {width: 100% !important;} .sidebarsearch .searchform div.container div {margin-left: 0px; margin-right: 0px; width: 100%;} .sidebarsearch .searchform ul.searchfeatures { max-height: 200px; overflow-y: scroll;} /*** CALL TO ACTION SECTION ON HOMEPAGE (OPTIONAL) ***/ #calltoaction { clear: both;} .calltoactionwrapper { border: 0px solid #EDEDED; transition: all 0.3s; opacity: 1; overflow: hidden;} .calltoactionwrapper:hover { border: 2px solid #EDEDED; opacity: 0.8; } /*** MAIN MENU DROPDOWNS ***/ #navwrapper { z-index: 1100; margin-top:0%;} #nav {z-index: 100; position: relative;} #nav a {text-transform: uppercase; font-weight: 400; font-size: 14px;} #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: 40px;} ul.sf-menu li {margin-right: 0; border-right: 1px solid transparent; border-left: 1px solid transparent; } ul.sf-menu li li:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: 1px solid transparent; border-right: 1px solid transparent;} ul.sf-menu li ul {padding-bottom: 5px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;} ul.sf-menu a { border: none; font-size: 14px; padding: 8px 20px;} ul.sf-menu li li {border-bottom: 1px solid;} ul.sf-menu li li a {font-size: 14px;} ul.sf-menu > li > ul.sub-menu:before { content: ''; position: absolute; top: -15px; border-right: 10px solid transparent; border-bottom: 10px solid; border-left: 10px solid transparent; left: 20px; } .menuitembullet-current {content: ''; width: 10px; height: 0px; transform: skew(-15deg); border-top: 20px solid; position: absolute; left: 8px; margin-left: -5px; } .menuitembullet-hover {content: ''; display: none; width: 10px; height: 0px; transform: skew(-15deg); border-top: 20px solid; position: absolute; left: 8px; margin-left: -5px;} /* Note: All menu colors are set in Theme Options. Code for applying colors is in /css/css.php */ /*** BLOG/NEWS CATEGORY PAGE ***/ .blogimagewrapper {position: relative;} .postformaticon {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; padding: 2px; white-space: nowrap;} .postformatvideo {background: url(images/postformat-video.png) no-repeat center center;} .postformatimage {background: url(images/postformat-image.png) no-repeat center center;} .postformatgallery {background: url(images/postformat-gallery.png) no-repeat center center;} #postgallery {margin-bottom: 20px; clear: left;} /*** FOOTER ***/ #footerwrapper { margin-top: 40px; } .home #footerwrapper {margin-top: 0;} #footerwrapper .thickheaderline {background: url(images/linesbackground-light-v2.png);} #footerwrapper .thickheaderlineembellish {background: white;} #footerwrapper .thickheaderlinetriangle {border-left-color: white; top: -10px;} #footerwrapper #contactuslogo {display: none;} .footercontainer { margin: 0 auto; clear: both; font-size: 14px; padding-top: 50px; display:none } .footercontainer h2.centerline {font-size: 50px;} .footercontainer h2.centerline:before, .footercontainer h2.centerline:after { background: url(images/linesbackground-light.png);} .footercontainer h3 {font-size: 21px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400;} .footercontainer a:hover {text-decoration: none; color: white;} .footer_widget {padding: 0 20px 20px 20px; } .firstfooterwidget .footer_widget {border: none; } .footer_widget .post-date {display: block;} .footer_widget ul {margin-left: 13px;} .footer_widget ul.fa-ul {margin-left: 20px;} .footer_widget ul li {margin-bottom: 5px;} .footer_widget i {padding-right: 10px; } .footer_widget h3 > i {font-size: 25px; } .footerwidget1 {padding-left: 0;} #widefootermap {padding-top: 60px; text-align: center; background: white;} #widefootermap #map { margin-top: 0; position: relative; z-index: 0; height: 450px; border-top: 1px solid #ccc; z-index: 10000; } /*** FOOTER BELOW WIDGETIZED AREAS ***/ #theme #belowfooter {font-size: 11px; background-color: black; background-color: rgba(0,0,0,0.1); padding: 20px 20px 5px 20px;} p#copyright {color: white; color: rgba(255,255,255,0.7);} #belowfooter, #belowfooter a {color: white; font-size: 13px;} #theme #belowfooter a {text-transform: uppercase;} #belowfooter a:hover {color: white;} #belowfooter .container .sixteen { padding-top: 20px; padding-bottom: 20px;} .totop { display: inline-block; float: right; margin-left: 30px;} .footermenu {float: right; margin-right: 20px;} #footerlogo {height: 30px; float: left; margin-right: 20px;} .footermenu li {float: left; list-style: none; margin-left: 20px; padding-left: 0px;} /*** CONTACT FOOTER AREA AND CONTACT PAGE ***/ .contactleftcolumn .inner {padding-right: 20px;} #contactfootermiddle .btn.btn-outline { float: left; margin-bottom: 30px; padding: 5px 30px;} #contactpagewrapper {background: white; overflow: auto; margin-top: -20px; padding-top: 40px; overflow: hidden; } #contactpagewrapper #contactsmallmap {display: none;} #contactfootermiddle ::-webkit-input-placeholder { color: gray;} #contactfootermiddle :-moz-placeholder { /* Firefox 18- */ color: gray; } #contactfootermiddle ::-moz-placeholder { /* Firefox 19+ */ color: gray; } #contactfootermiddle :-ms-input-placeholder { color: gray; } #footerwrapper #contactfootermiddle ::-webkit-input-placeholder { color: white; color: rgba(255,255,255,0.5);} #footerwrapper #contactfootermiddle :-moz-placeholder { color: white; color: rgba(255,255,255,0.5); } #footerwrapper #contactfootermiddle ::-moz-placeholder { color: white; color: rgba(255,255,255,0.5); } #footerwrapper #contactfootermiddle :-ms-input-placeholder { color: white; color: rgba(255,255,255,0.5); } #contactfootermiddle textarea, #contactfootermiddle input[type=text], #contactfootermiddle input[type=password], #contactfootermiddle input[type=email], #contactfootermiddle input[type=number], #contactfootermiddle input[type=search], #contactfootermiddle input[type=tel], #contactfootermiddle input[type=url], #contactfootermiddle select {border: none; color: black; border-radius: 0; width: 93%; padding: 15px; background: #e2e2e2;} #footerwrapper #contactfootermiddle textarea, #footerwrapper #contactfootermiddle input[type=text], #footerwrapper #contactfootermiddle input[type=password], #footerwrapper #contactfootermiddle input[type=email], #footerwrapper #contactfootermiddle input[type=number], #footerwrapper #contactfootermiddle input[type=search], #footerwrapper #contactfootermiddle input[type=tel], #footerwrapper #contactfootermiddle input[type=url], #footerwrapper #contactfootermiddle select {background: url(images/trans_white_05.png); color: white;} #contactfootermiddle {padding: 0 50px;} .contactsocial i {width: 25px; height: 25px; padding: 7px; text-align: center; display: inline-block; margin-bottom: 10px; margin-right: 10px; color: white; -moz-border-radius: 50px; -webkit-border-radius: 50px; o-border-radius: 50px; border-radius: 50px; font-size: 25px; background: rgba(255,255,255,0.1);} .contactsocial img {background: rgba(255,255,255,0.1); margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; o-border-radius: 5px; border-radius: 30px; padding: 5px;} #contactpagewrapper .contactsocial i, #contactpagewrapper .contactsocial img {background: rgba(0,0,0,0.4);} #contactuslogo {height: 50px; margin-bottom: 20px;} #contactphone {margin-bottom: 15px;} #contactphone i {margin-right: 10px;} #contactemail {margin-bottom: 0;} #contactemail i {margin-right: 10px;} #contactaddress {margin-top: 15px;} #contactaddress i {display: block; margin: 5px 10px 60px 0; float: left; font-size: 25px;} #contactsmallmap {width: 100%; height: 150px; margin-bottom: 20px;} #contactsmallmap button {padding: 5px 5px 5px 8px !important;} /*** CONTACT WIDGET ***/ .contact_widget_name,.contact_widget_address,.contact_widget_city,.contact_widget_phone,.contact_widget_email,.contact_widget_statezip {padding-bottom: 5px; padding-left:26px;line-height: 20px;font-size: 13px;} .contact_widget_name {background:url(images/mini_icons.png) no-repeat scroll -179px -205px transparent;} .contact_widget_phone {background:url(images/mini_icons.png) no-repeat scroll -138px -244px transparent;} .contact_widget_email {background:url(images/mini_icons.png) no-repeat scroll -98px -282px transparent;text-decoration:underline;} /*** COMMENTS ***/ #respond small {display: block;} .comment-form-comment label {display: block;} .commentlist { margin-left: 75px;} .commentlist, .commentlist ul, .commentlist ul li {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; min-height: 150px;padding: 20px;} .commentlist img {position: absolute;top: 0px;left:-115px;} .comment_pointer {position: absolute;top: 25px;left: -25px;width: 0;height: 0;border-top: 0 solid transparent; border-bottom: 30px solid transparent; border-right:30px solid whitesmoke;} .comment-meta { width: 100px;position: absolute;left: 1px;top: 90px;left: -115px;font-size: .8em;line-height: 13px; } .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 textarea {width: 95%;} .pings .comment-meta, .pings .comment_pointer {display: none;} .bypostauthor {border-top: 5px solid #c2c2c2;} #respond {margin-top: 20px;} /*** PAGINATION ***/ #theme .wp-pagenavi {font-size: 0.9em; position: relative; display: inline-block; float: right; clear: none;} #theme .wp-pagenavi a, #theme .wp-pagenavi span { border: 1px solid #cdcdcd; padding: 5px 10px; margin-right: 5px; border-radius: 50px;} .wp-pagenavi span.current {border: 1px solid #cdcdcd; color: white;} .wp-pagenavi span.pages {background: none; border: none;} #theme .wp-pagenavi a:hover {border-color: #a7a7a7;} #theme .wp-pagenavi span.current {border: none;} #theme a.nextpostslink, #theme a.previouspostslink { font-size: 26px; border: none; background: none;} #theme #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, #theme .top .wp-pagenavi {display: none;} /*** LOGIN FORM ***/ #loginbutton { padding: 0 5px; text-transform: uppercase; font-size: 13px; line-height: 11px; margin: 10px 0 10px 20px; float: right;} #loginbutton i {font-size: 22px; margin-right: 10px; color: #A6A6A6;} #loginbutton:hover i {color: gray;} .loginform {overflow: auto;} #logincontainer {padding-left: 20px; padding-right: 20px;} #login-panel {color: rgb(100, 100, 100);} #loginlogoutbutton .btn {margin-bottom: 15px;} #login-panel .btn {margin-top: -10px;} #login-panel a:link, #login-panel a:visited { color: rgb(100, 100, 100);} #login-panel ul {margin-left: 0;} #loginusername, #loginpassword, #rememberme {float: left; margin-right: 20px;} #rememberme {padding-top: 5px;} .loginform.logout ul li{list-style-type: none; float: left; margin-right: 20px;} .register-recover {margin-right: 40px;} .register-recover a, #theme .register-recover a:hover {color: white;} /*** GOOGLE MAPS ***/ /* maps on detail page */ #maps {margin-bottom: 40px; overflow: auto;} #maps #map, #maps #streetview { height: 250px;} #maps h2 {margin-top: 20px;} #maps .six.columns { width: 450px;} #maps button {display: none;} /* contact us map */ #contactmap { padding: 0px; clear: both; margin-top: -20px; margin-bottom: 20px;} #searchresultsmapcontainer {padding: 5px; clear: both; margin-top: 60px;} #contactmap #map {height: 500px; z-index: 10;} /* map on search results page */ #map.searchresultsmap { height: 500px; border-top: 2px solid white; margin-top: 20px; margin-bottom: -40px; z-index: 100000;} #theme #btn-enter-full-screen {z-index: 1000000 !important; position: absolute; background: white; background: rgba(255,255,255,0.5); bottom: 30px; right: 15px;} #theme #btn-exit-full-screen {z-index: 1000000 !important; position: absolute; background: white; background: rgba(255,255,255,0.5); bottom: 30px; right: 15px;} #info img { float: left; margin-left: 0; margin-bottom: 10px; } #info { width: auto; overflow:hidden; } #info div { overflow: hidden;} #info h3 { margin-top: 0; margin-bottom: 5px;} #info h3 a {font-size: 18px;} #mapdisclaimer {margin-top: 10px; font-size: 12px; margin-bottom: 0;} h2.results {margin-left: 20px; margin-right: 20px;} #info p.price {margin-bottom: 10px; font-size: 15px; width: 140px; color: gray;} #info p {margin-bottom: 0px; line-height: 1.5em;} #assignedagents .four.columns, #related .four.columns {width: 290px;} .listingshortcode .four.columns {width: 283px;} .home .listingshortcode .four.columns {width: 300px;} .home .listingshortcode .listingcard {padding-top: 20px;} .nosidebars .listingshortcode .four.columns {width: 287px;} .listingshortcode {margin: 0 -10px; margin-bottom: 30px; padding-bottom: 30px; overflow: auto;} .home .listingshortcode {margin: 0px;} .leftrightsidebartemplate .listingshortcode .four.columns {width: 285px;} /*** DETAIL PAGE ***/ #price_detailpage .currencysymbol {font-size: 21px; display: inline-block; position: relative; top: -7px; font-weight: normal; margin-right: 5px; } h3#price_detailpage {font-size: 30px; color: white; line-height: 30px; font-weight: 600; text-align: right; text-transform: none;} #price_detailpage > span.vat {font-size: 15px;} #video {margin-bottom: 40px;} #video div {margin-bottom: 10px;} .content.detailpage {padding-top: 0; padding-bottom: 0;} span.detailpagesubheading {font-size: 18px; text-transform: uppercase; position: absolute; top: 40px; font-weight: 400; opacity: 0.8;} #thecontent { line-height: 28px; margin-bottom: 40px; } #detailpagenoimageplaceholder {width: 500px; height: 150px;} #detailpageslidershading {display: block; 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;} .wpcf7 p {font-size: 14px; margin-bottom: 10px;} .wpcf7 textarea {width: 98%; height: 75px;} a.buildinglink:hover{text-decoration: underline;} #carousel li {margin-right: 5px;} #carousel img {display: block; opacity: .5; cursor: pointer; transition: all 0.3s ease;} #carousel img:hover {opacity: 1;} #carousel .flex-active-slide:before {content: ''; border-left: 9px solid transparent; border-top: 10px solid white; border-right: 10px solid transparent; position: absolute; z-index: 10000; left: 40px; top: 0px;} #carousel .flex-active-slide img {opacity: 1; cursor: default;} #carousel .flex-direction-nav a {top: 60%;} .flexactiveslide {width: 0px; height: 0px; position: absolute; left: 40px; top: 0px; border-left: 10px solid transparent; border-top: 10px solid white; border-right: 10px solid transparent; border-bottom: 10px solid transparent;} #slider2 .slides .flexactiveslide {display: none;} .single-listing #slider2 {margin: -20px -20px 20px -20px; overflow: visible; box-shadow: none; border-width: 0; border-top: #EEE;} .single-listing #easysocialshare {display: block; width: 100%;} .flexslider {overflow: hidden; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} #theme .single-listing #carousel.flexslider {z-index: 100; margin-top: -20px; margin-bottom: 30px; border-color: #ebebeb; background: #ebebeb;} .printbutton {float: left; color: #d8d8d8; margin-top: 20px; text-transform: uppercase; position: relative; z-index: 10;} .printbutton:hover {color: white;} .printbutton i {font-size: 25px; background: white; background: rgba(255, 255, 255, 0.2); border-radius: 30px; padding: 8px;} .sidebarwidget.specs {background-image: none; position: relative; border: none;} .specs ul.features li {padding-left: 0px; font-weight: normal; color: white; color: rgba(255,255,255,0.8); overflow: auto; clear: right; font-size: 14px; border-color: white; border-color: rgba(255,255,255,0.15); width: 100%;} .specs ul.features li strong {padding-right: 5px; color: white; font-weight: normal;} .specs ul.features li span {float: right;} .specsoverlay {background: url(images/specsoverlay-dark.png) no-repeat 170px 133px; width: 300px; height: 800px; position: absolute; top: 0px; left: 0px; z-index: 0;} .terms {white-space: nowrap; font-size: 20px;} #featuretabs {margin: 20px 0;} #featuretabs .tabs-left > .nav-tabs {margin-right: 10px;} #featuretabs .tab-content {border: none; background: none; padding-top: 0; padding-left: 10px;} #featuretabs .nav-tabs > li > a {border: none;} #featuretabs .nav-tabs > li.active > a, #featuretabs .nav-tabs > li.active > a:hover, #featuretabs .nav-tabs > li.active > a:focus {border: none; margin-right: 0; border-radius: 2px 0 0 2px;} #featuretabs .nav-tabs > li.active > a, #featuretabs .nav-tabs > li.active > a:hover {color: white;} #featuretabs .nav-tabs > li > a:hover {background: none; border: none; margin-right: 1px;} #featuretabs ul {margin: 0;} #featuretabs i { font-size: 25px; margin-right: 10px; display: block; float: left; } #featuretabs .times {color: #A7A7A7;} #featuretabs .two.columns {width: 200px; padding-right: 20px} #featuretabs .three.columns {width: 280px;} #featuretabs .notabs .three.columns {width: 265px;} #featuretabs .columns { margin-bottom: 5px; margin-top: 5px;} #featuretabs i.fa-times-circle {color: silver; } #attachedfiles i {color: gray;} #attachedfiles a {line-height: 26px;} #floorplans img {margin-bottom: 20px;} /*** AGENT AND STAFF PAGE (ALSO FOR INFO ON DETAIL PAGE) ***/ .teamtitle { display: block; text-transform: uppercase; font-weight: 500; margin-bottom: 20px;} #theme h3.teamname { margin: -20px; padding: 20px; padding-bottom: 100px; color: white;} .persondetails ul {margin: 0 0 30px 0;} .persondetails li {list-style: none; border-bottom: 1px solid silver; padding: 7px 0;} .teambox.cardbox {padding-bottom: 20px; margin-bottom: 30px; text-align: center; overflow: visible;} .teambox.cardbox .persondetails a:link, .teambox.cardbox .persondetails a:visited {font-weight: inherit;} .teamimagewrapper {margin: -85px 40px 0 40px;} .detailpage.teamimagewrapper {margin-top: 0;} .teambox img.profileimage { margin-bottom: 20px; -moz-border-radius: 160px; -webkit-border-radius: 160px; -o-border-radius: 160px; border-radius: 160px; border: 5px solid rgb(219, 219, 219); margin-left: -5px;} .social_person {margin: 10px 0; clear: both;} .social_person i {width: 25px; height: 25px; padding: 5px; text-align: center; display: inline-block; margin-bottom: 10px; margin-right: 5px; color: white; background: #A1A1A1; border-radius: 50px; font-size: 20px; line-height: 25px;} .social_person i:hover {background: #666666;} .social_person img {margin-bottom: 5px;} .fancybox-wrap input, .fancybox-wrap textarea {width: 94%;} .fancybox-wrap input[type=submit] {width: 99%} /*** CONTACT FORM VALIDATION ***/ #theme span.wpcf7-not-valid-tip {position: relative; color: red; border: none; font-weight: bold; padding: 0; top: 0; left: 10px; margin-left:12%;} #theme div.wpcf7-validation-errors {display: none;} #theme div.wpcf7-mail-sent-ok { border: none; padding: 10px; padding-left: 15px; background: green; margin-left: 0; font-weight: bold; color: white; } /*** COMPARE PAGE ***/ .compare-toprow td, .compare-toprow th {border-top: none;} .cardbox.compare {margin-left: 10px; margin-right: 10px;} h4.compare {margin-top: 20px; line-height: 30px;} a.comparelink.activecompare {background: gray; padding: 2px 5px 3px 5px; color: white; margin-left: 3px;} a.comparelink.activecompare:hover {color: white; background: #666;} .compare .viewlisting {border-top: none; font-size: 20px;} .compare .viewlisting {border-top: none; font-size: 20px;} #comparisontable td, #comparisontable th {padding: 15px; width: 75px;} span.compare {margin-top: 10px; margin-right: 10px; margin-bottom: 15px; font-size: 13px; float: right; text-transform: uppercase; font-weight: 400;} span.compare a {padding-left: 5px;} span.compare i {background: black; background: rgba(0,0,0,0.3); padding: 4px; padding-left: 6px; padding-right: 6px; border-radius: 20px; line-height: 15px; font-size: 14px;} .back span.compare i {background: none; border: none;} .front span.compare { position: absolute; right: 0px; bottom: 94px; z-index: 10000;} .front span.compare a {color: white; color: rgba(255,255,255,0.5);} .large span.compare {bottom: 215px;} #comparecontainer {overflow: auto; margin-bottom: 20px; padding-bottom: 20px; margin-left: 10px; margin-right: 10px;} #comparecontainer .compareitem {float: left; margin-right: 10px; position: relative;} #comparecontainer img {height: 45px;} #assignedlistings #comparecontainer, #related #comparecontainer {margin-left: 10px;} .deletecompare { position: absolute; display: none; background: white; border-radius: 20px; width: 15px; height: 15px; text-align: center; right: 25px; top: 13px; padding: 3px; font-size: 12px; line-height: 16px; font-weight: bold; color: red;} /*** LOAN CALCULATORS ***/ #loancalculator_cars label {font-size: 11px;} #loancalculator_cars input[type=text] {width: 243px;} #loancalculator_cars .btn {width: 98%;} #loancalculator.widget {margin-bottom: 0px;} #theme .calculatorresult {font-weight: bold; color: white; background: #009688;} /* "!important" required to override plugin */ #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;} /*** OVERRIDE BOOTSTRAP SO SHORTCODES WORK PROPERLY ***/ .label {font-size: 10px;} ul.st-tabs {margin-bottom: 0px; margin-top: 20px;} .paragraph-end { height: 76px;max-height: 100%; position: absolute; right: 0;width: 60px; z-index: 1000;} .blogbox .paragraph-end, .latestlistingsblock-small .paragraph-end { background: url(images/fadetitle.png) repeat-y; } .small .paragraph-end {top: 205px;} .large .paragraph-end {top: 408px;} /*** SIDEBAR LATEST LISTINGS ***/ #latestlistings-small {margin-bottom: 40px;} .latestlistingsblock-small {border-bottom: 1px dotted silver; overflow: hidden; margin-bottom: 10px;} .latestlistingsblock-small img { float: left; margin-right: 15px; margin-bottom: 10px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: 3px solid lightgray;} .latestlistingsblock-small .price { background-image: none; padding-left: 0; font-size: 15px; margin-bottom: 5px; color: #333;} .latestlistingsblock-small h4.title {white-space: nowrap; clear: none; margin: 0; font-size: 18px; font-weight: normal;} .latestlistingsblock-small .paragraph-end {top: 0; right: -5px;} .latestlistingsblock-small.noborderbottom {margin-bottom: 0; border-bottom: none;} .titlepricewrapper-sidebarlatestlistings {position: relative;} .cardbox, .dsidx-search-widget, .sidebarwidget{ padding: 20px; overflow: hidden; margin-bottom: 20px; background: white; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3); -o-box-shadow: 0 2px 2px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 2px 2px rgba(0,0,0,.3); border: 0px solid #f0f0f0; border-bottom: none;} .cardbox.content {padding: 15px;} .fancylinewrapper { position: relative; margin-bottom: 20px;} h3.fancyline { margin-bottom: 20px; display: inline-block; font-weight: 600;} .thickheaderline {height: 7px; border-top: 1px solid silver; position: relative;} .thickheaderlineembellish {display: inline-block; height: 2px; width: 50px; position: relative; top: -1px; transform: skew(-15deg);} .thickheaderlinetriangle {display: inline-block; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome,.thickheaderlineembellish { position:relative; top: -11px; }} #categorybox, #tagbox {margin-bottom: 40px;} .sidebarwidget .fancylinewrapper span.line, #categorybox .fancylinewrapper span.line, #tagbox .fancylinewrapper span.line, .specs .fancylinewrapper span.line, .calculator .fancylinewrapper span.line, #contactuspageinfo .fancylinewrapper span.line {display: none;} .sidebarwidget ul, ul#postcategories, ul#posttags {margin-bottom: 0px;} .cardbox h3 {margin-top: 0;} .dsidx-search-widget {background: #FAFAFA;} /*** LISTING CARD BLOCK ***/ .card-container {position: relative; height: 300px; margin-bottom: 20px; z-index: 0;} .titleandprice { display: block; padding: 20px 20px 20px 20px; padding-right: 3px;} .card-container.large .titleandprice {height: 173px;} .card-container.large .card-title {font-size: 28px; line-height: 30px; padding-bottom: 5px;} .card-container.large {height: 620px;} #theme .card-container .back {padding: 20px; border: 2px solid silver; background: #f5f5f5;} #theme .card-title { border: none; margin: 0; padding-bottom: 5px; font-weight: 400; font-size: 16px; white-space: nowrap; overflow: hidden; display: block; letter-spacing: -0.02em;} .listing_thumbnail {position: relative; z-index: 100;} .listing_thumbnail_wrapper {border: 0px solid white; border-bottom: none; display: block; position: relative;} .shine { display: block; position: absolute; top: 0px; right: 0px; width: 175px; height: 215px; background: url(images/shine.png) no-repeat; z-index: 100;} .hovericon {position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; font-size: 40px; background: transparent; color: white; border-radius: 50px; padding: 15px; display: none; width: 30px; height: 30px;} #theme .hovericoncontainer {position: relative; border: none;} .price {font-size: 20px; display: block; margin-top: 5px; font-weight: 500; white-space: nowrap; overflow: hidden; z-index: 100; position: relative;} .price > span.vat {font-size: 12px;} .price i {float: left; padding-right: 10px; padding-top: 3px;} a.cbutton.flipback {position: absolute; top: 10px; right: 10px; z-index: 10000;} .front > a {display: block; background: transparent;} .large .front .excerptwrapper {display: block; padding-right: 10px;} .small .front .excerptwrapper {display: none;} #theme .excerptwrapper {box-shadow: none; clear: left; border: none; background: transparent; line-height: 20px;} .excerpt {line-height: 21px; margin-bottom: 0px; display: block;} .front .excerpt {height: 105px; overflow: hidden;} .back .excerpt {overflow: hidden;} .large .back .excerpt {height: 240px;} .small .back .excerpt {height: 105px;} #related .small .back .excerpt {height: 95px;} .largeboxbackimages {margin: 20px -20px 20px -20px; overflow: auto; clear: both; padding: 20px 0 20px 20px; background: #DDDDDD; width: 596px; } .largeboxbackimages li {float: left; list-style: none;} .largeboxbackimages img {margin-right: 19px;} .largeboxbackimages .last img {margin-right: 0;} #theme .excerptfade { position: absolute; bottom: 0; left: 0; height: 35px; width: 100%; display: block; text-align: center; line-height: 35px; text-transform: uppercase; color: white;} #theme .back .excerptfade {background: url(images/excerptfade-f5f5f5.png) repeat-x bottom;} #theme .front .excerptfade {bottom: -10px; width: 595px;} ul.features {padding-left: 0; margin-left: 0; margin-bottom: 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; position: relative;} .small .back ul.features {height: 90px;} .large .back ul.features {height: 93px;} .cornerflipicon {display: block; width: 60px; height: 60px; position: absolute; top: 0; left: 0; background: url(images/plus.png); z-index: 1000;} .large ul.features {width: 580px; float: left; margin-bottom: 30px;} .small .back ul.features {margin-bottom: 15px;} ul.features li {list-style: none; border-bottom: 1px solid #d8d8d8; padding: 5px 0 5px 25px; width: 233px; margin: 0 20px 0 0; float: left;} ul.features li.last {border: none;} ul.features li.mileage {background: url(images/icon-road.png) no-repeat left center; } ul.features li.transmission {background: url(images/icon-trans.png) no-repeat left center; } ul.features li.fueltype {background: url(images/icon-drop.png) no-repeat left center; } ul.features li.bodytype {background: url(images/icon-car.png) no-repeat left center; } ul.features li.year {background: url(images/icon-year.png) no-repeat left center; } ul.features li.mpg {background: url(images/icon-gas.png) no-repeat left center; } ul.features li.beds {background: url(images/icon-bed.png) no-repeat left center; } ul.features li.baths {background: url(images/icon-bath.png) no-repeat left center; } ul.features li.size1 {background: url(images/icon-size1.png) no-repeat left center; } ul.features li.size2 {background: url(images/icon-size2.png) no-repeat left center; } ul.features li.mls {background: url(images/icon-mls.png) no-repeat left center; } ul.features li.garage {background: url(images/icon-car.png) no-repeat left center; } ul.features li.furnishing {background: url(images/icon-furnishing.png) no-repeat left center; } ul.features li.year {background: url(images/icon-calendar.png) no-repeat left center; } ul.features li.propertytype {background: url(images/icon-house.png) no-repeat left center; } /*** CARD CONTAINER ***/ div.card-container { position: relative; display: block; padding: none;margin: none; top: -10px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px;} /*** CARD ***/ .card-container .card { border-radius: 0px; width: 100%; display: inline-block; padding: none; margin: none;-webkit-transition: -webkit-transform .7s; -moz-transition: -moz-transform .7s; -o-transition: -o-transform .7s; -ms-transition: -o-transform .7s; transition: transform .7s;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /*** STYLE FOR THE FRONT & BACK SIDE ***/ .card div.front, .card div.back, .card div.hovericoncontainer, .card div.excerptwrapper {width: 100%; position: absolute; background: white; margin: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3); -o-box-shadow: 0 2px 2px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 2px 2px rgba(0,0,0,.3); border-bottom: none;} .mCSB_scrollTools {z-index: 10000; margin-right: -5px;} #theme .mCSB_dragger_bar{ background-color: #333; } #theme .front .mCSB_dragger_bar{ background-color: gray; } .front .mCSB_scrollTools .mCSB_draggerRail {background-color: #333;} .mCSB_inside > .mCSB_container {margin-right: 20px;} .back .features .mCSB_scrollTools .mCSB_draggerContainer {top: 25px;} .card-container .card .front div {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;} .eight .card-container .card .front, .eight .card-container .card .back { height: 620px; } .four .card-container .card .front, .four .card-container .card .back { height: 300px;} #related .four .card-container .card .front, #related .four .card-container .card .back {height: 291px;} .noCSS3Container{ -webkit-perspective: none !important; -moz-perspective: none !important; -o-perspective: none !important; -ms-perspective: none !important; perspective: none !important; } .noCSS3Card{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; -webkit-transform-style: none !important; -moz-transform-style: none !important; -o-transform-style: none !important; -ms-transform-style: none !important; transform-style: none !important; } .noCSS3Sides{ -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important;-webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } /*** BEGINING EFFECT FOR LISTING FLIP ***/ .card-container .card[data-direction="top"] .back, .card-container .card[data-direction="bottom"] .back{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .card-container .card[data-direction="right"] .back, .card-container .card[data-direction="left"] .back{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .card-container .card[data-direction="right"] .front, .card-container .card[data-direction="left"] .front{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);} /*** CARD FLIP EFFECT DIRECTIONS ***/ .flipping-right { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .flipping-left { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .flipping-top { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .flipping-bottom { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .noCSS3Container{ -webkit-perspective: none !important; -moz-perspective: none !important; -o-perspective: none !important; -ms-perspective: none !important; perspective: none !important; } .noCSS3Card{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; -webkit-transform-style: none !important; -moz-transform-style: none !important; -o-transform-style: none !important; -ms-transform-style: none !important; transform-style: none !important; } .noCSS3Sides{ -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important;-webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } /*** HOMEPAGE WIDGET AREA ***/ .homepagewidgets .widget {position: relative;} .dsidx-search-widget label {color: black;} .homepagewidgets h3 { font-size: 27px; margin-bottom: 20px;} .homepagewidgets .listingshortcode .four.columns {width: 300px;} .homepagewidgets .fa-5x {margin-bottom: 30px; margin-top: 5px; font-size: 85px;} .circle { display: block; width: 100px; height: 100px; border: 5px solid; margin: 0 auto; padding: 25px; border-radius: 100px; margin-bottom: 30px;} /*** FONT AWESEOME OVERRIDES ***/ .fa-ul li {line-height: 24px;} .fa-li {margin-right: 20px;} /*** CENTERED TITLES WITH LEFT AND RIGHT LINES ***/ h2.centerline { overflow: hidden; text-align: center; margin-bottom: 40px; font-weight: 400; } h2.centerline:before, h2.centerline:after { content: ""; display: inline-block; height: 25px; position: relative; vertical-align: middle; width: 50%; } h2.centerline:before { right: 0.3em; margin-left: -50%; background: url(images/leftline.png) no-repeat right center; } h2.centerline:after { left: 0.5em; margin-right: -50%; background: url(images/rightline.png) no-repeat left center;} /*** 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; background: #f1f1f1; 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; background: #7f7f7f; 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;} /*** 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;} .edit-link{float:right; background: green; padding: 15px 17px; color: white; position: relative; z-index: 1000; border-radius: 50px; display: inline-block; margin-right: 20px; margin-bottom: 20px;} .edit-link .fa-pencil {font-size: 20px;} .edit-link:hover {color: white; background: #007400;} /*** HOMEPAGE SECTIONS ***/ .homepageblog, .homepagelistings, .homepagecalltoaction, .homepagecarousel, .homepagewidgets, .dsidxpresswidgets {box-shadow: inset 0px 10px 20px rgba(0,0,0,0.05);} .homepageblog { border-color: #dbdbdb; border-width: 1px 0; border-style: solid; padding: 80px 0 70px 0;} .homepagelistings {padding: 20px 0 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.1);} .homepagelistings h2 {margin-top: 45px;} .homepagecontent {position: relative; z-index: 10;} .homepagecontent > .container > .wpb_row {margin-bottom: 0;} .homepagecalltoaction {padding: 80px 0;} .homepagewidgets, .dsidxpresswidgets {padding: 60px 0 60px 0;} .homepagecarousel {padding: 70px 0 90px 0; background: white;} /*** MISC ***/ iframe {border: none;} .demoinfobanner > div.wpb_column {padding: 0px !important;} .featureblock.first {padding-left: 30px;} .featureblock.last {padding-right: 30px;} .featureblock > .vc_column-inner > .wpb_wrapper {background: #E9E9E9; padding: 30px;} p.demonote {margin-left: 10px; margin-right: 20px; font-size: 14px;} .hidden {display: none !important;} .noresultstext {margin-top: 30px; margin-bottom: 100px;} .widget select {width: 105%;} #assignedlistings { margin-bottom: 50px; margin-top: -20px;} .orderbyicon {padding-right: 10px;} #theme .st-accordion .panel-heading i {background: silver;} .center {text-align: center;} #sdrn_bar {z-index: 100000 !important;} div.tooltip {white-space: nowrap; z-index: 100000 !important;} .servicehistoryicon i {color: white !important;} #theme .ppt, #theme .pp_description {text-indent: -99999px;} .format-gallery + p {display: none;} #basicsearch input[type=text] {width: 98%;} .hide {display: none;} #theme .undermenuhide {/*bottom: 140px; opacity: 0; */} .undermenushow {bottom: -52px; opacity: 1;} #spacer {height: 20px;} blockquote { border: none; padding: 20px 20px 40px 100px; background: lightgray; position: relative; margin: 40px 0;} blockquote .fa-quote-left {position: absolute; top: 20px; left: 20px; font-size: 50px; color: #a5a5a5;} blockquote p {font-size: 20px; line-height: 30px; font-style: italic;} .scrollhidden{ opacity:1; } .scrollvisible{ opacity:0; } #easysocialshare {display: inline-block; float: left; display: inline;} .dropcap {margin-right: 10px;} .bottom .sixteen.columns {margin-top: 20px;} #boxed {padding: 0 10px; background: url(images/trans_white_70.png); box-shadow: 0 0 5px rgba(0,0,0,0.2)} .pp_gallery {display: none !important;} .rssSummary {padding-left: 20px; border-left: 5px solid lightgrey; margin-top: 10px; margin-bottom: 10px;} .rss-date {display: block;} .rss-date:before {content: "- ";} .widget cite {margin-bottom: 20px; display: block; font-size: smaller; font-style: italic;} .recentcomments {font-style: italic; font-size: smaller;} .recentcomments a:first-of-type {font-style: normal; font-size: 15px;} .orderingwrapper {float: left; margin-bottom: 20px; } .bottom .orderingwrapper {margin-bottom: 0; display: none;} .format-gallery .gallery {display: none;} .leftarrow {font-size: 30px;} #tags {overflow: hidden;} #theme #tags a, #theme .tagcloud a{ background: rgb(224, 224, 224); padding: 0px 10px; color: rgb(27, 27, 27); margin-bottom: 5px; display: inline-block;} #theme #tags a:hover, #theme .tagcloud a:hover {color: white;} dt {margin-top: 20px;} #theme .blogimagewrapper img {-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .blogimagewrapper {border: 0px solid white; border-bottom: none; display: block;} #sdrn_bar {z-index: 10000;} .widget form {margin-bottom: 0px;} #manufacturersliderwrapper {margin-left: -10px; margin-right: -10px; margin-top: 20px; overflow: auto; background: white; border: 1px solid #d8d8d8;} #manufacturerslider { margin-top: 20px;} #manufacturerslider img {margin-right: 20px;} #manufacturerslider ol {display: none;} #manufacturerslider.flexslider {box-shadow: none; border: none;} #sitename {text-indent: -99999px; margin-bottom: 0; height: 0;} #revslider {} .flex-direction-nav a {line-height: 200px;} .homepagecontent h1, .homepagecontent h2, .homepagecontent h3, .homepagecontent h4, .homepagecontent h5, .homepagecontent h6 {margin-top: 0;} .homepagecontent .essb_links {display: none;} .menubarmessage {color: white; text-transform: uppercase;} header .menubarmessage {color: black;} .nolistingsyet2, .nolistingsyet3 {display: none;} .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {margin-top: 10px;} .inner {padding: 10px;} .archiveitem {margin-bottom: 20px;} .cardbox .archiveitem h3 {margin-bottom: 5px;} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; margin-bottom: 20px; } input[type="radio"], input[type="checkbox"] {margin: 0;} .form-allowed-tags {display: none;} #textaboveboxes {margin-bottom: 20px;} .clearboth, .container {clear: both;} #theme .flexslider {margin-bottom: 0px;} .imagehover { height: 300px; width: 436px;position: absolute;background: url(images/imagehover.png); top: 80px;left: 135px; display: none;} .demo {font-size: 11px;} p.demo {clear: both; line-height: 15px; margin: 25px 20px -20px 0;} #map img {max-width: inherit;} .preloader { background:url(images/loader1.gif) center center no-repeat #ffffff; display:inline-block; } .alignright {float: right;} /* code in /js/js.php to add left margin if image (that has caption) is small. No margin for large images. */ .alignleft {float: left;} /* code in /js/js.php to add right margin if image (that has caption) is small. No margin for large images. */ img.aligncenter {margin: 0 auto; display: block;} img.alignleft {float: left; margin-right: 20px; margin-bottom: 20px;} .agentbio {margin-bottom: 30px; overflow: auto;} .widget { margin-bottom: 40px;} .listingcontent {margin-bottom: 20px;} #menu {display: none;} .labels {font-weight: bold; min-width: 100px;} #contactagent, .bio {margin-bottom: 20px; overflow: auto;} .qtranxs_language_chooser { list-style-type:none; margin: 0; float: right; margin-top: 15px; margin-bottom: 15px;} .qtranxs_language_chooser li { float:left; margin-right:3px } #related {clear: left; margin-right: -10px;} #related th {padding-bottom: 10px;} tr.price {font-weight: bold; font-size: 13px; color: black;} .table tbody tr.success td {background: #efefef; } /* street view doesn't render in Firefox when image width is set to max-width of 100% which is required for responsive site. So hide SV in Firefox only */ @-moz-document url-prefix() { #streetview { display: none; }} input.dsidx-contact-form-submit {padding: 10px;} #listingswrapper { margin-bottom: 10px; overflow: hidden; clear: both;} .orderresults { float: right;} .banner {background: url(images/bannershading.png) no-repeat right center; position: absolute; top: 15px; right: -10px; color: white; float: right; padding: 10px 20px 10px 18px; display: inline-block; font-size: 15px; text-transform: uppercase; line-height: 17px; float: left; font-family: 'Open Sans', sans-serif; text-transform: uppercase; z-index: 100; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; font-weight:600;} .banner3dtriangle { border-right: 0px solid transparent;border-left: 10px solid gray;border-top: 0px solid transparent;border-bottom: 10px solid transparent;position: absolute;bottom: -10px;right: 0;} .bannerangle { border-right: 0px solid transparent;border-left: 10px solid transparent;border-top: 0px solid transparent;border-bottom: 37px solid red;position: absolute;bottom: 0px;left: -10px;} .widget img {margin-bottom: 20px; margin-top: 10px;} .widget .listingshortcode img {margin-bottom: 0px; margin-top: 0px;} .wp-caption-text img {margin: 0;} .wp-caption {text-align: center;} .wp-caption img {margin-bottom: 10px;} .menu-row {display: table-cell; vertical-align: top;} #leftsidebar {position: relative; top: -85px;} .divider_top .to-top {-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .alert-danger, .alert-error {background-color: #ff0000; color: white; clear: both;} .alert-danger a, .alert-error a { color: white; font-weight: bold; } #color {width: 180px;} .alignleft, .aligncenter, .alignright {clear: both;} #theme .wp-caption-text{font-size: 12px; margin: -12px auto 20px auto; padding: 5px 10px; color: white; clear: both;} #theme .wp-caption-text a:link, #theme .wp-caption-text a:visited {color: gray;} #theme .wp-caption-text a:hover {color: white;} .sticky {} .gallery-caption {font-size: 11px;} .bypostauthor {} .imagehover { height: 300px; width: 436px; position: absolute; background: url(images/imagehover.png); top: 64px; left: 120px; display: block; } .blogsearchresult {margin-bottom: 30px;} .flipback img { opacity:.5; transition:opacity .3s linear; } #socialheader img:hover, .social_person img:hover, .flipback img:hover { opacity:1; } h4.bar {background-color: #FFFFFF;border-left: 4px solid #0067AC;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);padding: 0px 0px 0px 12px;line-height:35px;color: inherit;font-size:16px;} h4.updatebar {background-color: #FFFFFF;border-left: 4px solid #0067AC;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);color: inherit;font-size: 16px;line-height: 35px;padding: 12px 20px 12px 20px;} #toTop { display: none; position: fixed; bottom: 80px; right: 5px; width: 64px; height: 64px; background-image: url(images/gototop.png); background-repeat: no-repeat; opacity: 0.4; z-index: 10000; filter: alpha(opacity=40); /* For IE8 and earlier */} #toTop:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */} input[type=text]:focus { border: 2px solid #009688; } input[type=tel]:focus { border: 2px solid #009688; } input[type=email]:focus { border: 2px solid #009688; } textarea:focus{ border: 2px solid #009688; } .submitpoga{ border:10px solid #009688; } #formlabelx { max-width:243px; } #responsive-form{ max-width:550px; margin:auto; width:100%; } .form-row{ width: 100%; } .column-half, .column-full{ float: left; position: relative; padding: 0.65rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clearfix:after { content: ""; display: table; clear: both; } /**---------------- Media query ----------------**/ @media only screen and (min-width: 48em) { .column-half{ width: 50%; } } ::-webkit-input-placeholder { font-style: italic; } :-moz-placeholder { /* older Firefox*/ font-style: italic; } ::-moz-placeholder { /* Firefox 19+ */ font-style: italic; } :-ms-input-placeholder { font-style: italic; } /*#pozicija{ position: absolute; } */ #submitpoga:hover{ background-color:#009688; } @media screen and (max-width: 600px) { #pozicija { margin-bottom:20px; display: inline; } } /*--- 2 Column Form Styles Start ---*/ #left { width: 47%; float: left; margin-right:6%; } #right { width: 47%; float: left; } .clearfix:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; margin-bottom:10px; } .clearfix { display:block; } /*--- 2 Column Form Styles End ---*/