/* 
    font-family: "SoleSans", Arial, Helvetica, sans-serif;
    font-family: "sole_text", Georgia, Times, "Times New Roman", serif;
    font-family: "sole_headline", Georgia, Times, "Times New Roman", Serif;
    font-family: "sole_display", Georgia, Times, "Times New Roman", serif;

    font-family: "neue-haas-grotesk-display", sans-serif;

    Neue Haas Grotesk Display Pro 25 Thin
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 200;
    font-style: normal;

    Neue Haas Grotesk Display Pro 45 Light
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;

    Neue Haas Grotesk Display Pro 55 Roman
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 500;
    font-style: normal;

    Neue Haas Grotesk Display Pro 65 Medium
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 600;
    font-style: normal;

    Neue Haas Grotesk Display Pro 75 Bold
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;

    Neue Haas Grotesk Display Pro 95 Black
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 900;
    font-style: normal;
*/

.flex { display: flex; }
.flex-col { flex-direction: column; }

.flex-1{ flex: 1; }
.gap-12{ gap: 12px; }

.justify-center { justify-content:center; }
.justify-start { justify-content:flex-start; }
.justify-end { justify-content:flex-end; }
.justify-between { justify-content: space-between; }
.justify-evenly { justify-content: space-evenly; }

.items-center { align-items: center; }
.items-start { align-items: start; }
.items-end { align-items: end; }

.relative { position: relative; }
.absolute { position: absolute; top:0; left: 0; }
.w-auto{ width: auto; }

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

.w-full { width: 100%; }
.h-full { height: 100%; }
.w-1.\/2 { width: 50%; }
.w-1.\/3 { width: 33.33%; }
.w-1.\/4 { width: 25%; }

.w-1.\/12 { width: 8.33%; }
.w-2.\/12 { width: 16.66%; }
.w-3.\/12 { width: 24.99%; }
.w-4.\/12 { width: 33.32%; }
.w-5.\/12 { width: 41.65%; }
.w-6.\/12 { width: 49.98%; }
.w-7.\/12 { width: 58.31%; }
.w-8.\/12 { width: 66.64%; }
.w-9.\/12 { width: 74.97%; }
.w-10.\/12 { width: 83.3%; }
.w-11.\/12 { width: 91.63%; }

.w-2_3 { width: 66.66%; }
.w-1_2 { width: 50%; }
.w-1_3 { width: 33.33%; }
.w-1_4 { width: 25%; }
.w-1_12 { width: 8.33%; }
.w-2_12 { width: 16.66%; }
.w-3_12 { width: 24.99%; }
.w-4_12 { width: 33.32%; }
.w-5_12 { width: 41.65%; }
.w-6_12 { width: 49.98%; }
.w-7_12 { width: 58.31%; }
.w-8_12 { width: 66.64%; }
.w-9_12 { width: 74.97%; }
.w-10_12 { width: 83.3%; }
.w-11_12 { width: 91.63%; }

.mt-4{ margin-top: 4px; }
.mt-8{ margin-top: 8px; }
.mt-16{ margin-top: 16px; }
.mt-32{ margin-top: 32px; }
.mt-56{ margin-top: 56px; }
.mt-64{ margin-top: 64px; }
.mt-128{ margin-top: 128px; }

.mb-8{ margin-bottom: 8px; }
.mb-12{ margin-bottom: 12px; }
.mb-16{ margin-bottom: 16px; }
.mb-32{ margin-bottom: 32px; }
.mb-64{ margin-bottom: 64px; }
.mb-128{ margin-bottom: 128px; }

.my-8{ margin-top: 8px; margin-bottom: 8px; }
.my-16{ margin-top: 16px; margin-bottom: 16px; }
.my-32{ margin-top: 32px; margin-bottom: 32px; }

.ml-4{ margin-left: 4px; }
.ml-8{ margin-left: 8px; }
.ml-16{ margin-left: 16px; }
.ml-32{ margin-left: 32px; }
.ml-52{ margin-left: 52px; }

.mx-32{ margin-left: 32px; margin-right: 32px; }

.mr-8 { margin-right: 8px; }
.mr-10 { margin-right: 10px; }

.px-32{ padding-left: 32px; padding-right: 32px; }
.px-16{ padding-left: 16px; padding-right: 16px; }

.pl-16{ padding-left: 16px; }
.pl-36{ padding-left: 36px; }

.pr-40{ padding-right: 40px; }
.pr-10{ padding-right: 10px!important; }

.pb-32{ padding-bottom: 32px; }

.max-w-1020{ max-width: 1020px; }
.w-1020{ width: 1020px; }

.uppercase{ text-transform: uppercase; }
.normalcase{ text-transform: none; }
.elisione{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.sfondo-colore{ background-color: var(--colore); }
.sfondo-bianco{ background-color: white; }
.testo-colore{ color: var(--colore); }
.testo-bianco { color:white }
.testo-nero { color: black }
.testo-grigio { color:#999999 }

.testo-centrato{ text-align: center; }
.testo-destra{ text-align: right; }
.testo-sinistra{ text-align: left; }
.testo-bold { font-weight: 700; }
.testo-medium { font-weight: 500; }
.testo-regular { font-weight: 300; }

.sfondo-bianco{ background-color: white!important;}

.testo-8{ font-size: 8px; }
.testo-12{ font-size: 12px; }
.testo-14{ font-size: 14px; }
.testo-16{ font-size: 16px; }
.testo-20{ font-size: 20px; }
.testo-24{ font-size: 24px; }
.testo-30{ font-size: 30px; }

.lh-14{ line-height: 14px; }
.lh-16{ line-height: 16px; }
.lh-24{ line-height: 24px; }
.lh-40{ line-height: 40px; }

.colore-legenda{ color:#999999; }

.opacity-1{
	opacity: 1!important;
}