/* Custom styles for FSE Support site */

p, ul, ol, dl, .breadcrumb-item {
  font-size: 0.85rem;
  line-height: 1.25rem;
}
@media (min-width: 576px) {
  p, ul, ol, dl {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .breadcrumb-item {
    font-size: 1.0rem;
    line-height: 1.5rem;
  }
}

ul {
  padding-left: 1.35rem;
}
ol {
  padding-left: 1.20rem;
}
ol > ul,
ol > li > ul,
ul > li > ul {
  padding-left: 1.125rem;
  margin-bottom: 1rem;
}

ol ul,
ul ul {
  list-style-type: "-  ";
}

ol ol {
  list-style-type: lower-alpha !important;
}
li::marker {
  color: #16395E;
  font-weight: 600;
}


h1,
.h1 {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: -1px
}
@media(min-width: 576px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}

h2,
.h2 {
  font-size: 1.5rem;
  line-height: 1.25;
}
@media (min-width: 576px) {
  h2,
  .h2 {
    font-size: 1.75rem;
  }
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #16395E !important;
}

.btn {
	background-color: #198754;
    border-color: #198754;
	
}

.btn:hover {
	background-color: #0F5132;
    border-color: #0F5132;
	
}

.informativa {
    color: #16395E !important;
    text-decoration: underline;
}

.node__content a {
  font-weight: 600 !important;
  color: #16395E; /* #00965C; */
}
.node__content a:hover {
  text-decoration-color: #16395E;
}
.field--name-field-data-aggiornamento {
  font-size: 0.80rem;
  padding-top: 1.75rem;
  padding-bottom: 24px;
}
@media (min-width: 576px) {
  .field--name-field-data-aggiornamento {
    font-size: 1rem;
    padding-top: 2rem;
  }
}
.field--name-field-data-aggiornamento time {
  text-transform: lowercase;
}

a > img:hover {
  opacity: .5;
}
.fse {
  color: #16395E;
  font-weight: 600;
}

#bottone-login .btn-primary {
  background-color: #00965C;
  border-color: #00965C;
  /* width: 100%; */
}

.it-header-slim-wrapper {
  background: #0F2A48;
  padding-right: 0;
  padding-left: 0;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
  font-size: 0.725rem;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand:not(.active) {
  text-decoration: none;
}
@media (min-width: 992px) {
  .it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand {
    font-size: 1.125rem;
    position: relative;
  }
  .it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand:not(.active)::before {
    display: inline-block;
    content: '';
    height: 0.125rem;
    background-color: #FFFFFF;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 450ms ease-in-out;
    position: absolute;
    bottom: 9px;
    left: 1px;
    width: 100%;
  }
  .it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand:not(.active):hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
}

.it-header-slim-right-zone .btn {
  line-height: 36px;
  padding: 3px 25px;
  font-size: 1.125rem;
  font-weight: 300 !important;
  letter-spacing: 0.3px;
  margin-top: 6px;
  margin-bottom: 6px;
/*  border-radius: 15px; */
  border-radius: 4px;

}
.it-header-slim-right-zone .btn-expand {
  width: 100%;
  height: 42px;
}
.it-header-slim-right-zone .btn-primary {
  background-color: #00965C;
  border-color: #00965C;
}

#bottone-login .btn-expand {
    width: 100%;
    height: 42px;
}
#bottone-login .btn {
    line-height: 36px;
    padding: 3px 25px;
    font-size: 1.125rem;
    font-weight: 300 !important;
    letter-spacing: 0.3px;
    margin: 0;
}


.it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
  padding-left: 30px;
}
@media (min-width: 992px) {
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper {
    border-top: none;
  }
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned-element {
    padding-left: 0px;
  }
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned-element a .icon {
    width: auto;
    height: 45px;
    margin-right: 8px;
    aspect-ratio: 440 / 80;
    overflow: visible;
    flex-shrink: 1;
    fill: none;
  }
}

@media (min-width: 992px) {
    .it-header-slim-wrapper .it-header-slim-wrapper-content {
        padding: 0;
        height: 48px;
        align-items: center;
    }
}


/* cerca nel sito grande solo monitor */

@media (min-width: 992px) {
    .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper {
        display: flex;
        align-items: center;
        margin-left: 80px;
        font-size: 1.5rem
    }
}


/* Stile del wrapper */

.captcha__element {
  margin-top: 2rem;
}

/* Ingrandisce il titolo del CAPTCHA */

legend.captcha__title {
  font-size: 1.6rem;      /* aumenta la dimensione */
  font-weight: 700;       /* opzionale: più spesso */
  line-height: 1.3;       /* migliora la leggibilità */
  color: #000;            /* colore del testo */
}

/* Aumenta la dimensione dei numeri dell’operazione matematica */

.form-item-captcha-response label {
  font-size: 1.8rem !important;
  font-weight: 600;
  color: #000;
}

.form-item-captcha-response input {
  font-size: 1.8rem !important;
  font-weight: 600;
  color: #000;
  padding: 0.4rem 0.6rem;
}

/* Spazio interno alla card */

.it-card {
  padding: 1rem;
}

