/* BARRIOTHEME > PAGES CSS */

/* __________________________________________________________________________ */
/* General */
.wrapper {
  width: calc(100% - var(--wrapper-padding));
  max-width: var(--max-width);
  margin: 0 auto;
}
section {
  padding: var(--distance-big) 0;
  position: relative;
}

/* __________________________________________________________________________ */
/* HERO */
.hero {
  width: 100%;
  /* padding-top: calc(var(--menu-height) + var(--distance-big)); */
  padding-top: calc(var(--distance-big) * 2);
  padding-bottom: var(--distance-big);
  background-color: transparent;
  position: relative;
  min-height: 1200px;
}
.hero.container_per_sticky {
  padding-top: calc(var(--distance-big) + var(--distance-medium));
  margin-top: var(--distance-big);
}
.page-template-page-release .hero.container_per_sticky {
  margin-top: 0;
  padding-top: calc(calc(var(--distance-big) * 2) + var(--distance-medium));
}
.home .hero,
.page-template-page-release .hero,
.page-template-page-calendar .hero,
.single-post .hero,
.single-product-release .hero {
  min-height: inherit;
}
.hero.fullScreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont-hero {
  position: relative;
  height: 100%;
}
.cont-hero .bottom-content {
  position: absolute;
  bottom: 0;
}
.cont-hero .occhiello {
  margin-top: var(--distance-half);
}

/* HERO NERA */
.hero.specchiata {
  background: var(--nero);
}
.hero.specchiata .cont-hero h1 {
  font-family: var(--grotesk);
  font-weight: 500;
  font-style: normal;
}
.hero.specchiata .cont-hero * {
  color: var(--bianco);
}

/* HERO CENTRATA */
.hero.centered .cont-hero h1 {
  margin-top: var(--distance);
  margin-bottom: calc(var(--distance-medium) / 2);
}
.hero.centered .cont-hero p.occhiello {
  margin-bottom: calc(var(--distance-medium) / 2);
}

