:root {/* Faded gray bricks in the header */
.container-header {
    position: relative;
    /* no overflow:hidden, so dropdown menus can show */
}

.container-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cg fill='%23cccccc' fill-opacity='0.18'%3E%3Crect x='2' y='2' width='56' height='26' rx='2'/%3E%3Crect x='62' y='2' width='56' height='26' rx='2'/%3E%3Crect x='-28' y='32' width='56' height='26' rx='2'/%3E%3Crect x='32' y='32' width='56' height='26' rx='2'/%3E%3Crect x='92' y='32' width='56' height='26' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 120px 60px;
    -webkit-mask-image: linear-gradient(to right, transparent 20%, #000 100%);
            mask-image: linear-gradient(to right, transparent 20%, #000 100%);
}

.container-header .grid-child {
    position: relative;
    z-index: 1;
}

/* keep dropdowns above everything */
.container-header .container-nav,
.container-header .metismenu.mod-menu .mm-collapse {
    z-index: 1000;
}
}