/*  LAYOUT: FIXED HEADER 
//////////////////////////////////////////////////////////////////////////////*/

@layer layout {
    @media (min-width: 1220px) {
        body {
            pointer-events: none;
        }
        .section--header,
        .section--main,
        .section--footer,
        #wpadminbar {
            pointer-events: all;
        }
        .section--header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
        }
        .admin-bar .section--header {
            top: 32px;
        }
        .section--main {
            padding-top: 12.5rem;
            min-height: 100vh;
        }
        .home .section--main {
            padding-top: calc(7.5rem + 3.75rem);
        }
    }
}