/* BARRIOTHEME > PAGES CSS */

/* =========================================================================================================== */
/*
    PPPPPP      AAA       GGGG    EEEEEEE    SSSSSS
    PP   PP    AAAAA     GG  GG   EE        SS
    PPPPPP    AA   AA   GG        EEEEE      SSSSS
    PP        AAAAAAA   GG   GG   EE             SS
    PP        AA   AA    GGGGGG   EEEEEEE   SSSSSS
*/

/* ========================================================================== */
/* Section Titolo */

section.section-titolo .section-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* section.section-titolo .button[data-position="bottom"] {
  position: absolute;
  bottom: var(--distance-big);
  left: 50%;
  transform: translateX(-50%);
} */

/* Occhiello (optional) */

.titolo-occhiello {
  width: 100%;
  max-width: 700px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.titolo-occhiello span {
  white-space: nowrap;
}

.titolo-occhiello .line {
  width: 100%;
  height: 1px;
  margin: 0 var(--distance);
}

/* Titolo */

.titolo-container {
  min-width: calc(var(--column) * 8);
  display: flex;
  flex-direction: column;
  padding: 0 var(--distance-half);
}

.titolo-container .titolo-hidden {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.titolo-container .titolo-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-height: 150px;
}

.titolo-container .titolo-row.centered {
  justify-content: center;
}

.titolo-container .titolo-row > * + * {
  margin-left: var(--distance);
}

.titolo-container .titolo-row .testo {
  width: 380px;
  max-height: calc(100% - var(--distance-half));
  padding: var(--distance-half) 0;
}

.titolo-container .titolo-row .numero {
  width: calc(var(--column) * 2);
  max-height: calc(100% - var(--distance-half));
  padding: var(--distance-half) 0;
  margin-top: auto;
}

.titolo-container .testo-mobile {
  max-width: calc(var(--column) * 8);
  margin: 0 auto;
  margin-top: var(--distance-big);
  display: none;
}

.titolo-big .letter {
  display: inline-block;
  white-space: nowrap;
}

.titolo-big .letter.has-smile {
  position: relative;
}

.titolo-big .letter.has-smile span {
  opacity: 0;
}

.titolo-big .letter.has-smile .smile {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.smile-1 {
  -webkit-mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
  mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;

  animation: anima-smile-1 10s steps(1, end) infinite;
}

@keyframes anima-smile-1 {
  0% {
    -webkit-mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
    mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
  }
  5% {
    -webkit-mask: url(../media/svg/smile/smile-1-occhiolino.svg) no-repeat 50%
      50%;
    mask: url(../media/svg/smile/smile-1-occhiolino.svg) no-repeat 50% 50%;
  }
  10%,
  100% {
    -webkit-mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
    mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
  }
}

.smile-2 {
  -webkit-mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;
  mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;

  animation: anima-smile-2 10s steps(1, end) infinite;
}

@keyframes anima-smile-2 {
  0% {
    -webkit-mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;
    mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;
  }
  5% {
    -webkit-mask: url(../media/svg/smile/smile-2-occhiolino.svg) no-repeat 50%
      50%;
    mask: url(../media/svg/smile/smile-2-occhiolino.svg) no-repeat 50% 50%;
  }
  10%,
  100% {
    -webkit-mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;
    mask: url(../media/svg/smile/smile-2.svg) no-repeat 50% 50%;
  }
}

.smile-3 {
  -webkit-mask: url(../media/svg/smile/smile-3.svg) no-repeat 50% 50%;
  mask: url(../media/svg/smile/smile-3.svg) no-repeat 50% 50%;
}

/* ========================================================================== */
/* Section Paragrafo */

section.section-paragrafo .section-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

section.section-paragrafo .titolo {
  max-width: calc(var(--column) * 6);
  text-align: center;
}

section.section-paragrafo .testo {
  max-width: calc(var(--column) * 6);
  /* column-count: 2;
  column-gap: var(--distance-big); */
}

section.section-paragrafo .testo * + * {
  margin-top: var(--distance);
}

section.section-paragrafo .testo li {
  margin-top: 0;
}

section.section-paragrafo .gallery {
  width: calc(var(--column) * 10);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-top: calc(var(--distance-big) * 2);
}

section.section-paragrafo .gallery .gallery-img {
  width: 100%;
  max-width: calc(var(--column) * 3);
}

section.section-paragrafo .gallery .gallery-img:nth-child(even) {
  margin-top: calc(var(--distance-big) * 2);
}

section.section-paragrafo .braille-container {
  width: calc(100% - var(--distance-big));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}

/* home gallery */

.home-gallery {
  display: none;
  position: relative;
}

.home-gallery .swiper-slide {
  width: 500px;
  height: 330px;
  padding: 0 20px;
  /* transition: all 0.3s 0.2s ease-in-out; */
  transition: all 0.6s ease-in;
  position: relative;
  z-index: 1;
}

.home-gallery {
  overflow: hidden;
  padding-bottom: 100px;
}

.home-gallery .swiper-container {
  overflow: unset;
}

.home-gallery .swiper-slide.swiper-slide-active {
  transform: translateY(100px);
}

/* ========================================================================== */
/* Timeline */

.timeline-container {
  width: calc(var(--column) * 8);
  margin-top: calc(var(--distance-big) * 2);
  margin-bottom: var(--distance-big);
  /* padding: 0 var(--distance-half); */
  position: relative;
}

.timeline-container .dates {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.timeline-container .dates .date {
  width: 1px;
  position: relative;
}

.timeline-container .dates .date span {
  position: absolute;
  top: 35px;
  left: 5px;
  max-width: 200px;
  color: var(--verde);
}

.timeline-container .dates .date span.numero.color-blu {
  top: 0;
  white-space: nowrap;
}

.timeline-container .dates .date.actived span {
  color: var(--giallo);
}

.progressBar.mobile {
  display: none;
}

.progressBar.desktop {
  /* width: calc(calc(var(--column) * 11) - var(--distance)); */
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 1px solid var(--verde);
  margin-top: 200px;

  display: block;
}

.progressBar .line {
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--verde-chiaro);
}

.progressBar.desktop .line {
  height: 100%;
}

.progressBar .line .smile {
  display: flex;
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
  background-color: var(--verde);
  align-items: center;
  justify-content: center;
}

.progressBar.mobile .line .smile {
  animation: anima-progressBar-line-mobile 10s ease-out infinite;
}

@keyframes anima-progressBar-line-mobile {
  0%,
  9% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(5px);
  }
  11%,
  100% {
    transform: translateY(0);
  }
}

.progressBar.desktop .line .smile {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);

  animation: anima-progressBar-line-desktop 10s ease-out infinite;
}

