body {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  font-size: 18px;
  overflow-x: hidden;
}

@media (max-width: 992px) {
  body {
    font-size: 16px;
  }
}

.responsive-container {
    max-width: 100%; 
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .responsive-container {
        max-width: 720px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px)  {
    .responsive-container {
        max-width: 540px;
    }
}


strong {
  color: #00033c!important;
}

@media (min-width: 768px) and (max-width: 991.98px)
    .align-md-left {
        justify-content: flex-start !important; /* Allinea a sinistra */
    }
}

.leaflet-container .leaflet-control-attribution {
  background-color: transparent!important;
}

.leaflet-popup-content {
    white-space: nowrap; /* Evita che il testo vada a capo */
    width: auto !important; /* Rimuovi la larghezza fissa */
    max-width: none !important; /* Rimuovi il limite massimo */
    text-align: center; /* Centra il testo */
    font-weight: bold; /* Testo in grassetto */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.equal-height-col {
  display: flex; /* Abilita Flexbox */
  flex-direction: column; /* Dispone gli elementi in verticale */
  justify-content: center; /* Centra i contenuti verticalmente */
  align-items: flex-start; /* Mantiene il contenuto allineato a sinistra orizzontalmente */
}

hr {
  margin: 0;
}

/* Header generale */
header {
  position: relative;
}

/* Navbar principale */
.navbar {
  background-color: #0469b4; /* Colore di sfondo */
  padding: 0;
  height: 100px;
}

/* Logo UNESCO */
.logo {
  width: 127px;
  background-color: #fff;
  margin-left: 75px;
}

.element-right {
  margin-left: auto; /* Allinea a destra */
  margin-right: 20px; /* Spaziatura laterale */
}

.nav-lang {
  margin-left: auto; /* Allinea a destra */
  margin-right: 30px; /* Spaziatura laterale */
}

.nav-lang a.nav-link.dropdown-toggle {
  color: #fff !important;
  font-family: museo, serif;
  font-weight: 500;
  font-size: 16px;
}

a.dropdown-item {
  font-family: museo, serif;
  font-weight: 300;
  font-size: 16px;
}

.menuPrincipale {
  margin-left: auto;
  margin-right: 0;
  z-index: 1100;
}

header .hamburgerMenu {
  background-color: #9fafc0;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1001;
  padding-top: 100px;
  color: #121718;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

header .hamburgerMenu.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

header .hamburgerMenu .innerWrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  padding-bottom: 50px;
  text-align: center;
}

header .hamburgerMenu .innerWrapper .setPosition.fixed {
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
header .hamburgerMenu .innerWrapper .setPosition {
  padding: 20px 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

header .hamburgerMenu .innerWrapper .setPosition .menu {
  margin-top: 100px;
}

@media (max-width: 991.98px) {
  header .hamburgerMenu .innerWrapper .setPosition .menu {
    margin-top: 60px;
  }
}

header .hamburgerMenu .innerWrapper .setPosition .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header .hamburgerMenu .innerWrapper .setPosition .menu ul li {
  margin-bottom: 20px;
}

.bigHugeTitle {
  font-family: museo, serif;
  font-weight: 900;
  font-size: 35px;
  line-height: 35px;
}

header .hamburgerMenu .innerWrapper .setPosition .menu ul li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.podcast-section,
.video-section,
.attivita-section {
  font-family: museo, serif;
}
.podcast-title,
.video-title,
.attivita-title {
  color: #00033c;
}
.titleMenu,
.destinazione {
  font-family: museo, serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.socialLink,
.languageLink,
.socialFooter {
  display: flex; /* Attiva il Flexbox */
  justify-content: center; /* Centra gli elementi orizzontalmente */
}

@media (max-width: 767.98px) {
  .socialFooter {
    margin-top: 3rem;
  }
}

.socialLink ul,
.languageLink ul,
.socialLinkNav ul,
.destinazione, .socialFooter ul {
  list-style: none; /* Rimuove i pallini */
  display: flex; /* Dispone le icone in riga */
  gap: 20px; /* Spaziatura tra le icone */
  padding: 0;
  margin: 0;
}
.destinazione {
  margin-left: 90px;
  gap: 50px;
}
.destinazione li a {
  text-decoration: none; /* Rimuove la sottolineatura */
  color: #fff !important; /* Colore predefinito delle icone */
  font-size: 18px; /* Dimensione delle icone */
  transition: color 0.3s; /* Effetto hover morbido */
}
.socialLinkNav ul li a.download-link {
    text-decoration: none;
    color: #fff !important;
    font-size: 16px;
    transition: color 0.3s;
    font-family: museo, serif;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
.socialLink li,
.languageLink li,
.destinazione li, .socialFooter li {
  display: inline-block;
  margin-bottom: 0 !important;
}
.copertina-unesco {
  width:700px;
  max-width: 100%;
  margin-left: 90px;
  padding: 45px 0px;
}

@media (min-width: 1100px) and (max-width: 1279.98px) {
  .destinazione {
    gap: 30px;
  }
}

@media (max-width: 1099.98px) {
  .destinazione {
    gap: 25px;
  }

  .withlogo .destinazione {
    margin-left: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .logo {
    width: 106px;
    margin-left: 0;
  }
  
  .navbar {
    height: 82px;
  }
  .copertina-unesco {
    margin-left: 50px;
    width: 600px;
  }
}

@media (max-width: 767.98px) {
  .logo {
    width: 65px;
    margin-left: 0px;
  }

  .navbar {
    height: 50px;
  }

  .copertina-unesco {
    margin-left: 0;
    width: 400px;
  }
}

.socialLink ul li a,
.socialLinkNav ul li a, .socialFooter ul li a {
  text-decoration: none; /* Rimuove la sottolineatura */
  color: #fff !important; /* Colore predefinito delle icone */
  font-size: 25px; /* Dimensione delle icone */
  transition: color 0.3s; /* Effetto hover morbido */
}

@media (min-width: 991px) and (max-width: 1380px) {
    .socialLinkNav {
        display: none!important;
    }
}

.languageLink ul li a {
  text-decoration: none; /* Rimuove la sottolineatura */
  color: #fff !important; /* Colore predefinito delle icone */
  font-size: 20px; /* Dimensione delle icone */
  transition: color 0.3s; /* Effetto hover morbido */
  font-family: museo, serif;
}

.languageLink ul li a:hover {
  color: #fff !important; /* Cambia colore al passaggio del mouse */
}

.navbar-text {
  font-size: 1.4rem; /* Dimensione testo */
  color: #fff; /* Colore blu */
  margin-left: 400px; /* Spaziatura per lasciare spazio al logo */
  font-family: "museo-sans", sans-serif;
  font-weight: 900;
  font-style: italic;
  white-space: nowrap; /* Evita che il testo vada a capo */
  transition: margin-left 0.3s ease-in-out; /* Transizione fluida per il margine */
}

.navbar-text strong {
  font-size: 1.8rem; /* Dimensione testo */
  font-family: museo, serif;
  font-weight: 900;
  text-transform: uppercase; /* Testo maiuscolo */
  font-style: normal;
}

@media (max-width: 1380px) {
  .navbar-text {
    font-size: 1.2rem; /* Ridimensiona il testo principale */
  }

  .navbar-text strong {
    font-size: 1.6rem; /* Ridimensiona il testo strong */
  }
}

@media (max-width: 1280px) {
  .navbar-text {
    display: none; /* Nascondi il testo su mobile */
  }
}

/* menu mobile */
.menu_header {
  position: relative;
  z-index: 100;
  font-family: "MyriadPro-Regular";
  vertical-align: middle;
}

#click_trigger {
  cursor: pointer;
  position: relative;
  height: 38px;
  width: 50px;
}

.stick {
  width: 35px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  display: block;
  position: absolute;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  right: 0;
  margin-top: -17px;
  margin-right: 4px;
}

#stick1 {
  top: 25px;
  right: 3px;
}

.box_sticks.menu_open #stick1 {
  top: 33px;
  background-color: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#stick2 {
  top: 34px;
  right: 3px;
  background-color: #fff;
}

.box_sticks.menu_open #stick2 {
  opacity: 0;
  width: 0;
}

#stick3 {
  top: 43px;
  right: 3px;
}

.box_sticks.menu_open #stick3 {
  top: 33px;
  background-color: #fff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#click_trigger.open:hover #stick1,
#click_trigger.open:hover #stick3 {
  right: 5px;
}

