body {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #020000;
}

#main-menu .nav-link, #main-menu .dropdown-item {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    /*line-height: .8;*/
    /*font-size: 1.1rem;*/
    font-weight: 600;
    /*color: #26326f;*/
}

#main-menu .nav-item {
    margin-left: .35rem;
    margin-right: .35rem;
}

main a, .nav-underline .nav-link {
    color: #127aa4;
}

#small-nav{
    font-size: .9rem;
}

    #small-nav i {
        color: #4a8649;
    }

#main-menu .active, .text-blue, h1, h2, h3, h4, h5 {
    color: #005774;
}

.btn {
    border-radius: 1.5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    font-size: 1.1rem;
}

.btn-custom {
    background-color: #03627e;
    color: #f8f9fa;
}

    .btn-custom:hover {
        background-color: #024f65;
        border-color: #024f65;
        color: #f8f9fa;
    }

    .btn-custom:not(:disabled):not(:disabled):active {
        background-color: #03627e !important;
        border-color: #03627e !important;
        color: #f8f9fa;
    }

.card {
    color: #020000;
    border-radius: 0px;
    border: 0;
    background-color: #efecea;
    padding: 1rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

footer{
    background-color: #023b4c;
}

.bg-blue {
    background-color: #00607d;
}

.text-green {
    color: #a1c956;
}

.bg-green {
    background-color: #a1c956;
}

.list-unstyled li, .list-padding li {
    padding-top: .35rem;
    padding-bottom: .35rem;
}

.card-shadow {
    box-shadow: 0em 0em 0.653em 0em rgba(0,0,0,0.23);
}

.card-angle-corner {
    clip-path: polygon(100% 0,100% 82%,95% 100%,0% 100%,0% 0%);
}

.green-link-box {
    display: block;
    font-weight: 600;
    color: #020000;
    background-color: #a1c956;
    text-decoration: none;
    padding: 1rem;
    margin: 1rem;
    width: 40%;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: background-color;
    transition-duration: .3s;
}

    .green-link-box:hover {
        background-color: #efecea;        
    }

.table td, .table th{
    background-color: transparent;
}

.div-table {
    padding: 0 .5rem 0;
}

    .div-table .row {
        padding: .55rem 0 .55rem;
        border-bottom: 1px solid #dee2e6;
    }

.map {
    width: 100%;
    border: none;
    border: 0;
    min-height: 400px;
}

.ol-custom {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
}

.ol-custom-align-center li {
    align-items: center
}

    .ol-custom li {
        counter-increment: item;
        margin-bottom: 2rem;
        display: flex;
        justify-content: start;
        flex-direction: row;
    }

        .ol-custom li:before {
            content: counter(circle-counter);
            font-size: 1.35rem;
            font-weight: 600;
            line-height: 45px;
            margin-right: 15px;
            content: counter(item);
            background: #93cfe4;
            border-radius: 50%;
            width: 45px;
            height: 45px;
            text-align: center;
            display: block;
            flex-shrink: 0
        }

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.collapse-container {
    padding: 1.5rem;
    /*border-radius: 1rem;*/
    background-color: #efecea;
    margin-bottom: 2rem;
}

    .collapse-container a {
        color: #10698d;
    }

.collapse-btn {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
    font-weight: 600;
    text-align: left;
}

#login {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.username {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.password {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (min-width: 768px) {
    .green-link-box {
        width: 20%;
    }

    .hero-background {
        background: url(images/banners/family.png) bottom right no-repeat;
        background-size: cover;
    }

    .high-five-background {
        background: url(images/high-five.png) left center no-repeat;
        background-size: contain;
    }

    .twin-falls-background {
        background: url(images/banners/twinFalls.jpg) center left no-repeat;
        background-size: cover;
    }

    .jerome-background {
        background: url(images/banners/jerome.jpg) bottom left no-repeat;
        background-size: cover;
    }

    .american-falls-background {
        background: url(images/banners/americanFalls.png) bottom left no-repeat;
        background-size: cover;
    }

    .about-background {
        background: url(images/banners/about.png) bottom left no-repeat;
        background-size: cover;
    }

    .buhl-background {
        background: url(images/banners/idahoFalls.jpg) bottom left no-repeat;
        background-size: cover;
    }

    .careers-background {
        background: url(images/banners/family.png) bottom left no-repeat;
        background-size: cover;
    }
}

@media (min-width: 992px) {
    
}