body {
    font-family: 'Lato', sans-serif;
}

p, p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 {
    color: black;
}

.noto {
    font-family: 'Noto Serif', sans-serif;
}

hr.white {
    border-top: 1px solid rgb(255, 255, 255)
}

.bg-lightgreen {
    background-color: #f1faee;
}

.bg-maincolor {
    background-color: #476891 !important;
}

.bg-maincolor2 {
    background-color: #6f92bc !important;
}

.bg-gradient-maincolor {
    background-image: linear-gradient(#6f92bc, #476891) !important;
}

.text-maincolor {
    color: #476891 !important;
}

.border-maincolor {
    border-color: #476891 !important;
}

.menu-item {
    color: black;
    display: block;
}

    .menu-item:hover, .menu-item:focus {
        color: white !important;
        background-color: #476891 !important;
    }

.menu-label {
    color: black;
    display: block;
}

    .menu-label:hover, .menu-label:focus {
        background-color: #6f92bc !important;
    }

.border-skyblue {
    border-color: #98d2eb !important;
}

.btn-maincolor {
    color: white;
    background-color: #476891;
    border-color: #476891;
}

    .btn-maincolor:hover {
        color: black;
        border-color: #bce1f1;
        background-color: #6f92bc;
    }

    .btn-maincolor:focus, .btn-maincolor.focus {
        box-shadow: 0 0 0 0.2rem rgba(31, 61, 90, 0.5);
        background-color: #98d2eb;
    }

    .btn-maincolor.disabled, .btn-maincolor:disabled {
        color: black;
        background-color: #6f92bc;
        border-color: #bce1f1;
    }

    .btn-maincolor:not(:disabled):not(.disabled):active, .btn-maincolor:not(:disabled):not(.disabled).active,
    .show > .btn-maincolor.dropdown-toggle {
        color: black;
        background-color: #bce1f1;
        border-color: #bce1f1;
    }

        .btn-maincolor:not(:disabled):not(.disabled):active:focus, .btn-maincolor:not(:disabled):not(.disabled).active:focus,
        .show > .btn-maincolor.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(31, 61, 90, 0.5);
        }


.btn-maincolor2 {
    color: white;
    background-color: #6f92bc;
    border-color: #6f92bc;
}

    .btn-maincolor2:hover {
        color: white;
        border-color: #bce1f1;
        background-color: #476891;
    }

    .btn-maincolor2:focus, .btn-maincolor2.focus {
        box-shadow: 0 0 0 0.2rem rgba(31, 61, 90, 0.5);
        background-color: #98d2eb;
    }

    .btn-maincolor2.disabled, .btn-maincolor2:disabled {
        color: black;
        background-color: #476891;
        border-color: #bce1f1;
    }

    .btn-maincolor2:not(:disabled):not(.disabled):active, .btn-maincolor2:not(:disabled):not(.disabled).active,
    .show > .btn-maincolor2.dropdown-toggle {
        color: black;
        background-color: #bce1f1;
        border-color: #bce1f1;
    }

        .btn-maincolor2:not(:disabled):not(.disabled):active:focus, .btn-maincolor2:not(:disabled):not(.disabled).active:focus,
        .show > .btn-maincolor2.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(31, 61, 90, 0.5);
        }

.badge-maincolor {
    color: #ffffff;
    background-color: #476891;
    font-size: 100% !important;
    font-weight: 500;
    padding: 0.3em 0.5em;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #ffffff;
    background-color: #476891;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.5);
}

.date {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #242424;
    background-image: linear-gradient(to bottom right, #bce1f1, #98d2eb);
    margin: 10px 2px;
}

.nav-link-2 {
    color: black;
    display: block;
}

    .nav-link-2:hover, .nav-link-2:focus {
        color: #10aff3;
        text-decoration: none;
    }

    .nav-link-2.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }

.bottomleft {
    position: absolute;
    bottom: 70px;
    font-size: 18px;
}


.titolo-paragrafo {
    color: #476891 !important;
    font-weight: 500;
    font-size: 18pt;
}

blockquote.citazione {
    text-align: left;
    font-size: 10pt;
    margin: 20px 40px;
    padding: 0;
}

/* stili citazioni in versi - tabella */
td.sx {
    text-align: left;
    width: 90%;
}

td.dx {
    text-align: right;
    width: 10%;
}


@media only screen and (max-width: 991px) and (min-width: 768px) {
    .text-dark-md {
        color: black !important;
    }
}

@media (max-width: 991px) {
    .menu-label {
        background-color: #6f92bc !important;
        padding-left: 20px !important;
    }
}

/*sopra 1700px*/
@media (min-width: 1700px) {
    #spalla_articolo {
        height: auto;
        width: auto;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: white;
        overflow-x: hidden;
        padding-top: 20px;
        margin-top: 450px;
    }

    #box-indice {
        display: none;
    }
}

.text-rivista {
    font-size: 15px !important;
}

/*sotto 1700px*/
@media (max-width: 1700px) {
    #spalla_articolo {
        display: none;
    }

    .text-rivista {
        font-size: 20px !important;
    }

    .img-copertina {
        width: 150px !important;
    }
}

@media (max-width: 990px) {
    .navbar-nav {
        margin-top: 40px !important;
    }
}

#box_ul_sommario li a {
    color: black;
}

#box_ul_sommario {
    width: 230px;
}

#testo-completo table tr td{
    border-color: white !important;
}

#testo-completo table {
    width: 70%;
    margin: 0 auto;
}

#testo-completo table tr td p {
    margin-bottom: 0px;
    font-size: 90%;
}

#testo-completo table tr td {
    padding: 0px;
    padding-bottom: 2px;
}

blockquote {
    font-size: 90%;
    width: 90%;
    margin: 0 auto;
    text-align: justify;
}


#testo-completo table.tabella-dati tr td {
    border-color: black !important;
    padding: 5px;
}