/* BARRIOTHEME > NAVIGATION CSS */

/* =========================================================================================================== */
/* HEADER */
header {
  /* width: 100%; */
  position: relative;
  /* top: 0;
  left: 0; */
  z-index: 21;
  /* padding: calc(var(--distance-medium) * 2) 0 0; */
  background-color: transparent;
}

.nav-menu {
  position: absolute;
  top: unset;
  width: 100%;
  padding: var(--distance-medium) 0;
  transition: all 0.4s ease-out;
  z-index: 21;
}
.nav-menu.is_fixed {
  position: fixed;
  top: 0;
  transform: initial;
}
body.open-menu .nav-menu {
  opacity: 1 !important;
  background: var(--nero) !important;
}
.scroll-after-header header .nav-menu.is_fixed {
  opacity: 0;
  pointer-events: none;
}
.scroll-up.scroll-after-header header .nav-menu.is_fixed {
  opacity: 1;
  pointer-events: all;
}
.scroll-up:not(.home) header.on-black .nav-menu {
  background-color: var(--nero);
}
.scroll-up header:not(.on-black) .nav-menu.is_fixed,
.scroll-up.home .nav-menu.is_fixed {
  background-color: var(--bianco);
}
.page-template-page-calendar.scroll-after-header header .nav-menu {
  opacity: 1;
  background: var(--nero);
}

.search-container {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(100%, 0);
  z-index: 23;
  height: var(--menu-height);
  padding: 0;
  opacity: 0;
  background-color: var(--bianco);
  transition: all 0.3s ease-in-out;
}
/* .scroll-after-header .search-container {
  height: calc(var(--menu-height) - 10px);
} */
.search-container .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.2s 0.4s ease-in-out;
}

.open-search.scroll-at-header .search-container,
.open-search .search-container.no-adv {
  transform: translate(0, 0);
  opacity: 1;
}

.exiting-search.scroll-at-header .search-container,
.exiting-search .search-container.no-adv {
  transform: translate(0, -150%);
  opacity: 1;
}

.hide-search.scroll-at-header .search-container,
.hide-search .search-container.no-adv {
  opacity: 0;
  transition: none;
  visibility: hidden;
  z-index: -1;
}

.open-search.scroll-at-header .search-container .wrapper,
.open-search .search-container.no-adv .wrapper {
  opacity: 1;
}

.search-container .search-container {
  position: relative;
}
.searching .search-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - var(--wrapper-padding));
  height: 1px;
  background: var(--nero);
  max-width: var(--max-width);
}

.search-input {
  position: relative;
  padding-left: calc(var(--distance-big) * 0.65);
}
.search-input::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--distance-big) / 4);
  height: calc(var(--distance-big) / 4);
  color: transparent !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: url(../media/svg/search.svg) no-repeat 50% 50%;
  mask: url(../media/svg/search.svg) no-repeat 50% 50%;
  background: var(--nero);
}
.search-input input[type="text"] {
  font-family: var(--ivy) !important;
  font-size: var(--size-h3) !important;
  line-height: var(--lh-h3);
  letter-spacing: normal;
  font-weight: 300;
  font-style: italic;
  color: var(--nero) !important;
  border: none !important;
  width: 100%;
}
.search-input input[type="text"]::placeholder {
  font-family: var(--ivy) !important;
  font-size: var(--size-h3) !important;
  line-height: var(--lh-h3);
  letter-spacing: normal;
  font-weight: 300;
  font-style: italic;
  opacity: 0.7;
  color: var(--nero) !important;
}

.close-btn {
  position: relative;
  width: var(--distance-medium);
  height: var(--distance-medium);
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.close-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 100%;
  height: 1px;
  background: var(--nero);
}
.close-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 1px;
  background: var(--nero);
}

