@charset "UTF-8";
/*@import "speaker.css";*/
 :root {
  --base1: #00a38f;
  --base2: #0b2f36;
  --bg: #e9e9e9;
}


/* Stili di base per H1, H2, H3, H4, H5, H6 */

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif; 
}

h1 {font-weight: 800; color: var(--base2);}
h2 {font-weight: 600; color: var(--base2);}
h3 {font-weight: 500; color: var(--base2);}
h4 {font-weight: 500; color: var(--base1);}
h5 {font-weight: 500; }
h6 {font-weight: 500; }

@media (min-width: 1200px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2.0rem; }
  h3 { font-size: 1.75rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1rem; }
}

/* header */

.sp-megamenu-parent > li:has(.spmenu-number) {top: 0px !important;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 15px;}
@media (max-width: 1430px) {
.sp-megamenu-parent {display: none !important;}
}
.sp-page-title .sp-page-title-heading {
	  font-family: "Montserrat", sans-serif; 
	  color: var(--base1);
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
}
.sp-page-title .sp-page-title-sub-heading {
	  font-family: "Montserrat", sans-serif; 
	  color: #fff;
  font-size: 67px;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 10px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
}
.sp-page-title {
  padding: 80px 0px 60px 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll !important;
}

/* 1. Impostiamo il contenitore principale come riferimento */
#sp-title .sp-page-title {
    position: relative; /* Necessario per posizionare l'overlay al suo interno */
    overflow: hidden;   /* Assicura che nulla esca dai bordi */
}

/* 2. Creiamo l'overlay con il tuo gradiente */
#sp-title .sp-page-title::before {
    content: "";        /* Obbligatorio per creare l'elemento */
    position: absolute; /* Lo sgancia dal flusso normale per sovrapporlo */
    top: 0;
    left: 0;
    width: 100%;        /* Occupa tutta la larghezza */
    height: 100%;       /* Occupa tutta l'altezza */
    
    /* Il tuo gradiente specifico */
    background: linear-gradient(180deg, rgba(0, 163, 143, 0.19) 0%, rgba(11, 47, 54, 0.91) 60.85%);
    mix-blend-mode: darken; /* Il metodo di fusione che hai richiesto */
    
    z-index: 1;         /* Livello 1: Sopra l'immagine di sfondo */
}

/* 3. Assicuriamo che il testo sia sopra l'overlay */
#sp-title .sp-page-title .container {
    position: relative;
    z-index: 2;         /* Livello 2: Sopra l'overlay, così il testo è leggibile */
}

/* Custom */

.spmenu-number {display: none !important;}

.board-list {
	display: grid;
	column-gap: 30px;
	row-gap: 30px;
	grid-template-columns: repeat(2, 1fr);
}
.board-list .sppb-dynamic-content-collection__item {display: flex;}

/* GDPR */

#iub-legalDoc {font-size: 1rem !important;}

#iubenda-cs-banner.iubenda-cs-overlay {visibility: visible;opacity: 1; backdrop-filter: blur(10px);}
#iubenda-cs-banner.iubenda-cs-overlay::before {transition: 0.4s; backdrop-filter: blur(10px);}
body #iubenda-iframe, .offcanvas-overlay {transition: 0.4s; backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, .4) !important;}