.sub-nav-container{background-color:var(--purple)}.sub-nav-container-inner{width:100%;text-align:right}.sub-navbar .sub-navbar__menu{flex-direction:column;display:flex;align-self:center;justify-content:center;text-transform:uppercase;width:100%}.sub-navbar__menu{flex-direction:column;display:flex;align-self:center;justify-content:center;text-transform:uppercase;width:100%}.sub-navbar .sub-navbar__menu li{margin-left:0;padding:.25rem 1.25rem;text-align:center}.sub-navbar .sub-navbar__menu li a{font-size:15px}.sub-navbar__label{padding:18px 0 16px 20px;display:inline-block;color:var(--white)}.sub-navbar__nav{width:100%;background-color:var(--purple);overflow:hidden}.sub-navbar__menu a{display:block;padding:30px;color:var(--white)}.sub-navbar__menu a:hover{background-color:var(--hover)}.sub-navbar__nav{max-height:0;transition:max-height .5s ease-out}.sub-navbar__hamb{cursor:pointer;float:right;padding:30px 20px;margin:0}.sub-navbar__hamb-line{background:var(--white);display:block;height:2px;position:relative;width:24px}.sub-navbar__hamb-line::before,.sub-navbar__hamb-line::after{background:var(--white);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.sub-navbar__hamb-line::before{top:5px}.sub-navbar__hamb-line::after{top:-5px}.sub-navbar__side-menu{display:none}.sub-navbar__side-menu:checked~nav{max-height:100%}.sub-navbar__side-menu:checked~.sub-navbar__hamb .sub-navbar__hamb-line{background:0 0}.sub-navbar__side-menu:checked~.sub-navbar__hamb .sub-navbar__hamb-line::before{transform:rotate(-45deg);top:0}.sub-navbar__side-menu:checked~.sub-navbar__hamb .sub-navbar__hamb-line::after{transform:rotate(45deg);top:0}@media (min-width:992px){.sub-navbar__nav{max-height:none;top:0;position:relative;float:right;width:fit-content;background-color:transparent}.sub-navbar__menu li{float:left}.sub-navbar__menu a:hover{background-color:transparent;color:var(--gray)}.sub-navbar__label{display:none}.sub-navbar__hamb{display:none}}@media (min-width:576px){.sub-navbar .navbar-nav{flex-direction:row}}@media (min-width:992px){.sub-navbar .navbar-nav li{margin-left:0}}