/*
    - Name: "header.scss"
    - Description: "Header custom styles"
*/
/* Media query breakpoints */
/* montserrat-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat Light";
  font-style: normal;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Light italic";
  font-style: italic;
  font-weight: 300;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Italic";
  font-style: italic;
  font-weight: 400;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500";
  font-style: normal;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat 500 italic";
  font-style: italic;
  font-weight: 500;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi";
  font-style: normal;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Semi italic";
  font-style: italic;
  font-weight: 600;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat Bold italic";
  font-style: italic;
  font-weight: 700;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("/themes/custom/manos_unidas/assets/fonts/Montserrat/montserrat-v29-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap;
  font-family: "Mansalva";
  font-style: normal;
  src: url("/themes/custom/manos_unidas/assets/fonts/Mansalva/Mansalva.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/manos_unidas/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.header {
  position: sticky;
  top: var(--drupal-displace-offset-top, 0);
  z-index: 9;
  width: 100%;
  background: var(--background-header);
}
.header__top {
  display: none;
}
@media (min-width: 992px) {
  .header__top {
    display: block;
    background-color: var(--primary-color-900);
  }
}
.header__top .region-header-top {
  display: flex;
  align-items: center;
  flex-wrap: inherit;
  justify-content: space-between;
  width: 100%;
  gap: var(--spacing-xs);
}
.header__top .region-header-top .menu--account {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
}
.header__bottom {
  background-color: var(--primary-color);
  padding: var(--spacing-xxs) var(--spacing-sm);
}
@media (min-width: 992px) {
  .header__bottom {
    padding: 12px 0;
  }
}
.header__bottom .big-container {
  padding: 0;
}
@media (min-width: 992px) {
  .header__bottom .big-container {
    padding-left: var(--gutter-container);
    padding-right: var(--gutter-container);
  }
}
.header__bottom-content {
  display: flex;
  align-items: center;
  flex-wrap: inherit;
  justify-content: space-between;
  gap: var(--spacing-xs);
}
.header__bottom .region-header-bottom {
  display: flex;
  align-items: center;
  flex-wrap: inherit;
  justify-content: space-between;
  width: 100%;
  gap: var(--spacing-xs);
}
.header__bottom .region-header-bottom > .menu--highlight-menu {
  display: none;
}
@media (min-width: 992px) {
  .header__bottom .region-header-bottom > .menu--highlight-menu {
    display: flex;
  }
}
.header__bottom .region-header-bottom > .block-views-exposed-filter-blocksearch-api-search-api {
  display: none;
}
@media (max-width: 991px) {
  .header__bottom .region-header-bottom > .block-views-exposed-filter-blocksearch-api-search-api {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: var(--spacing-sm) var(--spacing-xs);
    border-top: 1px solid var(--white);
    background-color: var(--primary-color);
  }
}
@media (min-width: 992px) {
  .header__bottom .region-header-bottom > .block-views-exposed-filter-blocksearch-api-search-api {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
  }
}
.header__bottom .region-header-bottom > .block-views-exposed-filter-blocksearch-api-search-api.is-active {
  display: block;
}
@media (min-width: 992px) {
  .header__bottom .region-header-bottom > .block-views-exposed-filter-blocksearch-api-search-api.is-active {
    display: flex;
  }
}

/*
    - Name: "branding.scss"
    - Description: "Add custom styles to Navbar Brand layout"
*/
.header__branding svg {
  fill: var(--white);
  width: 170px;
  height: 30px;
}
@media (min-width: 992px) {
  .header__branding svg {
    width: 200px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .header__branding svg {
    width: 240px;
  }
}

header .menu--main .container {
  padding: 0;
}
@media (min-width: 992px) {
  header .menu--main .container {
    padding-left: var(--gutter-container);
    padding-right: var(--gutter-container);
  }
}
header .menu--main .nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: var(--spacing-lg) 0;
  list-style: none;
}
@media (min-width: 992px) {
  header .menu--main .nav {
    flex-direction: row;
    gap: 20px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  header .menu--main .nav > li {
    width: 20%;
  }
}
header .menu--main .nav .menu-item--expanded.hidden {
  display: none;
}
@media (min-width: 992px) {
  header .menu--main .nav .menu-item--expanded.hidden {
    display: block;
  }
}
header .menu--main .nav .menu-item--expanded.active > .nav-link-item .arrow {
  display: none;
}
header .menu--main .nav .menu-item--expanded > .nav-link-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}
header .menu--main .nav .menu-item--expanded > .nav-link-item .arrow {
  display: block;
  width: 50px;
  text-align: right;
  line-height: 0;
  cursor: pointer;
}
@media (min-width: 992px) {
  header .menu--main .nav .menu-item--expanded > .nav-link-item .arrow {
    display: none;
  }
}
header .menu--main .nav .menu-item--expanded > .nav-link-item > a {
  display: block;
  color: var(--white);
  font-family: var(--bold);
  font-size: 1.375rem;
  line-height: 1.75rem;
  text-decoration: none;
}
header .menu--main .nav .menu-item--expanded > .nav-link-item::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color-300);
  transition: var(--base-trans);
}
@media (min-width: 992px) {
  header .menu--main .nav .menu-item--expanded > .nav-link-item:hover::after {
    height: 4px;
  }
}
header .menu--main .nav .menu-item--expanded:last-child > a {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  header .menu--main .nav .menu-item--expanded:last-child > a {
    margin-bottom: var(--spacing-sm);
  }
}
header .menu--main .nav .menu {
  display: none;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  header .menu--main .nav .menu {
    display: flex;
  }
}
header .menu--main .nav .menu.show {
  display: flex;
}
header .menu--main .nav .menu a {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  transition: var(--base-trans);
}
header .menu--main .nav .menu a::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' viewBox='0 0 7 14' fill='none'%3E%3Cpath d='M1 12.8618L4.17157 9.69025C5.50491 8.35691 6.17157 7.69024 6.17157 6.86182C6.17157 6.03339 5.50491 5.36672 4.17157 4.03339L1 0.861816' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  line-height: 0;
  opacity: 0;
  transition: var(--base-trans);
}
header .menu--main .nav .menu a:hover {
  font-family: var(--bold);
}
header .menu--main .nav .menu a:hover::after {
  opacity: 1;
}

