/* ++
    Banner
-- */

/* Admin pages */
div.admin-banner {
    background-color: var(--banner-color);
    padding-top: 10px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-size: 120%;
    display: table;
    border-spacing: 10px;
    width: 100%;
}

    div.admin-banner div.hello {
        font-size: 120%;
        margin-bottom: 5px;
        color: var(--hello-color);
    }

    div.admin-banner div.links i {
        font-size: 100%;
        margin-right: 4px;
        margin-left: 15px;
    }

@media all and (max-aspect-ratio: 13/9) {
    div.admin-banner a.banner-link {
        font-size: 80%;
    }
}

@media screen and (max-width: 1079px) {
    div.admin-banner #imgLogo {
        display: none;
    }
}

/* User master page - Portrait */
@media all and (max-aspect-ratio: 13/9) {
    div.user-banner-landscape {
        display: none;
    }

    div.user-banner-portrait {
        background-color: var(--banner-color);
        padding-top: 5px;
        padding-bottom: 0px;
        vertical-align: middle;
        font-size: 120%;
        display: table;
        border-spacing: 10px;
        width: 100%;
    }

        div.user-banner-portrait img {
            max-height: 30px;
        }
}

/* User master page - Landscape */
@media all and (min-aspect-ratio: 13/9) {
    div.user-banner-portrait {
        display: none;
    }

    div.user-banner-landscape {
        background-color: var(--banner-color);
        padding-top: 10px;
        padding-bottom: 5px;
        vertical-align: middle;
        font-size: 120%;
        display: table;
        border-spacing: 10px;
        width: 100%;
    }

        div.user-banner-landscape div.hello {
            font-size: 100%;
            margin-bottom: 5px;
            color: var(--hello-color);
        }

        div.user-banner-landscape a.banner-link {
            font-size: 120%;
        }

        div.user-banner-landscape div.links i {
            font-size: 100%;
            margin-right: 4px;
            margin-left: 15px;
        }
}

/* Common to admin pages & user page */
div.any-banner a.banner-link {
    font-family: 'roboto', var(--nice-font);
}

div.any-banner a.banner-link {
    font-size: 120%;
    color: #ffffff;
    text-decoration: none;
}

    div.any-banner a.banner-link:hover {
        text-decoration: underline;
    }


div.any-banner div.hello {
    font-family: 'roboto', Arial;
}