#navbar {
    background-color: white !important;
    box-shadow: 0px 4px 25px 0px rgba(116, 136, 116, 0.2);
    border-bottom: 1px solid rgba(168, 168, 168, 0.4);
}

.card {
    background-color: white !important;
    box-shadow: 0px 6px 25px 0px rgba(116, 136, 116, 0.2);
}


.card > a, .vol {
    text-decoration: none !important;
    color: rgb(31, 31, 31) !important;
}

button.nav-link {
    color: rgb(100, 100, 100);
}

button.nav-link:hover {
    color: black;
}

.lh {
    text-align: justify;
    line-height: 28px;
}

.alert {
    line-height: 24px !important;
}

p > a {
    color: darkgreen;
    text-decoration: none;
}

.tab-content {
    background-color: rgb(246, 246, 246);
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.footer {
    margin-top: auto;
}

body {
    font-family: "Lato", sans-serif !important;
}

.navname {
    font-family: "Nunito", sans-serif !important;
    color: rgb(0, 79, 0);
    font-size: large;
}

@media only screen and (max-width: 992px) {
    ul.navbar-nav {
        margin-top: 15px;
    }
    .lh {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .nav-item {
        margin-right: 30px;
    }
    .navname {
        margin-right: 50px;
    }
    div.ms-4 {
        margin-top: 40px;
    }
    .card-title {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) {
    #carouselExampleAutoplaying {
        max-width: 80%;
    }
}

@media only screen and (max-width: 750px) {
    .journal-cover {
        max-width: 65% !important;
        margin: auto auto auto auto;
        margin-top: 20px !important;
    }
}

i {
    color: green;
}

.nav-link.active {
    font-weight: bolder;
    color: green !important;
}

b > a {
    color: green
}

.accordion-button:not(.collapsed) {
    background-color: rgb(234, 245, 231) !important;
}

.archives-list {
    color: rgb(76, 76, 76);
    font-size: small;
}

span.text-bg-light {
    background-color: rgb(220, 241, 220) !important; 
    color: rgb(14, 83, 14) !important;
    padding: 10px !important;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 12.5px;
    font-weight: 500
}