/* ========================================================================== */
/* Page: "Home" */
.home .hero .img-articolo.square {
  aspect-ratio: 1 / 1;
}
/* TOPIC MAGAZINE */
.sos-mag {
  background: var(--nero);
  padding-top: calc(var(--distance-big) * 3);
  padding-bottom: calc(var(--distance-big) * 1.5);
  overflow: hidden;
}
.sos-mag * {
  color: var(--bianco) !important;
}
.sos-mag .card-articolo * {
  color: var(--bianco);
}
.sos-mag .card-articolo .img-articolo::before {
  border-color: var(--bianco);
}
.sos-mag .gradient-img img {
  filter: none;
}
.sos-mag .card-articolo:hover .gradient-img img {
  filter: grayscale(1);
}
.sos-mag .card-articolo:hover .gradient-img::before {
  content: none;
}
.sos-mag .marquee-container {
  border-bottom: 1px solid var(--bianco);
}
/* __________________________________________________________________________ */
/* Section: "In Evidenza" */
.in-evidenza h3.alt {
  margin-bottom: var(--distance);
}
.card-articolo {
  display: block;
}
.card-articolo .img-articolo {
  position: relative;
}
.img-articolo.square {
  aspect-ratio: 1 / 1;
}
.card-release .img-articolo {
  background: var(--bianco);
}
.in-evidenza .card-articolo .img-articolo {
  border-top-left-radius: 224px;
  border-bottom-right-radius: 224px;
  overflow: hidden;
}
.in-evidenza
  .cont-articoli
  [class*="col-"]:nth-child(2)
  .card-articolo
  .img-articolo {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.card-articolo .img-articolo::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: calc(var(--distance-medium) / 2) solid var(--nero);
  border-radius: inherit;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.searched-articoli-container .card-articolo .img-articolo::before {
  border-color: var(--nero) !important;
}
.specchiata .card-articolo .img-articolo::before {
  border-color: var(--bianco);
}
.card-articolo:hover .img-articolo::before {
  opacity: 1;
}
/* .card-articolo:hover .img-articolo .tagged {
  opacity: 0;
} */
.card-articolo h4 {
  margin: calc(var(--distance-big) / 4) 0 var(--distance-half);
}
.card-articolo p.alt {
  margin: var(--distance-half) 0;
}
/* __________________________________________________________________________ */
/* Section: "AD" */
.ad.billboard {
  margin: 0;
  padding: var(--distance-half);
  z-index: 24;
}
.page-template-page-about .ad.billboard,
.page-template-page-contatti .ad.billboard,
.page-template-page-contest .ad.billboard {
  display: none;
}
.ad .occhiello {
  position: absolute;
  left: 50%;
  top: calc(var(--distance-big) / 4);
  transform: translate(-50%, -50%);
  color: var(--grigio_C0);
}
.ad .border-vertical {
  position: relative;
  padding: calc(var(--distance-big) / 2) 0;
}
.ad .border-vertical::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 1px;
  width: calc(100% - var(--bs-gutter-x));
  background: var(--grigio_C0);
}
.ad .border-vertical::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: calc(100% - var(--bs-gutter-x));
  background: var(--grigio_C0);
}
.ad img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* max-height: 400px; */
}
/* __________________________________________________________________________ */
/* Section: "Latest" */
.cont-lm-articoli h3.alt {
  margin-bottom: var(--distance);
}
.cont-articoli .card-articolo {
  display: block;
  margin-bottom: calc(var(--distance-big) / 2);
}
.latest .cont-articoli .card-articolo {
  margin-bottom: calc(var(--distance) * 2);
}
.cont-articoli .card-articolo .vertical img {
  height: 600px;
}
.cont-articoli .card-articolo .horizontal img {
  height: 500px;
}
.body-articolo {
  position: relative;
  height: 100%;
}
.body-articolo .bottom-content {
  position: absolute;
  bottom: 0;
}
.body-articolo .occhiello {
  margin-top: var(--distance-half);
}
/* __________________________________________________________________________ */
/* Section: "Extra" */
.sos-extra {
  background: var(--nero);
  padding-top: calc(var(--distance-big) * 3);
  padding-bottom: calc(var(--distance-big) * 1.5);
}
.sos-extra .marquee-container {
  border-bottom: 1px solid var(--rosso);
}
.sos-extra .marquee p.super {
  color: var(--rosso);
}
.sos-extra .negative-top .occhiello,
.sos-release .negative-top .occhiello,
.sos-mag .negative-top .occhiello {
  margin-bottom: var(--distance-half);
}
.gradient-img {
  position: relative;
  height: 800px;
}
.gradient-img::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background: -moz-linear-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%,
    #000000 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%,
    #000000 100%
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%,
    #000000 100%
  );
  width: 100%;
  height: 60%;
  z-index: 2;
}
.card-articolo .gradient-img::before {
  border: none;
  background: var(--rosso);
  mix-blend-mode: multiply;
  opacity: 0;
}
.card-articolo:hover .gradient-img::before {
  opacity: 0.7;
}
.gradient-img img {
  filter: grayscale(1);
}
.sos-extra p {
  color: var(--bianco);
}
.sos-extra h3.alt {
  color: var(--rosso);
  /* margin-top: calc(var(--distance-medium) * 2); */
  margin-bottom: var(--distance);
}
.sos-extra .card-articolo .img-articolo::before {
  z-index: 1;
  border-color: var(--rosso);
}
.sos-extra .card-articolo .img-articolo img {
  filter: grayscale(1);
}
.home .sos-extra .card-articolo h4 {
  color: var(--bianco);
}
/* __________________________________________________________________________ */
/* Section: "Release" */
.sos-release {
  background: var(--verde_acqua);
  padding-top: calc(var(--distance-big) * 3);
  padding-bottom: calc(var(--distance-big) * 1.5);
  z-index: 2;
}
.sos-release .gradient-img::after {
  background: -moz-linear-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(53, 200, 178, 1) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(53, 200, 178, 1) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(53, 200, 178, 1) 100%
  );
}
.sos-release h3.alt {
  margin-bottom: var(--distance);
}
.sos-release .card-articolo .img-articolo img {
  filter: grayscale(1);
}
.sos-release .card-articolo .gradient-img::before {
  background: var(--verde_acqua);
}
/* __________________________________________________________________________ */
/* Section: "Recenti" */
.recenti .cont-most-read h3.alt {
  margin-bottom: 0;
}
.cont-most-read {
  position: sticky;
  /* top: calc(var(--menu-height) + var(--distance-half)); */
  top: 35px;
  padding: 0 calc(var(--distance-medium) / 2);
}
.cont-most-read::before {
  content: "";
  position: absolute;
  left: 2px;
  top: var(--lh-h3);
  width: calc(100% - 25px);
  height: var(--distance);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  z-index: 5;
}
.cont-most-read::after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 0;
  width: calc(100% - 25px);
  height: var(--distance);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: 5;
}
.cont-most-read > .lines::before,
.cont-most-read > .lines::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(calc(var(--distance-big) + var(--distance-medium)) * -1);
  height: calc(100% + calc(var(--distance-big) * 4));
  width: 1px;
  background: rgba(var(--nero-rgb), 0.5);
}
.cont-most-read > .lines::after {
  left: auto;
  right: 0;
}
.cont-most-read .articoli-container {
  position: relative;
  height: calc(100vh - var(--distance-big));
  overflow: scroll;
  padding-right: var(--distance-half);
  padding-top: var(--distance);
}
.most-read-row a.card-articolo {
  margin-bottom: var(--distance);
  padding-bottom: var(--distance-half);
  border-bottom: 1px solid var(--nero);
}
.cont-most-read [class*="col-"]:last-of-type .card-articolo {
  margin-bottom: calc(var(--distance) / 3);
}
.no-results {
  margin-top: calc(var(--distance-big) / 2);
}
.lm-button {
  position: relative;
  display: block;
  margin-top: calc(var(--distance-big) / 2);
  padding: var(--distance-half) calc(var(--distance) * 2)
    calc(var(--distance) / 3) var(--distance);
  border: 1px solid var(--nero);
  border-radius: 60px;
  transition: all 0.2s ease-in-out;
}
.lm-button:hover,
.with-price.cont-prodotto span:hover {
  color: var(--bianco);
  border-color: var(--bianco);
  background: var(--nero);
}
.lm-button.alt {
  border-color: var(--bianco);
  color: var(--bianco);
}
.lm-button.alt:hover {
  color: var(--nero);
  border-color: var(--nero);
  background: var(--bianco);
}
.lm-button.disabled {
  opacity: 0.5;
  pointer-events: none;
  display: none;
}
.lm-button::before {
  content: "";
  position: absolute;
  right: var(--distance);
  top: calc(50% + 1px);
  transform: translateY(-50%);
  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%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: var(--nero);
  transition: all 0.2s ease-in-out;
}
.lm-button.alt::before,
.lm-button:hover::before,
.with-price.cont-prodotto span:hover::before {
  background: var(--bianco);
}
.lm-button.alt:hover::before {
  background: var(--nero);
}
/* ========================================================================== */
/* Single: "Articolo" */
.single-post {
  overflow-x: hidden;
}
/* .single-post .hero {
  padding-top: calc(calc(var(--distance-big) * 1.5) + var(--menu-height));
} */
.single-post .hero.drop-format {
  padding-top: calc(calc(var(--distance-medium) * 2) + var(--distance-big));
}
.single-post .sticky {
  top: calc(var(--distance-big) * 2);
  height: calc(100vh - calc(var(--distance-big) * 2.4));
}
.single-post .sticky .sticky-content {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}
/* .single-post .hero .square-gallery img {
  aspect-ratio: 1 / 1;
} */
.single-post .logo-outline {
  margin-bottom: 0;
}
.cont-articolo {
  margin-top: var(--distance-big);
}
.cont-articolo h1 {
  margin-bottom: calc(var(--distance-medium) * 2);
}
.cont-articolo h3 {
  margin-bottom: var(--distance);
}
.cont-articolo .content .square-gallery {
  margin-top: var(--distance);
}
.single-post section .ad {
  position: sticky;
  top: var(--menu-height);
}
.single-post section .ad img {
  max-height: 600px;
}
.single-post section .ad .occhiello {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  padding: calc(var(--distance-medium) / 2) 0;
  border-bottom: 1px solid var(--grigio_C0);
}
.single-post .cont-most-read {
  padding: 0;
  top: var(--menu-height);
}
.single-post .cont-most-read .lines::before,
.single-post .cont-most-read .lines::after {
  content: none;
}
.single-post .cont-most-read::before,
.single-post .cont-most-read::after {
  content: none;
}
.single-post .cont-most-read > .lines::before,
.single-post .cont-most-read > .lines::after {
  background: var(--grigio_C0);
  height: calc(100% + calc(var(--distance-big) * 2) + 5px);
  top: calc(calc(var(--distance-big) * -1) - 5px);
}
.single-post .cont-most-read h3.alt {
  margin-top: var(--distance-big);
  margin-bottom: var(--distance);
}
.single-post .cont-most-read .articoli-container {
  height: auto;
  overflow: hidden;
  padding-right: 0;
  padding-top: 0;
}
.single-post .most-read-row a.card-articolo {
  margin-bottom: var(--distance);
  padding-bottom: var(--distance-half);
  border-bottom: 1px solid var(--grigio_C0);
}
.single-post .most-read-row .mini:last-of-type a.card-articolo {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.single-post .marquee-section {
  z-index: 2;
  background: var(--bianco);
}
.single-post .drop-format .abs-content {
  height: auto;
  z-index: 5;
  position: relative;
}
.single-post .drop-format .sticky-content::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: var(--bianco);
  box-shadow: 0px 0px 15px 5px var(--bianco);
  z-index: -1;
}
.single .share {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(var(--distance) / 3);
  padding-top: calc(var(--distance) / 3);
  /* padding-bottom: calc(var(--distance-medium) / 2); */
  border-top: 1px solid var(--nero);
}
/* .single-post .share.fixed-share.on-footer {
  opacity: 0;
}
.single-post .share.fixed-share .occhiello {
  position: relative;
  color: var(--nero);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  border: none;
  background: none;
  width: 100%;
}
.single-post .share.fixed-share .occhiello::after {
  content: "";
  position: relative;
  margin-left: 15px;
  background: var(--nero);
  margin-bottom: 5px;
  width: 20px;
  height: 20px;
  -webkit-mask: url(../media/icons/share.svg) no-repeat 50% 50%;
  mask: url(../media/icons/share.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.single-post .recenti .cont-most-read {
  margin-top: var(--distance-medium);
  padding-top: var(--distance-medium);
  padding-left: 0;
  padding-right: 0;
}
.single-post .recenti .cont-most-read h3.alt {
  margin-top: 0;
  margin-bottom: var(--distance);
}
.single-post .recenti .cont-articoli .card-articolo {
  margin-bottom: 0;
}
.single-post .recenti .cont-most-read > .lines::before,
.single-post .recenti .cont-most-read > .lines::after {
  background: var(--grigio_C0);
  height: 1px;
  width: 100%;
  top: 0;
}
.single-post .recenti .cont-most-read > .lines::after {
  content: none;
}
.single-post .recenti .most-read-row a.card-articolo {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
} */
/* ========================================================================== */
/* Page: "Category" */
/* .category .marquee-section {
  margin-top: var(--distance-big);
} */
section.extra-section {
  background: var(--nero);
}
.category-filter {
  padding: calc(var(--distance-big) + var(--distance)) 0 var(--distance-medium);
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
  /* position: sticky;
  top: 0; */
  z-index: 3;
  transition: var(--transition);
}
.extra-section.hero {
  padding-bottom: 0;
}
.extra-section.in-evidenza {
  padding-top: var(--distance-medium);
}
.extra-section.ad {
  padding-bottom: var(--distance-big);
}
section.extra-section h3.alt {
  color: var(--rosso);
}
section.extra-section .card-articolo .img-articolo::before {
  border-color: var(--rosso);
}
.extra-section:not(.sos-extra) .card-articolo > * {
  color: var(--bianco);
}
/* Sezione Rossa */
.extra-section.sos-extra {
  background: var(--rosso);
}
.extra-section.sos-extra .card-articolo .img-articolo::before,
.extra-section.sos-extra .marquee-container {
  border-color: var(--nero);
}
.extra-section.sos-extra p.super,
.extra-section.sos-extra p,
.extra-section.sos-extra .card-articoli > * {
  color: var(--nero);
}
.extra-section.sos-extra .marquee p.logo-outline {
  background: var(--nero);
}
.extra-section.sos-extra .gradient-img::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    var(--rosso) 100%,
    var(--rosso) 100%
  );
}
.extra-section.sos-extra .cont-articoli {
  margin-top: calc(var(--distance) * 3);
}
.extra-section .lm-button {
  border-color: var(--bianco);
  color: var(--bianco);
}
.extra-section .lm-button::before {
  background: var(--bianco);
}
.extra-section .cont-most-read::before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.extra-section .cont-most-read::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
}
.extra-section .cont-most-read .lines::after,
.extra-section .cont-most-read .lines::before {
  background: rgba(var(--bianco-rgb), 0.5);
}
.recenti.extra-section .most-read-row a.card-articolo {
  border-color: rgba(var(--bianco-rgb), 0.5);
}
/* End sezione Rossa */
.page-template-page-calendar section h3.alt {
  color: var(--verde_acqua);
}
.page-template-page-calendar .hero {
  padding-top: var(--distance-big);
}
.filters {
  position: absolute;
  top: unset;
  width: 100%;
  z-index: 21;
  transition: all 0.3s ease-out;
  /* background: var(--nero); */
}
.scroll-after-header .filters {
  position: fixed;
  top: 0;
  transform: initial;
}
.page-template-page-calendar .hero > .wrapper {
  padding-top: calc(var(--menu-height) + var(--distance-medium));
}
.filters > .wrapper {
  padding-top: var(--distance);
}
a.open-filters-container,
a.open-filters-container:visited,
a.open-filters-container:focus,
a.open-filters-container:hover {
  position: relative;
  display: block;
  font-family: var(--ivy);
  font-size: var(--size-h5);
  line-height: var(--lh-h5);
  font-weight: 300;
  letter-spacing: normal;
  font-style: italic;
  padding: 8px var(--distance) 8px calc(var(--distance-medium) / 2);
  color: var(--nero);
  background: var(--bianco);
  border: 1px solid var(--nero);
  border-radius: calc(var(--distance) * 2);
}
a.open-filters-container.current-open {
  background: var(--nero) !important;
  color: var(--bianco);
  border: 1px solid var(--bianco);
}
a.open-filters-container::before,
a.open-filters-container::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 5px;
  right: 18px;
  top: 55%;
  transform: translateY(-50%) rotate(-45deg);
  background: var(--nero);
}
a.open-filters-container::after {
  transform: translateY(-50%) rotate(45deg);
  right: 15px;
}
a.open-filters-container.current-open::before {
  background: var(--bianco);
  transform: translateY(-50%) rotate(45deg);
}
a.open-filters-container.current-open::after {
  background: var(--bianco);
  transform: translateY(-50%) rotate(-45deg);
}
.page-template-page-calendar a.open-filters-container,
.page-template-page-calendar a.open-filters-container:visited,
.page-template-page-calendar a.open-filters-container:focus,
.page-template-page-calendar a.open-filters-container:hover,
.page-template-page-calendar a.open-filters-container.current-open::before,
.page-template-page-calendar a.open-filters-container.current-open::after {
  background: var(--verde_acqua);
}
.page-template-page-calendar a.open-filters-container.current-open {
  color: var(--verde_acqua);
  border: 1px solid var(--verde_acqua);
}
.extra-section a.open-filters-container,
.extra-section a.open-filters-container:visited,
.extra-section a.open-filters-container:focus,
.extra-section a.open-filters-container:hover,
.extra-section a.open-filters-container.current-open::before,
.extra-section a.open-filters-container.current-open::after {
  background: var(--rosso);
}
.extra-section a.open-filters-container.current-open {
  color: var(--rosso);
  border: 1px solid var(--rosso);
}

