header{box-shadow:0 -1px 28px 0 rgba(0,0,0,.18);padding-bottom:1rem;padding-top:1rem;z-index:40;@media (max-width:1279px){padding-bottom:.5rem;padding-top:.5rem}.navbar{.navbar-item>a{font-size:1rem;height:100%;position:relative;z-index:2;&:not(.btn){&:after{background:var(--feather-gray);content:"";height:1.5px;opacity:0;position:absolute;top:85%;transition:all .3s linear;width:0}&.active,&.currentPage,&:hover{&:after{opacity:1;transition:all .3s linear;width:100%}}}svg{transition:all .2s linear;@media (min-width:1280px){max-width:10px}}&.active{svg{transform:rotate(180deg)}}}}.navbar-menu-dropdown{flex-direction:row;&.open{max-height:1000px}@media (min-width:1280px){box-shadow:0 14px 14px 0 rgba(0,0,0,.1),inset 0 20px 20px -20px rgba(0,0,0,.1);opacity:0;transform:scaleY(0);transform-origin:top;transition:transform .3s ease,opacity .2s ease;&.open{opacity:1;transform:scaleY(1)}a:hover{color:var(--secondary);svg rect{fill:#dfe6e6;transition:all .3s linear}}}}@media (max-width:1279px){.navbar-item{height:100%;overflow:hidden!important}.navbar-menu-dropdown{height:100%}.navbar-menu-dropdown>div{flex-direction:column}div.navbar-menu{background:var(--color-stone-white);display:block!important;inset:0;overflow:auto;position:fixed;top:4rem;transition:all .3s linear;&.close{display:none;transform:translateX(100%)}&.open{background:#f3f2eb;transform:translateX(0)}>nav{.navbar-item{>a{background:#fff;border-bottom:1px solid var(--feather-gray);display:flex;padding:2rem;width:100%;&:hover{background-color:#dfe6e6}svg{transition:all .3s linear}&.active{svg{transform:rotate(180deg)}}}@media (max-width:1279px){width:100%}}.navbar-item-child{>a{display:flex;width:100%;&:hover{color:var(--secondary)}}@media (max-width:1279px){width:100%}}}}}}