.reddington-alert-fixed {
    position:fixed;
    top:0;
	left: 0;
    width:100%;
    z-index:100;
}

.redd-drift-top{
	position: relative;
	top: -20px;
}

.main-header .badge-top-container {
    position: relative;
    isolation: isolate;
}

.main-header .badge-top-container .badge {
    z-index: 20;
}

.main-header .badge-top-container img,
.main-header .badge-top-container .header-icon,
.main-header .badge-top-container > span:not(.badge) {
    position: relative;
    z-index: 1;
}

/* The header logo is a wide film-strip mark, not the square "G". The theme
   pins .main-header .logo to a 60px box and the image to a hard 60x60, which
   squashes anything that is not square. Each layout gets its own rule because
   the theme sets these per layout class -- a bare .main-header .logo would lose
   on specificity. */
.layout-sidebar-large .main-header .logo,
.layout-horizontal-bar .main-header .logo,
.main-header .logo {
    width: auto;
    /* The square "G" carried its own whitespace; this mark is trimmed, so it
       needs real padding or it sits flush against the window edge. */
    padding-left: 16px;
}

.layout-sidebar-large .main-header .logo img,
.layout-horizontal-bar .main-header .logo img,
.main-header .logo img {
    width: auto;
    height: 60px;
    max-width: 220px;
    object-fit: contain;
}

/* Seasonal: autumn leaves in the corners of the page.
   These ride as background layers on the content wrapper's own background
   rather than as an overlay element, which keeps them behind every control,
   out of the hit-testing path, and clear of the fixed header and the slide-out
   sidebar. The wrapper grows with the page, so the bottom pair sits at the end
   of the content rather than pinned to the viewport. */
.main-content-wrap {
    background-image:
        url("../../images/thanksgiving/leaves-tl.svg"),
        url("../../images/thanksgiving/leaves-tr.svg"),
        url("../../images/thanksgiving/leaves-bl.svg"),
        url("../../images/thanksgiving/leaves-br.svg");
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat;
    background-size: 150px 150px;
}

/* The login card is a fraction of the width, so the leaves scale down with it.
   Top corners only: the Sign In button runs the full width of the card, and
   the bottom pair sat on top of it. */
.auth-content .card {
    background-image:
        url("../../images/thanksgiving/leaves-tl.svg"),
        url("../../images/thanksgiving/leaves-tr.svg");
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: 104px 104px;
}

@media (max-width: 767px) {
    .main-content-wrap {
        background-size: 96px 96px;
    }

    .auth-content .card {
        background-size: 72px 72px;
    }
}