#filters-container {
  position: absolute;
  width: 100%;
  left: 0;
  background: var(--nero);
  margin-top: calc(var(--distance-big) / -2);
  z-index: -1;
  opacity: 0;
  bottom: calc(var(--distance) * -1);
  border-top: 1px solid rgba(var(--bianco-rgb), 0.5);
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
  transform: translateY(100%);
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}
.page-template-page-calendar .hero #filters-container .wrapper {
  padding: 0;
}
#filters-container.current-open {
  z-index: 20;
  opacity: 1;
  pointer-events: all;
}
#filters-container .occhiello {
  color: var(--bianco);
  margin-top: calc(var(--distance-big) / 2);
}
.choices {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: calc(var(--distance-medium) / 2) 0 calc(var(--distance-big) / 2);
  overflow-x: scroll;
}
.gradient-right {
  position: relative;
}
/* .gradient-right::before, */
.gradient-right::after {
  content: "";
  position: absolute;
  height: calc(100% + 20px);
  width: 130px;
  right: 0;
  top: -10px;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 100%,
    #000000 100%
  );
  z-index: 2;
  pointer-events: none;
}
/* .gradient-right::before {
  right: auto;
  left: 0;
  background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #000000 100%, #000000 100%);
} */
.category-filter .choices {
  padding: 0;
  padding-right: var(--distance-big);
}
.single-choice label,
a.single-choice,
a.single-choice:visited,
a.single-choice:focus,
a.single-choice:hover {
  position: relative;
  display: block;
  font-family: var(--ivy);
  font-size: var(--size-h5);
  line-height: var(--lh-h5);
  font-weight: 300;
  letter-spacing: normal;
  font-style: italic;
  margin-right: calc(var(--distance-medium) / 1.5);
  padding: 8px calc(var(--distance-medium) / 2);
  color: var(--grigio_C0);
  background: transparent;
  border-radius: calc(var(--distance) * 2);
  border: 1px solid var(--grigio_C0);
  cursor: pointer;
  text-transform: lowercase;
  min-width: max-content;
}
.single-choice input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  padding: 0 !important;
  border: 0;
}
.single-choice label:hover,
.single-choice input[type="checkbox"]:checked + label {
  color: var(--verde_acqua);
  border: 1px solid var(--verde_acqua);
}
a.single-choice:hover,
a.single-choice.active-cat,
.category-extra .single-choice input[type="checkbox"]:checked + label {
  color: var(--nero);
  background: var(--rosso);
  border: 1px solid var(--rosso);
}
.single-choice input[type="checkbox"].disabled + label {
  pointer-events: none;
  opacity: 0.5;
}
.page-template-page-calendar .card-articolo {
  position: relative;
}
.card-articolo .occhiello.tagged {
  position: absolute;
  top: var(--distance-medium);
  right: var(--distance-medium);
  background: var(--verde_acqua);
  padding: calc(var(--distance) / 3) calc(var(--distance-medium) / 2)
    calc(var(--distance) / 5) calc(var(--distance-medium) / 2);
  border-radius: calc(var(--distance) * 2);
  text-transform: uppercase;
  color: var(--nero);
}

