.header-container{width:90vw;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color-second);padding:1vh 5vw}.header-container.admin,.header-container.main{position:relative;height:7vh;background-color:#00306e;z-index:2;box-sizing:content-box}.header-container.club-home{background-color:var(--bg-color-main);padding:2.5vh 4vw;display:flex;justify-content:space-between;width:92vw}.header-container.dark,.header-container.user-profile{background-color:var(--bg-color-footer)}.header-title{font-size:2.2rem;color:var(--text-color-main)}.dropdown-bar.dark.home,.header-title.dark{color:var(--bg-color-fourth);fill:var(--bg-color-fourth)}.dropdown-bar.dark.home{background-color:var(--bg-color-fourth)}.header-dash-container{display:flex;justify-content:space-between;align-items:center;width:62vw}.header-dash-container.admin{justify-content:flex-end}.header-link{font-size:2rem;color:var(--text-color-main);text-decoration:none;font-weight:400}.header-link.home{display:none}.header-link.admin,.header-link.main{color:white}.header-link.admin.admin-hide{display:none}.header-link.dropdown{color:var(--text-color-main)}.header-title.admin,.header-title.main{color:white}.header-link.user-profile,.header-title.user-profile{color:var(--text-color-fourth)}.header-link.first{margin-left:0}.header-link.last{margin-right:0}.header-dropdown-link:hover{text-decoration:underline}@media (hover:none){.header-dropdown-link:hover{text-decoration:none}}.dropdown-button-bar{display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;width:4.5vw;height:4vw;padding:0}.dropdown-bar{width:96%;height:6px;background:var(--text-color-main);margin:2%;border-radius:10px}.dropdown-bar.main{background:white}.header-dropdown-container{position:relative}.header-dropdown-contents{position:absolute;right:0;top:105%;width:15vw;background:var(--bg-color-main);display:flex;flex-direction:column;padding:20%;color:var(--text-color-main);border:2px solid;border-radius:5px;z-index:100}.header-dropdown-contents.small{width:10vw}.header-dropdown-link{color:var(--text-color-main);margin:5px;padding:0;background:none;border:none;text-align:left;font-size:1.1rem;text-decoration:none}.header-display-links{display:block}.header-hide-links{display:none}.header-link-button{border:none;background:transparent;width:4vw;padding:0}.header-link.img{width:100%}.header-phone-menu-container{display:none;position:fixed;top:0;z-index:1000;right:0;transform:translateX(100%);transition:transform .5s ease}.header-phone-menu-container.open{transform:translateX(0)}.header-phone-menu-background-overlay{width:100vw;height:100vh;background:#333;opacity:0;transition:opacity .5s ease;position:fixed;top:0;left:0;visibility:hidden;z-index:999}.header-phone-menu-background-overlay.open{opacity:.4;visibility:visible}.header-phone-menu-hamburger{margin-top:8vh;padding:1vw;width:6vw;min-width:calc(50px + 1vw);min-height:calc(50px + 1vw);height:6vw;border:2px solid #333;border-right:0;align-items:center;border-radius:5px 0 0 5px;position:absolute;right:100%}.header-phone-menu-body,.header-phone-menu-hamburger{background-color:#fff;display:flex;flex-direction:column}.header-phone-menu-body{position:relative;height:100vh;width:30vw;border-left:2px solid #333;padding:2vw 2vh;transition:width .5s ease}.menu-hamburger{height:100%;transform-style:preserve-3d;transition:transform .6s;display:flex;align-items:center}.menu-hamburger.open{transform:rotateY(180deg)}@media screen and (max-width:1370px){.header-link{font-size:1.4rem}.header-title{font-size:2.2rem}}@media screen and (max-width:1200px){.header-display-links{display:none}.header-hide-links{display:block}.header-link{margin:3px 0}.header-link.wrapped{margin:0}}@media screen and (max-width:770px){.dropdown-bar{height:5px}.header-title{font-size:1.7rem}}.font-size-inherit{font-size:inherit}@media screen and (max-width:700px){.header-phone-menu-container{display:flex}.header-container{display:none!important}.header-hide-links{display:none}.header-link.home{display:inherit}}@media screen and (max-width:600px){.header-phone-menu-body{width:40vw}}@media screen and (max-width:570px){.dropdown-bar{height:7px}.dropdown-button-bar{display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;width:9.5vw;height:9vw;padding:0}.header-link{font-size:1.5rem}.header-container{width:94vw;padding:1vh 3vw}}@media screen and (max-width:550px){.header-phone-menu-body{width:45vw}}@media screen and (max-width:470px){.header-phone-menu-body{width:50vw}}