html {
    font-size: small;
    background-color: #f4f4f4;
}

body {
    background-color: #f4f4f4;
}

p {
    font-size: medium;
}

.body-container {
    margin-top: 60px;
    padding-bottom: 40px;
}

.welcome-page li {
    list-style: none;
    padding: 4px;
}

.logged-out-page iframe {
    display: none;
    width: 0;
    height: 0;
}

.grants-page .card {
    margin-top: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants-page .card .card-title {
        font-size: 120%;
        font-weight: bold;
    }

        .grants-page .card .card-title img {
            width: 100px;
            height: 100px;
        }

    .grants-page .card label {
        font-weight: bold;
    }

.navbar-light {
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
}

.navbar-brand {
    margin-right: 200px;
    font-size: 1rem !important;
}

.navbar {
    padding-bottom: 0.5rem !important;
    padding-top: 0.8rem !important;
    padding-left: 1rem !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.3rem !important;
}

.card {
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-cap-padding-y: 0.75rem;
    --bs-card-cap-padding-x: 1.25rem;
}

a {
    text-decoration :none;
}

.navbar-nav {
    justify-content: right;
    width: 100%;
    padding-right: 25px;
    margin-top: -0.4rem;
    font-weight: bolder;
    color: #3a3a3a;
}

.icon-banner {
    margin-top: -0.8rem;
    width: 160px;
    padding: 8px;
}

.btn-secondary {
    background-color: #2f426b;
    font-size: medium;
    border-radius: 0 !important;
}

select:active, select:hover {
    outline: none
}