.search-header {
  display: block;
  position: fixed;
  left: 0;
  width: calc(100% - var(--header-gutter));
  background-color: var(--bg-c1);
  z-index: 9;
  transition: all 0.8s ease;
  right: 0;
  margin: 0 auto;
  /* height: 535px; */
  min-height: 535px;
  max-height: 700px;
  padding: 50px 80px;
  overflow: hidden;
  transition: transform 0.5s linear 0s, -webkit-transform 0.5s linear 0s;
  top: 0;
  transform: translateY(-100%);
}

.open-search .search-header {
  transform: translateY(var(--header-height));
}

.search-header>form {
  max-width: 1400px;
  margin: auto;
}

.search-header .filter-by {
  display: none;
}

.search-header .filter-keyword-search {
  display: flex;
  flex-wrap: wrap;
}

/* .header-search .search-header form {
  padding: 0;
  background-color: transparent;
  width: 100%;
} */
.search-header .form-checkboxes.bef-checkboxes ul ul {
  padding-left: 19px;
  margin-top: 10px;
}

/* .search-header fieldset legend {
  font-size: 1.125rem;
  line-height: 1.55;
} */
/* **************************************************************** */
.search-header .form-type-select,
.search-header .js-form-item-combine {
  display: none;
}

.search-header fieldset {
  display: block;
  width: 100%;
  border-bottom: 1px solid #000;
  margin: 0 !important;
}

.search-header fieldset .form-item {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}

body .search-header fieldset.custom-date-wrapper .fieldset-wrapper {
  padding: 5px 12px;
}

body .search-header .custom-date-wrapper .form-item {
  margin-bottom: 10px;
  margin-top: 10px;
}

.search-header .custom-date-wrapper input {
  outline: none;
  box-shadow: none;
}

.search-header .bef-datepicker {
  width: 100%;
  height: 28px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  padding: 2px 5px;
  padding-right: 25px;
  background: url("/themes/custom/unaids/components/layouts/header/search/img/date.svg") no-repeat right center;
  background-color: #fff;
  font-size: 0.875rem;
  color: #000;
}

/*  */
.datepicker-decades,
.datepicker-centuries,
.datepicker-years {
  padding: 0 5px;
}

.datepicker table {
  width: 100%;
}

.datepicker.dropdown-menu {
  min-width: 246px;
  border: none;
}

/*  */
.search-header fieldset .fieldset-wrapper {
  display: none;
  /* padding: 5px 12px; */
  /* padding: 10px; */
  padding: 0 12px;
  padding-left: 20px;
  padding-right: 5px;
  background-color: #fff;
}

/* .custom-year-label, */
.search-header fieldset legend {
  padding: 16px 0;
  font-family: var(--font-normal);
  font-weight: 400;
  cursor: pointer;
  border: none;
  margin: 0;
  background: url(/themes/custom/unaids/components/layouts/header/search/img/DownArrow.svg) no-repeat right center transparent;
  font-size: 0.875rem;
  padding-bottom: 10px;
  padding-right: 15px;
  background-size: 12px;
  background-position: right calc(50% + 4px);
}

.search-header ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* *********************** */
.search-header .is-selected legend,
.search-header fieldset:hover legend {
  color: var(--primary);
  background-image: url(/themes/custom/unaids/components/layouts/header/search/img/DownArrow_primary.svg);
}

div.search-header .open legend {
  background-image: url(/themes/custom/unaids/components/layouts/header/search/img/DownArrow_open.svg);
}

div.search-header fieldset.open:hover legend {
  background-image: url(/themes/custom/unaids/components/layouts/header/search/img/DownArrow_open_primary.svg);
}