@keyframes anima-progressBar-line-desktop {
  0%,
  9% {
    right: 0;
  }
  10% {
    right: -15px;
  }
  11%,
  100% {
    right: 0;
  }
}

.progressBar .line .smile::after {
  content: "";
  width: calc(100% - calc(var(--distance) * 2));
  height: calc(100% - calc(var(--distance) * 2));
  display: block;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
  mask: url(../media/svg/smile/smile-1.svg) no-repeat 50% 50%;
  background-color: var(--bianco);
}

/* ========================================================================== */
/* Page: About */
/* __________________________________________________________________________ */
/* Section: Rassegna Stampa */

.file-contentainer {
  width: 100%;
  max-width: calc(var(--column) * 8);
}

.file-contentainer .file-row {
  width: 100%;
  padding: calc(var(--distance) * 2) 0;
  position: relative;
}

.file-contentainer .file-row::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;

  background-image: linear-gradient(
    to right,
    var(--bianco) 33%,
    rgba(var(--bianco-rgb), 0) 0%
  );
  background-position: bottom;
  background-size: 5px 8px;
  background-repeat: repeat-x;
  pointer-events: none;
}

.file-contentainer .file-row .file-body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--distance-half);
  text-decoration: none;
}

.file-contentainer .file-row .file-body:hover .braille-button,
.file-contentainer .file-row .file-body:focus .braille-button {
  opacity: 1;
}

.file-contentainer .file-row .file-body h3 {
  width: calc(100% - 250px);
}

/* ========================================================================== */
/* Page: Progetti */

/* ========================================================================== */
/* Section Progetti */

section.section-progetti {
  width: 100%;
}

section.section-progetti .button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: var(--distance-big);
}

.section-progetti h2 {
  margin-bottom: var(--distance-big);
}

.progetti-list {
  width: calc(var(--column) * 10);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* margin-bottom: 200px; */
}