/* Spazio tra le due colonne */

.row.g-3 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

/* Margine interno dalle pareti della card */

.it-card .col-md-6,
.it-card .col-md-6  {
  padding: 0rem;
}



.it-grid-item-overlay .it-griditem-text-wrapper {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  color: #fff;
 /*  text-shadow: 0 2px 6px rgba(0,0,0,0.6); */
}

/* Overlay in basso a sinistra */

.overlay-title {
  position: absolute;
  bottom: 0.75rem;  /* distanza dal bordo inferiore */
  left: 0.75rem;    /* distanza dal bordo sinistro */
  right: 3rem;    	/* distanza dal bordo destro ? evita che tocchi il bordo */
/*  font-family: 'Roboto', sans-serif; */
  color: #fff !important; /* forza il testo bianco */
/*  background-color: var(--bs-primary); /* blu Bootstrap Italia */
  background-color: #16395E !important;
  border-radius: 20px; 
/*  text-shadow: 0 2px 4px rgba(0,0,0,0.4); */
}

.overlay-title,
.overlay-title * {
  color: #fff !important;
  fill: #fff !important; /* se ci sono icone SVG */
 }
 
/* NUOVO OVERLAY SLIDE UP */
 
/* FUORI LO SFONDO */

/* Overlay blu principale (versione outside) fisso */

.overlay-title.overlay-outside.card-1 {
  position: absolute;
/*  left: 5.5rem;
  right: 5.5rem; */
  left: 7rem; /* 5.5rem */
  right: 7rem; /* 5.5rem */
  bottom: 2.5rem; /* lascia spazio al testo sotto */
  background-color: var(--bs-primary);
  color: #fff !important;
  padding: 0.75rem;
  border-radius: 20px;
  transition: transform 0.35s ease;
 }
 
/* @media (max-width: 576px) {
  .overlay-title.overlay-outside.card-1 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    min-width: 70%;
  }
} */

@media (max-width: 576px) {
  .overlay-title.overlay-outside.card-1 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;

    min-width: 55%;          /* più stretto */
    padding: 0.5rem 0.75rem; /* meno spazio interno */
    text-align: center;
  }
}

.overlay-title.overlay-outside.card-2 {
  position: absolute;
  left: 7rem;     /* 5.5rem */
  right: 7rem;	  /* 5.5rem */
  bottom: 2.5rem; /* lascia spazio al testo sotto */
  background-color: var(--bs-primary);
  color: #fff !important;
  padding: 0.75rem;
  border-radius: 20px;
  transition: transform 0.35s ease;
}

/* @media (max-width: 576px) {
  .overlay-title.overlay-outside.card-2 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    min-width: 70%;
  }
} */

@media (max-width: 576px) {
  .overlay-title.overlay-outside.card-2 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;

    min-width: 55%;        /* più stretto */
    padding: 0.5rem 0.75rem; /* meno spazio interno */
    text-align: center;
  }
}

.overlay-title.overlay-outside.card-3 {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 2.5rem; /* lascia spazio al testo sotto */
  background-color: var(--bs-primary);
  color: #fff !important;
  padding: 0.75rem;
  border-radius: 20px;
  transition: transform 0.35s ease;
}	


/* @media (max-width: 576px) {
  .overlay-title.overlay-outside.card-3 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    min-width: 70%;
  }
} */

@media (max-width: 576px) {
  .overlay-title.overlay-outside.card-3 {
    left: 50%;
    transform: translateX(-50%);
    right: auto;

    min-width: 90%;        /* 55% più stretto */
    padding: 0.5rem 0.75rem; /* meno spazio interno */
    text-align: center;
  }
}



/* Testo principale */
.overlay-title.overlay-outside .overlay-main-text {
  margin: 0;
  color: #fff !important;
  display: flex;
  justify-content: center;  /* centro orizzontale */
  align-items: center;      /* centro verticale */
  text-align: center;
  font-size: 1.75rem !important;
  font-weight: 550 !important;
}

