#menu-header {
    background-color: #ffffff;
}

#img-header {
    background-image: url('../images/tvup/bg-book.jpg');
    height: 400px;
}

#search-header {
    height: 450px;
    background-color: #7098a9;
}

.font-body {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-size: 1rem;
    color: #000000;
}

.font-title {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-size: 1.3rem;
    font-weight: 500;
    color: #214c58;
}

nav.navbar-light a.nav-link {
    color: #214c58;
}

/*body {
    background-color: #F7F9EF;
}*/
.social-icon {
    width: 40px;
    height: 40px;
}

.social-icon-head {
    width: 40px;
    height: 40px;
}

.sheet-content {
    margin-top: -500px;
}

.navbar-brand > img {
    max-height: 100%;
    max-width: 100%;
}

.btn-menu-small {
    font-size: 13px;
}

.breadcrumb-item a {
    color: white;
}

.sheet-content .row a {
    color: black;
}

.open-access {
    color: #f68212;
}

.btn-open-access {
    background-color: #f68212 !important;
    border-color: #f68212 !important;
}

.area-didattica:hover {
    background-color: #669933;
    color: #ffffff !important;
}

.area-didattica #mainNavPages:hover, .navbar-light .navbar-nav .area-didattica:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #ffffff !important;
}

.area-ricerca:hover {
    background-color: #006666 !important;
    color: #ffffff !important;
}

.area-ricerca #mainNavPages:hover, .navbar-light .navbar-nav .area-ricerca:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #ffffff !important;
}

.area-divulgazione:hover {
    background-color: #cc6600;
    color: #ffffff !important;
}

.area-divulgazione #mainNavPages:hover, .navbar-light .navbar-nav .area-divulgazione:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #ffffff !important;
}

.terza-missione:hover {
    background-color: #999900;
    color: #ffffff !important;
}

.terza-missione #mainNavPages:hover, .navbar-light .navbar-nav .terza-missione:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #ffffff !important;
}

.area-comune:hover {
    background-color: #000000;
    color: #ffffff !important;
}

.area-comune #mainNavPages:hover, .navbar-light .navbar-nav .area-comune:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: #ffffff !important;
}

/*.nav-link.active, .important-label {
    text-decoration: underline;
    text-decoration-color: #000000;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    font-weight: bold;
    color: #395D67;
}*/

.h-6em {
    height: 6em;
}

#sheet_form a, .eum_link {
    color: #214c58;
}

    #sheet_form a:hover, .eum_link:hover {
        color: #214c58;
        text-decoration: underline;
    }

.detail-tab {
    border: 1px #214c58;
}

.text-green-eum {
    color: #214c58 !important;
}

.active-section-nav, .active-section-nav a {
    color: white !important;
    background-color: #214c58 !important;
}

.bg-supporto-1 {
    background-color: #e2f2fc;
}

.bg-supporto-2 {
    background-color: #cee5f5;
}

.bg-supporto-3 {
    background-color: #c7dff0;
}

#nav-principale, #footer {
    font-size: 0.9169rem;
    color: #000000 !important;
}

.dropdown-link {
    color: #000000 !important;
}

    .dropdown-link:hover {
        color: #333333 !important;
        text-decoration: underline !important;
    }

#footer a:hover {
    color: #333333 !important;
    text-decoration: underline !important;
}

nav.navbar-light a.nav-link:not(.active):not(:hover) {
    color: #000000 !important;
}

.font-black {
    color: #000000 !important;
}

    .font-black a:hover {
        color: #333333 !important;
    }

.font-autore {
    font-size: 0.8331rem !important;
}

.menu-contenuto-sx {
    font-size: 0.9169rem !important;
}

.form-check-input:checked {
    background-color: #214c58 !important;
}

#nav-principale li a {
    font-weight: 500;
}

.link-footer a {
    font-weight: 500;
}