#click_trigger.open:hover #stick2 {
  right: 0px;
}

.label_stick {
  position: absolute;
  bottom: 1px;
  font-size: 14px;
  left: 10px;
  text-transform: lowercase;
  line-height: 13px;
  color: #000000;
  font-family: "MyriadProRegular";
}

.box_sticks.menu_open .label_stick {
  color: #ffffff;
}

section.video .box-video {
  margin-bottom: 4rem;
}

section.top_header {
  background-image: url("../images/top_bar_unesco.jpg");
  background-size: cover;
  background-position: center top;
  padding: 3rem;
}

section.top_header h1 {
  font-family: museo, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 4rem;
  color: #ffffff;
  text-align: center;
}

section.top_header h2 {
  font-family: museo, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.6rem;
  line-height: 3rem;
  color: #ffffff;
  text-align: center;
}

.map_container {
  position: relative;
  display: inline-block;
}

.map_container img {
  display: block;
  max-width: 100%;
  height: auto;
}

.map-marker {
  display: flex;
  cursor: pointer;
  position: absolute;
  background-color: #7f87a1;
  font-size: 0.7rem;
  line-height: 1;
  padding: 5px 8px;
  border-radius: 15px;
  width: auto !important;
  height: auto !important;
  z-index: 199 !important;
}

