.red-background {
  background-color: var(--color-red-image);
}

.red-background.component-set {
  background-color: var(--color-transparent) !important;
}

.red-background .component-section-wrapper {
  background-color: var(--color-red-image);
}

.brown-image-background {
  background-image: url("/sites/www2/files/2023-11/Showcase-BG_2000_810px.jpg");
  background-size: cover;
  background-color: var(--color-lehigh-brown);
}

.brown-image-background.component-set {
  background-image: none !important;
  background-color: var(--color-transparent) !important;
}

.brown-image-background .component-section-wrapper {
  background-image: url("/sites/www2/files/2023-11/Showcase-BG_2000_810px.jpg");
  background-size: cover;
  background-color: var(--color-lehigh-brown);
}

.red-image-background {
  background-image: url("/sites/www2/files/2023-11/Showcase-BG_2000_810px.jpg");
  background-size: cover;
  background-color: var(--color-red-image);
}

.red-image-background.component-set {
  background-image: none !important;
  background-color: var(--color-transparent) !important;
}

.red-image-background .component-section-wrapper {
  background-image: url("/sites/www2/files/2023-11/Showcase-BG_2000_810px.jpg");
  background-size: cover;
  background-color: var(--color-red-image);
}

.teal-image-background {
  background-image: url("/sites/www2/files/2023-11/component_teal_background.jpg");
  background-size: cover;
  background-color: var(--color-teal-image);
}

.teal-image-background.component-set {
  background-image: none !important;
  background-color: var(--color-transparent) !important;
}

.teal-image-background .component-section-wrapper {
  background-image: url("/sites/www2/files/2023-11/component_teal_background.jpg");
  background-size: cover;
  background-color: var(--color-lehigh-teal);
}

.lehigh-brown-background {
  background-color: var(--color-lehigh-brown);
}

.lehigh-brown-background h2 {
  color: var(--color-cherry-blossom);
}

.lehigh-brown-background .component-description p {
  color: var(--color-white);
}

.lehigh-brown-background.component-set {
  background-color: var(--color-transparent) !important;
}

.lehigh-brown-background .component-section-wrapper {
  background-color: var(--color-lehigh-brown);
}

.lehigh-brown-background.component-set a.card-optional-header-link {
  color: var(--color-white);
}

.dark-brown-background {
  background-color: var(--color-dark-brown);
}

.dark-brown-background.component-set {
  background-color: var(--color-transparent) !important;
}

.dark-brown-background .component-section-wrapper {
  background-color: var(--color-dark-brown);
}

.dark-teal-background {
  background-color: var(--color-teal-image);
}

.dark-teal-background.component-set {
  background-color: var(--color-transparent) !important;
}

.dark-teal-background .component-section-wrapper {
  background-color: var(--color-teal-image);
}

.lehigh-teal-background {
  background-color: var(--color-lehigh-teal);
}

.lehigh-teal-background.component-set {
  background-color: var(--color-transparent) !important;
}

.lehigh-teal-background .component-section-wrapper {
  background-color: var(--color-lehigh-teal);
}

.lehigh-yellow-background {
  background-color: var(--color-lehigh-yellow);
}

.lehigh-yellow-background.component-set {
  background-color: var(--color-transparent) !important;
}

.lehigh-yellow-background .component-section-wrapper {
  background-color: var(--color-lehigh-yellow);
}

.lehigh-red-background {
  background-color: var(--color-lehigh-red);
}

.lehigh-red-background.component-set {
  background-color: var(--color-transparent) !important;
}

.lehigh-red-background .component-section-wrapper {
  background-color: var(--color-lehigh-red);
}

.dark-red-background {
  background-color: var(--color-red-image);
}

.dark-red-background.component-set {
  background-color: var(--color-transparent) !important;
}

.dark-red-background .component-section-wrapper {
  background-color: var(--color-red-image);
}

.coral-background {
  background-color: var(--color-coral);
}

.coral-background.component-set {
  background-color: var(--color-transparent) !important;
}

.coral-background .component-section-wrapper {
  background-color: var(--color-coral);
}

.lehigh-blue-background {
  background-color: var(--color-lehigh-blue);
}

.lehigh-blue-background.component-set {
  background-color: var(--color-transparent) !important;
}

.lehigh-blue-background .component-section-wrapper {
  background-color: var(--color-lehigh-blue);
}

.beige-background {
  background-color: var(--color-beige);
}

.beige-background.component-set {
  background-color: var(--color-transparent) !important;
}

.beige-background .component-section-wrapper {
  background-color: var(--color-beige);
}

