@import './header-dropdown.css';
.header {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 1000;
}

.header--relative {
    position: relative;
}

.header--absolute {
    position: absolute;
}

.header--dark {
  background-color: var(--color-charcoal-gray);
}

.header--light {
  background-color: var(--color-white);
}

.header--transparent .header__dropdown-icon::before,
.header--transparent .header__dropdown-icon::after,
.header--light .header__dropdown-icon::before,
.header--light .header__dropdown-icon::after {
  background-color: var(--color-black);
}

.header--transparent .header__dropdown-menu::before,
.header--light .header__dropdown-menu::before {
  background-color: var(--color-black);
}

.header--transparent .header__dropdown-menu-item,
.header--light .header__dropdown-menu-item {
  color: var(--color-black);
}

.header--semi-transparent {
  background-color: rgba(0, 0, 0, 0.3);
}

.header--expanded {
  padding-bottom: 3rem;
}

.header__nav {
    display: -webkit-flex;
    display: flex;
}

.header__link {
    -webkit-flex: 1;
    flex: 1;
    font-size: 1.25rem;
    background-color: transparent;
    border: none;
    text-align: center;
    font-family: FamiljenGrotesk, sans-serif;
    -webkit-align-self: center;
            align-self: center;
    padding: 4px 4px 4px 2rem;
}

.header__faves-logo {
    -webkit-order: 1;
            order: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}

.header__filler {
    display: none;
}

.header__logo {
    width: 80px;
    aspect-ratio: 2.94/1;
    background-image: url('/static/faves-logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.header--transparent .header__logo,
.header--light .header__logo {
    background-image: url('/static/faves-logo-black.svg');
}

.header--semi-transparent .header__logo,
.header--dark .header__logo {
    background-image: url('/static/faves-logo-white.svg');
}

.header__button-container--join-faves {
  -webkit-order: 5;
          order: 5;
}

.header__button-container--athlete-portal {
  -webkit-order: 6;
          order: 6;
}

.header__dropdown {
    -webkit-order: 2;
            order: 2;
}

@media screen and (min-width: 999px) {
  .header {
    padding-top: 16px;
    padding-left: 100px;
    padding-right: 50px;
    padding-bottom: 8px;
  }

  .header--expanded {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 750px) {
  .header__link {
    font-size: 1.5rem;
  }

  .header__faves-logo {
    -webkit-order: 1;
    order: 1;
  }

  .header__filler {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 6;
    flex: 6;
    -webkit-order: 2;
    order: 2;
  }

  .header__logo {
    width: 100px;
  }
}

@media screen and (max-width: 999px) {
  .header__button-container {
    display: none;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhlYWRlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0JBQUE7QUFDQTtJQUNJLGlCQUFBO0lBQ0Esa0JBQUE7SUFDQSxtQkFBQTtJQUNBLG9CQUFBO0lBQUEsMkJBQW1CO0lBQW5CLHdCQUFtQjtJQUduQixtQkFBbUI7SUFDbkIsV0FBQTtJQUNBLHlCQUZKO0lBR0ksYUFBQTtBQUNKOztBQUVBO0lBQ0ksa0JBSEo7QUFJQTs7QUFFQTtJQUNJLGtCQUFrQjtBQUN0Qjs7QUFFQTtFQUNFLDRDQUE0QztBQUM5Qzs7QUFFQTtFQUNFLG9DQUFvQztBQUN0Qzs7QUFFQTs7OztFQUlBLG9DQUFBO0FBQ0E7O0FBRUE7O0VBRUUsb0NBQW9DO0FBQ3RDOztBQUVBOztFQUVFLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNBLG9DQUFBO0FBQ0E7O0FBRUE7RUFDRSxvQkFBb0I7QUFDdEI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDekIsYUFBQTtBQUNBOztBQUVBO0lBQ0UsZUFBQTtJQUNGLE9BQUE7SUFDQSxrQkFBQTtJQUNJLDZCQUE2QjtJQUNqQyxZQUFBO0lBQ0ksa0JBQUE7SUFDSix3Q0FBQTtJQUNBLDBCQUFBO1lBQ1ksa0JBQWtCO0lBQzlCLHlCQUFBO0FBQ0E7O0FBRUE7SUFDSSxnQkFBQTtZQUNBLFFBQUE7SUFDQSxxQkFBQTtJQUNBLGFBQUE7SUFDQSwyQkFBSjtZQUNBLG1CQUFBO0lBQ0ksK0JBQVk7WUFDSix1QkFBdUI7QUFDbkM7O0FBRUE7SUFDQSxhQUFBO0FBQ0E7O0FBRUE7SUFDSSxXQUFRO0lBQ1Isb0JBQUE7SUFBQSwrQ0FBYTtJQUNiLHdCQUFBO0lBRUEsNEJBRkE7SUFDQSwyQkFBQTtBQUdKOztBQUVBOztJQUVJLHFEQUhvQjtBQUl4Qjs7QUFFQTs7SUFESSxxREFBSTtBQUlSOztBQUVBO0VBQ0UsZ0JBSE07VUFDQSxRQUFBO0FBSVI7O0FBRUE7RUFDRSxnQkFIRjtVQUNBLFFBQUE7QUFJQTs7QUFFQTtJQUZBLGdCQUFBO1lBQ0EsUUFBQTtBQUlBOztBQUVBO0VBQ0U7SUFDRSxpQkFISjtJQUNJLG1CQUFBO0lBQ0osbUJBQUE7SUFJSSxtQkFBbUI7RUFGdkI7O0VBS0U7SUFGRixzQkFBQTtFQUlFO0FBRkY7O0FBS0E7RUFGQTtJQUlJLGlCQUFpQjtFQUZyQjs7RUFLRTtJQUZFLGdCQUFBO0lBQ0osUUFBQTtFQUlFOztFQURGO0lBSUkscUJBSGM7SUFDbEIsYUFBQTtJQUlJLGVBQWU7SUFGbkIsT0FBQTtJQUNBLGdCQUFBO0lBSUksUUFITTtFQUNWOztFQUVBO0lBQ0ksWUFBQTtFQUlGO0FBRkY7O0FBS0E7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6ImhlYWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyIHtcbiAgICBwYWRkaW5nLXRvcDogMjBweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG4gICAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMjBweDtcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xufVxuXG4uaGVhZGVyLW5hdiB7XG4gICAgZGlzcGxheTogZmxleDtcbn1cblxuLmhlYWRlci1saW5rIHtcbiAgICBmbGV4OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5oZWFkZXItbGluay1zdGFydCB7XG4gICAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG5cbi5oZWFkZXItbGluay1lbmQge1xuICAgIHRleHQtYWxpZ246IGVuZDtcbn1cblxuLmhlYWRlci1sb2dvIHtcbiAgICB3aWR0aDogNjBweDtcbn0iXX0= */