/* Keep the header in document flow, independent of uploaded logo dimensions. */
#wrapper.eixams-page-layout { padding-top: 0 !important; }
.eixams-page-layout #header-container { position: relative !important; top: auto; flex: 0 0 auto; }
.eixams-page-layout #header { height: auto !important; min-height: 0; padding: 20px 0; overflow: visible; }
.eixams-page-layout #header > .container {
    display: flex !important; flex-direction: row; align-items: center !important;
    flex-wrap: nowrap; gap: 24px; height: auto !important; padding-top: 0 !important;
}
.eixams-page-layout #header .left-side { flex: 0 1 280px !important; width: auto !important; min-width: 0; height: auto; float: none; }
.eixams-page-layout #logo { display: block; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0; }
.eixams-page-layout #logo a { display: block; }
.eixams-page-layout #logo img {
    display: block; position: static !important; transform: none !important;
    width: auto !important; height: auto !important; max-width: 100% !important; max-height: 110px;
    object-fit: contain;
}
.eixams-page-layout #header .right-side {
    position: static !important; float: none !important; flex: 1 1 0 !important;
    min-width: 0; height: auto; width: auto; justify-content: flex-end;
}
.eixams-page-layout #navigation { margin: 0; max-width: 100%; }
.eixams-page-layout #navigation > ul { display: flex; flex-wrap: wrap; justify-content: flex-end; max-height: none; }
.eixams-page-layout #navigation > ul > li { flex: 0 1 auto; }
.eixams-page-layout #navigation > ul > li > a { white-space: normal; }
@media (max-width: 1099px) {
    .eixams-page-layout #navigation > ul { display: none; }
    .eixams-page-layout #header { padding: 14px 0; }
    .eixams-page-layout #header > .container { gap: 16px; }
    .eixams-page-layout #header .left-side { flex: 1 1 auto !important; margin-bottom: 0; }
    .eixams-page-layout #logo img { max-height: 80px; max-width: 240px !important; width: 100% !important; }
    .eixams-page-layout #header .right-side { flex: 0 0 48px !important; width: 48px !important; }
    .eixams-page-layout .mmenu-trigger {
        position: static !important; transform: none !important; margin: 0 !important; flex: 0 0 48px;
    }
}