:root {
/*------------------------------------*\
        +Palette
\*------------------------------------*/

  --color-isoexp-powder-blue: #B0D2D4;
  --color-isoexp-midnight-blue: #031D24;
  --color-isoexp-lake-blue: #47A6D4;

  --color-isoexp-cream-dust: #FBF7CF;
  --color-isoexp-aqua-green:#65E0C1;

/*------------------------------------*\
			+Colori Main Progetto
\*------------------------------------*/

  --color-primary-300: var(--color-isoexp-lake-blue);
  --color-primary: var(--color-isoexp-powder-blue);

  --color-secondary: var(--color-isoexp-midnight-blue);
  
  --color-accent-100: var(--color-isoexp-cream-dust);
  --color-accent: var(--color-isoexp-aqua-green);
/* Colori */
  --title-color: var(--color-secondary);
  --p-color: var(--color-secondary);

  --txt-select-color: var(--color-black);
  --txt-select-bg: var(--color-primary);

  /* Colori Isdark */
  --isdark-color-medium: var(--color-primary);
  --isdark-title-color: var(--isdark-color-medium);
  --isdark-a-color: var(--isdark-color-medium);
  --a-txtdec: 1px underline transparent;
  --isdark-a-hov-color: var(--color-accent-100);
  --isdark-a-hov-txtdec: 1px underline var(--isdark-a-hov-color);

  /* btn isdark */
  --isdark-btn-bg: var(--color-primary);
  --isdark-btn-border-color: var(--isdark-btn-bg);
  --isdark-btn-color: var(--color-secondary);
  --isdark-btn-hov-bg: var(--color-accent);
  --isdark-btn-hov-border-color: var(--isdark-btn-hov-bg);
  --isdark-btn-hov-color: var(--isdark-btn-color);
}

/*------------------------------------*\
	CSS Aggiuntivi
\*------------------------------------*/
/* background and colors */
.bg-giallo {
    background-color: var(--color-isoexp-giallo-outdoor);
}
.bg-arancione {
  background-color: var(--color-isoexp-arancione-volunteering);
}
.bg-azurro {
  background-color: var(--color-isoexp-azurro-slow-working);   
}

/* utilities */
.radius-default {
  border-radius: 1.875em;
}
.mt-neg {
    margin-top: -4rem;
    padding-top: 4rem;
}
/* button */
.button.secondary {
  --btn-color: var(--color-primary);
}
.button.secondary:hover {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: var(--color-secondary) !important;
}

 /* menu-interno-pagina menu-h */
.menu-h li a {
  --menu-hv-fw: 500;
}
  .menu-h li a._current {
    --menu-hv-fw: 600;
  }

/* hero home */
._hero-home {
    --isdark-title-color: var(--color-white);
    --isdark-subtitle-color: var(--color-white);
}
/* animation home progress circle */
._number-progressbar {
  color: var(--color-secondary);
}
._is-on[role="progressbar"] {
  --primary: var(--color-primary);
  border: 2px solid var(--color-primary);
}
._is-on[role="progressbar"]::before {
  -webkit-mask: radial-gradient(#0000 65%, #000 0);
}
[role="progressbar"]::after {
  background-color: var(--color-primary);
}

/* _card-navigator */
._card-navigator {
    --card-bg: var(--color-secondary);
    --card-border: 2px solid var(--card-bg);
    --isdark-title-color: var(--color-primary);
    --a-txtdec: 1px underline transparent;
}
._card.hover\:isdark:hover {
    background-color: var(--color-white) !important;
    --card-border: 2px solid var(--color-white);
    --isdark-title-color: var(--color-secondary);
}
/* _card-static-img-bg */
._card-static-img-bg {
    --layer-filter-bg: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
}
._card-static-img-bg._green {
  border: 8px solid var(--color-isoexp-aqua-green);
  --isdark-title-color: var(--color-isoexp-aqua-green);
}
._card-static-img-bg._cream {
  border: 8px solid var(--color-isoexp-cream-dust);
  --isdark-title-color: var(--color-isoexp-cream-dust);
}
._card-static-img-bg._blue {
  border: 8px solid var(--color-isoexp-lake-blue);
  --isdark-title-color: var(--color-isoexp-lake-blue);
}

/* footer */
footer ._main-section {
  background-color: var(--color-secondary);
  --isdark-a-color: var(--color-accent);
}

._menu-offc-mob ._menu-btn {
  margin: 1em auto;
  max-width: 15rem;
  text-align: center;
}