*:focus {
  outline: 2px solid orange !important;
}

body {
  font-family: "Titillium Web", sans-serif;
}

body a {
  color: #0066cc;
}

body a:hover {
  color: #004d99;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 120% !important;
}

p > a {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

header {
  position: relative;
  color: #fff;
}

header a {
  color: #fff;
}

header h1 a {
  text-decoration: none;
}
header h1 a:hover {
  text-decoration: underline;
}

header a:hover {
  color: #fff;
}

header .top {
  background: #005ebd;
  padding: 0.5rem 0;
}

header .top .wrapper-links-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .top .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .top .wrapper .destra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .top .wrapper .destra .menu-lingua {
  margin-right: 1rem;
}

header .principale {
  background: #0066cc;
  padding: 3rem 0 1rem 0;
  position: relative;
}

header .principale .hamburger button {
  border: none;
  background: none;
  position: absolute;
  left: 8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  color: #fff;
  font-size: 2.5rem;
}

header .principale .hamburger button img {
  width: 3rem;
}

header .principale .hamburger button span {
  color: #fff;
  font-size: 2.5rem;
}

header .principale .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .principale .wrapper .sinistra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .principale .wrapper .sinistra .logo {
  width: 5rem;
}

header .principale .wrapper .sinistra .nome {
  margin-left: 2rem;
}

header .principale .wrapper .sinistra .nome h1 {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

header .principale .wrapper .sinistra .nome p {
  margin: 0;
}

header .principale .wrapper .destra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .principale .wrapper .destra .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .principale .wrapper .destra .social ul {
  margin: 0 0 0 0.5rem;
  padding: 0;
  list-style: none;
}

header .principale .wrapper .destra .social ul li {
  display: inline-block;
  margin-right: 0.2rem;
}

header .principale .wrapper .destra .social ul li img {
  width: 1.5rem;
}

header .principale .wrapper .destra .social p {
  margin: 0;
}

header .principale .wrapper .destra .ricerca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 3rem;
}

header .principale .wrapper .destra .ricerca p {
  margin: 0;
}

header .principale .wrapper .destra .ricerca button {
  border: none;
  background: none;
  margin-left: 1rem;
}

header .principale .wrapper .destra .ricerca button img {
  width: 3rem;
}

header .principale .wrapper .destra .ricerca button img:hover {
  opacity: 0.9;
}

header .principale .menu-secondario {
  padding: 1rem 0;
  margin-top: 2rem;
}

header .principale .palme {
  position: absolute;
  left: 0;
  bottom: -1rem;
  opacity: 0.05;
}

header #areaRicerca {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

header #areaRicerca.visibile {
  visibility: visible;
  opacity: 1;
}

header #areaRicerca form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

header #areaRicerca form input {
  width: 40rem;
  padding: 0.5rem;
  background: none;
  border: none;
  border-bottom: 2px solid #005ebd;
  font-size: 1.5rem;
}

header #areaRicerca form input::-webkit-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}

header #areaRicerca form input:-ms-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}

header #areaRicerca form input::-ms-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}

header #areaRicerca form input::placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}

header #areaRicerca form button {
  background: none;
  border: none;
  font-size: 2rem;
  color: #005ebd;
}

header #areaRicerca .chiudi-ricerca {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  font-size: 2.5rem;
  color: #005ebd;
}

/*** sezione SLIDER HOME LAYOUT 1 ***/
.slider-layout-1 {
  height: auto;
}
.slider-layout-1 .swiper-slide {
  padding: 14rem 0;
  position: relative;
  height: 100%;
}
.slider-layout-1 .swiper-slide:has(.contenuto) {
  padding: 4rem 0;
}

.slider-layout-1 .contenuto {
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  width: 35rem;
}
.slider-layout-1 .sfondo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}
.slider-layout-1 .swiper-button-next,
.slider-layout-1 .swiper-button-prev {
  color: #fff;
}
/*** fine SLIDER HOME ***/

/*** sezione ULTIME NOTIZIE ***/
#ultime-notizie {
  padding: 2rem 0;
}

#ultime-notizie a {
    text-decoration: none;
}

#ultime-notizie a:hover {
    text-decoration: underline;
}

#ultime-notizie .categoria {
  text-transform: uppercase;
  font-weight: 600;
}

#ultime-notizie .slider-notizie .swiper-slide {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
  border: 1px solid #f2f2f2;
}

#ultime-notizie .slider-notizie .swiper-slide figure {
  height: 200px;
  position: relative;
}

#ultime-notizie .slider-notizie .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#ultime-notizie .slider-notizie .swiper-slide figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

#ultime-notizie .slider-notizie .swiper-slide .contenuto {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
}

#ultime-notizie .slider-notizie .swiper-slide .contenuto .data {
  color: #06c;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

#ultime-notizie .slider-notizie .swiper-slide .contenuto .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #ec092b;
  font-weight: 600;
  margin-right: 0.3rem;
}

#ultime-notizie .slider-notizie .swiper-slide .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

#ultime-notizie .slider-notizie .swiper-slide .contenuto h3 a {
  color: #000;
}

#ultime-notizie .slider-notizie .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

#ultime-notizie .area-pulsante {
  padding: 2rem 0 0 0;
  text-align: center;
}
/*** fine ULTIME NOTIZIE ***/

/*** PRIMO PIANO Layout 2 ***/
.primopiano-l2 {
  padding: 4rem 0;
}

.primopiano-l2 .categoria {
  text-transform: uppercase;
  font-weight: 600;
}

.primopiano-l2 .slider-notizie .swiper-slide {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid #f2f2f2;
}

.primopiano-l2 .testata {
  width: 100%;
  height: 250px;
  position: relative;
}
.primopiano-l2 .testata img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.primopiano-l2 .testata .box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  padding: 0.5rem 1rem;
}
.primopiano-l2 .testata .box h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
}

.primopiano-l2 .testata .box h3 a {
  color: #028571;
}

.primopiano-l2 .data {
  font-size: 0.9rem;
  color: #757575;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.primopiano-l2 .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #ec092b;
  font-weight: 600;
  margin-right: 0.3rem;
}

.primopiano-l2 .contenuto {
  padding: 1rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.primopiano-l2 .categoria {
  background: #028571;
  padding: 0.3rem 1rem;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: 0.8rem;
}

.primopiano-l2 .slider-notizie .swiper-slide .contenuto h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #06c;
}

.primopiano-l2 .slider-notizie .swiper-slide .contenuto h3 a {
  color: #06c;
}

.primopiano-l2 .pulsante-freccia {
  font-size: 0.9rem;
}

.primopiano-l2 .pulsante-freccia::after {
  content: "\f054";
}

.primopiano-l2 .slider-notizie .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

.primopiano-l2 .area-pulsante {
  padding: 2rem 0 0 0;
  text-align: center;
}
.primopiano-l2 .pulsante-prim {
  background: #028571;
}
.primopiano-l2 .pulsante-prim:hover {
  background: #006858;
}
.primopiano-l2 .swiper-pagination-bullet-active {
  background: #028571;
}
/*** fine PRIMO PIANO Layout 2 ***/

/*** PRIMO PIANO Layout 3 ***/
.primopiano-l3 {
  padding: 2rem 0;
}
.primopiano-l3 .categoria {
  text-transform: uppercase;
  font-weight: 600;
}

.primopiano-l3 .slider-notizie .swiper-slide {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid #f2f2f2;
}

.primopiano-l3 .slider-notizie .swiper-slide figure {
  height: 200px;
  position: relative;
}

.primopiano-l3 .slider-notizie .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.primopiano-l3 .slider-notizie .swiper-slide figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto {
  padding: 2rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto .data {
  font-size: 0.9rem;
  color: #06c;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto .data::after {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #ec092b;
  font-weight: 600;
  margin-left: 0.3rem;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #06c;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto h3 a {
  color: #06c;
  text-decoration: none;
}

.primopiano-l3 .slider-notizie .swiper-slide .contenuto h3 a:hover {
    text-decoration: underline;
}

.primopiano-l3 .pulsante-freccia {
  font-size: 0.9rem;
}

.primopiano-l3 .pulsante-freccia::after {
  content: "\f054";
}

.primopiano-l3 .slider-notizie .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

.primopiano-l3 .area-pulsante {
  padding: 2rem 0 0 0;
  text-align: center;
}
/*** fine PRIMO PIANO Layout 3 ***/

/*** sezione PRIMO PIANO Layout 4 ***/
.primopiano-l4 {
  padding: 4rem 0;
  background: #f4f4f4;
}
.primopiano-l4 .swiper-container {
  padding: 1rem;
}
.primopiano-l4 .box {
  display: flex;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.primopiano-l4 .box img {
  width: 10rem;
  height: 100%;
  object-fit: cover;
}
.primopiano-l4 .box .contenuto {
  padding: 1.5rem;
}
.primopiano-l4 .box .contenuto .data i {
  color: #06c;
}
.primopiano-l4 .box .contenuto h3 {
  font-size: 1.4rem;
  font-weight: 600;
}
.primopiano-l4 .box .contenuto hr {
  width: 40%;
  margin-left: 0;
}
.primopiano-l4 .swiper-pagination {
  position: relative;
  margin-top: 1.5rem;
}
.primopiano-l4 .pulsante-freccia::after {
  content: "\f054";
}
@media (max-width: 576px) {
  .primopiano-l4 .box {
    flex-direction: column;
  }
  .primopiano-l4 .box img {
    width: 100%;
    height: 200px;
  }
  .primopiano-l4 .swiper-container {
    padding: 0;
  }
}
/*** fine PRIMO PIANO Layout 4 ***/

/*** sezione NOTIZIE CORRELATE ***/
#notizie-correlate {
  padding: 4rem 0;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide {
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide figure {
  height: 200px;
  position: relative;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide .contenuto {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide .contenuto .data {
  color: #00478d;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

#notizie-correlate
  .slider-notizie-correlate
  .swiper-slide
  .contenuto
  .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #0066cc;
  font-weight: 600;
  color: #0066cc;
  margin-right: 0.3rem;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

#notizie-correlate .slider-notizie-correlate .swiper-slide .contenuto h3 a {
  color: #000;
}

#notizie-correlate .slider-notizie-correlate .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

#notizie-correlate .area-pulsante {
  padding: 2rem 0 0 0;
  text-align: center;
}

/*** fine NOTIZIE CORRELATE ***/

/*** sezione EVENTI ***/
#eventi-home {
  background: url("../../grafica/sfondo-eventi.jpg");
  background-size: cover;
  padding: 4rem 0;
}

#eventi-home .slider-eventi .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

#eventi-home .slider-eventi .box .data {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0066cc;
  padding: 1.5rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
}

#eventi-home .slider-eventi .box .data p {
  margin: 0;
}

#eventi-home .slider-eventi .box .contenuto {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  padding: 1.5rem;
}

#eventi-home .slider-eventi .box .contenuto h3 {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
}

#eventi-home .slider-eventi .box .contenuto h3 a {
  color: #000;
}

#eventi-home .slider-eventi .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

#eventi-home .area-pulsante {
  padding: 3rem 0 0 0;
  text-align: right;
}

/*** fine EVENTI ***/

/*** sezione EVENTI 2 COL***/

#eventi-home .slider-eventi-2-col .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

#eventi-home .slider-eventi-2-col .box .data {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0066cc;
  padding: 1.5rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
}

#eventi-home .slider-eventi-2-col .box .data p {
  margin: 0;
}

#eventi-home .slider-eventi-2-col .box .contenuto {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  padding: 1.5rem;
}

#eventi-home .slider-eventi-2-col .box .contenuto h3 {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
}

#eventi-home .slider-eventi-2-col .box .contenuto h3 a {
  color: #000;
}

#eventi-home .slider-eventi-2-col .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

#eventi-home .area-pulsante {
  padding: 3rem 0 0 0;
  text-align: right;
}

/*** fine EVENTI ***/

/*** sezione EVENTI 1 COL***/

.slider-eventi-1-col .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.slider-eventi-1-col .box .data {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0066cc;
  padding: 1.5rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
}

.slider-eventi-1-col .box .data p {
  margin: 0;
}

.slider-eventi-1-col .box .contenuto {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  padding: 1.5rem;
}

.slider-eventi-1-col .box .contenuto h3 {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
}

.slider-eventi-1-col .box .contenuto h3 a {
  color: #000;
}

.slider-eventi-1-col .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

.area-pulsante {
  padding: 3rem 0 0 0;
  text-align: right;
}

/*** fine EVENTI ***/

/*** sezione BANDI ***/
#bandi {
  padding: 2rem 0;
}

#bandi .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

#bandi .box {
  padding: 1.5rem;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  word-break: break-word;
}

#bandi .box .tipologia {
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  border-bottom: 2px solid #0066cc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.8rem;
  display: block;
  letter-spacing: 0.1rem;
}

#bandi .box .tipologia::before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  margin-right: 0.4rem;
  color: #0066cc;
}

#bandi .box h3 {
  font-weight: 670;
  font-size: 1.1rem;
  margin-bottom: 0.3rem;
}

#bandi .box h3 a {
  text-decoration: none;
}

#bandi .box h3 a:hover {
  text-decoration: underline;
}

#bandi .box .categoria {
  display: block;
  color: #000;
}

#bandi .box .pulsante-freccia {
  margin-top: 1rem;
}

#bandi .box.rosa .tipologia {
  border-bottom: 2px solid #ec092b;
}

#bandi .box.rosa .tipologia::before {
  color: #ec092b;
}

#bandi .box.verde .tipologia {
  border-bottom: 2px solid #00786c;
}

#bandi .box.verde .tipologia::before {
  color: #00786c;
}

#bandi .area-pulsante {
  padding: 4rem 0 0 0;
  text-align: center;
}

/*** fine BANDI ***/

/***  AREE TEMATICHE ***/
.aree-tematiche {
  padding: 4rem 0;
}

.aree-tematiche .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding: 2rem 0;
}

.aree-tematiche .area-pulsante {
  padding: 2rem 0 0 0;
  text-align: center;
}

/*** fine AREE TEMATICHE ***/

/*** sezione ATTIVITA E PROGETTI ***/
#attivita {
  padding: 4rem 0;
}

#attivita .wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding: 2rem 0;
}

#attivita .wrapper .box {
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  background: #fff;
}

#attivita .wrapper .box img {
  height: 2rem;
  margin-bottom: 1rem;
}

#attivita .wrapper .box h3 {
  font-weight: bold;
  font-size: 1.3rem;
}

#attivita .wrapper .box h3 a {
  text-decoration: none;
}

#attivita .wrapper .box h3 a:hover {
  text-decoration: underline;
}

#attivita .area-pulsante {
  text-align: right;
}

/*** fine ATTIVITA E PROGETTI ***/
/*** sezione BANNER ***/
#banner {
  padding: 4rem 0;
}

#banner .box {
  position: relative;
}

#banner .box .contenuto {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 2rem;
  text-align: center;
}

#banner .box .contenuto h3 {
  font-weight: 600;
}

#banner .box .contenuto h3 a {
  color: #fff;
  text-decoration: none;
}
#banner .box .contenuto h3 a:hover {
  text-decoration: underline;
}

#banner .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#banner .swiper-pagination-bullets {
  position: relative;
  margin-top: 2rem;
}

#banner .swiper-button-next {
  right: -3rem;
}

#banner .swiper-button-prev {
  left: -3rem;
}

@media (max-width: 992px) {
  #banner .swiper-button-next {
    right: -1rem;
  }

  #banner .swiper-button-prev {
    left: -1rem;
  }
}

/*** fine BANNER ***/
/*** FOOTER ***/
footer {
  color: #fff;
}

footer a {
  color: #fff;
  text-decoration: underline;
}

footer a:hover {
  color: #fff;
}

footer h3 {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1rem;
}

footer .main {
  padding: 4rem 0 2rem 0;
  background: #0066cc;
}

footer .main .wrapper-argomenti {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 1rem 0;
  border-bottom: 1px solid #87b7e7;
}

footer .main .wrapper-argomenti .box a {
  display: block;
  margin-bottom: 0.5rem;
}

footer .main .bottom {
  margin-top: 2rem;
  line-height: 200%;
}

footer .main .bottom .wrapper-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

footer .main .bottom .wrapper-bottom .social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer .main .bottom .wrapper-bottom .social ul li {
  display: inline-block;
  margin-right: 0.2rem;
}

footer .main .bottom .wrapper-bottom .social ul li img {
  width: 1.5rem;
}

footer .main .bottom .wrapper-bottom .links a {
  display: block;
}