.search-header .form-checkboxes.bef-checkboxes,
.search-header .form-checkboxes.bef-checkboxes ul {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.search-header .form-checkboxes .form-type-checkbox {
  margin: 0;
}

.search-header .form-checkboxes label {
  font-size: 0.875rem;
  color: #000;
  padding-left: 20px;
  /* background: url("/themes/custom/unaids/components/layouts/header/search/img/checkbox.svg") no-repeat left top 3px; */
  background: url("/themes/custom/unaids/components/layouts/header/search/img/checkbox.svg") no-repeat left top 4px;
  display: block;
  cursor: pointer;
}

.search-header .form-checkboxes label:hover {
  color: var(--primary);
}

.search-header .form-checkboxes input[type="checkbox"] {
  display: none;
}

.search-header .form-checkboxes input[type="checkbox"]:checked+label {
  background-image: url("/themes/custom/unaids/components/layouts/header/search/img/checkbox_tick.svg");
  color: var(--primary);
}

/*  */
.search-header .form-actions {
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
}

.search-header .form-actions input[value="Reset"] {
  display: none;
}

.search-header .form-actions .button {
  /* display: inline-block; */
  display: inline-flex;
  /* padding: 14px 20px; */
  transition: all 0.4s ease;
  border-radius: 0;
  margin: 0;
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

.search-header .form-actions .button:hover {
  background-color: #fff;
  color: var(--primary);
}

.search-header .button,
.search-header .custom-btn {
  font-family: var(--font-bold);
  min-width: 164px;
  font-size: 1.125rem;
  text-transform: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 40px;
  min-width: 164px;
  padding: 5px 20px;
}

.search-header .header-search__btn {
  height: 50px;
}

/* 373844 */
/* .search-header .advaced-search__btn {
  font-size: 0.875rem;
} */

.advaced-search__btn.active {
  background-color: #fff;
  color: var(--primary);
}

/* custom scroll  */

fieldset.search-filter-list-wrapper .form-checkboxes,
.search-header fieldset .fieldset-wrapper .form-checkboxes>ul {
  /* scrollbar-width: thin; */
  /* max-height: 200px; */
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 7px;
}

.search-header fieldset .fieldset-wrapper .form-checkboxes>ul {
  padding-right: 14px;
}

fieldset.search-filter-list-wrapper .form-checkboxes::-webkit-scrollbar,
.search-header fieldset .fieldset-wrapper .form-checkboxes>ul::-webkit-scrollbar {
  width: 2px;
}

fieldset.search-filter-list-wrapper .form-checkboxes::-webkit-scrollbar-track,
.search-header fieldset .fieldset-wrapper .form-checkboxes>ul::-webkit-scrollbar-track {
  background: var(--clr-c5);
  margin-top: 0px;
  margin-bottom: 20px;
  margin-top: 15px;
}

fieldset.search-filter-list-wrapper .form-checkboxes::-webkit-scrollbar-thumb,
.search-header fieldset .fieldset-wrapper .form-checkboxes>ul::-webkit-scrollbar-thumb {
  background-color: var(--clr-c8);
  border-radius: 5px;
  border: 1px solid transparent;
}

/* fieldset.search-filter-list-wrapper .form-checkboxes.bef-checkboxes { */
.search-header fieldset .fieldset-wrapper .form-checkboxes.bef-checkboxes>ul,
fieldset.search-filter-list-wrapper .fieldset-wrapper .form-checkboxes.bef-checkboxes {
  grid-gap: 0;
}

/*  */
.header-search .input-search {
  display: block;
}

.header-search .input-search>.form--inline {
  display: flex;
  flex-wrap: wrap;
}

.header-searh-filter {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 50px;
  padding-right: 75px;
  align-items: flex-start;
}

.search-header .filter-keyword-search {
  width: 100%;
}

.search-header .filter-keyword-search .form-type-textfield {
  flex: 1;
  margin: 0;
  margin-right: 10px;
}

.search-header .filter-keyword-search .form-control {
  margin: 0;
  height: 50px;
  border-radius: 0;
  border-color: var(--primary);
  box-shadow: none;
}

.search-help {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

.header-searh-bottom-wrapper {
  display: none;
  width: 100%;
}

.header-searh-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/*  */
.search-header .form-checkboxes.bef-checkboxes>ul>li,
fieldset.search-filter-list-wrapper .form-checkboxes.bef-checkboxes>.form-type-checkbox {
  padding: 10px 0;
  border-bottom: 1px solid var(--clr-c9);
}

.search-header fieldset .fieldset-wrapper .form-checkboxes>ul>li:last-child,
fieldset.search-filter-list-wrapper .form-checkboxes.bef-checkboxes>.form-type-checkbox:last-child {
  border-bottom: none;
}

header .custom-year-label {
  display: none;
}

.header-search__btn {
  background-color: #fff;
}

/* dummy search apply */
/* .global-search .search-header .form-actions input { */
.search-header .form-actions input.button {
  display: none;
}

/* .global-search .dummy-header-apply-btn { */
.dummy-header-apply-btn {
  display: inline-flex !important;
}

/* .search-header .button.dummy-header-reset-btn { */
/* .search-header .button.dummy-header-apply-btn {
  margin-bottom: 20px;
}
 */
header .search-header .form-actions .dummy-header-reset-btn {
  margin-top: 20px;
}

.custom-date-wrapper label {
  display: none;
}

/* subPagesVal = ["ubraf_result_area", "country_page", "organization", "unaids_basic_pages"]; */
.views-exposed-form .fieldset-wrapper .form-checkboxes .form-type-checkbox:has(input[value="ubraf_result_area"]),
.views-exposed-form .fieldset-wrapper .form-checkboxes .form-type-checkbox:has(input[value="country_page"]),
.views-exposed-form .fieldset-wrapper .form-checkboxes .form-type-checkbox:has(input[value="organization"]),
.views-exposed-form .fieldset-wrapper .form-checkboxes .form-type-checkbox:has(input[value="unaids_basic_pages"]) {
  display: none;
}

/* datepicker styling  */
.global-search .exposed-content-warp .custom-date-wrapper .datepicker-dropdown:before,
header.site-header .custom-date-wrapper .datepicker-dropdown:before {
  top: unset;
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, .15);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.global-search .exposed-content-warp .custom-date-wrapper .datepicker-dropdown:after,
header.site-header .custom-date-wrapper .datepicker-dropdown:after {
  top: unset;
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker-area {
  position: relative;
}

header.site-header .custom-date-wrapper .datepicker.dropdown-menu {
  bottom: calc(100% - 53px) !important;
  top: unset !important;
  left: 10px !important;
  right: unset !important;
}

.global-search .exposed-content-warp .custom-date-wrapper .datepicker.dropdown-menu {
  bottom: calc(100% - 69px);
}

/* datepicker styling  */
/* to be checked  */
fieldset.search-filter-list-wrapper .form-checkboxes.bef-checkboxes>.form-type-checkbox:has(input[value="story"]) {
  border-bottom: 0;
}

.search-header .filter-keyword-search .form-type-textfield label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* to be checked  */
@media screen and (min-width: 1500px) {
  .search-header {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 1200px) {
  .search-header {
    display: none;
  }
}