.progetti-list .card-progetto.progetto-2,
.progetti-list .card-progetto.progetto-5,
.progetti-list .card-progetto.progetto-8,
.progetti-list .card-progetto.progetto-11,
.progetti-list .card-progetto.progetto-14,
.progetti-list .card-progetto.progetto-17,
.progetti-list .card-progetto.progetto-20,
.progetti-list .card-progetto.progetto-23,
.progetti-list .card-progetto.progetto-26,
.progetti-list .card-progetto.progetto-29,
.progetti-list .card-progetto.progetto-32 {
  margin-top: 200px;
}

.card-progetto {
  width: 100%;
  max-width: calc(33.333% - calc(var(--distance) * 4));
  margin: calc(var(--distance) * 2);
  text-decoration: none;
  color: var(--bianco) !important;
}

.card-progetto .card-progetto-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.card-progetto .card-progetto-img {
  width: 100%;
  margin: var(--distance-half) auto var(--distance);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: var(--transition);
  background-color: rgba(var(--verde-rgb), 0);
}

/* .card-progetto .card-progetto-img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--verde-rgb), 0.5);
  opacity: 0;
  transition: var(--transition);
}
 */

.card-progetto:hover .card-progetto-img,
.card-progetto:focus .card-progetto-img {
  background-color: rgba(var(--verde-rgb), 0.5);
}

.card-progetto .card-progetto-img .button {
  min-width: unset;
  max-width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}

.card-progetto:hover .card-progetto-img .button,
.card-progetto:focus .card-progetto-img .button {
  opacity: 1;
}

.card-progetto .card-progetto-img .img-container {
  width: calc(100% - calc(var(--distance) * 2));
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  background-color: var(--bianco);
  transition: var(--transition-fast);
}

.card-progetto:hover .card-progetto-img .img-container,
.card-progetto:focus .card-progetto-img .img-container {
  transform: scale(0.95);
}

.card-progetto .card-progetto-img .img-container img {
  mix-blend-mode: luminosity;
}

.card-progetto .card-progetto-img .img-container::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(var(--blu-rgb));
  background: linear-gradient(
    -45deg,
    rgba(var(--blu-rgb), 1) 0%,
    rgba(var(--giallo-rgb), 1) 100%
  );
  opacity: 0.5;
  mix-blend-mode: hard-light;
}

.card-progetto .card-progetto-titolo .numero {
  opacity: 0.5;
  margin-top: var(--distance-half);
}

.card-progetto .braille-button {
  display: none;
  justify-content: center;
  opacity: 1;
  margin-top: var(--distance-big);
  pointer-events: all;
}

/* ========================================================================== */
/* Single: Progetto */
/* __________________________________________________________________________ */
/* Section: Hero */

body.single-progetto section:nth-child(1) [data-position="top"] {
  top: calc(var(--distance) * 4);
}

body.single-progetto section:nth-child(1) .immagine-container {
  width: 280px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0;
}

/* __________________________________________________________________________ */
/* Section: Info */

body.single-progetto section:nth-child(1) {
  padding-bottom: 0;
}

body.single-progetto section:nth-child(1) .info-content {
  width: 100%;
  padding: var(--distance-big) 0;
  border-top: 1px solid var(--bianco);
  border-bottom: 1px solid var(--bianco);
  display: flex;
  justify-content: space-between;
}

body.single-progetto section:nth-child(1) .info-content .info-item {
  max-width: 450px;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: var(--bianco);
}

.info-content .info-item .numero.small {
  margin-bottom: var(--distance-half);
}

/* body.single-progetto section:nth-child(1) .info-content .info-item .bold {
  margin-top: calc(var(--distance-half) / 3);
} */

/* __________________________________________________________________________ */
/* Section: Single Gallery */

body.single-progetto .single-gallery {
  width: 100%;
  margin-top: calc(var(--distance-big) * 2);
}

/* .has-cursor {
  cursor: none;
  overflow: hidden;
}

.cursor-container {
  top: 0;
  left: 0;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 5;
  pointer-events: none;
} */

/* .cursor-content {
  min-width: 300px;
  min-height: 80px;
  padding: 0 var(--distance-big);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: var(--transition);
  border: 1px solid var(--giallo);
  background-color: rgba(var(--nero-rgb), 0.5);

  transition: var(--transition);
  transform: scale(0.6);
  opacity: 0;
  color: var(--bianco);
} */

.single-gallery .swiper-slide {
  width: 580px;
  height: 400px;
  padding: 0 20px;
}

.single-gallery .swiper-navigation {
  width: calc(100% - 160px);
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  pointer-events: none;
  z-index: 5;
}