.search-results-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  padding: calc(var(--distance-big) * 2) 0 var(--distance-medium);
  background-color: var(--bianco);
  transition: padding 0.3s ease-in-out;
  overflow: scroll;
}
.scroll-up.open-search .search-results-container {
  padding-top: calc(var(--distance-big) * 1.5);
}
.open-search.searching .search-results-container {
  opacity: 1;
  z-index: 22;
}
.open-search.searching.empty-visible
  .search-results-container
  .searched-articoli-container {
  opacity: 0;
}

.search-results-container h3.alt {
  margin-bottom: var(--distance-medium);
  height: var(--lh-h3);
}

/* =========================================================================================================== */
/* LOGO */
.logo,
.logo:visited,
.logo:focus,
.logo:hover {
  position: absolute;
  left: 50%;
  top: unset;
  margin-top: calc(var(--menu-height) / 2);
  width: 166.5px;
  height: 50px;
  display: block;
  transform: translate(-50%, -50%);
  -webkit-mask: url(../media/logo/logo.svg) no-repeat 50% 50%;
  mask: url(../media/logo/logo.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  z-index: 22;
  opacity: 1;
  transition: var(--transition);
}
.sos-logo,
.sos-logo:visited,
.sos-logo:focus,
.sos-logo:hover {
  background: transparent;
  mix-blend-mode: difference;
  -webkit-mask: none;
  mask: none;
}
.sos-logo-gif {
  position: absolute;
  left: 50%;
  top: unset;
  margin-top: calc(var(--menu-height) / 2);
  width: 220px;
  height: 90px;
  transform: translate(-50%, -50%);
  background: url(../media/SOS.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 21;
  pointer-events: none;
}
.sos-logo:hover + .sos-logo-gif {
  opacity: 1;
}
.logo.is_fixed,
.logo.is_fixed:visited,
.logo.is_fixed:focus,
.logo.is_fixed:hover,
.sos-logo-gif.is_fixed {
  position: fixed;
  top: 0;
}
.pittogramma {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  background: var(--bianco);
  -webkit-mask: url(../media/svg/pittogramma.svg) no-repeat 50% 50%;
  mask: url(../media/svg/pittogramma.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.logo-outline,
.logo-fill {
  display: block;
  width: 364px;
  height: 67px;
  margin: 0px 0 var(--distance-half);
  background: var(--nero);
  -webkit-mask: url(../media/logo/logo-outline.svg) no-repeat 50% 50%;
  mask: url(../media/logo/logo-outline.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.logo-fill {
  margin: 0 var(--distance-half);
  background: var(--nero);
  -webkit-mask: url(../media/logo/logo-fill.svg) no-repeat 50% 50%;
  mask: url(../media/logo/logo-fill.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* SECOND HEADER */
header.second {
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
  background: var(--nero);
  padding-top: var(--distance);
  padding-bottom: var(--distance-half);
}
.page-template-page-contatti .sos-logo,
.page-template-page-about .sos-logo,
.page-template-page-contest .sos-logo {
  display: none !important;
}
header.second .logo,
header.second .logo:visited,
header.second .logo:focus,
header.second .logo:hover {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  margin-bottom: calc(var(--distance-big) / 4);
  background: var(--bianco);
}

/* THIRD HEADER */
header.third {
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
  background: var(--nero);
  padding: var(--distance-half) 0;
}
header.third .logo,
header.third .logo:visited,
header.third .logo:focus,
header.third .logo:hover {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  background: var(--bianco);
}
.logo-ssc {
  position: relative;
  width: 200px;
  height: 100px;
  background-image: url("https://www.soldoutservice.com/wp-content/uploads/2024/11/SSC_logo-2.png");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.logo-snipes,
.logo-snipes:visited,
.logo-snipes:focus,
.logo-snipes:hover {
  position: relative;
  display: block;
  width: 120px;
  height: 60px;
  background-image: url("https://www.soldoutservice.com/wp-content/uploads/2024/11/Snipes_logo.png");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}

/* =========================================================================================================== */
/* Menu Header */
.menu-header {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0;
}
.menu-header li {
  position: relative;
  margin-bottom: 0;
}
.page-template-page-calendar header .menu-header li {
  transition: var(--transition);
}
.page-template-page-calendar.scroll-after-header header .menu-header li {
  opacity: 0;
}
.menu-header li + li {
  margin-left: calc(var(--distance-half) * 3);
}
.menu-header li.item-home {
  display: none;
}
.menu-header li .sub-menu {
  position: absolute;
  top: 0;
  width: 100%;
  padding: var(--distance) 0 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  /* cursor: pointer; */
  columns: 1;
  list-style-type: none;
  transition: all 0.2s ease-in-out;
}
.home.scroll-up .is_fixed .menu-header li .sub-menu,
.single-product-release.scroll-up .is_fixed .menu-header li .sub-menu {
  background: var(--bianco);
  padding: var(--distance) 5px 5px;
}
.scroll-up:not(.home) .on-black .menu-header li .sub-menu {
  background: var(--nero);
}
.menu-header li a:hover + .sub-menu,
.menu-header li .sub-menu:hover {
  opacity: 1;
  z-index: 5;
  pointer-events: all;
}
#menu-menu-header-left li:nth-child(2),
.menu-header li .sub-menu li {
  margin-left: 0;
}
.menu-header li .sub-menu li {
  margin: 0 auto calc(var(--distance) / 2);
}
.menu-header li.menu-item-has-children a {
  z-index: 6 !important;
}
.menu-header li a,
.menu-header li a:visited,
.menu-header li a:focus,
.menu-header li a:hover {
  position: relative;
  font-family: var(--grotesk);
  font-size: var(--size-occhiello);
  line-height: var(--lh-occhiello);
  font-weight: 600;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--nero);
  transition: all;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
}
.menu-header li .sub-menu li a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: var(--nero) !important;
}
.on-black .menu-header li .sub-menu li a {
  background: var(--bianco) !important;
}
body.home.scroll-up .on-black .menu-header li .sub-menu li a {
  background: var(--nero) !important;
}
.menu-header li .sub-menu li a::before {
  content: none !important;
}
.menu-header li.current-menu-item a,
.menu-header li a:hover,
header.in-style .menu-header li.item-style a,
header.in-footwear .menu-header li.item-footwear a,
header.in-accessories .menu-header li.item-accessories a {
  color: var(--bianco);
}
.on-black .menu-header li a,
.on-black .menu-header li a:visited,
.on-black .menu-header li a:focus,
.on-black .menu-header li a:hover {
  color: var(--bianco);
}
.on-black .menu-header li.current-menu-item a,
.on-black .menu-header li a:hover {
  color: var(--nero);
}
.home.scroll-up .is_fixed .menu-header li a,
.home.scroll-up .is_fixed .menu-header li a:visited,
.home.scroll-up .is_fixed .menu-header li a:focus,
.home.scroll-up .is_fixed .menu-header li a:hover {
  color: var(--nero);
}
.home.scroll-up .is_fixed .menu-header li.current-menu-item a,
.home.scroll-up .is_fixed .menu-header li a:hover {
  color: var(--bianco);
}

.menu-header li.current-menu-item.item-extra a,
.menu-header li.current-menu-item.item-release a {
  color: var(--nero) !important;
}
.menu-header li.item-extra a:hover,
.menu-header li.item-extra.current-category-ancestor a,
.menu-header li.item-release a:hover,
.menu-header li.current-page-ancestor.item-release a {
  color: var(--nero) !important;
}

.menu-header li a::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translate(-50%, 0);
  background: var(--nero);
  width: calc(100% + 6px);
  height: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}
.on-black .menu-header li.current-menu-item a::before,
.on-black .menu-header li a:hover::before {
  background: var(--bianco);
}
.home.scroll-up .is_fixed .menu-header li.current-menu-item a::before,
.home.scroll-up .is_fixed .menu-header li a:hover::before {
  background: var(--nero);
}
.menu-header li.item-extra a::before {
  background: var(--rosso) !important;
}
.menu-header li.item-release a::before {
  background: var(--verde_acqua) !important;
}
.menu-header li.current-menu-item a::before,
.menu-header li.current-page-ancestor a::before,
.menu-header li.item-extra.current-category-ancestor a::before,
.single-product-release .menu-header li.item-release a::before,
.menu-header li a:hover::before,
header.in-release .menu-header li.item-release a::before,
header.in-extra .menu-header li.item-extra a::before,
header.in-style .menu-header li.item-style a::before,
header.in-footwear .menu-header li.item-footwear a::before,
header.in-accessories .menu-header li.item-accessories a::before {
  height: calc(100% + 6px);
}

.search-button {
  position: relative;
  width: calc(var(--distance-big) / 4);
  height: calc(var(--distance-big) / 4);
  overflow: hidden;
}
.menu-header li.search-button a,
.menu-header li.search-button a:visited,
.menu-header li.search-button a:focus,
.menu-header li.search-button a:hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: transparent !important;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: url(../media/svg/search.svg) no-repeat 50% 50%;
  mask: url(../media/svg/search.svg) no-repeat 50% 50%;
  background: var(--nero);
  transition: var(--transition);
}
.open-menu .menu-header li.search-button a,
.open-menu .menu-header li.search-button a:visited,
.open-menu .menu-header li.search-button a:focus,
.open-menu .menu-header li.search-button a:hover {
  background: var(--bianco);
}
.menu-header li.search-button a::before {
  content: none;
}

.on-black .menu-header li.search-button a,
.on-black .menu-header li.search-button a:visited,
.on-black .menu-header li.search-button a:focus,
.on-black .menu-header li.search-button a:hover {
  background: var(--bianco);
}
.scroll-up header:not(.on-black) .menu-header li.search-button a,
.scroll-up header:not(.on-black) .menu-header li.search-button a:visited,
.scroll-up header:not(.on-black) .menu-header li.search-button a:focus,
.scroll-up header:not(.on-black) .menu-header li.search-button a:hover,
.scroll-up.home .is_fixed .menu-header li.search-button a,
.scroll-up.home .is_fixed .menu-header li.search-button a:visited,
.scroll-up.home .is_fixed .menu-header li.search-button a:focus,
.scroll-up.home .is_fixed .menu-header li.search-button a:hover {
  background: var(--nero);
}
.open-menu .is_fixed .menu-header li.search-button a,
.open-menu .is_fixed .menu-header li.search-button a:visited,
.open-menu .is_fixed .menu-header li.search-button a:focus,
.open-menu .is_fixed .menu-header li.search-button a:hover {
  background: var(--bianco) !important;
}

/* COMPANY MENU */
.company-menu {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.company-menu li:last-of-type {
  display: none;
}
.company-menu li a,
.company-menu li a:visited,
.company-menu li a:focus,
.company-menu li a:hover {
  color: var(--nero);
  text-shadow: -1px -1px 0 rgba(var(--bianco-rgb), 0.5),
    1px -1px 0 rgba(var(--bianco-rgb), 0.5),
    -1px 1px 0 rgba(var(--bianco-rgb), 0.5),
    1px 1px 0 rgba(var(--bianco-rgb), 0.5);
  font-family: var(--grotesk_compressed);
  font-size: var(--size-super);
  line-height: var(--lh-super);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.company-menu li.current-menu-item a,
.company-menu li a:hover {
  color: var(--bianco);
  text-shadow: none;
}

/* =========================================================================================================== */
/*
    HH   HH     AAA     MM    MM
    HH   HH    AAAAA    MMM  MMM
    HHHHHHH   AA   AA   MM MM MM
    HH   HH   AAAAAAA   MM    MM
    HH   HH   AA   AA   MM    MM
*/

.btn-hamburger {
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  margin: 0 0 0 auto;
}

.btn-hamburger .line {
  width: 100%;
  height: 6px;
  background-color: var(--nero);
  position: absolute;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: url(../media/svg/linea.svg) no-repeat 50% 50%;
  mask: url(../media/svg/linea.svg) no-repeat 50% 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
}
header.on-black .btn-hamburger .line {
  background: var(--bianco);
}
.scroll-up header.on-black .btn-hamburger .line {
  background: var(--nero);
}
.open-menu header.on-black .btn-hamburger .line {
  background: var(--bianco) !important;
}
.btn-hamburger .line.top {
  top: 0;
  transform: translate(-50%, 0);
}
.btn-hamburger .line.bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 0);
}
.btn-hamburger .line:not(.top):not(.bottom) {
  top: 51%;
}
.open-menu .btn-hamburger .line {
  opacity: 0;
}

.btn-hamburger::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 150%;
  height: 1px;
  background: var(--bianco);
  opacity: 0;
}
.btn-hamburger::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 150%;
  height: 1px;
  background: var(--bianco);
  opacity: 0;
}
.open-menu .btn-hamburger::before,
.open-menu .btn-hamburger::after {
  opacity: 1;
}
.open-menu header.blu-bg .btn-hamburger::before,
.open-menu header.blu-bg .btn-hamburger::after {
  background: var(--verde_acqua);
}
.open-menu header.red-bg .btn-hamburger::before,
.open-menu header.red-bg .btn-hamburger::after {
  background: var(--rosso) !important;
}

/* =========================================================================================================== */
/*
     OOOOO    VV     VV   EEEEEEE   RRRRRR    LL        AAA     YY   YY
    OO   OO   VV     VV   EE        RR   RR   LL       AAAAA    YY   YY
    OO   OO    VV   VV    EEEEE     RRRRRR    LL      AA   AA    YYYY
    OO   OO     VV VV     EE        RR  RR    LL      AAAAAAA     YY
     OOOO0       VVV      EEEEEEE   RR   RR   LLLLL   AA   AA     YY
*/

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bianco);
  color: var(--nero);
  transition: var(--transition);
  overflow: hidden;
  z-index: 20;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
body.open-menu .overlay {
  opacity: 1;
  pointer-events: all;
}
.overlay.red-bg {
  background: var(--rosso);
}
.overlay.blu-bg {
  background: var(--verde_acqua);
}
.white-bg .top-content .red-content,
.white-bg .top-content .blu-content,
.red-bg .top-content .white-content,
.red-bg .top-content .blu-content,
.blu-bg .top-content .white-content,
.blu-bg .top-content .red-content,
.white-bg .bottom-content .white-content,
.red-bg .bottom-content .red-content,
.blu-bg .bottom-content .blu-content {
  display: none;
}

.overlay .top-content {
  padding-top: calc(var(--distance-medium) + var(--menu-height));
}
.overlay .top-content .occhiello {
  margin-bottom: var(--distance);
}
.overlay .top-content h6 {
  font-family: var(--ivy);
  font-style: italic;
  text-transform: lowercase;
  font-weight: 300;
  margin-bottom: var(--distance);
}
.overlay .bottom-content {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  width: 100%;
  padding: 0 calc(var(--wrapper-padding) / 2);
  background: var(--nero);
  z-index: 2;
}
.overlay .bottom-content a {
  display: block;
  font-family: var(--grotesk);
  font-size: var(--size-h3);
  line-height: var(--lh-h3);
  letter-spacing: normal;
  font-weight: 600;
  color: var(--bianco);
  text-transform: uppercase;
  padding: var(--distance) 0;
}
.overlay .bottom-content a.occhiello {
  font-family: var(--univers);
  font-size: var(--size-occhiello);
  line-height: var(--lh-occhiello);
  letter-spacing: normal;
  text-transform: uppercase;
  padding: 0 !important;
}
.overlay .bottom-content a.occhiello::before {
  content: none !important;
}
.overlay .bottom-content .white-content a,
.overlay .bottom-content .red-content a,
.overlay .bottom-content .blu-content a {
  border-bottom: 1px solid var(--bianco);
}
.overlay-icon-menu {
  list-style: none;
  padding: calc(var(--distance-medium) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--bianco);
}
.overlay-icon-menu li {
  margin-right: calc(var(--distance-medium) / 2);
}
.overlay-icon-menu li:last-of-type {
  margin-right: 0 !important;
}
.overlay-icon-menu a {
  width: var(--distance);
  height: var(--distance);
  padding: 0 !important;
  background: var(--bianco) !important;
}

/* MENU OVERLAY */
.menu-overlay {
  padding: 0;
  list-style-type: none;
}
.red-content {
  position: relative;
}
.top-content .red-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(
    180deg,
    rgba(255, 113, 113, 0) 0%,
    #ff7171 100%,
    #000000 100%
  );
  pointer-events: none;
  z-index: 2;
}
.top-content .red-content .menu-overlay {
  height: 50vh;
  overflow: scroll;
  padding: 40px 0 60px;
}

.menu-overlay li {
  position: relative;
  margin-bottom: calc(var(--distance-medium) / 1.5);
}
.menu-overlay li a,
.menu-overlay li a:visited,
.menu-overlay li a:focus,
.menu-overlay li a:hover {
  position: relative;
  font-family: var(--grotesk);
  font-size: var(--size-h3);
  line-height: var(--lh-h3);
  letter-spacing: normal;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--nero);
  /* transition: var(--transition); */
}
.menu-overlay li.current-menu-item a {
  color: var(--bianco);
}
.overlay.red-bg .menu-overlay li.current-menu-item a {
  color: var(--rosso);
}
.overlay.blu-bg .menu-overlay li.current-menu-item a {
  color: var(--verde_acqua);
}
.menu-overlay li a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--nero);
  width: calc(100% + 6px);
  height: 100%;
  opacity: 0;
  z-index: -1;
}
.menu-overlay li.current-menu-item a::before {
  opacity: 1;
}

