:root {
        --nav-color: #fff;
        --nav-bg-color: black;
        --nav-color-hover: #01a89e;
        --btn-color: #01a89e;
        --btn-color-hover: #003457;
        --link-color: var(--btn-color);
        --link-color-hover: var(--btn-color-hover);
        --secondary-color: #46629E;
        --title-color: var(--secondary-color);
}

a {
    color: var(--link-color);
}

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

nav ul a{
        font-weight: bolder;
}
nav ul a:hover {
        font-weight: bolder;
}





.collection .collection-item.active {
    background-color: var(--title-color);
}

.collection a.collection-item {
    color: var(--title-color);
}

.btn {
    background-color: var(--btn-color);
}

.btn:hover {
    background-color: var(--btn-color-hover);
}

.article-title {
        color: #444444;
        font-weight: 400;
}
#about_journal .card-title {
        color: var(--title-color);
        font-weight: bold;
}

[type="checkbox"]:checked + label::before {
        border-right: 2px solid var(--btn-color);
        border-bottom: 2px solid var(--btn-color);
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
        color: var(--btn-color);

}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
        color: var(--secondary-color);
        filter: brightness(65%);

}

.pagination li.active {
    background-color: var(--btn-color);
}

.carousel {
        height:500px;
}

.carousel-text-wrapper {
        background-color: rgba(102, 153, 255, 0.8);
        opacity: 1;
}

.carousel-text-wrapper a {
    color: white;
}

.sidenav-trigger {
    color: #616161;
}


.fig-caption {
    background-color: #E5E5E5;
    padding: 15px;
}


.table-wrap {
    border: solid #E5E5E5 1px;
    margin-bottom: 15px;
}

.table-caption {
    background-color: #E5E5E5;
    padding: 15px;
    margin-bottom: 15px;
}
body {
     display: flex;
     min-height: 100vh;
     flex-direction: column;
 }
 main {
     flex: 1 0 auto;
 }

article img {
  max-width: 100%;
}