header {
    position: sticky;
    z-index: 5;
    top: 0;
    height: 0;
}

.headerWrapper {
    padding-right: 3vw !important;
    padding-left: 3vw !important;
}

@media (max-width: 1446px){
	.headerWrapper{
		gap: 0px!important;
	}
}

@media (max-width: 767px){
	.headerWrapper{
		flex-wrap: nowrap!important;
		justify-content: space-between!important;
	}
}

.headerContainer#headerContainer,
header {
    background-color: transparent !important;
    background: linear-gradient(180deg, rgba(2, 0, 36, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    border: none !important;
}

.wp-block-navigation__container{
    padding: 0!important;
}

/*Logos control*/
.noDisplay {
    display: none !important;
}

.mainMenu, .mainMenu ul li {
    background-color: transparent !important;
    color: var(--wp--preset--color--white) !important;
}

.mainMenu ul li * {
    background-color: transparent !important;
}

/*BLOG Y SINGLE*/
/*.single .headerContainer#headerContainer,*/
/*.single header,*/
/*.blog .headerContainer#headerContainer,*/
/*.blog header {*/
/*    background: none;*/
/*    background-color: var(--wp--preset--color--white) !important;*/
/*}*/

/*.single .logoImage a:after,*/
/*.blog .logoImage a:after {*/
/*    background-image: url("../img/Orience_N_SVG.svg");*/
/*}*/

/*.single .mainMenu, .single .mainMenu ul li,*/
/*.blog .mainMenu, .blog .mainMenu ul li {*/
/*    background-color: var(--wp--preset--color--white) !important;*/
/*    color: var(--wp--preset--color--black) !important;*/
/*}*/

/*.single .mainMenu, .single .mainMenu ul li*/
/*.blog .mainMenu, .blog .mainMenu ul li {*/
/*    background-color: var(--wp--preset--color--white) !important;*/
/*    color: var(--wp--preset--color--black) !important;*/
/*}*/

/*.wp-block-navigation__responsive-container-open svg{*/
/*    fill: var(--wp--preset--color--white) !important;*/
/*    width: 32px !important;*/
/*    height: 32px !important;*/
/*}*/

/*SCROLL*/

.headerContainer#headerContainer.white,
header.white {
    background: none;
    background-color: var(--wp--preset--color--white) !important;
}

.mainMenu.white, .mainMenu.white ul li {
    color: var(--wp--preset--color--black) !important;
}

.mainMenu.white ul li ul,
.mainMenu ul li ul{
    background-color: var(--wp--preset--color--primary) !important;
}

.mainMenu ul li ul * {
    color: var(--wp--preset--color--white) !important;
}

.mainMenu ul li ul li ul li a span:before{
    content: '·';
    margin-right: 4px;
    font-size: 24px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    white-space:nowrap;
    padding: 15px!important;
}

li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu {
    display: flex;
    justify-content: space-between;
}



.logoImage.white a:after {
    background-image: url("../img/Orience_C_SVG.svg");
}



/*MOBILE*/
@media (max-width: 599px) {
    .headerContainer#headerContainer,
    header {
        padding: 0;
    }
	
	
}

/* neutralize and configure the wp default 600px */
@media (min-width: 768px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        z-index: auto !important;
        background-color: inherit !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0 !important;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
	
	
}

@media (max-width: 767px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }
	
	.reverseMenuDirection{
		flex-direction: row-reverse!important;
	}
}

/*Los logotipos pasan a una línea superior*/
@media screen and (min-width: 768px) and (max-width:1446px){
	.logosWrapper{
		min-width: 100%!important;
	}
}


/*Footer adjust*/
@media (max-width: 768px){
	.alignCenter{
	text-align:center!important;
	justify-content: center!important;
}
}