:root {
    --oq-purple: #5D2E8C;
    --oq-purple-dark: #3C1D5B;
    --oq-gold: #C99700;
    --oq-gold-light: #F4E4A6;
}

/* Page background */
body {
    background: #fff;
}

/* Hero sections */
.rz-background-color-primary-darker {
    background: var(--oq-purple) !important;
}

.rz-background-color-primary-lighter {
    background: var(--oq-gold) !important;
}

/* Buttons */

.rz-primary {
    background: var(--oq-gold) !important;
    border-color: var(--oq-gold) !important;
    color: #fff !important;
}

    .rz-primary:hover {
        background: var(--oq-purple) !important;
        border-color: var(--oq-purple) !important;
    }

/* Links */

a,
.rz-link {
    color: var(--oq-purple);
}

    a:hover,
    .rz-link:hover {
        color: var(--oq-gold);
    }

/* Timeline */

.rz-timeline-point-primary {
    background: var(--oq-gold) !important;
    border-color: var(--oq-purple) !important;
}

.rz-timeline {
    --rz-timeline-line-color: var(--oq-purple);
}

/* Icons */

.rz-background-color-primary-light {
    background: var(--oq-gold) !important;
}

.rz-color-on-primary-light {
    color: var(--oq-purple) !important;
}

/* Footer */

.rz-background-color-base-darker {
    background: #1d1d1d !important;
    color: #fff;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
    color: var(--oq-purple);
}

/* Accent text */

.rz-text-overline {
    color: var(--oq-gold) !important;
}

/* Full page layout */
html,
body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Blazor root */
#app,
main,
.main {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Main page content */
.page-content {
    flex: 1;
}

/* Footer */
.site-footer {
    margin-top: auto;
    width: 100%;
}

/* Omega Psi Phi colors */
:root {
    --oq-purple: #5D2E8C;
    --oq-gold: #C99700;
}

/* Top navigation links */
.rz-navigation-item-link {
    color: var(--oq-purple) !important;
    transition: color .2s ease;
}

    .rz-navigation-item-link:hover,
    .rz-navigation-item-link:focus,
    .rz-navigation-item:hover .rz-navigation-item-link {
        color: var(--oq-purple) !important;
        background: transparent !important;
    }

    /* Active page */
    .rz-navigation-item-link.active,
    .rz-navigation-item-link[aria-current="page"] {
        color: var(--oq-gold) !important;
        font-weight: 600;
    }

/* Menu text */
.rz-navigation-item-text {
    color: inherit !important;
}

.rz-button.rz-base.rz-variant-flat:hover {
    background-color: #eaeaea;
}