/* Testo "Vedi ?" esterno */
.overlay-see-more-outside {
  position: absolute;
  right: 2rem;
  bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  /* color: #fff !important; */
  color: #16395E !important;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
  /* Aggiunta per contrasto */
  background-color: rgba(255, 255, 255, 0.9); /* bianco quasi pieno */
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

/* Freccetta */
.overlay-see-more-outside .arrow {
  color: #16395E !important;
  display: inline-block;
  transition: transform 0.3s ease;
 /* Anche l’icona deve avere contrasto */
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0.1rem;
  border-radius: 3px;
}

/* Hover */
.it-grid-item-wrapper:hover .overlay-title.overlay-outside {
  transform: translateY(-10px);
}

.it-grid-item-wrapper:hover .overlay-see-more-outside {
  opacity: 1;
  transform: translateY(0);
}

.it-grid-item-wrapper:hover .overlay-see-more-outside .arrow {
  transform: translateX(4px);
}

@media (max-width: 576px) {
  .it-grid-item-wrapper:hover .overlay-title.overlay-outside {
    transform: translateX(-50%) translateY(-10px);
  }
}

/* FINE FUORI LO SFONDO */

.it-grid-item-wrapper a {
  display: block;
}

/* FINE OVERLAY SLIDE UP */
 
 
/********************************************
 * OVERRIDE BOOTSTRAP ITALIA — FORM VERDI
 ********************************************/
 
 
 /* spunta */
 
 .form-check [type=checkbox]:checked+label::after {
    border-color: rgb(0, 127.5, 85);
    background-color: rgb(0, 127.5, 85);
    z-index: 0;
}


/* pallino */

.form-check [type=radio]:checked+label::after {
    border-color: rgb(0, 127.5, 85);
    background-color: rgb(0, 127.5, 85);
    z-index: 0;
    transform: scale(0.64);
}


.form-check [type=radio]:checked+label::before {
    border-color: rgb(0, 127.5, 85);
}


/* bottone carica file */

 .upload[type=file]+label {
    max-width: 80%;
    font-size: 1.125rem;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 7px 24px;
    border-radius: 12px;
    color: #fff;
    background-color: rgb(0, 127.5, 85);
    transition: background-color .15s
}

.upload[type=file]+label:hover {
    background-color: rgb(0, 103.275, 68.85)
}

.upload[type=file]+label svg {
    fill: #fff;
    margin-right: 10px
}

/* Pulsante Elimina */
.btn-outline-danger {
  color: #fff !important;
  background-color: #008055 !important;
  border-color: #008055 !important;
  box-shadow: inset 0 0 0 2px #008055 !important;
}

/* Hover */
.btn-outline-danger:hover {
  color: #fff !important;
  background-color: #006b47 !important;
  border-color: #006b47 !important;
  box-shadow: inset 0 0 0 2px #008055 !important;
}

/* Focus */
.btn-outline-danger:focus,
.btn-outline-danger:focus-visible {
  color: #fff !important;
  background-color: #006b47 !important;
  border-color: #006b47 !important;
  box-shadow: inset 0 0 0 2px #008055 !important;
}

/* Click */
.btn-outline-danger:active,
.btn-outline-danger.active {
  color: #fff !important;
  background-color: #00583b !important;
  border-color: #00583b !important;
  box-shadow: inset 0 0 0 2px #008055 !important;
}


#klaro a,
#klaro a:link,
#klaro a:visited {
    color: #16395E !important;
    text-decoration: underline !important;
}

/* Stato normale: bianco */
#klaro .cm-link.cn-learn-more,
#klaro .cm-link.cn-learn-more:link,
#klaro .cm-link.cn-learn-more:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover: blu */
#klaro .cm-link.cn-learn-more:hover,
#klaro .cm-link.cn-learn-more:focus {
    color: #16395E !important;
    text-decoration: underline !important;
}


.webform-managed-file input.js-hide {
  display: none;
}



/********************************************
 * FINE OVERRIDE BOOTSTRAP ITALIA — FORM VERDI
 ********************************************/
 


/*---------------------------------*/
/* Header fascia centrale - Inizio */
/*---------------------------------*/

