/*
Template Name: WCAG
Author: Paweł Kaczorowski
Author @: p.kaczorowski@bf.team
Version: 0.1
*/

.skip-links {
  position: fixed;
  top: 25px;
  left: 0;
  z-index: 11;
}
.skip-links li {
list-style: none
}

.skip-links a,
.skip-links a:visited {
  position: absolute;
  top: 0;
  left: -9000em;
  display: block;
  text-align: center;
  width: 200px;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  color: #fff;
  font-size: 12px;
}

.skip-links a:hover,
.skip-links a:focus,
.skip-links a:active,
.skip-links a:visited:hover,
.skip-links a:visited:focus,
.skip-links a:visited:active {
  background: #2a2e32;
  color: #fff;
  padding: 5px 10px;
  z-index: 10;
  left: 0;
    font-size: 12px;
  opacity: 1;
}



[data-whatinput="keyboard"] *:focus {
    outline: 2px solid #0038f8;
    outline-offset: 1px;
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.font-btn {
  background: none;
  border: none;
  font-size: 14px; /* default */
  padding: 4px 6px;
  cursor: pointer;
}

.font-medium {
  font-size: 18px;
}

.font-large {
  font-size: 22px;
  font-weight: bold;
}

/* Kontrastowy wygląd */
.contrast-btn {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
  font-weight: bold;
  padding: 4px 6px;
  cursor: pointer;
}

body.high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

body.high-contrast a,
body.high-contrast button {
  color: #ffffff !important;

}

/* Zmiana rozmiaru tekstu dla całego body */
body.font-small {
  font-size: 100%;
}

body.font-medium {
  font-size: 110%;
}

body.font-large {
  font-size: 125%;
}