.maayan-header-desktop-outer {
    /*background-color: var(--e-global-color-darker_blue);*/
    /*background-color: var(--e-global-color-secondary);*/
    background-color: transparent;
    width: 100%;
    padding-inline: 1rem;
    display: flex;
    justify-content: center;
    position: relative;
    /*transition: background-color 300ms ease-in-out;*/
    transition: 300ms ease-in-out;

}

html:not([data-scroll='0']) .maayan-header-desktop-outer {
    background-color: var(--e-global-color-darker_blue);
}

html[data-scroll='0'] .maayan-header-desktop-outer:hover {
    background-color: var(--e-global-color-darker_blue);
}

.maayan-header-desktop-wrapper {
    /*display: flex;*/
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    /*flex-direction: row;*/
    width: 100%;
    /*max-width: 1440px;*/
    max-width: 1300px;
    /*justify-content: space-between;*/
    align-items: center;
    /*padding: 1rem;*/
    padding-block: 1rem;
    /*padding-top: 1rem;*/
    /*padding-bottom: 1rem;*/
    color: white;
    z-index: 9000;
    /*transition: background-color 300ms ease-in-out;*/
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: 20px;
}

/*<editor-fold desc="Header Menu">*/
.maayan-header-desktop-menu {
    /*display: flex;*/
    display: grid;
    grid-template-columns: repeat(4, 8rem);
    /*justify-content: space-around;*/
    /*flex-direction: row;*/
    /*flex: 0 1 35rem;*/
    list-style-type: none;
    padding-inline-start: 0;
    margin-block: auto;
    align-items: center;
}

.maayan-header-desktop-menu li {
    list-style-type: none;
}

.maayan-header-desktop-menu .menu-item>a {
    color: #AAA;
    pointer-events: none;
}

.maayan-header-desktop-menu .menu-item>a[href] {
    color: white;
    transition: color 100ms ease-in-out;
    pointer-events: inherit;
}

.maayan-header-desktop-menu .menu-item>a[href]:hover {
    color: var(--e-global-color-accent);
}

.maayan-header-desktop-menu>li {
    /*position: relative;*/
    /*display: flex;*/
}
/*</editor-fold>*/

/*<editor-fold desc="Header Mega Menu">*/
.maayan-header-mega-menu {
    position: absolute;
    display: none;
    /*background-color: transparent;*/
    background-color: var(--e-global-color-darker_blue);
    left: 0;
    right: 0;
    top: 82px;
    grid-template-columns: 1fr repeat(4, 8rem) 1fr;
    width: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
    justify-items: start;
    opacity: 0;
    transition-behavior: allow-discrete !important;
    /*transition: background-color 300ms ease-in-out;*/
    /*transition: opacity 300ms ease-in-out;*/
}

/*html:not([data-scroll='0']) .maayan-header-mega-menu {*/
/*    background-color: var(--e-global-color-darker_blue);*/
/*}*/

.maayan-header-mega-menu .sub-menu>.menu-item>a {
    color: #aaa;
}

.maayan-header-mega-menu .sub-menu>.menu-item>a:not([href]) {
    font-size: 16px;

}


.maayan-header-mega-menu .sub-menu>.menu-item>a[href] {
    color: white;
}

.maayan-header-mega-menu .sub-menu>.menu-item>a[href]:before {
    content: "> "
}

.maayan-header-mega-menu .sub-menu>.menu-item>a[href]:hover {
    color: var(--e-global-color-accent);
}

.maayan-header-mega-menu-visible {
    display: grid;
    opacity: 1;
    /*transition-behavior: allow-discrete !important;*/
    /*transition: background-color 300ms ease-in-out;*/
    background-color: var(--e-global-color-darker_blue);
}


.maayan-header-mega-menu li {
    list-style-type: none;
}


.maayan-header-mega-menu>.sub-menu {
    display: none;
    color: transparent;
    /*display: grid;*/
    /*visibility: hidden;*/
    /*opacity: 0;*/
    transition-behavior: allow-discrete !important;
    /*transition: color 300ms ease-in-out;*/
    line-height: 2.2em;

}

.maayan-header-mega-menu>.sub-menu .sub-menu {
    line-height: 2.2em;
}


