/*
File: Custom Css File
*/

:root {
  --vz-vertical-menu-width:250px;
  --vz-vertical-menu-width-md:180px;
  --vz-vertical-menu-width-sm:180px;
  --vz-vertical-menu-sub-item-hover-color:var(--vz-bianco);
  --vz-secondary: #00a19a;
  --vz-secondary-text-emphasis: #005a9a;
  --vz-success: #00a19a;
  --vz-success-text-emphasis: #005a9a;
  --vz-heading-color: #005a9a;
  --vz-header-item-color: #f6f8fa;
  --vz-header-item-sub-color: #f6f8fa;
  --vz-header-item-bg: rgba(135, 138, 153, 0.12);
  --vz-border-color: rgba(0, 0, 0, 0.2);
  --vz-vertical-menu-width: 200px;
  --vz-text-color: #212529;
  --vz-bianco: #f6f8fa;
  --vz-azzurrino: #daeaff;
  --vz-verde: #00a19a;
  --vz-blu: #005a9a;
  --vz-blu-corporate: #0c265d;
  --vz-rosso: #e30613;
  --vz-arancio: #ff9900;
  --vz-grigio-chiaro:#e9ebec;
  --vz-link-hover-color: var(--vz-blu-corporate);
}

body {font-size: 18px; line-height: 1.6em; font-family: "Lato", sans-serif; font-weight: 400; color: var(--vz-text-color);}

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {font-family: "Lato", sans-serif; color: var(--vz-heading-color);}

h1, .h1 {font-size: 38px}
h2, .h2 {font-size: 28px}
h3, .h3 {font-size: 22px}
h4, .h4 {font-size: 20px}

@media (max-width: 767.98px) {
  h2, .h2 {font-size: 22px;}
  h4, .h4 {font-size: 18px;}
}

a {color: var(--vz-verde);}
a:hover {color: var(--vz-link-hover-color);}

hr {color: var(--vz-verde); opacity: 1;}

.container-fluid {--vz-gutter-x: 6rem; margin-top: 4.6rem;}

.footer {padding: 0; background-color:var(--vz-bianco);}
.footer .container-fluid {padding: 20px; margin-top: 0; color: #fff; background-color:var(--vz-verde);}

.footer .container-fluid p a {color: var(--vz-bianco) !important;}
.footer .container-fluid p a:hover {color: var(--vz-blu-corporate) !important;}

#scrollbar .container-fluid {margin-top: 0;}

.logo {line-height: 50px;}
.logo-reti {line-height: 70px; display: inline-block !important;}

.fs-28 {font-size: 28px !important;}

.hamburger-icon.open {transform: none;}
.hamburger-icon.open span:nth-child(1) {left: 1px; right: 1px; top: 5px; width: 20px; transform: none; transition-delay: .1s;}
.hamburger-icon.open span:nth-child(2) {left: 1px; right: 1px; top: 13px; width: 20px; transform: none; transition-delay: .1s;}
.hamburger-icon.open span:nth-child(3) {left: 1px; right: 1px; top: 21px; bottom:0; width: 20px; transform: none; transition-delay: .1s;}

.hamburger-icon span {background-color: var(--vz-verde);}
.hamburger-icon span:nth-child(1) {width: 100%;}
.hamburger-icon span:nth-child(3) {width: 80%;}

.page-content {padding: 70px 0px 100px 0px;}

.navbar-menu .navbar-nav .nav-link {color: var(--vz-blu-corporate); padding: 1.5rem 0.6rem; font-size: 0.9375rem; line-height: 1.2rem; font-family: "Montserrat", sans-serif; font-weight: 700;}
.navbar-menu .navbar-nav .nav-link:hover {color: var(--vz-bianco); background-color: var(--vz-verde);}
.navbar-menu .navbar-nav .nav-link.attivo {color: var(--vz-bianco); background-color: var(--vz-verde);}
.navbar-menu .navbar-nav .nav-link.attivo:hover {color: var(--vz-blu-corporate);}
.navbar-menu .navbar-nav .nav-link.attivo .icon-dual {color: var(--vz-bianco);}
.navbar-menu .navbar-nav .nav-link:hover .icon-dual {color:var(--vz-bianco);}
.navbar-menu .navbar-nav .nav-link.attivo .icon-dual {color:var(--vz-bianco);}
.navbar-menu .navbar-nav .nav-link.attivo:hover .icon-dual {color:var(--vz-blu-corporate);}

#menuCorsiTecnici .nav-sm {width: 100% !important;}
#menuCorsiTecnici .nav-item {width: 100% !important;}
#menuCorsiTecnici .nav-link {color:var(--vz-blu-corporate); width: 100% !important; text-align: right !important; display: block !important; font-weight: 400;}
#menuCorsiTecnici .nav-link:hover {color:var(--vz-bianco);}
#menuCorsiTecnici .nav-link.attivo {color:var(--vz-bianco);}


/*.navbar-menu .navbar-nav .nav-sm .nav-link.attivo {color: var(--vz-bianco); background-color: var(--vz-verde); padding: 1.5rem 0 !important; font-family: "Montserrat", sans-serif; font-weight: 700;}*/
.navbar-menu .navbar-nav .nav-sm .nav-link.attivo {color: var(--vz-bianco); background-color: var(--vz-verde); font-family: "Montserrat", sans-serif; font-weight: 700;}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {color: var(--vz-vertical-menu-sub-item-hover-color);}
.navbar-menu .navbar-nav .nav-sm .nav-link:before {width: 0;}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]{color:var(--vz-verde)}
.navbar-menu .navbar-nav .nav-link:hover[data-bs-toggle=collapse][aria-expanded=true]{color:var(--vz-bianco)}