footer .bottom-footer {
  padding: 2rem 0;
  background: #005ebd;
}

footer .bottom-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer .bottom-footer ul li {
  display: inline-block;
  margin-right: 0.5rem;
}

footer .bottom-footer .credits {
  margin: 2rem 0 0 0;
}

footer .bottom-footer .credits a {
  font-weight: bold;
  text-decoration: underline;
}

footer .credits {
  padding: 1rem 0;
  color: #ffffff;
  text-align: center;
}

footer .credits a {
  color: #bbbbbb;
  font-weight: 700;
}

footer .credits p {
  margin: 0;
}
footer h4 {
  font-size: 1.2rem;
  font-weight: 600;
}
footer .numero-verde {
  margin-bottom: 1rem;
}
footer .numero-verde .icona {
  font-size: 1.4rem;
}
footer .numero-verde .numero {
  font-size: 1.8rem;
  font-weight: 600;
  border-bottom: 2px solid #fff;
}
/*** fine FOOTER ***/

/*** AREE TEMATICHE INTERNE ***/
#areetematiche-interne {
  background: #fafafa;
  padding: 4rem 0;
}

#areetematiche-interne .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

#areetematiche-interne .box {
  text-align: center;
}

#areetematiche-interne .box img {
  width: 2rem;
  margin-bottom: 0.5rem;
}

#areetematiche-interne .box h3 {
  font-weight: 700;
  font-size: 1.2rem;
}

/*** fine AREE TEMATICHE INTERNE ***/
/*** EVENTI INTERNI ***/
#eventi-interni .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

#eventi-interni .box {
  padding: 2rem;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}

#eventi-interni .box .testata {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#eventi-interni .box .testata .categoria {
  padding: 0.2rem 1rem;
  background: #0066cc;
  text-transform: uppercase;
  color: #fff;
  border-radius: 1rem;
}

#eventi-interni .box .testata .data {
  color: #6b6b6b;
  text-transform: uppercase;
  margin: 0 0 0 1rem;
}

#eventi-interni .box .testata .data::after {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  margin-left: 0.3rem;
}

#eventi-interni .box h3 {
  font-weight: 700;
  font-size: 1.5rem;
}

#eventi-interni .box h3 a {
  color: #000;
}

#eventi-interni .box h3 a:hover {
  color: #000;
}

#eventi-interni .box p {
  margin: 0;
}

/*** fine EVENTI INTERNI ***/
/*** EVENTI INTERNI ***/
#eventi-interni-2-col .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#eventi-interni-2-col .box {
  padding: 2rem;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}

#eventi-interni-2-col .box .testata {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#eventi-interni-2-col .box .testata .categoria {
  padding: 0.2rem 1rem;
  background: #0066cc;
  text-transform: uppercase;
  color: #fff;
  border-radius: 1rem;
}

#eventi-interni-2-col .box .testata .data {
  color: #6b6b6b;
  text-transform: uppercase;
  margin: 0 0 0 1rem;
}

#eventi-interni-2-col .box .testata .data::after {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  margin-left: 0.3rem;
}

#eventi-interni-2-col .box h3 {
  font-weight: 700;
  font-size: 1.5rem;
}

#eventi-interni-2-col .box h3 a {
  color: #000;
}

#eventi-interni-2-col .box h3 a:hover {
  color: #000;
}

#eventi-interni-2-col .box p {
  margin: 0;
}

/*** fine EVENTI INTERNI ***/
/*** PAGINA SIDEBAR ***/
#pagina-sidebar {
  padding: 1rem 0;
}

#pagina-sidebar .wrapper-pagina {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 75% 25%;
  grid-template-columns: 75% 25%;
  gap: 3rem;
}

#sidebar h3 {
  font-weight: 700;
}

.elenco-sidebar {
  list-style: none;
  margin: 0;
  padding: 1rem 0;
}

.elenco-sidebar a {
  color: #000;
}

.elenco-sidebar a:hover {
  color: #000;
}

.elenco-sidebar li {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.elenco-sidebar li::before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 0.5rem;
  font-size: 0.6rem;
  color: #ec092b;
  vertical-align: middle;
}
/*** fine PAGINA SIDEBAR ***/
/*** COMPONENTI ***/
.pulsante {
  display: inline-block;
  font-weight: 600;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin: 0 4px 4px 0;
}

.pulsante-prim {
  color: #fff;
  background: #0066cc;
  text-decoration: none;
}

.pulsante-prim:hover {
  background: #005ebd;
  color: #fff;
}

.pulsante-prim:focus {
  background: #005ebd;
  color: #fff;
}

.pulsante-sec {
  color: #fff;
  background: #004d99;
}

.pulsante-sec:hover {
  background: #00478d;
  color: #fff;
}

.pulsante-sec:focus {
  background: #00478d;
  color: #fff;
}

.pulsante-sec {
  color: #0066cc;
  background: #fff;
  border: 2px solid #0066cc;
}

.pulsante-sec:hover {
  background: #0066cc;
  color: #fff;
}

.pulsante-sec:focus {
  background: #0066cc;
  color: #fff;
}

.pulsante-freccia {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.08rem;
  display: inline-block;
  text-decoration: none;
}

.pulsante-freccia::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 0.5rem;
}

.pulsante-freccia.rosso {
  color: #ec092b;
}

.titolo-sezione {
  color: #000;
  font-size: 3rem;
  font-weight: bold;
}

.titolo-sezione.blu {
  color: #0066cc;
}

.titolo-sezione.interna {
  font-size: 2rem;
}

.titolo-pagina {
  color: #000;
  font-size: 3rem;
  font-weight: bold;
}

.titolo-pagina.blu {
  color: #0066cc;
}

.descrizione-pagina {
  font-size: 1.2rem;
  color: #6b6b6b;
  margin-bottom: 2rem;
}

.data-pagina {
  color: #6b6b6b;
  font-weight: 700;
  margin: 0;
}

.data-pagina::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #0066cc;
  margin-right: 0.3rem;
}

.immagine-post {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 2rem;
}

.nav-orizzontale {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 1rem 0;
}

.nav-orizzontale li {
  font-weight: 600;
  display: inline-block;
}

.nav-orizzontale li:not(:last-child) {
  margin-right: 2rem;
}

.dropdown-freccia::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 0.3rem;
  border: none;
}

.breadcrumbs {
  background: #fafafa;
  color: #6b6b6b;
  padding: 1rem 0;
  font-size: 1.2rem;
}

.breadcrumbs a {
  color: #6b6b6b;
}

.breadcrumbs a:hover {
  color: #6b6b6b;
}

.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbs ul li:not(:last-child)::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0 0.5rem 0 0.5rem;
}

.breadcrumbs .home {
  width: 1.4rem;
  vertical-align: top;
}

/*** fine COMPONENTI ***/
/*** OVERRIDE BOOTSTRAP ***/
figure {
  margin: 0;
}

/*** fine OVERRIDE BOOTSTRAP ***/
/* MENU ACCESSIBILE */
.menu-lista {
  margin: 0;
  padding: 0;
  z-index: 1;
  font-weight: 600;
}

.Megamenu-item {
  display: inline-block;
  position: relative;
  margin-right: 1rem;
  z-index: 99;
}

.Megamenu-item a[aria-expanded="false"]::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 0.4rem;
  border: none;
  font-size: 0.8rem;
}

.Megamenu-item a[aria-expanded="true"]::after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 0.4rem;
  border: none;
  font-size: 0.8rem;
}

.Megamenu-subnav {
  visibility: hidden;
  padding: 1rem;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  color: #000;
  background: #fff;
  white-space: nowrap;
  z-index: 99;
}

.Megamenu-subnav a {
  color: #000;
}

.Megamenu-subnav a:hover {
  color: #000;
}

.Megamenu-subnav.is-open {
  visibility: visible;
}

.Megamenu-subnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Megamenu-subnav ul li:not(:last-of-type) {
  margin-bottom: 1rem;
}

/* fine MENU ACCESSIBILE */

#cercaOggetti,
.contenitore-ricerca {
  width: 100%;
}

#cercaOggetti {
  position: relative;
}

#cercaOggetti button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
}

.search-form {
  width: 90%;
  border: none;
  border-bottom: 1px solid #cccccc;
}

.imgReview {
  width: 100% !important;
}

.tabbable .nav-tabs {
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
}

.tabbable .nav-tabs a {
  display: inline-block;
  color: #fff !important;
  border-right: 1px solid #ffffff;
  margin-right: 20px;
  padding-right: 20px;
}

.calendario table {
  width: 100%;
  font-size: 1em;
  padding: 0px;
  background-color: #ffffff;
  margin: 0px auto 25px auto;
  border-bottom: 2px solid #eeeeee;
}

.calendario th {
  height: auto;
  width: auto;
  font-weight: bold;
  padding: 15px 2px;
  text-align: center;
  color: #0066cc;
  margin: 23px;
  border-radius: 8px;
}

.calendario td {
  background-color: #f2f2f2;
  height: auto;
  width: auto;
  padding: 0px;
  padding-bottom: 10px;
  padding-top: 15px;
  text-align: center;
  color: #333333;
  border: 0px;
  border-radius: 8px;
  border: 2px solid #ffffff;
}
.calendario td a {
  color: #0066cc;
  cursor: pointer;
}
.calendario td strong a {
  color: #333333;
  background: #cccccc;
  border-radius: 100px;
  padding: 5px;
  cursor: pointer;
}
.calendario .popover-content a {
  background: #0066cc;
  color: #ffffff;
}

.calendario .dataFooter {
  font-size: 100%;
  text-align: center;
  color: #342f29;
}
.calendario .dataFooter a {
  color: #cccccc;
}

@media (max-width: 1600px) {
  header .principale .hamburger button {
    left: 5rem;
  }
}

@media (max-width: 1400px) {
  header .principale .container {
    padding-left: 10rem;
  }
  .menu-popup .menu {
    width: 40%;
  }
}

@media (max-width: 1200px) {
  #bandi .wrapper {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .aree-tematiche .wrapper {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  #attivita .wrapper {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  header .principale .hamburger button {
    left: 2rem;
  }
  header .principale .container {
    padding-left: 4rem;
  }
  header .principale .wrapper .destra .social {
    display: none;
  }
  header .principale .palme {
    display: none;
  }
  header .principale {
    padding: 2rem 1rem;
  }
  #menuCanaliFull {
    display: none;
  }
  #bandi .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .aree-tematiche .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .aree-tematiche .wrapper .box h3 {
    font-size: 1.2rem;
  }
  .aree-tematiche .wrapper .box h3 {
    margin: 0;
    font-weight: bold;
  }
  #attivita .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .titolo-sezione {
    font-size: 2rem;
  }
  #areetematiche-interne .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  #eventi-interni .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  #pagina-sidebar .wrapper-pagina {
    display: block;
  }
  #contenuto-principale {
    margin-bottom: 3rem;
  }
}

@media (max-width: 768px) {
  header .principale {
    padding: 2rem 0;
  }
  header .menu-secondario {
    display: none;
  }
  header #areaRicerca form input {
    width: 80%;
  }
  .slider-layout-1 .box {
    padding: 2rem 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .slider-layout-1.swiper-button-next,
  .slider-layout-1 .swiper-button-prev {
    color: #0066cc;
  }
  footer .main .wrapper-argomenti {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  footer .main .bottom .wrapper-bottom {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  #eventi-interni .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #eventi-interni-2-col .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  header .principale .hamburger button {
    left: 0.5rem;
  }
  header .principale .hamburger button img {
    width: 2.8rem;
  }
  header .principale .wrapper .sinistra {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  header .principale .wrapper .sinistra .logo {
    width: 3rem;
  }
  header .principale .wrapper .sinistra .nome {
    margin: 0;
  }
  header .principale .wrapper .sinistra .nome h1 {
    font-size: 1.5rem;
  }
  header .principale .wrapper .sinistra .nome p {
    font-size: 0.8rem;
  }
  header .principale .wrapper .destra .ricerca {
    margin: 0;
  }
  header .principale .wrapper .destra .ricerca p {
    display: none;
  }
  header .principale .wrapper .destra .ricerca button {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0.5rem;
  }
  header .principale .container {
    padding-left: 5rem;
    padding-right: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .menu-popup .menu {
    width: 90%;
  }
  #bandi .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .aree-tematiche .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .aree-tematiche .wrapper .box {
    margin-left: 1rem;
  }
  #attivita .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #banner .box .contenuto h3 {
    font-size: 1rem;
  }
  footer .main {
    padding: 1rem 0 2rem 0;
  }
  footer .main .titolo-argomenti {
    display: none;
  }
  footer .main .wrapper-argomenti {
    display: none;
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  footer .main .bottom .wrapper-bottom {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .immagine-post {
    height: 250px;
  }
  .titolo-pagina {
    font-size: 2rem;
  }
}

/* GALLERIA IMMAGINI */
.galleria-immagini {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  padding: 1rem 0;
}

.galleria-immagini article {
  position: relative;
}

.galleria-immagini article .immagine {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
}

.galleria-immagini article .immagine:hover img {
  transform: scale(1.1);
}

.galleria-immagini article .immagine img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
  transition: 0.2s;
}

.galleria-immagini .titoloImmagine {
  padding: 0.3rem 1rem;
  color: #fff;
  background: #0066cc;
  text-align: center;
  font-weight: 600;
  border-radius: 0 0 1rem 1rem;
}

#archivioImmagini .paginazione {
  margin-top: 2rem !important;
}

.modal-header {
  display: block;
}

@media (max-width: 992px) {
  .galleria-immagini {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .galleria-immagini {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .galleria-immagini {
    grid-template-columns: 1fr;
  }
  .galleria-immagini article .immagine {
    height: 250px;
  }
  .galleria-immagini .titoloImmagine {
    font-size: 1.2rem;
  }
}
/* fine GALLERIA IMMAGINI */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-color: rgb(221, 221, 221);
  border-right-color: rgb(221, 221, 221);
  border-bottom-color: rgb(221, 221, 221);
  border-left-color: rgb(221, 221, 221);
}

.ricercaInput {
  display: flex;
  justify-content: flex-end;
}

.link-trasparenza-header {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.link-trasparenza-header img {
  margin-right: 0.5rem;
}

@media (max-width: 992px) {
  .link-trasparenza-header {
    display: none;
  }
}

.ricercaInput {
  display: flex;
  justify-content: flex-end;
}

.link-trasparenza-header {
  display: flex;
}

.link-trasparenza-header img {
  display: flex;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: @line-height-computed 0;
  border-radius: @border-radius-base;

  > li {
    display: inline; // Remove list-style and block-level defaults
    > a,
    > span {
      position: relative;
      float: left; // Collapse white-space
      padding: @padding-base-vertical @padding-base-horizontal;
      line-height: @line-height-base;
      text-decoration: none;
      color: @pagination-color;
      background-color: @pagination-bg;
      border: 1px solid @pagination-border;
      margin-left: -1px;
    }
    &:first-child {
      > a,
      > span {
        margin-left: 0;
        .border-left-radius(@border-radius-base);
      }
    }
    &:last-child {
      > a,
      > span {
        .border-right-radius(@border-radius-base);
      }
    }
  }

  > li > a,
  > li > span {
    &:hover,
    &:focus {
      z-index: 2;
      color: @pagination-hover-color;
      background-color: @pagination-hover-bg;
      border-color: @pagination-hover-border;
    }
  }

  > .active > a,
  > .active > span {
    &,
    &:hover,
    &:focus {
      z-index: 3;
      color: @pagination-active-color;
      background-color: @pagination-active-bg;
      border-color: @pagination-active-border;
      cursor: default;
    }
  }

  > .disabled {
    > span,
    > span:hover,
    > span:focus,
    > a,
    > a:hover,
    > a:focus {
      color: @pagination-disabled-color;
      background-color: @pagination-disabled-bg;
      border-color: @pagination-disabled-border;
      cursor: @cursor-disabled;
    }
  }
}

.pagination-lg {
  .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
}

.pagination-sm {
  .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}

/* NEWS GRIGLIA ELEMENTI */
.griglia-notizie {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.griglia-notizie .box {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
  background: #fff;
}

.griglia-notizie .box figure {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.griglia-notizie .box figure img:hover {
  transform: scale(1.1);
  opacity: 0.6;
}

.griglia-notizie .box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}

.griglia-notizie .box figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.2s;
}

.griglia-notizie .box figure .categoria:hover {
  background: #004f9f;
}

.griglia-notizie .box figure .categoria:hover figure img {
  transform: scale(1);
}
.griglia-notizie .categoria-noimage .categoria {
    background: #0066cc;
    color: #fff;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    display:inline-block;
}

.griglia-notizie .box .contenuto {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  word-break: break-word;
}

.griglia-notizie .box .contenuto .data {
  color: #00478d;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.griglia-notizie .box .contenuto .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #0066cc;
  font-weight: 600;
  color: #0066cc;
  margin-right: 0.3rem;
}

.griglia-notizie .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.griglia-notizie .box .contenuto h3 a {
  color: #000;
  text-decoration: none;
}

.griglia-notizie .box .contenuto h3 a:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  .griglia-notizie {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .griglia-notizie {
    grid-template-columns: 1fr;
  }
}

/* fine NEWS GRIGLIA ELEMENTI */

/* BANNER GRIGLIA */
.banner-griglia {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.banner-griglia .box {
  position: relative;
  height: 180px;
}

.banner-griglia .box .contenuto {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 2rem;
  text-align: center;
}

.banner-griglia .box .contenuto h3 {
  font-weight: 600;
}

.banner-griglia .box .contenuto h3 a {
  color: #fff;
}

.banner-griglia .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .banner-griglia {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .banner-griglia {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .banner-griglia {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .banner-griglia .box {
    height: 130px;
  }
  .banner-griglia .box .contenuto h3 {
    font-size: 1.4rem !important;
  }
}
/* fine BANNER GRIGLIA */

/* NOTIZIE CORRELATE */
.griglia-notizie-correlate {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.griglia-notizie-correlate .box {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
}

.griglia-notizie-correlate .box figure {
  height: 200px;
  position: relative;
}

.griglia-notizie-correlate .box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.griglia-notizie-correlate .box figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}

.griglia-notizie-correlate .box .contenuto {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  word-break: break-word;
  background: #fff;
}

.griglia-notizie-correlate .box .contenuto .data {
  color: #00478d;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.griglia-notizie-correlate .box .contenuto .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #0066cc;
  font-weight: 600;
  color: #0066cc;
  margin-right: 0.3rem;
}

.griglia-notizie-correlate .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.griglia-notizie-correlate .box .contenuto h3 a {
  color: #000;
}

@media (max-width: 992px) {
  .griglia-notizie-correlate {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .griglia-notizie-correlate {
    grid-template-columns: 1fr;
  }
}

/* fine NOTIZIE CORRELATE*/

#banner .box {
  height: 200px;
}

#attivita .wrapper .box .icona {
  color: #ec092b;
}

#attivita .wrapper .box svg {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #ec092b;
}

/* Pagina ARCHIVIO NOTIZIE */

#cercaOggetti .contenitore-ricerca {
  border-bottom: unset !important;
  position: relative;
}

#cercaOggetti .contenitore-ricerca .search-form {
  border: 1px solid #cecece;
  padding: 0.5rem 1rem;
  width: 100%;
  border-radius: 1rem;
}

#cercaOggetti .contenitore-ricerca span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  cursor: pointer;
}

/* fine Pagina ARCHIVIO NOTIZIE */

/********************** LAYOUT 6 *********************/

/* PRIMO PIANO LAYOUT 6 */

#primo-piano-l6 {
  height: calc(100vh - 242px);
}