.single-gallery .swiper-button-prev,
.single-gallery .swiper-button-next {
  width: 60px;
  height: 60px;
  margin: 0;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  position: relative;
  transition: var(--transition);
  background-color: var(--verde);
  /* background-color: rgba(var(--nero-rgb), 0.5); */

  pointer-events: all !important;
}

/* .single-gallery .swiper-button-prev:hover,
.single-gallery .swiper-button-prev:focus,
.single-gallery .swiper-button-next:hover,
.single-gallery .swiper-button-next:focus {
  background-color: rgba(var(--nero-rgb), 1);
} */

.single-gallery .swiper-button-prev::after,
.single-gallery .swiper-button-next::after {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 50%;
  left: calc(50% - 2px);
  transform: translate(-50%, -50%);
  background-color: var(--giallo);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.single-gallery .swiper-button-prev::after {
  -webkit-mask: url(../media/icons/braille-arrow-left.svg) no-repeat 50% 50%;
  mask: url(../media/icons/braille-arrow-left.svg) no-repeat 50% 50%;
}

.single-gallery .swiper-button-next::after {
  -webkit-mask: url(../media/icons/braille-arrow-right.svg) no-repeat 50% 50%;
  mask: url(../media/icons/braille-arrow-right.svg) no-repeat 50% 50%;
}

/* __________________________________________________________________________ */
/* Section: Timeline */

.section-timeline {
  margin-top: calc(var(--header-height) * -1);
}

.section-timeline .timeline-content {
  width: calc(var(--column) * 10);
  margin: 0 auto;
}

.section-timeline .timeline-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 320px;
}

.section-timeline .timeline-content.no-steps .timeline-head {
  padding-left: 0;
}

.section-timeline .timeline-row {
  width: 100%;
  display: flex;
  margin-top: calc(var(--distance) * 2);
}

.section-timeline .timeline-row .timeline-row-titolo {
  width: 320px;
}

.section-timeline .timeline-row .timeline-row-progress {
  width: calc(100% - 320px);
  height: 50px;
  position: relative;
  border-radius: 25px;
  border: 1px solid var(--verde-scuro);
  background-color: var(--null);
  overflow: hidden;
}

.section-timeline
  .timeline-content.no-steps
  .timeline-row
  .timeline-row-progress {
  width: 100%;
}

.section-timeline .timeline-row .timeline-row-progress .line-progress {
  /* height: 48px; */
  height: 100%;
  border-radius: 25px;
  position: absolute;
  top: 0;
  box-shadow: 4px 0 14px rgba(var(--nero-rgb), 0.4);
}

.section-timeline .timeline-row:nth-child(2) .line-progress {
  background-color: #80a49a;
}
.section-timeline .timeline-row:nth-child(3) .line-progress {
  background-color: #618e81;
}
.section-timeline .timeline-row:nth-child(4) .line-progress {
  background-color: #42786a;
}
.section-timeline .timeline-row:nth-child(5) .line-progress {
  background-color: #226250;
}
.section-timeline .timeline-row:nth-child(6) .line-progress {
  background-color: #004936;
}

.section-timeline .testo {
  max-width: calc(var(--column) * 6);
  /* column-count: 2;
  column-gap: var(--distance-big); */
  margin: calc(var(--distance-big) * 2) auto 0;
}

/* __________________________________________________________________________ */
/* Section form */

#submitVoto {
  width: calc(var(--column) * 6);
  margin: 0 auto;
  margin-top: calc(var(--distance) * 2);
}

#submitVoto .vota-input,
#submitVoto .vota-select,
#submitVoto .vota-checks {
  margin-top: calc(var(--distance) * 2);
}

#submitVoto .vota-input input,
#submitVoto .vota-select select {
  width: 100%;
  height: 75px;
  min-height: 75px;
  border-radius: 40px;
  background-color: var(--bianco);
  padding: 0 var(--distance);
  outline: none !important;
  border-color: var(--null) !important;
  transition: var(--transition);
}

#submitVoto .vota-select {
  position: relative;
  cursor: pointer !important;
}

#submitVoto .vota-select::after {
  content: "";
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--distance);
  background-color: var(--verde-scuro);
  -webkit-mask: url(../media/icons/braille-arrow-bottom.svg) no-repeat 50% 50%;
  mask: url(../media/icons/braille-arrow-bottom.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  z-index: 5;
  pointer-events: none;
}

#submitVoto .vota-checks {
  display: flex;
  justify-content: space-between;
}

#submitVoto .vota-checks .vota-check {
  width: calc(50% - var(--distance));
}