.map-marker.active {
  padding: 2px;
  font-size: 1rem;
  z-index: 200 !important;
}

.map-marker:hover {
  padding: 2px;
  font-size: 1rem;
  z-index: 201 !important;
}

.map-marker div {
  position: relative;
  color: #fff;
  font-family: noto-sans, sans-serif;
  font-weight: 800;
  display: inline-block;
  font-size: 14px;
}

.map-marker.active .num,
.map-marker:hover .num {
  height: min-content;
  background-color: #ad2313;
  padding: 5px 8px;
  border-radius: 15px;
  display: inline-block;
}

.selectSito h5 {
  font-family: museo, serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 22px;
  color: #00033c;
}

.selectSito .form-select {
  max-width: 500px;
  margin: auto;
}

#map-mobile {
  background-color: #9fafc0;
}

#map-mobile .btn-primary {
  background-color: #00033c;
  border-color: #00033c;
}

#map-mobile h5 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 3px;
}

#map {
  height: 900px;
}

#map .tabs {
  position: absolute;
  top: 0;
  left: 90px;
  width: 320px;
  z-index: 499;
  background: #fff;
  height: 900px;
  padding: 15px 0;
  overflow-y: scroll;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #map {
    height: 600px;
  }

  #map .tabs {
    left: 50px;
    height: 600px;
  }
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #00033c;
}

.nav-tabs .nav-link {
  color: #9fafc0;
}

#map .tabs button.nav-link {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.7rem;
}

#map .tabs .tab-content ul.sitiunesco {
  padding: 0;
  margin: 0;
}

#map .tabs .tab-content ul.sitiunesco li {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1rem;

  list-style: none;
  border-bottom: 1px solid #d0d0d4;
}

#map .tabs .tab-content ul.sitiunesco li a {
  text-decoration: none;
  color: #000;
  display: block; /* Rende il link un elemento a blocco */
  width: 100%; /* Occupa tutta la larghezza del contenitore */
  height: 100%; /* Occupa tutta l'altezza del contenitore */
  padding: 10px 15px;
}

#map .tabs .tab-content ul.sitiunesco li:hover,
#map .tabs .tab-content ul.sitiunesco li.active {
  background-color: #00033c;
  color: #ffffff;
}

#map .tabs .tab-content ul.sitiunesco li:hover a,
#map .tabs .tab-content ul.sitiunesco li.active a {
  color: #ffffff;
}

#map .tabs .tab-content ul.sitiunesco li a span {
  font-weight: 600;
  color: #00033c;
}

#map .tabs .tab-content ul.sitiunesco li:hover span,
#map .tabs .tab-content ul.sitiunesco li.active span {
  color: #ffffff;
}

section.progetto h3 {
  letter-spacing: 3px;
}

section.progetto h3,
section.text h3 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
}

section.text p {
  color: #7a829d;
  font-size: 1.2rem;
}

section.book-unesco {
  background-color: #9fafc0;
  padding: 3rem 0;
  color: #ffffff;
  font-size: 1rem;
}