.dark-blue-background {
  background-color: var(--color-dark-blue);
}

.dark-blue-background.component-set {
  background-color: var(--color-transparent) !important;
}

.dark-blue-background .component-section-wrapper {
  background-color: var(--color-dark-blue);
}

.reduced-red-background {
  background-color: var(--color-reduced-red);
}

.reduced-red-background.component-set {
  background-color: var(--color-transparent) !important;
}

.reduced-red-background .component-section-wrapper {
  background-color: var(--color-reduced-red);
}

.gray-gradient-background {
  background-image: linear-gradient(rgba(219, 192, 163, 0), rgba(177, 170, 160, 0.2));
}

.gray-gradient-background.component-set {
  background-image: none !important;
}

.gray-gradient-background .component-section-wrapper {
  background-image: linear-gradient(rgba(219, 192, 163, 0), rgba(177, 170, 160, 0.2));
}

.first-light-background {
  background-color: var(--color-first-light);
}

.first-light-background h2 {
  color: var(--color-lehigh-brown);
}

.first-light-background.component-set {
  background-color: var(--color-transparent) !important;
}

.first-light-background .component-section-wrapper {
  background-color: var(--color-first-light);
}

.cherry-blossom-background {
  background-color: var(--color-cherry-blossom);
}

.cherry-blossom-background h2 {
  color: var(--color-lehigh-brown);
}

.cherry-blossom-background.component-set {
  background-color: var(--color-transparent) !important;
}

.cherry-blossom-background .component-section-wrapper {
  background-color: var(--color-cherry-blossom);
}

.golden-hour-background {
  background-color: var(--color-golden-hour);
}

.golden-hour-background.component-set {
  background-color: var(--color-transparent) !important;
}

.golden-hour-background .component-section-wrapper {
  background-color: var(--color-golden-hour);
}

.autumn-dusk-background {
  background-color: var(--color-autumn-dusk);
}

.autumn-dusk-background.component-set {
  background-color: var(--color-transparent) !important;
}

.autumn-dusk-background .component-section-wrapper {
  background-color: var(--color-autumn-dusk);
}

.mountaintop-mist-background {
  background-color: var(--color-mountaintop-mist);
}

.mountaintop-mist-background h2 {
  color: var(--color-lehigh-brown);
}

.mountaintop-mist-background.component-set {
  background-color: var(--color-transparent) !important;
}

.mountaintop-mist-background .component-section-wrapper {
  background-color: var(--color-mountaintop-mist);
}

.bethlehem-sky-background {
  background-color: var(--color-bethlehem-sky);
}

.bethlehem-sky-background.component-set {
  background-color: var(--color-transparent) !important;
}

.bethlehem-sky-background .component-section-wrapper {
  background-color: var(--color-bethlehem-sky);
}

.spring-violet-background {
  background-color: var(--color-spring-violet);
}

.spring-violet-background.component-set {
  background-color: var(--color-transparent) !important;
}

.spring-violet-background .component-section-wrapper {
  background-color: var(--color-spring-violet);
}

.night-sky-background {
  background-color: var(--color-night-sky);
}

.night-sky-background h2 {
  color: var(--color-mountaintop-mist);
}

.night-sky-background .component-description p {
  color: var(--color-white);
}

.night-sky-background.component-set {
  background-color: var(--color-transparent) !important;
}

.night-sky-background .component-section-wrapper {
  background-color: var(--color-night-sky);
}

.patina-green-background {
  background-color: var(--color-patina-green);
}

.patina-green-background h2 {
  color: var(--color-lehigh-brown);
}

.patina-green-background.component-set {
  background-color: var(--color-transparent) !important;
}

.patina-green-background .component-section-wrapper {
  background-color: var(--color-patina-green);
}

.valley-green-background {
  background-color: var(--color-valley-green);
}

.valley-green-background.component-set {
  background-color: var(--color-transparent) !important;
}

.valley-green-background .component-section-wrapper {
  background-color: var(--color-valley-green);
}

.serenity-garden-background {
  background-color: var(--color-serenity-garden);
}

.serenity-garden-background h2 {
  color: var(--color-patina-green);
}

.serenity-garden-background .component-description p {
  color: var(--color-white);
}

.serenity-garden-background.component-set {
  background-color: var(--color-transparent) !important;
}

.serenity-garden-background .component-section-wrapper {
  background-color: var(--color-serenity-garden);
}

.component-background-dark .component-description p a {
  color: var(--color-lehigh-yellow);
  text-decoration: none !important;
}

.component-background-dark .component-description p a:hover,
.component-background-dark .component-description p a:focus {
  text-decoration: underline !important;
}