/* ================================================================================ */
/*  Project: WebRH
/*  Author: Digital Experience
/*  Date: Fri Sep 25 2026 15:44:36 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2026 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.rh-group--layout {
  position: relative;
}
@media (max-width: 575px) {
  .rh-group--layout[data-rh-hidden~=xxs], .rh-group--layout[aria-hidden~=xxs] {
    display: none;
  }
  .rh-group--layout:has([data-rh-image-embed=speaker-variant1]) > .rh-group-body {
    display: block;
  }
  .rh-group--layout [data-rh-image-embed=speaker-variant1] ~ .rh-group--layout {
    margin: 16px 0 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .rh-group--layout[data-rh-hidden~=xs], .rh-group--layout[aria-hidden~=xs] {
    display: none;
  }
}
@media (min-width: 768px) {
  .rh-group--layout[data-rh-push=left] {
    margin-left: 16px;
    width: calc(100% - 16px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rh-group--layout[data-rh-hidden~=sm], .rh-group--layout[aria-hidden~=sm] {
    display: none;
  }
}
@media (min-width: 992px) {
  .rh-group--layout[data-rh-border~=top] {
    padding-top: 48px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .rh-group--layout[data-rh-hidden~=md], .rh-group--layout[aria-hidden~=md] {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .rh-group--layout[data-rh-hidden~=lg], .rh-group--layout[aria-hidden~=lg] {
    display: none;
  }
}
@media (min-width: 1200px) {
  .rh-group--layout[data-rh-push=left] {
    margin-left: 32px;
    width: calc(100% - 32px);
  }
  .rh-group--layout[data-rh-border~=top] {
    padding-top: 64px;
  }
}
@media (min-width: 1440px) {
  .rh-group--layout[data-rh-hidden~=xl], .rh-group--layout[aria-hidden~=xl] {
    display: none;
  }
}
.rh-group--layout[data-rh-justify=center] {
  justify-content: center;
}
.rh-group--layout[data-rh-justify=top] {
  justify-content: flex-start;
}
.rh-group--layout[data-rh-justify=justify] {
  display: flex;
}
.rh-group--layout[data-rh-border~=bottom] {
  border-bottom: 1px solid light-dark(#c7c7c7, rgba(255, 255, 255, 0.6));
  padding-bottom: 64px;
  margin-bottom: 64px;
}
.rh-group--layout[data-rh-border~=bottom][data-rh-theme$=polar] {
  border-bottom-color: rgba(242, 242, 242, 0.3);
}
.rh-group--layout[data-rh-border~=top] {
  padding-top: 32px;
  border-top: 1px solid light-dark(#c7c7c7, rgba(255, 255, 255, 0.6));
}
.rh-group--layout[data-rh-border~=top][data-rh-theme$=polar] {
  border-top-color: rgba(242, 242, 242, 0.3);
}
.rh-group--layout[data-rh-card-header=image] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rh-group--layout[data-rh-card-header=image] .rh-image-embed--component[data-rh-align=bottom-center] {
  margin-bottom: 0;
}
.rh-group--layout[data-rh-card-header=image] [data-rh-align~=bleed] > .rh-image-embed-container,
.rh-group--layout[data-rh-card-header=image] [data-rh-align~=bleed] > .rh-video-embed-media-container {
  margin-top: -32px;
}
rh-card .rh-group--layout[data-rh-card-header=image] [data-rh-align~=bleed] > .rh-image-embed-container,
rh-card .rh-group--layout[data-rh-card-header=image] [data-rh-align~=bleed] > .rh-video-embed-media-container {
  margin-top: 0;
}
.rh-group--layout[data-rh-corner-radius=default] .rh-video-embed-thumb,
.rh-group--layout[data-rh-corner-radius=default] .rh-image-embed-img,
.rh-group--layout[data-rh-corner-radius=default] .rh-video-embed-iframe-container iframe, .rh-group--layout[data-rh-corner-radius=xsmall] .rh-video-embed-thumb,
.rh-group--layout[data-rh-corner-radius=xsmall] .rh-image-embed-img,
.rh-group--layout[data-rh-corner-radius=xsmall] .rh-video-embed-iframe-container iframe {
  border-radius: 3px;
}
.rh-group--layout[data-rh-corner-radius=small] .rh-video-embed-thumb,
.rh-group--layout[data-rh-corner-radius=small] .rh-image-embed-img,
.rh-group--layout[data-rh-corner-radius=small] .rh-video-embed-iframe-container iframe {
  border-radius: 10px;
}
.rh-group--layout[data-rh-corner-radius=large] .rh-video-embed-thumb,
.rh-group--layout[data-rh-corner-radius=large] .rh-image-embed-img,
.rh-group--layout[data-rh-corner-radius=large] .rh-video-embed-iframe-container iframe {
  border-radius: 30px;
}
.rh-group--layout iframe {
  border: 0;
}
@media (min-width: 768px) {
  [data-rh-misc=hero-header] .rh-group--layout[data-rh-misc=subnav] {
    margin-bottom: -8px;
  }
}

[data-rh-justify=justify] .rh-group-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
[data-rh-justify=justify] .rh-group-body[data-rh-layout~=buttons-flex-left-end] {
  flex-direction: row;
}
[data-rh-justify=justify] .rh-group-body[data-rh-layout~=gallery-flex] {
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

.rh-group-body[data-rh-layout=compressed-stacked] > *:not(:first-child, [data-rh-multi-speaker-group]) {
  margin-top: 32px;
}
.rh-group-body[data-rh-layout=compressed-stacked] [data-rh-sibling=compressed] + [data-rh-sibling=compressed] {
  margin-top: 16px;
}

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

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

.rh-group-footer[data-rh-layout^=only8] .rh-group--layout {
  max-width: 700px;
  grid-column-end: span 12;
  width: 100%;
}
.rh-group-footer[data-rh-layout="only8 center"] .rh-group--layout {
  grid-column-end: span 8;
  max-width: 100%;
}