:root {
  --gradient1: #006968 0%, #028c8d 50%, #c6d92c 100%;
  --gradient2: #006968 0%, #028c8d 50%, #00293f 100%;
  --gradient3: #f05658 0%, #eac71c 100%;
  --gradient4: #e76140 0%, #eac71c 50%, #c6d92c 100%;
}




/* ---------------- Global Brand Tweaks ---------------- */

/* All CTA Buttons */
/*.c-cta--accent, 
.c-cta--accent:hover {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);
  color: #fff !important;
}*/

/* Spex Logo Boxes */
/*.sponsor-category-section p[class^="Name-sc"] {
  background: linear-gradient(135deg, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);
  color: #fff !important;
  height: calc(100% - 145px);
}
.sponsor-category-section a:hover p[class^="Name-sc"] {
  background: var(--color3);
  color: #fff;
}
.sponsor-category-section a [class^="BackgroundImage__WrapperImageBg"] {
  border-color: var(--color1);
}
.sponsor-category-section a:hover [class^="BackgroundImage__WrapperImageBg"] {
  border-color: var(--color3);
}*/




/* ---------------- Combinable Custom Classes ---------------- */

[id*="-gradient1d"] > div {
  background: linear-gradient(135deg, var(--gradient1));
}
[id*="-gradient1h"] > div {
  background: linear-gradient(90deg, var(--gradient1));
}
[id*="-gradient1v"] > div {
  background: linear-gradient(180deg, var(--gradient1));
}

[id*="-gradient2d"] > div {
  background: linear-gradient(135deg, var(--gradient2));
}
[id*="-gradient2h"] > div {
  background: linear-gradient(90deg, var(--gradient2));
}
[id*="-gradient2v"] > div {
  background: linear-gradient(180deg, var(--gradient2));
}

[id*="-gradient3d"] > div {
  background: linear-gradient(135deg, var(--gradient3));
}
[id*="-gradient3h"] > div {
  background: linear-gradient(90deg, var(--gradient3));
}
[id*="-gradient3v"] > div {
  background: linear-gradient(180deg, var(--gradient3));
}

[id*="-gradient4d"] > div {
  background: linear-gradient(135deg, var(--gradient4));
}
[id*="-gradient4h"] > div {
  background: linear-gradient(90deg, var(--gradient4));
}
[id*="-gradient4v"] > div {
  background: linear-gradient(180deg, var(--gradient4));
}

[id*="-gradient"] [class^="SVGEmbed__Wrapper"] {
  display: none;
}

[id*="-blockgradient1d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--gradient1));
}
[id*="-blockgradient1h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--gradient1));
}
[id*="-blockgradient1v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--gradient1));
}

[id*="-blockgradient2d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--gradient2));
}
[id*="-blockgradient2h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--gradient2));
}
[id*="-blockgradient2v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--gradient2));
}

[id*="-blockgradient3d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--gradient3));
}
[id*="-blockgradient3h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--gradient3));
}
[id*="-blockgradient3v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--gradient3));
}

[id*="-blockgradient4d"] [class^="Card__Wrapper"] {
  background: linear-gradient(135deg, var(--gradient4));
}
[id*="-blockgradient4h"] [class^="Card__Wrapper"] {
  background: linear-gradient(90deg, var(--gradient4));
}
[id*="-blockgradient4v"] [class^="Card__Wrapper"] {
  background: linear-gradient(180deg, var(--gradient4));
}

[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);
}