h1.text_headline {
  color: var(--ui-white);
  text-shadow: var(--text-shdw);
}

.search-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.search-widget {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-md);
  padding: var(--padding-lg);
  background-color: var(--primary-light-transparency);
  border-radius: 10px;
  backdrop-filter: blur(2px);
}

.block.search-block {
  display: flex;
  align-items: center;
}

.search-block .search_widget .search-container {
  height: auto !important;
  min-height: 383px;
}
.wth3-apiWidgetContainer {
  width: 100%;
}

mark {
  padding: initial;
  background-color: transparent;
}

#autoComplete:hover::placeholder,
#autoComplete:focus::placeholder,
#autoComplete::placeholder {
  color: #0b2e6a;
}

#autoComplete::placeholder {
  color: #0b2e6a;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  left: -38px;
}

input#autoComplete:focus::placeholder {
  position: relative;
  left: 5px;
}

#autoComplete_list {
  width: 100%;
}

.wth3-hp_searchFilterButton,
.wth3-hp_searchFilterButton:visited,
.wth3-hp_searchFilterButton:focus,
.wth3-hp_searchFilterButton:hover,
.wth3-hp_searchFilterButton:active {
  padding: 8px 16px;
  border-radius: 30px;
  border: 1px solid #0b2e6a;
  background: #fff;
  box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.1);
  color: #0b2e6a;
  text-align: center;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: space-between;
}

.wth3-hp_searchFilterButtonIcons {
  margin-left: 8px;
}

.wth3-hp_searchFilterAnnounce {
  display: none !important;
}

.wth3-hp_selectionsContainer {
  border: none;
}

.wth3-hp_searchFilterContainer {
  width: 100%;
  display: flex;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 32px;
  margin-left: inherit;
}

.wth3-customSearchContinue,
.wth3-customSearchContinue:active,
.wth3-customSearchContinue:hover,
.wth3-customSearchContinue:visited,
.wth3-customSearchContinue:focus {
  margin-top: 0px !important;
  text-decoration: none;
  color: #fff;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  display: flex !important;
  width: 200px;
  padding: 9px 24px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 30px;
  border: 3px solid var(--Principals-secondary-color, #0677bd);
  background: var(--Principals-secondary-color, #0677bd);
}

#autoComplete,
#autoComplete:hover,
#autoComplete:focus {
  background-image: none;
  width: 100%;
  padding: 10px;
  border: none;
  height: 57px;
  box-shadow: 0 6px 3px 0 rgba(0, 0, 0, 0.1);
  color: #0b2e6a;
  font: normal normal normal 18px "Open Sans", sans-serif;
  letter-spacing: 0;
  border-radius: 0;
  background-color: #ffffff;
}

#hp_selectionsContainerHeader {
  display: none;
}