.btn-close-filters {
  position: absolute;
  /* top: calc(calc(var(--wrapper-padding) / 2) + calc(var(--distance-medium) / 2));
  right: calc(calc(var(--wrapper-padding) / 2) + calc(var(--distance-medium) / 2)); */
  top: 20px;
  right: 20px;
  width: var(--distance-medium);
  height: var(--distance-medium);
  z-index: 2;
}
.btn-close-filters::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 100%;
  height: 1px;
  background: var(--nero);
}
.btn-close-filters::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 1px;
  background: var(--nero);
}
/* ========================================================================== */
/* Page: "Release" */
.page-template-page-release section,
.page-template-page-calendar section {
  background: var(--nero);
}
.page-template-page-release .hero {
  padding-bottom: 0;
}
.page-template-page-release .hero a {
  color: var(--bianco);
}
.page-template-page-release .hero .icon-arrow-left::before {
  background: var(--bianco);
}
.page-template-page-release .hero h3.alt {
  margin-bottom: var(--distance);
}
.main-launch {
  margin-bottom: calc(var(--distance) * 3);
}
.main-launch.card-articolo .gradient-img::before {
  background: var(--verde_acqua);
}
.main-launch .gradient-img img {
  filter: none;
}
.main-launch .super,
.page-template-page-release .hero .card-articolo h2 {
  color: var(--bianco);
}
.page-template-page-release .hero .card-articolo h5 {
  font-family: var(--univers);
  /* color: var(--verde_acqua);
  text-transform: uppercase; */
}
.page-template-page-release .hero .card-articolo:not(.main-launch) h5 {
  margin-top: var(--distance);
  /* margin-bottom: var(--distance-half); */
}
.page-template-page-release .card-articolo .img-articolo::before {
  border-color: var(--verde_acqua);
}
.articoli-release {
  padding: calc(var(--distance-big) * 1.5) 0 calc(var(--distance-big) / 2);
}
.articoli-release .marquee-container {
  position: relative;
  border-top: 1px solid var(--verde_acqua);
  border-bottom: 1px solid var(--verde_acqua);
}
.articoli-release .marquee p.super {
  color: var(--verde_acqua);
}
.articoli-release .marquee .logo-outline {
  background: var(--verde_acqua);
}
.page-template-page-release section .card-articolo * {
  color: var(--bianco);
}
/* .page-template-page-release .ad {
  padding-bottom: var(--distance-big);
} */
.page-template-page-release .sos-release {
  background: var(--verde_acqua);
}
.page-template-page-release .sos-release .cont-articoli {
  margin-top: calc(var(--distance) * 3);
}
.page-template-page-release .sos-release .card-articolo .img-articolo::before {
  border-color: var(--nero);
}
.page-template-page-release .sos-release .card-articolo * {
  color: var(--nero);
}
.page-template-page-release section h3.alt {
  color: var(--verde_acqua);
}
.page-template-page-release .cont-most-read::after,
.page-template-page-release .cont-most-read::after {
  /* content: none; */
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
}
.page-template-page-release .cont-most-read::before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 100%
  );
}
.page-template-page-release .cont-most-read > .lines::before,
.page-template-page-release .cont-most-read > .lines::after {
  top: calc(calc(var(--menu-height) + var(--distance-half)) * -1);
  /* height: calc(100% + calc(calc(var(--header-height) + var(--distance-half)) + var(--distance-medium))); */
  background: rgba(var(--bianco-rgb), 0.5);
}
.page-template-page-release .recenti .cont-most-read .card-articolo {
  margin-bottom: var(--distance-medium);
  padding-bottom: var(--distance-half);
  border-bottom: 1px solid rgba(var(--bianco-rgb), 0.5);
}

