.IDX-showcaseTable div:empty, div[id*="IDX-carouselGallery"] div:empty { display: none !important; }
.IDX-showcaseTable, div[id*="IDX-carouselGallery"] { font-size: var(--body-font-size) !important; }
.IDX-outerCarouselWrapper, .IDX-innerCarouselWrapper { height: auto !important; min-height: 280px; }
.IDX-showcaseContainer, .IDX-carouselContainer, .IDX-carouselCell { padding: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.IDX-showcaseCell { padding: 3px !important; }
.IDX-carouselCell { border: 0 !important; padding: 3px !important; min-width: 235px !important; }
.IDX-carouselContainer { padding: 3px; border: 1px solid #666; } .IDX-slideshowWrapper { overflow: hidden; }
.IDX-showcasePhoto, .IDX-carouselPhoto { width: 100% !important; height: 200px !important; object-fit: cover; }
.IDX-showcaseLink, .IDX-carouselPhoto { margin-bottom: 10px; }
.IDX-showcaseLink { padding-top: 200px !important; }
.idx-slideshowPhotoElement { height: 100%; object-fit: cover; } .IDX-slideshowListingID { display: none; }
.IDX-slideshowCaption { border-radius: 0 !important; height: auto !important; padding: 20px !important; box-sizing: border-box; }
.IDX-carouselContainer, .IDX-showcaseContainer, .IDX-slideshowCaption .IDX-slideshowContent { font-weight: normal; }
.IDX-carouselPrice, .IDX-showcasePrice, .IDX-slideshowPrice { font-weight: bold; } .IDX-carouselArrow { top: 50% !important; transform: translateY(-50%); padding: 0; height: 40px !important; width: 40px !important; text-align: center !important; opacity: 1 !important; background: var(--idx_carousel_btn_color) !important; color: var(--idx_carousel_btn_txt_color) !important; }
.IDX-carouselArrow:hover { background: var(--idx_carousel_btn_hover_color) !important; color: var(--idx_carousel_btn_txt_hover_color) !important; }
a.IDX-carouselArrow span { line-height: 40px !important; font-family: sans-serif; font-weight: bold; } .IDX-showcaseTable + a,
div[id*="IDX-carouselGallery"] + a { padding: 10px; display: block; width: auto; margin: 20px auto 40px auto; text-align: center; max-width: 200px; background-color: var(--idx_btn_color); color: var(--idx_btn_txt_color); text-decoration: none; outline: none; }
.IDX-showcaseTable + a:hover,
div[id*="IDX-carouselGallery"] + a:hover { background-color: var(--idx_btn_hover_color); color: var(--idx_btn_txt_hover_color); text-decoration: none; outline: none; } .casabella .IDX-showcaseContainer { padding: 15px !important; border: 1px solid #ccc !important; box-shadow: none !important; -webkit-box-shadow: none !important; }
.casabella .IDX-carouselCell { border: 0 !important; }
.casabella .IDX-carouselContainer { padding: 15px !important; border: 1px solid #ccc !important; }
.casabella .IDX-showcaseCell div, .casabella .IDX-carouselCell div { text-align: left !important; }
.casabella .IDX-showcaseCell .IDX-showcaseLink, .casabella .IDX-carouselCell .IDX-carouselLink { margin: -15px -15px 10px -15px; width: calc(100% + 30px) !important; }
.casabella .IDX-showcaseBeds, .casabella .IDX-showcaseBaths,
.casabella .IDX-carouselBeds, .casabella .IDX-carouselBaths { display: inline-block !important; width: auto; border-right: 1px solid #000; padding: 0 5px 0 0; font-size: small; margin-right: 5px; }
.casabella .IDX-showcaseBaths,
.casabella .IDX-carouselBaths { border-right: 0; }
.casabella .IDX-showcaseStatus, .casabella .IDX-carouselStatus { display: block !important; position: absolute; top: 5px; left: 5px; color: var(--idx_widget_badge_txt_color); background-color: var(--idx_widget_badge_color); padding: 5px; } .flagship .IDX-showcaseCell { padding: 3px !important; margin: -3px !important; }
.flagship .IDX-carouselCell { padding: 1px !important; }
.flagship .IDX-showcaseContainer, .flagship .IDX-carouselContainer { border: 1px solid #eee !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 15px !important; margin: -1px; overflow: hidden; position: relative; }
.flagship .IDX-showcaseStatus, .flagship .IDX-carouselStatus { display: block !important; background: var(--idx_widget_badge_color); color: var(--idx_widget_badge_txt_color) !important; position: absolute; top: 0; font-size: 14px; padding: 5px 35px; left: 0; right: auto; transform: translate(-29.29%, -100%) rotate(-45deg); transform-origin: bottom right; max-width: 300px; min-width: 150px;} .idxzen .IDX-showcaseRow { margin: 0 !important; }
.idxzen .IDX-showcaseCell { width: 50% !important; min-width: 50% !important; margin: 0 !important; }
.idxzen .IDX-carouselCell { padding: 0 !important; }
.idxzen .IDX-showcaseCell:nth-child(3n) { width: 100% !important; min-width: 100% !important; }
.idxzen .IDX-showcaseContainer, .idxzen .IDX-carouselContainer { border: none !important; box-shadow: none !important; height: unset !important; }
.idxzen .IDX-showcaseContainer a, .idxzen .IDX-carouselContainer a { position: relative !important; padding-top: 0!important; margin: 0; }
.idxzen img.IDX-showcasePhoto, .idxzen .IDX-carouselPhoto { transition: 0.5s; height: 300px !important; max-height: unset !important; position: static !important; width: 100%; object-fit: cover; }
.idxzen img.IDX-showcasePhoto:hover, .idxzen .IDX-carouselPhoto:hover { transform: scale(0.98); }
.idxzen .IDX-showcaseAddress, .idxzen .IDX-carouselAddress { position: absolute; top: 180px; width: 100%; font-size: 24px; color: white; text-shadow: 1px 1px 2px black; pointer-events: none; }
.idxzen .IDX-showcaseCityStateZip, .idxzen .IDX-showcasePrice,
.idxzen .IDX-carouselCityStateZip, .idxzen .IDX-carouselPrice { position: absolute; top: 230px; width: 100%; font-size: 16px; color: white; text-shadow: 1px 1px 2px black; pointer-events: none; }
.idxzen .IDX-showcasePrice, .idxzen .IDX-carouselPrice  { top: 250px; }
@media screen and (max-width:767px){
.idxzen .IDX-showcaseCell { width: 100% !important; min-width: 100% !important; }
.idxzen .IDX-showcaseAddress { font-size: 18px; }
.idxzen .IDX-showcaseCityStateZip, .idxzen .IDX-showcasePrice { font-size: 14px; }	
} .idxzen-sidebar .IDX-showcaseCell { width: 100% !important; min-width: 100% !important; }
.idxzen-sidebar .IDX-showcaseContainer { min-height: 100px !important; background-color: #ffffff; display: grid; grid-template-rows: 25% 25% 25% 25%; grid-template-columns: 145px 1fr 1fr 1fr; padding: 0 !important; overflow: hidden; border: 1px solid #d7d7d7 !important; box-shadow: none !important; margin: 0 !important; }
.idxzen-sidebar .IDX-showcaseCell div { text-align: left!important; }
.idxzen-sidebar .IDX-showcaseLink { width:100%; height: 100% !important; padding: 0 !important;  grid-row: 1/5; margin: 0 !important; }
.idxzen-sidebar .IDX-showcaseContainer img { width: calc(100% - 5px) !important; margin: 0 5px 0 0 !important; height:100% !important; object-fit: cover; }
.idxzen-sidebar .IDX-showcasePrice { grid-row: 1/2; grid-column: 2/6; font-size: 120%; color: var(--idx_carousel_featured_text_color); }
.idxzen-sidebar .IDX-showcaseAddress { grid-row: 3/4; grid-column: 2/6; }
.idxzen-sidebar .IDX-showcaseCityStateZip { grid-row: 4/5; grid-column: 2/6; }
.idxzen-sidebar .IDX-showcaseCityStateZip span { white-space: unset; }
.idxzen-sidebar .IDX-showcaseBeds,
.idxzen-sidebar .IDX-showcaseBaths,
.idxzen-sidebar .IDX-showcaseFull { display: block !important; padding-right: 5px; line-height: 26px; position: relative; font-size: 80%; white-space: nowrap; }
.idxzen-sidebar .IDX-showcaseAddress,
.idxzen-sidebar .IDX-showcaseCityStateZip,
.idxzen-sidebar .IDX-showcaseBeds,
.idxzen-sidebar .IDX-showcaseBaths,
.idxzen-sidebar .IDX-showcaseFull { line-height: 1em !important; max-height: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width:767px){
.idxzen-sidebar .IDX-showcaseContainer { grid-template-columns: 100px 1fr 1fr 1fr; }
} .naples .IDX-showcaseContainer, .naples .IDX-carouselContainer { position: relative !important; max-height: 200px; border: 0 !important; }
.naples .IDX-outerCarouselWrapper, .naples .IDX-innerCarouselWrapper { height: auto !important; min-height: 200px; }
.naples .IDX-showcaseContainer a.IDX-showcaseLink, 
.naples .IDX-carouselContainer a.IDX-carouselLink { margin: 0; position: relative; z-index: 1; background-color: var(--idx_widget_bg_color);}
.naples .IDX-showcaseContainer > div:not(.IDX-showcasePrice), 
.naples .IDX-carouselContainer > div:not(.IDX-carouselPrice) { display: none; }
.naples .IDX-carouselContainer .IDX-carouselPhoto { margin: 0 !important; }
.naples .IDX-showcaseContainer:hover .IDX-showcasePhoto,
.naples .IDX-carouselContainer:hover .IDX-carouselPhoto { transition: 0.5s; opacity: 0; }
.naples .IDX-showcaseContainer .IDX-showcasePrice,
.naples .IDX-carouselContainer .IDX-carouselPrice { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: 0.5s; z-index: 2; color: var(--idx_widget_bg_txt_color); }
.naples .IDX-showcaseContainer:hover .IDX-showcasePrice,
.naples .IDX-carouselContainer:hover .IDX-carouselPrice { opacity: 1; } .smarthome .IDX-showcaseContainer, 
.smarthome .IDX-carouselContainer { border: none !important; padding: 0 15px 15px 15px !important; border-radius: 4px!important; -webkit-box-shadow: 0 0 4px 2px rgb(0 0 0 / 3%); box-shadow: 0 0 4px 2px rgb(0 0 0 / 3%); overflow: hidden; display: flex !important; flex-flow: row wrap; }
.smarthome .IDX-showcaseCell div, .smarthome .IDX-carouselCell div { text-align: left !important; }
.smarthome .IDX-showcaseLink, .smarthome .IDX-carouselLink { padding-top: 80% !important; margin: 0 -15px 15px -15px; min-width: calc(100% + 30px); }
.smarthome .IDX-carouselLink { position: relative; }
.smarthome .IDX-showcaseLink img, .smarthome .IDX-carouselLink img { height: 100% !important; }
.smarthome .IDX-carouselLink img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.smarthome .IDX-showcaseAddress, .smarthome .IDX-showcaseCityStateZip,
.smarthome .IDX-carouselAddress, .smarthome .IDX-carouselCityStateZip { flex: 1 0 100%; }
.smarthome .IDX-showcasePrice, .smarthome .IDX-carouselPrice { flex: 1 0 40%; font-weight: normal; color: var(--idx_carousel_featured_text_color); }
.smarthome .IDX-showcaseBeds::before, .smarthome .IDX-showcaseBaths::before,
.smarthome .IDX-carouselBeds::before, .smarthome .IDX-carouselBaths::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
.smarthome .IDX-showcaseBeds::before, .smarthome .IDX-carouselBeds::before { content: '\f236'; }
.smarthome .IDX-showcaseBaths::before, .smarthome .IDX-carouselBaths::before { content: '\f2cc'; }
.smarthome .IDX-showcaseBeds, .smarthome .IDX-showcaseBaths,
.smarthome .IDX-carouselBeds, .smarthome .IDX-carouselBaths { display: block !important; white-space: nowrap; overflow: hidden; color: #636363; font-size: 14px; }
.smarthome .IDX-showcaseBeds, .smarthome .IDX-carouselBeds { width: 34px; }
.smarthome .IDX-showcaseBaths, .smarthome .IDX-carouselBaths { width: 30px; }
.smarthome .IDX-showcaseStatus,
.smarthome .IDX-carouselStatus { background: var(--idx_widget_badge_color); color: var(--idx_widget_badge_txt_color) !important; position: absolute; top: 20px; left: 20px; padding: 3px 5px; display: block !important; text-transform: uppercase; border-radius: 2px; font-size: 10px; line-height: 11px; } .sweethome .IDX-showcaseContainer,
.sweethome .IDX-carouselContainer { border: none !important; padding: 0 15px 15px 15px !important; display: flex !important; flex-flow: row wrap; }
.sweethome .IDX-showcaseCell div,
.sweethome .IDX-carouselCell div { text-align: left !important; }
.sweethome .IDX-showcaseLink,
.sweethome .IDX-carouselLink { padding-top: 80% !important; margin: 0 -15px 15px -15px; min-width: calc(100% + 30px); order: 1; }
.sweethome .IDX-carouselLink { position: relative; }
.sweethome .IDX-showcaseLink img,
.sweethome .IDX-carouselLink img { height: 100% !important; z-index: 0; }
.sweethome .IDX-carouselLink img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.sweethome .IDX-showcaseLink::after,
.sweethome .IDX-carouselLink::after { content: ""; opacity: 1; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.75))); background-image: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%); transition: .2s; position: absolute; top: 0; left: 0; z-index: 1; display: block !important; height: 100%; width: 100%; }
.sweethome .IDX-showcasePrice,
.sweethome .IDX-carouselPrice { flex: 1 0 100%;  font-weight: normal; color: #FFFFFF; line-height: 1; position: absolute; top: calc(80% - 65px); left: 15px; z-index: 2; }
.sweethome .IDX-showcaseAddress, .sweethome .IDX-showcaseCityStateZip,
.sweethome .IDX-carouselAddress, .sweethome .IDX-carouselCityStateZip { flex: 1 0 100%; order: 2; }
.sweethome .IDX-showcaseCityStateZip, .sweethome .IDX-carouselCityStateZip { font-size: 85%; }
.sweethome .IDX-showcaseBeds::before, .sweethome .IDX-showcaseBaths::before,
.sweethome .IDX-carouselBeds::before, .sweethome .IDX-carouselBaths::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
.sweethome .IDX-showcaseBeds::before, .sweethome .IDX-carouselBeds::before { content: '\f236'; }
.sweethome .IDX-showcaseBaths::before, .sweethome .IDX-carouselBaths::before { content: '\f2cc'; }
.sweethome .IDX-showcaseBeds, .sweethome .IDX-showcaseBaths,
.sweethome .IDX-carouselBeds, .sweethome .IDX-carouselBaths { order: 3; flex: 1 1 auto; display: block !important; color: #636363; margin-right: 15px; font-size: 12px; }
.sweethome .IDX-showcaseStatus,
.sweethome .IDX-carouselStatus { background: var(--idx_widget_badge_color); color: var(--idx_widget_badge_txt_color) !important; position: absolute; top: 20px; left: 20px; padding: 3px 5px; display: block !important; text-transform: uppercase; border-radius: 2px; font-size: 10px; line-height: 11px; } .uptown .IDX-showcaseContainer,
.uptown .IDX-carouselContainer { border: none !important; padding: 0 15px 15px 15px !important; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; background: var(--idx_widget_bg_color); color: var(--idx_widget_bg_txt_color); }
.uptown .IDX-showcaseLink,
.uptown .IDX-carouselLink { margin: 0 -15px 15px -15px; min-width: calc(100% + 30px); }
.uptown .IDX-carouselPhoto { margin: 0 !important; }
@font-face{font-family:'FontAwesome';src:url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://idxaddons.com/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal} .houses12 .IDX-showcaseContainer, 
.houses12 .IDX-carouselContainer { 
border: none !important; 
padding: 0 15px 15px 15px !important; 
border-radius: 4px!important; 
-webkit-box-shadow: 0 0 4px 2px rgb(0 0 0 / 4%) !important; 
box-shadow: 0 0 4px 2px rgb(0 0 0 / 4%) !important;
overflow: hidden; 
display: flex !important; 
flex-flow: row wrap; }
.houses12 .IDX-showcaseCell div, .houses12 .IDX-carouselCell div { text-align: left !important; }
.houses12 .IDX-showcaseLink, .houses12 .IDX-carouselLink { padding-top: 80% !important; margin: 0 -15px 15px -15px; min-width: calc(100% + 30px); }
.houses12 .IDX-carouselLink { position: relative; }
.houses12 .IDX-showcaseLink img, .houses12 .IDX-carouselLink img { height: 100% !important; }
.houses12 .IDX-carouselLink img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.houses12 .IDX-showcaseAddress {
font-size: 16px;
font-weight: 400;
}
.houses12 .IDX-showcaseAddress, .houses12 .IDX-showcaseCityStateZip,
.houses12 .IDX-carouselAddress, .houses12 .IDX-carouselCityStateZip { flex: 1 0 100%; }
.houses12 .IDX-showcasePrice, .houses12 .IDX-carouselPrice { 
flex: 1 0 40%; 
font-size: 18px;
font-weight: 300;
color: var(--idx_carousel_featured_text_color); 
}
.houses12 .IDX-showcaseBeds::before, .houses12 .IDX-showcaseBaths::before,
.houses12 .IDX-carouselBeds::before, .houses12 .IDX-carouselBaths::before { font-family: "FontAwesome"; font-weight: 300; margin-right: 5px; }
.houses12 .IDX-showcaseBeds::before, .houses12 .IDX-carouselBeds::before { content: '\f236'; }
.houses12 .IDX-showcaseBaths::before, .houses12 .IDX-carouselBaths::before { content: '\f2cc'; }
.houses12 .IDX-showcaseBeds, .houses12 .IDX-showcaseBaths,
.houses12 .IDX-carouselBeds, .houses12 .IDX-carouselBaths {
display: block !important;
white-space: nowrap;
overflow: hidden;
color: #636363;
font-size: 14px;
font-weight: 300;
}
.houses12 .IDX-showcaseBeds, .houses12 .IDX-carouselBeds { width: 34px; }
.houses12 .IDX-showcaseBaths, .houses12 .IDX-carouselBaths { width: 30px; }
.houses12 .IDX-showcaseStatus,
.houses12 .IDX-carouselStatus { background: var(--idx_widget_badge_color); color: var(--idx_widget_badge_txt_color) !important; position: absolute; top: 20px; left: 20px; padding: 3px 5px; display: block !important; text-transform: uppercase; border-radius: 2px; font-size: 10px; line-height: 11px; }
.houses12 .IDX-showcaseCourtesy, .houses12 .IDX-carouselCourtesy {
position: absolute;
right: 0;
margin-right: 20px;
margin-top: 12px;
} .houses13 .IDX-carouselCell {
min-width: 300px !important;
}
.houses13 .IDX-showcaseContainer, .houses13 .IDX-carouselContainer {
display: grid;
grid-template-columns: 80% 20%;
grid-template-rows: auto 20px 20px 30px 20px 10px;
box-sizing: border-box;
border: none !important;
height: 230px !important;
}
.houses13 .IDX-showcaseContainer > a.IDX-showcaseLink, .houses13 .IDX-carouselContainer > a.IDX-carouselLink {
grid-column: 1 / 4;
grid-row: 1 / 7;
}
.houses13 .IDX-showcaseContainer > a.IDX-showcaseLink {
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.houses13 .IDX-showcaseLink::after, .houses13 .IDX-carouselLink::after {
content: "";
opacity: 1;
transition: .2s;
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block !important;
height: 100%;
width: 100%;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);;
}
.houses13 .IDX-showcaseLink:hover::after, .houses13 .IDX-carouselLink:hover::after {
opacity: 0;
}
.houses13 .IDX-showcasePhoto, .houses13 .IDX-carouselPhoto { 
position: relative !important;
z-index: 1;
margin: 0 !important;
width: 100% !important;
min-height: 230px !important;
object-fit: cover;
}
.houses13 .IDX-showcaseContainer > div, .houses13 .IDX-carouselContainer > div {
position: relative;
z-index: 1;
color: #FFF;
pointer-events: none;
}
.houses13 .IDX-showcasePrice, .houses13 .IDX-carouselPrice {
grid-column: 1 / 4;
grid-row: 4 / 5;
text-align: left !important;
padding: 0 15px;
font-weight: bold;
}
.houses13 .IDX-showcaseAddress, .houses13 .IDX-carouselAddress {
grid-column: 1 / 2;
grid-row: 3 / 4;
text-align: left !important;
padding: 0 0 0 15px;
overflow: hidden;
font-weight: 300;
}
.houses13 .IDX-showcaseCityStateZip, .houses13 .IDX-carouselCityStateZip {
grid-column: 1 / 2;
grid-row: 2 / 3;
text-align: left !important;
padding: 0 15px 15px 15px;
font-weight: 300;
white-space: nowrap;
}
.houses13 .IDX-showcaseBeds::before, .houses13 .IDX-showcaseBaths::before,
.houses13 .IDX-carouselBeds::before, .houses13 .IDX-carouselBaths::before { font-family: "FontAwesome"; font-weight: 900; margin-right: 5px; }
.houses13 .IDX-showcaseBeds::before, .houses13 .IDX-carouselBeds::before { content: '\f236'; }
.houses13 .IDX-showcaseBaths::before, .houses13 .IDX-carouselBaths::before { content: '\f2cc'; }
.houses13 .IDX-showcaseBeds, .houses13 .IDX-carouselBeds {
display: block !important;
grid-column: 1 / 2;
grid-row: 5 / 6;
font-weight: 300;
width: 33px;
margin-left: 15px;
}
.houses13 .IDX-showcaseBaths, .houses13 .IDX-carouselBaths {
display: block !important;
grid-column: 1 / 2;
grid-row: 5 / 6;
font-weight: 300;
width: 30px;
margin-left: 65px;
}
.houses13 .IDX-showcaseBeds, .houses13 .IDX-showcaseBaths,
.houses13 .IDX-carouselBeds, .houses13 .IDX-carouselBaths { display: block !important; white-space: nowrap; overflow: hidden; font-size: 14px; }
.houses13 .IDX-showcaseStatus, .houses13 .IDX-carouselStatus {
display: inline-block !important;
grid-column: 1 / 2;
grid-row: 1 / 2;
text-align: left !important;
color: var(--idx_widget_badge_txt_color);
background-color: var(--idx_widget_badge_color);
align-self: start;
place-self: start;
margin: 15px;
padding: 3px 5px;
text-transform: uppercase;
border-radius: 2px;
font-size: 10px;
}
.houses13 .IDX-showcaseCourtesy, .houses13 .IDX-carouselCourtesy{
display: inline-block !important;
grid-column: 3 / 3;
grid-row: 1 / 2;
text-align: right !important;
padding-top: 5px;
padding-right: 5px;
align-self: end;
place-self: start;
}
.houses13 .IDX-showcaseCourtesy > div img, .houses13 .IDX-carouselCourtesy > div img {
width: 60px;
}
@media screen and (max-width:375px) {
.houses13 .IDX-carouselArrow {
top: 100%!important;
}
.houses13 a.IDX-carouselArrow.IDX-carouselNextArrow {
left: 55% !important;
}
.houses13 a.IDX-carouselArrow.IDX-carouselPrevArrow {
left: 40% !important;
}
.houses13 .IDX-showcaseCell, .houses13 .IDX-carouselCell {
margin: 10px;
}
} .houses15 .IDX-carouselCell {
min-width: 330px !important;
}
.houses15 .IDX-showcaseContainer, .houses15 .IDX-carouselContainer {
display: grid;
grid-template-columns: 60% 20% 20%;
grid-template-rows: auto 30px 20px 35px;
box-sizing: border-box;
border: none !important;
height: 230px !important;
}
.houses15 .IDX-showcaseContainer > a.IDX-showcaseLink, .houses15 .IDX-carouselContainer > a.IDX-carouselLink {
grid-column: 1 / 4;
grid-row: 1 / 5;
}
.houses15 .IDX-showcaseContainer > a.IDX-showcaseLink {
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.houses15 .IDX-showcaseLink::after, .houses15 .IDX-carouselLink::after {
content: "";
opacity: 1;
transition: .2s;
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block !important;
height: 100%;
width: 100%;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);;
}
.houses15 .IDX-showcaseLink:hover::after, .houses15 .IDX-carouselLink:hover::after {
opacity: 0;
}
.houses15 .IDX-showcasePhoto, .houses15 .IDX-carouselPhoto {
position: relative !important;
z-index: 1;
margin: 0 !important;
width: 100% !important;
min-height: 230px !important;
object-fit: cover;
}
.houses15 .IDX-showcaseContainer > div, .houses15 .IDX-carouselContainer > div {
position: relative;
z-index: 1;
color: #FFF;
pointer-events: none;
}
.houses15 .IDX-showcasePrice, .houses15 .IDX-carouselPrice {
grid-column: 1 / 4;
grid-row: 2 / 3;
text-align: left !important;
padding: 0 15px;
font-size: 1.4em;
font-weight: 500;
}
.houses15 .IDX-showcaseAddress, .houses15 .IDX-carouselAddress {
grid-column: 1 / 2;
grid-row: 3 / 4;
text-align: left !important;
padding: 0 0 0 15px;
overflow: hidden;
}
.houses15 .IDX-showcaseCityStateZip, .houses15 .IDX-carouselCityStateZip {
grid-column: 1 / 2;
grid-row: 4 / 5;
text-align: left !important;
padding: 0 15px 15px 15px;
line-height: 1;
}
.houses15 .IDX-showcaseBeds, .houses15 .IDX-carouselBeds {
display: block !important;
grid-column: 2 / 3;
grid-row: 3 / 5;
padding: 0 0 15px 15px 15px;
font-weight: 300;
font-size: 0.9em;
width: min-content;
}
.houses15 .IDX-showcaseBaths, .houses15 .IDX-carouselBaths {
display: block !important;
grid-column: 3 / 4;
grid-row: 3 / 5;
padding: 0 15px 15px 15px;
font-weight: 300;
font-size: 0.9em;
}
.houses15 .IDX-showcaseStatus, .houses15 .IDX-carouselStatus {
display: inline-block !important;
grid-column: 1 / 2;
grid-row: 1 / 2;
text-align: left !important;
color: var(--idx_widget_badge_txt_color);
background-color: var(--idx_widget_badge_color);
padding: 5px;
font-size: 12px;
align-self: start;
place-self: start;
margin: 15px;
}
.houses15 .IDX-showcaseCourtesy, .houses15 .IDX-carouselCourtesy{
display: inline-block !important;
grid-column: 3 / 3;
grid-row: 1 / 2;
text-align: right !important;
padding-top: 5px;
padding-right: 5px;
align-self: end;
place-self: start;
}
.houses15 .IDX-showcaseCourtesy > div img, .houses15 .IDX-carouselCourtesy > div img {
width: 60px;
}
@media screen and (max-width:375px) {
.houses15 .IDX-carouselArrow {
top: 100%!important;
}
.houses15 a.IDX-carouselArrow.IDX-carouselNextArrow {
left: 55% !important;
}
.houses15 a.IDX-carouselArrow.IDX-carouselPrevArrow {
left: 40% !important;
}
} .agentfocused .IDX-showcaseCell {
background-color: #fff;
margin: -3px !important;
}
.agentfocused .IDX-carouselCell {
background-color: #fff;
margin: -3px !important;
min-width: 330px !important;
}
.agentfocused .IDX-showcaseContainer, .agentfocused .IDX-carouselContainer {
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 0 0 40px 0;
display: flex !important;
flex-flow: row wrap;
}
.agentfocused .IDX-showcaseCell div, .agentfocused .IDX-carouselCell div {
text-align: left !important;
}
.agentfocused .IDX-showcaseLink, .agentfocused .IDX-carouselLink {
padding: 0 !important;
min-height: 340px;
margin: 0 !important;
flex: 1 0 auto;
order: 1;
}
.agentfocused .IDX-showcasePhoto, .agentfocused .IDX-carouselPhoto {
height: 100% !important;
}
.agentfocused .IDX-showcasePrice, .agentfocused .IDX-carouselPrice {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
flex: 1 0 100%;
order: 2;
}
.agentfocused .IDX-showcaseAddress:after, .agentfocused .IDX-carouselAddress:after {
content: ",";
display: inline;
padding-right: 5px;
}
.agentfocused .IDX-showcaseAddress, .agentfocused .IDX-showcaseCityStateZip,
.agentfocused .IDX-carouselAddress, .agentfocused .IDX-carouselCityStateZip { 
flex: 1 0 100%;
order: 3;
}
.agentfocused .IDX-showcaseBeds, .agentfocused .IDX-showcaseBaths,
.agentfocused .IDX-carouselBeds, .agentfocused .IDX-carouselBaths {
display: inline-block !important;
margin: 0 10px 0 0;
flex: 0 0 auto;
order: 4;
font-size: small;
}
.agentfocused .IDX-showcaseCourtesy, .agentfocused .IDX-carouselCourtesy {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: 15px;
margin-right: 15px;
}
@media screen and (max-width:375px) {
.agentfocused .IDX-carouselArrow {
top: 100%!important;
}
.agentfocused a.IDX-carouselArrow.IDX-carouselNextArrow {
left: 55% !important;
}
.agentfocused a.IDX-carouselArrow.IDX-carouselPrevArrow {
left: 40% !important;
}
} .virtualshowing .IDX-showcaseContainer, .virtualshowing .IDX-carouselContainer {
display: grid; 
grid-template-columns: auto auto;
grid-template-rows: 32px auto 1.2em 1.2em 1.2em calc(1.2em + 15px);
box-sizing: border-box;
border: 0 !important;
height: 230px !important;
}
.virtualshowing .IDX-showcaseContainer > a.IDX-showcaseLink, .virtualshowing .IDX-carouselContainer > a.IDX-carouselLink {
grid-column: 1 / 3;
grid-row: 1 / 7;
}
.virtualshowing .IDX-showcaseContainer > a.IDX-showcaseLink {
height: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.virtualshowing .IDX-showcaseLink::after, .virtualshowing .IDX-carouselLink::after {
content: "";
background: rgba(0,0,0,.25);
background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.45)));
background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.45));
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block !important;
height: 100%;
width: 100%;
}
.virtualshowing .IDX-showcasePhoto, .virtualshowing .IDX-carouselPhoto { 
position: relative !important;
margin: 0 !important;
min-height: 230px !important;
}
.virtualshowing .IDX-showcaseContainer > div, .virtualshowing .IDX-carouselContainer > div {
position: relative;
z-index: 1;
color: #FFF;
pointer-events: none;
}
.virtualshowing .IDX-carouselCell {
min-width: 330px !important;
}
.virtualshowing .IDX-showcaseCell div, .virtualshowing .IDX-carouselCell div {
text-align: left !important;
}
.virtualshowing .IDX-showcasePrice, .virtualshowing .IDX-carouselPrice {
grid-column: 1 / 3;
grid-row: 3 / 4;  
padding: 0 15px;
font-weight: 700;
font-size: 20px;
}
.virtualshowing .IDX-showcaseAddress, .virtualshowing .IDX-carouselAddress {
grid-column: 1 / 3;
grid-row: 5 / 6;
padding: 0 0 0 15px;
}
.virtualshowing .IDX-showcaseCityStateZip, .virtualshowing .IDX-carouselCityStateZip {
grid-column: 1 / 3;
grid-row: 6 / 7;
padding: 0 15px 15px 15px;
}
.virtualshowing .IDX-showcaseBeds, .virtualshowing .IDX-carouselBeds {
display: inline !important;
grid-column: 1 / 2;
grid-row: 4 / 5;
padding: 0 15px;
}
.virtualshowing .IDX-showcaseBaths, .virtualshowing .IDX-carouselBaths {
display: inline !important;
grid-column: 2 / 3;
grid-row: 4 / 5;
padding: 0 15px 0 0;
}
.virtualshowing .IDX-showcaseStatus, .virtualshowing .IDX-carouselStatus {
display: inline-block !important;
grid-column: 1 / 2;
grid-row: 1 / 2;
text-align: left !important;
color: var(--idx_widget_badge_txt_color);
background-color: var(--idx_widget_badge_color);
align-self: start;
place-self: start;
padding: 8px 11px 8px 13px;
margin-left: 1rem;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width:375px) {
.virtualshowing .IDX-carouselArrow {
top: 100%!important;
}
.virtualshowing a.IDX-carouselArrow.IDX-carouselNextArrow {
left: 55% !important;
}
.virtualshowing a.IDX-carouselArrow.IDX-carouselPrevArrow {
left: 40% !important;
}
} @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
.signature .IDX-showcaseTable { table-layout:fixed; border-spacing:8px; font-size:11px; }
.signature .IDX-showcaseRow { display:table-row; }
.signature .IDX-showcaseCell { display:table-cell; }
.signature .IDX-showcaseLink {
height: 100%;
width: 100%;
display: block;
padding: 0 !important;
}
.signature .IDX-showcaseDisclaimerLink,
.signature .IDX-showcaseCityStateZip,
.signature .IDX-showcaseStateAbrv,
.signature .IDX-showcaseFull,
.signature .IDX-showcasePartial,
.signature .IDX-showcaseRemarks,
.signature .IDX-showcaseDisclaimerLink,
.signature .IDX-carouselCityStateZip,
.signature .IDX-carouselStateAbrv,
.signature .IDX-carouselFull,
.signature .IDX-carouselPartial,
.signature .IDX-carouselRemarks { display: none !important; } .signature .IDX-showcaseContainer,
.signature .IDX-carouselContainer {
position: relative;
min-height: 400px;
display: flex;
flex-flow: row wrap;
align-content: flex-end;
border: 0 !important;
}
.signature .IDX-showcaseContainer:hover, 
.signature .IDX-carouselContainer:hover {
align-content: center;
} .signature .IDX-showcaseContainer a.IDX-showcaseLink,
.signature .IDX-carouselContainer a.IDX-carouselLink {
background: linear-gradient(#e2e2e2, #e2e2e2 50%, #333333 50%, #333333);
background-size: 100% 200%;
transition: background 0.4s;
position: absolute !important;
z-index: 1;
top: 0;
left: 0;
width: 100% !important;
min-height: 100% !important;
}
.signature .IDX-showcaseContainer:hover a.IDX-showcaseLink,
.signature .IDX-carouselContainer:hover a.IDX-carouselLink {
background-position: 100% 100%;
}
.signature .IDX-carouselContainer .IDX-carouselPhoto,
.signature .IDX-showcaseContainer .IDX-showcasePhoto {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
margin: 0 !important;
height: 100% !important;
opacity: 1;
}
.signature .IDX-showcaseContainer:hover .IDX-showcasePhoto,
.signature .IDX-carouselContainer:hover .IDX-carouselPhoto {
transition: opacity 0.5s;
opacity: 0.5;
} .signature .IDX-showcaseContainer > div,
.signature .IDX-carouselContainer > div{
text-align: center;
position: relative;
z-index: 2;
transition: all 0.3s, margin 0s;
font-family: 'Montserrat', sans-serif;
pointer-events: none;
font-weight:300; letter-spacing:1px;font-size: 1.15em;
line-height: 1.2;
color: var(--idx_widget_bg_txt_color);
background-color: #33333391;
order: 3;
width: 100%;
padding: 0 10px;
}
.signature .IDX-showcaseContainer:hover > div,
.signature .IDX-carouselContainer:hover > div{
background-color: transparent;
} .signature .IDX-showcaseContainer > div.IDX-showcaseStatus, 
.signature .IDX-carouselContainer > div.IDX-carouselStatus {
opacity: 0;
color: var(--idx_widget_badge_txt_color);
background-color: var(--idx_widget_badge_color);
padding: 5px 40px;
display: block !important;
position: absolute;
top: 20px;
left: 0;
width: auto;
}
.signature .IDX-showcaseContainer:hover .IDX-showcaseStatus,
.signature .IDX-carouselContainer:hover .IDX-carouselStatus {
opacity: 1;
} .signature .IDX-showcaseContainer .IDX-showcaseAddress,
.signature .IDX-carouselContainer .IDX-carouselAddress {
font-size: 1.6em;
order: 1;
margin-top: auto;
line-height: 1.2em !important;
max-height: 1.2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 5px;
} .signature .IDX-showcaseContainer .IDX-showcasePrice,
.signature .IDX-carouselContainer .IDX-carouselPrice {
background-color: #33333391;
padding-bottom: 5px;
}
.signature .IDX-showcaseContainer:hover .IDX-showcasePrice,
.signature .IDX-carouselContainer:hover .IDX-carouselPrice {
margin-top: 25px;
} .signature .IDX-showcaseContainer .IDX-showcaseListingID,
.signature .IDX-carouselContainer .IDX-carouselListingID {
font-size: 15px;
order: 2;
}
.signature .IDX-showcaseListingID::before,
.signature .IDX-carouselListingID::before {
content: "ID #";
} .signature .IDX-showcaseContainer .IDX-showcaseBaths,
.signature .IDX-carouselContainer .IDX-carouselBaths {
margin-bottom: auto;
} .signature .IDX-showcaseContainer .IDX-showcaseListingID,
.signature .IDX-carouselContainer .IDX-carouselListingID,
.signature .IDX-showcaseContainer .IDX-showcaseBeds,
.signature .IDX-carouselContainer .IDX-carouselBeds,
.signature .IDX-showcaseContainer .IDX-showcaseBaths,
.signature .IDX-carouselContainer .IDX-carouselBaths{
opacity: 0;
height: 0;
display: block !important;
}
.signature .IDX-showcaseContainer:hover .IDX-showcaseListingID,
.signature .IDX-carouselContainer:hover .IDX-carouselListingID,
.signature .IDX-showcaseContainer:hover .IDX-showcaseBeds,
.signature .IDX-carouselContainer:hover .IDX-carouselBeds,
.signature .IDX-showcaseContainer:hover .IDX-showcaseBaths,
.signature .IDX-carouselContainer:hover .IDX-carouselBaths{
opacity: 1;
height: auto;
} .coast .IDX-showcaseCell, 
.coast .IDX-carouselCell {
min-width: 240px !important;
}
.coast .IDX-showcaseContainer,
.coast .IDX-carouselContainer {
height: auto !important;
text-align: center;
box-sizing: border-box;
border: 1px solid #666;
-webkit-box-shadow: 1px 1px 3px rgb(22 22 22 / 40%);
box-shadow: 1px 1px 3px rgb(22 22 22 / 40%);
margin: 0 10px 10px 10px;
padding: 10px 10px 60px 10px!important;
background-color: var(--idx_widget_bg_color);
color: var(--idx_widget_bg_txt_color);
}
.coast .IDX-showcaseContainer > a.IDX-showcaseLink, 
.coast .IDX-carouselContainer > a.IDX-carouselLink {
background-color: rgb(0,0,0);
margin-bottom: 5px;
overflow: hidden !important;
padding-top: 66% !important;
width: 100%;
height: auto !important;
position: relative;
}
.coast .IDX-showcaseLink::after, 
.coast .IDX-carouselLink::after {
content: "View";
font-size: 23px;
font-weight: bold;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
position: absolute;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.coast .IDX-showcaseContainer .IDX-showcaseLink:hover::after, 
.coast .IDX-showcaseContainer .IDX-carouselLink:hover::after {
opacity: 1;
}
.coast .IDX-showcasePhoto, 
.coast .IDX-carouselPhoto {
max-width: 100%;
display: inline-block;
vertical-align: middle;
max-height: 100% !important;
margin: auto;
height: auto !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: -webkit-transform .5s ease, opacity .5s;
transition: -webkit-transform .5s ease, opacity .5s;
transition: transform .5s ease, opacity .5s;
transition: transform .5s ease,-webkit-transform .5s ease, opacity .5s;
}
.coast .IDX-showcaseContainer:hover .IDX-showcasePhoto,
.coast .IDX-carouselContainer:hover .IDX-carouselPhoto {
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
.coast .IDX-showcaseContainer .IDX-showcasePhoto:hover,
.coast .IDX-carouselContainer .IDX-carouselPhoto:hover{
opacity: 0.4;
}
.coast .IDX-showcaseAddress, .coast .IDX-showcaseCityStateZip,
.coast .IDX-carouselAddress, .coast .IDX-carouselCityStateZip {
line-height: 1em !important;
max-height: 1em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.coast .IDX-showcaseCityStateZip span,
.coast .IDX-carouselCityStateZip span {
display: inline;
white-space: normal;
}
.coast .IDX-showcasePrice, 
.coast .IDX-carouselPrice {
padding: 5px 0;
font-weight: 700;
font-size: 20px;
line-height: 1.7;
color: var(--idx_widget_badge_color);
}
.coast .IDX-showcaseBeds, .IDX-carouselBeds,
.coast .IDX-showcaseBaths, .IDX-carouselBaths {
float: none;
display: block!important;
line-height: normal;
margin-right: 0;
margin-bottom: 0;
}
.coast .IDX-showcaseStatus,
.coast .IDX-carouselStatus {
display: inline-block !important;
color: var(--idx_widget_badge_txt_color);
background-color: var(--idx_widget_badge_color);
position: absolute;
top: 5px;
left: -10px;
padding: 2px 8px;
line-height: 1.7;
}
.coast a.IDX-btn-primary {
clear: both;
display: block;
font-size: 18px;
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
padding: 4px 12px;
text-align: center;
text-decoration: none;
background-color: var(--idx_btn_color);
color: var(--idx_btn_txt_color);
line-height: 1.7;
}
.coast a.IDX-btn-primary:hover {
background-color: var(--idx_btn_hover_color);
color: var(--idx_btn_txt_hover_color);
}
.coast .IDX-carouselArrow {
border-radius: 50% !important;
}
.coast a.IDX-carouselArrow span {
font-size: 0;
}
.coast a.IDX-carouselArrow span::after {
content: '';
border: 0 solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 6px;
top: 7px;
left: -3px;
position: relative;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.coast a.IDX-carouselArrow.IDX-carouselPrevArrow span::after {
left: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
@media (max-width: 768px) {
.coast .IDX-showcaseCell, .coast .IDX-carouselCell {
height: auto!important;
min-width: 100%!important;
}
}