.it-header-center-wrapper {
    background: #16395E;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    fill: #fff;
    width: 120px;
    height: 56px;
    margin-right: 8px;
    flex-shrink: 0
}
@media(min-width: 992px) {
    .it-header-center-wrapper {
        height: 120px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .it-header-center-wrapper.it-small-header .it-header-center-content-wrapper .it-brand-wrapper a h2,
    .it-header-center-wrapper.it-small-header .it-header-center-content-wrapper .it-brand-wrapper a .h2 {
        font-size: 1.25rem
    }
    .it-header-center-wrapper .it-header-center-content-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper {
        padding-left: 0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        width: 440px;
        height: 80px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
        fill: #0F2A48;
        width: 24px;
        height: 24px;
        border-radius: 12px;
    }
}

/*---------------------------------*/
/* Header fascia centrale - Fine   */
/*---------------------------------*/


/*-----------------------------------------------*/
/* Header fascia navigazione principale - Inizio */
/*-----------------------------------------------*/

.navbar {
  background: #16395E;
}
.navbar .navbar-collapsable .menu-wrapper {
  background: #16395E;
  border-top: 1px solid #FFFFFF;
}
.navbar .navbar-collapsable .navbar-nav li a.nav-link {
  color: #FFFFFF;
  font-weight: 600;
}
.navbar .navbar-collapsable .navbar-nav li a.nav-link.active {
    border-left: 3px solid #FFFFFF;
}
.it-brand-text {
  padding-right: 24px;
  /* display: none; */
}
@media (min-width: 992px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 11px;
    font-size: 0.9rem;
    font-weight:600;
  }
  .it-header-navbar-wrapper {
    background: #16395E;
  }
  .it-header-navbar-wrapper .nav-item.megamenu>a.dropdown-toggle:before,
  .it-header-navbar-wrapper .nav-item.megamenu>button.dropdown-toggle:before {
    bottom: -14px
  }
  .it-header-navbar-wrapper nav a {
    text-decoration: none
  }
  .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper {
    background: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: space-between;
    align-items: flex-end
  }
  .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav {
    padding: 0
  }
  .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav.navbar-secondary {
    display: flex;
    justify-content: flex-end
  }
  .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav.navbar-secondary a {
    font-size: .875rem;
    line-height: 1.6
  }
}
@media (min-width: 1024px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 16px;
    font-size: 0.925rem;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 24px;
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 30px;
    font-size: 1.125rem;
  }
}
@media (min-width: 1600px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link {
    padding: 13px 30px;
    font-size: 1.125rem;
  }
  /* Quando la menu-wrapper contiene elementi clonati */
  .menu-wrapper:has(.cloned-element) .navbar-nav li.nav-item a.nav-link {
    padding: 13px 15px;
  }
}
@media(max-width: 992px) {
    .it-header-center-wrapper.theme-light+.it-header-navbar-wrapper .custom-navbar-toggler .icon {
        fill: #16395E;
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .menu-wrapper {
        background: #16395E;
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.dropdown .icon {
        fill: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu a.it-heading-link,
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu a.it-footer-link {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu a.it-heading-link svg,
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu a.it-footer-link svg {
        fill: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu .it-vertical.it-description p {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li.megamenu .dropdown-menu .it-vertical.it-description .description-content:before {
        background: hsl(210, 4%, 78%)
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li>button.nav-link {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li>button.nav-link svg {
        fill: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li>button.nav-link.active {
        border-left-color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li a.nav-link {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .navbar-collapsable .navbar-nav li a.nav-link.active {
        border-left-color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .close-div .close-menu {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu a.it-heading-link,
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu a.it-footer-link {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu a.it-heading-link svg,
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu a.it-footer-link svg {
        fill: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu .link-list-wrapper ul li a.list-item.active {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu .link-list-wrapper ul li a.list-item.active span {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu .link-list-wrapper ul li a svg {
        fill: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu .link-list-wrapper ul li a span {
        color: #fff
    }
    .it-header-navbar-wrapper.theme-dark-mobile .navbar .dropdown-menu .link-list-wrapper ul li a i {
        color: #fff
    }
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link:hover:not(.active) {
  text-decoration: none;
}
@media (min-width: 992px) {
  a.nav-link::before {
    display: inline-block;
    content: '';
    height: 0.125rem;
    background-color: #FFFFFF;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 450ms ease-in-out;
    position: absolute;
    bottom: 10px;
    left: 29px;
    width: calc(100% - 58px);
  }
  a.nav-link:hover::before, a.dropdown-item:hover::before {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
  a.nav-link.active.is-active::before {
    display: inline-block;
    content: '';
    height: 0.125rem;
    background-color: #FFFFFF;
    transform: scaleX(1);
    transform-origin: bottom right;
    position: absolute;
    bottom: 10px;
    left: 29px;
    width: calc(100% - 58px);
  }
}
a.nav-link:hover::before, a.dropdown-item:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media (min-width: 992px) {
  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.active, .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.active {
    border-bottom: 3px solid #16395E;
  }
}

/*-----------------------------------------------*/
/* Header fascia navigazione principale - Fine   */
/*-----------------------------------------------*/


/*----------------------*/
/* Breadcrumbs - Inizio */
/*----------------------*/

.it-breadcrumb__wrapper.px-4.mt-4.container-lg div.row div.col.px-lg-4 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/*----------------------*/
/* Breadcrumbs - Fine   */
/*----------------------*/


/*-------------------------------------------------------------------*/
/* Prima fascia home page - banner grafico con intestazione - Inizio */
/*-------------------------------------------------------------------*/

.region-home-first-row-full-width {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
#hero-banner-home-page {
  background-color: #FFFFFF;
}
#hero-banner-home-page .image-bg {
  display: flex;
  background-image: url("/themes/custom/italiagov/dist/assets/img/testata.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#hero-banner-home-page .image-bg .container-xxl {
  display: flex;
}
#hero-banner-home-page h1 {
  letter-spacing: unset;
  font-size: 4.25rem;
  font-weight: 700;
  line-height: 1.125;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 10rem;
}

/*-------------------------------------------------------------------------------------------*/
/* Prima fascia home page - banner grafico con intestazione - Fine                           */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Seconda fascia home page - descrizione sintetica FSE + link - Inizio                      */
/*-------------------------------------------------------------------------------------------*/

.region-home-second-row-full-width {
  margin-top: 3.9375rem;
  margin-bottom: 3.9375rem;
}
#fse-descrivi p {
  font-size: 1.7rem; /* 1.5rem; */
  font-weight: 600; /* 500; */
  line-height: 1.25; /* 1.2; */
 /*  padding-top: 50px;
  padding-right: 70px; */

}
#fse-descrivi a {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #16395E;
  position: relative;
  text-decoration: none;
}

/* #bordo-immagini-home */
.rounded {
    border-radius: 2rem !important
}



/*

#fse-descrivi a::before {
  display: inline-block;
  content: '';
  height: 0.125rem;
  background-color: #00965C;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 450ms ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#fse-descrivi a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left; */
}


/*-------------------------------------------------------------------------------------------*/
/* Seconda fascia home page - descrizione sintetica FSE + link - Fine                        */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Terza fascia home page / Quarta fascia pagine servizi - sei card punti focali - Inizio    */
/*-------------------------------------------------------------------------------------------*/


#bottone-login .btn-primary {
  background-color: #00965C;
  border-color: #00965C;
  padding: 1.0rem 0.25rem 0.5rem 0.25rem;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  /* display: flex; */
  /* width: 60%; */
  justify-content: center;
  border-radius: 15px;
   
}


.home-third-row-full-width__wrapper,
.after-content-full-width__wrapper {
  margin-top: 3rem;
}
.home-third-row-full-width__wrapper {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}

#it-block-italiagov-cardshomepage-2 {
  margin-bottom: 6rem;
}

#it-block-italiagov-cardshomepage .card:after,
#it-block-italiagov-cardshomepage-2 .card:after {
  margin-top: 12px;
}
#it-block-italiagov-cardshomepage .card .card-body,
#it-block-italiagov-cardshomepage-2 .card .card-body {
  background: #F1F2F2;
  border-radius: 2rem;
  padding: 1.0rem 0.25rem 0.5rem 0.25rem;
  position: relative;
}
#it-block-italiagov-cardshomepage .card .card-body a:hover,
#it-block-italiagov-cardshomepage-2 .card .card-body a:hover {
  opacity: 0.6;
}

#it-block-italiagov-cardshomepage .card .card-body .top-icon,
#it-block-italiagov-cardshomepage-2 .card .card-body .top-icon {
  height: 9rem;
}
#it-block-italiagov-cardshomepage .card .card-body .top-icon img,
#it-block-italiagov-cardshomepage-2 .card .card-body .top-icon img {
  height: 9rem;
  margin: auto;
  display: block;
}
#it-block-italiagov-cardshomepage .card .card-body .bottom-link,
#it-block-italiagov-cardshomepage-2 .card .card-body .bottom-link {
  position: relative;
  min-height: 3.5rem;
  margin-bottom: 1rem;
}
#it-block-italiagov-cardshomepage .card .card-body a,
#it-block-italiagov-cardshomepage-2 .card .card-body a {
  display: block;
  text-align: center;
}
#it-block-italiagov-cardshomepage .card .card-body h5.card-title,
#it-block-italiagov-cardshomepage .card .card-body .card-title.h5,
#it-block-italiagov-cardshomepage-2 .card .card-body h5.card-title,
#it-block-italiagov-cardshomepage-2 .card .card-body .card-title.h5 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #16395E;
  text-decoration: underline;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*-------------------------------------------------------------------------------------------*/
/* Terza fascia home page / Quarta fascia pagine servizi - sei card punti focali - Fine      */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Quarta fascia - solo home page - banner larghezza piena con foto MMG/PLS - Inizio         */
/*-------------------------------------------------------------------------------------------*/

.region-home-fourth-row-full-width {
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-left: 3rem;
  margin-right: 3rem;
  
}
#cambiare-mmg-home-page {
  background-color: #16395E;
  margin-bottom: 3rem; /* distanza perfetta sotto la sezione */
  border-radius: 2rem;
  padding: 1.0rem 0.25rem 0.5rem 0.25rem;
  position: relative;
  
  width: 100%;
}
#cambiare-mmg-home-page .image-bg {
  background-image: url("/themes/custom/italiagov/dist/assets/img/cambio_mmg_pls_2.jpg");
  background-color: #16395E; /* #cccccc; */
/*  height: 400px; */
  height: 200px;
/*  background-position: content-box;
  background-repeat: no-repeat;
  background-size: cover; */
  position: relative; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 95%;
  /* margin-bottom: 30px;
  
  padding-top: 56%; /* proporzione 16:9, modificabile */
}
#cambiare-mmg-home-page .half-width {
/*  height: 400px; */
  height: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
}
#cambiare-mmg-home-page .half-width .vertical-center {
  margin-top: auto;
  margin-bottom:auto;
}

#cambiare-mmg-home-page .half-width .vertical-center p {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
}
#cambiare-mmg-home-page .half-width .vertical-center a {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF; 
  position: relative;
  text-decoration: none;
}
#cambiare-mmg-home-page .half-width .vertical-center a::before {
  display: inline-block;
  content: '';
  height: 0.125rem;
  background-color: #FFFFFF;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 450ms ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#cambiare-mmg-home-page .half-width .vertical-center a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media(max-width: 1399px) {
  #cambiare-mmg-home-page .half-width p,
  #cambiare-mmg-home-page .half-width a {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
  }
}
@media(min-width: 1400px) {
  #cambiare-mmg-home-page .half-width {
    max-width: 624px;
    margin-right: 24px;
  }
}

