/* LAYOUT */
.organism-header { background: var( --color-shark ); color: var( --color-white ); padding: 10px 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; max-height: 100vh; overflow: auto; }
.organism-header .logo-container { margin-bottom: 15px; }
.organism-header .menu-container { }

/* MENU SLIDE TRIGGER */
.organism-header .logo-container .menu-trigger-holder { position: relative; }
.organism-header .logo-container .menu-trigger-holder .trigger { position: absolute; top: 50%; right: var( --gs-col-padding ); height: 30px; width: 35px; display: block; margin-top: -20px; cursor: pointer; }
.organism-header .logo-container .menu-trigger-holder .trigger span { height: 2px; width: 100%; top: 0; background: var( --color-white ); display: block; position: absolute; left: 0; }
.organism-header .logo-container .menu-trigger-holder .trigger span + span { top: 14px; }
.organism-header .logo-container .menu-trigger-holder .trigger span + span + span { top: 28px; }

.organism-header .logo-container .menu-trigger-holder .trigger.active span { transform: rotate(45deg); top: 14px; }
.organism-header .logo-container .menu-trigger-holder .trigger.active span + span { display: none; }
.organism-header .logo-container .menu-trigger-holder .trigger.active span + span + span { transform: rotate(-45deg); top: 14px; display: block; }

@media only screen and ( min-width: 48em ) {
    /* MENU SLIDE TRIGGER */
    .organism-header .logo-container .menu-trigger-holder .trigger { height: 39px; width: 48px; }
    .organism-header .logo-container .menu-trigger-holder .trigger span { height: 3px; }
    .organism-header .logo-container .menu-trigger-holder .trigger span + span { top: 18px; }
    .organism-header .logo-container .menu-trigger-holder .trigger span + span + span { top: 36px; }
    .organism-header .logo-container .menu-trigger-holder .trigger.active span { top: 18px; }
    .organism-header .logo-container .menu-trigger-holder .trigger.active span + span + span { top: 18px; }
}

@media only screen and ( min-width: 62em ) { 
    /* LAYOUT */
    .organism-header { position: absolute; max-height: 100vh; overflow: visible; }
    .organism-header .menu-container { padding-right: 0; padding-left: 0; }
    /* MENU SLIDE TRIGGER */
    .organism-header .logo-container .menu-trigger-holder { display: none; }    
}

@media only screen and ( min-width: 75em ) { 
    /* LAYOUT */
    .organism-header .menu-container { max-width: 100% !important; padding-right: var( --gs-container-padding ); padding-left: var( --gs-container-padding ); }
}