.wth3-hp_vertSelection {
  color: var(--Neutrals-black-color, #212529);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px 12px 0px 0px;
}

.selection a {
  white-space: nowrap;
  display: inline-block;
  margin: 0px 8px 8px 0px;
  padding: 8px 9px;
  border-radius: 30px;
  border: 1px solid var(--Principals-primary-color, #0b2e6a);
  background: var(--Neutrals-white-color, #fff);
  color: var(--Principals-primary-color, #0b2e6a) !important;
  text-align: center;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.selection a .fa {
  margin-left: 4px;
}

.wth3-hp_searchPortFilterHeader,
.wth3-hp_searchWhenFilterHeader,
.wth3-hp_searchLengthFilterHeader,
.wth3-hp_searchCruiselineFilterHeader,
.wth3-hp_searchCruiseshipFilterHeader {
  margin: 0px !important;
}

#hp_searchWhenFilterHead,
#hp_searchCruiselineFilterHead,
#hp_searchLengthFilterHead,
#hp_searchPortFilterHead {
  display: flex;
  padding: 12px 12px 24px 12px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-bottom: 1px solid #dbe1eb;
  background: #fff;
  justify-content: space-between;
}

.search-header-text {
  color: #0b2e6a;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-right: 12px;
}

.wth3-hp_searchWhenFilterContainer,
.wth3-hp_searchCruiselineFilterContainer,
.wth3-hp_searchLengthFilterContainer,
.wth3-hp_searchPortFilterContainer {
  box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 12px;
}

.selectedItemHandler:disabled {
  opacity: 0.5;
}

.wth3-hp_searchFilterItems_cruiseline .wth3-hp_filterButtonHolder,
.wth3-hp_searchFilterItems_length .wth3-hp_filterButtonHolder {
  background-color: #ffffff;
}

div#hp_searchPortFilterItems,
div#hp_searchCruiselineFilterItems {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 300px;
}

.input-group-autocomplete {
  display: flex;
  position: relative;
}

.autoComplete_wrapper {
  width: 100%;
}

img#autocomplete-img {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.wth-search-label {
  color: #0b2e6a;
  font: normal normal bold 18px "Open Sans", sans-serif;
}

.wth3-hp_searchInput {
  padding: 0px !important;
}

.search-button-group {
  flex: 1;
}

.wth3-customSearchContinue,
.wth3-customSearchContinue:active,
.wth3-customSearchContinue:hover,
.wth3-customSearchContinue:visited,
.wth3-customSearchContinue:focus {
  margin-top: 38px;
}

.carousel {
  height: auto;
  padding-top: 0px !important;
}

.wth3-hp_selectionsContainer {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

#custom-counter-cruises {
  margin-top: 32px;
}

#hp_countContainer_Zero {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e3abb5;
  background: #f8eaec;
  text-align: left;
  margin-bottom: 32px;
}

.fa.fa-times-circle.wth3-hp_searchFilterButtonIcons {
  color: #b82c45;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-right: 6px;
}

.wth3-hp_searchFilterErrorText {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Spinner */

.wth2-ajaxSpinnerOuter {
  top: 25%;
}

.wth2-spinAnimation {
  margin: 0 auto;
  border-top: 5px solid transparent !important;
  border-radius: 50%;
  border: 5px solid #0b2e6a;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.wth2-ajaxLoadText {
  color: var(--Neutrals-black-color, #212529);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: none !important;
  margin-top: 8px;
  padding: 0px !important;
}

.wth2-ajaxSpinner {
  border-radius: 8px;
  background: #fff;
  padding: 10px !important;
}

/* End Spinner */

/* searchWhen */

.wth3-hp_searchWhenFilterHeader {
  align-items: center;
  margin: 0px !important;
}

.wth3-hp_searchWhenFilterHeader a {
  padding: 4px 8px !important;
  font-size: 14px;
  text-decoration: none !important;
  color: #212529;
}

.wth3-hp_searchByDateActive {
  border-radius: 40px;
  background: #0b2e6a;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff !important;
}

.wth3-filterClose {
  display: flex;
  color: #212529;
  text-align: center;
  margin-right: 0px !important;
}

#hp_range_play-container {
  display: none;
}

.wth3-hp_searchWhenFilterRangeContainer input {
  width: 125%;
  display: flex;
  padding: 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #dbe1eb;
  background: #fff;
  margin-bottom: 20px;
  color: #212529;
}

.wth3-hp_searchWhenFilterRangeContainer input::placeholder {
  opacity: 0.5;
}

.wth3-hp_searchWhenFilterRangeContainer .input-icons i {
  position: absolute;
  right: 53px;
  top: 18px;
  left: auto;
}

/* end searchWhen */

/* lightpick */

.lightpick {
  box-shadow: none !important;
}

.lightpick__month-title-bar {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: center;
}

.lightpick__month-title {
  margin: 0px !important;
  padding: 0px !important;
}

.lightpick__month-title > .lightpick__select {
  padding: 12px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dbe1eb;
  background: #fff;
  color: #212529;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: stretch;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
  display: flex;
  margin-left: 6px;
  width: 32px;
  height: 32px;
  outline: none;
  border: none;
  border-radius: 50%;
  background-color: #0b2e6a !important;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped,
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
  background-color: #0b2e6a;
}

.lightpick__day.is-in-range {
  background-color: #e3f4ff;
}

.lightpick__day.is-in-range:hover {
  background-image: none !important;
}

.yearHead {
  padding: 20px;
  filter: none;
  margin-bottom: 0px !important;
  color: #0b2e6a;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.yearList {
  column-gap: 1px;
  row-gap: 1px;
}

.yearListContainer > .carousel {
  height: 224px;
}

.yearItem {
  padding: 0px !important;
}
.arrow-container,
.arrow-container:hover {
  color: #0b2e6a;
}

.yearListFilterButton {
  background-color: #ffffff;
  color: var(--Neutrals-black-color, #212529);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.yearsListFilterButtonSelected {
  background-color: #0b2e6a !important;
  color: #fff !important;
}

.lightpick__day {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #212529;
}

.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
  opacity: 0.5;
}

.lightpick__day-of-the-week {
  font-size: 14px;
}

.lightpick__previous-action,
.lightpick__next-action {
  font-size: 20px;
  font-family: "Merriweather", serif !important;
}

/* end lightpick */

/* cruise line */

div#hp_searchFilterItems_cruiselinefeatured {
  display: none;
}
.wth3-hp_searchFilterItems_cruiseline,
.wth3-hp_searchFilterItems_cruiselinefeatured,
.wth3-hp_searchFilterItems_ports {
  column-gap: 1px;
  row-gap: 1px;
  background-color: #dbe1eb;
  grid-template-columns: 50% 50%;
}

.wth3-hp_filterButtonHolder {
  margin-bottom: 1px;
}

.selectedItemHandler {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 10px;
  color: #0b2e6a;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.selectedItemSelected {
  background-color: #0b2e6a;
  color: #ffffff;
}

.selectedItemHandler:focus,
.selectedItemSelected:focus {
  outline: 5px auto #0b2e6a;
}

/* end cruise line */

/* cruise length */

.wth3-hp_searchFilterItems_length {
  display: block;
  background-color: #dbe1eb;
}

/* end cruise length */

/* departure port */

.wth3-hp_domesticPortHead,
.wth3-hp_internationalPortHead {
  text-decoration: none !important;
  max-width: 100%;
  word-wrap: break-word;
  display: flex;
  padding: 12px !important;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #dbe1eb !important;
  border-top: 1px solid #dbe1eb !important;
  background: #e3f4ff !important;
  color: #0b2e6a !important;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  align-self: stretch;
}

/* end departure port*/

/* end new styles */

.cruises-pane-container {
  display: flex;
  gap: 40px;
}

@media (max-width: 1024px) {
  .cruises-pane-container {
    flex-direction: column;
    gap: 16px;
  }

  .wth3-hp_searchFilterContainer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* SEARCH WIDGET OVERRIDER */
#autoComplete,
#autoComplete:hover,
#autoComplete:focus {
  padding: 12px;
  border: 1px solid #dbe1eb;
  border-radius: 4px;
  box-shadow: none;
}
#autoComplete::placeholder,
#autoComplete:hover::placeholder,
#autoComplete:focus::placeholder {
  padding: initial;
  left: 0;
}

#hp_searchWhenFilterContainer,
#hp_searchLengthFilterContainer,
#hp_searchPortFilterContainer,
#hp_searchCruiselineFilterContainer {
  position: absolute;
  border: 1px solid #dbe1eb;
  border-radius: 4px;
}

#hp_searchWhenFilterHead {
  align-items: initial;
}
#hp_searchWhenFilterHeader {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  place-items: flex-start;
}
#hp_searchWhenFilterHeader > .search-header-text {
  grid-column: 1/3;
}
.wth3-hp_searchWhenFilterHeader a {
  padding: 6px 12px !important;
}

.wth3-hp_searchFilterContainer {
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .wth3-hp_searchWhenFilterRangeContainer input {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }
  .wth3-hp_searchWhenFilterRangeContainer .input-icons i {
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 16px;
  }
}
