/* Add here all your css styles (customizations) */

body{color:#ffffff;}

a{color:#ffffff;}
a:link {
    color: #ffffff;
}
a:visited {
    color: #ffffff;
}
    a:hover {
        color: #f1592a;
    }

.u-header__logo-img {
    max-width: 200px;
    //margin-left:auto;
}

.social_email {
    background: url(../img/icons/social/e_mail.png) no-repeat;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}


.card {
    padding: 25px;
    color: #555;
    border-radius: 15px !important;
}

    .card a:link {
        color: #203B72;
    }

    .card a:visited {
        color: #203B72;
    }

.card-text a:link {
    color: #203B72;
}

.card-text a:visited {
    color: #203B72;
}

.card-img-top {
    border-radius: 15px !important;
}

.map-responsive {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

    .map-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.btn-secondary {
    color: #215AA8;
}

.btn-secondary:hover {
    color: #215AA8;
}

.nav-link:link {
    font-size: 18px;
    font-weight: 600
}

.nav-link:hover {
    color: #F1592a !important;
    text-decoration: underline;
}

@media (max-width: 1200px) {
    .nav-link:link {
        font-size: 16px;
    }
}

@media (max-width: 1090px) {
    .nav-link:link {
        font-size: 13px;
    }
}

.navbar-toggler {
    //bottom: 0 !important;
}

@media (max-width: 1067px) and (min-width:993px) {
    .nav-item {
        font-size: 12px !important;
        margin-left: 0.64286rem !important;
        margin-right: 0.64286rem !important;
    }
}

@media (min-width: 992px) {
    /* Dropdown on hover for screens 992px and up */
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }

    /* Make the dropdown-toggle not trigger the dropdown on click */
    .navbar-nav .dropdown-toggle {
        pointer-events: none;
    }

    /* Target only the dropdown items */
    .navbar-nav .dropdown-menu .nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.dropdown-menu {
    margin-top: 0;
}

@media (min-width: 576px) {
    .container {
        padding-right: 2%;
        padding-left: 2%
    }
}

@media (min-width: 768px) {
    .container {
        padding-right: 2%;
        padding-left: 2%;
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 2%;
        padding-left: 2%;
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 2%;
        padding-left: 2%;
    }
}

@media (min-width: 576px) {
    .container {
        width: 96%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        width: 96%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 96%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 96%;
        max-width: 100%
    }
}

