Global - Header Nav

/* Header, Update navbar font to be same as Titles */
nav#global-navbar .navigation {
    text-transform: uppercase;
    font-family: var(--global-primary-font-family);
  .navigation__item .sub-nav {
    font-family: var(--global-primary-font-family);
  }
}
/* END */

/* START - header nav theme - WB Nicolas V*/
nav#global-navbar{
    background-color: unset!important;
        /* START - default state - homepage header nav*/
    .header.theme-light{
        .header__hamburger{
            circle {
                fill: #ffffff;
            }
            svg rect{
                fill:#4B4949!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#fff;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #fff;
                background-color: #4B4949 ;
            }
            .navigation__link:after{
                background: #fff;
            }
        }
        .search__btn svg {
            color:#fff;
        }
        a.header__btn-contact{
            background: transparent;
            color: #fff!important;
            border-color: #fff!important;
            &:hover{
                background: #fff!important;
                color: #C4A95E !important;
                border-color: #fff!important;
            }
        }
    }
    /* END- default state - homepage header nav*/
    
    .header{
        .header__hamburger{
            circle {
                fill: #4B4949;
            }
            svg rect{
                fill:#fff!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#000;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #fff;
                background-color: #4B4949;
            }
            .navigation__link:after{
                background: #4B4949;
            }
        }
        .search__btn svg {
            color:#000;
        }
    }
    /* END - default state - other pages header nav(property details+home val)*/
        /* START - scrolled state header nav in all pages(including homepage)*/
    &.scroll .header{
        background-color: #000;
        .header__hamburger{
            circle {
                fill: #fff;
            }
            svg rect{
                fill:#4B4949!important;
            }
        }
        ul.navigation li.navigation__item{
        color:#fff;
            .sub-nav__link {
                color: #000;
                background-color: #fff;
            }
            .sub-nav__link:hover {
                color: #fff;
                background-color: #4B4949;
            }
            .navigation__link:after{
                background: #fff;
            }
        }
        .search__btn svg {
            color:#fff;
        }
        a.header__btn-contact{
            background: transparent;
            color: #C4A95E!important;
            border-color: #C4A95E!important;
            &:hover{
                background: #C4A95E!important;
                color: #fff!important;
                border-color: #C4A95E!important;
            }
        }
    }
    /* ENd - scrolled state header nav in all pages(including homepage)*/
}
/* END - header nav theme*/