.page-template-page-calendar .no-results {
  color: var(--verde_acqua);
}

/* ========================================================================== */
/* Single: Release */
.single-product-release .hero {
  padding-top: 0;
  padding-bottom: 0;
}
.single-product-release h1 {
  margin-bottom: var(--distance-medium);
}
.single-product-release .hero h3,
.single-product-release .hero .occhiello {
  color: var(--verde_acqua);
}
.single-product-release .hero .img-articolo {
  height: 800px;
}
.single-product-release .hero .occhiello {
  margin-bottom: var(--distance-half);
}
.single-product-release .product-content .occhiello {
  color: var(--grigio_C0);
}
.single-product-release .content {
  margin-top: 0;
}
.single-product-release .other-images {
  padding-top: 0;
}
.single-product-release .marquee-section {
  background: var(--nero);
  border-color: var(--verde_acqua);
}
.single-product-release .marquee-section .logo-outline {
  background: var(--verde_acqua);
}
.single-product-release .marquee-section p.super {
  color: var(--verde_acqua);
}
.single-post .content img {
  display: block;
  max-width: 100%;
  margin-bottom: var(--distance);
}
.single-post .content .cont-post-collegato img {
  margin-bottom: 0;
}
.single-product-release .content .wp-block-image img {
  display: block;
  margin-bottom: var(--distance);
}
.rivenditori {
  background: var(--nero);
  padding-top: 0;
}
.rivenditori h3.alt {
  color: var(--verde_acqua);
}
.rivenditori .wrapper {
  padding-top: var(--distance-big);
  border-top: 1px solid var(--nero);
}
.row-rivenditori {
  margin-top: calc(var(--distance-medium) * 2);
}
.row-rivenditori h6 + .occhiello,
.row-rivenditori p:not([class]) {
  margin-bottom: calc(var(--distance-medium) / 2);
}
.cont-rivenditore {
  margin-bottom: var(--distance);
  padding-bottom: calc(var(--distance-medium) / 2);
  border-bottom: 1px solid var(--bianco);
}
.cont-rivenditore > * {
  color: var(--bianco);
}
.cont-rivenditore .cta {
  color: var(--verde_acqua);
  display: inline-block;
  position: relative;
}
.cont-rivenditore .cta::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  height: 1px;
  width: 100%;
  background: var(--verde_acqua);
}
.cont-rivenditore p:not([class]) {
  text-transform: none;
}
.single-product-release .recenti {
  background: var(--nero);
}
.single-product-release .recenti h3.alt {
  color: var(--verde_acqua);
}
.cont-release .img-articolo {
  margin-bottom: calc(var(--distance-medium) / 2);
}
.cont-release .card-articolo .img-articolo::before {
  border-color: var(--verde_acqua);
}
.cont-release .card-articolo h5 {
  font-family: var(--univers);
  text-transform: uppercase;
  color: var(--verde_acqua);
  margin-bottom: calc(var(--distance) / 3);
}
.cont-release .card-articolo h2 {
  color: var(--bianco);
  margin-bottom: 0;
}

