


:root {
  --color1: #e40473;
  --color2: #6c4186;
}




/* ---------------- Global Brand Tweaks ---------------- */

/* Backgrounds */
[id*="-grad"] [class^="Container"],
[id*="-grad"] [class^="Title"] {
  background: none;
  color: #fff;
}

/* CTA Buttons */
.c-cta--accent, .c-cta--accent:hover {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 100%);
  color: #fff !important;
}

/* Spex Logo Boxes */
.sponsor-category-section p[class^="Name-sc"] {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 100%);
  color: #fff !important;
  height: calc(100% - 145px);
}
.sponsor-category-section a:hover p[class^="Name-sc"] {
  background: var(--color2);
  color: #fff;
}
.sponsor-category-section a [class^="BackgroundImage__WrapperImageBg"] {
  border-color: var(--color1);
}
.sponsor-category-section a:hover [class^="BackgroundImage__WrapperImageBg"] {
  border-color: var(--color2);
}




/* ---------------- Combinable Custom Classes ---------------- */

[id*="-gradient12d"] > div {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 100%);
}
[id*="-gradient12h"] > div {
  background: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%);
}
[id*="-gradient12v"] > div {
  background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
}

[id*="-gradient21d"] > div {
  background: linear-gradient(135deg, var(--color2) 0%, var(--color1) 100%);
}
[id*="-gradient21h"] > div {
  background: linear-gradient(90deg, var(--color2) 0%, var(--color1) 100%);
}
[id*="-gradient21v"] > div {
  background: linear-gradient(180deg, var(--color2) 0%, var(--color1) 100%);
}

[id*="-gradient"] [class^="SVGEmbed__Wrapper"] {
  display: none;
}

[id*="-blockgradient12d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 100%);
}
[id*="-blockgradient12h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%);
}
[id*="-blockgradient12v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%);
}

[id*="-blockgradient21d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--color2) 0%, var(--color1) 100%);
}
[id*="-blockgradient21h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--color2) 0%, var(--color1) 100%);
}
[id*="-blockgradient21v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--color2) 0%, var(--color1) 100%);
}

[id*="-blockgradient"] [class^="Card__Wrapper"],
[id*="-blockgradient"] [class^="Link__Wrapper"] a {
  color: #fff;
}
[id*="-blockgradient"] [class^="Link__Wrapper"] a:active,
[id*="-blockgradient"] [class^="Link__Wrapper"] a:hover {
  color: var(--site-color-scheme-accent-main);
}