/*-------------------------------------------------------------------------------------------*/
/* Quarta fascia - solo home page - banner larghezza piena con foto MMG/PLS - Fine           */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - solo home page - tre card "Vantaggi" - Inizio                    */
/*-------------------------------------------------------------------------------------------*/

#vantaggi-home-page {
  margin-top: 3.9375rem;
  margin-bottom: 2.4375rem;
}
#vantaggi-home-page h2 {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 3.9375rem;
}
#vantaggi-home-page .card .card-body {
  background: #F1F2F2;
  border-radius: 2rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#vantaggi-home-page .card:after {
    margin-top: 12px;
}
#vantaggi-home-page .card .card-body .top-title {
  height: 6rem;
}
#vantaggi-home-page .card .card-body .card-title.h5 {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
  color: #16395E;
  margin-bottom: 0;
  margin-left: 1.5rem;
  width: 100%;
}
#vantaggi-home-page .card .card-body .center-description {
  height: 4rem;
}
#vantaggi-home-page .card .card-body .center-description .card-text {
  font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  margin-left: 1.5rem;
}
#vantaggi-home-page .card .card-body .bottom-icon {
  height: 3rem;
  align-self: flex-end;
}
#vantaggi-home-page .card .card-body .bottom-icon img {
  height: 3rem;
  margin: auto;
  display: inline-block;
}

