.hbg-block-content { } .hbg-block-content .module-header { padding-bottom: 16px; } .hbg-block-content .module-header .title { color: #1646A8; font-weight: 600; margin: 0; } .hbg-block-content .module-header h1.title { } .hbg-block-content .module-header h2.title { font-size: 32px; line-height: 36px; } .hbg-block-content .module-header h3.title { } .hbg-block-content .module-header h4.title { } .hbg-block-content .module-header h5.title { } .hbg-block-content .module-header h6.title { } .hbg-block-content.ce20 { padding: 28px 0; } .hbg-block-content.ce20 .module-content.content-cta-side-by-side { display: flex; align-items: center; } .hbg-block-content.ce20 .module-content.content-cta-side-by-side:after { content: ''; clear: both; display: table; } .hbg-block-content.ce20 .module-content.content-cta-side-by-side .content { float: left; width: 60%; } .hbg-block-content.ce20 .module-content.content-cta-side-by-side .cta-wrapper { float: right; width: 40%; text-align: right; } .hbg-block-content .whole-section-link-using-cta { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .hbg-block-content.hero-with-search { } .hbg-block-content.hero-with-search .module-wrapper, .hbg-block-content.hero-without-search .module-wrapper { display: flex; align-items: center; height: 600px; } .hbg-block-content.hero-with-search .module-wrapper .content { content : ''; } .hbg-block-content.hero-with-search .module-wrapper .content .breadcrump-hero, .hbg-block-content.hero-without-search .module-wrapper .content .breadcrump-hero { margin-bottom: 15px; color: #fff; text-shadow: 1px 2px 8px #000; } .hbg-block-content.hero-with-search .module-wrapper .content .breadcrump-hero a, .hbg-block-content.hero-without-search .module-wrapper .content .breadcrump-hero a { color: #fff; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-title { color: #fff; font-weight: 700; font-size: 56px; margin: 0; line-height: 1; text-shadow: 1px 2px 8px #000; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title { font-size: 48px; font-weight: 400; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-text, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-text { color: #fff; font-size: 18px; text-shadow: 1px 2px 8px #000; } .hbg-block-content.hero-with-search .module-wrapper .content .search-experiences-wrapper, .hbg-block-content.hero-without-search .module-wrapper .content .search-experiences-wrapper { width: 100%; max-width: 400px; } .hbg-block-content.hero-with-search .module-wrapper .content .search-experiences-main, .hbg-block-content.hero-without-search .module-wrapper .content .search-experiences-main { content : ''; } .hbg-block-content.hero-with-search .module-wrapper .content .search-experiences-main ul, .hbg-block-content.hero-without-search .module-wrapper .content .search-experiences-main ul { list-style: none; } .hbg-block-content.hero-with-search .module-wrapper .content .search-experiences-main ul li, .hbg-block-content.hero-without-search .module-wrapper .content .search-experiences-main ul li { content : ''; } .hbg-block-content .blurred-bg { overflow: hidden; position: absolute; width: 100%; height: 100%; } .hbg-block-content .blurred-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(20px); } .hbg-block-content.hero-without-search .module-wrapper { padding: 30px 0 40px !important; filter: none !important; min-height: 400px; height: auto !important; position: relative; } .hbg-block-content.hero-without-search .module-wrapper .module-content .content { min-height: 315px; display: flex; flex-direction: column; justify-content: center; gap: 40px; position: relative; z-index: 10;} .hbg-block-content.hero-without-search .module-wrapper .module-content .content .btn { background: #fff; color: #003f9a; width: auto; padding: 15px 20px !important; border-radius: 5px !important; font-size: 16px !important; box-shadow: none; text-transform: none; } .hbg-block-content.hero-without-search .module-wrapper .module-content .content .btn:hover { background: #003f9a; color: #fff; } .hbg-block-content.hero-without-search .module-wrapper.image-on-hero .module-content .content { gap: 0; } .hbg-block-content.hero-without-search .module-wrapper.image-on-hero .module-content .content img { padding-top: 30px; } /*.container.blurred-image-container:after, .hero-without-search .module-wrapper:after { content: ''; position: absolute; width: 100%; height: 20px; background-color: transparent; bottom: 0; left: 0; height: 45%; z-index: 0; background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 75%)); }*/ .hbg-block-content.hero-without-search .module-wrapper .content .breadcrump-hero { display: none !important; } .hbg-block-content .bg-video-wrapper { width: 100vw; min-height: 500px; height: 100%; overflow: hidden; position: relative; border: none; } .hbg-block-content .bg-video-wrapper iframe, .hbg-block-content .bg-video-wrapper video { position: absolute; top: 50%; left: 50%; width: 120vw; height: 500vh; transform: translate(-50%, -50%); pointer-events: none; border: none; } .hbg-block-content .module-wrapper.background-video { display: block; padding: 0 !important; overflow: hidden; } .hbg-block-content .module-wrapper.background-video > .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: flex; align-items: center; } .hbg-block-content .module-wrapper.background-video > .container .module-inner-wrapper { padding: 30px 0 40px !important; } .hbg-block-content .bg-video-wrapper:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } @media (max-width: 1350px) { .hbg-block-content .blurred-image-container { max-width: 100% !important; } } @media (max-width: 768px) { .hero-without-search-below-hero .top-text, .hero-without-search-below-hero .bottom-text > p { display: none !important; } .hero-without-search-below-hero .homepage-hero-text { margin-bottom: 0 !important; } } @media (max-width: 700px) { .hbg-block-content.hero-without-search .module-wrapper:not(.background-video) { padding: 10px 20px 20px !important; /*text-align: center;*/ } .hbg-block-content.hero-without-search .module-wrapper .breadcrump-hero, .hbg-block-content.hero-without-search .module-wrapper .breadcrumb-hero, .hbg-block-content.hero-without-search .module-wrapper .module-content .content .top-text .homepage-hero-text { display: none; } .hbg-block-content.hero-without-search .module-wrapper .module-content .content { min-height: 250px; text-align: center; justify-content: space-between; } .container.blurred-image-container:after, .hero-without-search .module-wrapper:after { height: 60%; } .blurred-image-container .homepage-hero-text, .hero-without-search .module-wrapper .homepage-hero-text { font-size: 15px !important; line-height: 1.5; } .blurred-image-container > .container, .has-background-image > .container { padding-left: 0; padding-right: 0; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-title { font-size: 40px !important; } .bottom-text { display: flex; flex-direction: column-reverse; } .bottom-text .btn { width: auto !important; } .bottom-text .homepage-hero-text { margin-bottom: 10px; } .hbg-block-content .bg-video-wrapper iframe, .hbg-block-content .bg-video-wrapper video { width: 220vw; } .hbg-block-content .bg-video-wrapper { min-height: 450px; } .hbg-block-content .module-wrapper.background-video > .container { justify-content: center;} } .clearDate { position: absolute; top: 50%; transform: translateY(-50%); right: 25px; line-height: 0; } .clearDate:hover, .clearDateHeader:hover { cursor: pointer; } .searchxpdate { position: relative; } .searchxpdate .clearDateHeader { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; line-height: 0; } .searchxpdate .clearDateHeaderMobile { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); line-height: 0; } @media only screen and (min-width: 320px) and (max-width: 767px) { .hbg-block-content .module-header h2.title { font-size: 26px; line-height: 1.3; } .hbg-block-content.hero-with-search .module-wrapper, .hbg-block-content.hero-without-search .module-wrapper { height: 550px; } .hbg-block-content.hero-with-search.smaller-mobile-hero .module-wrapper, .hbg-block-content.hero-without-search.smaller-mobile-hero .module-wrapper { min-height: 250px; height: auto; padding: 15px 0; } .hbg-block-content.hero-with-search.smaller-mobile-hero .content, .hbg-block-content.hero-without-search.smaller-mobile-hero .content { max-width: 190px; } .hbg-block-content.hero-with-search.smaller-mobile-hero .homepage-hero-text, .hbg-block-content.hero-without-search.smaller-mobile-hero .homepage-hero-text { line-height: 1.3; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-title { font-size: 28px; margin-bottom: 10px; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-text, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-text { padding-bottom: 10px; display: none; } .hbg-block-content.hero-without-search .module-wrapper { min-height: 300px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .hbg-block-content.hero-with-search .module-wrapper, .hbg-block-content.hero-without-search .module-wrapper { height: 500px; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-title { font-size: 36px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hbg-block-content.hero-with-search .module-wrapper, .hbg-block-content.hero-without-search .module-wrapper { height: 500px; } .hbg-block-content.hero-with-search .module-wrapper .content .homepage-hero-title, .hbg-block-content.hero-without-search .module-wrapper .content .homepage-hero-title { font-size: 42px; } } .search-experiences-wrapper { background-color: #f5f9ff; padding: 25px !important; border-radius: 7px !important; min-width: 350px; } .search-experiences-wrapper .search-experiences-main { content: ''; } .search-experiences-wrapper .search-experiences-main ul { padding: 0 !important; margin: 0 !important; } .search-experiences-wrapper .search-experiences-main ul li { /*padding: 0 !important; margin: 5px 0 !important;*/ } .search-experiences-wrapper .search-experiences-main ul li input[type=text] { background-color: #fff; border-color: #dfe0e1 !important; padding: 12px 12px 12px 40px !important; border-style: solid !important; border-radius: 5px !important; width: 100%; color: #4A4A4A; font-family: 'Poppins', sans-serif; background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/Search_Icon.svg); background-repeat: no-repeat; background-position: 10px center; } .search-experiences-wrapper .search-experiences-main ul li .dateBox input[type=text] { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2023/06/Calendar-1.svg); } .search-experiences-wrapper .search-experiences-main ul li input[type=text].search-exp-keyword { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/Search_Icon.svg); background-repeat: no-repeat; background-position: 10px center; } .search-experiences-wrapper .search-experiences-main ul li input[type=text].search-exp-date { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/Cal_icon.svg); background-repeat: no-repeat; background-position: 10px center; } .search-experiences-wrapper .search-experiences-main ul li input[type=button] { background-color: #003f9a; color: #fff; text-align: center !important; width: 100%; border: none !important; padding: 12px !important; font-size: 18px; font-weight: 500 !important; border-radius: 5px !important; font-family: 'Rubik', sans-serif; } .search-experiences-wrapper .search-experiences-main ul li select { width: 100%; font-size: 18px; } .search-experiences-wrapper .search-experiences-main ul li .discover-near-me { display: block; margin-top: 10px; font-size: 16px !important; text-align: center !important; } .search-experiences-wrapper .search-experiences-main ul li .discover-near-me img { width: 15px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row { position: relative; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper { display: none; position: absolute; top: 125%; left: 0; padding: 0 15px; min-width: 100%; min-width: 100%; background-color: #fff; z-index: 2; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper.focus { display: block; box-shadow: 0px 3px 6px #00000026; border-radius: 10px; max-height: 500px; overflow: scroll; padding: 0 10px !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .previous-keywords-wrapper { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .previous-keywords-wrapper > h4 { font-size: 14px !important; margin: 0 !important; line-height: normal !important; color: #4A4A4A !important; font-style: italic; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .previous-keywords-wrapper ul { list-style: none; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .previous-keywords-wrapper ul li { line-height: normal !important; padding: 0 !important; margin: 0 !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .previous-keywords-wrapper ul li div { font-size: 14px !important; color: #4A4A4A; cursor: pointer; line-height: 20px !important; font-weight: 400 !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li { line-height: normal !important; margin: 15px 0; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li a:hover { text-decoration: none; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div { font-size: 14px; color: #4A4A4A; cursor: pointer; line-height: 20px; font-weight: 400; display: flex; align-items: center; -webkit-align-items: center; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword { width: 500px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.thumb { width: 50px; margin-right: 15px; border-radius: 7px; overflow: hidden; text-align: center; background-color: rgb(22, 70, 168, 0.1); padding: 8px 0; display: flex; justify-content: center; -webkit-justify-content: center; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.thumb img { width: 25px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text { width: calc(100% - 65px); } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text .title { font-size: 18px; display: block; color: #4A4A4A; line-height: normal !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text .location { font-size: 14px; color: #aaa; line-height: normal !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper > h4 { font-size: 16px !important; margin: 0 !important; line-height: normal !important; color: #4A4A4A !important; font-style: italic; padding: 7px 7px 0 7px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul { list-style: none; padding: 0px !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li { line-height: normal !important; margin: 15px 0; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li a:hover { text-decoration:none; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div { font-size: 14px !important; color: #4A4A4A; cursor: pointer; line-height: 20px !important; font-weight: 400 !important; display: flex; align-items: center; -webkit-align-items: center; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword { width: 500px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword > span { } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.thumb { width: 50px; margin-right: 15px; border-radius: 7px; overflow: hidden; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.thumb img { width: 100%; height: 100%; object-fit: cover; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text { width: calc(100% - 65px); } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text .title { font-size: 18px; display: block; color: #4A4A4A; line-height: normal !important; white-space: normal; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text .location { font-size: 14px; color: #aaa; line-height: normal !important; } .search-experiences-wrapper .search-experiences-main ul.searchResults.popularSearchesList, .search-experiences-wrapper .search-experiences-main ul.searchResults.recentSearchesList { padding: 0 15px !important; } .search-experiences-wrapper.sc-modal-search { background: none; padding: 0 !important; border-radius: 0px !important; margin-top: 20px; } .search-experiences-wrapper.sc-modal-search .search-experiences-main ul li select { border-radius: 5px; color: #4A4A4A; font-size: 14px; font-family: 'Poppins', sans-serif; } .search-experiences-wrapper.sc-modal-search .search-experiences-main ul li input[type=button] { background-color: #146FF8; padding: 8px 12px !important; } @media only screen and (min-width: 320px) and (max-width: 767px) { .search-experiences-wrapper { min-width: 320px; padding: 25px 15px !important; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper { left: -20px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword { width: 320px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.thumb { width: 35px; margin-right: 10px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text { width: calc(100% - 45px); } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text .title { font-size: 16px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .city-keywords-wrapper ul li div.click-search-keyword > span.text .location { font-size: 12px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword { width: 320px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.thumb { width: 35px; margin-right: 10px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text { width: calc(100% - 45px); } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text .title { font-size: 16px; } .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper .suggestions-keywords-wrapper ul li div.click-search-keyword span.text .location { font-size: 12px; } .page-id-86916 .search-experiences-wrapper { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper { } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .search-experiences-wrapper .search-experiences-main ul li.search-keyword-row .search-suggestion-wrapper { } } .searchAutoComplete .searchBox { margin-bottom: 10px; } .home-search ul.list-unstyled.actual-searchxp li.searchxpword { width: 100%; } .home-search .searchAutoComplete { display: flex; justify-content: space-between; } .home-search .searchAutoComplete .searchBox { padding: 8px 15px; width: 70%; } .home-search .searchAutoComplete .searchBox, .above-nav-section .searchAutoComplete .searchBox { margin-bottom: 0; position: relative; } .home-search .searchAutoComplete .dateRangeWrapperContainer { padding-left: 15px; padding-right: 15px; } .above-nav-section .searchAutoComplete .dateBox { padding-left: 10px; padding-right: 10px; } .home-search ul.list-unstyled.actual-searchxp li { padding: 0 !important; } .home-search ul.list-unstyled.actual-searchxp li.searchxpbtn { border-radius: 0 15px 15px 0; } .home-search .dateRangeWrapperContainer { border-left: 1px solid #dfdfdf; } .home-search .searchAutoComplete > div { padding: 8px 0; width: 30%; } .home-search .searchResultPopup { width: 70% !important; margin-top: 5px; } .searchResultPopup, .searchAutoComplete .dateRangeWrapperContainer .datesPopup { margin-top: 5px; } .above-nav-section .actual-searchxp, .above-nav-section .searchAutoComplete { display: flex; } .above-nav-section .hide { display: none !important; } .activate-searchxp ul.actual-searchxp li.searchxpword input[type=text] { border-bottom: none; } .above-nav-section .actual-searchxp { /*max-width: 520px;*/ width: 100%; justify-content: space-between; } .above-nav-section .searchxpword { width: 85%; } .above-nav-section .searchxpbtn { width: 20%; text-align: right;; } .activate-searchxp ul.actual-searchxp li.searchxpword input.dateBoxInput[type=text] { max-width: 225px; } .searchAutoComplete { position: relative; } .searchAutoComplete .popup { background-color: #fff; border-radius: 10px; box-shadow: 0 3px 6px #00000026; max-height: 500px; overflow: scroll; position: absolute; top: 100%; width: 500px; z-index: 2; } .searchAutoComplete .popup > .popularSearches { /*padding-left: 15px; padding-right: 15px;*/ padding: 0; } .searchAutoComplete .popup > .popularSearches h5 { border-bottom: none; color: #1646a8; font-size: 16px; margin: 15px 0 0; padding: 5px 15px; font-family: 'Rubik',sans-serif !important; background: #f0f2f5; } .searchAutoComplete .popup > .popularSearches ul.searchResults { list-style: none; margin: 0; padding: 0 15px; } .searchAutoComplete .popup > .popularSearches ul.searchResults li { align-items: center; -webkit-align-items: center; display: flex; } .searchAutoComplete .popup > .popularSearches ul.searchResults li:after { clear: both; content: ""; display: block; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent:hover { text-decoration: underline; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; font-size: 16px; margin: 2px 0; font-weight: 500; color: #1646a8; font-family: 'Poppins',sans-serif; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove { height: 25px; width: 25px; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove button { background-color: #eee; border: none; font-size: 18px; } .searchAutoComplete .popup > .popularSearches .recentSearchesHeader { align-items: center; -webkit-align-items: center; border-bottom: none; display: flex; justify-content: space-between; -webkit-justify-content: space-between; background: #f0f2f5; margin-top: 15px; } .searchAutoComplete .popup > .popularSearches .recentSearchesHeader h5, .searchAutoComplete .popup > .popularSearches .recentSearchesHeader span { margin: 0 !important; } .searchAutoComplete .popup > .popularSearches .recentSearchesHeader span { padding: 0 15px !important; } .searchAutoComplete .popup > .popularSearches .recentSearchesHeader .recentSearchesClearAll { color: #177998; cursor: pointer; font-size: 16px; margin: 15px 0 0; padding: 5px 15px; } .searchAutoComplete .popup .popularSearches ul.searchResults.popularSearchesList li .searchResultsItemContent { width: 100%; } .searchAutoComplete .popup .discover-near-me { margin-top: 10px; padding-left: 15px; padding-right: 15px; } .searchAutoComplete .popup .discover-near-me a { color: #177998; font-size: 16px; text-decoration: underline; font-family: 'Rubik',sans-serif !important; } .searchAutoComplete .popup .discover-near-me img { padding-top: 0; width: 12px; margin-right: 5px; } .searchAutoComplete .popup > .searchResults { padding-left: 15px; padding-right: 15px; } .searchAutoComplete .popup > .searchResults ul.searchResults { list-style: none; margin: 0; padding: 0; } .searchAutoComplete .popup > .searchResults ul.searchResults li { align-items: center; -webkit-align-items: center; display: flex; margin: 15px 0; } .searchAutoComplete .popup > .searchResults ul.searchResults li:after { clear: both; content: ""; display: block; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { border-radius: 7px; display: flex; justify-content: center; -webkit-justify-content: center; margin-right: 15px; overflow: hidden; text-align: center; width: 50px; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap img { height: 100%; object-fit: cover; width: 100%; } .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { background-color: rgba(22, 70, 168, 0.1); padding: 8px 0; } .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 25px; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent:hover { text-decoration: underline; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; font-size: 16px; margin: 7px 0; } .searchAutoComplete .searchBoxClear { background-color: transparent; border: none; cursor: pointer; margin-left: -30px; display: inline-block; width: 20px; text-align: center; } .above-nav-section .searchAutoComplete .searchBoxClear { position: absolute; right: 1px; margin-left: 0; background: #f7faff; line-height: 0; } .above-nav-section .searchBox { display: flex; align-items: center; } .searchAutoComplete .dateRangeWrapperContainer .datesPopup { background-color: #fff !important; border-radius: 10px !important; box-shadow: 0 3px 6px #00000026 !important; position: absolute !important; top: 100% !important; z-index: 2 !important; } .home-search .searchAutoComplete .dateRangeWrapperContainer .datesPopup { margin-top: 5px; } .searchAutoComplete .dateRangeWrapperContainer .dateBoxClear { background-color: transparent !important; border: none !important; cursor: pointer !important; margin-left: -20px !important; display: inline-block; width: 20px; text-align: center; } .mobile-search-modal .searchAutoComplete .dateRangeWrapperContainer .dateBoxClear { margin-left: -30px !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerContainer { position: relative; z-index: 1; } .searchAutoComplete .dateRangeWrapperContainer .DayPicker_transitionContainer__horizontal { min-height: 300px; } .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__default { background: transparent !important; border: 1px double #fff !important; color: rgba(0, 0, 0, 0.87) !important; } .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__default:hover, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__hovered_span, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__hovered_span:hover, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__selected_span, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__selected_span:active, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__selected_span:hover { background: #c6e5f4 !important; } .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__selected { background: #54b1e4 !important; color: #fff !important; } .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__blocked_calendar, .searchAutoComplete .dateRangeWrapperContainer .CalendarDay__blocked_out_of_range { background: transparent !important; color: rgba(0, 0, 0, 0.3) !important; font-weight: 400 !important; } .searchAutoComplete .dateRangeWrapperContainer .DateInput { width: 105px; } .searchAutoComplete .dateRangeWrapperContainer .DateInput_input { border-bottom: none !important; color: rgba(0, 0, 0, 0.87) !important; font-size: 14px; font-weight: 500; padding: 8px 2px 6px 10px; } .searchAutoComplete .dateRangeWrapperContainer .DateInput_input__focused { border-bottom: 2px solid #1646a8 !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInput_calendarIcon { margin: 0; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInput_calendarIcon svg { fill: #1646a8 !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInput_clearDates { margin: 0; } .searchAutoComplete .dateRangeWrapperContainer .DayPickerKeyboardShortcuts_show__bottomRight:before { border-right-color: #54b1e4 !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInput_arrow { margin-left: 16px; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInfoContainer { padding: 8px 32px 9px !important; text-align: right !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerApplyButton { background-color: #1646a8; border: 1px solid #1646a8; border-radius: 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #fff; cursor: pointer; font-size: 0.875rem; font-weight: 500; line-height: 1.75; min-width: 64px; padding: 6px 16px; text-transform: uppercase; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerApplyButton:hover { background-color: #fff; color: #1646a8; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerApplyButton:disabled { background-color: rgba(0, 0, 0, 0.12); box-shadow: none; color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.12); } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerCloseButton { background-color: rgba(0, 0, 0, 0.1); border: none; border-radius: 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: rgba(0, 0, 0, 0.87); cursor: pointer; font-size: 0.875rem; font-weight: 500; line-height: 1.75; margin-right: 8px; min-width: 64px; padding: 6px 16px; text-transform: uppercase; transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms; } @media screen and (min-width:768px) and (max-width: 1650px) { #search-autocomplete-top .searchAutoComplete .dateRangeWrapperContainer .datesPopup, #search-autocomplete-hero .searchAutoComplete .dateRangeWrapperContainer .datesPopup { right: -100px; } } @media (max-width: 600px) { .searchAutoComplete .dateRangeWrapperContainer .DayPicker_transitionContainer__vertical { min-height: 325px !important; max-height: 325px !important; } .searchAutoComplete .dateRangeWrapperContainer .DayPicker_weekHeader { top: 40px !important; } .searchAutoComplete .dateRangeWrapperContainer .CalendarMonth_caption { padding-bottom: 32px !important; padding-top: 16px !important; } .searchAutoComplete .dateRangeWrapperContainer .DayPickerNavigation__verticalDefault { height: 36px !important; margin: 8px !important; width: 50% !important; } .searchAutoComplete .dateRangeWrapperContainer .DayPickerNavigation_button__verticalDefault { height: auto !important; width: 50px !important; } .searchAutoComplete .dateRangeWrapperContainer .DayPickerNavigation_svg__vertical { height: 24px !important; width: 24px !important; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInfoContainer { bottom: 5px !important; padding: 10px 15px !important; position: absolute !important; left: 0 !important; width: 100%; display: flex; justify-content: space-between; } .searchAutoComplete .dateRangeWrapperContainer .DateRangePickerInfoContainer > button { width: 48%; } } .PresetDateRangePicker_panel { padding: 0 22px 11px; } .PresetDateRangePicker_button { background: 0 0; border: 2px solid #00a699; box-sizing: border-box; color: #00a699; cursor: pointer; font: inherit; font-weight: 700; height: 100%; line-height: normal; margin-right: 8px; overflow: visible; padding: 4px 12px; position: relative; text-align: center; } .PresetDateRangePicker_button:active { outline: 0; } .PresetDateRangePicker_button__selected { background: #00a699; color: #fff; } .SingleDatePickerInput { background-color: #fff; display: inline-block; } .SingleDatePickerInput__withBorder { border: 1px solid #dbdbdb; border-radius: 2px; } .SingleDatePickerInput__rtl { direction: rtl; } .SingleDatePickerInput__disabled { background-color: #f2f2f2; } .SingleDatePickerInput__block { display: block; } .SingleDatePickerInput__showClearDate { padding-right: 30px; } .SingleDatePickerInput_clearDate { background: 0 0; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; margin: 0 10px 0 5px; overflow: visible; padding: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover { background: #dbdbdb; border-radius: 50%; } .SingleDatePickerInput_clearDate__small { padding: 6px; } .SingleDatePickerInput_clearDate__hide { visibility: hidden; } .SingleDatePickerInput_clearDate_svg { fill: #82888a; height: 12px; vertical-align: middle; width: 15px; } .SingleDatePickerInput_clearDate_svg__small { height: 9px; } .SingleDatePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; line-height: normal; margin: 0 5px 0 10px; overflow: visible; padding: 10px; vertical-align: middle; } .SingleDatePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; vertical-align: middle; width: 14px; } .SingleDatePicker { display: inline-block; position: relative; } .SingleDatePicker__block { display: block; } .SingleDatePicker_picker { background-color: #fff; position: absolute; z-index: 1; } .SingleDatePicker_picker__rtl { direction: rtl; } .SingleDatePicker_picker__directionLeft { left: 0; } .SingleDatePicker_picker__directionRight { right: 0; } .SingleDatePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .SingleDatePicker_picker__fullScreenPortal { background-color: #fff; } .SingleDatePicker_closeButton { background: 0 0; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; overflow: visible; padding: 15px; position: absolute; right: 0; top: 0; z-index: 2; } .SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover { color: darken(#cacccd, 10%); text-decoration: none; } .SingleDatePicker_closeButton_svg { fill: #cacccd; height: 15px; width: 15px; } .DayPickerKeyboardShortcuts_buttonReset { background: 0 0; border: 0; border-radius: 0; color: inherit; cursor: pointer; font: inherit; font-size: 14px; line-height: normal; overflow: visible; padding: 0; } .DayPickerKeyboardShortcuts_buttonReset:active { outline: 0; } .DayPickerKeyboardShortcuts_show { height: 26px; position: absolute; width: 33px; z-index: 2; } .DayPickerKeyboardShortcuts_show:before { content: ""; display: block; position: absolute; } .DayPickerKeyboardShortcuts_show__bottomRight { bottom: 0; right: 0; } .DayPickerKeyboardShortcuts_show__bottomRight:before { border-right: 33px solid #00a699; border-top: 26px solid transparent; bottom: 0; right: 0; } .DayPickerKeyboardShortcuts_show__bottomRight:hover:before { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topRight { right: 0; top: 0; } .DayPickerKeyboardShortcuts_show__topRight:before { border-bottom: 26px solid transparent; border-right: 33px solid #00a699; right: 0; top: 0; } .DayPickerKeyboardShortcuts_show__topRight:hover:before { border-right: 33px solid #008489; } .DayPickerKeyboardShortcuts_show__topLeft { left: 0; top: 0; } .DayPickerKeyboardShortcuts_show__topLeft:before { border-bottom: 26px solid transparent; border-left: 33px solid #00a699; left: 0; top: 0; } .DayPickerKeyboardShortcuts_show__topLeft:hover:before { border-left: 33px solid #008489; } .DayPickerKeyboardShortcuts_showSpan { color: #fff; position: absolute; } .DayPickerKeyboardShortcuts_showSpan__bottomRight { bottom: 0; right: 5px; } .DayPickerKeyboardShortcuts_showSpan__topRight { right: 5px; top: 1px; } .DayPickerKeyboardShortcuts_showSpan__topLeft { left: 5px; top: 1px; } .DayPickerKeyboardShortcuts_panel { background: #fff; border: 1px solid #dbdbdb; border-radius: 2px; bottom: 0; left: 0; margin: 33px; overflow: auto; padding: 22px; position: absolute; right: 0; text-align: left; top: 0; z-index: 2; } .DayPickerKeyboardShortcuts_title { font-size: 16px; font-weight: 700; margin: 0; } .DayPickerKeyboardShortcuts_list { font-size: 14px; list-style: none; padding: 0; } .DayPickerKeyboardShortcuts_close { position: absolute; right: 22px; top: 22px; z-index: 2; } .DayPickerKeyboardShortcuts_close:active { outline: 0; } .DayPickerKeyboardShortcuts_closeSvg { fill: #cacccd; height: 15px; width: 15px; } .DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover { fill: #82888a; } .CalendarDay { box-sizing: border-box; cursor: pointer; font-size: 14px; text-align: center; } .CalendarDay:active { outline: 0; } .CalendarDay__defaultCursor { cursor: default; } .CalendarDay__default { background: #fff; border: 1px solid #e4e7e7; color: #484848; } .CalendarDay__default:hover { background: #e4e7e7; border: 1px solid #e4e7e7; color: inherit; } .CalendarDay__hovered_offset { background: #f4f5f5; border: 1px double #e4e7e7; color: inherit; } .CalendarDay__outside { background: #fff; border: 0; color: #484848; } .CalendarDay__outside:hover { border: 0; } .CalendarDay__blocked_minimum_nights { background: #fff; border: 1px solid #eceeee; color: #cacccd; } .CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover { background: #fff; color: #cacccd; } .CalendarDay__highlighted_calendar { background: #ffe8bc; color: #484848; } .CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover { background: #ffce71; color: #484848; } .CalendarDay__selected_span { background: #66e2da; border: 1px double #33dacd; color: #fff; } .CalendarDay__selected_span:active, .CalendarDay__selected_span:hover { background: #33dacd; border: 1px double #33dacd; color: #fff; } .CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover { background: #00a699; border: 1px double #00a699; color: #fff; } .CalendarDay__hovered_span, .CalendarDay__hovered_span:hover { background: #b2f1ec; border: 1px double #80e8e0; color: #007a87; } .CalendarDay__hovered_span:active { background: #80e8e0; border: 1px double #80e8e0; color: #007a87; } .CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover { background: #cacccd; border: 1px solid #cacccd; color: #82888a; } .CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover { background: #fff; border: 1px solid #e4e7e7; color: #cacccd; } .CalendarDay__hovered_start_first_possible_end { background: #eceeee; border: 1px double #eceeee; } .CalendarDay__hovered_start_blocked_min_nights { background: #eceeee; border: 1px double #e4e7e7; } .CalendarMonth { background: #fff; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; vertical-align: top; } .CalendarMonth_table { border-collapse: collapse; border-spacing: 0; } .CalendarMonth_verticalSpacing { border-collapse: separate; } .CalendarMonth_caption { caption-side: top; color: #484848; font-size: 18px; padding-bottom: 37px; padding-top: 22px; text-align: center; } .CalendarMonth_caption__verticalScrollable { padding-bottom: 7px; padding-top: 12px; } .CalendarMonthGrid { background: #fff; text-align: left; z-index: 0; } .CalendarMonthGrid__animating { z-index: 1; } .CalendarMonthGrid__horizontal { left: 9px; position: absolute; } .CalendarMonthGrid__vertical, .CalendarMonthGrid__vertical_scrollable { margin: 0 auto; } .CalendarMonthGrid_month__horizontal { display: inline-block; min-height: 100%; vertical-align: top; } .CalendarMonthGrid_month__hideForAnimation { opacity: 0; pointer-events: none; position: absolute; z-index: -1; } .CalendarMonthGrid_month__hidden { visibility: hidden; } .DayPickerNavigation { position: relative; z-index: 2; } .DayPickerNavigation__horizontal { height: 0; } .DayPickerNavigation__verticalScrollable_prevNav { z-index: 1; } .DayPickerNavigation__verticalDefault { bottom: 0; height: 52px; left: 0; position: absolute; width: 100%; } .DayPickerNavigation__verticalScrollableDefault { position: relative; } .DayPickerNavigation__bottom { height: auto; } .DayPickerNavigation__bottomDefault { -webkit-box-pack: justify; -ms-flex-pack: justify; display: flex; justify-content: space-between; } .DayPickerNavigation_button { border: 0; cursor: pointer; margin: 0; padding: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .DayPickerNavigation_button__default { background-color: #fff; border: 1px solid #e4e7e7; color: #757575; } .DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover { border: 1px solid #c4c4c4; } .DayPickerNavigation_button__default:active { background: #f2f2f2; } .DayPickerNavigation_button__disabled { border: 1px solid #f2f2f2; cursor: default; } .DayPickerNavigation_button__disabled:focus, .DayPickerNavigation_button__disabled:hover { border: 1px solid #f2f2f2; } .DayPickerNavigation_button__disabled:active { background: 0 0; } .DayPickerNavigation_button__horizontalDefault { border-radius: 3px; line-height: 0.78; padding: 6px 9px; position: absolute; top: 18px; } .DayPickerNavigation_bottomButton__horizontalDefault { margin: -10px 22px 30px; position: static; } .DayPickerNavigation_leftButton__horizontalDefault { left: 22px; } .DayPickerNavigation_rightButton__horizontalDefault { right: 22px; } .DayPickerNavigation_button__verticalDefault { background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); display: inline-block; height: 100%; padding: 5px; position: relative; text-align: center; width: 50%; } .DayPickerNavigation_nextButton__verticalDefault { border-left: 0; } .DayPickerNavigation_nextButton__verticalScrollableDefault, .DayPickerNavigation_prevButton__verticalScrollableDefault { width: 100%; } .DayPickerNavigation_svg__horizontal { fill: #82888a; display: block; height: 19px; width: 19px; } .DayPickerNavigation_svg__vertical { fill: #484848; height: 42px; width: 42px; } .DayPickerNavigation_svg__disabled { fill: #f2f2f2; } .DayPicker { position: relative; text-align: left; } .DayPicker, .DayPicker__horizontal { background: #fff; } .DayPicker__verticalScrollable { height: 100%; } .DayPicker__hidden { visibility: hidden; } .DayPicker__withBorder { border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); /*padding-bottom: 50px;*/ overflow: hidden; } @media screen and (max-width:600px){ .DayPicker__withBorder { padding-bottom: 30px; } } .DayPicker_portal__horizontal { box-shadow: none; left: 50%; position: absolute; top: 50%; } .DayPicker_portal__vertical { position: static; } .DayPicker_focusRegion { outline: 0; } .DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal { display: inline-block; vertical-align: top; } .DayPicker_weekHeaders { position: relative; } .DayPicker_weekHeaders__horizontal { margin-left: 9px; } .DayPicker_weekHeader { color: #757575; position: absolute; text-align: left; top: 62px; z-index: 2; } .DayPicker_weekHeader__vertical { left: 50%; } .DayPicker_weekHeader__verticalScrollable { background: #fff; border-bottom: 1px solid #dbdbdb; display: table-row; left: 0; margin-left: 0; text-align: center; top: 0; width: 100%; } .DayPicker_weekHeader_ul { font-size: 14px; list-style: none; margin: 1px 0; padding-left: 0; padding-right: 0; } .DayPicker_weekHeader_li { display: inline-block; text-align: center; } .DayPicker_transitionContainer { border-radius: 3px; overflow: hidden; position: relative; } .DayPicker_transitionContainer__horizontal { transition: height 0.2s ease-in-out; } .DayPicker_transitionContainer__vertical { width: 100%; } .DayPicker_transitionContainer__verticalScrollable { bottom: 0; height: 100%; left: 0; overflow-y: scroll; padding-top: 20px; position: absolute; right: 0; top: 0; } .DateInput { background: #fff; display: inline-block; margin: 0; padding: 0; position: relative; vertical-align: middle; width: 130px; } .DateInput__small { width: 97px; } .DateInput__block { width: 100%; } .DateInput__disabled { background: #f2f2f2; color: #dbdbdb; } .DateInput__disabled input { box-shadow: none; } .DateInput_input { background-color: #fff; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: #484848; font-size: 19px; font-weight: 200; line-height: 24px; padding: 11px 11px 9px; width: 100%; } .DateInput_input__small { font-size: 15px; letter-spacing: 0.2px; line-height: 18px; padding: 7px 7px 5px; } .DateInput_input__regular { font-weight: auto; } .DateInput_input__readOnly { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .DateInput_input__focused { background: #fff; border: 0; border-bottom: 2px solid #008489; outline: 0; } .DateInput_input__disabled { background: #f2f2f2; font-style: italic; } .DateInput_screenReaderMessage { clip: rect(0, 0, 0, 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .DateInput_fang { height: 10px; left: 22px; position: absolute; width: 20px; z-index: 2; } .DateInput_fangShape { fill: #fff; } .DateInput_fangStroke { stroke: #dbdbdb; fill: transparent; } .DateRangePickerInput { background-color: #fff; display: inline-block; } .DateRangePickerInput__disabled { background: #f2f2f2; } .DateRangePickerInput__withBorder { border: 1px solid #dbdbdb; border-radius: 2px; } .DateRangePickerInput__rtl { direction: rtl; } .DateRangePickerInput__block { display: block; } .DateRangePickerInput__showClearDates { padding-right: 30px; } .DateRangePickerInput_arrow { color: #484848; display: inline-block; vertical-align: middle; } .DateRangePickerInput_arrow_svg { fill: #484848; height: 24px; vertical-align: middle; width: 24px; } .DateRangePickerInput_clearDates { background: 0 0; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; margin: 0 10px 0 5px; overflow: visible; padding: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .DateRangePickerInput_clearDates__small { padding: 6px; } .DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover { background: #dbdbdb; border-radius: 50%; } .DateRangePickerInput_clearDates__hide { visibility: hidden; } .DateRangePickerInput_clearDates_svg { fill: #82888a; height: 12px; vertical-align: middle; width: 15px; } .DateRangePickerInput_clearDates_svg__small { height: 9px; } .DateRangePickerInput_calendarIcon { background: 0 0; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; line-height: normal; margin: 0 5px 0 10px; overflow: visible; padding: 10px; vertical-align: middle; } .DateRangePickerInput_calendarIcon_svg { fill: #82888a; height: 15px; vertical-align: middle; width: 14px; } .DateRangePicker { display: inline-block; position: relative; } .DateRangePicker__block { display: block; } .DateRangePicker_picker { background-color: #fff; position: absolute; z-index: 1; } .DateRangePicker_picker__rtl { direction: rtl; } .DateRangePicker_picker__directionLeft { left: 0; } .DateRangePicker_picker__directionRight { right: 0; } .DateRangePicker_picker__portal { background-color: rgba(0, 0, 0, 0.3); height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .DateRangePicker_picker__fullScreenPortal { background-color: #fff; } .DateRangePicker_closeButton { background: 0 0; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; overflow: visible; padding: 15px; position: absolute; right: 0; top: 0; z-index: 2; } .DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover { color: darken(#cacccd, 10%); text-decoration: none; } .DateRangePicker_closeButton_svg { fill: #cacccd; height: 15px; width: 15px; } .CalendarMonth_table td { border-color: #fff !important; } /* MOBILE SEARCH MODAL */ @media screen and (min-width: 769px) { .mobile-search-modal .modal-dialog-centered { margin-top: -90px !important; } } @media screen and (max-width: 767px) { .mobile-search-modal .modal-dialog-centered { align-items: flex-start !important; margin: 0 !important; } } .mobile-search-modal .modal-content { border: none !important; border-radius: 0 !important; } .mobile-search-modal ul { list-style-type: none; } .mobile-search-modal .search-experiences-wrapper { background: none; padding: 0 !important; } .mobile-search-modal .discover-near-me { display: none !important; } .mobile-search-modal input[type=text] { border: 1px solid #000 !important; box-shadow: none !important; border-radius: 50px !important; padding: 10px 5px 10px 40px !important; } .mobile-search-modal .search-experiences-wrapper .search-experiences-main ul li input[type=button] { padding: 7px !important; } .mobile-search-modal .modal-header { display: block; position: relative; padding-bottom: 0; border-bottom: none !important; } .mobile-search-modal .modal-header .close { position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; border: 2px solid; border-radius: 50%; width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; line-height: 1.7; } .mobile-search-modal .modal-header .close span { width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; font-size: 13px; } .tour-page .mobile-search-modal .modal-title { display: block !important; } .clearDate { right: 30px; } .mobile-search-modal .title { color: #000 !important; font-size: 20px !important; text-align: center; margin-bottom: 0; font-weight: 500; font-family: 'Poppins',sans-serif; } .blue-bg { background: #0b1e59; } .mobile-search-cta { padding-bottom: 10px; } .mobile-search-cta .btn.btn-primary { width: 100%; background: #fff; background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/Search_Icon.svg); background-repeat: no-repeat; background-position: 10px center; color: #808080; border-radius: 50px; border: none; padding: 13px 31px; font-weight: 400 !important; } .mobile-search-modal input { background-color: #fff; width: 100%; color: #4a4a4a; font-family: 'Poppins',sans-serif; background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/Search_Icon.svg) !important; background-repeat: no-repeat !important; background-position: 10px center !important; font-size: 14px !important; line-height: 24px !important; } .mobile-search-modal .dateBox input { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2023/06/Calendar-1.svg) !important; } .mobile-search-modal .searchxpbtn button { padding: 7px !important; background-color: #003f9a !important; color: #fff !important; text-align: center !important; width: 100% !important; border: none !important; font-size: 18px !important; font-weight: 500 !important; border-radius: 5px !important; font-family: 'Rubik',sans-serif !important; } .m-search { display: none; } @media screen and (min-width: 768px) and (max-width: 835px) { .d-search { display: none; } .m-search { display: block; } } /* END MOBILE SEARCH MODAL */