/*
-------------------------------------------
wf-skip-to-content.css
-------------------------------------------

  Beskrivning: Stilregler för Hoppa till innehåll
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/*
-------------------------------------------
Hoppa till innehåll
------------------------------------------- */

.wf-skip-to-content {
  background-color: var(--env-element-secondary-background-color);
  color: var(--env-element-secondary-font-color);
  border-radius: var(--env-button-border-radius);
  font-size: var(--env-font-size-medium);
  padding: var(--wf-spacing-10) var(--wf-spacing-20);
  text-decoration: none;
  position: absolute;
  top: -50px;
  left: 10px;
  transform: translateY(-100%);
  z-index: 10000;/* Måste vara mer än områdesmenyn, 9999 */
}

.wf-skip-to-content:focus {
  top: 10px;
  transform: translateY(0);
}


/*
-------------------------------------------
Animeringar
------------------------------------------- */

@media (prefers-reduced-motion: no-preference) {
  .wf-skip-to-content {
    transition: top 0.3s ease;
  }
}