.wpb-navigation{--nav-bg-clr:#fff;position:absolute;z-index:1040;width:100%;.container{--gap:2.4rem;display:flex;align-items:center;justify-content:space-between;column-gap:var(--gap)}.wpb-navigation__main{background:rgba(var(--clr-light-rgb),.75);padding:2rem 0}.logo{display:inline-flex;img{height:4.2rem;width:auto}}}.btn--nav-toggle{svg{fill:var(--clr);rect{transition:y var(--ts-25) ease var(--ts-25),transform var(--ts-25) ease,opacity var(--ts-25);transform-origin:center}}&:hover svg rect{fill:var(--hover-clr)}&:focus svg rect{fill:var(--focus-clr)}&:active svg rect{fill:var(--active-clr)}&[aria-expanded="true"]{svg .top{transform:translateY(5px) translateX(-4px) rotate(45deg)}svg .middle{opacity:0}svg .bottom{transform:translateY(-5px) translateX(-4px) rotate(-45deg)}}}.wpb-navigation__collapse{ul{list-style:none}.menu-item{.menu-link{color:var(--clr-text);font-weight:500;width:100%;text-decoration:none;display:inline-flex;align-items:center;column-gap:2rem;line-height:1;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-primary)}}&.menu-item--current>.menu-link span{position:relative}&.menu-item-has-children{position:relative}}}@media (max-width:991.98px){.wpb-navigation__collapse{max-width:45rem;transform:translate3d(100%,0,0);width:100%;display:none;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:auto;background-color:var(--nav-bg-clr);z-index:1030;overflow:hidden;transition:transform var(--ts-35) ease;&.active{pointer-events:all;transform:translate3d(0%,0,0)}&.wpb-navigation__collapse--left{transform:translate3d(-100%,0,0);left:0;right:auto;&.active{transform:translate3d(0%,0,0)}}.wpb-collapse__header{font-size:1.6rem;font-weight:700;padding:2rem;display:flex;justify-content:space-between;align-items:center}.wpb-collapse__body{padding:2rem;flex-grow:1;overflow-y:auto;overscroll-behavior:contain}.wpb-collapse__footer{padding:2rem;.btn-group{align-items:stretch;gap:var(--gap);flex-direction:column}}.menu-item{.menu-link{font-size:2rem;padding:1.5rem 0}&.menu-item-has-children>.menu-link>.btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}}}.wpb-sub-menu{display:flex;flex-direction:column;height:100%;overflow:hidden;list-style:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--nav-bg-clr);z-index:1;overflow-y:auto;transform:translate3d(100%,0,0);transition:transform var(--ts-35) ease;&.active{transform:translate3d(0,0,0)}.wpb-sub-menu__header{font-size:1.6rem;font-weight:700;padding:2rem;display:flex;align-items:center;justify-content:space-between}.wpb-sub-menu__body{padding:2rem}}}@media (min-width:992px){.wpb-navigation{.btn.btn--nav-toggle,.wpb-collapse__header,.wpb-sub-menu__header{display:none}.container{max-width:100%}}.wpb-navigation__collapse{width:100%;display:flex!important;justify-content:space-between;align-items:center;.menu-item{.menu-link{font-size:1.6rem;position:relative;padding:1rem 1.6rem}&.menu-item--current>.menu-link span{&::after{content:'';position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);width:102%;height:2px;background-color:var(--clr-primary)}}&.menu-item-has-children{>.menu-link{display:flex;justify-content:space-between;>.btn{--bg-clr:transparent;--border:none;--clr:var(--clr-text);width:auto;height:auto;min-height:0}}&:hover>.wpb-sub-menu{pointer-events:all;opacity:1}}}.wpb-menu{display:flex;align-items:center;>.menu-item>.menu-link{padding:1.2rem 2rem;>.btn{transform:rotate(90deg);--border:none}}.wpb-sub-menu{position:absolute;top:100%;right:auto;bottom:auto;left:50%;transform:translateX(-50%);box-shadow:0 .5rem .5rem rgb(21 47 51 / .1);width:100%;padding:0;min-width:20rem;height:auto!important;background-color:var(--nav-bg-clr);opacity:0;overflow:visible;pointer-events:none;transition:opacity var(--ts-25) ease;.wpb-sub-menu{top:0;left:100%;transform:none}.wpb-sub-menu__header{display:none}}}}}@media (min-width:1200px){.wpb-navigation{.container{--gap:8rem;max-width:var(--wpb-width)}}}@media (min-width:1400px){.wpb-navigation{.container{--gap:12rem}}}