/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - solo home page - tre card "Vantaggi" - Fine                      */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - solo home page - link a potenzialità tuo FSE - Inizio            */
/*-------------------------------------------------------------------------------------------*/

#fse-sfrutta-home-page {
  background: #16395E;
}
#fse-sfrutta-home-page .row {
  justify-content: center;
}
#fse-sfrutta-home-page .link-container {
  margin-top: 3.15625rem;
  margin-bottom: 3.15625rem;
}
#fse-sfrutta-home-page a {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF; 
  position: relative;
  text-decoration: none;
}
#fse-sfrutta-home-page a::before {
  display: inline-block;
  content: '';
  height: 0.125rem;
  background-color: #FFFFFF;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 450ms ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#fse-sfrutta-home-page a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}


/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - solo home page - link a potenzialità tuo FSE - Fine              */
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - tutte le pagine - bottoni per l'accesso ai siti esterni - Inizio */
/*-------------------------------------------------------------------------------------------*/

#fse-siti-esterni {
  background: #0F2A48;
}
.btn-container {
  margin-top: 1.75rem;
  margin-bottom: 2.4375rem;
}
.btn-container .row {
  justify-content: center;
}
.btn {
  line-height: 46px;
  padding: 3px 25px;
  font-size: 1.125rem;
  font-weight: 300 !important;
  letter-spacing: 0.3px;
  margin-top: 0.6875rem;
  margin-bottom: 0;
/*  border-radius: 0.2; */
  border-radius: 15px;
}
.btn-expand {
  width: 100%;
  height: 52px;
}
.icon.icon-sm.icon-white.align-middle {
  margin-bottom: 0.35rem;
  margin-left: 0.5rem;
}

/*-------------------------------------------------------------------------------------------*/
/* Ultima fascia in fondo - tutte le pagine - bottoni per l'accesso ai siti esterni - Fine   */
/*-------------------------------------------------------------------------------------------*/

.testo-disponibile {
  padding-top: 1.75rem;
  padding-bottom: 2.5rem;
}
.testo-disponibile p {
  line-height: 1;
  margin-bottom: 0;
}
#app-store-sinistra {
  display: flex;
  justify-content: flex-end;
}
#app-store-destra {
  display: flex;
  justify-content: flex-start;
}
.app-store-icon {
  height: 2rem;
}


/*--------------------------*/
/* Footer generale - Inizio */
/*--------------------------*/

#footer {
  margin-top: auto !important;
  padding: 2.5rem 0;
  background-color: #16395E;
}
.it-footer-main {
  background-color: #16395E;
}
.it-footer-main section {
  padding: 0;
}
.it-separator-white-line {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 0.8px solid #FFFFFF;
}
.it-footer-small-prints {
  background-color: #16395E;
}
@media (max-width: 768px) {
  .it-footer-container {
    margin: 0 1rem 3rem;
  }
}

/*--------------------------*/
/* Footer generale - Fine   */
/*--------------------------*/


/*--------------------------------*/
/* Footer - Blocco loghi - Inizio */
/*--------------------------------*/

/* .it-footer-main .footer-loghi {
  justify-content: center; 
} */

.it-footer-main .footer-loghi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; 
}


.it-footer-main .footer-loghi img {
  height: 45px;
}

@media (max-width: 576px) {
  .it-footer-main .footer-loghi {
    justify-content: flex-start; /* sempre a sinistra */
    gap: 2rem; /* più aria tra i loghi */
  }
}

@media (max-width: 991px) {
  .it-footer-main .footer-loghi {
    flex-direction: row;       /* mantieni i loghi in riga, ma pronti ad andare a capo */
    flex-wrap: wrap;           /* permette il wrap naturale */
    align-items: flex-start;   /* allineati a sinistra */
    justify-content: flex-start;
    gap: 1.25rem;              /* spazio tra i loghi */
    margin-top: 1.5rem;        /* spazio sopra quando collassa */
  }
}

/*
@media (max-width: 576px) {
  .it-footer-main .footer-loghi {
    justify-content: left;
    gap: 2rem; /* più spazio 
  }
}
*/

/*--------------------------------*/
/* Footer - Blocco loghi - Fine   */
/*--------------------------------*/


/*--------------------------------------*/
/* Footer - Menu Dichiarazioni - Inizio */
/*--------------------------------------*/

