/* Backgrounds */
.bg-darkblue {
    background-color: #12162B;
}

.bg-midblue {
    background-color: #374795;
}

.bg-lightblue {
    background-color: #7A8BE1;
}

.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-beige {
    background-color:  #F7F3E3;
}

/* Text colors */
.text-darkblue {
    color: #12162B;
}

.text-midblue {
    color: #374795;
}

.text-lightblue {
    color: #7A8BE1;
}

.text-yellow {
    color: #FFBD38;
}

.text-beige {
    color: #efe1ce;
}

:root {
    --main-color-blue: #3960A7;
}

.text-mainblue {
    color: var(--main-color-blue);
}

/* Text sizing */
.custom-heading-1 {
    font-size: 1.8em;
    letter-spacing: .05em;
}
.custom-heading-2 {
    font-size: 1.4em;
}

.custom-heading-3 {
    font-size: 1.2em;
}
.custom-heading-4 {
    font-size: 1.6em;
    letter-spacing: .04em;
}

/* Element sizing */
.width-100 {
    width: 100%;
}

/* Navbar */
.navbar {
    border-bottom: 2px solid lightslategrey;
    /*background-color: #f0f5fa;*/
    background-color: var(--main-color-blue);
}
header .nav-link {
    font-size: 0.9em;
    color: #EDE8E3 !important;
}
header .nav-link:hover{
    
    color: #ffffff;
}

.brand-text {
    color: #EDE8E3;
    margin-left: 4em;
}

/* Special welcome section rules */
.underline-heading-1 {
    display: inline-block;
    border-bottom: 1px solid lightgrey;
}

@media (min-width: 992px) {
    .welcome .left-col {
        border-right: 1px solid lightgrey;
    }
}
@media (max-width: 992px) {
    .welcome .left-col {
        border-bottom: 1px solid lightgrey;
    }
}
.w-80 {
    width: 80%;
    max-width: none;
}

.nav-links-font {
    color: #EDE8E3;
    font-size: 0.9em;
}

.language-picker a {
    color: #EDE8E3;
    font-size: 0.9em;
}
.language-picker ul {
    background-color: var(--main-color-blue) !important;
}

#w0-collapse {
    justify-content: flex-end;
}

#w1-collapse {
    justify-content: flex-end;
}
.w-90 {
    width: 90%;
    max-width: none;
}

@media(max-width:470px) {
    .brand-text {
        margin-left: 0;
        margin-top:4em;
        font-size: 0.8em;
    }
}

.main-container {
    flex: 1;
}

.nav-item .important-link {
    font-weight: bold;
    background-image: linear-gradient(to right, #ff0000cc, #ff0000cc, #ffffffff, #ff0000cc, #ff0000cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: color-change 600s linear infinite;
    
}

@-webkit-keyframes color-change {
    to {
        background-position: 4500vh;
    }
}