/* ========================================================================== */
/* Tag Page */
.tag-content.hero .marquee-container {
  position: relative;
  top: auto;
  left: auto;
  border-top: 1px solid var(--nero);
  margin-bottom: calc(var(--distance-medium) * 1.5);
}
.tag-content.hero h1.super {
  font-style: normal;
  display: flex;
  align-items: center;
}
.tag-content.hero .marquee-container .logo-outline {
  margin-left: 7px;
}
/* ========================================================================== */
/* Author Page */
.author-content.hero {
  background: var(--nero);
}
.author-content.hero h1.super {
  color: var(--bianco);
  font-style: normal;
  display: flex;
  align-items: center;
}
.author-content.hero h1.super .logo-outline {
  background: var(--bianco);
  margin-left: 7px;
}
.author-content.hero .cont-articoli {
  margin-top: calc(var(--distance-medium) * 1.5);
}
.author-content.hero .card-articolo .img-articolo::before {
  border-color: var(--bianco);
}
.author-content.hero .card-articolo > * {
  color: var(--bianco);
}
/* ========================================================================== */
/* Page Contatti */
.page-template-page-contatti section,
.page-template-page-contest section {
  background: var(--nero);
  color: var(--bianco) !important;
}
.page-template-page-contatti section.hero,
.page-template-page-contest section.hero {
  padding-top: calc(var(--distance-big) * 2.5);
  min-height: 100vh;
}
.page-template-page-contatti section.hero::before,
.page-template-page-contest section.hero::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  transform: translateX(-50%);
  background: rgba(var(--bianco-rgb), 0.5);
}
.page-template-page-contatti section.hero h1 + h5,
.page-template-page-contest section.hero h1 + h5 {
  font-family: var(--univers);
  margin-top: calc(var(--distance-big) * 2);
}

