﻿ul {
    margin-left: 2em !important;
    margin-bottom: 1em !important;
}

.mud-grid-custom-spacing {
    margin-top: 0px !important;
    margin-left: -4px !important;
}

    .mud-grid-custom-spacing > .mud-grid-item {
        padding-left: 4px !important;
        padding-top: 0px !important;
    }

.fade {
    --max-featured-content-lines: 7;
    flex-grow: 0;
    position: relative;
    height: calc(var(--mud-typography-default-lineheight) * var(--max-featured-content-lines) * 1rem);
    overflow: hidden;
}

    .fade::after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 70%;
        height: calc(var(--mud-typography-default-lineheight) * 1rem);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--mud-palette-surface) 50%);
    }

.imgLogo {
    max-width: 100%;
    height: auto;
}

.footer {
    background-color: var(--mud-palette-background);
}

.drawer-open {
    margin-left: calc(var(--mud-drawer-width-left) / 2)
}

.content-footer-bottom-margin {
    margin-bottom: var(--mud-appbar-height);
}

@media(min-width: 960px) {
    .snackbar-drawer-margin {
        margin-left: calc(var(--mud-drawer-width-left) / 2)
    }
}

.text-align-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase !important;
}