/* =========================================================================================================== */
/*
    LL         OOOOO      AAA     DDDDD     EEEEEEE   RRRRRR
    LL        OO   OO    AAAAA    DD  DD    EE        RR   RR
    LL        OO   OO   AA   AA   DD   DD   EEEEE     RRRRRR
    LL        OO   OO   AAAAAAA   DD   DD   EE        RR  RR
    LLLLLLL    OOOO0    AA   AA   DDDDDD    EEEEEEE   RR   RR
*/

.loader {
  position: fixed;
  z-index: 99;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 1;
  background: var(--nero);
  transform-origin: center top;
  transition: all 0.75s ease;
}
.loader.not-visible {
  transform: translateY(-100%);
}

.cont-newsletter {
  position: relative;
  background: var(--nero);
  border-top: 1px solid rgba(var(--bianco-rgb), 0.5);
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
  padding-top: calc(var(--distance) * 3);
  padding-bottom: calc(var(--distance-big) / 2);
  z-index: 4;
}
.cont-newsletter h3 {
  color: var(--bianco);
  margin-bottom: var(--distance);
}
.cont-newsletter input[type="email"] {
  padding-right: calc(var(--distance-medium) * 3) !important;
}
.cont-newsletter .cont-form form {
  position: relative;
}
.cont-newsletter .cont-form .gform_footer {
  position: absolute;
  right: 0;
  top: 34px;
  transform: translateY(-50%);
  margin: 0 !important;
}

