Attraction Finder

Home > Things To Do > Attractions > Attraction Finder

/* ----------------------------------------- */ /* View: Attraction Listings (Leaflet Map – LIVE) - start */ /* ----------------------------------------- */ i { margin-right: 5px; } .filter-bar { background: #8e2a2a; } button.reset-filters { background: #500d0d; border-bottom: 3px solid #460000 !important;; } button.reset-filters:hover { background: #b12020; cursor: pointer; border-bottom: 3px solid #711f1f; } .filter-section, .filter-section select { background: #672323; } .transparent { background: transparent; text-transform: none !important; color: #fff; } .transparent input[type=checkbox] { margin-right: 10px; } .js-wpv-dps-spinner { position: fixed; left: 0; top: 30vh; background: rgba(255, 255, 255, 0.75); width: 100%; text-align: center; height: 100vh; padding-top: 30vh; z-index: 2000; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.04) 1%, rgba(255,255,255,0.8) 22%, rgba(255,255,255,0.8) 97%, rgba(255,255,255,0.8) 98%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,0.8) 22%,rgba(255,255,255,0.8) 97%,rgba(255,255,255,0.8) 98%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.04) 1%,rgba(255,255,255,0.8) 22%,rgba(255,255,255,0.8) 97%,rgba(255,255,255,0.8) 98%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); } .filter-bar { -webkit-box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.14); box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.14); position: relative; z-index: 3000; display: inline-block; width: 100%; } .filter-controls { width: 90%; float: left; } .reset-control { width: 10%; float: right; position: relative; } .filters-5 .filter-section { width: calc(20% - 6px); } .filters-4 .filter-section { width: calc(25% - 6px); } .filters-3 .filter-section { width: calc(33% - 6px); } .filter-options { background: #fff; width: 50% !important; border-bottom: 2px solid #c3c3c3; margin: 0px; display: inline-block; -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.22); box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.22); padding: 10px; margin-bottom: 20px; } @media(max-width: 980px) { .filter-options { background: #fff; width: 100% !important; } } @media(min-width: 980px) { .fix-filter { position: fixed !important; top: 55px; z-index: 12000; width: 100%; } } .filter-section { float: left; margin: 10px 3px; text-transform: uppercase; padding: 0.5% 2%; line-height: 27px; border-radius: 3px; } @media(min-width: 981px) and (max-width: 1300px) { .filter-section, .filter-section .text-search input[type=text], .filter-section select, button.reset-filters{ font-size: 1.2vw !important; } .filter-section { height: 40px; line-height: 32px; } } .filter-label { line-height: 27px; color: #fff; } .has-dropdown:after { font-family: "ETmodules"; font-size: 24px; font-weight: 800; content: "3"; color: #fff; margin: 0px; float: right; } .has-dropdown.options-open:after { content: "2"; } .has-dropdown:hover { cursor: pointer; } .filter-section select { border: none; font-size: 16px; color: #fff; padding: 3px; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .filter-section .text-search input { padding: 2px 0px 3px 10px; border: none; font-size: 18px; background: transparent; color: #fff; width: 80%; } .filter-section .text-search:before { font-family: "ETmodules" !important; left: 0; content: "u"; color: #fff; font-weight: bold; margin-right: 10px; background: transparent; } .filter-actions { display: none; } ul.categorychecklist { list-style-type: none; width: 50%; position: absolute; background: #fff; z-index: 2000; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.26); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.26); padding: 25px; margin-top: 8px; } .filter-section:last-of-type ul.categorychecklist { right: 10%; } ul.categorychecklist li { float: left; margin-right: 10px; font-size: 12px; width: 47%; } button.reset-filters { border: 0px; padding: 6px 15px; position: absolute; right: 10px; color: #fff; font-size: 18px; margin: 9px 3px 3px; width: 80%; text-transform: uppercase; border-radius: 3px; white-space: nowrap; min-width: 85px; line-height: 27px; }/* Responsive */ @media(max-width: 980px) { .filter-bar { width: 100%; height: auto; display: inline-block; padding: 10px; } .filter-section, .filter-section select { width: 97% !important; margin-top: 2px; font-size: 12px; line-height: 27px; margin-bottom: 3px; } .listing-results { margin-left: 5%; margin-right: 5%; width: 90% !important; } } @media(max-width: 980px) { .fix-filter { position: relative !important; }#js-wpv-addon-maps-render-map-1 { height: 35vh!important; } ul.categorychecklist { width: 90%; } ul.categorychecklist li { width: 100%; } .filter-controls { width: 100%; } .reset-control { width: 100%; } button.reset-filters { position: relative; font-size: 14px; margin: 7px 3px 3px 12px; width: auto; } } @media(min-width: 980px) { .show-map { display: none; } } .show-map { background: #8e2a2a; border-bottom: 2px solid #500d0d; } .filters-on { display: block; clear: left; padding: 20px; width: 100%; z-index: -1; } @media(min-width: 981px) { .filters-on { width: 50%; } } .filterOn { display: block; float: left; margin-right: 3px; background: #ccc; padding: 6px 12px; color: #383838; border-radius: 3px; font-size: 12px; margin-bottom: 3px; } .listing-results { margin-left: 20px; margin-top: 30px; } .listing-results .result-row { float: left; width: 100%; } .listing-results h2 { font-size: 22px; } .listing-results ul.featured-terms li { color: #d4d4d4; float: left; padding: 0px 7px; border: 1px solid; margin-right: 3px; font-size: 10px; margin-top: 3px; } .sidemap { margin-right: 0px !important; width: 50% !important; } .js-wpv-view-layout .et_pb_column:not(.sidemap) { margin-right: 10px; margin-bottom: 0px; } @media (min-width: 981px) { .load-map { position: absolute !important; right: 0px; top: -6px; } .fix-map { position: fixed !important; width: 100%; top: 115px; } } @media(max-width: 980px) { .sidemap { position: absolute; visibility: hidden; width: 100% !important; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .sidemapvisible { position: relative; visibility: visible; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } } .marker-popup { padding: 20px 0px 20px 20px; } .marker-popup h4 { text-transform: uppercase; width: 300px; margin-top: 10px; } @media(max-width: 480px) { .marker-popup { padding: 4px; } .marker-popup h4 { width: auto; font-size: 10px; } } .marker-popup img { width: 300px; height: 300px; } .count-bar { display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 10px; } .found-count { float: left; margin-left: 5%; font-size: 16px; padding-top: 6px; } @media(min-width: 980px) { .found-count { margin-left: 20px; font-size: 22px; } } .show-map i { margin-right: 10px; } .show-map { text-align: center; float: right; margin-right: 5%; padding: 9px 22px; color: #fff; border-radius: 3px; font-size: 12px; } @media(min-width: 981px) { .results-layout { min-height: calc(100vh - 115px); } } .no-results { font-size: 16px; } @media(min-width: 981px){ .no-results { text-align: center; width: 50%; } } .no-results i { font-size: 15vw; margin-bottom: 40px; } /* ----------------------------------------- */ /* View: Attraction Listings (Leaflet Map – LIVE) - end */ /* ----------------------------------------- */

Attraction Finder

Pin It on Pinterest