/** MEDIA BREAKS **/
/*   see: https://blazor.radzen.com/breakpoints 
        xs - Extra Small >= 576px
        sm - Small >= 768px
        md - Medium >= 1024px
        lg - Large >= 1280px
        xl - Extra Large >= 1920px
        xx - Extra Extra Large >= 2560px
    */

/** VARIABLES **/
:root {
}

/** HEADER **/
.rz-header.tgpl-page-header {
    background-color: var(--tgpl-primary-dark);
    color: var(--tgpl-lightest);
}

    .rz-header.tgpl-page-header .tgpl-header-display .tgpl-logo-display img {
    }

    .rz-header.tgpl-page-header .tgpl-header-display .tgpl-page-title {
        text-align: center;
        color: var(--tgpl-lightest);
        margin-bottom: 0;
    }

.rz-menu.rz-profile-menu {
    background-color: transparent;
}

/** FOOTER **/
.rz-footer.tgpl-page-footer {
    background-color: var(--tgpl-primary);
}

    .rz-footer.tgpl-page-footer .tgpl-footer-display .rz-text-body1 {
        color: var(--tgpl-lightest);
    }