/*.maayan-header-mega-menu>ul:first-child {*/
.maayan-header-mega-menu>.sub-menu.maayan-header-mega-menu-submenu-visible {
    display: grid;
    /*visibility: visible;*/
    /*opacity: 1;*/
    color: white;
    /*transition: color 300ms ease-in-out;*/
}


.maayan-header-mega-menu-columns {
    grid-template-columns: 1fr 1fr;
    /*flex-direction: row;*/
    justify-items: start;
    align-items: start;
}


/* Position submenu*/
/*.maayan-header-mega-menu>ul:first-child {*/
.maayan-header-mega-menu-submenu-visible {
    /*grid-column-start: 2;*/
    grid-column-end: last-line;
    padding-inline: 0;
}










li.maayan-header-desktop-menu__visible>div.maayan-header-desktop-submenu-wrapper {
    /*display:flex;*/
    display: grid;
    /*opacity: 1;*/
    /*transform: translateY(0);*/
    /*height: auto;*/
    /*max-height: 50vh;*/
}

.maayan-header-desktop-menu>li>.maayan-header-desktop-submenu-wrapper {
    display: none;
    /*display: grid;*/
    position: fixed;
    /*background-color: var(--e-global-color-darker_blue);*/
    background-color: var(--e-global-color-crimson);
    /*flex-direction: column;*/
    left: 0;
    right: 0;
    grid-template-columns: 1fr repeat(4, 8rem) 1fr;
    width: auto;
    justify-items: start;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    /*transform: translateY(-50vh);*/
    /*height: 0;*/
    /*max-height: 0px;*/
    overflow: hidden;
    /*opacity: 0;*/
    /*transition: 300ms ease-in-out;*/
    /*transition-property: display, opacity;*/
    /*transition-delay: 10ms;*/
    /*transition: transform 0.2s ease-in-out,*/
    /*opacity 0.2s ease-in-out;*/
    z-index: 8000;
}

.maayan-header-desktop-menu-columns>.sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*flex-direction: row;*/
    justify-items: start;
    align-items: start;
}

.maayan-header-desktop-menu>li>.maayan-header-desktop-submenu-wrapper>.sub-menu {
    /*grid-column: 2 / span 4;*/
    grid-column-end: last-line;
    padding-inline: 0;
}

.maayan-header-desktop-menu>li>.sub-menu {
    /*display: none;*/
    /*position: fixed;*/
    background-color: var(--e-global-color-darker_blue);
    flex-direction: column;
    /*left: 0;*/
    /*right: 0;*/
    /*justify-content: start;*/
    align-items: start;
    margin-block-start: 1rem;
    /*padding-inline-end: 20%;*/
    /*z-index: 99;*/
}

/*</editor-fold>*/

/*<editor-fold desc="Logo">*/
.maayan-header-desktop-logo {
    display: flex;
}

.maayan-header-desktop-logo svg {
    height: 50px;
}

.maayan-header-desktop-logo svg {
    display: flex;
}

.maayan-header-desktop-logo svg #MaayanGradient stop {
    transition: 300ms ease-in-out;
}

html[data-scroll='0'] .maayan-header-desktop-logo svg #MaayanGradient stop {
    stop-color: #FFF;
}

.maayan-header-desktop-logo .maayan-logo-circle {
    /*background: rgb(230,36,96);*/
    fill: url(#MaayanGradient);
    /*fill: darkslategray;*/
    fill-rule: nonzero;
}

html:not([data-scroll='0']) .maayan-header-desktop-logo .maayan-logo-circle {
    fill: url(#MaayanGradient);
}

.maayan-logo {
    display: flex;
}

.maayan-logo-text path{
    fill: white !important;
    fill-rule: nonzero;
}


.maayan-header-desktop-buttons {
    justify-self: end;
    display: flex;
    gap: 1rem;
}

.maayan-header-desktop-buttons>a{
    color: white;
    border: solid 1px white;
    /*border-radius: 50vh;*/
    border-radius: 2em 0.6em 2em 2em;
    font-family: var(--e-global-typography-accent-font-family);
    background-color: transparent;
    font-size: 20px;
    font-weight: 300;
    padding: 9px 19px;
}

.maayan-header-desktop-buttons>a:hover {
    color: var(--e-global-color-darker_blue);
    background-color: white;
    transition: 100ms ease-in-out;
}
/*</editor-fold>*/