#primo-piano-l6 a {
  color: #fff;
  text-decoration: none;
}
#primo-piano-l6 a:hover {
  text-decoration: underline;
}

#primo-piano-l6 .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
  width: 100%;
  height: 100%;
}

#primo-piano-l6 .wrapper .big {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

#primo-piano-l6 .wrapper .big .contenuto {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 1;
}

#primo-piano-l6 .wrapper .big .contenuto h3 {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  position: relative;
  font-weight: 600;
}

#primo-piano-l6 .wrapper .big .contenuto h3::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 60%;
  background: #fff;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#primo-piano-l6 .wrapper .big img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#primo-piano-l6 .wrapper .big:hover .contenuto {
  background: linear-gradient(-135deg, rgba(236, 9, 43, 0.7), #0066cc);
}

#primo-piano-l6 .wrapper .big:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#primo-piano-l6 .wrapper .griglia {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
}

#primo-piano-l6 .wrapper .griglia .box {
  position: relative;
  overflow: hidden;
}

#primo-piano-l6 .wrapper .griglia .box .contenuto {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 1;
}

#primo-piano-l6 .wrapper .griglia .box .contenuto h3 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  position: relative;
  font-weight: 600;
}

#primo-piano-l6 .wrapper .griglia .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

#primo-piano-l6 .wrapper .griglia .box:hover .contenuto {
  background: linear-gradient(-135deg, rgba(236, 9, 43, 0.7), #0066cc);
}

#primo-piano-l6 .wrapper .griglia .box:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

@media (max-width: 992px) {
  #primo-piano-l6 {
    display: none;
  }
}

#primo-piano-l6-mobile .box {
  position: relative;
}

#primo-piano-l6-mobile .box .contenuto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 5rem 2rem;
  color: #fff;
}

#primo-piano-l6-mobile .box .contenuto h3 {
  font-weight: 600;
  margin-bottom: 2rem;
}

#primo-piano-l6-mobile .box .contenuto h3 a {
  color: #fff;
}

#primo-piano-l6-mobile .box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: -1;
}

#primo-piano-l6-mobile .swiper-pagination-bullet {
  background: #fff;
}

#primo-piano-l6-mobile .swiper-pagination-bullet-active {
  background: #fff;
}

@media (min-width: 992px) {
  #primo-piano-l6-mobile {
    display: none;
  }
}
/* fine PRIMO PIANO LAYOUT 6 */

/* ATTIVITA E PROGETTI Layout 2 */
.attivita-progetti-l2 .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.attivita-progetti-l2 .wrapper .box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  border-radius: 1rem;
}
.attivita-progetti-l2 .wrapper .box .icona {
  font-size: 1.2rem;
  color: #ec092b;
}
.attivita-progetti-l2 .wrapper .box h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}
.attivita-progetti-l2 .wrapper .box h3 a {
  color: #028571;
}
.attivita-progetti-l2 .pulsante-freccia {
  color: #028571;
}
@media (max-width: 992px) {
  .attivita-progetti-l2 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .attivita-progetti-l2 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine ATTIVITA E PROGETTI Layout 2 */

/* ATTIVITA E PROGETTI Layout 3 */
.attivita-progetti-l3 {
  background: #fafafa;
  padding: 2rem 0;
}

.attivita-progetti-l3 .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem 0;
}
.attivita-progetti-l3 .box {
  display: flex;
  align-items: center;
  width: 100%;
}
.attivita-progetti-l3 .box figure {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  border: 5px solid #06c;
  flex-shrink: 0;
  z-index: 2;
}
.attivita-progetti-l3 .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.attivita-progetti-l3 .contenuto {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  margin-left: -60px;
  padding: 1rem 1rem 1rem 5rem;
  font-size: 0.85rem;
  z-index: 0;
}
.attivita-progetti-l3 .contenuto h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.attivita-progetti-l3 .contenuto h3 a {
    text-decoration: none;
}
.attivita-progetti-l3 .contenuto h3 a:hover {
    text-decoration: underline;
}
@media (max-width: 992px) {
  .attivita-progetti-l3 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .attivita-progetti-l3 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine ATTIVITA E PROGETTI Layout 3 */

/* ATTIVITÀ E PROGGETTI LAYOUT 4 */
.attivita-progetti-l4 {
  padding: 2rem 0;
}
.attivita-progetti-l4 .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.attivita-progetti-l4 .box img {
  width: 100%;
  object-fit: cover;
  transition: 0.2s;
}
.attivita-progetti-l4 .box {
  position: relative;
}
.attivita-progetti-l4 .box:hover img {
  opacity: 0.5;
}
.attivita-progetti-l4 .contenuto {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  padding: 0.5rem 1.5rem;
  color: #fff;
  z-index: 1;
}
.attivita-progetti-l4 .contenuto h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
}
.attivita-progetti-l4 .contenuto .icona {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #06c;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0.8rem;
  margin-right: 0.5rem;
  flex-basis: 1;
  flex-grow: 1;
  flex-shrink: 0;
}
.attivita-progetti-l4 .contenuto .icona svg {
  width: 1rem;
  height: 1rem;
}
.attivita-progetti-l4 .contenuto a {
  color: #fff;
}
@media (max-width: 992px) {
  .attivita-progetti-l4 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .attivita-progetti-l4 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine ATTIVITÀ E PROGGETTI LAYOUT 4 */

/* ATTIVITÀ E PROGGETTI LAYOUT 5 */

#attivita-progetti-l5 {
  padding: 2rem 0;
}

#attivita-progetti-l5 .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
#attivita-progetti-l5 .wrapper .box {
  border-radius: 1rem;
  transition: 0.2s;
}
#attivita-progetti-l5 .wrapper .box:hover {
  text-decoration: none;
  transform: scale(1.02);
}
#attivita-progetti-l5 .wrapper .box img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}
#attivita-progetti-l5 .wrapper .box .contenuto {
  background: #0066cc;
  padding: 0.5rem 1rem;
  border-radius: 0 0 1rem 1rem;
  color: #fff;
  text-align: center;
}
#attivita-progetti-l5 .wrapper .box .contenuto h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
@media (max-width: 1200px) {
  #attivita-progetti-l5 .wrapper .box img {
    height: 150px;
  }
}
@media (max-width: 992px) {
  #attivita-progetti-l5 .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  #attivita-progetti-l5 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  #attivita-progetti-l5 .wrapper .box img {
    height: 200px;
  }
  #attivita-progetti-l5 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine ATTIVITÀ E PROGGETTI LAYOUT 5 */

/* ATTIVITÀ E PROGGETTI LAYOUT 6 */

#attivita-progetti-l6 {
  padding: 2rem 0;
}

#attivita-progetti-l6 .wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

#attivita-progetti-l6 .wrapper .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

#attivita-progetti-l6 .wrapper .box img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 10rem;
  height: auto;
  border-radius: 1rem;
  -o-object-fit: cover;
  object-fit: cover;
}

#attivita-progetti-l6 .wrapper .box .contenuto {
  display: flex;
  align-items: center;
  padding: 1.5rem;
}

#attivita-progetti-l6 .wrapper .box .contenuto h3 {
  font-size: 1.2rem;
  margin: 0;
}

#attivita-progetti-l6 .wrapper .box .contenuto h3 a {
  color: #000;
  text-decoration: none;
}

#attivita-progetti-l6 .wrapper .box .contenuto h3 a:hover {
  text-decoration: underline;
}

@media (max-width: 992px) {
  #attivita-progetti-l6 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  #attivita-progetti-l6 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine ATTIVITÀ E PROGGETTI LAYOUT 6 */

/*** sezione AREE TEMATICHE ***/

.aree-tematiche .info-area {
  text-align: center;
  margin-top: 0.5rem;
}

.aree-tematiche .info-area ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aree-tematiche .info-area.hide {
  overflow: hidden;
  height: 100px;
}

.pulsante-link {
  border: 0;
  padding: 0;
  background: none;
  color: #06c;
  font-weight: bold;
}

/*** fine AREE TEMATICHE ***/

/* BANDI LAYOUT 2 */
.bandi-l2 .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.bandi-l2 .contenuto {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.bandi-l2 .contenuto .box {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  padding: 1rem;
}
.bandi-l2 .contenuto .box .tipologia {
  border-bottom: 1px solid #ec092b;
  padding-bottom: 0.2rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #474747;
  margin-bottom: 0.8rem;
}
.bandi-l2 .contenuto .box.verde .tipologia {
  border-bottom: 1px solid #028571;
}
.bandi-l2 .contenuto .box .tipologia svg {
  color: #ec092b;
}
.bandi-l2 .contenuto .box.verde .tipologia svg {
  color: #028571;
}
.bandi-l2 .contenuto .box h3 {
  font-size: 1.2rem;
  font-weight: 700;
}
.bandi-l2 .contenuto .box h3 a {
  color: #028571;
}
.bandi-l2 .contenuto .box .scadenza {
  font-size: 0.8rem;
  color: #474747;
  text-transform: uppercase;
}
.bandi-l2 .box-immagine {
  position: relative;
}
.bandi-l2 .box-immagine .overlay {
  background: rgba(2, 133, 113, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rem 1rem;
  text-align: center;
  flex-direction: column;
}

.bandi-l2 .box-immagine img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.bandi-l2 .box-immagine h2 {
  color: #fff;
}
.bandi-l2 .box-immagine .pulsante-prim {
  color: #028571;
  background: #fff;
}
@media (max-width: 992px) {
  .bandi-l2 .wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .bandi-l2 .contenuto {
    grid-template-columns: 1fr;
  }
}
/* fine BANDI LAYOUT 2 */

/* BANDI LAYOUT 3 */
.bandi-l3 .testata {
  background: #06c;
  color: #fff;
  border-top: 2px solid #fff;
}
.bandi-l3 .testata h2 {
  color: #fff;
  margin: 0;
}
.bandi-l3 .testata .area-pulsanti {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}
.bandi-l3 .testata .pulsante-prim {
  background: #fff;
  color: #06c;
}
.bandi-l3 .area-bandi {
  background: #fafafa;
}
.bandi-l3 .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.bandi-l3 .box .tipologia {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 600;
}
.bandi-l3 .box h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.bandi-l3 .cerchio {
  background: #06c;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}
.bandi-l3 .cerchio-alt {
  background: #ec092b;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}
@media (max-width: 992px) {
  .bandi-l3 .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .bandi-l3 .testata .area-pulsanti {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .bandi-l3 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .bandi-l3 .wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 400px) {
  .bandi-l3 .wrapper {
    grid-template-columns: 1fr;
  }
  .bandi-l3 .testata .area-pulsanti {
    flex-direction: column;
  }
}
/* fine BANDI LAYOUT 3 */

/* BANDI LAYOUT 4 */
#bandi-l4 {
  padding: 2rem 0;
}
#bandi-l4 .wrapper {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
#bandi-l4 h2 {
  margin-bottom: 2rem;
}
#bandi-l4 h3 {
  color: #757575;
  font-weight: 600;
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.2rem;
}
#bandi-l4 h3::before {
  content: "";
  width: 12px;
  height: 12px;
  background: #ec092b;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
#bandi-l4 .wrapper .box {
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}
#bandi-l4 .wrapper .box h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
#bandi-l4 .wrapper .box h4 a {
  color: #000;
}
#bandi-l4 .data svg {
  color: #ec092b;
}
/* fine BANDI LAYOUT 4 */

/* BANDI LAYOUT 6 */
#bandi-l6 {
  padding: 4rem 0;
}

#bandi-l6 a {
  text-decoration: none;
}

#bandi-l6 a:hover {
  text-decoration: underline;
}

#bandi-l6 h2 {
  font-size: 2rem;
}

#bandi-l6 .box {
  width: 70%;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e3e3e3;
}

#bandi-l6 .box .tipologia {
  color: #fff;
  background: #ec092b;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0.5rem;
}

#bandi-l6 .box h3 {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

#bandi-l6 .box h3 a {
  color: #000;
}

#bandi-l6 .box .scadenza {
  font-weight: 700;
}

#bandi-l6 .box .scadenza span {
  color: #ec092b;
}
/* fine BANDI LAYOUT 6 */

/* BANNERS LAYOUT 2 */
.banners-l2 {
  padding: 4rem 0;
}

.banners-l2 .container {
  position: relative;
}

.banners-l2 .box {
  width: 100%;
  height: 150px;
  position: relative;
  border-radius: 1rem;
}

.banners-l2 .box a {
  color: #fff;
}

.banners-l2 .box .contenuto {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 1rem;
}

.banners-l2 .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

.banners-l2 .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.banners-l2 .swiper-pagination {
  position: relative;
  margin-top: 2rem;
}

.banners-l2 .banner-next {
  right: -2rem;
  color: #ec092b;
}

.banners-l2 .banner-prev {
  left: -2rem;
  color: #ec092b;
}

.banners-l2 .swiper-pagination-bullet-active {
  background: #028571;
}
/* fine BANNERS LAYOUT 2 */

/* BANNERS LAYOUT 3 */
.banners-l3 {
  padding: 4rem 0;
}
.banners-l3 .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
  gap: 1rem;
}
.banners-l3 .box {
  position: relative;
}
.banners-l3 .box .contenuto {
  position: relative;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  z-index: 2;
  min-height: 200px;
  height: 100%;
}
.banners-l3 .box .contenuto .icona {
  font-size: 1.5rem;
}
.banners-l3 .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
.banners-l3 .box .contenuto a {
  color: #fff;
  text-decoration: none;
}
.banners-l3 .box .contenuto a:hover {
  text-decoration: underline;
}
.banners-l3 .box .sfondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* fine BANNERS LAYOUT 3 */

