/* Quick Search Wrap */
.hero-quick-search-wrap { max-width: 75rem; position: absolute; right: 0; top: auto; bottom: 5rem; left: 0; z-index: 2; padding: 1.25rem 1.875rem; background: rgba(0,0,0,0.5); box-shadow: 0.5rem 0.5rem 3.0625rem 0 rgba(0,0,0,0.35); }
/* .hero-quick-search-wrap.int { top: 50%; bottom: auto; transform: translateY(-50%); } */
.hero-quick-search-wrap.hero-tabs { margin: 0 auto; }
.hero-quick-search-wrap .nav { position: relative; bottom: auto; }

/* Quick Search Tabs */
.hero-quick-search-wrap .nav { justify-content: center; position: absolute; bottom: calc(100% + 0.5rem); right: 0; left: 0; margin: auto; }
.hero-quick-search-wrap .nav .nav-item { flex-grow: 0; margin: 0 0.25rem 0.5rem; }
.hero-quick-search-wrap .nav .nav-link { padding: 0.5rem 2.5rem; background: hsla(var(--white), 50%); border-radius: 0; color: hsla(var(--black), 95%); text-align: center; }
.hero-quick-search-wrap .nav .nav-link.active { background: hsla(var(--siteColor1), 95%); color: hsla(var(--white), 95%); }
.hero-quick-search-wrap .tab-content { background: transparent; }
.hero-quick-search-wrap .tab-content .tab-pane { background: transparent; }
.hero-quick-search-wrap .tab-content .i-quick-search { padding: 0; }

/* Quick Search */
.i-quick-search { width: 100%; position: relative; font-family: var(--siteFont3), sans-serif; text-transform: capitalize; }
/* .i-quick-search.int { top: 50%; bottom: auto; transform: translateY(-50%); } */
.i-quick-search .row { padding: 0 0.9375rem; }
.i-quick-search .row:after { content: ""; display: block; clear: both; }
.i-quick-search [class^=col] { display: block; padding: 0; position: relative; }
.i-quick-search .dates-col { width: 22%; }
.i-quick-search .dates-col label { text-align: left; text-indent: 0.9375rem; }
.i-quick-search .submit-col { width: 20%; }
.i-quick-search label { display: block; font-size: 0.9375rem; color: hsl(var(--white)); line-height: 1; text-align: center; }
.i-quick-search .input-wrap { width: 100%; height: 3.125rem; position: relative; }
.i-quick-search input[type=text] { width: 100%; height: 3.125rem; padding: 0.625rem 0.9375rem; border: none; border-radius: 0; font-size: 1rem; text-overflow: ellipsis; }
.i-quick-search input[type=text]:focus, .i-quick-search .bootstrap-select button:focus { outline: none !important; }
.i-quick-search .select-wrap { width: 100%; height: 3.125rem; position: relative; background: hsl(var(--white)); border-radius: 0; }
.i-quick-search .input-wrap:after, .i-quick-search .select-wrap:after { content: ''; position: absolute; top: 0.3125rem; bottom: 0.3125rem; right: 0; border-right: 0.0625rem solid hsl(0, 0%, 84%); }
.i-quick-search .must-haves-wrap:after { display: none; }
.i-quick-search select { opacity: 0; position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.i-quick-search .bootstrap-select { width: 100% !important; }
.i-quick-search .bootstrap-select button { width: 100%; height: 3.125rem; padding: 0.8125rem 0.9375rem; z-index: 1; background: transparent; border: none; border-radius: 0 !important; font-size: 1rem; color: hsl(0, 0%, 4%); font-weight: 300; text-transform: none; }
.i-quick-search .bootstrap-select button .filter-option { color: hsl(0, 0%, 4%); text-align: left; text-transform: capitalize; }
.i-quick-search .bootstrap-select button .filter-option-inner { padding-right: 0; }
.i-quick-search .bootstrap-select button .filter-option-inner-inner { text-overflow: ellipsis; }
.i-quick-search .bootstrap-select .text { font-size: 1rem; }
.i-quick-search button[type=submit] { width: 100%; height: 3.125rem; position: relative; padding: 0.625rem 0.9375rem; border-radius: 0 !important; color: hsl(var(--white)); font-size: 1rem; text-transform: uppercase; }
.i-quick-search button[type=submit]:focus { outline: none !important; }

@media (max-width: 1200px) {
  .i-quick-search [class^=col] { width: 20%; flex-basis: 20%; margin: 0 0 0.625rem; }
  .i-quick-search .dates-col { width: 20%; flex-basis: 20%; }
  .i-quick-search .submit-col { width: 100%; margin: 0; }
  .i-quick-search .bootstrap-select button .filter-option { text-align: left; }
  .i-quick-search button[type=submit] { top: auto; }
}
@media (max-width: 1024px) {
  .hero-quick-search-wrap,
  .hero-quick-search-wrap.int { width: calc(100% - 2rem); position: relative; top: auto; bottom: auto; transform: none; margin: auto; padding: 1rem 0.75rem; background: hsla(var(--black), 50%); border-radius: 0; border: none; font-family: var(--bodyFont); text-transform: capitalize; }
  .hero-quick-search-wrap.hero-tabs { margin: var(--headerHeight) auto 0; }
  .i-quick-search,
  .i-quick-search.int { width: 100%; /* max-width: 100% !important; padding: 1.875rem; */ position: relative; /* bottom: auto; left: 0; right: 0; transform: translate(0,0); border: none; */ }
  .i-quick-search [class^=col] { width: 100%; flex-basis: 100%; margin: 0 0 0.625rem; }
  .i-quick-search .dates-col { width: 100%; flex-basis: 100%; }
  .i-quick-search .submit-col { width: 100%; margin: 0; }
  .i-quick-search .input-wrap:after,
  .i-quick-search .select-wrap:after { display: none; }
  .i-quick-search .input-wrap,
  .i-quick-search input[type=text],
  .i-quick-search .select-wrap,
  .i-quick-search .bootstrap-select button { height: 2.5rem; }
  .i-quick-search .bootstrap-select button { padding: 0.5rem 0.9375rem; }
  .i-quick-search .bootstrap-select button .filter-option { text-align: left; }
  .i-quick-search .bootstrap-select > .dropdown-menu { top: 100%; bottom: auto; }
  .i-quick-search button[type=submit] { height: 2.5rem; top: auto; padding: 0.5rem ​0.9375rem; }
}
@media (max-width: 768px) {
  .i-quick-search label { text-align: left; text-indent: 0.9375rem; }
  .i-quick-search .input-wrap, .i-quick-search input[type=text], .i-quick-search .select-wrap, .i-quick-search .bootstrap-select button { height: 2.5rem; }
  .i-quick-search .bootstrap-select button { padding: 0.5rem 0.9375rem; }
  .i-quick-search button[type=submit] { height: 2.5rem; margin: 0; padding: 0.4375rem 0.9375rem; }
}
@media (max-width: 480px) {
  .hero-quick-search-wrap .nav .nav-item { flex-grow: 1; }
  .hero-quick-search-wrap .nav .nav-link { padding: 0.5rem 2.5rem; }
}
@media (max-width: 414px) {
  .i-quick-nav a { display: block; }
}