.navbar-nav .nav-link.dropdown-toggle:not(.nav-link-caret-hide)::before {
    border: 0;
    content: "\f1c4 ";
    font-family: Flaticon;
    font-size: 18px;
    height: 18px;
    line-height: 1em;
    /*    margin-top: -6px;*/
    margin-right: 2px;
    margin-bottom: 2px;
    font-weight: 600;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 12px;
}

/* Gestione barra avanzamento carrello-pagamento */
.progress.multi-step {
    display: flex; /* Utilizziamo flexbox per allineare i segmenti */
}

.progress-bar.step {
    background-color: #e9ecef; /* Colore di base per le fasi non correnti */
    color: #495057; /* Colore del testo */
    text-align: center; /* Allineamento del testo al centro */
    line-height: 30px; /* Altezza della linea per centrare verticalmente il testo */
    border-right: 1px solid white; /* Aggiungiamo un bordo per separare i segmenti */
}

    .progress-bar.step.step-completed {
        background-color: #000000; /* Colore per le fasi completate */
        color: #ffffff;
    }

    .progress-bar.step.step-current {
        background-color: #000000; /* Colore per la fase corrente (colore principale di Bootstrap) */
        color: white; /* Testo bianco per contrasto */
        font-weight: bold;
    }

    .progress-bar.step:last-child {
        border-right: none; /* Rimuoviamo il bordo dall'ultimo segmento */
    }

.font-isbn {
    font-size: 0.9em;
}

.green-tv {
    color: #007d34;
}

.bg-green-tv {
    background-color: #007d34;
}

.svg-drawlines {
    stroke: #007d34 !important;
    stroke-width: 4;
    stroke-dasharray: 960px;
    stroke-dashoffset: 960px;
}

.active.bg-primary-active {
    background-color: #33a065 !important;
}

.link-normal:hover {
    color: #003714;
}

.footer-tv {
    background-color: #ebfff4 !important;
}

.header-tv {
    background-color: #214c58 !important;
}

nav.navbar-light a.nav-link:not(.active):not(:hover) {
    color: white !important;
}

.navbar-light .navbar-nav .nav-item:hover > .nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded="true"] {
    color: white !important;
    text-decoration: underline !important;
}

.text-white > .dropdown-item > a {
    color: white !important;
}
/*Togli poi*/
.bg-grey-educademi {
    background-color: #e7e6e6;
}

.prezzo-educademi {
    color: #007d34;
}
/*Togli poi*/

.text-green-tvup {
    color: #33a065 !important;
}
.bg-green-tvup, .bg-green-tvup li a {
    background-color: #33a065 !important;
    color: white !important;
}

:root {
    --bs-link-color: #33a065 !important;
}

.voce-menu-a-capo {
    width: 180px; /* Scegli la larghezza che ti serve */
    display: block; /* Rende il link un elemento a blocco per applicare la larghezza */
    white-space: normal; /* Permette al testo di andare a capo */
    word-wrap: break-word; /* Forza il wrapping di parole lunghe */
    overflow-wrap: break-word; /* Versione moderna di word-wrap */
}

.bg-primary {
    background-color: #214c58 !important;
}

.sfondo-pag-contenuto {
    background-image: url('../images/tvup/sfondo_pattern.jpg') !important;
}



.carousel-caption {
    left: 0 !important; /* Rimuove lo spazio a sinistra */
    right: 0 !important; /* Rimuove lo spazio a destra */
    width: 100% !important; /* Forza la larghezza al 100% */
    padding-left: 0 !important; /* Rimuove il padding sinistro predefinito */
    padding-right: 0 !important; /* Rimuove il padding destro predefinito */
    bottom: 0 !important;
}

/* Opzionale: aggiungi padding interno se vuoi che il testo non sia attaccato ai bordi dello slider */
.carousel-caption .header-tv {
    padding-left: 1rem; /* Esempio di padding interno per il contenuto */
    padding-right: 1rem;
}

.text-golden-yellow {
    color: #FFC000 !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1) 100%) !important;
}

.bg-darkgrey {
    background-color: #C0C0C0 !important;
}

.contenitore-titolo-slider {
    padding-top: 15rem !important;
    padding-bottom: 3rem !important;
}