/* BANNERS LAYOUT 6 */
#banners-l6 {
  padding: 4rem 0;
}

#banners-l6 .container {
  position: relative;
}

#banners-l6 .box {
  width: 100%;
  height: 250px;
  position: relative;
}

#banners-l6 .box a {
  color: #fff;
  text-decoration: none;
}
#banners-l6 .box a:hover {
  text-decoration: underline;
}
#banners-l6 .box .contenuto {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
}

#banners-l6 .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#banners-l6 .swiper-pagination {
  position: relative;
  margin-top: 2rem;
}

#banners-l6 .banner-next {
  right: -2rem;
  color: #ec092b;
}

#banners-l6 .banner-prev {
  left: -2rem;
  color: #ec092b;
}

#banners-l6 .swiper-pagination-bullet-active {
  background: #ec092b;
}

@media (max-width: 576px) {
  #banners-l6 .banner-next {
    right: 1.4rem;
    color: #fff;
  }

  #banners-l6 .banner-prev {
    left: 1.4rem;
    color: #fff;
  }
}
/* fine BANNERS LAYOUT 6 */

.pulsante.secondario {
  background: #fff;
  color: #ec092b;
  border: 2px solid #ec092b;
}

.pulsante.secondario:hover {
  background: #ec092b;
  color: #fff;
}

footer .credits a {
  color: #fff;
}

/* SERVIZI ONLINE */

.area-risorse-importanti {
  padding: 2rem 0;
}

.area-risorse-importanti .wrapper {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
}

.area-risorse-importanti .box {
  padding: 1.5rem 1rem;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: #fff;
}

.area-risorse-importanti .box .icona {
  font-size: 2rem;
  color: #ec092b;
  margin-bottom: 0.5rem;
}

.area-risorse-importanti .box h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

.area-risorse-importanti .box h3 a {
  color: #06c;
  text-decoration: none;
}

.area-risorse-importanti .box h3 a:hover {
  text-decoration: none;
}

@media (max-width: 992px) {
  .area-risorse-importanti .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .area-risorse-importanti .wrapper {
    grid-template-columns: 1fr;
  }
}

/* fine SERVIZI ONLINE */

/* Pulsanti Home */
#pulsanti-home {
  padding: 4rem 0;
  background: #fbfbfb;
}

#pulsanti-home .container-pulsanti {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: start;
  transition: 0.2s;
  position: relative;
}

#pulsanti-home .container-pulsanti .info-box {
  position: absolute;
  width: 100%;
  top: 5.5rem;
  z-index: 1;
  left: 0;
  display:none
}

#pulsanti-home .container-pulsanti .info-box.show {
    display:block;
}

#pulsanti-home .container-pulsanti .contenuto {
  background: #fff;
  padding: 2rem;
  border-left: 4px solid #ec092b;
  border-radius: 0 0.5rem 0.5rem 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

#pulsanti-home .container-pulsanti .contenuto ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#pulsanti-home .container-pulsanti .contenuto ul li::before {
  content: "";
  color: #ec092b;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  display: inline-block;
  background-color: #ec092b;
}

/* #pulsanti-home .container-pulsanti .contenuto ul li {
  display:inline-block;
  margin-right:1rem;
} */

#pulsanti-home .container-pulsanti .contenuto ul li a {
  color: #ec092b;
}

.pulsante-espandibile {
  padding: 1.5rem 1rem;
  background: #fff;
  border: none;
  border-radius: 1rem;
  color: #000;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  transition: margin 0.5s;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) !important;
}

.pulsante-espandibile.focus--mouse:not(.btn) {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) !important;
}

.pulsante-espandibile svg {
  color: #ec092b;
}

.pulsante-espandibile[aria-expanded="true"] {
  background: #ec092b;
  color: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.pulsante-espandibile[aria-expanded="true"] svg {
  color: #fff;
}



@media (max-width: 992px) {
  #pulsanti-home .row {
    margin-bottom: 1rem;
  }
  #pulsanti-home .container-pulsanti {
    grid-template-columns: 1fr;
  }
  #pulsanti-home .container-pulsanti .pulsante-espandibile {
    margin: 0;
  }
  #pulsanti-home .container-pulsanti .info-box {
    position: relative;
    width: 100%;
    top: 0;
  }
  #pulsanti-home .container-pulsanti .contenuto ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* fine Pulsanti Home */

/* Eventi Home Layout 6 */
#eventi-home-l6 {
  padding: 4rem 0;
}

#eventi-home-l6 .row-eventi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#eventi-home-l6 .wrapper-eventi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#eventi-home-l6 .wrapper-eventi .box .data {
  color: #0066cc;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

#eventi-home-l6 .wrapper-eventi .box .data svg {
  color: #ec092b;
}

#eventi-home-l6 .wrapper-eventi .box h3 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#eventi-home-l6 .wrapper-eventi .box h3 a {
  color: #000;
  text-decoration: none;
}
#eventi-home-l6 .wrapper-eventi .box h3 a:hover {
  text-decoration: underline;
}

#eventi-home-l6 .calendario .calendario-wrapper {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 2rem;
}

#eventi-home-l6 .calendario a {
  text-decoration: none;
}
#eventi-home-l6 .calendario a:hover {
  text-decoration: underline;
}

#eventi-home-l6 .calendario table {
  background: transparent;
}

#eventi-home-l6 .calendario td {
  background: transparent;
  position: relative;
  font-size: 1.2rem;
  padding: 0.8rem 0;
}

#eventi-home-l6 .calendario th {
  color: #ec092b;
}

#eventi-home-l6 .calendario .popOverCalendario {
  color: #000;
  background: unset;
  border-radius: unset;
  padding: 5px;
  cursor: pointer;
  position: relative;
  border:none;
}

#eventi-home-l6 .calendario .popOverCalendario::after {
  content: "";
  position: absolute;
  background: #ec092b;
  width: 0.5rem;
  height: 0.5rem;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

#eventi-home-l6 .calendario .calGiornoScelto {
  color: #fff;
}

#eventi-home-l6 .calendario .calGiornoScelto::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #ec092b;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (max-width: 992px) {
  #eventi-home-l6 .row-eventi {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  #eventi-home-l6 .wrapper-eventi {
    grid-template-columns: 1fr;
  }
}
/* fine Eventi Home Layout 6 */

/********************** fine LAYOUT 6 *********************/

/* Eventi Home Layout 2 */
.eventi-home-l2 {
  background: linear-gradient(to right, #31c1ac, #028571);
  padding: 2rem 0;
  position: relative;
}
.eventi-home-l2 .img-calendario {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #fff;
  font-size: 8rem;
  opacity: 0.1;
}
.eventi-home-l2 h2 {
  color: #fff;
}
.eventi-home-l2 .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.eventi-home-l2 .box {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem;
}
.eventi-home-l2 .box .testata {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.eventi-home-l2 .box .testata .categoria {
  background: #028571;
  color: #fff;
  padding: 0.3rem 0.8rem;
  border-radius: 1rem;
  font-size: 14px;
  display: inline-block;
}
.eventi-home-l2 .box .testata .data {
  text-align: right;
  text-transform: uppercase;
  color: #757575;
  font-size: 0.8rem;
  font-weight: 600;
}
.eventi-home-l2 .box .contenuto h3 {
  font-size: 1.2rem;
  font-weight: 700;
}
.eventi-home-l2 .box .contenuto h3 a {
  color: #000;
}
.eventi-home-l2 .box .contenuto .descrizione {
  font-size: 14px;
  color: #757575;
}
.eventi-home-l2 .pulsante-freccia {
  color: #fff;
}
@media (max-width: 992px) {
  .eventi-home-l2 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .eventi-home-l2 .img-calendario {
    display: none;
  }
}
@media (max-width: 576px) {
  .eventi-home-l2 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine Eventi Home Layout 2 */

/* Eventi Home Layout 5 */
#eventi-home-l5 {
  padding: 4rem 0;
}

#eventi-home-l5 a {
    text-decoration: none;
}
#eventi-home-l5 a:hover {
    text-decoration: underline;
}

#eventi-home-l5 .row-eventi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

#eventi-home-l5 .wrapper-eventi {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

#eventi-home-l5 .wrapper-eventi .box {
  display: flex;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}

#eventi-home-l5 .wrapper-eventi .box .data {
  color: #fff;
  font-weight: 600;
  background: #ec092b;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 120%;
  border-radius: 0.4rem 0 0 0.4rem;
  text-align: center;
}

#eventi-home-l5 .wrapper-eventi .box .contenuto {
  width: 75%;
  padding: 1.5rem;
}

#eventi-home-l5 .wrapper-eventi .box h3 {
  font-weight: bold;
  font-size: 1.4rem;
  margin: 0;
}

#eventi-home-l5 .wrapper-eventi .box h3 a {
  color: #000;
}

#eventi-home-l5 .calendario .calendario-wrapper {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 2rem;
  background: #fff;
}

#eventi-home-l5 .calendario table {
  background: transparent;
}

#eventi-home-l5 .calendario td {
  background: transparent;
  position: relative;
  font-size: 1.2rem;
  padding: 0.8rem 0;
}

#eventi-home-l5 .calendario th {
  color: #ec092b;
}

#eventi-home-l5 .calendario .popOverCalendario {
  color: #000;
  background: unset;
  border-radius: unset;
  padding: 5px;
  cursor: pointer;
  position: relative;
  border:none;
}

#eventi-home-l5 .calendario .popOverCalendario::after {
  content: "";
  position: absolute;
  background: #ec092b;
  width: 0.5rem;
  height: 0.5rem;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}

#eventi-home-l5 .calendario .calGiornoScelto {
  position: relative;
  color: #fff;
}

#eventi-home-l5 .calendario .calGiornoScelto::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #ec092b;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#eventi-home-l5 .calendario .calGiornoScelto strong {
  position: relative;
  z-index: 1;
}

@media (max-width: 992px) {
  #eventi-home-l5 .row-eventi {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  #eventi-home-l5 .wrapper-eventi {
    grid-template-columns: 1fr;
  }
}
/* fine Eventi Home Layoou 5 */

/* ACCORDION CKEDITOR */
.collapsible-item-title {
  background: #0066cc;
  border-radius: 0.5rem;
  padding: 1rem;
  color: #fff;
}

.collapsible-item-title a {
  color: #fff;
  display: block;
}

.collapsible-item-title a:hover {
  color: #fff;
}

.collapsible-item-title-link-icon {
  display: none !important;
}

.collapsible-item-title-link[aria-expanded="true"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f068";
  margin-right: 0.5rem;
  font-size: 1rem;
}

.collapsible-item-title-link[aria-expanded="false"]::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  margin-right: 0.5rem;
  font-size: 1rem;
}
/* fine ACCORDION CKEDITOR */

.container-slider {
  position: relative;
}

.slider-risorse-importanti {
  padding: 1rem;
}

.slider-risorse-prev {
  left: -3rem;
  color: #ec092b;
}

.slider-risorse-next {
  right: -3rem;
  color: #ec092b;
}

@media (max-width: 768px) {
  .slider-risorse-prev {
    left: 0;
  }

  .slider-risorse-next {
    right: 0;
  }
}

.menu-popup details > summary {
  color: #fff;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 5px;
}

.menu-popup details h4 {
  font-size: 1.2rem;
  font-weight: 600;
}

.menu-popup details > summary > * {
  display: inline;
}

.menu-popup details > div {
  padding: 1rem;
}

/* RISORSE IMPORTANTI LAYOUT 4 */
.risorse-importanti-l4 {
  padding: 2rem 0;
}
.risorse-importanti-l4 .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.risorse-importanti-l4 .box {
  position: relative;
  min-height: 18rem;
  padding: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.risorse-importanti-l4 .box h3 {
  margin-bottom: 1.5rem;
  font-weight: 600;
}
.risorse-importanti-l4 .box h3 a {
  color: #fff;
}
.risorse-importanti-l4 .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  filter: brightness(30%);
}
@media (max-width: 992px) {
  .risorse-importanti-l4 .box h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .risorse-importanti-l4 .wrapper {
    grid-template-columns: 1fr;
  }
  .risorse-importanti-l4 .box h3 {
    font-size: 1.2rem;
  }
}
/* fine RISORSE IMPORTANTI LAYOUT 4 */

/* RISORSE IMPORTANTI ELENCO */
.risorse-importanti-elenco {
  margin-top: 5rem;
}

.risorse-importanti-elenco .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 1rem;
}

.risorse-importanti-elenco .risorsaBox {
  width: 100%;
  padding: 2rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
}

.risorse-importanti-elenco .risorsaBox h3 {
  font-size: 1.5rem;
  font-weight: 600;
}

.risorse-importanti-elenco .risorsaBox h3 a {
  text-decoration: none;
}

.risorse-importanti-elenco .risorsaBox h3 a:hover {
  text-decoration: underline;
}

.risorse-importanti-elenco .risorsaBox .icona {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  top: -1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #ec092b;
}

