/* * Some CSS FOR THE LISTINGS. */ .single-listing-item{ margin-bottom:30px; } .snip1268 { position: relative; float: left; overflow: hidden; width: 100%; color: #333333; text-align: center; background-color: #ffffff; line-height: 1.6em; border:1px solid #e5e5e5; } .snip1268 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .snip1268 .image { position: relative; } .snip1268 img { max-width: 100%; vertical-align: top; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .snip1268 .view-listing { position: absolute; left: 20px; right: 20px; opacity: 0; } .snip1268 .icons{ position: absolute; right: 20px; opacity: 0; } .snip1268 .icons { width:28px; -webkit-transform: translateY(-100%); transform: translateY(-100%); top: 0px; right:20px; justify-content: space-between; } .snip1268 .icons a { width: 100%; background: transparent; } .snip1268 .icons a:hover { background: transparent; } .snip1268 .icons a:hover i { color: #000000; opacity: 1; } .snip1268 .icons i { line-height: 46px; font-size: 22px; color: #ffffff; text-align: center; opacity: 0.8; margin: 0; } .snip1268 .view-listing { position: absolute; bottom: 20px; -webkit-transform: translateY(100%); transform: translateY(100%); font-size: 0.8em; color: #000000; line-height: 46px; letter-spacing: 1.5px; background-color: #ffffff; font-weight: 700; text-decoration: none; text-transform: uppercase; } .snip1268 .view-listing:hover { background: #000000; color: #ffffff; } .snip1268 figcaption { padding: 10px 0 0 20px; } .snip1268 h2, .snip1268 p { margin: 0; text-align: left; } .snip1268 h2 { margin-bottom: 10px; font-weight: 300; font-size:18px; } .snip1268 p { margin-bottom: 15px; font-size: 0.85em; font-weight: 500; } .snip1268 .price { font-size: 1.3em; opacity: 0.5; font-weight: 700; text-align: right; } .snip1268:hover img, .snip1268.hover img { opacity: 0.5; } .snip1268:hover .icons, .snip1268.hover .icons, .snip1268:hover .view-listing, .snip1268.hover .view-listing { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } /* * Directions Page */ #directions-map-container, #listing-category-map{ display:block; width:100%; height:800px; border-bottom:1px solid #e75135; } #directions-btn{ margin:10px 0 30px 0; } #driving-directions { background:#fff; } #driving-directions li{ margin:0 0 20px 0; padding:20px ; border-bottom:1px solid #2c3e50; } .listing-bubble{ padding:40px; width: 350px !important; top: 0 !important; left: 0 !important; right: 0 !important; background-color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border-radius: 2px 2px 0 0; } .listing-bubble > img{ width:100%; } /*--- Single Listing ---*/ #single-listing-map{ display:block; width:100%; height:480px; border-bottom:1px solid #e75135; } .nav-tabs{ text-align: center; border-bottom:none; } .nav-tabs > li { float:none; text-align: center; display:inline-block; } .nav-tabs li a{ font-family: "Raleway Regular",sans-serif; font-weight:900; color:#333333; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: transparent; border: none; cursor: default; border-bottom: 3px solid #333; } .tab-content{ width:75%; margin:40px auto 40px auto; } #listing-info-list{ list-style-type: none; padding:0; } #listing-info-list li{ padding:10px 0; } .listing-gallery a img{ margin:1% 1% 1% 1.6%; } .listing-opening-hours{ width:65%; text-align: center; display:block; margin:0 auto; list-style-type:none; } .listing-opening-hours > li { padding:10px 0; border-bottom:1px solid #2C3E50; } /* * info window */ .info-window{ padding:10px 0 0px 10px; } .info-window-name{ margin:10px 0 10px 0; font-family:'Raleway Regular',sans-serif; } .info-window-address{ margin-top:10px; margin-bottom:8px; } .info-window-address span{ margin-right:10px; } .info-window-image{ width:70%; margin:0 auto; display:block; height:auto; } .info-window-excerpt{ font-size:14px; } /* * Category Listing Image */ figure.snip1212 { position: relative; float: left; overflow: hidden; width: 100%; color: #000000; background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%); background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%); } figure.snip1212 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } figure.snip1212 img { max-width: 100%; } figure.snip1212 figcaption { position: absolute; bottom: 0%; left: 0; width: 100%; z-index: 1; -webkit-transform: translateY(100%); transform: translateY(100%); } figure.snip1212 h2, figure.snip1212 p { margin: 0; width: 100%; padding: 10px 20px; } figure.snip1212 h2 { color: #ffffff; position: absolute; bottom: 100%; display: inline-block; font-weight: 400; text-transform: uppercase; } figure.snip1212 p { background: rgba(255, 255, 255, 0.9); text-align: right; bottom: 0; font-size: 0.8em; font-weight: 500; } figure.snip1212 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } figure.snip1212:hover img, figure.snip1212.hover img { opacity: 0.4; } figure.snip1212:hover figcaption, figure.snip1212.hover figcaption { -webkit-transform: translateY(0); transform: translateY(0); } ul.category-list{ list-style-type: none; } ul.category-list li{ border-bottom:none !important; }