/* =========================================================================================================== */
/*
    FFFFFFF    OOOOO     OOOOO    TTTTTTTT   EEEEEEE   RRRRRR
    FF        OO   OO   OO   OO      TT      EE        RR   RR
    FFFF      OO   OO   OO   OO      TT      EEEEE     RRRRRR
    FF        OO   OO   OO   OO      TT      EE        RR  RR
    FF         OOOO0     OOOO0       TT      EEEEEEE   RR   RR
*/

/* Footer */

footer {
  position: relative;
  padding-top: var(--distance-big);
  padding-bottom: var(--distance-big);
  background-color: var(--nero);
}
footer .riga-logo {
  position: relative;
}
footer .riga-logo::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: calc(100% - var(--bs-gutter-x));
  background: rgba(var(--bianco-rgb), 0.5);
}
footer .riga-logo a.occhiello {
  color: rgba(var(--bianco-rgb), 0.5);
}
footer .logo,
footer .logo:visited,
footer .logo:focus,
footer .logo:hover {
  position: relative;
  top: auto !important;
  left: auto !important;
  transform: none;
  margin: calc(var(--distance) * 2) 0;
  background: var(--bianco);
  z-index: auto;
}
footer .riga-menus {
  position: relative;
  padding: calc(var(--distance-half) * 3) 0;
}
footer .riga-menus::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: calc(100% - var(--bs-gutter-x));
  background: rgba(var(--bianco-rgb), 0.5);
}
footer .occhiello {
  color: var(--bianco);
}
.footer-menu {
  margin-top: var(--distance-half);
  padding-left: 0;
  list-style: none;
}
.footer-menu li a,
.footer-menu li a:visited,
.footer-menu li a:focus,
.footer-menu li a:hover {
  display: block;
  font-size: var(--size-p);
  line-height: var(--lh-p);
  color: var(--bianco);
}
.footer-menu li.current-menu-item a,
.footer-menu li a:hover {
  opacity: 0.5;
}
footer .riga-subfooter {
  padding-top: calc(var(--distance-medium) / 2);
}
footer .riga-subfooter .occhiello {
  font-family: var(--dm);
  line-height: var(--size-occhiello);
  margin-right: calc(var(--distance-half) / 3);
}
.menu-privacy {
  display: flex;
  padding-left: 0;
  list-style: none;
  align-items: center;
  justify-content: space-between;
}
footer .menu-privacy li a,
footer .menu-privacy li a:visited,
footer .menu-privacy li a:focus,
footer .menu-privacy li a:hover {
  font-family: var(--dm);
  font-size: var(--size-occhiello);
  line-height: var(--lh-occhiello);
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--bianco);
}
footer .menu-privacy li a:hover {
  opacity: 0.5;
}