@media (max-width: 992px) {
  .risorse-importanti-elenco .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .risorse-importanti-elenco .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine RISORSE IMPORTANTI ELENCO */

/* RISORSE IMPORTANTI ELENCO Layout 3 */
.risorse-importanti-elenco-l3 {
  background: #06c;
  padding: 2rem 0;
}
.risorse-importanti-elenco-l3 .titolo-sezione {
  color: #fff;
}
.risorse-importanti-elenco-l3 .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.risorse-importanti-elenco-l3 .risorsaBox {
  background: #fff;
  border-radius: 1rem;
  padding: 1.2rem;
}
.risorse-importanti-elenco-l3 .risorsaBox .icona {
  font-size: 2rem;
  color: #ec092b;
  margin-bottom: 0.5rem;
}
.risorse-importanti-elenco-l3 .risorsaBox h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.risorse-importanti-elenco-l3 .risorsaBox .cerchio {
  width: 1.5rem;
  height: 1.5rem;
  background: #ec092b;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.risorse-importanti-elenco-l3 .risorsaBox .cerchio:hover {
  width: 1.5rem;
  height: 1.5rem;
  background: rgb(0, 79, 158);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.risorse-importanti-elenco-l3 .pulsante-prim {
  background: #fff;
  color: #06c;
}
.risorse-importanti-elenco-l3 .pulsante-prim:hover {
  background: #fff;
  color: #06c;
}
@media (max-width: 992px) {
  .risorse-importanti-elenco-l3 .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .risorse-importanti-elenco-l3 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .risorse-importanti-elenco-l3 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine RISORSE IMPORTANTI ELENCO Layout 3 */

/* RISORSE IMPORTANTI ELENCO Layout 4 */
.risorse-importanti-elenco-l4 {
  padding: 2rem 0;
}
.risorse-importanti-elenco-l4 .wrapper {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.risorse-importanti-elenco-l4 .risorsaBox {
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  text-align: center;
}
.risorse-importanti-elenco-l4 .risorsaBox.hidden {
  display: none;
}
.risorse-importanti-elenco-l4 .risorsaBox .icona {
  font-size: 2rem;
  color: #06c;
  margin-bottom: 0.5rem;
}
.risorse-importanti-elenco-l4 .risorsaBox h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.risorse-importanti-elenco-l4 .risorsaBox h3 a {
  color: #000;
}
@media (max-width: 992px) {
  .risorse-importanti-elenco-l4 .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .risorse-importanti-elenco-l4 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .risorse-importanti-elenco-l4 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine RISORSE IMPORTANTI ELENCO Layout 4 */

/* AREE TEMATICHE LAYOUT 1 */
.aree-tematiche .box.l1 {
  position: relative;
  border: 2px solid #0066cc;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  text-align: center;
  word-break: break-word;
  background: #fff;
}

.aree-tematiche .box.l1 .icona {
  position: absolute;
  background: #ec092b;
  color: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  left: -1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aree-tematiche .box.l1 .icona img {
  height: 1.5rem;
}

.aree-tematiche .box.l1 h3 {
  margin: 0;
  font-weight: bold;
}

.aree-tematiche .box.l1 h3 a {
  text-decoration: none;
}
.aree-tematiche .box.l1 h3 a:hover {
  text-decoration: underline;
}

.aree-tematiche .box-immagine.l1 {
  position: relative;
  border: 2px solid #0066cc;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  text-align: center;
}

.aree-tematiche .box-immagine.l1 .immagine {
  position: absolute;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  left: -1.5rem;
  overflow: hidden;
}

.aree-tematiche .box-immagine.l1 .immagine img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aree-tematiche .box-immagine.l1 h3 {
  margin: 0;
  font-weight: bold;
}
/* fine AREE TEMATICHE LAYOUT 1 */

/* AREE TEMATICHE LAYOUT 2 */
.aree-tematiche-l2 {
  background: #fafafa;
  padding: 4rem 0;
  position: relative;
}
.aree-tematiche-l2 .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.aree-tematiche-l2 .box {
  padding: 1rem;
  text-align: center;
}
.aree-tematiche-l2 .box .icona {
  color: #ec092b;
  font-size: 1.5rem;
}
.aree-tematiche-l2 .box h3 {
  font-size: 1.4rem;
  font-weight: 700;
}
.aree-tematiche-l2 .box h3 a {
  color: #028571;
}
.aree-tematiche-l2 .icona-sfondo img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  color: #fff;
  height: 80%;
}
.aree-tematiche-l2 .pulsante-prim {
  background: none;
  border: 2px solid #028571;
  color: #028571;
}
@media (max-width: 1400px) {
  .aree-tematiche-l2 .icona-sfondo {
    display: none;
  }
}
@media (max-width: 992px) {
  .aree-tematiche-l2 .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .aree-tematiche-l2 .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine AREE TEMATICHE LAYOUT 2 */

/*  AREE TEMATICHE INTERNELAYOUT 2 */
.aree-tematiche .box.l2 {
  padding: 1rem;
  text-align: center;
}
.aree-tematiche .box.l2 .icona {
  color: #ec092b;
  font-size: 1.5rem;
}
.aree-tematiche .box.l2 h3 {
  font-size: 1.4rem;
  font-weight: 700;
}
.aree-tematiche .box.l2 h3 a {
  color: #028571;
}
/* fine AREE TEMATICHE INTERNE LAYOUT 2 */

/* AREE TEMATICHE LAYOUT 5 */
.aree-tematiche .box.l5 {
  width: 100%;
  height: 250px;
  position: relative;
  border-radius: 1.2rem;
  border: 2px solid #06c;
}

.aree-tematiche .box.l5 .titolo {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #0066cc;
  color: #fff;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0 0 1rem 1rem;
}

.aree-tematiche .box.l5 .titolo h3 {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.aree-tematiche .box.l5 .titolo a {
  color: #fff;
}

.aree-tematiche .box.l5 .icona {
  color: #06c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  font-size: 3rem;
}

.aree-tematiche .box-immagine.l5 {
  width: 100%;
  height: 250px;
  position: relative;
  border-radius: 1rem;
}

.aree-tematiche .box-immagine.l5 .titolo {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #0066cc;
  color: #fff;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0 0 1rem 1rem;
}

.aree-tematiche .box-immagine.l5 .titolo h3 {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.aree-tematiche .box-immagine.l5 .titolo a {
  color: #fff;
}

.aree-tematiche .box-immagine.l5 .sfondo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
/* fine AREE TEMATICHE LAYOUT 5 */

/* AREE TEMATICHE LAYOUT 6 */
.aree-tematiche .wrapper.l6 {
  grid-template-columns: repeat(3, 1fr);
}

.aree-tematiche .box.l6 {
  display: flex;
  background: #fff;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}

.aree-tematiche .box.l6 .immagine {
  width: 40%;
  height: auto;
}

.aree-tematiche .box.l6 .immagine img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.aree-tematiche .box.l6 .icona {
  width: 40%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0.3rem 0 1rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  color: #ec092b;
  font-size: 2rem;
}

.aree-tematiche .box.l6 .titolo {
  width: 60%;
  height: auto;
  padding: 2rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aree-tematiche .box.l6 .titolo h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 992px) {
  .aree-tematiche .wrapper.l6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .aree-tematiche .wrapper.l6 {
    grid-template-columns: 1fr;
  }
}
/* fine AREE TEMATICHE LAYOUT 6 */

#archivioImmagini article {
  display: flex;
  flex-direction: column;
}

#archivioImmagini article .elencoImmagine {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

#archivioImmagini article .boxImmagine {
  width: 100%;
}

.galleria-immagini .titoloImmagine {
  width: 100%;
}

#eventi-home .slider-eventi .box .data {
  width: 40%;
}

#eventi-home .slider-eventi .box .contenuto {
  width: 60%;
}

#eventi-home .box-immagine {
  display: flex;
  background: #fff;
}

#eventi-home .box-immagine .immagine {
  width: 40%;
  position: relative;
}

#eventi-home .box-immagine .immagine img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

#eventi-home .box-immagine .contenuto {
  padding: 1rem;
  width: 60%;
}

#eventi-home .box-immagine .contenuto h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}

#eventi-home .box-immagine .contenuto .data {
  font-weight: 600;
}

#eventi-home .box-immagine .contenuto .data .icona {
  color: #ec092b;
}

@media (max-width: 576px) {
  #eventi-home .slider-eventi .box .data {
    width: 50%;
  }

  #eventi-home .slider-eventi .box .contenuto {
    width: 50%;
  }
}

/* COMUNICATI STAMPA */

#comunicatiPrimoPiano .wrapper-comunicati {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.istanza-comunicato .titolo {
  font-size: 1.3rem;
  font-weight: bold;
}

.istanza-comunicato .data {
  font-weight: 600;
}

.istanza-comunicato .data .icona {
  color: #ec092b;
}

#reviewComunicato .titolo {
  font-size: 2rem;
  font-weight: bold;
}

#reviewComunicato .data {
  font-weight: 600;
}

#reviewComunicato .data .icona {
  color: #ec092b;
}

#reviewComunicato .contenuto {
  font-size: 18px;
}

#reviewComunicato .allegati h4 {
  font-size: 1.1rem;
  font-weight: bold;
}

#reviewComunicato .allegati ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#comunicatiPrimoPiano.comunicati-correlati .titolo-correlati {
  font-size: 1.8rem;
  font-weight: 600;
}

@media (max-width: 992px) {
  #comunicatiPrimoPiano .wrapper-comunicati {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  #comunicatiPrimoPiano .wrapper-comunicati {
    grid-template-columns: 1fr;
  }
}

/* fine COMUNICATI STAMPA */

/* HEADER LAYOUT 1 */
.header-layout-1 .btn.show {
  color: #fff;
}
/* fine HEADER LAYOUT 1 */

/* HEADER LAYOUT 2 */
.header-layout-2 .top {
  background: #007664;
}
.header-layout-2 .principale {
  background: #028571;
  padding: 2rem 0;
  position: relative;
  overflow: hidden;
}
.header-layout-2 .principale .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.header-layout-2 .sinistra {
  z-index: 1;
}
.header-layout-2 .destra {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}
.header-layout-2 .menu {
  background: #028571;
}
.header-layout-2 .menu .lista-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-layout-2 .menu .pulsante-prim {
  background: #028571;
}
.header-layout-2 .ricercaInput form {
  position: relative;
  margin-bottom: 0.5rem;
}
.header-layout-2 .ricercaInput form input {
  width: 250px;
  background: #fff;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  border: none;
}
.header-layout-2 .ricercaInput form button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #028571;
}
.header-layout-2 .social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  color: #028571;
}
.header-layout-2 .social li svg {
  fill: #028571;
}
.header-layout-2 .logo-sfondo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.05;
  z-index: 0;
}
@media (max-width: 992px) {
  .header-layout-2 .principale .wrapper {
    grid-template-columns: 1fr;
  }
  .header-layout-2 .destra {
    align-items: center;
    justify-content: center;
  }
  .header-layout-2 .sinistra {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .header-layout-2 .principale .wrapper .destra .social {
    display: block;
  }
  .header-layout-2 .principale .wrapper .sinistra .logo {
    width: 3rem;
  }
  .header-layout-2 .principale .wrapper .sinistra .nome h1 {
    font-size: 1.5rem;
  }
  .header-layout-2 .principale .wrapper .sinistra .nome p {
    font-size: 0.8rem;
  }
}
/* fine HEADER LAYOUT 2 */

/* HEADER LAYOUT 3 */
.header-layout-3 .top {
  background: #fff;
  color: #1e5da8;
  font-weight: 600;
}

.header-layout-3 .top a {
  color: #1e5da8;
}

.header-layout-3 .destra {
  flex-direction: column;
  align-items: flex-end;
}

.header-layout-3 .principale {
  background: #1e5da8;
  padding: 3rem 0;
}

.header-layout-3 .menu .pulsante-prim {
  background: transparent;
  color: #1e5da8;
  font-weight: 600;
  text-transform: uppercase;
}
.header-layout-3 .hamburger button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-layout-3 .hamburger button .testo {
  font-size: 1rem;
  font-weight: 600;
}
.header-layout-3 .ricercaInput {
  margin-top: 0.5rem;
  width: 100%;
}
.header-layout-3 .ricercaInput form {
  position: relative;
  width: 20rem;
}
.header-layout-3 .ricercaInput form input {
  width: 100%;
  border: none;
  border-radius: 1.1rem;
  padding: 0.5rem 1rem;
}
.header-layout-3 .ricercaInput form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  background: unset;
  border: unset;
  color: #1e5da8;
}
.header-layout-3 .btn-primary {
  color: #0066cc;
  background-color: #fff;
  border-color: #fff;
  box-shadow: unset;
}
.header-layout-3 .btn-primary svg {
  fill: #0066cc !important;
}
.header-layout-3 .btn-primary:hover {
  background-color: #0066cc;
  color: #fff;
  border-color: #0066cc;
}
.header-layout-3 .btn-primary:hover svg {
  fill: #fff !important;
}

@media (max-width: 992px) {
  .header-layout-3 .wrapper {
    flex-direction: column;
  }
  .header-layout-3 .destra {
    width: 100%;
    align-items: flex-start;
  }
  .header-layout-3 .ricercaInput {
    margin-top: 2rem;
  }
  .header-layout-3 .ricercaInput form {
    width: 100%;
  }
}
/* fine HEADER LAYOUT 3 /

/* HEADER LAYOUT 4 */
.header-layout-4 .top {
  background: #fff;
  color: #06c;
  font-weight: 600;
}

.header-layout-4 .top a {
  color: #06c;
}

.header-layout-4 .destra {
  flex-direction: column;
  align-items: flex-end;
}

.header-layout-4 .principale {
  background: #06c;
  padding: 3rem 0;
}

.header-layout-4 .menu .pulsante-prim {
  background: transparent;
  color: #06c;
  font-weight: 600;
  text-transform: uppercase;
}

.header-layout-4 .ricercaInput {
  margin-top: 0.5rem;
  width: 100%;
}
.header-layout-4 .ricercaInput form {
  position: relative;
  width: 20rem;
}
.header-layout-4 .ricercaInput form input {
  width: 100%;
  border: none;
  background: none;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.header-layout-4 .ricercaInput form input::placeholder {
  color: #fff;
}
.header-layout-4 .ricercaInput form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: unset;
  border: unset;
  color: #fff;
}

@media (max-width: 992px) {
  .header-layout-4 .wrapper {
    flex-direction: column;
  }
  .header-layout-4 .destra {
    width: 100%;
    align-items: flex-start;
  }
  .header-layout-4 .ricercaInput {
    margin-top: 2rem;
  }
}
@media (max-width: 992px) {
  .header-layout-4 .ricercaInput form {
    width: 100%;
  }
}
/* fine HEADER LAYOUT 3 /

/* HEADER LAYOUT 5 */
.header-layout-5 .principale {
  padding: unset;
  position: relative;
  overflow: hidden;
  padding: 2rem 0;
}

.header-layout-5 .principale .wrapper {
  z-index: 1;
}

.header-layout-5 .principale .immagine-sx {
  position: absolute;
  opacity: 0.08;
  top: 50%;
  transform: translateY(-50%) scale(2);
  left: 0;
}

.header-layout-5 .wrapper-logo .logo {
  width: 90px;
  height: auto;
}

.header-layout-5 .sx {
  display: flex;
  align-items: center;
  width: 70%;
  z-index: 1;
}

.header-layout-5 .sx .nome {
  margin-left: 1.5rem;
}

.header-layout-5 .sx .nome h1 {
  font-weight: bold;
  font-size: 2.2rem;
}

.header-layout-5 .dx {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 30%;
  padding: 0 0 0 2rem;
  z-index: 1;
}

.header-layout-5 .ricerca {
  text-align: right;
  margin-bottom: 0.5rem;
}

.header-layout-5 .ricerca form .wrapper-input {
  position: relative;
}

.header-layout-5 .ricerca form .wrapper-input input[type="text"] {
  width: 100%;
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  border: none;
  background: #fff;
  color: #757575;
}

.header-layout-5 .ricerca form .wrapper-input input[type="text"]::placeholder {
  color: #757575;
}

.header-layout-5 .ricerca form .wrapper-input button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #06c;
}

.header-layout-5 .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.header-layout-5 .social li {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 1.2rem;
}

.header-layout-5 #menuCanali {
  padding: 1rem 0;
  text-transform: uppercase;
}

.header-layout-5 #menuCanali a {
  color: #06c;
}

.header-layout-5 #menuCanaliFull .pulsante-prim {
  background: transparent;
  color: #06c;
  font-weight: 600;
}

@media (max-width: 1600px) {
  .header-layout-5 .principale .hamburger button {
    left: 5rem;
  }
}

@media (max-width: 1400px) {
  .header-layout-5 .principale .container {
    padding-left: 7rem;
  }
  .menu-popup .menu {
    width: 40%;
  }
}

@media (max-width: 992px) {
  .header-layout-5 .principale .wrapper {
    flex-direction: column;
  }
  .header-layout-5 .sx {
    width: 100%;
    margin-bottom: 1rem;
  }
  .header-layout-5 .sx .nome h1 {
    font-size: 1.8rem;
  }
  .header-layout-5 .dx {
    width: 100%;
    padding: 0;
  }
  .header-layout-5 .social ul {
    text-align: left;
  }
  .header-layout-5 .principale .immagine-sx {
    display: none;
  }

  .header-layout-5 .social li {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .header-layout-5 .principale .container {
    padding-left: unset;
  }
  .header-layout-5 .principale {
    padding: 4rem 0 2rem 0;
  }

  .header-layout-5 .principale .hamburger button {
    left: 0.5rem;
    top: 1.5rem;
  }
  .header-layout-5 #menuCanali {
    display: none;
  }
}

@media (max-width: 576px) {
  .header-layout-5 .wrapper-logo .logo {
    width: 50px;
  }
  .header-layout-5 .principale .container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .header-layout-5 .sx .nome h1 {
    font-size: 1.2rem;
  }
}
/* fine HEADER LAYOUT 5 */

/* HEADER LAYOUT 6 */
.header-layout-6 .principale {
    padding: unset;
    position: relative;
    overflow: hidden;
    padding: 2rem 0;
}

.header-layout-6 .principale .container .wrapper {
    z-index: 1;
    display:grid;
    grid-template-columns: 3fr 1fr;
}

.header-layout-6 .principale .immagine-sx {
    position: absolute;
    opacity: 0.08;
    top: 50%;
    transform: translateY(-50%) scale(2);
    left: 0;
}

.header-layout-6 .wrapper-logo .logo {
    width: 300px;
    height: auto;
}

.header-layout-6 .sx {
    display: flex;
    align-items: center;
    width: 70%;
    z-index: 1;
}

.header-layout-6 .sx .wrapper-logo {
    display:flex;
    gap:1rem;
    align-items: center;
}

.header-layout-6 .sx .nome {
    font-weight: bold;
    font-size: 2.2rem;
}

.header-layout-6 .dx {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 0 2rem;
    z-index: 1;
}

.header-layout-6 .ricerca {
    text-align: right;
    margin-bottom: .5rem;
}

.header-layout-6 .ricerca form .wrapper-input {
    position: relative;
}

.header-layout-6 .ricerca form .wrapper-input input[type="text"] {
    width: 100%;
    padding: .5rem 1rem;
    border: none;
    background: none;
    border-bottom:2px solid #fff;
    color: #fff;
}

.header-layout-6 .ricerca form .wrapper-input input[type="text"]::placeholder {
    color: #fff;
}

.header-layout-6 .ricerca form .wrapper-input button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #fff;
}

.header-layout-6 .social ul {
    list-style: none;
    margin-bottom:1rem;
    padding: 0;
    text-align: right;
    position: relative;
}

.header-layout-6 .social li {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.2rem;
    position: relative;				
}

