@import url("https://use.typekit.net/hsq3qis.css");

/* League Gothic */
/* Regular */
@font-face {
  font-display: swap;
  font-family: "League Gothic";
  src: url("../fonts/leaguegothic-regular-webfont.eot");
  src: url("../fonts/leaguegothic-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/leaguegothic-regular-webfont.woff") format("woff"),
    url("../fonts/leaguegothic-regular-webfont.ttf") format("truetype"),
    url("../fonts/leaguegothic-regular-webfont.svg#league_gothicregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Italic */
@font-face {
  font-display: swap;
  font-family: "League Gothic";
  src: url("../fonts/leaguegothic-italic-webfont.eot");
  src: url("../fonts/leaguegothic-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/leaguegothic-italic-webfont.woff") format("woff"),
    url("../fonts/leaguegothic-italic-webfont.ttf") format("truetype"),
    url("../fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular")
      format("svg");
  font-weight: normal;
  font-style: italic;
}

/* Condensed */
@font-face {
  font-display: swap;
  font-family: "League Gothic Condensed";
  src: url("../fonts/leaguegothic-condensed-regular-webfont.eot");
  src: url("../fonts/leaguegothic-condensed-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/leaguegothic-condensed-regular-webfont.woff") format("woff"),
    url("../fonts/leaguegothic-condensed-regular-webfont.ttf")
      format("truetype"),
    url("../fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Condensed Italic */
@font-face {
  font-display: swap;
  font-family: "League Gothic Condensed";
  src: url("../fonts/leaguegothic-condensed-italic-webfont.eot");
  src: url("../fonts/leaguegothic-condensed-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/leaguegothic-condensed-italic-webfont.woff") format("woff"),
    url("../fonts/leaguegothic-condensed-italic-webfont.ttf") format("truetype"),
    url("../fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg")
      format("svg");
  font-weight: normal;
  font-style: italic;
}

/* Oswald */
/* Regular */
@font-face {
  font-display: swap;
  font-family: "Oswald";
  src: url("../fonts/oswald-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* SemiBold */
@font-face {
  font-display: swap;
  font-family: "Oswald SemiBold";
  src: url("../fonts/oswald-semibold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Jost */
/* Regular */
@font-face {
  font-display: swap;
  font-family: "Jost";
  src: url("../fonts/jost-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Italic */
@font-face {
  font-display: swap;
  font-family: "Jost";
  src: url("../fonts/jost-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

/* Menu */
.koala__ui-store_menu-desktop_nav_items-div a {
  font-weight: normal !important;
  text-transform: uppercase;
}

.koala__ui-menu-category-heading h2 {
  font-weight: normal !important;
  text-transform: uppercase;
}
.koala__ui-menu-category-heading p {
  color: #319a8b;
  font-family: "brandon-grotesque", "Arial", "Helvetica";
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

/* PDP Overrides */
.koala__ui-product_detail-product_info-div h2 {
  font-family: "League Gothic", "Arial", "Helvetica" !important;
  font-size: 48px !important;
  font-weight: normal !important;
  text-transform: uppercase;
}
.koala__ui-store_menu-product_option_group_header h3 {
  color: #319a8b !important;
  font-size: 20px !important;
  font-weight: 600;
  text-transform: uppercase;
}

/* Location Overrides */
.koala__ui-location_list-div h1 {
  font-weight: normal !important;
  text-transform: uppercase;
}

.koala__ui-location-card [data-css-override*="StyledCardLinks"] a,
.koala__ui-location-card [data-css-override*="StyledCardLinks"] button {
  font-size: 13px;
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 767px) {
  .koala__ui-item-option-image {
    min-height: 85px;
  }
}

.koala__ui-checkout_payment_details-pay_in_store-div {
  display: none !important;
}

.koala__ui-checkout_payment_details-pay_in_store-div
  + .koala__ui-checkout_payment_details-new_credit_card-div {
  display: none !important;
}