footer .accordion-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--bianco);
  border-radius: 0 !important;
  padding-bottom: calc(var(--distance-half) / 3);
}
footer .accordion-item .accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 !important;
  color: var(--bianco);
  background: transparent;
  box-shadow: none;
  padding: calc(var(--distance-medium) / 2) 0 var(--distance-half);
}
footer .accordion-button::after,
footer .accordion-button:not(.collapsed)::after {
  content: "";
  position: relative;
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: var(--distance-half);
  height: var(--distance-half);
  -webkit-mask: url(../media/svg/plus.svg) no-repeat 50% 50%;
  mask: url(../media/svg/plus.svg) no-repeat 50% 50%;
  background: var(--bianco);
  transition: none;
  margin: 0;
}
footer .accordion-button:not(.collapsed)::after {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: url(../media/svg/minus.svg) no-repeat 50% 50%;
  mask: url(../media/svg/minus.svg) no-repeat 50% 50%;
}
footer .accordion-body {
  padding: 0;
}

/* =========================================================================================================== */
/* CREDITS */
.credits-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.credits,
.credits:hover,
.credits:focus,
.credits:visited {
  display: inline-flex;
  width: 96.9px;
  height: 14px;
  margin: calc(var(--distance-half) / 3) 0 calc(var(--distance) / 3);
  border: none !important;
  -webkit-mask: url(../media/logo/logo-hellobarrio.svg) no-repeat 50% 50%;
  mask: url(../media/logo/logo-hellobarrio.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--bianco);
}
.credits:hover {
  opacity: 0.5;
}
.ie .credits {
  width: 86px;
  height: 12px;
  text-indent: -99999px;
  background-color: url(../media/logo/logo-hellobarrio.svg) no-repeat center
    center;
  background-size: contain;
  -webkit-mask: none;
  mask: none;
}