.header-layout-6 .social li a {
    color: #0066CC;
}

.header-layout-6 .social li a:focus .cerchio{
    background:#0066CC;
    outline:2px solid #fff;
    color:#fff;
}

.header-layout-6 .social .cerchio {
    width:2rem;
    height:2rem;
    border-radius: 50%;
    background:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-layout-6 #menuCanali {
    padding: 1rem 0;
    text-transform: uppercase;
}

.header-layout-6 #menuCanali a {
    color: #06c;
}
.header-layout-6 .main-menu {
    background:#06c;
}
.header-layout-6 .main-menu ul {
    list-style: none;
    margin:0;
    padding:0;
}
.header-layout-6 .main-menu ul .menu-item {
    display:inline-block;
}

@media (max-width: 1600px) {
    .header-layout-6 .principale .hamburger button {
        left: 5rem;
    }
}

@media (max-width: 1400px) {
    .header-layout-6 .principale .container {
        padding-left: 7rem;
    }

    .menu-popup .menu {
        width: 40%;
    }
}

@media (max-width:992px) {
    
    .header-layout-6 .principale .wrapper {
        flex-direction: column;
    }
    .header-layout-6 .principale .container .wrapper {
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr;
        padding: 0 4rem;
    }

    .header-layout-6 .sx {
        width: 100%;
        margin-bottom: 1rem;
    }

    .header-layout-6 .sx .nome h1 {
        font-size: 1.8rem;
    }

    .header-layout-6 .dx {
        width: 100%;
        padding: 0;
    }

    .header-layout-6 .social ul {
        text-align: left
    }

    .header-layout-6 .principale .immagine-sx {
        display: none;
    }

    .header-layout-6 .social li {
        font-size: 1.4rem;
    }
}

@media (max-width: 768px) {
    .header-layout-6 .principale .container {
        padding-left: unset;
    }

    .header-layout-6 .principale {
        padding: 1.5rem 0;
    }

    .header-layout-6 .principale .hamburger button {
        left: .5rem;
        top: 50%;
        transform:translateY(-50%);
        z-index: 2;
    }

    .header-layout-6 #menuCanali {
        display: none;
    }
    .header-layout-6 .main-menu {
        display: none;
    }
}

@media (max-width: 576px) {
    .header-layout-6 .wrapper-logo .logo {
        width: 50px;
    }

    .header-layout-6 .principale .container {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .header-layout-6 .sx .nome {
        font-weight: bold;
        font-size: 1.5rem;
    }
    .header-layout-6 .social {
        display:none;
    }
}

/* fine HEADER LAYOUT 6 */

/* HEADER LAYOUT 7 */
.header-layout-7 .principale {
  padding: unset;
  position: relative;
  overflow: hidden;
  padding: 2rem 0;
}

.header-layout-7 .principale .wrapper {
  z-index: 1;
}

.header-layout-7 .principale .falco-sx {
  position: absolute;
  opacity: 0.1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.header-layout-7 .principale .falco-dx {
  position: absolute;
  opacity: 0.1;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.header-layout-7 .wrapper-logo .logo {
  height: 180px;
  width: auto;
}

.header-layout-7 .sx {
  display: flex;
  align-items: center;
  width: 70%;
  z-index: 1;
}

.header-layout-7 .sx .nome {
  margin-left: 1.5rem;
}

.header-layout-7 .sx .nome h1 {
  font-weight: bold;
  font-size: 2.2rem;
}

.header-layout-7 .dx {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 30%;
  padding: 0 0 0 2rem;
  z-index: 1;
}

.header-layout-7 .ricerca {
  text-align: right;
}

.header-layout-7 .ricerca form .wrapper-input {
  position: relative;
}

.header-layout-7 .ricerca form .wrapper-input input[type="text"] {
  width: 100%;
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  border: none;
  background: #005ebd;
  color: #fff;
}

.header-layout-7 .ricerca form .wrapper-input input[type="text"]::placeholder {
  color: #fff;
}

.header-layout-7 .ricerca form .wrapper-input button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #fff;
}

.header-layout-7 .social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.header-layout-7 .social li {
  display: inline-block;
  margin-left: 0.3rem;
  font-size: 1.6rem;
}

.header-layout-7 #menuCanali {
  padding: 1rem 0;
  text-transform: uppercase;
  text-align: right;
}

.header-layout-7 #menuCanali a {
  color: #06c;
}

@media (max-width: 1600px) {
  .header-layout-7 .principale .hamburger button {
    left: 5rem;
  }
}

@media (max-width: 1400px) {
  .header-layout-7 .principale .container {
    padding-left: 7rem;
  }
  .menu-popup .menu {
    width: 40%;
  }
}

@media (max-width: 992px) {
  .header-layout-7 .principale .wrapper {
    flex-direction: column;
  }
  .header-layout-7 .wrapper-logo .logo {
    height: 120px;
  }
  .header-layout-7 .sx {
    width: 100%;
    margin-bottom: 1rem;
  }
  .header-layout-7 .sx .nome h1 {
    font-size: 1.8rem;
  }
  .header-layout-7 .dx {
    width: 100%;
    padding: 0;
  }
  .header-layout-7 .social ul {
    text-align: left;
  }
  .header-layout-7 .principale .falco-sx {
    display: none;
  }

  .header-layout-7 .principale .falco-dx {
    display: none;
  }
  .header-layout-7 .social li {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .header-layout-7 .principale .container {
    padding-left: unset;
  }
  .header-layout-7 .principale {
    padding: 4rem 0 2rem 0;
  }

  .header-layout-7 .principale .hamburger button {
    left: 0.5rem;
    top: 1.5rem;
  }
  .header-layout-7 #menuCanali {
    display: none;
  }
}

@media (max-width: 576px) {
  .header-layout-7 .wrapper-logo .logo {
    height: 80px;
  }
  .header-layout-7 .principale .container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .header-layout-7 .sx .nome h1 {
    font-size: 1.2rem;
  }
}
/* fine HEADER LAYOUT 7 */

/* header IZSUM */
.header-izsum {
  position: relative;
  color: #fff;
}

.header-izsum a {
  color: #fff;
}

.header-izsum a:hover {
  color: #fff;
}

.header-izsum .top {
  background: #005ebd;
  padding: 1rem 0;
}

.header-izsum .top .wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-izsum .top .wrapper .destra .dropdown {
  margin-left: 1rem;
}

.header-izsum .principale {
  background: #0066cc;
  padding: 2rem 0;
  /* position: relative; */
  overflow: hidden;
}

.header-izsum .principale .logo-filigrana {
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10rem;
  opacity: 0.1;
}

.header-izsum .principale .hamburger button {
  border: none;
  background: none;
  position: absolute;
  left: 8rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #fff;
  font-size: 2.5rem;
}

.header-izsum .principale .hamburger button img {
  width: 3rem;
}

.header-izsum .principale .hamburger button span {
  color: #fff;
  font-size: 2.5rem;
}

.header-izsum .principale .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-izsum .principale .wrapper .sinistra {
  display: flex;
  align-items: center;
  width: 65%;
}

.header-izsum .principale .wrapper .sinistra .logo {
  width: 5rem;
}

.header-izsum .principale .wrapper .sinistra .nome {
  margin-left: 2rem;
}

.header-izsum .principale .wrapper .sinistra .nome h1 {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.header-izsum .principale .wrapper .sinistra .nome p {
  margin: 0;
}

.header-izsum .principale .wrapper .destra {
  display: flex;
}

.header-izsum .principale .wrapper .destra .social {
  display: flex;
  align-items: center;
}

.header-izsum .principale .wrapper .destra .social ul {
  margin: 0 0 0 0.5rem;
  padding: 0;
  list-style: none;
}

.header-izsum .principale .wrapper .destra .social ul li {
  display: inline-block;
  margin-right: 0.2rem;
  font-size: 1.5rem;
}

.header-izsum .principale .wrapper .destra .ricerca {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.header-izsum .principale .wrapper .destra .ricerca p {
  margin: 0;
}

.header-izsum .principale .wrapper .destra .ricerca button {
  border: none;
  background: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: #0066cc;
  font-size: 1.5rem;
}

.header-izsum .principale .wrapper .destra .ricerca button img {
  width: 3rem;
}

.header-izsum .principale .wrapper .destra .ricerca button img:hover {
  opacity: 0.9;
}

.header-izsum .principale .menu-secondario {
  padding: 1rem 0;
  margin-top: 2rem;
}

.header-izsum .principale .palme {
  position: absolute;
  left: 0;
  bottom: -1rem;
  opacity: 0.05;
}

.header-izsum #areaRicerca {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  transition: 0.3s;
  opacity: 0;
}
.header-izsum #areaRicerca.visibile {
  visibility: visible;
  opacity: 1;
}
.header-izsum #areaRicerca form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-izsum #areaRicerca form input {
  width: 40rem;
  padding: 0.5rem;
  background: none;
  border: none;
  border-bottom: 2px solid #005ebd;
  font-size: 1.5rem;
}
.header-izsum #areaRicerca form input::-webkit-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}
.header-izsum #areaRicerca form input:-ms-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}
.header-izsum #areaRicerca form input::-ms-input-placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}
.header-izsum #areaRicerca form input::placeholder {
  font-size: 1.5rem;
  color: #005ebd;
}
.header-izsum #areaRicerca form button {
  background: none;
  border: none;
  font-size: 2rem;
  color: #005ebd;
}
.header-izsum #areaRicerca .chiudi-ricerca {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  font-size: 2.5rem;
  color: #005ebd;
}
.header-izsum #menuCanaliFull {
  background: #005ebd;
  text-transform: uppercase;
}
.header-izsum #menuCanaliFull .pulsante-prim {
  background: #005ebd;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .header-izsum .principale .logo-filigrana {
    display: none;
  }
}
@media (max-width: 992px) {
  .header-izsum .principale .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .header-izsum .principale .wrapper .sinistra {
    width: 90%;
  }
  .header-izsum .principale .wrapper .destra {
    width: 90%;
    justify-content: space-between;
    margin-top: 1rem;
  }
  .header-izsum .principale .hamburger button {
    left: 1rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .header-izsum .principale .wrapper .sinistra .nome h1 {
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  header .principale .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* fine header IZSUM */

/* SLIDER LAYOUT 3 */
.slider-l3 {
  height: 450px;
  position: relative;
}
.slider-l3 .c-1 {
  width: 100%;
  height: 100%;
}
.slider-l3 .c-2 {
  width: 20%;
  background: #06c;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.slider-l3 .slider-home-3 {
  height: 100%;
}
.slider-l3 .slider-home-3 .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.slider-l3 .slider-home-3 .swiper-slide {
  position: relative;
}
.slider-l3 .box {
  width: 600px;
  padding: 2rem;
  border-radius: 1rem;
  color: #fff;
}
.slider-l3 .box h3 {
  font-size: 2.5rem;
  font-weight: 600;
}
.slider-l3 .sfondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slider-l3 .sfondo::after {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.slider-l3 .sfondo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-l3 .swiper-button-next {
  color: #fff;
}
.slider-l3 .swiper-button-prev {
  color: #fff;
}
.slider-l3 .swiper-button-next {
  right: 21%;
}
.slider-home-3-thumbs {
  height: 100%;
}
.slider-home-3-thumbs .swiper-slide {
  color: #fff;
  display: flex;
  padding: 2rem;
  align-items: center;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.slider-home-3-thumbs .swiper-slide h4 {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 0;
  font-weight: 600;
}
.slider-home-3-thumbs .swiper-slide .icona {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.slider-home-3-thumbs .swiper-slide-thumb-active {
  background: #005ebd;
}
@media (max-width: 1200px) {
  .slider-l3 .swiper-button-next {
    right: 10px;
  }
  .slider-l3 .c-2 {
    display: none;
  }
}
@media (max-width: 992px) {
  .slider-l3 .slider-home-3 .container {
    justify-content: center;
  }
  .slider-l3 .box h3 {
    font-size: 2rem;
  }
}
@media (max-width: 576px) {
  .slider-l3 .slider-home-3 .container {
    justify-content: center;
  }
  .slider-l3 .box {
    width: 90%;
  }
  .slider-l3 .box h3 {
    font-size: 1.2rem;
  }
}
/* fine SLIDER LAYOUT 3 */

/* SLIDER LAYOUT 2 */
.slider-layout-2 h3 {
  font-weight: 700;
  font-size: 1.5rem;
  color: #028571;
}
.slider-layout-2 .pulsante-prim {
  background: #028571;
}
.slider-layout-2 .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.slider-layout-2 .sfondo {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.slider-layout-2 .contenuto {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  width: 500px;
}
.slider-layout-2 .tag {
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.slider-layout-2 .tag a {
  color: #028571;
}
.slider-layout-2 .data {
  margin-bottom: 0.5rem;
}
.slider-layout-2 .data .icona {
  color: #028571;
}
.slider-layout-2 .swiper-button-prev {
  color: #ffffff;
}
.slider-layout-2 .swiper-button-next {
  color: #028571;
}
@media (max-width: 768px) {
  .slider-layout-2 .wrapper {
    grid-template-columns: 1fr;
  }
  .slider-layout-2 .sfondo {
    display: none;
  }
  .slider-layout-2 .contenuto {
    padding: 3rem;
    width: 100%;
  }
  .slider-layout-2 .swiper-button-prev {
    color: #028571;
  }
}
/* fine SLIDER LAYOUT 2 */

/* SLIDER LAYOUT 4 */
.slider-layout-4 .box {
  position: relative;
  padding: 6rem 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.slider-layout-4 .box .container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.slider-layout-4 .box .contenuto {
  max-width: 650px;
  background: #fff;
  border-radius: 0.7rem;
  padding: 2rem;
  z-index: 1;
  font-size: 1.1rem;
}

.slider-layout-4 .box .contenuto h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #06c;
}

.slider-layout-4 .box .contenuto .pulsante {
  margin-top: 1rem;
}

.slider-layout-4 .box .sfondo {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

.slider-layout-4 .box .sfondo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-layout-4 .swiper-button-next,
.slider-layout-4 .swiper-button-prev {
  color: #fff;
}
/* fine SLIDER LAYOUT 4 */

/* SLIDER LAYOUT 5 */
.slider-layout-5 {
  height: 450px;
  position: relative;
}
.slider-layout-5 .c-1 {
  width: 100%;
  height: 100%;
}
.slider-layout-5 .c-2 {
  width: 20%;
  background: #06c;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.slider-layout-5 .slider-home-5 {
  height: 100%;
}
.slider-layout-5 .slider-home-5 .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.slider-layout-5 .slider-home-5 .swiper-slide {
  position: relative;
}
.slider-layout-5 .box {
  background: #fff;
  width: 500px;
  padding: 2rem;
  border-radius: 1rem;
}
.slider-layout-5 .box h3 {
  font-weight: 600;
}
.slider-layout-5 .sfondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slider-layout-5 .sfondo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-layout-5 .swiper-button-next {
  color: #fff;
}
.slider-layout-5 .swiper-button-prev {
  color: #fff;
}
.slider-layout-5 .swiper-button-next {
  right: 21%;
}
.slider-home-5-thumbs {
  height: 100%;
}
.slider-home-5-thumbs .swiper-slide {
  color: #fff;
  display: flex;
  padding: 2rem;
  align-items: center;
  border-bottom: 1px solid #fff;
}
.slider-home-5-thumbs .swiper-slide h4 {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin: 0;
  font-weight: 600;
}
.slider-home-5-thumbs .swiper-slide .icona {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.slider-home-5-thumbs .swiper-slide-thumb-active {
  background: #005ebd;
}
@media (max-width: 1200px) {
  .slider-layout-5 .swiper-button-next {
    right: 10px;
  }
  .slider-layout-5 .c-2 {
    display: none;
  }
}
@media (max-width: 992px) {
  .slider-layout-5 .slider-home-5 .container {
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .slider-layout-5 .slider-home-5 .container {
    justify-content: center;
  }
  .slider-layout-5 .box {
    width: 90%;
  }
}
/* fine SLIDER LAYOUT 5 */

/* SLIDER LAYOUT 7 */
.slider-layout-7 .swiper-container {
  height: 430px;
}

.slider-layout-7 .box {
  position: relative;
  padding: 8rem 5rem;
  height: 100%;
  overflow: hidden;
}

.slider-layout-7 .box .container {
  display: flex;
  justify-content: flex-end;
}

.slider-layout-7 .box .contenuto {
  text-align: right;
  background: transparent;
  box-shadow: unset;
  font-weight: 600;
  font-size: 1.1rem;
  width: 450px;
}

.slider-layout-7 .box .contenuto h3 {
  color: #06c;
  font-size: 2.2rem;
  position: relative;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.slider-layout-7 .box .contenuto h3::after {
  content: "";
  background: #000;
  width: 10rem;
  height: 3px;
  position: absolute;
  right: 0;
  bottom: -0.5rem;
}

.slider-layout-7 .sfondo {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.slider-layout-7 .sfondo .img-sfondo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-layout-7 .curva-sfondo {
  position: absolute;
  right: -28rem;
  top: 0;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.slider-layout-7 .swiper-button-next {
  color: #06c;
}

.slider-layout-7 .swiper-button-prev {
  color: #fff;
}

.slider-layout-7 .swiper-pagination-bullet {
  background: #06c;
  width: 1rem;
  height: 1rem;
}

@media (max-width: 1600px) {
  .slider-layout-7 .curva-sfondo {
    right: -25rem;
  }
}

@media (max-width: 1200px) {
  .slider-layout-7 .curva-sfondo {
    right: -12rem;
  }
}

@media (max-width: 992px) {
  .slider-layout-7 .curva-sfondo {
    left: -2rem;
    right: unset;
  }
  .slider-layout-7 .box .container {
    justify-content: center;
  }
  .slider-layout-7 .box .contenuto {
    text-align: center;
  }
  .slider-layout-7 .box .contenuto h3::after {
    display: none;
  }
  .slider-layout-7 .box {
    padding: 2rem 3rem 10rem 3rem;
  }
}

@media (max-width: 992px) {
  .slider-layout-7 .curva-sfondo {
    left: 0;
    background: rgba(255, 255, 255, 0.98);
  }
  .slider-layout-7 .swiper-button-prev {
    color: #06c;
  }
}
/* fine SLIDER LAYOUT 7 */

/* Slider IZSUM */
.sezione-slider-izsum {
  position: relative;
}
.slider-izsum {
  padding: 2rem 0;
  position: relative;
}
.slider-izsum .box {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1fr 2fr;
  background: #fff;
  margin: 1rem;
}
.slider-izsum .box .sfondo {
  position: relative;
}
.slider-izsum .box .sfondo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.slider-izsum .box .contenuto {
  padding: 1.5rem;
}
.slider-izsum .box .contenuto h3 {
  font-weight: 700;
}
.slider-izsum .box .contenuto .categoria {
  font-weight: 600;
  color: #ec092b;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  display: block;
}
.slider-izsum .box .contenuto .data .icona {
  color: #ec092b;
}
.slider-izsum .swiper-pagination-bullet-active {
  background: #ec092b;
}
.swiper-button-next,
.swiper-button-prev {
  color: #ec092b;
  position: absolute;
}
@media (max-width: 768px) {
  .slider-izsum .box {
    grid-template-columns: 1fr;
  }
  .slider-izsum .box .sfondo {
    height: 200px;
  }
}
@media (max-width: 576px) {
  .slider-izsum .box {
    margin: 1rem;
  }
}
/* fine Slider IZSUM */

/* CALENDARIO */
.dataHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.8rem;
  font-size: 1.5rem;
  font-weight: 600;
}
.dataHeader .frecce a {
  color: #000;
  font-size: 2rem;
  margin-left: 0.5rem;
}
/* fine CALENDARIO */

#header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #06c;
  padding: 0.5rem 0;
  display: none;
  color: #fff;
}

#header-fixed a {
  color: #fff;
}

#header-fixed.show {
  display: block;
  z-index: 9;
}

#header-fixed .hamburger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3rem;
}

#header-fixed .hamburger button {
  background: none;
  border: none;
  color: #fff;
  font-size: 2rem;
}

#header-fixed .c-1 {
  display: flex;
  align-items: center;
}

#header-fixed .logo {
  height: 48px;
  width: 48px;
  object-fit: contain;
  margin-right: 1rem;
}

#header-fixed .menu-lista {
  list-style: none;
  margin: 0;
  padding: 0;
}

#header-fixed .menu-lista li {
  display: inline-block;
  margin-right: 0.8rem;
}

#header-fixed #apriRicercaFixed {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  color: #06c;
}

@media (max-width: 1300px) {
  #header-fixed .hamburger {
    left: 1rem;
  }
  #header-fixed .container {
    padding-left: 2rem;
  }
  #header-fixed #apriRicercaFixed {
    right: 1rem;
  }
}

