/* Via pfe-base.css */
:is(rh-footer, rh-global-footer) a {
  color: var(--rh-color-link-inline-on-dark, var(--rh-color-blue-200, #73bcf7));
  text-decoration: none;
}

:is(rh-footer, rh-global-footer) a:hover {
  color: var(--rh-color-link-inline-hover-on-dark, var(--rh-color-blue-100, #bee1f4));
  text-decoration: underline;
}

:is(rh-footer, rh-global-footer) a:is(:focus, :focus-within) {
  color: var(--rh-color-link-inline-focus-on-dark, var(--rh-color-blue-100, #bee1f4));
  text-decoration: underline;
}

:is(rh-footer, rh-global-footer) a:visited {
  color: var(--rh-color-link-inline-visited-on-dark, var(--rh-color-blue-100, #bee1f4));
  text-decoration: none;
}

/* ensure links fully wrap img tags */
:is(rh-footer, rh-global-footer) a[slot^="logo"] {
  display: block;
}

:is(rh-footer) a[slot^="logo"] > img {
  display: block;
  width: auto;
  height: 100%;
  height: var(--rh-size-icon-04, 40px);
}

rh-footer [slot^="links"] a {
  gap: var(--rh-footer-links-gap, var(--rh-space-2xs, 8px));
}

:is(rh-footer, rh-global-footer) [slot^="links"] li {
  margin: 0;
  padding: 0;
  display: contents;
}

:is(rh-footer, rh-global-footer) [slot^="links"] a {
  display: block;
  color: var(--rh-color-text-primary-on-dark, #ffffff) !important;
  font-size: var(--rh-footer-link-font-size, var(--rh-font-size-body-text-sm, 0.875rem));
}

rh-global-footer [slot^="links"] a {
  font-size: inherit;
}

/**
 * No JS Experience
 */
rh-footer,
rh-global-footer {
  /* Make these variables available at no-js time */
  --_section-side-gap: var(--rh-footer-section-side-gap, var(--rh-space-2xl, 32px));
}

rh-footer:not(:defined) {
  background-color: var(--rh-color-surface-darker, #212427);
  width: 100%;
  display: grid;
  grid-template-areas:
    "footer"
    "global";
  grid-template-rows: 1fr auto;
  min-height: var(--rh-footer-nojs-min-height, 750px);
}

rh-global-footer:not(:defined):before {
  grid-area: global;
}

/* Adding styles to logo */
rh-footer:not(:defined) > [slot="logo"] {
  padding: var(--rh-space-2xl, 32px) var(--_section-side-gap);
}

/* A11y hide child components */
rh-footer:not(:defined) > *:not([slot="logo"], rh-global-footer),
rh-global-footer:not(:defined) > * {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

rh-global-footer:not(:defined) {
  background-color: var(--rh-color-surface-darkest, #151515);
  display: block;
  width: 100%;
  min-height: 176px;
}