/* ACCESSIBILITY
---------------------------------------------------------------------------- */

/*
:focus {
   outline: 3px solid #000;
   outline-offset: -2px;
}
*/

/*
This will hide the focus indicator if the element receives focus via the mouse,
but it will still show up on keyboard focus.
*/
/*
.js-focus-visible :focus:not(.focus-visible) {
   outline: none;
}
*/

@media screen and (prefers-reduced-motion: reduce) {
   * {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
      transform: scale(1) !important;
   }
   html {
      scroll-behavior: auto;
   }
}

/* Clickable Block Link
---------------------------------------------------------------------------- */

.svb-clickable-container.svb-clickable {
   cursor: pointer;
}

.svb-clickable-container.svb-multiple-links {
   cursor: auto;
}


/* Skip links
---------------------------------------------------------------------------- */

.svb-skip-link a {
   box-shadow: 0 1px 8px 0 rgba(12,39,70,0.23);
   transition: .4s all ease;
   font-family: var(--svb-font-family-base);
   font-size: 1rem;
   font-weight: 600;
   line-height: 2.3;
   text-decoration: none;
   letter-spacing: 0.05em;
   padding: 1rem 1rem 1rem 2rem!important;
   color: var(--svb-color-blue-default);
}

/*
.svb-skip-link a::after {
   content: '';
   display: inline-block;
   height: 1.0rem;
   width: 1.0rem;
   background-image: url('/images/18.76ab5fd51832fa984e48f/1662966393131/arrow-right-light.svg');
   background-position: initial;
   background-size: contain;
   background-repeat: no-repeat;
   margin-left: 0.4rem;
}
*/

.svb-skip-link a.svb-visually-hidden:focus {
   position: fixed !important;
   top: 3px;
   left: 0;
   z-index: 99999999;
   clip: initial !important;
   background-color: #fff;
   border: 2px solid #000;
   width: auto !important;
   height: auto !important;
}

.svb-skip-link a.svb-visually-hidden:focus {
   left: 1rem;
}

/*
.svb-skip-to-menu a.svb-visually-hidden:focus {
   left: 138px;
}

.svb-skip-to-footer a.svb-visually-hidden:focus {
   left: 268px;
}
*/

