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;&:after{background:var(--feather-gray);content:"";height:1.5px;opacity:0;position:absolute;top:100%;transition:all .3s linear;width:100%}&:hover{&:after{opacity:0;top:85%;transition:all .3s linear}}svg{transition:all .2s linear;@media (min-width:1280px){max-width:10px}}&.active{a{color:var(--secondary)}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{display:relative}a:after{background:var(--feather-gray);content:"";height:1.5px;left:50%;opacity:0;position:absolute;top:115%;transform:translateX(-50%);transition:all .3s linear;width:50%}a:hover{&:after{opacity:100%;top:100%;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%}}}}}}