#submitVoto .vota-check {
  overflow: hidden;
  /* padding-left: calc(var(--distance) * 2); */
  cursor: pointer;
}

#submitVoto .vota-check input[type="checkbox"] + label {
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  padding-left: calc(var(--distance) + 30px);
}

#submitVoto .vota-check input[type="checkbox"]:checked + label {
  opacity: 1;
}

#submitVoto .vota-check input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

#submitVoto .vota-check label::after {
  content: "";
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid var(--giallo);
  background-color: var(--null);
  transition: var(--transition);
  cursor: pointer;
  opacity: 0.5;
}

#submitVoto .vota-check input[type="checkbox"]:checked + label::after {
  background-color: var(--giallo);
  opacity: 1;
}

#submitVoto .vota-submit {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: var(--distance-big);
}

#submitVoto button[type="submit"] {
  background-color: var(--null) !important;
  border: 0 !important;
  outline: none !important;
}

#messageSubmit div {
  width: 100%;
  height: 75px;
  min-height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--arancione);
  color: var(--bianco);
  margin-top: var(--distance-big);
  padding: 0 var(--distance);
}

/* __________________________________________________________________________ */
/* Correlati */

body.single-progetto .progetti-list {
  display: flex;
}

body.single-progetto .correlati-gallery {
  display: none;
  position: relative;
}

.correlati-gallery .swiper-navigation {
  width: calc(100% - 160px);
  height: 60px;
  position: absolute;
  top: 180px;
  left: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  pointer-events: none;
  z-index: 5;
}

.correlati-gallery .swiper-button-prev,
.correlati-gallery .swiper-button-next {
  width: 40px;
  height: 40px;
  margin: 0;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  position: relative;
  transition: var(--transition);

  pointer-events: all !important;
}

.correlati-gallery .swiper-button-prev::after,
.correlati-gallery .swiper-button-next::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--verde);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.correlati-gallery .swiper-button-prev::after {
  -webkit-mask: url(../media/icons/braille-arrow-left.svg) no-repeat 50% 50%;
  mask: url(../media/icons/braille-arrow-left.svg) no-repeat 50% 50%;
}

.correlati-gallery .swiper-button-next::after {
  -webkit-mask: url(../media/icons/braille-arrow-right.svg) no-repeat 50% 50%;
  mask: url(../media/icons/braille-arrow-right.svg) no-repeat 50% 50%;
}

/* ========================================================================== */
/* Page: Conferma */

body.page-template-page-conferma header .menu-header,
body.page-template-page-conferma header .logo-fondazione,
body.page-template-page-conferma footer,
body.page-template-page-conferma .subfooter,
body.page-template-page-conferma .btn-hamburger {
  display: none;
}

body.page-template-page-conferma header .logo-spazi {
  margin: 0 auto;
}

/* ========================================================================== */
/* Page: Thanks */

body.page-template-page-thanks header .menu-header,
body.page-template-page-thanks header .logo-fondazione,
body.page-template-page-thanks footer,
body.page-template-page-thanks .subfooter,
body.page-template-page-thanks .btn-hamburger {
  display: none;
}

body.page-template-page-thanks header .logo-spazi {
  margin: 0 auto;
}

body.page-template-page-thanks .social-share {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.page-template-page-thanks .social-share .social-wrapper {
  margin-top: var(--distance);
}

/* ========================================================================== */
/* Page: 404 */

body.error404 header .menu-header,
body.error404 header .logo-fondazione,
body.error404 footer,
body.error404 .subfooter,
body.error404 .btn-hamburger {
  display: none;
}

body.error404 header .logo-spazi {
  margin: 0 auto;
}

body.error404 .titolo-container {
  width: auto;
  min-width: auto;
}

/* ========================================================================== */
/* Page: Policy */

body.page-template-page-policy header .menu-header,
body.page-template-page-policy header .logo-fondazione,
body.page-template-page-policy .btn-hamburger {
  display: none;
}

body.page-template-page-policy header .logo-spazi {
  margin: 0 auto;
}

.section-policy .section-content {
  width: calc(var(--column) * 8);
  margin: 0 auto;
}

.section-policy .section-content,
.section-policy .section-content * {
  color: var(--verde-scuro) !important;
  margin-top: var(--distance);
}

.section-policy .section-content h1,
.section-policy .section-content h2,
.section-policy .section-content h3,
.section-policy .section-content h4,
.section-policy .section-content h5 {
  margin-top: var(--distance-big);
}