.navbar{align-self:flex-start;align-items:flex-start;justify-content:flex-start}.navbar-custom{vertical-align:text-top;position:relative}.navbar-toggler{background-color:var(--mainBackground,#fff)}.navbar-toggler:hover{cursor:pointer}.navbar-toggler:hover .mainNav{display:flex}.nav-opener::after{content:'';display:inline-block;background-image:url(images/ui-icons_444444_256x240.png);background-repeat:no-repeat;background-size:256px 240px;width:16px;height:16px;margin-left:0;vertical-align:text-top;background-position-x:-32px;background-position-y:-16px}.navbar-toggler:hover .nav-opener::after{background-position-x:-64px;background-position-y:-16px}.navbar-custom .navbar-toggler{border-radius:0;vertical-align:text-top}.navbar-toggler-icon{display:inline-flex;width:40px;height:40px;background-size:contain;background-position:center}.mainNav{border:1px solid var(--mainBackground,#fff);background-color:var(--mainBackground,#fff);z-index:80;width:100%;padding:0.5em;padding-bottom:1em;position:absolute;text-align:left;flex-direction:column;gap:0.25em;display:none}.mainNav a{text-align:center}.mainNav a:hover{background-color:var(--focusColor,#8dc63f)}.mainNav ul{padding-left:0.5em}.mainNav ul li{padding:0.25em}