.btn {
  background-color: #ffffff;
  color: #000000;
  border: 0px;
  cursor: pointer;
  font-size: medium;
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  text-decoration: underline; }
  .btn:hover {
    background-color: #ffffff;
    color: #000000 !important; }

.ansible-banner {
  background: #aedfe0;
  margin-top: 1.2rem; }
  .ansible-banner .ansible-banner-text {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #000000;
    padding-top: 1.2rem;
    line-height: 2.2rem; }
    .ansible-banner .ansible-banner-text a {
      color: #004080; }

.docbar {
  background: #102441;
  width: 100%; }
  .docbar .nav-item {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 0%;
    padding-bottom: 0%; }
  .docbar .nav-link {
    text-align: center; }

nav {
  background: #000000; }
  nav .navbar-toggler {
    color: #ffffff;
    outline: none; }
  nav .navbar-toggler .icon-bar {
    display: block;
    width: 1.375rem;
    height: 0.125rem;
    border-radius: 1px;
    background-color: #ffffff;
    transition: all 300ms ease-in-out;
    transform: rotate(0);
    opacity: 1;
    margin-top: 0.3125rem; }
  nav .navbar-toggler .icon-bar.top {
    margin-top: 0.625rem;
    transform: rotate(45deg); }
  nav .navbar-toggler .icon-bar.center {
    opacity: 0; }
  nav .navbar-toggler .icon-bar.bottom {
    margin-top: -0.5rem;
    transform: rotate(-45deg); }
  nav .navbar-toggler.collapsed .icon-bar {
    transform: rotate(0);
    opacity: 1;
    margin-top: 0.5rem; }
  nav .navbar-brand {
    color: #ffffff;
    font-size: 1.2rem;
    padding-right: 4px; }
    nav .navbar-brand:hover {
      color: #5cbec1; }
  nav .nav-item {
    padding: 1px 4px; }
  nav .nav-link {
    color: #ffffff;
    font-size: 1rem; }
    nav .nav-link:hover {
      color: #5cbec1; }
  @media screen and (max-width: 990px) {
    nav .navbar-nav .nav-link {
      padding-right: 0.75rem;
      padding-left: 0.75rem; } }
.page-title {
  font-weight: normal;
  text-align: left;
  margin-top: 1.2rem;
  line-height: 1.9rem; }
  .page-title p {
    font-size: 1.45rem;
    margin: 0 0 1.9rem; }
  .page-title .feedback {
    font-size: 1rem; }

.page-logo {
  display: flex;
  width: 200px; }
  @media screen and (max-width: 990px) {
    .page-logo {
      display: none; } }
.grid-wrapper,
.component-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2em;
  clear: both; }

.width-1-12 {
  grid-column: span 1; }

.width-2-12 {
  grid-column: span 2; }

.width-3-12 {
  grid-column: span 3; }

.width-4-12 {
  grid-column: span 4; }

.width-5-12 {
  grid-column: span 5; }

.width-6-12 {
  grid-column: span 6; }

.width-7-12 {
  grid-column: span 7; }

.width-8-12 {
  grid-column: span 8; }

.width-9-12 {
  grid-column: span 9; }

.width-10-12 {
  grid-column: span 10; }

.width-11-12 {
  grid-column: span 11; }

.width-12-12 {
  grid-column: span 12; }

@media (max-width: 48em) {
  .width-1-12-m {
    grid-column: span 1; } }

@media (max-width: 48em) {
  .width-2-12-m {
    grid-column: span 2; } }

@media (max-width: 48em) {
  .width-3-12-m {
    grid-column: span 3; } }

@media (max-width: 48em) {
  .width-4-12-m {
    grid-column: span 4; } }

@media (max-width: 48em) {
  .width-5-12-m {
    grid-column: span 5; } }

@media (max-width: 48em) {
  .width-6-12-m {
    grid-column: span 6; } }

@media (max-width: 48em) {
  .width-7-12-m {
    grid-column: span 7; } }

@media (max-width: 48em) {
  .width-8-12-m {
    grid-column: span 8; } }

@media (max-width: 48em) {
  .width-9-12-m {
    grid-column: span 9; } }

@media (max-width: 48em) {
  .width-10-12-m {
    grid-column: span 10; } }

@media (max-width: 48em) {
  .width-11-12-m {
    grid-column: span 11; } }

@media (max-width: 48em) {
  .width-12-12-m {
    grid-column: span 12; } }

.quicklinks {
  margin-top: 2rem; }
  .quicklinks h2 {
    font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.4rem;
    text-transform: none; }
  .quicklinks .fa-ul {
    text-align: left; }
  .quicklinks .fa-li {
    font-size: 1rem;
    width: 10px; }
  .quicklinks a {
    font-size: 1rem; }

body {
  background: #ffffff;
  color: #000000;
  font-weight: normal;
  font-family: RedHatText, "Red Hat Text", Overpass, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden; }

h1 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.5rem;
  text-transform: none; }

h2 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  font-size: 2.25rem;
  text-transform: none; }

h3 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  text-transform: none; }

h4 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
  text-transform: none; }

h5 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif;
  text-transform: none; }

h6 {
  font-family: RedHatDisplay, "Red Hat Display", Overpass, "Helvetica Neue", Arial, sans-serif; }

.full-width-bg {
  margin: 0 -13rem;
  padding: 0 13rem; }
  @media screen and (max-width: 1170px) {
    .full-width-bg {
      margin: 0 -6rem;
      padding: 0 6rem; } }
  @media screen and (max-width: 768px) {
    .full-width-bg {
      margin: 0 -2rem;
      padding: 0 2rem; } }
.component {
  padding-top: 4rem;
  padding-bottom: 6rem; }
  .component-slim {
    padding-top: 2rem;
    padding-bottom: 2rem; }