:root {
  --brand-primary: #2f3334;
  --brand-accent: #fbd808;
  --brand-dark: #1a1d1e;
  --brand-light: #f6f5f1;
  --font-heading: "Sofia Sans Extra Condensed", sans-serif;
  --font-label: "Sofia Sans Extra Condensed", sans-serif;
}
.uk-navbar-transparent {
  border: none !important;
}

.tm-eyebrow,
.tm-eyebrow * {
  font-size: 13px;
  font-weight: 900 !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.tm-info-label {
  font-family: var(--font-label);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(47, 51, 52, 0.6);
  margin-bottom: 6px;
}
.tm-info-value {
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 900;
  color: var(--brand-primary);
}
.uk-dotnav a {
  transition: width 0.2s ease-in-out !important;
}
.uk-dotnav .uk-active a {
  width: 20px !important;
}

.marquee__track {
  margin-block: 1rem;
}
.marquee__track,
.marquee__group {
  display: flex;
  gap: 15px;
}

.marquee__group span span {
  display: block;
  width: max-content;
  padding: 5px 15px;
  border-radius: 8px;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-family: "Sofia Sans Extra Condensed";
}
.marquee__item_content {
  padding: 2px;
}
.marquee__item_content-primary {
  background-color: var(--brand-dark);
  color: var(--brand-accent);
}
.marquee__item_content-secondary {
  background-color: var(--brand-accent);
  color: var(--brand-primary);
}
.single-event-calendar .event-date {
  font-size: 2rem;
}
.single-event-calendar .event-year {
  font-size: 1.8rem;
}
/* --- media queries --- */

@media (min-width: 950px) and (max-width: 1300px) {
  .uk-navbar-nav {
    gap: 25px !important;
  }
  .uk-navbar-container > .uk-container {
    padding-inline: 10px !important;
  }
}

@media (max-width: 650px) {
  .main-calendar table th,
  .main-calendar table td {
    font-size: 80%;
    padding: 2px;
  }
}