/*
 * RealHero global custom stylesheet
 * Put your site-wide CSS overrides here.
 */

:root {
  --rh-custom-accent: #0b57d0;
}

/* Example:
.my-custom-component {
  border-color: var(--rh-custom-accent);
}
*/

#menu-menu-principal {
  align-items: center;
}

#menu-menu-principal .menu-item a {
  padding: 8px 25px;
  transition: 250ms ease background-color;
}

#menu-menu-principal .menu-item:hover a,
#menu-menu-principal .menu-item:focus a {
  background-color: #FBE8CB;
  border-radius: 6px;
  transition: 250ms ease background-color;
} 

#menu-menu-principal .menu-item.current_page_item  > a {
  background-color: #FBE8CB;
  border-radius: 6px;
  transition: 250ms ease background-color;
}

#menu-menu-principal .menu-item-stories > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#menu-menu-principal .menu-item-stories > .ct-menu-link::before,
#menu-menu-principal .menu-item-stories > a::before {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background: center / contain no-repeat url("/wp-content/mu-plugins/assets/icon-stories.svg");
  opacity: 1;
}

a.btn-dynamic-name.brxe-button > .rh-typing-name {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  font-weight: 900;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

a.btn-dynamic-name.brxe-button > .rh-typing-name::after {
  content: "";
  display: inline-block;
  width: 0.08em;
  height: 0.95em;
  
  vertical-align: -0.08em;
  background-color: currentColor;
  animation: rh-caret-blink 0.9s steps(1, end) infinite;
}

@keyframes rh-caret-blink {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  a.btn-dynamic-name.brxe-button > .rh-typing-name::after {
    animation: none;
  }
}

.visually-hidden:not(:focus):not(:active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.WsWall-cNtaiNr {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}