.menu__main {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: calc(100dvh - 56px);
  background-color: var(--primary-color);
  padding: var(--spacing-lg) var(--spacing-sm);
}
@media (min-width: 992px) {
  .menu__main {
    height: auto;
    padding: var(--spacing-lg);
  }
}
.menu__main[hidden] {
  display: none;
}
.menu__main .menu--highlight-menu, .menu__main .menu--account, .menu__main .block-lang-dropdown {
  display: block;
}
@media (min-width: 992px) {
  .menu__main .menu--highlight-menu, .menu__main .menu--account, .menu__main .block-lang-dropdown {
    display: none;
  }
}
.menu__main .region-main-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.menu__main .region-main-menu .menu--highlight-menu, .menu__main .region-main-menu .menu--main {
  width: 100%;
}

html.scroll {
  overflow-y: hidden;
}
@media (min-width: 992px) {
  html.scroll {
    overflow-y: auto;
  }
}

.header__bottom .back {
  display: none;
}
.header__bottom .back-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: var(--white);
  font-size: 0.8125rem;
  font-family: var(--bold);
  line-height: 1.125rem;
  letter-spacing: 0.0125rem;
  cursor: pointer;
}
.header__bottom .back-button span {
  text-decoration: underline;
}
.header__bottom.active .back {
  display: block;
}
@media (min-width: 992px) {
  .header__bottom.active .back {
    display: none;
  }
}
.header__bottom.active .header__branding {
  display: none;
}
@media (min-width: 992px) {
  .header__bottom.active .header__branding {
    display: block;
  }
}

/*
    - Name: "language-dropdown.scss"
    - Description: "Add custom styles to Language Dropdown"
      IMPORTANT: Custom styles to drupal/lang_dropdown module
*/
.block-lang-dropdown {
  margin-left: var(--spacing-sm);
}
@media (min-width: 992px) {
  .block-lang-dropdown {
    order: 2;
    margin-left: auto;
  }
}
@media (width <= 300px) {
  .block-lang-dropdown {
    top: 0;
  }
}
.block-lang-dropdown .js-form-item.js-form-type-select {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 !important;
  font-family: var(--regular);
}
.block-lang-dropdown .js-form-item.js-form-type-select::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 12C22 17.5228 17.5228 22 12 22M22 12C22 6.47715 17.5228 2 12 2M22 12H2M12 22C6.47715 22 2 17.5228 2 12M12 22C14.5013 19.2616 15.9228 15.708 16 12C15.9228 8.29203 14.5013 4.73835 12 2M12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2M2 12C2 6.47715 6.47715 2 12 2' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-right: -24px;
  line-height: 0;
}
.block-lang-dropdown .js-form-item.js-form-type-select::after {
  position: absolute;
  content: "\e90f";
  border: 0;
  color: var(--white);
  transition: var(--base-trans);
  font-family: "icomoon";
  font-size: 1.5rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.block-lang-dropdown .js-form-item.js-form-type-select:hover::after {
  transform: rotateX(180deg);
}
.block-lang-dropdown .js-form-item.js-form-type-select.focus::after {
  transform: rotateX(180deg);
}
.block-lang-dropdown .js-form-item.js-form-type-select:hover::after {
  color: var(--white);
}
.block-lang-dropdown select {
  z-index: 9;
  max-width: 100px;
  padding: 8px 40px 8px 8px;
  border: 0;
  background: inherit;
  color: var(--white);
  font-family: var(--bold);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--md-trans) ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: right;
}
.block-lang-dropdown select:checked + ::after {
  color: var(--white);
  font-family: "icomoon";
  font-size: 3rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-display: swap;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.block-lang-dropdown select option {
  color: var(--black);
}
.block-lang-dropdown select option:hover {
  background-color: inherit;
  color: var(--white);
}
.block-lang-dropdown select:hover {
  color: var(--white);
}
.block-lang-dropdown a {
  color: var(--black);
}

.menu--account .nav {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px;
}
.menu--account .nav::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 9C13.6569 9 15 7.65685 15 6C15 4.34315 13.6569 3 12 3C10.3431 3 9 4.34315 9 6C9 7.65685 10.3431 9 12 9Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 20V18C18 16.1362 18 15.2044 17.6955 14.4693C17.2895 13.4892 16.5108 12.7105 15.5307 12.3045C14.7956 12 13.8638 12 12 12V12C10.1362 12 9.20435 12 8.46927 12.3045C7.48915 12.7105 6.71046 13.4892 6.30448 14.4693C6 15.2044 6 16.1362 6 18V20' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
  line-height: 0;
}
.menu--account .nav li a {
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
}
.menu--account .nav li a:hover {
  text-decoration: underline;
}
.menu--account + .block-lang-dropdown {
  margin-left: 24px;
}