/*.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {display: none;}*/

.navbar-menu .navbar-nav .nav-link i {min-width: 1.75rem; font-size: 26px;}
.navbar-menu .navbar-nav .nav-link svg {width: 26px; margin: 0 0 .5em 0;color:var(--vz-blu-corporate);}

.icon-dual {color: var(--vz-bianco); fill: transparent;}

.nav-link { border-bottom: 1px solid rgba(0, 0, 0, .1); transition: color 0s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;}
.navbar-menu .navbar-nav .nav-sm {padding-left: 0;}

.navbar-menu .navbar-nav .account-user .nav-link:hover {color: var(--vz-blu-corporate); background-color: transparent;}
.navbar-menu .navbar-nav .account-gestori .nav-link:hover {color: var(--vz-blu-corporate); background-color: var(--vz-bianco);}
.navbar-menu .navbar-nav .account-dipendenti .nav-link:hover {color: var(--vz-blu-corporate); background-color: var(--vz-bianco);}


/*.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]*/

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span{display:block;}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-content-wrapper,
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-mask{overflow: hidden;}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link{position:relative; width:100%; background:var(--vz-verde);}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover>a.menu-link span {display:inline-block; padding-left: 0;}
[data-layout=vertical][data-sidebar-size=sm] .logo span.logo-lg{display: block;}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu{padding-top:80px;}

.account-gestori, .account-dipendenti {border-bottom: 2px solid var(--vz-blu-corporate);}
.account-gestori-icon, .account-dipendenti-icon {margin-top: -3px;}
.btn-danger.slogga {padding: 2px 4px; line-height: 1;}
.btn-danger.slogga:hover {background-color: var(--vz-rosso); font-weight: 700;}

.user-name-text {color:var(--vz-bianco);}
.user-name-sub-text {color:var(--vz-bianco);}

