header{background-color:var(--color-white);height:80px;.header-inner{height:100%;.header-col{height:100%;.header-logo{display:inline-flex;height:100%}.mobile-menu-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;margin-left:auto;padding:0;position:relative;width:40px;z-index:1001;@media (max-width:1180px){display:flex}&.active{.mobile-menu-toggle__bar{&:first-child{transform:rotate(-45deg) translate(-6.5px,6px)}&:nth-child(2){opacity:0}&:nth-child(3){transform:rotate(45deg) translate(-6.5px,-6px)}}}.mobile-menu-toggle__bar{background-color:var(--color-blue-dark);height:3px;margin:3px 0;transition:all .3s ease;width:25px}}nav{&.header-nav{display:flex;gap:2rem;height:100%;justify-content:flex-end;@media (max-width:1180px){display:none}ul{align-items:center;display:flex;gap:2rem;list-style-type:none;margin:0;padding:0;&.header-nav__list{flex-wrap:wrap;justify-content:center;margin:20px 0 0;@media (min-width:768px){justify-content:flex-end;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}li.header-nav__item{display:inline-flex;position:relative;a.header-nav__link{color:var(--color-blue-dark);display:inline-flex;font-family:var(--font-secondary);font-size:var(--font-size-md-paragraph);font-weight:var(--font-bold);padding:.5rem 1rem;text-decoration:none;transition:color .2s ease;&:hover,&[aria-current=page]{color:var(--color-orange)}}&.has-children{a.header-nav__link{&:after{border-color:var(--color-blue-dark);border-style:solid;border-width:.125em .125em 0 0;content:"";display:inline-block;height:.75rem;margin-left:.65rem;position:relative;top:2px;transform:rotate(135deg);transition:border-color .2s ease;width:.75rem}&:hover:after{border-color:var(--color-orange)}}}ul.header-nav__dropdown{align-items:flex-start;background-color:var(--color-white);box-shadow:0 2px 8px rgba(0,0,0,.1);display:none;flex-direction:column;gap:0;left:0;margin:0;min-width:200px;padding:.5rem 0;position:absolute;top:100%;z-index:1000;li.header-nav__dropdown-item{display:block;width:100%;a.header-nav__dropdown-link{color:var(--color-blue-dark);display:block;font-size:var(--font-size-md-paragraph);font-weight:var(--font-regular);padding:.5rem 1rem;text-decoration:none;white-space:nowrap;width:100%;&:hover,&[aria-current=page]{color:var(--color-orange)}&[aria-current=page]{font-weight:var(--font-bold)}}}}&.has-children:hover ul.header-nav__dropdown{display:flex}}}&.header-links{flex-wrap:wrap;justify-content:center;margin:20px 0 0;@media (min-width:768px){justify-content:flex-end;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}li{display:inline-flex;a{text-decoration:none}}}}}}.mobile-menu{background-color:var(--color-blue-dark);height:100vh;max-width:500px;overflow-y:auto;position:fixed;right:-500px;top:80px;transition:right .3s ease;width:100%;z-index:1000;@media (min-width:1181px){display:none}&.active{right:0}.mobile-menu__content{padding:80px 2rem 2rem}.mobile-menu__list{list-style-type:none;margin:0 0 2rem;padding:0}.mobile-menu__item{&.has-children{.mobile-menu__link{align-items:center;display:flex;justify-content:space-between;width:100%;&:after{border-color:var(--color-white);border-style:solid;border-width:.125em .125em 0 0;content:"";display:inline-block;height:.75rem;position:relative;top:0;transform:rotate(135deg);transition:transform .3s ease;width:.75rem}&.active:after{transform:rotate(-45deg)}}}}.mobile-menu__link{background:transparent;border:none;color:var(--color-white);cursor:pointer;display:block;font-family:var(--font-secondary);font-size:var(--font-size-md-paragraph);font-weight:var(--font-bold);padding:1rem 0;text-align:left;text-decoration:none;&:hover{color:var(--color-orange)}}.mobile-menu__dropdown{display:none;list-style-type:none;margin:0;padding:0;&.active{display:block}}.mobile-menu__dropdown-item{padding-left:1rem}.mobile-menu__dropdown-link{color:var(--color-white);display:block;font-size:var(--font-size-md-paragraph);font-weight:var(--font-regular);padding:.75rem 0;text-decoration:none;&:hover{color:var(--color-orange)}}.mobile-menu__buttons{display:flex;flex-direction:column;gap:1rem;list-style-type:none;margin:0;padding:0;li{width:100%}}}}}}