/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/





:root {
	--nero:#000;
	--blu:#064898;
	--azzurro:#76c9d9;
	--grigio:#d7e2e8;
}

a, a:focus, button, button:focus, input:focus {
outline : none!important;
}



.box-menu {
position: relative;
transform: skewX(-20deg);
}
.box-menu::before {
position: absolute;
left: -8px;
top: 8px;
content: "";
width: 3000px;
height: 100%;
border: 1px solid #fff;
}
.box-menu::after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 3000px;
height: 100%;
background-color: var(--nero);
}
.scopri {
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
z-index: 9;
}
.scopri-box {
position: relative;
}
.scopri-box::before {
position: absolute;
left: 10px;
top: 10px;
width: calc(100% - 2px);
height: calc(100% - 2px);
content: "";
background-color: var(--nero);
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
}
.scopri-box::after {
position: absolute;
left: 11px;
top: 11px;
width: calc(100% - 4px);
height: calc(100% - 4px);
content: "";
background-color: #fff;
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
}
.sezione-tit a {
width: 100%;
display: block;
}
.sezione-tit::after {
	position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000;
  pointer-events: none;
  z-index: -1;
}
.sezione-tit::before {
	position: absolute;
  left: 10px;
  top: 10px;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #fff;
  pointer-events: none;
  z-index: -1;
}
.sezione-tit span {
  z-index: 9;
  position: relative;
  transform: skewX(20deg);
  display:inline-block;
}
.sezione-tit span::before {
position: absolute;
  right: calc(100% - -10px);
  width: 500px;
  height: 5px;
  top: 50%;
background: linear-gradient(90deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
  content: "";
}
.sezione-tit.tit-right span::before {
position: absolute;
  left: calc(100% - -10px);
  width: 500px;
  height: 5px;
  top: 50%;
background: linear-gradient(90deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
  content: "";
}
.sezione-tit.tit-right-lungo span::before { 
width: 1500px;
}
.testata-data span::before {
height: 10px!important;
}
.brx-popup {
transition: all 0.3s ease-in-out;
animation-delay: 3s;
}
.brx-popup-content {
background-color: transparent!important;
padding: 0!important;
max-width: 800px;
}
.brx-popup-backdrop {
background-color: rgba(255,255,255,.5)!important;
}
.pop-container {
max-width: 690px!important;
}
.sezione-tit i {
display: block;
  color: #fff;
  z-index: 9;
  position: relative;
  transform: skewX(20deg);
  font-size: 19px;
  font-family: Barlow Condensed;
  font-style: inherit;
  line-height: 1;
  margin-bottom: -19px;
  text-align: right;
  margin-right: -10px;
}
.sponsor-gallery {
display: flex; /* Passiamo a Flexbox per maggiore controllo */
    flex-wrap: wrap; /* Permette il wrapping a righe multiple */
    gap: 30px; /* ⭐ Gap fisso di 30px */
    padding: 0;
    margin: 0;
    list-style: none; /* Rimuove i pallini (se presenti) */
}
.sponsor-gallery li {
width: max-content; /* fa sì che l'li occupi solo lo spazio necessario */
margin: 0 !important; /* rimuovi eventuali margini */
padding: 0 !important; /* rimuovi eventuali padding */
margin-right:30px;
}
.sponsor-gallery img {
max-width: 150px;
max-height: 100px;
aspect-ratio: inherit!important;
object-fit: contain;
}
.sponsor-gallery figure {
display: flex;
}
.percorsi-home h3 {
position: relative;
transition: all 0.3s;
}
.percorsi-home h3::before {
position: absolute;
  left: calc(100% - -15px);
  width: 500px;
  height: 5px;
  top: 50%;
background: linear-gradient(90deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
  content: "";
}
.percorsi-home:hover h3 {
color: var(--azzurro);
transition: all 0.3s;
}
.testo-con-riga {
position: relative;
padding-left: 50px;
overflow: hidden;
}
.testo-con-riga::before {
position: absolute;
  right: calc(100% - 40px);
  top: 15px;
  width: 100px;
  height: 6px;
background: linear-gradient(270deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
  content: "";
}
.testo-con-riga-normale {
position: relative;
padding-left: 50px;
overflow: hidden;
}
.testo-con-riga-normale::before {
position: absolute;
  right: calc(100% - 40px);
  top: 8px;
  width: 100px;
  height: 6px;
background: linear-gradient(270deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
  content: "";
}
.accordion .accordion-title-wrapper {
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
z-index: 9;
position: relative;
}
.sezione-tit.bordo-colorato.tit-right span::before {
max-width: 160px;
}
.quota-box-tit .sezione-tit span::before {
max-width: 70px;
transform: rotate(180deg);
}
.dg_form_privacy {
font-size: 12px;
margin-top: -12px;
}
form .bricks-button {
background: linear-gradient(90deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
z-index: 9;
padding-right: 30px;
transition: all 0.3s;
}
form .bricks-button span.text {
transition: all 0.3s;
}
form .bricks-button:hover span.text {
transition: all 0.3s;
color: var(--nero);
}
form .submit-button-wrapper {
position: relative;
}
form .submit-button-wrapper::before {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  content: "";
  background-color: var(--nero);
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
}
form .submit-button-wrapper::after {
  position: absolute;
  left: 11px;
  top: 11px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: "";
  background-color: #fff;
clip-path: polygon(
0% 0%,     /* angolo in alto a sinistra */
100% 0%,   /* angolo in alto a destra */
100% calc(100% - 107%),  /* inizio del taglio (10px dal fondo) */
calc(100% - 20px) 100%,  /* angolo in basso a destra (rientrato di 20px) */
0% 100%    /* angolo in basso a sinistra */);
}
.bordo-colorato::before {
border: 1px solid var(--azzurro)!important;
}
.lista li {
border-bottom: 1px solid var(--nero);
margin-bottom: 15px;
padding-bottom: 15px;
}
.accordion-content-wrapper a {
text-decoration: underline;
}
.box-doc:hover .doc-box {
background-color: var(--blu);
transition: all 0.3s;
}
.filtri span {
transition: all 0.3s;
font-weight: 600;
}
.filtri .brx-option-active span, .filtri span:hover {
background-color: transparent!important;
background: linear-gradient(90deg,rgba(2, 15, 46, 0.82) 0%, rgba(21, 41, 142, 0.26) 0%, rgba(118, 201, 217, 1) 0%, rgba(6, 72, 152, 1) 100%);
color: #fff;
border: 0;
transition: all 0.3s;
}
.due-colonne {
column-count: 2;
column-gap: 50px;
}
.iframe-mappa {
position: relative;
}
.iframe-mappa::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
border: 2px solid #fff;
pointer-events: none;
}
.iframe-mappa iframe {
width: 100%;
height: 500px;
}



@media (max-width:767px) {
.bricks-nav-menu .wpml-ls-item {

}
.due-colonne {
column-count: 1;
column-gap: 50px;
}
.sponsor-tit br {
display: none;
}
.sponsor-gallery img {
max-width: 110px;
max-height: 75px;
}
.pop-container {
  max-width: calc(100% - 50%) !important;
}

}