header {
    background-color: #015a99;
}

.eln_bg_header {
    background-color: #015a99;
    background-image: url('/images/main/header_background2024_4b.png');
    background-position: top right;
    background-size: 36em;
    background-repeat: no-repeat;
}

#header_inner {
    padding: 0.5em 2.5em 0.5em 2.5em;
    display: flex;
    gap: 1em;
    justify-content: space-between;
}

#header_inner:only-child {
    flex-direction: row;
}

#header_inner.admin {
    padding: 0.5em 3em 1em 3em;
    color: white;
}



#eln_nav_2023 {
    display: flex;
    gap: 0.25em;
    justify-content: flex-end;
    margin-left: auto;
    align-self: flex-end;
    font-size: 0.95em;
}



#eln_admin_exit_btn_wrapper {
    margin-top: 1em;
}

.nav_selectable {
    -webkit-user-select: text;
}






#eln_nav_2023 .menuitemwrapper {
    margin-top: 0.5em;
    display: block;
    position: relative;
}

#eln_nav_2023 .menuitem {
    color: white;
    padding: 1em 0.6em 1.1em 0.6em;
    font-weight: normal;
    border-radius: 0.5em;
    font-size: 0.95em;
    line-height: 1.2;
    display: block;
    text-align: center;
    cursor: pointer;
}

.menuitem_carticon img {
    margin-left: 0.7em;
}

#eln_nav_2023 .menuitem:hover {
    background-color: rgba(0,0,0,0.33);
}

#eln_nav_2023 .nav_dropdown {
    position: absolute;
    top: 2.85em;
    left: -1.4em;
    padding: 0.7em 0.95em;
    background: white;
    display: none;
    border-radius: 0.65em;
    box-shadow: 0 0.2em 1.125em rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-width: 11em;
    z-index: 1100;
}

#eln_nav_2023 .nav_dropdown_icon {
    width: 0.65em;
    height: 0.65em;
    display: inline-block;
    margin-left: 0.35em;
    margin-bottom: 0.04em;
}

#eln_nav_2023 .nav_dropdown_spacer {
    background: #ddd;
    height: 2px;
    margin: 0.5em -1em;
}


#eln_nav_2023 .nav_dropdown_anchor_rightish {
    left: auto;
    right: -6em;
}


#eln_nav_2023 .nav_dropdown_anchor_right {
    left: auto;
    right: -0.75em;
}

#eln_nav_2023 .nav_dropdown a:not(.fw_toggle_link) {
    display: block;
    font-size: 1em;
    padding: 0.8em 1em 0.7em 1em;
    line-height: 1.2;
    white-space: nowrap;
    color: black;
    border-radius: 0.35em;
    transition: transform .2s;
}

#eln_nav_2023 .nav_dropdown a:hover:not(.fw_toggle_link) {
    background: #0184e1;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
}

#eln_nav_2023 .nav_dropdown a:hover .nav_dropdown_icon {
    filter: invert(1) brightness(1.5);
}

#eln_nav_2023 .nav_item_flexbox {
    display: flex;
    align-items: center;
    margin-left: 1em;
    margin-top: 1em;
}

#eln_nav_2023 .fw_toggle {
    font-size: 0.75em;
    margin-right: 0;
    margin-bottom: 0;
}



@keyframes flashyFrames {
  0%   { filter: brightness(1);   }
  20%  { filter: brightness(1);   }
  50%  { filter: brightness(1.2); }
  80%  { filter: brightness(1);   }
  100% { filter: brightness(1);   }
}

#eln_nav_2023 .flashy {
    animation-name: flashyFrames;
    animation-duration: 2.25s;
    animation-iteration-count: infinite;
}


/*
#eln_nav_2023 .nav_dropdown_label {
    text-align: center;
    margin-bottom: 0.5em;
    color: black;
}
*/


#eln_header_inner_lower {
    margin-top: -1.75em;
    padding: 0 2.5em 2.25em 2.5em;
    color: white;
    display: flex;
    justify-content: space-between;
}

#eln_header_inner_lower.eln_header_short {
    padding-bottom: 1.5em;
    margin-top: -2em;
}

#eln_header_inner_lower_logo img {
    width: auto;
    max-height: 7.5em;
}

.eln_header_short #eln_header_inner_lower_logo img {
    max-height: 5.5em;
}



#eln_header_search {
    padding: 2em 0.5em 0 0;
    display: flex;
    gap: 1.75em;
    flex-direction: column;
}

#header_main_search {
    position: relative;
}

#header_search_input, #header_search_input:focus {
    border: none;
    outline: none;
    padding: 0.5em;
    width: 14em;
    height: 2.25em;
    box-sizing: border-box;
    border-radius: 0.25em;
}

#header_search_submit {
    display: block;
    position: absolute;
    right: 0;
    z-index: 100;
    width: 2em;
    height: 2.25em;
    box-sizing: border-box;
    cursor: pointer;
    background-image: url(/framework/images/search_dark.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2em;
}


#eln_social_header {
    padding: 0;
    display: flex;
    gap: 0.75em;
    align-self: flex-end;
}

#eln_social_header a {
    display: block;
}

#eln_social_header img {
    display: block;
    width: 1.8em;
    height: 1.8em;
}





#header_right_links {
    display: flex;
    gap: 0.25em;
}

#header_right_links a {
    display: block;
    border-radius: 0.25em;
    padding: 0.5em 0.75em;
}
#header_right_links a:hover {
    background: white;
    color: black;
}

#mnav_close {
    display: none;
}

#header_hamburger {
    display: none;
    cursor: pointer;
}

#header_hamburger img {
    display: block;
    width: 2em;
    height: 2em;
}




@media screen and (max-width: 800px) {

    .eln_bg_header {
        background-size: 23em;
    }
    
    #eln_nav_2023 {
        flex-direction: column;
        width: 100%;
        display: none;
    }
    
    #eln_nav_2023 .menuitem {
        text-align: left;
        font-size: 1.15em;
        padding: 0.85em 0.85em 1.25em 0.85em;
    }
    
    #eln_nav_2023 .nav_dropdown {
        position: relative;
        top: -0.75em;
        left: auto;
        border-radius: 0.5em;
    }
    
    #eln_nav_2023 .nav_dropdown_anchor_rightish {
        right: auto;
    }
    
    
    
    #eln_admin_exit_btn_wrapper {
        margin-bottom: -0.75em;
    }
    
    
    #eln_header_inner_lower.eln_header_short {
        margin-top: -0.5em;
    }
    
    
    #eln_header_inner_lower_logo img {
        max-width: 90%;
        margin: 0 auto;
        display: block;
    }
    
    
    
    
    #mnav_close {
        display: block;
        float: right;
        cursor: pointer;
    }
    
    #mnav_close img {
        display: block;
        width: 2em;
        height: 2em;
    }
    
    #header_hamburger {
        display: block;
        margin: 0 auto;
    }
    
    header {
        display: flex;
        flex-direction: column-reverse;
    }
    
    #eln_header_inner_lower {
        margin-top: 0;
        padding: 2em 2em 0em 2em;
        justify-content: center;
        display: flex;
    }
    
    #eln_header_search {
        display: none;
    }

}