#hotspot-finder-app { padding: 0px; box-sizing: border-box; overflow: hidden; /* Regular */ /* Regular, Italic */ /* Medium */ /* Bold */ /*------------------------------------------------------------*/ /* Colours */ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /* Background, fonts, links */ /*------------------------------------------------------------*/ /*--------------------------*/ /* SASS extensions */ /*--------------------------*/ /*------------------------------------------------------------*/ /* Class definitions */ /*------------------------------------------------------------*/ /* Display options */ /*------------------------------------------------------------*/ /* Form styles */ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /* Button defintion */ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /* Theming options */ /*------------------------------------------------------------*/ /* Search box/options background */ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /* Hotspot finder */ /*------------------------------------------------------------*/ /* Height/width definition */ /* Height above -100 for header */ /* END Height/width definition */ /*--------------------------*/ /* Style definitions */ /*--------------------------*/ /*--------------------------*/ /* Hotspot search options */ /*--------------------------*/ /*--------------------------*/ /* Hotspot Nav */ /*--------------------------*/ /*--------------------------*/ /* Hotspot Error/Notifications */ /*--------------------------*/ /*--------------------------*/ /* Results multiple */ /*--------------------------*/ /*--------------------------*/ /* Results panel */ /*--------------------------*/ } #hotspot-finder-app html, #hotspot-finder-app body, #hotspot-finder-app div, #hotspot-finder-app span, #hotspot-finder-app applet, #hotspot-finder-app object, #hotspot-finder-app iframe, #hotspot-finder-app h1, #hotspot-finder-app h2, #hotspot-finder-app h3, #hotspot-finder-app h4, #hotspot-finder-app h5, #hotspot-finder-app h6, #hotspot-finder-app p, #hotspot-finder-app blockquote, #hotspot-finder-app pre, #hotspot-finder-app a, #hotspot-finder-app abbr, #hotspot-finder-app acronym, #hotspot-finder-app address, #hotspot-finder-app big, #hotspot-finder-app cite, #hotspot-finder-app code, #hotspot-finder-app del, #hotspot-finder-app dfn, #hotspot-finder-app em, #hotspot-finder-app img, #hotspot-finder-app ins, #hotspot-finder-app kbd, #hotspot-finder-app q, #hotspot-finder-app s, #hotspot-finder-app samp, #hotspot-finder-app small, #hotspot-finder-app strike, #hotspot-finder-app strong, #hotspot-finder-app sub, #hotspot-finder-app sup, #hotspot-finder-app tt, #hotspot-finder-app var, #hotspot-finder-app b, #hotspot-finder-app u, #hotspot-finder-app i, #hotspot-finder-app center, #hotspot-finder-app dl, #hotspot-finder-app dt, #hotspot-finder-app dd, #hotspot-finder-app ol, #hotspot-finder-app ul, #hotspot-finder-app li, #hotspot-finder-app fieldset, #hotspot-finder-app form, #hotspot-finder-app label, #hotspot-finder-app legend, #hotspot-finder-app table, #hotspot-finder-app caption, #hotspot-finder-app tbody, #hotspot-finder-app tfoot, #hotspot-finder-app thead, #hotspot-finder-app tr, #hotspot-finder-app th, #hotspot-finder-app td, #hotspot-finder-app article, #hotspot-finder-app aside, #hotspot-finder-app canvas, #hotspot-finder-app details, #hotspot-finder-app embed, #hotspot-finder-app figure, #hotspot-finder-app figcaption, #hotspot-finder-app footer, #hotspot-finder-app header, #hotspot-finder-app hgroup, #hotspot-finder-app main, #hotspot-finder-app menu, #hotspot-finder-app nav, #hotspot-finder-app output, #hotspot-finder-app ruby, #hotspot-finder-app section, #hotspot-finder-app summary, #hotspot-finder-app time, #hotspot-finder-app mark, #hotspot-finder-app audio, #hotspot-finder-app video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #hotspot-finder-app article, #hotspot-finder-app aside, #hotspot-finder-app details, #hotspot-finder-app figcaption, #hotspot-finder-app figure, #hotspot-finder-app footer, #hotspot-finder-app header, #hotspot-finder-app hgroup, #hotspot-finder-app main, #hotspot-finder-app menu, #hotspot-finder-app nav, #hotspot-finder-app section { display: block; } #hotspot-finder-app body { line-height: 1; } #hotspot-finder-app ol, #hotspot-finder-app ul { list-style: none; } #hotspot-finder-app table { border-collapse: collapse; border-spacing: 0; } @font-face { #hotspot-finder-app { font-family: 'SkyTextRegular'; src: url("../fonts/sky-text/sky_reg-webfont.eot"); src: url("../fonts/sky-text/sky_reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sky-text/sky_reg-webfont.woff2") format("woff2"), url("../fonts/sky-text/sky_reg-webfont.woff") format("woff"), url("../fonts/sky-text/sky_reg-webfont.ttf") format("truetype"), url("../fonts/sky-text/sky_reg-webfont.svg#sky_textregular") format("svg"); font-weight: normal; font-style: normal; } } @font-face { #hotspot-finder-app { font-family: 'SkyTextRegularItalic'; src: url("../fonts/sky-text/sky_italic-webfont.eot"); src: url("../fonts/sky-text/sky_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sky-text/sky_italic-webfont.woff2") format("woff2"), url("../fonts/sky-text/sky_italic-webfont.woff") format("woff"), url("../fonts/sky-text/sky_italic-webfont.ttf") format("truetype"), url("../fonts/sky-text/sky_italic-webfont.svg#sky_textitalic") format("svg"); font-weight: normal; font-style: normal; } } @font-face { #hotspot-finder-app { font-family: 'SkyTextMedium'; src: url("../fonts/sky-text/sky_med-webfont.eot"); src: url("../fonts/sky-text/sky_med-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sky-text/sky_med-webfont.woff2") format("woff2"), url("../fonts/sky-text/sky_med-webfont.woff") format("woff"), url("../fonts/sky-text/sky_med-webfont.ttf") format("truetype"), url("../fonts/sky-text/sky_med-webfont.svg#sky_textmedium") format("svg"); font-weight: normal; font-style: normal; } } @font-face { #hotspot-finder-app { font-family: 'SkyTextBold'; src: url("../fonts/sky-text/sky_bold-webfont.eot"); src: url("../fonts/sky-text/sky_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sky-text/sky_bold-webfont.woff2") format("woff2"), url("../fonts/sky-text/sky_bold-webfont.woff") format("woff"), url("../fonts/sky-text/sky_bold-webfont.ttf") format("truetype"), url("../fonts/sky-text/sky_bold-webfont.svg#sky_textbold") format("svg"); font-weight: normal; font-style: normal; } } #hotspot-finder-app * { margin: 0; padding: 0; font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-weight: 400; color: #333; } #hotspot-finder-app :focus { outline-color: transparent; outline-style: none; } #hotspot-finder-app ::selection { background: #000; color: #fff; } #hotspot-finder-app ::-moz-selection { background: #000; color: #fff; } #hotspot-finder-app a:link, #hotspot-finder-app a:visited { color: #333; text-decoration: none; } #hotspot-finder-app a:hover, #hotspot-finder-app a:active { color: #333; text-decoration: underline; } #hotspot-finder-app .font-normal { font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-weight: 400; } #hotspot-finder-app .font-medium { font-family: "SkyTextMedium", helvetica, arial, sans-serif; font-weight: 400; } #hotspot-finder-app .font-bold { font-family: "SkyTextBold", helvetica, arial, sans-serif; font-weight: 400; } #hotspot-finder-app .font-size-small { font-size: 14px; line-height: 18px; } #hotspot-finder-app .font-size-default, #hotspot-finder-app p, #hotspot-finder-app .result-pagination ul li, #hotspot-finder-app .result-pagination ul li a { font-size: 16px; line-height: 20px; } #hotspot-finder-app .font-size-large { font-size: 18px; line-height: 22px; } #hotspot-finder-app .border-radius-default, #hotspot-finder-app #map-main, #hotspot-finder-app #result-multiple .result-multiple-main { border-radius: 10px; } #hotspot-finder-app .error { color: #dd2b00; } #hotspot-finder-app .hide { display: none !important; } #hotspot-finder-app .show { display: block !important; } #hotspot-finder-app .first { margin-top: 0 !important; padding-top: 0 !important; } #hotspot-finder-app .last { margin-bottom: 0 !important; } #hotspot-finder-app .start { margin-left: 0 !important; } #hotspot-finder-app .end { margin-right: 0 !important; } #hotspot-finder-app input, #hotspot-finder-app select, #hotspot-finder-app textarea { border: none; text-transform: none; border-radius: 0; } #hotspot-finder-app input[type='submit'], #hotspot-finder-app input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } #hotspot-finder-app input[type="search"]::-webkit-search-decoration, #hotspot-finder-app input[type="search"]::-webkit-search-cancel-button, #hotspot-finder-app input[type="search"]::-webkit-search-results-button, #hotspot-finder-app input[type="search"]::-webkit-search-results-decoration { display: none; } #hotspot-finder-app input:focus { outline: none; } #hotspot-finder-app input:focus::-webkit-input-placeholder { color: transparent; } #hotspot-finder-app input:focus::-moz-placeholder { color: transparent; } #hotspot-finder-app input:focus:-ms-placeholder { color: transparent; } #hotspot-finder-app ::-webkit-input-placeholder { font-family: "SkyTextRegular", helvetica, arial, sans-serif; color: #fff; opacity: 0.8; } #hotspot-finder-app ::-moz-placeholder { font-family: "SkyTextRegular", helvetica, arial, sans-serif; color: #fff; opacity: 0.8; } #hotspot-finder-app ::-ms-placeholder { font-family: "SkyTextRegular", helvetica, arial, sans-serif; color: #fff; opacity: 0.8; } #hotspot-finder-app fieldset { border: none; } #hotspot-finder-app legend { display: none; } #hotspot-finder-app label { cursor: pointer; } #hotspot-finder-app a.bt-default, #hotspot-finder-app a.bt-action, #hotspot-finder-app button.bt-default, #hotspot-finder-app button.bt-action, #hotspot-finder-app input[type="submit"], #hotspot-finder-app button[type="submit"] { display: inline-block; position: relative; font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-size: 24px; line-height: 30px; text-align: center; text-decoration: none; text-transform: none; border: none; color: #fff; overflow: visible; cursor: pointer; padding: 15px 30px; -webkit-appearance: none; vertical-align: middle; border: 2px solid #fff; } #hotspot-finder-app body { color: #333; } #hotspot-finder-app input, #hotspot-finder-app select, #hotspot-finder-app textarea { font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-size: 24px; line-height: 30px; font-weight: 400; color: #fff; background: #333; } #hotspot-finder-app #hotspot-search-options { background: #333; border-bottom: 1px solid #444; } #hotspot-finder-app #hs-txt-location { height: 30px; } #hotspot-finder-app #hs-error { background: #791426; } #hotspot-finder-app #hs-error p { color: #fff; } #hotspot-finder-app #hs-notification { background: rgba(0, 0, 0, 0.7); text-align: center; } #hotspot-finder-app #hs-notification p { color: #fff; } #hotspot-finder-app .result { background: #fff; } #hotspot-finder-app .result-list li .vcard span.org { font-family: "SkyTextMedium", helvetica, arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: 400; } #hotspot-finder-app .result-list li span.data-hd { font-family: "SkyTextMedium", helvetica, arial, sans-serif; font-size: 14px; line-height: 18px; font-weight: 400; } #hotspot-finder-app #container, #hotspot-finder-app #map-wrapper, #hotspot-finder-app #map-main, #hotspot-finder-app #map-main .loader { /* width: 1280px; */ width: 100%; } #hotspot-finder-app #map-wrapper, #hotspot-finder-app #map-main, #hotspot-finder-app #map-main .loader { height: 620px; } #hotspot-finder-app .result { width: 450px; transform: translateX(-450px); } #hotspot-finder-app .result-main { height: 520px; } #hotspot-finder-app #container, #hotspot-finder-app #map-wrapper, #hotspot-finder-app #map-main { position: relative; } #hotspot-finder-app #container { margin: 0 auto; } #hotspot-finder-app #map-wrapper { overflow: hidden; background-size: 100%; } #hotspot-finder-app #map-main .loader { position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 2; } #hotspot-finder-app #map-main .loader img { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } #hotspot-finder-app #hotspot-map { width: 100%; height: 100%; } #hotspot-finder-app h1, #hotspot-finder-app h2, #hotspot-finder-app h3, #hotspot-finder-app h4, #hotspot-finder-app h5, #hotspot-finder-app h6 { font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-weight: 400; text-transform: none; margin-bottom: 20px; } #hotspot-finder-app h1 { font-size: 52px; line-height: 56px; } #hotspot-finder-app h2 { font-size: 44px; line-height: 48px; } #hotspot-finder-app h3 { font-size: 26px; line-height: 30px; } #hotspot-finder-app h4 { font-size: 18px; line-height: 22px; } #hotspot-finder-app h5 { font-size: 16px; line-height: 20px; } #hotspot-finder-app h6 { font-size: 14px; line-height: 18px; } #hotspot-finder-app #hotspot-search-options { display: table; width: 100%; overflow: hidden; padding: 30px 40px; box-sizing: border-box; text-align: center; z-index: 1; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main { display: table-cell; width: 70%; text-align: center; vertical-align: middle; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input { padding: 10px 30px; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-location { box-sizing: border-box; border: none; background-color: #fff; color: #a72a79; padding: 10px 20px; float: left; height: auto; border-radius: 3px; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-location::-webkit-input-placeholder { color: #a72a79; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-location::-moz-placeholder { color: #a72a79; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-location::-ms-placeholder { color: #a72a79; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-submit { background-color: transparent; border: 2px solid #fff; color: #fff; font-size: 16px; font-family: "SkyTextMedium", helvetica, arial, sans-serif; border-radius: 3px; transition: all .3s ease-in-out; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-submit:hover { background-color: #a72a79; border: 2px solid #a72a79; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main .filtering-by { text-align: left; color: #fff; margin-top: 10px; } #hotspot-finder-app #hotspot-search-options #hotspot-search ul { display: table; box-sizing: border-box; } #hotspot-finder-app #hotspot-search-options #hotspot-search ul li { display: table-cell; vertical-align: middle; } #hotspot-finder-app #hotspot-search-options #hotspot-search #hotspot-search-input { width: 100%; } #hotspot-finder-app #hotspot-search-options #hotspot-search #hotspot-search-input input { width: 100%; } #hotspot-finder-app #hotspot-search-options #hotspot-search #hotspot-search-input .hs-location { width: 80%; box-sizing: border-box; border-right: 20px solid transparent; } #hotspot-finder-app #hotspot-search-options #hotspot-search #hotspot-search-input .hs-submit { width: 20%; } #hotspot-finder-app #hotspot-search-options #hotspot-search #hotspot-search-input #hs-txt-submit { height: 52px; } #hotspot-finder-app #hotspot-nav { display: table-cell; width: 30%; vertical-align: middle; } #hotspot-finder-app #hotspot-nav ul { float: right; margin-top: 5px; margin-bottom: 8px; } #hotspot-finder-app #hotspot-nav ul li { float: left; padding: 0 10px; color: #fff; font-size: 16px; } #hotspot-finder-app #hotspot-nav ul li a { padding-bottom: 3px; font-family: "SkyTextMedium", helvetica, arial, sans-serif; } #hotspot-finder-app #hotspot-nav ul li a:hover { text-decoration: none; } #hotspot-finder-app #hotspot-nav ul li:last-of-type { padding-right: 0; } #hotspot-finder-app #hotspot-nav ul.geo { float: left; } #hotspot-finder-app #hotspot-nav ul.geo li { padding: 0 0 0 30px; } #hotspot-finder-app #hotspot-nav ul.geo li:last-of-type { border-left: none; } #hotspot-finder-app #hotspot-nav ul.geo li a:hover { text-decoration: none; } #hotspot-finder-app #hotspot-nav a { color: #666; /* text-indent: -99999px; */ /* &#hs-nav-filter { width: 27px; height: 28px; background: url(../images/icon-filter@3x.png) no-repeat top left/contain; &.active { background: url(../images/icon-filter-on@3x.png) no-repeat top left/contain; } } &#hs-nav-location { width: 24px; height: 32px; background: url(../images/icon-location@3x.png) no-repeat top left/contain; &.active { background: url(../images/icon-location-on@3x.png) no-repeat top left/contain; } } &#hs-nav-toggle { width: 30px; height: 24px; background: url(../images/icon-menu@3x.png) no-repeat top left/contain; &.active { background: url(../images/icon-menu-on@3x.png) no-repeat top left/contain; } } */ } #hotspot-finder-app #hotspot-nav a.active { border-bottom: 2px solid #a72a79; color: #fff; text-decoration: none; } #hotspot-finder-app #hs-error { padding: 20px; margin-bottom: 0px; } #hotspot-finder-app #hs-notification { position: absolute; top: 0; left: 0; right: 0; width: 70%; padding: 10px; margin: 0 auto; z-index: 2; } #hotspot-finder-app #result-multiple { /*position: absolute;*/ width: 100%; height: 100%; padding: 40px; box-sizing: border-box; z-index: 4; } #hotspot-finder-app #result-multiple .result-multiple-main { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 20px; box-sizing: border-box; } #hotspot-finder-app #result-multiple .result-multiple-main h3 { color: #fff; } #hotspot-finder-app #result-multiple .result-multiple-main ul.result-multiple-list { height: 200px; overflow: hidden; overflow-y: scroll; } #hotspot-finder-app #result-multiple .result-multiple-main ul, #hotspot-finder-app #result-multiple .result-multiple-main li a { font-size: 14px; line-height: 18px; color: #fff; } #hotspot-finder-app #result-multiple .result-multiple-main a.bt-default { background: #a72a79; font-family: "SkyTextMedium", helvetica, arial, sans-serif; font-size: 16px; border: 2px solid #a72a79; transition: all .3s ease-in-out; } #hotspot-finder-app #result-multiple .result-multiple-main a.bt-default:hover { background-color: transparent; border: 2px solid #fff; } #hotspot-finder-app .result { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; transition: all 0.5s; z-index: 3; } #hotspot-finder-app .result.active { transform: translateX(0); } #hotspot-finder-app .result-header { position: relative; height: 100px; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; } #hotspot-finder-app .result-header .close { float: right; margin-top: 8px; text-indent: -9999px; width: 14px; height: 14px; display: block; background: url(../images/close.png) no-repeat center center; background-size: contain; } #hotspot-finder-app .result-locations .result-list li { font-size: 14px; line-height: 18px; color: #333; float: left; width: 100%; padding: 30px 20px 30px 66px; border-bottom: 1px solid #ccc; box-sizing: border-box; background-position: 20px 30px; } #hotspot-finder-app .result-locations .result-list li:nth-child(even) { background-color: #f4f4f4; } #hotspot-finder-app .result-list li, #hotspot-finder-app .filter-list li { background-size: 33px; background-repeat: no-repeat; } #hotspot-finder-app .result-list li.sky-sports, #hotspot-finder-app .filter-list li.sky-sports { background-image: url(../images/cat-sky.png); } #hotspot-finder-app .result-list li.sky-sports img, #hotspot-finder-app .filter-list li.sky-sports img { width: 110px; vertical-align: middle; margin-left: 4px; } #hotspot-finder-app .result-list li.business, #hotspot-finder-app .filter-list li.business { background-image: url(../images/cat-business.png); } #hotspot-finder-app .result-list li.education, #hotspot-finder-app .filter-list li.education { background-image: url(../images/cat-education.png); } #hotspot-finder-app .result-list li.entertainment-outdoor, #hotspot-finder-app .filter-list li.entertainment-outdoor { background-image: url(../images/cat-entertainment-outdoor.png); } #hotspot-finder-app .result-list li.health-medical, #hotspot-finder-app .filter-list li.health-medical { background-image: url(../images/cat-health-medical.png); } #hotspot-finder-app .result-list li.hotels, #hotspot-finder-app .filter-list li.hotels { background-image: url(../images/cat-hotels.png); } #hotspot-finder-app .result-list li.other, #hotspot-finder-app .filter-list li.other { background-image: url(../images/cat-other.png); } #hotspot-finder-app .result-list li.pub-bars, #hotspot-finder-app .filter-list li.pub-bars { background-image: url(../images/cat-pubs-bars.png); } #hotspot-finder-app .result-list li.restaurant-cafe, #hotspot-finder-app .filter-list li.restaurant-cafe { background-image: url(../images/cat-restaurant-cafe.png); } #hotspot-finder-app .result-list li.retail, #hotspot-finder-app .filter-list li.retail { background-image: url(../images/cat-retail.png); } #hotspot-finder-app .result-list li.transport, #hotspot-finder-app .filter-list li.transport { background-image: url(../images/cat-transport.png); } #hotspot-finder-app .result-list { overflow: hidden; } #hotspot-finder-app .result-list li .vcard { position: relative; margin-bottom: 20px; } #hotspot-finder-app .result-list li .vcard span.org { display: block; margin-bottom: 4px; padding-right: 80px; } #hotspot-finder-app .result-list li .vcard span.type { margin-bottom: 16px; display: block; } #hotspot-finder-app .result-list li .vcard span.distance { position: absolute; top: 4px; right: 3px; font-family: "SkyTextMedium", helvetica, arial, sans-serif; color: #a72a79; } #hotspot-finder-app .result-list li .vcard span.phone { display: none; } #hotspot-finder-app .result-list li span.data-hd { display: block; } #hotspot-finder-app .result-main { background: #f4f4f4; overflow: hidden; overflow-y: scroll; } #hotspot-finder-app .result-filter .result-container { overflow: hidden; padding: 24px 20px 10px; box-sizing: border-box; } #hotspot-finder-app .result-filter .result-filter-container p { float: left; } #hotspot-finder-app .result-filter .result-filter-container a { float: right; font-size: 16px; text-decoration: underline; } #hotspot-finder-app .result-filter .filter-list { overflow: hidden; padding-bottom: 40px; } #hotspot-finder-app .result-filter .filter-list li { position: relative; font-size: 14px; line-height: 18px; color: #333; float: left; width: 100%; box-sizing: border-box; background-position: 60px 10px; background-size: 30px; } #hotspot-finder-app .result-filter .filter-list li input { display: none; } #hotspot-finder-app .result-filter .filter-list li label { display: block; width: 100%; padding: 16px 20px 16px 100px; box-sizing: border-box; } #hotspot-finder-app .result-filter .filter-list li label:after { position: absolute; top: 50%; left: 20px; content: ""; display: block; width: 25px; height: 25px; border: 2px solid #dcdcdc; margin-top: -15px; border-radius: 3px; background: url(../images/tick.png) no-repeat center center/21px; } #hotspot-finder-app .result-filter .filter-list li label.inactive:after { background: #fff; } #hotspot-finder-app .result-filter .result-header .result-advice, #hotspot-finder-app .result-locations .result-header .result-advice { margin-top: 5px; } #hotspot-finder-app .results-action { position: absolute; bottom: 0; right: 0; width: 100%; background: #f0f; color: #fff; } #hotspot-finder-app .result-pagination ul li { float: left; margin: 0 10px; } #hotspot-finder-app .result-pagination ul li.pagination-current { color: #a72a79; } #hotspot-finder-app .result-pagination ul li a { text-decoration: underline; } #hotspot-finder-app .result-pagination ul li a:hover { color: #a72a79; } #hotspot-finder-app .result-pagination ul li.pagination-first a, #hotspot-finder-app .result-pagination ul li.pagination-last a { text-decoration: none; } #hotspot-finder-app .gm-style-iw { font-family: "SkyTextRegular", helvetica, arial, sans-serif; font-size: 14px; line-height: 18px; } #hotspot-finder-app .gm-style-iw span.data-hd { margin-right: 4px; } #hotspot-finder-app .gm-style-iw .vcard span.data-hd { display: none; } #hotspot-finder-app .gm-style-iw .vcard span.type { display: block; } #hotspot-finder-app .gm-style-iw .vcard span.org { font-size: 18px; font-family: "SkyTextMedium", helvetica, arial, sans-serif; font-weight: 400; } #hotspot-finder-app .gm-style-iw .vcard span.distance { display: none; } #hotspot-finder-app .gm-style-iw .vcard .address { display: block; margin-top: 10px; } @media screen and (max-width: 1320px) { #hotspot-finder-app #container, #hotspot-finder-app #map-wrapper, #hotspot-finder-app #map-main, #hotspot-finder-app #map-main .loader { width: 100%; } } body.touch #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-submit:hover { background-color: transparent; border: 2px solid #fff; } @media only screen and (max-width: 1080px) { #hotspot-finder-app #hotspot-nav ul { float: left; margin-left: 20px; } #hotspot-finder-app #hotspot-nav ul.filtering { clear: left; } #hotspot-finder-app #hotspot-nav ul.geo li { padding-left: 10px; } } @media only screen and (max-width: 767px) { #hotspot-finder-app #hotspot-finder-app { height: auto; overflow-y: visible; } #hotspot-finder-app #hotspot-finder-app input { font-size: 16px; } #hotspot-finder-app #hotspot-finder, #hotspot-finder-app #container { height: auto; overflow-y: visible; } #hotspot-finder-app #hotspot-map { height: 340px; } #hotspot-finder-app #hotspot-map.inactive { /*display: none;*/ position: absolute !important; top: -99999px; } #hotspot-finder-app .result { width: 100%; transform: translateX(-100%); transition: none; } #hotspot-finder-app .result.active { position: relative; transform: translateX(0); } #hotspot-finder-app .result.result-locations .result-list li { background-position: 20px 24px; padding: 20px 20px 20px 66px; cursor: pointer; } #hotspot-finder-app .result.result-locations .result-list li .vcard { margin-bottom: 10px; /*.address {*/ /*display: none;*/ /*}*/ } #hotspot-finder-app .result.result-locations .result-list li .vcard span { /*&.data-hd {*/ /*display: none;*/ /*}*/ } #hotspot-finder-app .result.result-locations .result-list li .vcard span.org { margin-bottom: 10px; } #hotspot-finder-app .result.result-locations .result-list li.active .vcard span.data-hd { display: block; } #hotspot-finder-app .result.result-locations .result-list li.active .vcard .address { display: block; } #hotspot-finder-app #map-wrapper, #hotspot-finder-app #map-main, #hotspot-finder-app #map-main .loader { height: auto; overflow-y: visible; } #hotspot-finder-app .result-main { height: auto; overflow-y: visible; } #hotspot-finder-app #hotspot-search-options { padding: 20px; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main { display: table; width: 100%; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input { font-size: 16px; padding: 10px; } #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-location, #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-submit { padding: 10px; } #hotspot-finder-app #hotspot-search-options #hotspot-nav { display: table; margin-left: auto; margin-right: auto; margin-top: 20px; width: auto; } #hotspot-finder-app #hotspot-search-options #hotspot-nav ul { display: table; float: left; margin-left: auto; margin-right: auto; margin-bottom: 15px; } #hotspot-finder-app #hotspot-search-options #hotspot-nav ul.filtering { margin-bottom: 5px; clear: none; } #hotspot-finder-app #hotspot-search-options #hotspot-nav ul.filtering li:last-of-type { padding-right: 10px; } #hotspot-finder-app #hotspot-search-options #hotspot-nav ul.geo li { padding: 0 10px; } #hotspot-finder-app #result-multiple { padding: 0; } #hotspot-finder-app #result-multiple .result-multiple-main { border-radius: 0; } #hotspot-finder-app .result-header { height: auto; } #hotspot-finder-app .result-header h3 { margin-bottom: 0; } #hotspot-finder-app #hs-notification { width: 100%; padding: 0; } #hotspot-finder-app #hs-notification p { padding: 10px; } } @media only screen and (max-width: 480px) { #hotspot-finder-app #hotspot-search-options #hotspot-search-main input#hs-txt-submit { text-indent: -9999px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center center; background-size: 20px; } } /*# sourceMappingURL=main.css.map */