﻿/* =========================
   BUTTON BASE
   ========================= */
.btn-primary-01,
.btn-secondary-01 {
  font-family: 'Public Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 48px;
  padding: 0 24px;
  border-radius: 9999px;
  border: 0;
  white-space: nowrap;
}
/* =========================
   PRIMARY (YELLOW)
   ========================= */
.btn-primary-01 {
  color: #131415;
  background-color: #fcdc00;
}
.btn-primary-01:hover,
.btn-primary-01:focus,
.btn-primary-01:active {
  color: #131415;
  background-color: #feee80;
  text-decoration: none !important;
}
/* =========================
   SECONDARY (WHITE)
   ========================= */
.btn-secondary-01 {
  color: #131415;
  background-color: #ffffff;
}
.btn-secondary-01:hover,
.btn-secondary-01:focus,
.btn-secondary-01:active {
  color: #131415;
  background-color: #eeeeee;
  text-decoration: none !important;
}
.btn-orange-01 {
  font-family: 'Public Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 48px;
  padding: 0 24px;
  border-radius: 9999px;
  border: 0;
  white-space: nowrap;
  color: var(--white);
  background-color: var(--orange-color);
}
.btn-orange-01:hover,
.btn-orange-01:focus,
.btn-orange-01:active {
  color: var(--white);
  background-color: var(--light-orange-hover);
  text-decoration: none !important;
}
.btn-yellow-01 {
  font-family: 'Public Sans', sans-serif;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: none;
  color: var(--black);
  background-color: var(--yellow-color);
  text-decoration: none !important;
}
.btn-yellow-01:hover {
  background-color: var(--light-yellow-hover);
  color: var(--black);
}
.button01 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Public Sans", sans-serif;
  color: #FFFFFF !important;
  background-color: #FF5A00 !important;
  font-size: 12pt;
  font-weight: 700;
  border: none !important;
  border-radius: 9999px !important;
  min-width: 140px;
  height: 44px;
  padding: 0 20px !important;
  line-height: 1 !important;
  text-align: center;
  box-shadow: none !important;
  text-decoration: none !important;
}
.button01:hover,
.button01:focus,
.button01:active {
  color: #FFFFFF !important;
  background-color: #FF5A00 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.button02 {
  font-family: "Geom", sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: #ffffff !important;
  background-color: #c2272d !important;
  /*border: solid 2px @ThemeAccentColor02 !important;*/
  /*border-radius: 15px;*/
  /*border-radius: 8px;*/
  /*outline-color: @ThemeAccentColor02 !important;*/
  /*max-width:100px;*/
}
.button02:hover,
.button02:focus,
.button02:active,
.button02:active:focus,
.button02.active {
  /*color: #fff;*/
  /*background-color: #f2dede !important;*/
  /*border: solid 2px #ffc200 !important;*/
  /*outline-color: #f2dede !important;*/
}
a.btn.button03,
.btn.button03,
button.button03 {
  font-family: "Public Sans", sans-serif !important;
  font-size: 11pt !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  color: #fc5200 !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-block !important;
  min-width: auto !important;
  height: auto !important;
  padding: 0 !important;
}
a.btn.button03:hover,
a.btn.button03:focus,
a.btn.button03:active,
.btn.button03:hover,
.btn.button03:focus,
.btn.button03:active,
button.button03:hover,
button.button03:focus,
button.button03:active {
  color: #fc5200 !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
/* Sold out button */
/* SECONDARY (gold button) */
.button04 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Public Sans", sans-serif;
  color: #FFFFFF !important;
  background-color: #E0B04B !important;
  /* 🔥 gold tone from mock */
  font-size: 12pt;
  font-weight: 700;
  border: none !important;
  border-radius: 9999px !important;
  min-width: 140px;
  height: 44px;
  padding: 0 20px !important;
  line-height: 1 !important;
  text-align: center;
  box-shadow: none !important;
}
/* BUY NOW (primary orange button) */
.button05 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Public Sans", sans-serif;
  color: #FFFFFF !important;
  background-color: #FF5A00 !important;
  font-size: 12pt;
  font-weight: 700;
  border: none !important;
  border-radius: 9999px !important;
  min-width: 140px;
  height: 44px;
  padding: 0 20px !important;
  line-height: 1 !important;
  text-align: center;
  box-shadow: none !important;
}
.button05:hover,
.button05:focus,
.button05:active {
  color: #FFFFFF !important;
  background-color: #fc5200 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.button06 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Public Sans", sans-serif;
  color: #FFFFFF !important;
  background-color: #0B0D12 !important;
  font-size: 12pt;
  font-weight: 700;
  border: none !important;
  border-radius: 9999px !important;
  min-width: 140px;
  height: 44px;
  padding: 0 20px !important;
  line-height: 1 !important;
  text-align: center;
  box-shadow: none !important;
}
.button06:hover,
.button06:focus,
.button06:active {
  color: #FFFFFF !important;
  background-color: #161A20 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.buttonHide {
  visibility: hidden;
  display: none;
}
@media (max-width: 767.98px) {
  .event-section-title-copy-01-1 {
    font-size: 28pt;
  }
  .button05,
  .button04 {
    min-width: 104px;
    height: 36px;
    font-size: 11pt;
  }
}