.it-footer-small-prints ul.it-footer-small-prints-list {
  padding: 0 !important;
}
.it-footer .list-inline-item {
  margin-right: 0;
}
@media (min-width: 768px) {
  .list-inline-item:not(:last-child) {
    border-right: 2px solid #FFFFFF;
  }
}
.it-footer .list-inline-item a {
  text-transform: uppercase;
}
.it-footer .list-inline-item a:hover {
  text-decoration-color: #00965C;
  text-decoration-thickness: 2px;
}
.it-footer .list-inline-item a {
  line-height: 1.25;
  color: #FFFFFF; 
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.it-footer .list-inline-item a::before {
  display: inline-block;
  content: '';
  height: 0.125rem;
  background-color: #FFFFFF;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 450ms ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.it-footer .list-inline-item a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}


/*--------------------------------------*/
/* Footer - Menu Dichiarazioni - Fine   */
/*--------------------------------------*/


/*------------------------------------*/
/* Footer - Blocco Copyright - Inizio */
/*------------------------------------*/

.it-footer .region-footer-credits {
  display: flex;
  /* justify-content: center; */
}

@media (min-width: 992px) {
  .it-footer .region-footer-credits {
    display: flex;
    justify-content: flex-end;
 }
}

@media (max-width: 576px) {
  .it-footer .region-footer-credits {
    margin-top: 2rem;
    gap: 1rem;
  }
}

@media (max-width: 991px) {
  .it-footer .region-footer-credits {
    flex-direction: column;      /* va a capo */
    align-items: flex-start;     /* allineato a sinistra */
    gap: 0.75rem;                /* spazio interno */
    margin-top: 1.5rem;          /* spazio sopra SOLO quando collassa */
  }
}

.it-footer .footer-copyright {
  margin-bottom: 0;
  padding-top: 0 !important;
}
.it-footer .footer-copyright span {
  text-transform: uppercase;
  margin-right: 0.5rem;
}
.it-footer .footer-copyright img {
  height: 2.0rem;
  vertical-align: middle;
}

/*------------------------------------*/
/* Footer - Blocco Copyright - Fine   */
/*------------------------------------*/


/*------------------------------*/
/* Bottone Back to Top - Inizio */
/*------------------------------*/

.back-to-top {
  background: #3E6E94;
  border-color: #3E6E94;
}
.back-to-top:hover {
  background: #325978;
  border-color: #2F536F;
}
.bac.back-to-top .icon.icon-light {
  fill: #FFFFFF !important;
}

/*------------------------------*/
/* Bottone Back to Top - Fine   */
/*------------------------------*/


/*---------------------------------------*/
/* Menu laterale pagine interne - Inizio */
/*---------------------------------------*/

.sidebar-wrapper.it-line-left-side {
  border-top: 1px solid hsl(210, 4%, 78%);
  border-left: none;
  margin-top: 2.5rem;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li {
  border-bottom: 1px solid #16395E;
  font-weight: 600;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a {
  padding-left: 12px;
  color: #16395E;
  font-weight: 600;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a:hover {
  color: #16395E;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a:hover:not(.disabled) span {
  color: #16395E;
  text-decoration: none;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a span {
  color: #16395E;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active span {
  color: #16395E;
  text-decoration: none;
}
.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active::after {
  content: "";
  display: block;
  width: 3px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #16395E;
}
@media (min-width: 992px) {
  .sidebar-wrapper.it-line-left-side {
    border-top: none;
    border-left: 1px solid hsl(210, 4%, 78%);
    margin-top: 0;
  }
  .sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li {
    padding-left: 1.5rem;
    border-bottom: none;
  }
  .sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a {
    padding-right: 0;
  }
}

/*---------------------------------------*/
/* Menu laterale pagine interne - Fine   */
/*---------------------------------------*/


/*--------------------------------------*/
/* Accordion in pagine interne - Inizio */
/*--------------------------------------*/

.accordion {
  margin-top: 1.5rem;
  margin-bottom: 1.0rem;
}
h2.accordion-header > button > span {
  font-size: 1rem;
  font-weight: 700;
  color: #16395E;
}
@media (min-width: 992px) {
  h2.accordion-header > button > span {
    font-size: 1.25rem;
  }
}
.accordion-header .accordion-button:hover {
  text-decoration-color: #16395E;
}
.accordion-header .accordion-button:after {
  color: #16395E;
}
.accordion-item.btn.accordion-button:first-of-type {
  margin-top: 0;
}

/*--------------------------------------*/
/* Accordion in pagine interne - Fine   */
/*--------------------------------------*/

@media (min-width: 992px) {
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-slim-wrapper
 {
    display: flex;
  }
}


@media (max-width: 991px) {
  .it-header-wrapper.it-header-sticky.is-sticky .it-header-slim-wrapper
 {
    display: flex;
 }
}

.back-to-top {
  bottom: 80px;
  right: 22px;
}
@media (min-width: 1200px) {
  .back-to-top {
    bottom: 80px;
    right: 15px;
  }
}

/* Accordion in CK Editor */
.ckeditor-accordion-container > dl {
  border: none !important;
}
.ckeditor-accordion-container > dl > dt {
  border-top: 1px solid #16395E !important;
  border-left: 1px solid #16395E !important;
  border-right: 1px solid #16395E !important;
  border-bottom: none !important;
}
.ckeditor-accordion-container > dl > dt:last-of-type {
  border-bottom: 1px solid #16395E !important;
}
.ckeditor-accordion-container > dl > dt.active {
  border-top: 1px solid #0F2A48 !important;
  border-left: 1px solid #0F2A48 !important;
  border-right: 1px solid #0F2A48 !important;
  border-bottom: none !important;
}
.ckeditor-accordion-container > dl > dt.active:last-of-type {
  border-bottom: 1px solid #0F2A48 !important;
}
.ckeditor-accordion-container > dl > dd {
  padding: 15px !important;
  border-top: none !important;
  border-left: 1px solid #16395E !important;
  border-right: 1px solid #16395E !important;
  border-bottom: none !important;
}
.ckeditor-accordion-container > dl > dd:last-of-type {
  border-bottom: 1px solid #16395E !important;
}
.ckeditor-accordion-container > dl > dt > a {
  background-color: #FFFFFF !important;
  border-bottom: none !important;
  text-decoration-color: #16395E !important;
}
.ckeditor-accordion-container > dl > dt > a:hover {
  background-color: #3E6E94 !important;
  text-decoration-color: #FFFFFF !important;
}
.ckeditor-accordion-container > dl > dt.active > a {
  background-color: #0F2A48 !important;
  text-decoration-color: #FFFFFF !important;
}
.ckeditor-accordion-container > dl > dt.active > a:hover {
  text-decoration-color: #FFFFFF !important;
}
.ckeditor-accordion-container > dl > dt > a > h2 {
  color: #16395E !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-top: 0.25rem !important;
}
.ckeditor-accordion-container > dl > dt > a:hover > h2 {
  color: #FFFFFF !important;
}
.ckeditor-accordion-container > dl > dt.active > a > h2 {
  color: #FFFFFF !important;
}
.ckeditor-accordion-container > dl > dd > h3 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
}
.ckeditor-accordion-container > dl > dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl > dt > a > .ckeditor-accordion-toggle:after {
  background: #16395E;
}
.ckeditor-accordion-container > dl > dt.active > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl > dt.active > a > .ckeditor-accordion-toggle:after,
.ckeditor-accordion-container > dl > dt > a:hover > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl > dt > a:hover > .ckeditor-accordion-toggle:after {
  background: #FFFFFF;
}

.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3rem;
  content: " * ";
  color: #FF0000;
  vertical-align: top;
  background-image: none;
}
#edit-email-flexbox > div:nth-child(1) > div {
  margin-left: 0;
}
.form-group label.active {
  transform: translateY(-60%);
}
#edit-flexbox-01, #edit-flexbox-02 {
  padding-bottom: 1rem;
}

/* Quando la testata diventa sticky */
.it-header-wrapper.is-sticky .it-brand-wrapper img {
    /* Riduce l'altezza per adattarsi alla barra stretta */
    height: 32px !important; 
    /* Calcola la larghezza proporzionalmente (80:440 = 32:176) */
    width: auto !important;
    /* Opzionale: aggiunge una transizione fluida */
    transition: all 0.3s ease;
}

/* Assicuriamoci che il contenitore non tagli l'immagine */
.it-header-wrapper.is-sticky .it-brand-wrapper {
    display: flex;
    align-items: center;
    overflow: visible;
}

/* testo introduttivo home responsive */

@media (min-width: 992px) {
  .testo-introduttivo
 {
    margin-right:120px;
	margin-top:50px;
  }
}

@media (max-width: 576px) {
  .testo-introduttivo {
    margin-right:10px;
	margin-top:0px;
  }
}



html, body {
  height: 100%;
  overscroll-behavior-y: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

body {
  overflow-x: clip;
}

.visually-hidden,
.visually-hidden-focusable {
  position: absolute !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.layout-container {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

.layout-container main {
  flex: 1 0 auto;
}

/*
main {
  flex: 1;
}
*/

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

.it-header-wrapper,
.it-brand-wrapper,
.overlay-title,
.testo-introduttivo 
.footer-loghi,
.region-footer-credits {
  max-width: 100%;
  overflow-x: hidden;
}

/* link "aiuto per la ricerca" */

.search-help-link {
  color: #16395E !important;
  text-decoration: underline !important;
}

/* togli il puntino dalla lista dei risultati della ricerca */

.search-results {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* Link dei risultati di ricerca: stile uguale al resto del sito */

.search-results h3 a {
  color: #16395E !important;
  text-decoration: underline;
}

.search-results h3 a:hover {
  color: #16395E !important;
  text-decoration: underline;
}


/* spazio tra il bottone cerca e la riga dell'input di ricerca */

#edit-submit {
  margin-left: 1rem;
}

/* spazio sopra e sotto "ricerca avanzata" */

#edit-help-link {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}

summary[aria-controls="edit-advanced"] {
  margin-top: 10px;
  margin-bottom: 15px;
}