.searchAutoComplete { position: relative; } .searchAutoComplete .popup { position: absolute; top: 100%; width: 500px; background-color: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000026; z-index: 2000; max-height: 500px; overflow: scroll; } /*.searchAutoComplete .popup > .popularSearches { padding-left: 15px; padding-right: 15px; }*/ .searchAutoComplete .popup > .popularSearches h5 { /*color: #000000; border-bottom: 1px solid #1646A8;*/ font-size: 16px; margin: 15px 0 0 0; text-transform: none; } .searchAutoComplete .popup > .popularSearches .recentSearchesHeader h5 { border-bottom: none; } .searchAutoComplete .popup > .popularSearches ul.searchResults { /*padding: 0;*/ list-style: none; margin: 0; display: block; } .searchAutoComplete .popup > .popularSearches ul.searchResults li { display: flex; align-items: center; -webkit-align-items: center; border: none; } .searchAutoComplete .popup > .popularSearches ul.searchResults li:after { content: ''; clear: both; display: block; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); white-space: break-spaces; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; /*margin: 7px 0;*/ font-size: 16px; text-transform: none; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove { width: 25px; } .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove button { border: none; font-size: 18px; background-color: #1646a8; color: #ffffff; } .searchAutoComplete .popup .popularSearches ul.searchResults.recentSearchesList li { } .searchAutoComplete .popup .popularSearches ul.searchResults.popularSearchesList li .searchResultsItemContent { width: 100%; } .searchAutoComplete .popup > .searchResults { padding-left: 15px; padding-right: 15px; } .searchAutoComplete .popup > .searchResults ul.searchResults { padding: 0; list-style: none; margin: 0; display: block; } .searchAutoComplete .popup > .searchResults ul.searchResults li { display: flex; align-items: center; -webkit-align-items: center; margin: 15px 0; } .searchAutoComplete .popup > .searchResults ul.searchResults li:after { content: ''; clear: both; display: block; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 50px; margin-right: 15px; border-radius: 7px; overflow: hidden; text-align: center; display: flex; justify-content: center; -webkit-justify-content: center; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap img { width: 100%; height: 100%; object-fit: cover; } .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { background-color: rgb(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% - 50px); } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; margin: 0; font-size: 16px; text-transform: none; line-height: 1; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 14px !important; color: #aaa; line-height: 1 !important; } .recentSearchesHeader { display: flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; border-bottom: 1px solid #1646A8; } .recentSearchesClearAll { color: #177998; font-size: 16px; margin: 15px 0 0 0; cursor: pointer; } #search-autocomplete-top input.searchBoxInput, #search-autocomplete-onhomepage input.searchBoxInput { width: 220px; background-color: transparent; box-shadow: none; padding: 0; font-size: 13px; line-height: 24px; padding-left: 35px; } #search-autocomplete-hero .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px) !important; } #search-autocomplete-hero .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; margin: 7px 0; font-size: 16px; text-transform: none; white-space: break-spaces !important; } #search-autocomplete-hero .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 50px !important; margin-right: 15px !important; border-radius: 7px; overflow: hidden; text-align: center; display: flex; justify-content: center; -webkit-justify-content: center; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap img { width: 100%; height: 100%; object-fit: cover; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 50px) !important; white-space: break-spaces !important; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { margin: 0 !important; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { background-color: rgb(22, 70, 168, 0.1); padding: 8px 0; } #search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 25px !important; } #search-autocomplete-mobile input.searchBoxInput { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/maginifying-glass-icon.png); background-repeat: no-repeat; background-position: center left; font-size: 14px; width: 100%; background-color: transparent; box-shadow: none; padding: 0 0 0 30px; line-height: 24px; } #search-autocomplete-mobile .searchAutoComplete .popup { width: 300px; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li { } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { padding: 2px 0; width: 25px; margin-right: 7px; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 15px; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { font-size: 14px; line-height: normal; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 12px !important; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li { border: none; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 25px; margin-right: 7px; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); white-space: break-spaces; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { font-size: 14px; line-height: normal; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6:hover { text-decoration: underline; } #search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 12px !important; line-height: normal !important; } @media only screen and (min-width: 320px) and (max-width: 767px) { .searchAutoComplete .popup { width: 340px; } .activate-top-algolia { display: none; } .activate-searchxp-mobile { display: block; } } #search-experiences-root .DateInput_input { /*font-size: 16px;*/ } #search-experiences-root { color: rgba(0, 0, 0, 0.87); margin-left: -16px; margin-right: -16px; margin-top: 20px; padding: 0 8px; } #search-experiences-root .sortByButtonIpadInline h6 { margin-bottom: 0; font-weight: 500; } #search-experiences-root .sortByButtonDesktopInline { padding: 0px 0px 0px 10px; } #search-experiences-root .sortByButtonDesktopInline h6 { margin-bottom: 0; font-weight: 500; } #search-experiences-root .sortByButtonDesktopInline > div { content: ''; } #search-experiences-root .sortByButtonDesktopInline > div > div { content: ''; } #search-experiences-root .sortByButtonDesktopInline > div > svg { content: ''; } #search-experiences-root input.MuiInputBase-input { background: transparent; padding: 10.5px 0; height: auto; box-shadow: none; } #search-experiences-root h6 { font-family: 'Poppins',sans-serif; color: rgba(0, 0, 0, 0.87); line-height: 1.2; letter-spacing: unset; margin-top: 0; text-transform: none; margin-bottom: 5px; } #search-experiences-root .DateRangePickerInput__showClearDates { /*display: flex; align-items: center;*/ } #search-experiences-root .DateRangePickerInput__showClearDates button { content: ''; } #search-experiences-root .DateRangePickerInput__showClearDates .DateInput { content: ''; } #search-experiences-root .DateRangePickerInput__showClearDates .DateInput input.DateInput_input { background: transparent; box-shadow: none; } #search-experiences-root .DateRangePickerInput__showClearDates .DateRangePickerInput_arrow { content: ''; } #search-experiences-root #searchExperiencesFilterBar { position: sticky; top: 20px !important; padding-right: 20px; height: auto !important; max-height: unset !important; } #search-experiences-root .searchResultsGrid { content: ''; } #search-experiences-root .searchResultsGrid > .tileGridResult { } #search-experiences-root .searchResultsGrid > .tileGridResult .cardV2Inline { content: ''; } #search-experiences-root .searchResultsGrid > .MuiGrid-item { } #menu-sortByFilter h6 { content: ''; } #menu-sortByFilter .MuiPaper-root { content: ''; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root { content: ''; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root { content: ''; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root h6 { font-weight: 400; font-size: 1rem; line-height: 1.75; text-transform: none; color: #000; margin: 0; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root:hover h6, #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root.Mui-selected:hover h6 { color: #000; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root.Mui-selected { content: ''; } #menu-sortByFilter .MuiPaper-root ul.MuiList-root li.MuiMenuItem-root.Mui-selected h6 { color: #fff; } #search-experiences-root label { margin-bottom: 0; } #search-experiences-root p { color: #424242; } #search-experiences-root p.discountPrice { color: #238500; } #search-experiences-root a:hover { text-decoration: none; } .MuiDialogContent-root input.DateInput_input { background: transparent; box-shadow: none; } .left-side-search-algolia { z-index: 2; } div#searchExperiencesFilterBar::-webkit-scrollbar-thumb { background: #1646a8; border-radius: 10px; } div#searchExperiencesFilterBar::-webkit-scrollbar { width: 7px; background: #fff; } .MuiDialog-container .modalTitle h6 { color: #fff; } #search-experiences-root .searchResultsGrid>.MuiGrid-item .mainWebCategoryTile { font-size: 12px; } #search-experiences-root .searchResultsGrid>.MuiGrid-item .cityResultTile { font-size: 14px; font-weight: 500; } #searchExperiencesResultContainer .searchResultsGrid a:hover svg, #search-experiences-root a:hover svg { color: rgba(0,0,0,.87); } #search-experiences-root .load-more-btn { text-transform: capitalize; border-radius: 4px; padding: 15px 31px; } #search-experiences-root .load-more-btn.btn-primary.focus, #search-experiences-root .load-more-btn.btn-primary:focus { background-color: #274186; border-color: #274186; color: #fff !important; box-shadow: none; } #search-experiences-root .variant2 .mainWebCategoryTile, #search-experiences-root .variant2 .cityResultTile { font-size: 10px !important; } @media only screen and (min-width: 900px) { #search-experiences-root .searchResultsGrid > .tileGridResult { flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%; } #search-experiences-root .searchResultsGrid > .tileGridResult.isAdTile { flex-basis: 66.6666%; -webkit-box-flex: 0; flex-grow: 0; max-width: 66.6666%; } /*#search-experiences-root .searchResultsGrid > .MuiGrid-item { flex-basis: 33.3333%; -webkit-box-flex: 0; flex-grow: 0; max-width: 33.3333%; }*/ #search-experiences-root .searchResultsGrid > .MuiGrid-item { -webkit-box-flex: 0; flex-grow: 0; } } @media only screen and (min-width: 320px) and (max-width: 767px) { #search-experiences-root .mobileFilters { position: sticky; top: 50px !important; z-index: 3; background: #fff; box-shadow: 0px 0px 0px 3px #FFF; padding-top: 2px; margin-bottom: 10px; } #search-experiences-root .mobileSearchBar { position: sticky; top: 0 !important; z-index: 4; background: #fff; box-shadow: 0px 0px 0px 3px #FFF; padding-top: 10px; } .mobileFiltersModal { z-index: 9999999;} #search-experiences-root .mobileSearchBar > .MuiGrid-root > .MuiGrid-root { padding-top: 0; } #search-experiences-root .mobileSearchBar > .MuiGrid-root > .MuiGrid-root > div > .MuiFormControl-root { margin-top: 0; } #search-experiences-root .DayPicker { /*left: -10px;*/ } } @media only screen and (min-width: 768px) and (max-width: 991px) { } @media only screen and (min-width: 991px) and (max-width: 1199px) { } .featured-filters-container .MuiGrid-root.MuiGrid-item > div p { text-align:center; } @media(max-width: 450px){ .featured-filters-container .MuiGrid-root.MuiGrid-item {max-width: 100px;} } @media(max-width: 768px){ .featured-filters-container .MuiGrid-root.css-wv72f8 { margin-top: 5px; } .featured-filters-container .MuiGrid-root.MuiGrid-item {max-width: 90px;width: 100px;padding: 0;} .featured-filters-container .MuiGrid-root.MuiGrid-item > div { width: 100px; min-width: auto; margin: 0; white-space: normal; } .featured-filters-container .MuiGrid-root.MuiGrid-item > div p { width: 60px; } .featured-filters-container .MuiGrid-root.MuiGrid-item > div p.active { border-bottom: none; font-weight: 500; } }