﻿body {
    background-color: #b6c9d4;
    font-family: 'Montserrat', sans-serif;
}

header {
    z-index: 100;
    background-color: #006494;
}

#main-menu .nav-link, #smallNav .nav-link {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}

#main-menu .dropdown-item {
    color: #164d78;
    font-weight: 600;
    text-transform: uppercase;
}

#main-menu .nav-item:hover .nav-link, #smallNav .nav-item:hover .nav-link {
    color: #cccccc;
}

#main-menu .dropdown-item:hover {
    color: #2276b9;
}

footer {
    background-color: #006494;
}

    footer h2 {
        text-align: left;
    }

/*main h1, main h2, main h3, main h4, main h5 {
    font-weight: 600;
    text-align: center;
}*/

.btn-custom {
    background-color: #006494;
    color: #ffffff;
    border: 0 !important;
}

    .btn-custom:hover {
        background-color: #b6c9d4 !important;
        border: 0 !important;
        color: #ffffff !important;
    }

    .btn-custom.active {
        background-color: #b6c9d4;
        border: 0;
        color: #ffffff;
    }

.card-news .card {
    border: 0px !important;
    height: 100%;
    box-shadow: 5px 5px 5px #8a8a8a;
    background-color: #c0e0f0;
}

.card-news .card .card-body {
    display: flex;
    flex-direction: column;
}

.card-news a {
    text-decoration: none;
}

    .card-news a:hover .card {
        background-color: #8FB8DE;
        box-shadow: 8px 8px 8px #666666;
    }

.card-links .card {
    border: 0px !important;
    height: 100%;
    box-shadow: 5px 5px 5px #8a8a8a;
    background-color: #006494;
}

.card-links i {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.card-links .card .card-body {
    display: flex;
    flex-direction: column;
}

.card-links a {
    text-decoration: none;
}

    .card-links a:hover .card {
        background-color: #0582CA;
        box-shadow: 8px 8px 8px #666666;
    }

.main-card {
    border: 0px;
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

.img-shadow {
    box-shadow: 10px 10px 0px #006494;
}

.map {
    width: 100%;
    border: none;
    border: 0;
    min-height: 320px;
}