.bg-overlay {background-color:#1a1d21;}
.bg-auth-signin {background-color:#292e32;}

.menu-title {margin-bottom: 18px; cursor: pointer;}
.menu-title span {padding: 0; font-size: 1.25rem;}

.home-evidenza, .dipendenti-evidenza, .gestori-evidenza, .contatti-evidenza, .faq-evidenza {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  width: 100%;
}
.home-evidenza {background-image: url('../immagini/home-evidenza.webp');}
.dipendenti-evidenza {background-image: url('../immagini/dipendenti-evidenza.webp');}
.gestori-evidenza {background-image: url('../immagini/gestori-evidenza.webp');}
.contatti-evidenza {background-image: url('../immagini/home-evidenza.webp');}
.faq-evidenza {background-image: url('../immagini/home-evidenza.webp');}

.hero-box {padding-top: 85px;}
.hero-title {margin-bottom: 286px; font-size: 90px; font-weight: 900; color: var(--vz-bianco); text-shadow: 0px 1px 12px rgba(0,0,0,1);}
.hero-subtitle {margin-bottom: 80px; font-size: 34px; font-weight: 600; line-height: 1.3em; color: var(--vz-bianco); text-shadow: 0px 1px 8px rgba(0,0,0,1);}

.navbar-brand-box { padding: 12px 0 0 0;}

.social p {margin-bottom: 0; margin-right: 12px;}
.social a {color: var(--vz-bianco);}
.social a:hover {color: var(--vz-blu-corporate);}
.social i {margin: 0 6px; font-size: 26px;}

.box-card {width: 100%;}

.box-corsi {border-bottom: 1px solid var(--vz-border-color); border-left: 1px solid var(--vz-border-color); border-right: 1px solid var(--vz-border-color);}

.box-corsi-item {margin-bottom: 0; padding: 0.5rem 1rem;}

.box-corsi-item:last-child {border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;}

.bg-card-header {background-color: var(--vz-azzurrino);}
.btn-uppercase:hover {text-transform: uppercase;}

/*.card.gestori, .card.dipendenti {min-width: 170px; max-width: 400px;}*/
.card .img-fit {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.modulo {position: relative; aspect-ratio: 1 / 1; overflow: hidden;}
.modulo-link {height: 100%;}
.card-titolo {position: absolute;  top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.card-titolo h3 { color: var(--vz-bianco);}
.tendina {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease;}
.modulo-link:hover .tendina {opacity: 0.3;}
.modulo-link img.disabilitato {filter: grayscale(100%);}

.list-group-fill-download.list-group-item {color: var(--vz-bianco); background-color:var(--vz-blu)!important; border-color:var(--vz-blu);}
.list-group-item-action-download:hover {color: var(--vz-verde); background-color:var(--vz-bianco)!important;}
.list-group-item-action-download i {margin-right: 6px;}

.box-video {border: 1px solid var(--vz-blu);}
.box-video-academy .ratio {width: 99%;}

#v-1,#v-2,#v-3,#v-4,#v-5,#v-6 {margin-bottom: 0; scroll-margin-top: 50px;}

.pillole {margin-bottom: 4px;}

.bt-1 {border-top: 1px solid rgba(0, 0, 0, 0.2) !important; }

.accordion-button:not(.collapsed) { font-size: 1.2rem; font-weight: 700; color: var(--vz-bianco); background-color: var(--vz-verde); text-transform: uppercase;}
.accordion-button:not(.collapsed).gest { font-size: 1.2rem; font-weight: 700; color: var(--vz-bianco); background-color: #25a0e2; text-transform: uppercase;}
.accordion-button.collapsed { font-size: 1.2rem; font-weight: 700; color: var(--vz-blu-corporate); background-color: var(--vz-bianco); text-transform: uppercase;}

.accordion-body-corsi {padding: 0;}

.section {padding: 0 0 90px 0;}

.project-info-box {border-bottom: 1px solid var(--vz-verde); display: flex;}
.project-info-box div {flex-grow: 1 !important;}
.project-info-box a, .box-corsi-item a {color: var(--vz-text-color);}
.project-info-box a:hover, .box-corsi-item a:hover {color: var(--vz-verde);}
.project-info-box h4 {width: 140px; margin-right: 24px; flex-shrink: 0 !important;}

.project-info i {margin-right: 6px;}

.project-info-video i {margin-right: 6px; color: var(--vz-rosso);}
.project-info-zip i {margin-right: 6px; color: var(--vz-arancio);}
.project-info-xlsx i {margin-right: 6px; color: #00b60f;}
.project-info-docx i {margin-right: 6px; color: var(--vz-blu);}

.project-info-box a:hover.project-info-video i {color: var(--vz-verde);}
.project-info-box a:hover.project-info-zip i {color: var(--vz-verde);}
.box-corsi-item a:hover.project-info-zip i {color: var(--vz-verde);}

.accordion-body-corsi a .acc-corsi-item {color: var(--vz-text-color);}
.accordion-body-corsi a:hover .acc-corsi-item {color: var(--vz-verde); background-color: var(--vz-header-item-bg);}

.acc-corsi-item {margin-bottom: 0; padding: 0.5rem 1rem;}
.acc-corsi-item a {color: var(--vz-text-color);}
.acc-corsi-item a:hover {color: var(--vz-verde);}

.rientro {margin-left: 2rem;}
.ck-warning {padding:1rem 2rem; background-color: #fff2de; border: 1px solid var(--vz-arancio); border-radius: 0.5rem;}
.ck-success {padding:1rem 2rem; background-color: #eeffe4; border: 1px solid var(--vz-verde); border-radius: 0.5rem;}



@media (max-width: 1023.98px) {
  .logo span.logo-lg {display: block;}
  .logo span.logo-sm {display: none;}
  .menu-title span {padding: 10px 0 0 0;}
}

@media (min-width: 767.98px) {
  #page-topbar {display:none;}
  .page-content {padding: 0px 0px 120px 0px;}
  .logo-reti .logo-sm {display: none;}
  .card.gestori, .card.dipendenti {min-width: 250px;}
}

@media (max-width: 767.98px) {
  .container-fluid {--vz-gutter-x: 2rem; margin-top: 3rem;}
  .navbar-menu .navbar-nav .nav-link {line-height: 1rem;}
  .logo-reti .logo-sm {display: none;}
  .logo span.logo-lg {display: none;}
  .logo span.logo-sm {display: none;}
  .box-card {width: 100%;}
  .navbar-menu {top: 70px;}
  .navbar-brand-box {display: none;}
  [data-layout=vertical] .app-menu {padding:0 0 20px 0;}
  .card.gestori, .card.dipendenti {width: 100%;}
  .home-evidenza, .dipendenti-evidenza, .gestori-evidenza, .contatti-evidenza, .faq-evidenza {height: 250px !important;}
  .gestori-evidenza {background-position: calc(50% - 30px) center;}
  .hero-title {margin-bottom: 58px;}
  .hero-subtitle {font-size: 20px;}
  h1,.h1 {font-size: 34px;}
  #v-1,#v-2,#v-3,#v-4,#v-5,#v-6 {margin-bottom: 1rem; scroll-margin-top: 70px;}
  .project-info-box {display: block;}
  .project-info-box div {flex-grow: 0 !important;}
  .project-info-box h4 {width: 100%; margin-right: 0;}
  .social i {margin: 0 12px 6px; font-size: 36px;}
}

/* =====================================================
   ACCORDION LIVELLI EXCEL
   layout uniforme Base / Intermedio / Avanzato
===================================================== */

/* ogni livello è una "card" separata */
.accordion-livelli-excel > .accordion-item {
    margin-bottom: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden;
}

/* Bootstrap rimuove il bordo-top dal secondo item in poi:
   lo ripristiniamo per avere box completi */
.accordion-livelli-excel > .accordion-item:not(:first-of-type) {
    border-top: 1px solid #dee2e6;
}

/* header del livello */
.accordion-livelli-excel .accordion-button {
    font-weight: 600;
    text-transform: uppercase;
}

/* evita l’effetto “lista incollata” */
.accordion-livelli-excel > .accordion-item + .accordion-item {
    margin-top: 0;
}
/* ===============================
   ACCORDION INTERNI (LEZIONI)
   restano standard Bootstrap
=============================== */

.accordion-livelli-excel .accordion-body {
    background-color: transparent;
    padding: 0;
}