/* ========================================================================== Homes For Rent - Explorer ============================================================================= */ #frs-explorer { padding-bottom: 50px; } #frs-explorer .frs-explorer-loading { top: 66px; } /* ========================================================================== Map View ============================================================================= */ #frs-explorer .frs-explorer-search-view {} /* Search Header ========================================================= */ #frs-explorer .frs-explorer-header { display: flex; flex-wrap: wrap; } #frs-explorer .frs-explorer-header .frs-explorer-search { flex: 1 1 400px; } #frs-explorer .frs-explorer-header .frs-explorer-search-form { display: flex; margin-right: 5px; } #frs-explorer .frs-explorer-header .frs-explorer-search-form .frs-explorer-location-field { flex: 0 1 400px; } #frs-explorer .frs-explorer-header .frs-explorer-search-form .frs-explorer-toggle-btn, #frs-explorer .frs-select { background: #fff; } #frs-explorer .frs-explorer-header .frs-explorer-search-form .frs-explorer-form-filters { margin-right: 5px; } #frs-explorer .frs-explorer-header .frs-explorer-search-form .frs-explorer-form-filters > button { border: 1px solid #ccc; } #frs-explorer .frs-explorer-header .frs-explorer-search-form .frs-explorer-search-button, #frs-explorer .frs-explorer-search-form .input-group-addon button { background: transparent; border: 0; } #frs-explorer .frs-explorer-header .input-group-addon { background: #205595; color: #fff; transition: 0.3s; } #frs-explorer .frs-explorer-header .frs-explorer-range { display: flex!important; justify-content: space-between; } #frs-explorer .frs-explorer-header .frs-explorer-range > * { flex: 1 1 auto; } #frs-explorer .frs-explorer-header .frs-explorer-range .frs-explorer-field-item-select { flex: 0 1 49%; } #frs-explorer .frs-explorer-header .frs-explorer-range .frs-explorer-field-dash { padding: 0 5px; } #frs-explorer .frs-explorer-header .frs-explorer-filter-label { font-weight: 600!important; font-size: 15px; } #frs-explorer .frs-explorer-header .frs-explorer-location-field { margin-right: 4px; } #frs-explorer .frs-explorer-header .frs-explorer-location-selector, #frs-explorer .frs-explorer-keyword-text { border: 1px solid #cecece; border-radius: 5px; min-height: 42px; padding: 0 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } #frs-explorer .frs-explorer-header .frs-explorer-view-type { z-index: 99; } #frs-explorer .frs-explorer-header .frs-explorer-filters { background: #efefef; border: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } #frs-explorer .frs-explorer-header .input-group-addon button { background: transparent; border: 0; padding: 0; margin: 0; } #frs-explorer .frs-explorer-header .input-group-addon:hover { opacity: 0.8; transition: 0.3s; } @media (max-width:991px){ #frs-explorer .frs-explorer-header .frs-explorer-view-type { display: block; position: relative; left: auto; top: auto; right: auto; } #frs-explorer .frs-explorer-header .frs-explorer-form-filters { position: relative; } #frs-explorer .frs-explorer-header .frs-explorer-filters.open { position: absolute; left: 50%!important; top: 100%!important; margin: 0; transform: translateX(-50%); } } @media (max-width:600px){ #frs-explorer .frs-explorer-header .frs-explorer-search-form, #frs-explorer .frs-explorer-header .frs-explorer-location-field { margin-right: 0; } #frs-explorer .frs-explorer-header .frs-explorer-filters { width: 100%; } #frs-explorer .frs-explorer-header .frs-explorer-form-filters { flex: 1 1 100%; margin: 10px auto; width: 100%; } #frs-explorer .frs-explorer-header .frs-explorer-view-type { display: block; position: relative; top: 0; right: 0; } #frs-explorer .frs-explorer-header .frs-explorer-view-type { width: 100%; display: flex; margin: 0 auto 5px; } #frs-explorer .frs-explorer-header .frs-explorer-view-type .frs-explorer-btn-group { width: 100%; display: flex; } #frs-explorer .frs-explorer-header .frs-explorer-view-type .frs-explorer-btn-group button { flex: 1 1 50%; } } /* Search Map Panels ========================================================= */ #frs-explorer .frs-explorer-search-map-view {} #frs-explorer .frs-explorer-search-map-view .frs-explorer-inner { position: relative; height: calc(100vh - 115px ); display: flex; flex-direction: row-reverse; } /* Map Panel */ #frs-explorer .frs-explorer-map-panel {} #frs-explorer .frs-explorer-map-panel .frs-explorer-map { width: 100%; flex-basis: auto; margin: 0; } /* Map Hover Window */ .frs-explorer-hover-window-container * { margin: 0; padding: 0; display: block; float: none; font-size: 12px; } #frs-explorer .frs-explorer-hover-window-container { position: relative; padding-left: 110px; } #frs-explorer .frs-explorer-hover-window-img { position: absolute; left: 0; top: 0; width: 100px; height: 100%; overflow: hidden; } #frs-explorer .frs-explorer-hover-window-img img { min-height: 100%; min-width: 100%; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #frs-explorer .frs-explorer-hover-window-content { margin-bottom: 5px; } /* Map Popup */ #frs-explorer .frs-explorer-info-window { padding: 0 10px 10px; overflow: hidden; } #frs-explorer .frs-explorer-info-window-close { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } #frs-explorer .frs-explorer-info-window-container { display: flex; flex-direction: column; } #frs-explorer .frs-explorer-info-window-img { order: -1; min-width: 100%; margin: 0 -10px 15px; } #frs-explorer .frs-explorer-info-window-img-container { display: block; padding: 0; height: auto; max-height: unset; max-width: 100%; width: 100%; } #frs-explorer .frs-explorer-info-window-img-container img { width: 100%; max-width: 100%; } #frs-explorer .frs-explorer-info-window-cmd { padding: 5px 0 0; } #frs-explorer .frs-explorer-info-window-cmd .frs-btn { width: 100%; padding: 10px; } /* List Panel */ #frs-explorer .frs-explorer-list-panel {} /* */ #frs-explorer .frs-explorer-map-list { position: relative; padding: 15px; background: #f5f5f5; width: 30%; min-width: 500px; } /* */ #frs-explorer .frs-explorer-map-list-item { position: relative; display: flex; flex-direction: column; border-radius: 6px; overflow: hidden; margin-bottom: 15px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #frs-explorer .frs-explorer-map-list-item:hover { transform: translateY(-3px); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } #frs-explorer .frs-explorer-map-list-item-img-container { padding: 0; display: block; width: 100%; height: auto; } #frs-explorer .frs-explorer-map-list-item-img-container img { width: 100%; max-width: 100%; max-height: 100%; } /* */ #frs-explorer .frs-explorer-map-list-item-info { margin: 0; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } #frs-explorer .frs-explorer-map-list-item-info-row { width: 100%; display: flex; justify-content: space-between; flex: 0 0 auto!important; } #frs-explorer .frs-explorer-map-list-item-info .frs-explorer-map-list-item-title { font-size: 18px; font-weight: 500; padding-right: 15px;} #frs-explorer .frs-explorer-map-list-item-info .frs-explorer-map-list-item-beds-baths { flex-basis: 100%; display: flex; justify-content: space-between; padding: 10px 0 15px; } #frs-explorer .frs-explorer-map-list-item-info .frs-explorer-map-list-item-beds-baths > * { flex: 0 1 48%; } #frs-explorer .frs-explorer-map-list-item-info .frs-explorer-map-list-item-amount { font-size: 20px; font-weight: 400; color: #205595; } #frs-explorer .frs-explorer-map-list-item-info .prop-details-icon { height: 25px; margin-right: 8px; } @media (max-width:991px){ #frs-explorer .frs-explorer-map-list { width: 50%; min-width: 50%; } } @media (max-width:768px){ #frs-explorer .frs-explorer-map-list { display: none!important; } } /* Search List View ========================================================= */ /* ========================================================================== List View ============================================================================= */ #frs-explorer .prop-list { display: flex; flex-wrap: wrap; padding: 0 15px; } .prop-result-panel { width: 30.33%; border: 0; margin: 3% 1.5% 0; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; } .prop-result-panel .panel-img { position: relative; background: #f6f6f6; height: 0; padding-top: 56%; overflow: hidden; } .prop-result-panel .panel-img img { position: absolute; top: 0; left: 0; } .prop-result-panel .panel-img .prop-video { position: absolute; top: 0; left: 0; } .prop-result-panel .panel-img img { position: absolute; top: 0; left: 0; text-indent: 100%; white-space: nowrap; transition: 0.8s; } .prop-result-panel:hover .panel-img img { transform: scale(1.1); transition: 0.8s; opacity: 1; } .prop-result-panel .panel-details { padding: 1.25em; flex-grow: 1; display: flex; min-width: 0; flex-direction: column; font-family: 'Open Sans', sans-serif; } .prop-result-panel .panel-details .prop-rent { display: block; font-size: 23px; color: #0e61ae; font-weight: 500; margin: 0 0 10px 0; } .prop-result-panel .panel-details .prop-rent-freq { font-size: 50%; text-transform: uppercase; color: #6c757d; margin-left: 6px; } .prop-result-panel .panel-details .prop-beds-baths { padding: 0 0 10px; display: flex; flex-wrap: wrap; min-width: 0; } .prop-result-panel .panel-details .prop-beds-baths img { margin-right: 10px; max-height: 22px; display: block; } .prop-result-panel .panel-details .prop-beds-baths > *:not(:last-child) { padding-right: 5px; } .prop-result-panel .panel-details .prop-beds-baths span { white-space: nowrap; } .prop-result-panel .panel-details .prop-beds, .prop-result-panel .panel-details .prop-baths, .prop-result-panel .panel-details .prop-area { display: flex; flex: 1 1 110px; margin: 10px 0; min-width: 0; } .prop-result-panel .panel-details .prop-beds-baths [class*="0"] span { font-size: 0; } .prop-result-panel .panel-details .prop-beds-baths [class*="0"] span::after { content: 'Studio'; font-size: 16px; } .prop-result-panel .panel-details .prop-address-em { display: block; } .prop-result-panel .panel-details .prop-type-group { } .prop-result-panel .panel-details .prop-type { color: #6c757d; } .prop-result-panel .panel-details .prop-availability { margin: 10px 0;} .prop-result-panel .panel-details .prop-btn { margin-top: auto; } .prop-result-panel .panel-details .prop-btn a { margin-top: 20px; display: block; background-color: #0e61ae; color: #fff; border: 1px solid #0e61ae; text-align: center; height: 38px; line-height: 38px; text-transform: uppercase; font-weight: 500; border-radius: 0px; } .prop-result-panel .panel-details .prop-btn a:hover { background-color: #fff; color: #0e61ae; text-decoration: none; } .prop-list-paging { margin-bottom: 80px; } @media (max-width: 991px) { .prop-result-panel { width: 47%; } } @media screen and (max-width: 768px) { .frs-widget .prop-tabs .prop-tab-nav ul { display: flex; } .frs-widget .prop-tabs .prop-tab-nav ul li { width: auto; margin: 0 0 5px; flex: 1 1 200px; } .prop-result-panel .panel-details .prop-beds-baths img { margin-left: auto; } .prop-result-panel .panel-details .prop-beds-baths span { margin-right: auto; } #frs-explorer .frs-explorer-header .frs-explorer-search-form { flex-wrap: wrap; } } @media (max-width: 650px) { .frs-widget .prop-tabs .prop-tab-nav ul { flex-wrap: wrap; } .frs-widget.prop-list .prop-tabs .prop-tab-list .frs-tab-panel.active { margin: 0; } .prop-result-panel { width: 100%; margin: 15px 0 0; } } .prop-result-panel { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .prop-result-panel:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } /* ========================================================================== Listing Details View ============================================================================= */ #frs-explorer .frs-explorer-listing-view {} #frs-explorer .listing-view-only { display: none!important; } #frs-explorer .frs-explorer-listing-view .frs-btn { height: 45px; line-height: 45px; white-space: nowrap; color: #ffffff; min-width: 180px; background: #205595; border: 1px solid #205595; text-transform: uppercase; text-align: center; text-decoration:none; padding: 0 20px; display: block; box-shadow: unset; } #frs-explorer .frs-explorer-listing-view .frs-btn:hover { color: #205595; background: #ffffff; } #frs-explorer .frs-explorer-listing-view .frs-btn-list { margin: -8px; font-size: 15px; flex-basis: 100%; } #frs-explorer .frs-explorer-listing-view .frs-btn-list .frs-btn { margin: 8px; } #frs-explorer .frs-explorer-listing-view .prop-title-container { margin: 35px 0; } #frs-explorer .frs-explorer-listing-view .prop-title { font-size: 36px; margin: 20px auto 0; order: -1; line-height: 1.2em; } #frs-explorer .frs-explorer-listing-view .prop-view-cmd { text-align: right; } #frs-explorer .frs-explorer-listing-view .prop-view-row { margin-top: 35px; display: flex; flex-wrap: wrap; justify-content: space-between; } #frs-explorer .frs-explorer-listing-view .prop-info-panel { font-family: 'Oxygen'; display: flex; flex: 1 1 60%; flex-direction: column; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery { position: relative; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img { } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img a { } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img img { width: 100%; display: none; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-thmbs { display: none; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-gallery-count { background: rgba(0,0,0,0.5); color: #fff; position: absolute; right: 15px; bottom: 15px; pointer-events: none; height: 40px; line-height: 40px; padding: 0 10px; min-width: 120px; font-size: 16px; text-transform: none; transition: 0.3s; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-gallery-images { display: none; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery:hover .prop-gallery-count { background: #205595; transition: 0.3s; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-info { padding: 30px 15px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-phone {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-address { text-align: center; color: #545454; flex-basis: 100%; margin: 10px auto 0; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-address .street-address { font-size: 22px; font-weight: 500; color: #000; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-amount { text-align: right; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row { display: flex; flex-wrap: wrap; justify-content: space-around;} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row.prop-icons { display: flex; justify-content: space-around; margin: 10px -10px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row.prop-icons > div { padding: 0 10px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview { text-align: center; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-rent { font-size: 30px; margin: 0 0 10px; font-weight: 500; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-rent .prop-rent-frequency { color: #545454; display: block; font-size: 12px; font-weight: 400; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-area {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-lot-size {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-type {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-beds {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-taxes {} #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-details-icon { height: 25px; display: block; margin: 15px auto 5px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-deposit {} #frs-explorer .frs-explorer-listing-view .prop-form { text-align: left; flex-basis: 100%; margin: 35px auto; background: #f2f2f2; padding: 30px 20px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #frs-explorer .frs-explorer-listing-view .prop-form .prop-form-hdr { font-size: 30px; text-align: center; margin: 0 0 20px; font-weight: 500; text-transform: uppercase; } #frs-explorer .frs-explorer-listing-view .prop-form .prop-phone { font-size: 20px; margin: 20px 0 30px; text-align: center; font-family: 'Oxygen'; } #frs-explorer .frs-explorer-listing-view .prop-form .prop-lead-form-success { text-align: center; display: none; } #frs-explorer .frs-explorer-listing-view .prop-form .frs-form-group { margin: 0 0 10px; } #frs-explorer .frs-explorer-listing-view .prop-form label { padding: 0; margin: 0; } #frs-explorer .frs-explorer-listing-view .prop-form input { line-height: 48px; width: 100%; padding: 0 15px; border: 1px solid #ccc; border-radius: 3px; } #frs-explorer .frs-explorer-listing-view .prop-form textarea { width: 100%; border: 1px solid #ccc; padding: 15px; border-radius: 3px; } #frs-explorer .frs-explorer-listing-view .prop-form select { height: 48px; width: 100%; border: 1px solid #ccc; background: #fff; } #frs-explorer .frs-explorer-listing-view .prop-form button { width: 100%; } #frs-explorer .frs-explorer-listing-view .prop-links { padding: 15px 0 0; margin-top: auto; display: flex; flex-wrap: wrap; justify-content: space-around; box-shadow: unset; } #frs-explorer .frs-explorer-listing-view .prop-links .social-sharing { margin-top: auto; padding-top: 25px; } #frs-explorer .frs-explorer-listing-view .prop-links .frs-btn-list { margin-top: auto; } #frs-explorer .frs-explorer-listing-view .prop-links .walkscore a { display: flex; justify-content: flex-end; } #frs-explorer .frs-explorer-listing-view .prop-links .walkscore img { max-height: 50px; } #frs-explorer .frs-explorer-listing-view .prop-tabs { margin-top: 50px; flex-basis: 100%; } #frs-explorer .frs-explorer-listing-view .prop-tabs .frs-tab-link a { padding: 0px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-section { border-bottom: 1px solid #d7d7d7; padding: 20px 0px 20px 0px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-section h3 { margin: 0px 0px 20px 0px; font-weight: 400; font-size: 1.2em; flex-basis: 100%; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-section p { margin: 0px 0 20px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-section > div { margin: 5px 0px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-section .prop-video { margin-bottom: 30px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul { list-style-type: none; padding: 0px; margin: 0px; min-height: 44px; border-bottom: 1px solid #ababab; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li { margin: 5px 0; flex-grow: 1; width: 100%; display: block; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li a { display:block; width: 100%; height: 34px; line-height: 34px; text-transform:uppercase; color: #ffffff; background: #205595; text-align: center; text-decoration:none; opacity: 0.8; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.2,5s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li.active a, .prop-tabs .prop-tab-nav ul li a:hover { opacity: 1.0; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-list .frs-tab-panel { display: none; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-list .frs-tab-panel.active { display: block; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-list .frs-tab-panel > .prop-marker-info { display: none; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-amenities-tab .prop-section { display: flex; flex-wrap: wrap; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-amenities-tab .prop-section .prop-feature { flex: 0 1 250px; padding-right: 15px; margin: 5px 0px; } .mapboxgl-popup-content { padding: 15px; } .mapboxgl-popup-content .prop-info-window { } .mapboxgl-popup-content .prop-info-window img { width: 100%; display: block; margin: 0 auto 5px; } @media (min-width: 992px) { #frs-explorer .frs-explorer-listing-view .prop-info-panel { order: -2; margin-right: 50px; } #frs-explorer .frs-explorer-listing-view .prop-form { flex-basis: 30%; order: -1; margin: 0; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery { flex-grow: 1; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img { height: 100%; overflow: hidden; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img a { display: block; height: 100%; background-size: cover; background-position: center center; } /* #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img img { display: none; } */ } @media (max-width: 991px) { #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-gallery .prop-img img { display: block; } } @media (min-width: 500px) and (max-width: 991px) { #frs-explorer .frs-explorer-listing-view .prop-form .prop-lead-form { display: flex; flex-wrap: wrap; justify-content: space-between; } #frs-explorer .frs-explorer-listing-view .prop-form .prop-lead-form .frs-form-group { flex-basis: 49%; } #frs-explorer .frs-explorer-listing-view .prop-form .prop-lead-form .frs-form-group-textarea { flex-basis: 100%; } } @media (min-width: 600px){ #frs-explorer .frs-explorer-listing-view .prop-title-container { display: flex; justify-content: space-between; } #frs-explorer .frs-explorer-listing-view .prop-title { margin: 0; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-info { padding: 30px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul { display: flex; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li { margin-right: 5px; } #frs-explorer .frs-explorer-listing-view .prop-tabs .prop-tab-nav ul li:last-child { margin-right: 0; } } @media (min-width: 501px){ #frs-explorer .frs-explorer-listing-view .frs-btn-list { display: inline-flex; flex-wrap: wrap; flex-basis: auto; margin-right: 10px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row { justify-content: space-between; flex-wrap: nowrap; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row .prop-address { text-align: left; flex: 1 1 auto; order: -1; margin: 0; padding-right: 20px; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row.prop-icons { justify-content: flex-start; } #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-overview-row.prop-icons > div:not(:last-child) { margin-right: 35px; } #frs-explorer .frs-explorer-listing-view .prop-links { justify-content: space-between; } } @media (max-width: 400px){ #frs-explorer .frs-explorer-listing-view .prop-info-panel .prop-details .prop-type { flex-basis: 100%; } } @media (min-width: 1314px) { #frs-explorer .container { width: 1284px; } } /* */ #frs-explorer.listing-view .listing-view-hide { display: none!important; } #frs-explorer.listing-view .listing-view-only { display: inline-block!important; }