.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; padding: 5px 45px; width: 200px; top: 40px; left: -40px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .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; }