@media (max-width: 992px) {
  #menuCanali2 {
    display: none;
  }
}

@media (max-width: 576px) {
  #header-fixed .container {
    padding-left: 1rem;
  }
  #header-fixed .logo {
    margin: 0 0 0 3rem;
  }
}

.lista-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 600;
}

.lista-menu > li {
  display: inline-block;
  margin-right: 0.5rem;
}

.lista-no-style {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu a {
  color: #212529;
}

.dropdown-menu a:hover {
  color: #212529;
  text-decoration: none;
}

/* .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  text-decoration: none;
  border: none;
  vertical-align: middle;
} */

#listaTags {
  margin: 1rem 0 1.5rem 0;
}

#listaTags a {
  color: #fff;
  padding: 0.3rem 1rem;
  border: 1px solid #06c;
  border-radius: 1rem;
  font-weight: 600;
  text-decoration: none;
  margin: 0 4px 4px 0;
  background: #06c;
  transition: 0.2s;
}

#listaTags a:hover {
  background: #04a;
  color: #fff;
}

/* CONTENUTO LAYOUT 3 */
.contenuto-l3 {
  padding: 2rem 0 1rem 0;
}
.contenuto-l3 .box {
  display: flex;
  justify-content: space-between;
  background: #06c;
  color: #fff;
  padding: 1.5rem;
  border-radius: 1rem;
}
.contenuto-l3 .box .c-1 {
  font-size: 2rem;
  line-height: 120%;
}
.contenuto-l3 .box .c-2 {
  display: flex;
  align-items: flex-end;
}
.contenuto-l3 .box .c-2 .pulsante-prim {
  background: #fff;
  color: #06c;
}
@media (max-width: 992px) {
  .contenuto-l3 .box {
    flex-direction: column;
    justify-content: flex-start;
  }
  .contenuto-l3 .box .c-1 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
/* fine CONTENUTO LAYOUT 3 */

/* MEDIA QUERIES*/
@media (max-width: 768px) {
  .titolo-sezione {
    font-size: 1.8rem;
  }
}

.bandoModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bandoModal .box {
  max-width: 800px;
  max-height: 90vh;
  padding: 1.5rem;
  border-radius: 1rem;
  background: #fff;
}

.bandoModal .box h3 {
  font-size: 2.2rem;
  color: #06c;
}

/* Responsive */
@media (max-width: 1700px) {
  header .principale .hamburger button {
    left: 3rem;
  }
}

@media (max-width: 1500px) {
  header .principale .container {
    padding-left: 10rem;
  }
  .menu-popup .menu {
    width: 40%;
  }
}

@media (max-width: 1200px) {
  #bandi .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  #aree-tematiche .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  #attivita .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  header .principale .hamburger button {
    left: 2rem;
  }
  header .principale .container {
    padding-left: 4rem;
  }
  header .principale .wrapper .destra .social {
    display: none;
  }
  #bandi .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  #aree-tematiche .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  #aree-tematiche .box h3 {
    font-size: 1.2rem;
  }
  #aree-tematiche .box h3 {
    margin: 0;
    font-weight: bold;
  }
  #attivita .wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .titolo-sezione {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  header .principale {
    padding: 2rem 0;
  }
  header .menu-secondario {
    display: none;
  }
  header #areaRicerca form input {
    width: 80%;
  }
  #slider-home .slider-home .box {
    padding: 2rem 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #slider-home .swiper-button-next,
  #slider-home .swiper-button-prev {
    color: #0066cc;
  }
  footer .main .wrapper-argomenti {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  footer .main .bottom .wrapper-bottom {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  header .principale .hamburger button {
    left: 0.5rem;
  }
  header .principale .hamburger button img {
    width: 2.8rem;
  }
  header .principale .wrapper .sinistra {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  header .principale .wrapper .sinistra .logo {
    width: 3rem;
  }
  header .principale .wrapper .sinistra .nome {
    margin: 0;
  }
  header .principale .wrapper .sinistra .nome h1 {
    font-size: 1.5rem;
  }
  header .principale .wrapper .sinistra .nome p {
    font-size: 0.8rem;
  }
  header .principale .wrapper .destra .ricerca {
    margin: 0;
  }
  header .principale .wrapper .destra .ricerca p {
    display: none;
  }
  header .principale .wrapper .destra .ricerca button {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0.5rem;
  }
  header .principale .container {
    padding-left: 5rem;
    padding-right: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .menu-popup .menu {
    width: 90%;
  }
  #bandi .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #aree-tematiche .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #aree-tematiche .box {
    margin-left: 1rem;
  }
  #attivita .wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #banner .box .contenuto h3 {
    font-size: 1rem;
  }
  footer .main {
    padding: 1rem 0 2rem 0;
  }
  footer .main .titolo-argomenti {
    display: none;
  }
  footer .main .wrapper-argomenti {
    display: none;
    grid-template-columns: repeat(1, 1fr);
  }
  footer .main .bottom .wrapper-bottom {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* Allerta meteo */
.allerta-meteo .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.allerta-meteo .box {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.allerta-meteo .box img {
  width: 100%;
  height: 200px;
}
.allerta-meteo .box .contenuto {
  padding: 1.5rem;
}
.allerta-meteo .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.allerta-meteo .box .contenuto h3 a {
  color: #000;
}
.allerta-meteo .wrapper-data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}
.allerta-meteo .wrapper-data svg {
  color: #ec092b;
}
.allerta-meteo-singola .cover {
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
  margin-bottom: 1rem;
}
.allerta-meteo-singola h1 {
  font-weight: 700;
}
.allerta-meteo-singola .wrapper-data {
  display: flex;
  gap: 2rem;
}
.allerta-meteo-singola .wrapper-data svg {
  color: #ec092b;
}
.allerta-meteo-singola .contenuto {
  padding: 1rem 0;
}
@media (max-width: 992px) {
  .allerta-meteo .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .allerta-meteo .wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine Allerta meteo */
.nav-pills .nav-link {
  background: none;
  border: none;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0066cc;
}

/* Allegati sezioni */
.allegati-sezioni .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.allegati-sezioni .wrapper .box {
  padding: 1rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 0.5rem;
  color: #0066cc;
  font-weight: 600;
  transition: 0.2s;
  word-break: break-word;
}
.allegati-sezioni .wrapper .box:hover {
  box-shadow: 4px 4px 1rem rgba(0, 0, 0, 0.2);
}
.allegati-sezioni .wrapper .box svg {
  font-size: 1.2rem;
  color: #ec092b;
}
@media (max-width: 992px) {
  .allegati-sezioni .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .allegati-sezioni .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* fine Allegati sezioni */

/* Elementi correlati - Risorse */
.elementi-correlati .tab-content > .active {
  background: transparent;
  box-shadow: unset;
}
.elementi-correlati .wrapper-risorse {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.elementi-correlati .wrapper-risorse .box {
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  color: #0066cc;
  text-align: center;
  word-break: break-word;
  transition: 0.2s;
}
.elementi-correlati .wrapper-risorse .box:hover {
  box-shadow: 0 8px 1rem rgba(0, 0, 0, 0.2);
}
.elementi-correlati .wrapper-risorse .box .icona {
  font-size: 2rem;
  color: #ec092b;
  margin-bottom: 0.5rem;
}
.elementi-correlati .wrapper-risorse .box h3 {
  font-size: 1.1rem;
}
@media (max-width: 992px) {
  .elementi-correlati .wrapper-risorse {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .elementi-correlati .wrapper-risorse {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* fine Elementi correlati - Risorse */

/* Elementi correlati - Notizie */
.notizie-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.notizie-wrapper .box {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
  background: #fff;
}

.notizie-wrapper .box figure {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.notizie-wrapper .box figure img:hover {
  transform: scale(1.1);
  opacity: 0.6;
}

.notizie-wrapper .box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}

.notizie-wrapper .box figure .categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0066cc;
  color: #fff;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.2s;
}

.notizie-wrapper .box figure .categoria:hover {
  background: #004f9f;
}

.notizie-wrapper .box figure .categoria:hover figure img {
  transform: scale(1);
}

.notizie-wrapper .box .contenuto {
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  word-break: break-word;
}

.notizie-wrapper .box .contenuto .data {
  color: #00478d;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.notizie-wrapper .box .contenuto .data::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  color: #0066cc;
  font-weight: 600;
  color: #0066cc;
  margin-right: 0.3rem;
}

.notizie-wrapper .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.notizie-wrapper .box .contenuto h3 a {
  color: #000;
}

@media (max-width: 992px) {
  .notizie-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .notizie-wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine Elementi correlati - Notizie */

/* Elementi correlati - Eventi */
.elementi-correlati .eventi-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.elementi-correlati .eventi-wrapper .box {
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  background: #fff;
}
.elementi-correlati .eventi-wrapper .box h3 {
  font-size: 1.4rem;
  font-weight: 600;
}
.elementi-correlati .eventi-wrapper .box .data svg {
  color: #0066cc;
}
@media (max-width: 992px) {
  .elementi-correlati .eventi-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .elementi-correlati .eventi-wrapper {
    grid-template-columns: 1fr;
  }
}
/* fine Elementi correlati - Eventi */

/* Elementi correlati - Immagini */
.elementi-correlati .immagini-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.elementi-correlati .immagini-wrapper .box {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  background: #fbfbfb;
}
.elementi-correlati .immagini-wrapper .box img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}
.elementi-correlati .immagini-wrapper .box .descrizione {
  font-size: 0.85rem;
  background: #fbfbfb;
  padding: 1rem;
}
/* fine Elementi correlati - Eventi */

/* Calendario eventi Intranet */
.calendario-intranet .wrapper-calendario {
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
}
.calendario-intranet .wrapper-calendario .lista-eventi .box {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 8px 1rem 1rem 8px;
  margin-bottom: 1rem;
}
.calendario-intranet .wrapper-calendario .lista-eventi .box .data .icona {
  color: #ec092b;
}
.calendario-intranet .wrapper-calendario .lista-eventi .box .data span {
  font-weight: bold;
}
.calendario-intranet .prossimi-eventi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.calendario-intranet .prossimi-eventi .box {
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 8px 1rem 1rem 8px;
  margin-bottom: 1rem;
}
.calendario-intranet .prossimi-eventi .box .data .icona {
  color: #ec092b;
}
.calendario-intranet .prossimi-eventi .box .data span {
  font-weight: bold;
}
/* fine Calendario eventi Intranet */

/* jsCalendar CUSTOM */
.jsCalendar table {
  width: 100%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 1rem !important;
  margin: 0 !important;
  border-collapse: unset !important;
}
.jsCalendar tbody > tr {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-content: center;
}
.jsCalendar tbody td.jsCalendar-current {
  background-color: #ec092b !important;
}
.jsCalendar tbody td.jsCalendar-selected {
  position: relative;
}
.jsCalendar tbody td.jsCalendar-selected::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  background: #ec092b;
  border-radius: 50%;
}
.jsCalendar tbody td.jsCalendar-selected:hover {
  background: #ec092b;
  color: #fff;
}
.jsCalendar thead {
  display: contents;
}
.jsCalendar .jsCalendar-title-row {
  width: 100%;
  display: grid;
}
.jsCalendar .jsCalendar-week-days {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  align-content: center;
}
.jsCalendar .jsCalendar-week-days > th {
  font-weight: bold !important;
}
/* fine jsCalendar CUSTOM */

/* Rubrica: Lettura */
.rubrica-lettura {
  background: #fff;
}
.rubrica-lettura .testata {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
}
.rubrica-lettura .testata .avatar {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  object-fit: cover;
}
.rubrica-lettura .testata h1 {
  margin-bottom: 0.5rem;
}
.rubrica-lettura .testata .ruolo {
  font-size: 1.2rem;
}
.rubrica-lettura .testata .email {
  display: block;
  margin-top: 0.8rem;
}
/* fine Rubrica: Lettura */

/* Videogallery */
.videogallery {
  padding: 2rem 0;
}
.videogallery .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  gap: 1rem;
}
.videogallery .box {
  position: relative;
}
.videogallery .box:hover svg {
  transform: scale(1.2);
}
.videogallery .box .contenuto {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  color: #fff;
  min-height: 200px;
}
.videogallery .box {
  color: #fff;
}
.videogallery .box:hover {
  color: #fff;
}
.videogallery .box .contenuto h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
.videogallery a {
    text-decoration: none;
}
.videogallery a:hover {
    text-decoration: underline;
}
.videogallery .box .contenuto svg {
  fill: #fff;
  width: 2.5rem;
  height: 2.5rem;
  transition: 0.2s;
}
.videogallery .box .sfondo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* fine Videogallery */

.elementi-correlati a {
    text-decoration: none;
}
.elementi-correlati a:hover {
    text-decoration: underline;
}

.img-cover-elenco {
    width:100%;
    height:300px;
    object-fit: cover;
}
#eventi-home {
    background:unset;
}

/* Strutture organizzative */
.elenco-strutture .wrapper {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap:1rem;
    padding:1rem 0;
}
.elenco-strutture .wrapper .box {
    border-radius: 8px;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    padding:1.5rem;
}
.elenco-strutture .wrapper .box h3 {
    font-size:1.5rem;
}
.elenco-strutture .wrapper .box h3 a{
    text-decoration: none;
}
.elenco-strutture .wrapper .box h3 a:hover{
    text-decoration: underline;
}
/* fine Strutture organizzative */

/* Lettura Strutture organizzative */
.struttura-lettura {
    padding:1rem 0 2rem 0;
}
.struttura-lettura h2 {
    font-size:1.8rem;
}
.struttura-lettura .responsabile {
    border: 1px solid #ededed;
    border-radius: 1rem;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
}
.struttura-lettura .responsabile h3 {
    font-size: 1rem;
    margin: 0;
}
.struttura-lettura .struttura-appartenenza {
    border: 1px solid #ededed;
    border-radius: 1rem;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
}
.struttura-lettura .struttura-appartenenza h3 {
    font-size: 1rem;
    margin: 0;
}
/* fine Letture Strutture organizzative */

/* Lettura Personale */
.personale-lettura {
    padding:1rem 0 2rem 0;
}
.personale-lettura h2 {
    font-size:1.8rem;
}
.personale-lettura .ruolo {
   font-size:1.5rem;
}
.personale-lettura .responsabile {
    border: 1px solid #ededed;
    border-radius: 1rem;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
}
.personale-lettura .responsabile h3 {
    font-size: 1rem;
    margin: 0;
}
.personale-lettura .struttura-appartenenza {
    border: 1px solid #ededed;
    border-radius: 1rem;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
}
.personale-lettura .struttura-appartenenza h3 {
    font-size: 1rem;
    margin: 0;
}
.personale-lettura .allegati ul {
    list-style: none;
    margin:0;
    padding:0;
}
/* fine Letture Personale */

/* Lettura Modulistica */
.modulistica-lettura {
    padding:1rem 0 2rem 0;
}
.modulistica-lettura h2 {
    font-size:1.8rem;
}
.modulistica-lettura .ruolo {
   font-size:1.5rem;
}
.modulistica-lettura .struttura {
    text-decoration: none;
}
.modulistica-lettura .struttura:hover {
    text-decoration: underline;
}
.modulistica-lettura .struttura:hover h3 {
    text-decoration: underline;
}
.modulistica-lettura .struttura h3 {
    font-size:1.2rem;
    display:inline-block;
}
.modulistica-lettura .allegati ul {
    list-style: none;
    margin:0;
    padding:0;
}
/* fine Letture Modulistica */

/* Lettura Regolamenti */
.regolamenti-lettura {
    padding:1rem 0 2rem 0;
}
.regolamenti-lettura h2 {
    font-size:1.8rem;
}
.regolamenti-lettura .ruolo {
   font-size:1.5rem;
}
.regolamenti-lettura .struttura {
    text-decoration: none;
}
.regolamenti-lettura .struttura:hover {
    text-decoration: underline;
}
.regolamenti-lettura .struttura:hover h3 {
    text-decoration: underline;
}
.regolamenti-lettura .struttura h3 {
    font-size:1.2rem;
    display:inline-block;
}
.regolamenti-lettura .allegati ul {
    list-style: none;
    margin:0;
    padding:0;
}
.regolamenti-lettura .struttura-appartenenza {
    border: 1px solid #ededed;
    border-radius: 1rem;
    padding: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
}
.regolamenti-lettura .struttura-appartenenza h3 {
    font-size: 1rem;
    margin: 0;
}
/* fine Letture Regolamenti */

/* Elementi correlati (Griglia) */
.correlati-griglia {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(min(22rem, 100%), 1fr));
    gap:1rem;
}
.correlati-griglia .box {
    background:#fff;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    padding:1rem;
    border-radius: 8px;
}
.correlati-griglia .box .tag a {
    background:#06c;
    padding:.3rem .8rem;
    color:#fff;
    text-decoration: none;
    display:inline-block;
    margin-bottom: .5rem;
    font-size:.85rem;
}
.correlati-griglia .box .tag a:hover {
    background:#004d99;
}
.correlati-griglia .box .data {
    margin-bottom:.3rem;
    font-weight: 600;
    color:#000;
}
.correlati-griglia .box h3 {
    font-size:1.4rem;
    font-weight: 700;
}
.correlati-griglia .box h3 a {
    color:#000;
    text-decoration: none;
}
.correlati-griglia .box h3 a:hover {
    text-decoration: underline;
}
.correlati-griglia .box .contenuto {
    font-size:.9rem;
    color:#464646;
}
/* fine Elementi correlati (Griglia) */

/* Elementi correlati (Lista) */
.correlati-lista {
    display:grid;
    grid-template-columns: 1fr;
    gap:1rem;
}
.correlati-lista .box {
    padding:1rem 0;
    border-bottom:1px solid #dfdfdf;
}
.correlati-lista .box .tag a {
    color:#06c;
    text-decoration: none;
    display:inline-block;
    margin-bottom: .5rem;
    font-size:.85rem;
    font-weight: 600;
}
.correlati-lista .box .tag a:hover {
    background:#004d99;
}
.correlati-lista .box .data {
    margin-bottom:.3rem;
    font-weight: 600;
    color:#000;
}
.correlati-lista .box h3 {
    font-size:1.4rem;
    font-weight: 700;
}
.correlati-lista .box h3 a {
    color:#000;
    text-decoration: none;
}
.correlati-lista .box h3 a:hover {
    text-decoration: underline;
}
.correlati-lista .box .contenuto {
    color:#464646;
}
/* fine Elementi correlati (Lista) */

/* Aree tematiche */
.aree-tematiche-home {
    padding: 2rem 0;
  }
  .aree-tematiche-home .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
  .aree-tematiche-home .wrapper .box {
    padding: 2rem 1rem;
    border: 1px solid #EBEBEB;
    border-radius: 1rem;
    text-align: center;
  }
  .aree-tematiche-home .wrapper .box .icona {
    width: 7rem;
    height: 7rem;
    margin-bottom: 1rem;
    object-fit: cover;
  }
  .aree-tematiche-home .wrapper .box h3 {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .aree-tematiche-home .wrapper .box h3 a {
    color: #0B1A48;
    text-decoration: none;
  }
  .aree-tematiche-home .wrapper .box h3 a:hover {
    text-decoration: underline;
  }
  .aree-tematiche-home .wrapper .box .lista {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .aree-tematiche-home .wrapper .box .lista li {
    display: inline-block;
    font-size: 0.9rem;
  }
  .aree-tematiche-home .wrapper .box .lista li a {
    color: #595959;
    text-decoration: none;
  }
  .aree-tematiche-home .wrapper .box .lista li a:hover {
    text-decoration: underline;
  }
  .aree-tematiche-home .wrapper .box .lista li:not(:last-child):after {
    content: " - ";
  }
/* fine Aree tematiche */

/* Area tematica lettura */
.area-tematica-lettura .tags {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 1rem 0;
}
.area-tematica-lettura .tags li a {
    display: block;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    color: #000;
    text-decoration: none;
    transition: 0.2s;
}
.area-tematica-lettura .tags li a:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.area-tematica-lettura .tags li a .cover {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 1rem 1rem 0 0;
}
.area-tematica-lettura .tags li a .contenuto {
    padding: 1rem;
}
@media (max-width: 992px) {
    .area-tematica-lettura .tags {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .area-tematica-lettura .tags {
        grid-template-columns: 1fr;
    }
}
/* fine Area tematica lettura */

/* Tag: Lettura */
.lettura-tag .titolo-sezione-correlata {
    font-size: 2.2rem;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 1rem;
}
.lettura-tag .header {
    position: relative;
    background:#f5f5f5;
}
.lettura-tag .header .sfondo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.lettura-tag .header .sfondo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lettura-tag .header .header-wrapper {
    padding: 6rem 0;
}
.lettura-tag .header .box {
    background: #fff;
    border-radius: 1rem;
    width: 50%;
    padding: 1.5rem 2rem;
    position: relative;
    box-shadow: 0 4px 1rem rgba(0,0,0,.1);
}
.lettura-tag .header .box h1 {
    font-size: 2.6rem;
    margin-bottom: 1rem;
}
.lettura-tag .header .box .descrizione {
    color: #757575;
}

.lettura-tag .servizi {
    background: #ebeef0;
    padding: 2rem 0;
}
.lettura-tag .wrapper-servizi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
    gap: 1rem;
    padding: 1rem 0;
}
.lettura-tag .wrapper-servizi .box {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    padding: 1.5rem;
    background: #fff;
    word-wrap: break-word;
}
.lettura-tag .wrapper-servizi .box h3 {
    font-size: 1.5rem;
}
.lettura-tag .wrapper-servizi .box h3 a {
    color: #06c;
    text-decoration: none;
}
.lettura-tag .wrapper-servizi .box h3 a:hover {
    text-decoration: underline;
}
.lettura-tag .wrapper-servizi .box .descrizione {
    color: #757575;
}

.lettura-tag .notizie {
    padding: 2rem 0;
}
.lettura-tag .wrapper-notizie {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 1rem 0;
}
.lettura-tag .wrapper-notizie .box {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
}
.lettura-tag .wrapper-notizie .box .cover {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 1rem 1rem 0 0;
}
.lettura-tag .wrapper-notizie .box .content {
    padding: 1.5rem;
    background: #fff;
    border-radius: 0 0 1rem 1rem;
}
.lettura-tag .wrapper-notizie .box .content h3 {
    font-size: 1.5rem;
}
.lettura-tag .wrapper-notizie .box .content h3 a {
    color: #06c;
    text-decoration: none;
}
.lettura-tag .wrapper-notizie .box .content h3 a:hover {
    text-decoration: underline;
}
.lettura-tag .wrapper-notizie .box .content .descrizione {
    color: #757575;
}
.lettura-tag .wrapper-notizie .box .content .calendario {
    color: #595959;
    margin-bottom: 0.5rem;
}
.lettura-tag .wrapper-notizie .box .content .calendario .icona {
    color: #0b1a48;
}

.lettura-tag .eventi {
    padding: 2rem 0;
}
.lettura-tag .wrapper-eventi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    padding: 1rem 0;
}
.lettura-tag .wrapper-eventi .box {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
}
.lettura-tag .wrapper-eventi .box .cover {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 1rem 1rem 0 0;
}
.lettura-tag .wrapper-eventi .box .content {
    padding: 1.5rem;
    background: #fff;
    border-radius: 0 0 1rem 1rem;
}
.lettura-tag .wrapper-eventi .box .content h3 {
    font-size: 1.5rem;
}
.lettura-tag .wrapper-eventi .box .content h3 a {
    color: var(--primary);
    text-decoration: none;
}
.lettura-tag .wrapper-eventi .box .content h3 a:hover {
    text-decoration: underline;
}
.lettura-tag .wrapper-eventi .box .content .descrizione {
    color: var(--grey);
}
.lettura-tag .wrapper-eventi .box .content .calendario {
    color: #595959;
    margin-bottom: 0.5rem;
}
.lettura-tag .wrapper-eventi .box .content .calendario .icona {
    color: #0b1a48;
}
.lettura-tag .wrapper-aree {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
    gap: 1rem;
    padding: 2rem 0;
}
.lettura-tag .wrapper-aree .box {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    padding: 1.5rem;
    background: #fff;
    word-wrap: break-word;
}
.lettura-tag .wrapper-aree .box h3 {
    font-size: 1.5rem;
}
.lettura-tag .wrapper-aree .box h3 a {
    color: var(--primary);
    text-decoration: none;
}
.lettura-tag .strutture {
    padding:2rem 0;
}
.lettura-tag .wrapper-strutture {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
    gap: 1rem;
    padding: 1rem 0;
}
.lettura-tag .strutture .box {
    border-radius: 8px;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
    padding:1.5rem;
}
.lettura-tag .strutture .box h3 {
    font-size:1.5rem;
}
.lettura-tag .strutture .box h3 a{
    text-decoration: none;
}
.lettura-tag .strutture .box h3 a:hover{
    text-decoration: underline;
}

@media (max-width: 768px) {
    .lettura-tag .header .box {
        width: 100%;
    }
    .lettura-tag .header .box h1 {
        font-size: 2rem;
    }
    .lettura-tag .header .header-wrapper {
        padding: 3rem 0;
    }
}
@media (max-width: 576px) {
    .lettura-tag .header .box h1 {
        font-size: 1.8rem;
    }
    .lettura-tag .titolo-sezione {
        font-size: 1.8rem;
    }
    .lettura-tag .wrapper-servizi .box h3 {
        font-size: 1.1rem;
    }
}
/* fine Tag: Lettura */

.toolbar:before {
    position:relative;
}

/* .alert {
    padding: .5rem .5rem .5rem 2.5rem !important;
}
.alert-success {
    background-position: left;
}
.alert-info {
    background-position: left;
}
.alert-danger {
    background-position: left;
} */

/* Smart Wizard: Customizzazione */
.sw.sw-justified>.nav .nav-link, .sw.sw-justified>.nav>li {
    flex-basis: auto !important;
}
.sw-theme-arrows>.nav .nav-link::before {
    display: none !important;
}
.sw-theme-arrows>.nav .nav-link::after {
    transform: translateY(-50%) !important;
    left: unset !important;
    margin-top:unset !important;
    right: -1rem !important;
    border-top: 24px solid transparent !important;
    border-bottom: 24px solid transparent !important;
    border-left: 20px solid #f8f8f8 !important;
}
#smartwizard dd, #smartwizard ol, #smartwizard ul {
    margin: 1rem;
    padding: 1rem;
}
.sw-theme-arrows>.nav .nav-link.active {
    color: #fff !important;
    border-color: #5bc0de;
    background: #5bc0de;
    cursor: pointer;
    background: #06c !important;
    border-color: #06c !important;
}
.sw-theme-arrows>.nav .nav-link.active::after {
    border-left-color: #06c !important;
}
/* Fine Smart Wizard: Customizzazione */

#smartwizard .form-group label {
    white-space: normal !important;
}

/* Ricerca */
.risultato-ricerca {
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 1rem;
    margin-bottom: 1rem;
}
.risultato-ricerca .header {
    font-size: 1rem;
    background: #f8f8f8;
    border-radius: 1rem 1rem 0 0;
    padding: 1rem;
}
.risultato-ricerca .body {
    padding: 1rem;
}
.risultato-ricerca .body h3 {
    font-size: 1rem;
}
.risultato-ricerca .body h3 a {
    color: #000;
    text-decoration: none;
}
.risultato-ricerca .body h3 a:hover {
    text-decoration: underline;
}
/* fine Ricerca */

/* Collapsible "Details" nei contenuti */

.area-contenuto details[open] p {
  animation: animateDown 0.2s linear forwards;
}

.area-contenuto details {
    margin-bottom:1rem;
    background:#fff !important;
    border-left:4px solid #06c;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .1) !important;
    border-radius: 0 8px 8px 0;
}
.area-contenuto details summary {
    color:#06c;
    padding:.5rem 1rem;
    display:flex;
}
.area-contenuto article {
    padding:1rem;
}
.area-contenuto summary {
    list-style: none;
    cursor: pointer;
    display: block;
}

.area-contenuto summary::-webkit-details-marker,
.area-contenuto summary::marker {
    display: none;
}

.area-contenuto summary:before {
    content: '\25BC';
    display: inline-block;
    margin-right: 5px;
    font-size: 0.8em;
}

.area-contenuto details[open] summary:before {
    content: '\25B2';
}
.area-contenuto details h3 {
    font-size:1.2rem;
    display:inline-block;
    margin:0;
}

@keyframes animateDown {
  0% {
    opacity: 0;
    transform: translatey(-15px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}