/* ========================================================================== */
/* Page Contatti */
.page-template-page-about section {
  background: var(--nero);
  color: var(--bianco) !important;
}
.page-template-page-about section.hero {
  padding-top: calc(var(--distance-big) * 2.5);
  padding-bottom: 0;
  min-height: 100vh;
}
.page-template-page-about .hero .container-fluid {
  position: relative;
  padding-bottom: calc(var(--distance-medium) * 2);
}
.page-template-page-about .hero .container-fluid::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--bs-gutter-x, 0.75rem);
  width: calc(100% - calc(var(--bs-gutter-x, 0.75rem) * 2));
  height: 1px;
  background: var(--grigio_C0);
}

.page-template-page-about .hero .pittogramma {
  margin-top: var(--distance-big);
}
.page-template-page-about h1 {
  margin-top: var(--distance);
  margin-bottom: calc(var(--distance-big) * 2);
}
.page-template-page-about h5.alt {
  line-height: 3.1rem;
}
.info-section {
  overflow: hidden;
}
.info-section .info-img {
  position: relative;
  border: 1px solid var(--bianco);
  padding-bottom: calc(var(--distance-medium) / 2);
  margin-bottom: var(--distance-big);
}
.info-section .info-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--bianco);
  left: 0;
  bottom: 9px;
}
.cont-info {
  margin-bottom: calc(var(--distance-big) * 0.75);
}
.cont-info:last-of-type {
  margin-bottom: 0;
}
.cont-info > * {
  color: var(--bianco) !important;
}
.cont-info h3 {
  padding-bottom: var(--distance-half);
  margin-bottom: calc(var(--distance-big) / 4);
  border-bottom: 1px solid var(--grigio_C0);
}
.cont-info p {
  margin-bottom: var(--distance);
}
.cont-info p.alt {
  margin-bottom: calc(var(--distance) / 3);
}
.cont-info p:not(.alt):last-of-type {
  margin-bottom: 0;
}
.cont-info ul.autori {
  padding: 0;
  list-style: none;
  margin-bottom: var(--distance);
}
.autori li p a {
  border: none;
}
.info-section .cont-gallery-about {
  background: var(--nero);
  width: auto;
  max-width: none;
  border-color: var(--bianco);
  transform: none;
  padding-top: calc(var(--distance) * 2);
  padding-bottom: calc(var(--distance-big) / 2);
}
.info-section .swiper-button-next::before {
  color: var(--bianco);
}
.info-section .swiper-button-next::after {
  background: var(--bianco);
}

