/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Wed Apr 08 2026 18:21:12 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

[data-rh-background-fixed] {
  background-attachment: fixed;
}

[data-rh-background=transparent] {
  background-color: transparent;
}

[data-rh-background=white] {
  background-color: #ffffff;
}

[data-rh-background=gray],
[data-rh-background=light-gray] {
  background-color: #f2f2f2;
}

[data-rh-background=dark-gray] {
  background-color: #e0e0e0;
}

[data-rh-background=charcoal] {
  background-color: #292929;
}

[data-rh-background=black],
[data-rh-background=rich-black] {
  background-color: #151515;
}

[data-rh-background=gold] {
  background-color: #dca614;
}

[data-rh-background=green] {
  background-color: #63993d;
}

[data-rh-background=teal] {
  background-color: #004d4d;
}

[data-rh-background=accent-teal-dark] {
  background-color: #003333;
}

[data-rh-background=medium-blue] {
  background-color: #4394e5;
}

[data-rh-background=blue] {
  background-color: #0066cc;
}

[data-rh-background=red],
[data-rh-background=brick-red] {
  background-color: #a60000;
}

[data-rh-background=dark-red] {
  background-color: #5f0000;
}

[data-rh-background-header=gray] {
  background-color: #f2f2f2;
}

[data-rh-background-header=black] {
  background-color: #292929;
}

[data-rh-background-header=rich-black] {
  background-color: #151515;
}

[data-rh-overlay^=white-]::before,
[data-rh-overlay^=black-]::before,
[data-rh-overlay^=rich-black-]::before,
[data-rh-overlay^=gray-]::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

[data-rh-overlay=white-90]::before {
  background-color: rgba(255, 255, 255, 0.9);
}

[data-rh-overlay=white-70]::before {
  background-color: rgba(255, 255, 255, 0.7);
}

[data-rh-overlay=white-50]::before {
  background-color: rgba(255, 255, 255, 0.5);
}

[data-rh-overlay=white-30]::before {
  background-color: rgba(255, 255, 255, 0.3);
}

[data-rh-overlay=black-90]::before {
  background-color: rgba(0, 0, 0, 0.9);
}

[data-rh-overlay=black-70]::before {
  background-color: rgba(0, 0, 0, 0.7);
}

[data-rh-overlay=black-50]::before {
  background-color: rgba(0, 0, 0, 0.5);
}

[data-rh-overlay=black-30]::before {
  background-color: rgba(0, 0, 0, 0.3);
}

[data-rh-overlay=rich-black-90]::before {
  background-color: rgba(21, 21, 21, 0.9);
}

[data-rh-overlay=rich-black-70]::before {
  background-color: rgba(21, 21, 21, 0.7);
}

[data-rh-overlay=rich-black-50]::before {
  background-color: rgba(21, 21, 21, 0.5);
}

[data-rh-overlay=rich-black-30]::before {
  background-color: rgba(21, 21, 21, 0.3);
}

[data-rh-overlay=gray-90]::before {
  background-color: rgba(199, 199, 199, 0.9);
}

[data-rh-overlay=gray-70]::before {
  background-color: rgba(199, 199, 199, 0.7);
}

[data-rh-overlay=gray-50]::before {
  background-color: rgba(199, 199, 199, 0.5);
}

[data-rh-overlay=gray-30]::before {
  background-color: rgba(199, 199, 199, 0.3);
}

[data-rh-background-align=right-center] {
  background-position: right center;
}

[data-rh-background-align=left-center] {
  background-position: left center;
}

[data-rh-background-align=top-center] {
  background-position: top center;
}

[data-rh-background-align=bottom-center] {
  background-position: bottom center;
}

[data-rh-bg-align=top-right] {
  background-position: top right;
  background-size: contain;
}

[data-rh-bg-align=top-left] {
  background-position: top left;
  background-size: contain;
}

[data-rh-bg-align=bottom-right] {
  background-position: bottom right;
  background-size: contain;
}

[data-rh-bg-align=bottom-left] {
  background-position: bottom left;
  background-size: contain;
}

[data-rh-bg-align=auto] {
  background-position: center center;
  background-size: auto;
}

[data-rh-background-align=repeat] {
  background-position: left top;
  background-repeat: repeat;
  background-size: inherit;
}