/*
 * Globals
 */

/* Links */
a:not(.a-list-item,.btn), a:not(.a-list-item,.btn):focus, a:not(.a-list-item,.btn):hover {
    color: black;
}
/*
 * Base structure
 */
html, body {
    height: 100%;
    background-color: white;
    color: black;
} a-list-item .card-body {
    color: black;
}


/*
 * Header
 */
.masthead {
    margin-bottom: 2rem;
}

.masthead-brand {
    margin-bottom: 0;
}

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

    .nav-masthead .nav-link:hover,
    .nav-masthead .nav-link:focus {
        border-bottom-color: rgba(255, 255, 255, .25);
    }

    .nav-masthead .nav-link + .nav-link {
        margin-left: 1rem;
    }

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 48em) {
    .masthead-brand {
        float: left;
    }

    .nav-masthead {
        float: right;
    }
}
/*
 * Cover
 */
.cover {
    /*padding: 0 1.5rem;*/
} .cover .btn-lg {
        padding: .75rem 1.25rem;
        font-weight: 700;
    }
/*
 * Footer
 */
.mastfoot {
    color: black;
} .card-img-top {
    height: 225px;
} .card-img-icon {
    width: 30px;
    height: 30px;
    padding: 5px;
} @media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}
/*@media (min-width: 768px) {
    .card-columns {
        column-count: 3;
    }
}*/
@media (min-width: 992px) {
    .card-columns {
        column-count: 3;
    }
} @media (min-width: 1200px) {
    .card-columns {
        column-count: 4;
    }
} @media (min-width: 576px) {
    .grid-item {
        /* divide by 2. */
        width: 50%;
    }
} @media (min-width: 768px) {
    .grid-item {
        /* divide by 2. */
        width: 50%;
    }
} @media (min-width: 992px) {
    .grid-item {
        /* divide by 2. */
        width: 33.33%;
    }
} @media (min-width: 1200px) {
    .grid-item {
        /* divide by 2. */
        width: 25%;
    }
}

.masthead-brand a {
    text-decoration: none;
    color: white !important;
}

.ddl-hideicon::after {
    display: none !important;
}

@media screen and (max-width: 360px) {
    .nav-masthead {
        font-size: small;
    }
}

@media screen and (max-width: 380px) {
    .small-nav-masthead {
        padding-left: 0;
        padding-right: 0;
    }
}