.hero {
  background-position: 75%;
  background: url(../images/home-hero.jpg) center center no-repeat;
  background-size: cover; }

.hero::before {
  content: ""; }

.h1 {
  font-size: 2.5rem; }

.badge {
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
  font-weight: 800;
  box-shadow: 5px 5 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5 3px 0px rgba(0, 0, 0, 0.2); }

.badge.badge-orange {
  background-color: #f97f2d; }

dl {
  margin-bottom: 1rem; }

dl dt {
  font-weight: bold; }

dl dd + dt {
  margin-top: 0.5rem; }

pre {
  white-space: pre-wrap;
  overflow-x: scroll; }

table {
  width: 100%; }

.character-limit table {
  max-width: var(--gcds-text-character-limit); }

table th {
  text-align: left; }

table tr td, table tr th {
  padding: 0.5rem; }

table tr:nth-child(odd) td {
  background-color: var(--gcds-color-grayscale-50);
  border-top: 1px solid var(--gcds-color-grayscale-100);
  border-bottom: 1px solid var(--gcds-color-grayscale-100); }

.language-selector {
  background: url("../images/splash.png") no-repeat center center fixed;
  background-size: cover; }
  .language-selector h1::after {
    display: none; }
  .language-selector .light-bg {
    background: var(--gcds-bg-white);
    border-radius: 10px;
    box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5); }
  .language-selector #cnt-splash {
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .language-selector .gc-header {
    padding: 1rem;
    padding-bottom: 0px; }
  .language-selector .gc-footer {
    background-color: #D9D9D9;
    padding: 1rem;
    border-radius: 0px 0px 10px 10px; }
  .language-selector .gc-footer .terms {
    width: 100%; }
  .language-selector .gc-footer svg {
    width: 80%; }

.cnt-support {
  padding: 20px;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 0.75);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(204, 204, 204, 0.75);
  margin-bottom: 2rem;
  width: fit-content; }

.float-right {
  float: right; }

.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  background: #fff;
  border: 2px solid #666;
  border-radius: 2px;
  pointer-events: none;
  z-index: 1000;
  /* Ensure tooltip appears above diagram */ }

hr {
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px; }

.provider-layout__sidenav {
  margin-top: var(--gcds-spacing-200); }

.provider-layout__content gcds-heading[tag='h1'] {
  margin-bottom: var(--gcds-spacing-200); }

gcds-heading[tag='h2'] {
  --gcds-heading-default-text: #000080; }

gcds-heading[tag='h3'] {
  --gcds-heading-default-text: #5f259f; }

gcds-heading[tag='h4'] {
  --gcds-heading-default-text: #b10e1e; }

.provider-layout__cards {
  margin-top: var(--gcds-spacing-300); }

.provider-layout__content .provider-section-divider {
  display: block;
  width: 100%;
  height: 0;
  clear: none;
  border: 0;
  border-top: 2px solid var(--gcds-color-grayscale-400, #8a8a8a);
  opacity: 0.95;
  margin: var(--gcds-spacing-400) 0 var(--gcds-spacing-150); }

.provider-layout__content .provider-section-divider:first-of-type {
  display: none; }

@media (min-width: 64em) {
  .provider-layout__sidenav {
    position: sticky;
    top: var(--gcds-spacing-400); } }