@import "../SkinObjects/module.css";

.loading-spinner {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.banner-row {
    height: 450px;
    background-color: var(--banner-background);
    align-items: center;
    text-align: center;
}

.banner-row.small-banner {
    height: 200px;
}

.banner-row h1 {
    color: var(--header-color);
    font-weight: bold;
    width: 50%;
    margin-left: 25%;
}

.site-page-icon {
    width: 300px;
}

.banner-image img {
    max-height: 400px;
    max-width: 90%;
}

.small-banner .banner-image img {
    max-height: 175px;
}

.sub-head {
    width: 74%;
    padding-top: 20px;
    margin-left: 13%;
}

.icon-container {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-container img {
        max-width: 40px;
        max-height: 40px;
}


.user-info-container a:visited {
    color: var(--text-color);
}