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

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

/*MOBILE*/

#sidebarMenu {
    height: 100vh;
    height: 100svh;
    position: fixed;
    right: 0;
    width: 100vw;
    transform: translateX(100vw);
    transition: transform .3s ease-in-out;
    top: 0;
    overflow: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.sidebarMenuInner{
    margin:0;
    list-style-type: disc;
}

.sidebarMenuInner li{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    transition: all .3s ease-in-out;
}

.sidebarMenuInner li.current-menu-item a, .sidebarMenuInner li a:hover, .sidebarMenuInner .navigation-lvl2 > a:hover {
    color: #894D3E;
}

.sidebarMenuInner .navigation-lvl2 > a, .sidebarMenuInner p.navigation-lvl2{
    font-weight: 200;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #fff;
    text-decoration: none;
}

.sidebarMenuInner .navigation-lvl1 > a {
    font-size: 60px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.sidebarMenuInner li:hover {
    background-color: var(--secondaryColor);
}

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

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

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    height: 15px;
    width: 22px;
    position: relative;
    z-index: 99;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}

.sidebarIconToggle .spinner{
    color: #894D3E;
}

.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;
}

.menu--palace #sidebarMenu{
    background-color: #ebf0e4;
}

.menu--palace .spinner{
    background-color: #040404;
}

.menu--palace .sidebarIconToggle:hover .spinner{
    background-color: #af6900;
}

.menu--palace .sidebarMenuInner li{
    color: #040404;
}

.menu--palace .sidebarMenuInner .navigation-lvl1 > a{
    color: #040404;
}

.menu--palace .sidebarMenuInner li.current-menu-item a, .menu--palace .sidebarMenuInner li a:hover, .menu--palace .sidebarMenuInner .navigation-lvl2 > a:hover{
    color: #af6900;
}

.menu--palace .sidebarMenuInner .navigation-lvl2 > a, .menu--palace .sidebarMenuInner p.navigation-lvl2{
    color: #040404;
}

.menu--rustica #sidebarMenu{
    background-color: #f2ece5;
}

.menu--rustica .spinner{
    background-color: #8DA4AC;
}

.menu--rustica .sidebarIconToggle:hover .spinner{
    background-color: #384245;
}

.menu--rustica .sidebarMenuInner li{
    color: #000;
}

.menu--rustica .sidebarMenuInner .navigation-lvl1 > a{
    color: #000;
}

.menu--rustica .sidebarMenuInner li.current-menu-item a, .menu--rustica .sidebarMenuInner li a:hover, .menu--rustica .sidebarMenuInner .navigation-lvl2 > a:hover{
    color: #8DA4AC;
}

.menu--rustica .sidebarMenuInner .navigation-lvl2 > a, .menu--rustica .sidebarMenuInner p.navigation-lvl2{
    color: #000;
}

.menu--qb #sidebarMenu{
    background-color: #eae2d7;
}

.menu--qb .spinner{
    background-color: #000;
}

.menu--qb .sidebarIconToggle:hover .spinner{
    background-color: #56603d;
}

.menu--qb .sidebarMenuInner li{
    color: #000;
}

.menu--qb .sidebarMenuInner .navigation-lvl1 > a{
    color: #000;
}

.menu--qb .sidebarMenuInner li.current-menu-item a, .menu--qb .sidebarMenuInner li a:hover, .menu--qb .sidebarMenuInner .navigation-lvl2 > a:hover{
    color: #56603d;
}

.menu--qb .sidebarMenuInner .navigation-lvl2 > a, .menu--qb .sidebarMenuInner p.navigation-lvl2{
    color: #000;
}

.menu--default ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
}

.menu--default a{
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #101010;
    text-transform: uppercase;
    border-bottom: 1px solid transparent; 
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.menu--default a:hover{
    border-bottom: 1px solid #101010;
}

@media only screen and (max-width: 767px){
    .sidebarMenuInner .navigation-lvl1 > a{
        font-size: 30px;
    }

    .sidebarMenuInner .navigation-lvl2 > a, .sidebarMenuInner p.navigation-lvl2{
        font-size: 16px;
    }
}