/* Cabinet Grotesk Font Family */
@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Extralight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("../fonts/CabinetGrotesk-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Variable font fallback for modern browsers */
@font-face {
  font-family: "Cabinet Grotesk Variable";
  src: url("../fonts/CabinetGrotesk-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typography */
  --font-family-primary: "Cabinet Grotesk", system-ui, -apple-system, "Segoe UI",
    "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif;
  --font-family-variable: "Cabinet Grotesk Variable", system-ui, -apple-system,
    "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif;

  /* Colors */
  --primary-color: #e6e600;
  --dark-bg: #101011;
  --slate-bg: rgba(255, 255, 255, 0.12);
  --inactive-color: #464646;
  --dark-gray: #7c7c7c;
  --danger-red: #8d1414;
  --success-green: #046527;

  --right-col-width: 420px;
  --wc-form-color-background: #1a1a1a;
  --wc-form-color-text: #ffffff;
  --colorBackground: rgba(255, 255, 255, 0.12);
  --iti-dropdown-bg: #1a1a1a;
}

.single-hora_event .container {
  max-width: 1312px;
  margin: 0 auto;
}

.hora-credit-logo .letter {
  fill: white;
}

@media screen and (max-width: 992px) {
  .single-hora_event .container {
    padding: 0 16px;
  }

  :root {
    --right-col-width: 100%;
  }
}