/* ========================================================================== */
/* Page: 404 */
.error404 header,
.error404 footer,
.error404 .cont-newsletter {
  display: none;
}
.error404 .hero {
  min-height: 100vh;
  background: var(--nero);
}
.error404 .logo,
.error404 .logo:visited,
.error404 .logo:focus,
.error404 .logo:hover {
  position: relative;
  display: none;
  top: calc(var(--distance-medium) * 2);
}
.error404 .hero .logo {
  background: var(--bianco);
  display: block !important;
}
.error404 .hero {
  color: var(--bianco) !important;
}
.error404 .hero::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: rgba(var(--nero-rgb), 0.7);
  mix-blend-mode: multiply;
  z-index: 5;
  animation: mask-opacity 4s ease-out;
}
@keyframes mask-opacity {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.error404 .hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error404 .hero .marquee-container {
  position: relative;
  border-top: 1px solid var(--bianco);
  border-bottom: 1px solid var(--bianco);
  margin: var(--distance-medium) 0;
}
.error404 .hero .marquee-container .super {
  color: var(--bianco);
  margin-bottom: calc(var(--distance-half) * -1);
}
.error404 .hero .marquee-container .super.outline {
  color: var(--nero);
  text-shadow: -1px -1px 0 var(--bianco), 1px -1px 0 var(--bianco),
    -1px 1px 0 var(--bianco), 1px 1px 0 var(--bianco);
}
/* PAGE THX */
.page-template-page-grazie header,
.page-template-page-grazie footer,
.page-template-page-grazie .cont-newsletter,
.page-template-page-grazie-contest header,
.page-template-page-grazie-contest footer,
.page-template-page-grazie-contest .cont-newsletter {
  display: none;
}
.page-template-page-grazie .hero,
.page-template-page-grazie-contest .hero {
  min-height: 100vh;
  background: var(--nero);
}
.page-template-page-grazie .logo,
.page-template-page-grazie .logo:visited,
.page-template-page-grazie .logo:focus,
.page-template-page-grazie .logo:hover,
.page-template-page-grazie-contest .logo,
.page-template-page-grazie-contest .logo:visited,
.page-template-page-grazie-contest .logo:focus,
.page-template-page-grazie-contest .logo:hover {
  position: relative;
  display: none;
  top: calc(var(--distance-medium) * 2);
}
.page-template-page-grazie .hero .logo,
.page-template-page-grazie-contest .hero .logo {
  background: var(--bianco);
  display: block !important;
}
.page-template-page-grazie .hero,
.page-template-page-grazie-contest .hero {
  color: var(--bianco) !important;
}
.page-template-page-grazie .hero .hero-content,
.page-template-page-grazie-contest .hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.page-template-page-grazie a.occhiello,
.page-template-page-grazie-contest a.occhiello {
  background: var(--bianco) !important;
  border-radius: 60px;
  padding: 5px 30px 5px 20px;
}
.page-template-page-grazie a.occhiello.icon-arrow-left::before,
.page-template-page-grazie-contest a.occhiello.icon-arrow-left::before {
  transform: scale(0.75);
  transform-origin: center center;
}

/* ========================================================================== */
/* Page: Policy */
.page-policy .hero {
  min-height: inherit;
}
.page-policy .content * {
  color: var(--nero) !important;
}

.page-policy .content * + * {
  margin-top: var(--distance-half);
}

.page-policy .content * + h2,
.page-policy .content * + h3,
.page-policy .content * + h4 {
  margin-top: var(--distance-medium);
}

/* Cookie tabella */

.page-policy button {
  border: 1px solid var(--nero);
  background-color: transparent;
  padding: 0 15px;
}

._CookieScriptReportPageCheckboxes {
  margin-left: 0 !important;
}

._CookieScriptReportPageCheckbox {
  position: relative;
}

._CookieScriptReportPageCheckbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

._CookieScriptReportPageCheckbox ._CookieScriptReportPageCheckboxText {
  position: relative;
  padding-left: 30px;
  margin-left: 0;
}

._CookieScriptReportPageCheckbox
  input[type="checkbox"]
  + ._CookieScriptReportPageCheckboxText::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-color: transparent;
  border: 1px solid var(--nero);
  transition: var(--transition);
  position: absolute;
  top: 0;
  left: 0;
}

._CookieScriptReportPageCheckbox
  input[type="checkbox"]:checked
  + ._CookieScriptReportPageCheckboxText::before {
  border-color: var(--nero);
}

._CookieScriptReportPageCheckbox
  input[type="checkbox"]
  + ._CookieScriptReportPageCheckboxText::after {
  content: "";
  width: 7px;
  height: 12px;
  background-color: transparent;
  border-bottom: 2px solid var(--nero);
  border-right: 2px solid var(--nero);
  transition: var(--transition);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 7px;
  z-index: 1;
}

._CookieScriptReportPageCheckbox
  input[type="checkbox"]:checked
  + ._CookieScriptReportPageCheckboxText::after {
  opacity: 1;
}

._CookieScriptReportPageTable {
  width: 100%;
  margin-top: var(--distance-half);
  overflow: auto;
  position: relative;
  display: block;
}

._CookieScriptReportPageTableTd,
._CookieScriptReportPageTableTh {
  border-color: var(--nero) !important;
  padding: var(--distance-half) !important;
}