/*
  MENU v 1.1;
  05/2023;
  João Diogo Pereira;
*/

.site-header{
    z-index: 99;
}

.site-header .logo-header{
    z-index: 99;
}

.site-header .logo-header img {
    max-width: 180px; 
    height: auto;
    position: relative;
    z-index: 99;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation .navigation-lvl1 > a{
    font-family: 'Syne';
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    color: var(--white);
    text-transform: uppercase;
    padding: .5rem 1rem;
    text-decoration-color: transparent;
    transition: all .3s ease-in-out;
}

.main-menu .navigation .navigation-lvl1.hasSubmenu::after{
    content: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.39404 0.199829C4.46766 0.199829 4.54122 0.214781 4.60889 0.243774C4.67638 0.272734 4.73691 0.315622 4.7876 0.368774L8.43896 4.19983C8.53524 4.30084 8.58826 4.4353 8.58838 4.57483C8.58838 4.71454 8.53536 4.84968 8.43896 4.95081L8.43506 4.95374H8.43408C8.38589 5.00446 8.32844 5.04525 8.26416 5.07288C8.19982 5.1005 8.13008 5.11487 8.06006 5.11487C7.99018 5.11482 7.92115 5.10044 7.85693 5.07288C7.79265 5.04528 7.73424 5.00542 7.68604 4.95471L4.39404 1.49768L1.10205 4.95471C1.05398 5.0052 0.996174 5.04533 0.932129 5.07288C0.867784 5.1005 0.798049 5.11487 0.728027 5.11487C0.658139 5.11484 0.589134 5.10043 0.524902 5.07288C0.460648 5.04529 0.402192 5.00538 0.354004 4.95471L0.353027 4.95374L0.350098 4.95081C0.253697 4.84968 0.199707 4.71454 0.199707 4.57483C0.199823 4.43528 0.253801 4.30084 0.350098 4.19983L4.00049 0.368774C4.05127 0.315473 4.11251 0.272768 4.18018 0.243774C4.24774 0.214834 4.32054 0.19987 4.39404 0.199829Z" fill="white" stroke="white" stroke-width="0.4"/></svg>');
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-30%) rotate(180deg) scaleY(1);
    width: .5rem;
    height: auto;
    transition: all .3s ease-in-out;
}

.main-menu .navigation .navigation-lvl1:hover > a,
.main-menu .navigation .navigation-lvl1.current-menu-item > a{
    text-decoration-color: var(--white);
    color: var(--white);
}

.main-menu .navigation .navigation-lvl1:hover::after{
    transform: translateY(-55%) rotate(180deg) scaleY(-1);
}

.main-menu .navigation .submenu{
    position: absolute;
    right: 0;
    top: 100%;
    width: fit-content;
    z-index: 100;
    background-color: var(--white);
    margin: 0;
    padding: .75rem 1rem;
    opacity: 0;
    transform: scale(0);
    transform-origin: top right;
    transition: all .3s ease-in-out;
}

.main-menu .navigation .navigation-lvl1:hover .submenu{
    opacity: 1;
    transform: scale(1);
}

.main-menu .navigation .submenu li a{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    color: var(--black);
    text-decoration-color: transparent;
    text-align: center;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
}

.main-menu .navigation .submenu li:not(:last-child) a{
    margin-bottom: .75rem;
}

.main-menu .navigation .submenu li a:hover,
.main-menu .navigation .submenu li.current-menu-item a{
    color: var(--black);
    text-decoration-color: var(--black);
}

.site-header .socials a{
    position: relative;
    z-index: 99;
}

/*MOBILE*/

.menu-mobile{
    display: none;
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    width: 50vw;
    transform: translateX(50vw);
    transition: transform .3s ease-in-out;
    background-color: var(--gray);
    top: 0;
    overflow: auto;
    display: unset!important;
}

.sidebarMenuInner{
    margin:0;
    padding:0;
    padding-top: var(--headerHeight);
}

.sidebarMenuInner li{
    list-style: none;
    padding: 1rem;
}

.sidebarMenuInner li a{
    font-family: 'Barlow';
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    color: var(--white);
    text-decoration-color: transparent;
    text-align: left;
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
}

.sidebarMenuInner li a:hover,
.sidebarMenuInner li.current-menu-item > a{
    color: var(--white);
    text-decoration-color: var(--white);
}

.sidebarMenuInner .submenu{
    padding-left: 0;
}

.sidebarMenuInner .submenu li:last-child{
    padding-bottom: 0;
}

input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input.openSidebarMenu[type=checkbox] {
    transition: all .3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    height: 15px;
    width: 22px;
}

.menu__spinner {
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: var(--white);
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

@media only screen and (max-width: 992px){
    .menu-mobile{
        display: block;
    }
}