.menu--info-header .nav {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu--info-header .nav li {
  padding: 0 6px;
}
.menu--info-header .nav li a, .menu--info-header .nav li span {
  display: inline-block;
  padding: 16px 12px;
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  transition: all var(--base-trans);
}
.menu--info-header .nav li a:hover {
  font-family: var(--bold);
}
.menu--info-header .nav li:first-child {
  padding-left: 0;
}
.menu--info-header .nav li:last-child {
  padding-right: 0;
}
.menu--info-header .nav li.double {
  padding-right: 0;
}
.menu--info-header .nav li.double a, .menu--info-header .nav li.double span {
  padding: 16px 0;
}
.menu--info-header .nav li.double + .double {
  padding-left: 0;
  padding-right: 6px;
}
.menu--info-header .nav li.double + .double a, .menu--info-header .nav li.double + .double span {
  padding-right: 12px;
}
.menu--info-header .nav li.double + .double:before {
  content: "|";
  margin-left: 6px;
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}

.menu--highlight-menu .nav {
  display: flex;
  gap: var(--spacing-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu--highlight-menu .nav li a.btn-white {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: var(--white);
  color: var(--black);
}
@media (min-width: 1200px) {
  .menu--highlight-menu .nav li a.btn-white {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.menu--highlight-menu .nav li a.btn-white:hover {
  font-family: var(--bold);
}
.menu--highlight-menu .nav li a.btn-yellow {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 999px;
  font-family: var(--medium);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0125rem;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: var(--base-trans);
  cursor: pointer;
  background-color: var(--secondary-color-500);
  color: var(--black);
}
@media (min-width: 1200px) {
  .menu--highlight-menu .nav li a.btn-yellow {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
.menu--highlight-menu .nav li a.btn-yellow:hover {
  font-family: var(--bold);
}
.menu--highlight-menu .nav li a.btn-yellow:hover {
  background-color: var(--white);
}

.mobile_section .menu--highlight-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  border-radius: 12px 12px 0 0;
  background-color: var(--primary-color);
  z-index: 8;
}
.mobile_section .menu--highlight-menu .nav li {
  width: 50%;
}
.mobile_section .menu--highlight-menu .nav li a.btn-white, .mobile_section .menu--highlight-menu .nav li a.btn-yellow {
  width: 100%;
  padding: 8px 12px;
  font-size: 0.9375rem;
  text-align: center;
  letter-spacing: 0;
  font-family: var(--bold);
}

.nav-toggle {
  position: relative;
  z-index: var(--z-index-modal);
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  border: none;
  background: transparent;
  font-size: 1.125rem;
  line-height: 1.5rem;
  cursor: pointer;
  order: 3;
}
.nav-toggle--menu, .nav-toggle--close {
  display: none;
  opacity: 0;
  transition: var(--base-trans);
}
@media (min-width: 992px) {
  .nav-toggle--menu {
    display: block;
    opacity: 1;
  }
}
.nav-toggle--close {
  color: var(--black);
}
@media (min-width: 480px) {
  .nav-toggle--close {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 480px) {
  .nav-toggle[aria-expanded=true] .navbar-toggler--menu {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 480px) {
  .nav-toggle[aria-expanded=true] .navbar-toggler--close {
    display: block;
    opacity: 1;
  }
}

.hamburguer {
  position: relative;
  width: 30px;
  height: 20px;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}

.hamburguer span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 9px;
  background: var(--white);
  opacity: 1;
  transition: 0.25s ease-in-out;
  transform: rotate(0deg);
}

.hamburguer span:nth-child(1) {
  top: 0;
}

.hamburguer span:nth-child(2), .hamburguer span:nth-child(3) {
  top: 10px;
}

.hamburguer span:nth-child(4) {
  top: 20px;
}

.nav-toggle[aria-expanded=true] .hamburguer span:nth-child(1) {
  top: 13px;
  left: 50%;
  width: 0%;
}

.nav-toggle[aria-expanded=true] .hamburguer span {
  background-color: var(--white);
  color: var(--white);
}

.nav-toggle[aria-expanded=true] .hamburguer span:nth-child(2) {
  transform: rotate(45deg);
}

.nav-toggle[aria-expanded=true] .hamburguer span:nth-child(3) {
  transform: rotate(-45deg);
}

.nav-toggle[aria-expanded=true] .hamburguer span:nth-child(4) {
  top: 13px;
  left: 50%;
  width: 0%;
}

/*
    - Name: "input-search.scss"
    - Description: "Add custom styles to input search"
*/
.block-views-exposed-filter-blocksearch-api-search-api form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px;
  border: 1px solid var(--white);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
}
@media (min-width: 992px) {
  .block-views-exposed-filter-blocksearch-api-search-api form {
    padding: 8px 20px;
    justify-content: unset;
  }
}
.block-views-exposed-filter-blocksearch-api-search-api form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.block-views-exposed-filter-blocksearch-api-search-api form input[type=text] {
  border: 0;
  border-right: 1px solid var(--white);
  background-color: transparent;
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.875rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  outline: none;
}
@media (max-width: 991px) {
  .block-views-exposed-filter-blocksearch-api-search-api form input[type=text] {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .block-views-exposed-filter-blocksearch-api-search-api form input[type=text] {
    width: 310px;
    font-size: 0.9375rem;
  }
}
.block-views-exposed-filter-blocksearch-api-search-api form .form-item-search-api-fulltext {
  width: 100%;
}
.block-views-exposed-filter-blocksearch-api-search-api form ::-moz-placeholder {
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.875rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
}
.block-views-exposed-filter-blocksearch-api-search-api form ::placeholder {
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.875rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
}
@media (max-width: 479px) {
  .block-views-exposed-filter-blocksearch-api-search-api form ::-moz-placeholder {
    font-size: 0;
  }
  .block-views-exposed-filter-blocksearch-api-search-api form ::placeholder {
    font-size: 0;
  }
}
@media (min-width: 1200px) {
  .block-views-exposed-filter-blocksearch-api-search-api form ::-moz-placeholder {
    font-size: 0.9375rem;
  }
  .block-views-exposed-filter-blocksearch-api-search-api form ::placeholder {
    font-size: 0.9375rem;
  }
}
.block-views-exposed-filter-blocksearch-api-search-api form input[type=submit] {
  padding-left: 12px;
  padding-right: 36px;
  border: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1893 3.00002C14.1598 3.00002 17.3785 6.2188 17.3785 10.1894C17.3785 11.829 16.8297 13.3404 15.9056 14.5499L20.7192 19.3636C21.0936 19.738 21.0936 20.3449 20.7192 20.7193C20.3449 21.0936 19.738 21.0936 19.3636 20.7193L14.55 15.9056C13.3405 16.8298 11.829 17.3787 10.1893 17.3787C6.21874 17.3787 3 14.1599 3 10.1894C3 6.2188 6.21874 3.00002 10.1893 3.00002ZM10.1893 4.91718C13.101 4.91717 15.4614 7.27761 15.4614 10.1894C15.4614 13.1011 13.101 15.4616 10.1893 15.4616C7.27755 15.4616 4.91714 13.1011 4.91714 10.1894C4.91714 7.27762 7.27755 4.91718 10.1893 4.91718Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  color: var(--white);
  font-family: var(--medium);
  font-size: 0.875rem;
  line-height: 1.4375rem;
  letter-spacing: 0.0125rem;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .block-views-exposed-filter-blocksearch-api-search-api form input[type=submit] {
    font-size: 0.9375rem;
  }
}
@media (min-width: 992px) {
  .block-views-exposed-filter-blocksearch-api-search-api form:has(input:focus) {
    border-width: 2px;
  }
}

.search-toggle {
  position: relative;
  z-index: var(--z-index-modal);
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  order: 2;
}
@media (min-width: 992px) {
  .search-toggle {
    display: none;
  }
}
/*# sourceMappingURL=header.css.map */