section.book-unesco .unesco_bg {
  background-image: url("../images/unesco.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

section.book-unesco .scarica,
.destinazioni .scarica {
  background-color: transparent;
  border-color: #ffffff;
  padding: 0.5rem 3rem;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  display: block;
}

section.book-unesco .scarica:hover,
.destinazioni .scarica:hover {
  background-color: #ffffff;
  color: #000;
}

section.img_top {
  position: relative;
  height: 650px; /* Altezza di default per desktop */
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* Media query per tablet (fino a 992px) */
@media (max-width: 992px) {
  section.img_top {
    height: 500px; /* Altezza per tablet */
  }
}

/* Media query per smartphone (fino a 768px) */
@media (max-width: 768px) {
  section.img_top {
    height: 400px; /* Altezza per smartphone */
  }
}

section.img_top .box_content {
  position: absolute;
  bottom: 0;
  width: 100%;
}

section.img_top .box_content .numero {
  color: #ffffff;
  font-family: museo, serif;
  font-weight: 900;
  font-size: 15rem; /* Dimensione di default */
  line-height: 9rem; /* Line height di default */
}

/* Media query per tablet (fino a 992px) */
@media (max-width: 992px) {
  section.img_top .box_content .numero {
    font-size: 11rem; /* Dimensione per tablet */
    line-height: 7rem; /* Line height proporzionato */
  }
}

/* Media query per smartphone (fino a 768px) */
@media (max-width: 768px) {
  section.img_top .box_content .numero {
    font-size: 8rem; /* Dimensione per smartphone */
    line-height: 5.2rem; /* Line height proporzionato */
  }
}

section.content_sito h1 {
  font-family: museo, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.5rem; /* Dimensione di default per desktop */
  line-height: 2.5rem;
  color: #00033c;
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  section.content_sito h1 {
    font-size: 2.4rem; /* Dimensione per tablet */
    line-height: 2.4rem;
  }
}

@media (max-width: 768px) {
  section.content_sito h1 {
    font-size: 2rem; /* Dimensione per smartphone */
    line-height: 2rem;
  }
}

section.content_sito .tipo_patrimonio .img_patrimonio {
  vertical-align: top;
  width: 50px;
  display: inline-block;
  margin-right: 10px;
}

section.content_sito .tipo_patrimonio .testo_patrimonio h5 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #00033c;
}

section.content_sito .tipo_patrimonio .testo_patrimonio {
  display: inline-block;
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  width: calc(100% - 65px);
  font-size: 15px;
}

section.content_sito .tipo_patrimonio .testo_patrimonio strong {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 15px;
}

@media (max-width: 992px) {
  section.content_sito .tipo_patrimonio .testo_patrimonio h5 {
    font-size: 16px;
  }

  section.content_sito .tipo_patrimonio .testo_patrimonio strong {
    font-size: 16px;
  }
}

section.content_sito .assegnazione p {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
}

section.content_sito .assegnazione p strong {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  color: #00033c;
}

section.img_txthover .imagebg {
  width: 100%;
  height: 600px;
  position: relative;
  background-size: cover;
  background-position: center;
}

section.img_txthover .imagebg .overlay_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

section.img_txthover .imagebg .overlay_txt .citazione {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 600px;
}

/* Media query per schermi con larghezza inferiore a 992px */
@media (max-width: 992px) {
  section.img_txthover .imagebg .overlay_txt .citazione {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

section.img_txthover .imagebg .overlay_txt .citazione_box {
  align-self: center;
}

section.img_txthover .imagebg .overlay_txt .citazione_box p {
  font-family: noto-sans, sans-serif;
  font-weight: 300;
  font-style: italic;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}

/* Media query per schermi con larghezza inferiore a 992px */
@media (max-width: 992px) {
  section.img_txthover .imagebg .overlay_txt .citazione_box p {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

/* Media query per schermi con larghezza inferiore a 768px */
@media (max-width: 768px) {
  section.img_txthover .imagebg .overlay_txt .citazione_box p {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
}

section.img_txthover .imagebg .overlay_txt .citazione_box .cit {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 1rem;
  text-align: right;
}

/* Media query per schermi con larghezza inferiore a 992px */
@media (max-width: 992px) {
  section.img_txthover .imagebg .overlay_txt .citazione_box .cit {
    font-size: 0.8rem;
  }
}

#map_sito,
#map_sito_2 {
  height: 100%; /* L'altezza si adatta al contenitore */
  width: 100%; /* Larghezza al 100% */
  border-radius: 15px;
}

section.mappa_sito {
  background-color: #dddddd;
}

section.mappa_sito .elenco_siti {
  min-height: 600px; /* Mantieni un'altezza minima per schermi più grandi */
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 15px;
}

@media (max-width: 992px) {
  section.mappa_sito .elenco_siti {
    min-height: auto; /* Altezza automatica su schermi piccoli */
  }
  #map_sito,
  #map_sito_2 {
    height: 400px; /* Mantieni la mappa al 100% dell'altezza del suo contenitore su mobile */
  }
}

@media (max-width: 768px) {
    section.mappa_sito .elenco_siti {
    padding: 1rem;
  }
}

section.mappa_sito h3 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #00033c;
}

section.mappa_kids h3 { 
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  color: #0098a3;
}

section.mappa_sito .elenco_siti h5 {
  font-family: museo, serif;
  font-weight: 900;
  font-size: 1.2rem;
  color: #536181;
  margin-bottom: 2rem;
}

section.mappa_sito .elenco_siti p {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

section.mappa_sito .elenco_siti ol {
  counter-reset: myOrderedListItemsCounter;
  padding-left: 0rem;
  margin-bottom: 2rem;
}

section.mappa_sito .elenco_siti ol li {
  list-style-type: none;
  position: relative;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  margin: 0.2rem 0;
}

section.mappa_sito .elenco_siti ol li:before {
  counter-increment: myOrderedListItemsCounter;
  content: counter(
    myOrderedListItemsCounter
  ); /* Rimosso il punto dopo il numero */
  margin-right: 0.5em;
}

section.mappa_sito .elenco_siti .round_bg::before {
  background-color: #00033c;
  color: #ffffff;
  padding: 0rem 0.5rem;
  border-radius: 14px;
}

a.btn-maps,
button.btn-maps {
  background-color: transparent;
  border-color: #00033c;
  color: #00033c;
  font-family: noto-sans, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a.btn-maps:hover,
button.btn-maps:hover {
  background-color: #00033c;
  border-color: #00033c;
}

section.img_txthover_bottom {
  width: 100%;
  height: 600px;
  position: relative;
  background-size: cover;
  background-position: center;
}

section.img_txthover_bottom .box {
  padding: 2rem;
  width: 520px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px 10px 0 0;
}

section.img_txthover_bottom .box p {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1rem;
  color: #00033c;
}

section.img_txthover_bottom .box .cit {
  font-family: noto-sans, sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: right;
}

/* Media query per schermi più piccoli di 768px */
@media (max-width: 768px) {
  section.img_txthover_bottom .box {
    width: 90%; /* Imposta la larghezza al 100% sotto 768px */
    right: 5%;
  }

  section.img_txthover_bottom .box p {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  section.img_txthover_bottom .box .cit {
    font-size: 0.7rem;
    line-height: 0.9rem;
  }
}

section.mappa_kids {
  background-color: #f1f8f8;
}

section.scarica_attivita {
  background-color: #0098a3;
  padding: 2rem 0;
}

section.scarica_attivita .scarica {
  background-color: transparent;
  border-color: #ffffff;
  padding: 0.3rem 3rem;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  display: block;
  font-size: 1.2rem;
  letter-spacing: 4px;
}

section.scarica_attivita .scarica:hover {
  background-color: #ffffff;
  color: #000;
}

section.consigli_lettura h5 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  color: #00033c;
}

section.consigli_lettura ul {
  padding-left: 1rem;
}

section.consigli_lettura ul li {
  margin-bottom: 1rem;
}

section.consigli_lettura strong {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  color: #00033c;
}

section.consigli_lettura ul + p {
  margin-top: 2.5rem;
}

section.mappa_kids h5 {
  color: #0098a3;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  margin-bottom: 1rem;
}

section.mappa_kids .round_mrk {
  display: inline-block;
  background-color: #0098a3; /* Colore di sfondo blu-verde */
  color: white; /* Colore del testo bianco */
  border-radius: 50%; /* Rende l'elemento circolare */
  width: 20px; /* Larghezza del cerchio */
  height: 20px; /* Altezza del cerchio */
  line-height: 20px; /* Allinea il testo verticalmente */
  text-align: center; /* Allinea il testo orizzontalmente */
  font-weight: bold; /* Testo in grassetto */
  font-size: 12px; /* Dimensione del testo */
  vertical-align: middle; /* Allinea verticalmente rispetto al testo */
  position: relative;
  top: -2px; /* Alza leggermente il cerchio rispetto al testo */
}

section.descrizione_sito .round_mrk, .testo_marker .round_mrk {
  display: inline-block;
  background-color: #00033c;
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/*button.btn-kids {
	background-color: #ad2313;
	border-color: #ad2313;
	color: #ffffff;
	font-family: noto-sans, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

button.btn-kids:hover {
	background-color: transparent;
	border-color: #ad2313;
	color: #ad2313;
}*/

a.btn-kids,
button.btn-kids {
  background-color: transparent;
  border-color: #0098a3;
  color: #0098a3;
  font-family: noto-sans, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a.btn-kids:hover,
button.btn-kids:hover {
  background-color: #0098a3;
  border-color: #0098a3;
}

.custom-marker .circle {
  width: 35px;
  height: 35px;
  border-radius: 50%; /* Forma circolare */
  background-color: #00033c; /* Colore di sfondo */
  color: #fff; /* Colore del testo */
  text-align: center;
  line-height: 30px; /* Allinea il testo verticalmente */
  font-size: 18px;
  border: 2px solid #00033c; /* Bordo bianco */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Effetto ombra */
  font-family: noto-sans, sans-serif;
  font-weight: 700;
}

.form-floating {
  padding: 5px 10px;
}

.form-floating > label {
  left: 5px;
}

.video h3 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: #00033c;
}

.video p {
  color: #7a829d;
  font-size: 1rem;
  padding-top: 0.5rem;
}

.attivita-kids {
  margin-top: 2rem;
}

.attivita-kids .overlay_act {
  position: relative;
}

.attivita-kids .overlay_act .bg_over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 3, 60, 0.7);
  cursor: pointer;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.attivita-kids .overlay_act .bg_over .btn-download {
  color: #fff;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  border: 0px;
}

.attivita-kids .overlay_act:hover .bg_over {
  background-color: rgba(0, 3, 60, 0.7);
  opacity: 1;
}

.attivita-kids h2 {
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  color: #7a829d;
}

.attivita-kids img {
  width: 100%;
}

.attivita-kids p {
  color: #7a829d;
  font-size: 13px;
  line-height: 17px;
  padding-top: 0.5rem;
}

.credits {
  font-family: noto-sans, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.credits a, .credits a:hover, .credits a:focus {
  color: #00033c;
  text-decoration: none;
  font-weight: 600;
}

h3.podcast_title {
  font-family: museo, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2.6rem;
  line-height: 2.6rem;
  color: #00033c;
}

p.podcast_txt {
  color: #000;
  font-size: 18px;
}

footer {
  margin-top: 0rem;
}

footer strong {
  color: #fff!important;
}

footer .page-footer {
  background-color: #00033c;
  padding: 2rem 0;
}

footer .sitemap-area {
  background-color: #fff;
}

footer .sitemap-link {
    list-style: none; /* Rimuove i pallini */
    padding: 0.5rem 0;
    display: flex;
    justify-content: center; /* Centra gli elementi in linea */
    gap: 60px; /* Spazio tra gli elementi */
    margin-bottom: 0px;
    font-size: 14px;
}

footer .sitemap-link li {
    display: inline-block;
}

footer .sitemap-link a {
    text-decoration: none; 
    color: #00033c; 
    font-weight: 600; 
}

@media (max-width: 768px) { 
    footer .sitemap-link li:nth-child(1),
    footer .sitemap-link li:nth-child(2),
    footer .sitemap-link li:nth-child(3) {
        display: none;
    }

    footer .sitemap-link {
        gap: 20px;
    }
}

footer p {
  margin: 0;
  color: #ffffff;
  font-family: noto-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 400;
}

footer p a {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}

footer .btn.scarica {
  background-color: transparent;
  border-color: #ffffff;
  padding: 0.5rem 3rem;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  max-width: 220px;
  font-size: 12px;
}

footer .btn.scarica:hover {
  background-color: #ffffff;
  color: #000;
}