/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Thu Sep 10 2026 14:41:29 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

[data-rh-overlay] .rh-card--layout,
[data-rh-overlay] .rh-card-header,
[data-rh-overlay] .rh-card-content,
[data-rh-overlay] .rh-card-footer {
  position: relative;
}

.felt-preview .rh-card--layout {
  --felt-preview-card-padding-default: var(--felt-preview-space-xl);
  --felt-preview-card-padding-compact: var(--felt-preview-space-lg);
  --felt-preview-card-padding-large: var(--felt-preview-space-2xl);
  --rh-card-heading-font-size: 1.25rem;
}

.rh-card--layout {
  overflow: hidden;
  position: relative;
  padding: var(--felt-preview-card-padding-default, 32px);
  display: flex;
  flex-direction: column;
  container-name: rh-card--layout;
  container-type: inline-size;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: var(--felt-preview-border-radius-default, 3px);
}
.rh-card--layout .rh-band-header-nested-section-headline {
  font-size: var(--rh-card-heading-font-size, 1.5rem) !important;
}
@media (max-width: 575px) {
  .rh-card--layout[data-rh-hidden~=xxs], .rh-card--layout[aria-hidden~=xxs] {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .rh-card--layout[data-rh-hidden~=xs], .rh-card--layout[aria-hidden~=xs] {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rh-card--layout[data-rh-hidden~=sm], .rh-card--layout[aria-hidden~=sm] {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .rh-card--layout[data-rh-hidden~=md], .rh-card--layout[aria-hidden~=md] {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .rh-card--layout[data-rh-hidden~=lg], .rh-card--layout[aria-hidden~=lg] {
    display: none;
  }
}
@media (min-width: 1440px) {
  .rh-card--layout[data-rh-hidden~=xl], .rh-card--layout[aria-hidden~=xl] {
    display: none;
  }
}
@media (pointer: coarse) {
  .rh-card--layout [data-rh-trigger-reveal=hover] {
    display: block;
  }
}
.rh-card--layout[data-rh-background=white] {
  border: 1px solid var(--felt-preview-color-border-subtle, #c7c7c7);
}
.rh-card--layout[data-rh-background=black], .rh-card--layout[data-rh-background=rich-black] {
  color-scheme: dark only;
  border: 1px solid #151515;
}
.rh-card--layout[data-rh-background=gray] {
  border: 1px solid var(--felt-preview-color-border-subtle, #c7c7c7);
}
.rh-card--layout[data-rh-background=light] {
  background-color: #e0e0e0;
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=dark] {
  background-color: #383838;
  border: 1px solid #707070;
}
.rh-card--layout[data-rh-background=lightest] {
  background-color: #ffffff;
  border: 1px solid var(--felt-preview-color-border-subtle, #c7c7c7);
}
.rh-card--layout[data-rh-background=lighter] {
  background-color: #f2f2f2;
  border: 1px solid var(--felt-preview-color-border-subtle, #c7c7c7);
}
.rh-card--layout[data-rh-background=darker] {
  background-color: #1f1f1f;
  border: 1px solid #707070;
}
.rh-card--layout[data-rh-background=darkest] {
  background-color: #151515;
  border: 1px solid #707070;
}
.rh-card--layout[data-rh-background=extended-lightest] {
  background-color: #ffffff;
  background: linear-gradient(180deg, white 0%, rgb(242, 242, 242) 100%);
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-lighter] {
  background-color: #ffffff;
  background: linear-gradient(180deg, #ffffff 70%, #fef0f0 100%);
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-light] {
  background-color: #fef0f0;
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-dark] {
  background-color: #1b0d33;
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=extended-darker] {
  background-color: #1b0d33;
  background: linear-gradient(180deg, #1b0d33 0%, #000000 100%);
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=extended-darkest] {
  background-color: #151515;
  background: linear-gradient(180deg, #151515 0%, #000000 100%);
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=extended-lightest-inverted] {
  background-color: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #f2f2f2 100%);
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-lighter-inverted] {
  background-color: #ffffff;
  background: linear-gradient(0deg, #ffffff 70%, #fef0f0 100%);
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-light-inverted] {
  background-color: #fef0f0;
  border: 1px solid #c7c7c7;
}
.rh-card--layout[data-rh-background=extended-dark-inverted] {
  background-color: #1b0d33;
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=extended-darker-inverted] {
  background-color: #1b0d33;
  background: linear-gradient(0deg, #1b0d33 0%, #000000 100%);
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=extended-darkest-inverted] {
  background-color: #151515;
  background: linear-gradient(0deg, #151515 0%, #000000 100%);
  border: 1px solid #000000;
}
.rh-card--layout[data-rh-background=glasspane] {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.rh-card--layout[data-rh-background=glasspane-dark] {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.rh-card--layout[data-rh-background-fixed] {
  background-attachment: fixed;
}
.rh-card--layout[data-rh-background-align=right-center] {
  background-position: right center;
}
.rh-card--layout[data-rh-background-align=left-center] {
  background-position: left center;
}
.rh-card--layout[data-rh-background-align=top-center] {
  background-position: top center;
}
.rh-card--layout[data-rh-background-align=bottom-center] {
  background-position: bottom center;
}
.rh-card--layout[data-rh-background-align=repeat] {
  background-position: left top;
  background-repeat: repeat;
  background-size: inherit;
}
.rh-card--layout[data-rh-bg-align=top-right] {
  background-position: top right;
  background-size: contain;
}
.rh-card--layout[data-rh-bg-align=top-left] {
  background-position: top left;
  background-size: contain;
}
.rh-card--layout[data-rh-bg-align=bottom-right] {
  background-position: bottom right;
  background-size: contain;
}
.rh-card--layout[data-rh-bg-align=bottom-left] {
  background-position: bottom left;
  background-size: contain;
}
.rh-card--layout[data-rh-bg-align=auto] {
  background-position: center center;
  background-size: auto;
}
.rh-card--layout[data-rh-justify=center] {
  justify-content: center;
}
.rh-card--layout[data-rh-justify=top] {
  justify-content: flex-start;
}
.rh-card--layout[data-rh-border-radius=none] {
  border-radius: 0;
}
.rh-card--layout[data-rh-corner-radius=default] {
  border-radius: var(--felt-preview-border-radius-default, 3px);
}
.rh-card--layout[data-rh-corner-radius=default] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=default] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=default] .rh-video-embed-iframe-container iframe {
  border-radius: 3px;
}
.rh-card--layout[data-rh-corner-radius=default] [data-rh-align^=bleed] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=default] [data-rh-align^=bleed] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=default] [data-rh-align^=bleed] .rh-video-embed-iframe-container iframe {
  border-radius: 0;
}
.rh-card--layout[data-rh-corner-radius=small] {
  border-radius: var(--felt-preview-border-radius-default, 10px);
}
.rh-card--layout[data-rh-corner-radius=small] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=small] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=small] .rh-video-embed-iframe-container iframe {
  border-radius: 10px;
}
.rh-card--layout[data-rh-corner-radius=small] [data-rh-align^=bleed] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=small] [data-rh-align^=bleed] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=small] [data-rh-align^=bleed] .rh-video-embed-iframe-container iframe {
  border-radius: 0;
}
.rh-card--layout[data-rh-corner-radius=large] {
  border-radius: 30px;
}
.rh-card--layout[data-rh-corner-radius=large] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=large] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=large] .rh-video-embed-iframe-container iframe {
  border-radius: 30px;
}
.rh-card--layout[data-rh-corner-radius=large] [data-rh-align^=bleed] .rh-video-embed-thumb,
.rh-card--layout[data-rh-corner-radius=large] [data-rh-align^=bleed] .rh-image-embed-img,
.rh-card--layout[data-rh-corner-radius=large] [data-rh-align^=bleed] .rh-video-embed-iframe-container iframe {
  border-radius: 0;
}
.rh-card--layout[data-rh-trigger-section=absolute] [data-rh-trigger-reveal=hover] {
  display: none;
}
.rh-card--layout[data-rh-trigger-section=absolute]:hover [data-rh-trigger-reveal=hover], .rh-card--layout[data-rh-trigger-section=absolute]:active [data-rh-trigger-reveal=hover], .rh-card--layout[data-rh-trigger-section=absolute]:focus [data-rh-trigger-reveal=hover] {
  display: block;
}
.rh-card--layout[data-rh-context=store-footer] {
  background-color: #ee0000;
}
.rh-card--layout[data-rh-background-image] {
  background-size: auto;
}
.rh-card--layout[data-rh-background-image=crangle-red] {
  background-image: url("../images/crangle_red.png");
}
.rh-card--layout[data-rh-background-image=crangle-white] {
  background-image: url("../images/crangle_white.png");
}
.rh-card--layout[data-rh-resource=card] .rh-image-embed-container {
  margin: calc(var(--felt-preview-card-padding-default, 32px) * -1) calc(var(--felt-preview-card-padding-default, 32px) * -1) 0;
  padding: var(--felt-preview-card-padding-default, 32px) var(--felt-preview-card-padding-default, 32px) 0;
}
.rh-card--layout[data-rh-column=reverse] .rh-image-embed-container {
  margin: 28px 0 calc(var(--felt-preview-card-padding-default, 32px) * -2);
  padding: 0;
}
.rh-card--layout[data-rh-column=reverse] .rh-card-footer {
  margin-bottom: 48px;
}
.rh-card--layout[data-rh-card-header=image] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rh-card--layout[data-rh-card-header=image] .rh-image-embed--component[data-rh-align=bottom-center] {
  margin-bottom: 0;
}
.rh-card--layout[data-rh-card-header=image] [data-rh-align~=bleed] > .rh-image-embed-container {
  margin-top: calc(var(--felt-preview-card-padding-default, 32px) * -1);
}
.rh-card--layout[data-rh-card-header=image][data-rh-background] [data-rh-align=bottom-center] {
  margin-bottom: -32px;
}
.rh-card--layout[data-rh-card-header=image][data-rh-background]:not([data-rh-layout=stacked]) {
  padding: var(--felt-preview-card-padding-default, 32px);
  margin-top: calc(var(--felt-preview-card-padding-default, 32px) * -1);
  margin-right: calc(var(--felt-preview-card-padding-default, 32px) * -1);
  margin-left: calc(var(--felt-preview-card-padding-default, 32px) * -1);
}
.rh-card--layout.rh-link-tile-card[data-rh-background=rich-black]:hover {
  background-color: #000000;
}
.rh-card--layout.rh-link-tile-card[data-rh-background=white]:hover {
  background-color: #f2f2f2;
}
.rh-card-header .rh-card--layout[data-rh-background=white], .rh-card-header .rh-card--layout[data-rh-background=gray], .rh-card-header .rh-card--layout[data-rh-background=black], .rh-card-header .rh-card--layout[data-rh-background=rich-black] {
  border-width: 0;
}
.rh-card--layout .rh-card-header[data-rh-background-header],
.rh-card--layout .rh-card-header [data-rh-card-header=image][data-rh-background] {
  margin-top: calc(var(--felt-preview-card-padding-default, 32px) * -1);
  margin-right: calc(var(--felt-preview-card-padding-default, 32px) * -1);
  margin-left: calc(var(--felt-preview-card-padding-default, 32px) * -1);
}
.rh-card--layout .rh-card-header[data-rh-background-header] {
  margin-bottom: var(--felt-preview-card-padding-default, 32px);
  padding: 16px;
}
.rh-card--layout .rh-card-header [data-rh-align=bleed],
.rh-card--layout .rh-card-header [data-rh-card-header=image][data-rh-background] {
  margin-bottom: 0;
}
.rh-card--layout .rh-card-header [data-rh-align=bleed] {
  margin: 0;
}
.rh-card--layout iframe {
  border: 0;
}
.rh-card--layout > * {
  position: relative;
}

.rh-card-header {
  background-color: transparent;
}
.rh-card-header[data-rh-background-header=transparent] {
  background-color: transparent;
}
.rh-card-header[data-rh-background-header=light], .rh-card-header[data-rh-background-header=white] {
  background-color: #ffffff;
}
.rh-card-header[data-rh-background-header=dark], .rh-card-header[data-rh-background-header=charcoal] {
  background-color: #292929;
}
.rh-card-header[data-rh-background-header=black], .rh-card-header[data-rh-background-header=rich-black] {
  background-color: #151515;
}
.rh-card-header[data-rh-background-header=red], .rh-card-header[data-rh-background-header=brick-red], .rh-card-header[data-rh-background-header=dark-red] {
  background-color: #a60000;
}
.rh-card-header[data-rh-background-header=gray] {
  background-color: #f2f2f2;
}
.rh-card-header[data-rh-background-header=dark-gray] {
  background-color: #e0e0e0;
}
.rh-card-header[data-rh-background-header=teal] {
  background-color: #004d4d;
}
.rh-card-header[data-rh-background-header=blue] {
  background-color: #0066cc;
}
.rh-card-header[data-rh-background-header=green] {
  background-color: #63993d;
}
.rh-card-header[data-rh-background-header=accent-teal-dark] {
  background-color: #003333;
}
[data-rh-hide=header] .rh-card-header {
  display: none;
}
[data-rh-product-type=options] .rh-card-header {
  border-bottom: 1px solid #c7c7c7;
  flex-grow: 1;
  padding-bottom: var(--felt-preview-card-padding-default, 32px);
}
[data-rh-product-type=standard] .rh-card-header {
  flex-grow: 1;
}
[data-rh-column=reverse] .rh-card-header {
  order: 3;
}

.rh-card-content {
  padding: 0;
}
.rh-card-content[data-rh-layout=cover] {
  height: 100%;
}
[data-rh-justify=center] .rh-card-content {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
}
[data-rh-justify=justify] .rh-card-content {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
[data-rh-content-item] .rh-card-content {
  flex-grow: 1;
}

.rh-card-footer {
  padding: 0;
}
.rh-card-footer[data-rh-layout^=only8] .rh-group--layout {
  max-width: 700px;
  grid-column-end: span 12;
  width: 100%;
}
.rh-card-footer[data-rh-layout="only8 center"] .rh-group--layout {
  grid-column-end: span 8;
  max-width: 100%;
}
[data-rh-trigger-section=absolute] .rh-card-footer {
  margin-bottom: 48px;
}
[data-rh-link-area=body] .rh-card-footer > * {
  margin: calc(var(--felt-preview-card-padding-default, 32px) * -1);
  width: calc(100% + var(--felt-preview-card-padding-default, 32px) * 2);
}

.rh-card-absolute {
  position: absolute;
  width: auto;
  padding: 10px !important;
}
.rh-card-absolute[data-rh-background=transparent] {
  background-color: transparent;
}
.rh-card-absolute[data-rh-background=white] {
  background-color: #ffffff;
}
.rh-card-absolute[data-rh-background=black] {
  background-color: #292929;
}
.rh-card-absolute[data-rh-layout=right-top] {
  right: 0;
  top: 0;
}
.rh-card-absolute[data-rh-layout=right-bottom] {
  right: 0;
  bottom: 0;
}
.rh-card-absolute[data-rh-layout=left-bottom] {
  left: 0;
  bottom: 0;
}
.rh-card-absolute[data-rh-layout=left-top] {
  left: 0;
  top: 0;
}
[data-rh-link-area=absolute] .rh-card-absolute > * {
  margin: -8px;
  padding: 8px;
}

[data-rh-link-area=absolute] [data-rh-background=transparent].rh-card-absolute:hover {
  background-color: transparent;
}
[data-rh-link-area=absolute] [data-rh-background=white].rh-card-absolute:hover {
  background-color: #ffffff;
}
[data-rh-link-area=absolute] [data-rh-background=black].rh-card-absolute:hover {
  background-color: #292929;
}

.rh-card-background-shape-wrapper {
  max-width: 95%;
  margin-bottom: 32px;
  position: relative;
  container-type: inline-size;
  container-name: card-background-shape;
}

.rh-card-background-shape {
  position: absolute;
  top: 32px;
  left: 32px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 30px 90px;
  z-index: 0;
}
.rh-card-background-shape[data-rh-shape=red-pink] {
  background-color: #f56e6e;
  background: linear-gradient(90deg, #f56e6e 0%, #ee0000 100%);
}
.rh-card-background-shape[data-rh-shape=purple] {
  background-color: #3d2785;
  background: linear-gradient(90deg, #3d2785 0%, #1b0d33 100%);
}
.rh-card-background-shape[data-rh-shape=outline] {
  background: transparent;
  border: 2px solid #ee0000;
}
.rh-card-background-shape[data-rh-shape=dotted] {
  background-image: radial-gradient(circle at center, #ff4500 1px, transparent 1px);
  border-radius: 0 !important;
  background-size: 10px 10px;
  background-repeat: repeat;
}
@container card-background-shape (max-width: 520px) {
  .rh-card-background-shape {
    top: 3%;
    left: 8%;
    height: calc(100% + 10px);
  }
}
@container card-background-shape (max-width: 320px) {
  .rh-card-background-shape {
    top: 2%;
    left: 6%;
    height: calc(100% + 10px);
    border-radius: 20px 50px;
  }
}