/* Toegankelijkheid (WCAG 2.2 AA) — overrides bovenop style.css */

/* 2.4.7 / 2.4.13: zichtbare focus, tweekleurig zodat hij op goud én wit werkt */
a:focus-visible,
button:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid #111 !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px #fff !important; }

/* 2.4.1: skip-link, alleen zichtbaar bij focus */
.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 2000;
  padding: 12px 16px;
  background: #111;
  color: #fff !important; }
  .skip-link:focus {
    top: 8px; }

.visually-hidden {
  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; }

/* 2.4.11: vaste navbar mag gefocust element of ankerdoel niet bedekken */
html {
  scroll-padding-top: 90px; }

/* 1.4.3: witte tekst op de lichte lagen van de hero-achtergrond */
.hero-wrap .overlay {
  background: rgba(0, 0, 0, 0.38); }
.hero-wrap .slider-text p {
  color: #fff !important; }

/* 1.4.3: grijze tekst die op #999 uitkwam */
.blog-entry .text p,
.blog-entry .meta,
.blog-entry .meta span,
.contact-wrap p,
.dbox .text p,
.tab-content p,
.ftco-footer p,
.nav-tabs .nav-link {
  color: #595959; }

/* 1.4.3: tellers — lichte tekst op transparant goud */
.ftco-section-counter .overlay {
  opacity: 1; }

/* 1.4.1: links in lopende tekst niet alleen op kleur onderscheiden */
.blog-entry .meta a,
.contact-wrap a,
a.copyright-image {
  text-decoration: underline; }

/* 2.5.8: minimaal 24px doelgebied voor losse links */
.hero-wrap .slider-text .social-media a,
.blog-entry .meta a,
a.copyright-image {
  display: inline-block;
  min-height: 24px;
  line-height: 24px; }
a.copyright-image {
  font-size: 13px; }

/* 2.3.3: geen beweging voor wie dat uitzet */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; }
  .hero-wrap {
    background-attachment: scroll; } }

/* 1.4.3 + 2.4.7: menuknop op mobiel (template zet outline: none !important bij focus) */
.ftco-navbar-light .navbar-toggler,
.ftco-navbar-light .navbar-toggler:hover,
.ftco-navbar-light .navbar-toggler:focus {
  color: #fff !important; }
.ftco-navbar-light .navbar-toggler:focus-visible {
  outline: 3px solid #111 !important;
  box-shadow: 0 0 0 5px #fff !important; }

/* 1.4.3: niet-actieve tabs (About me / Skills / Experience) */
.nav-tabs .nav-item .nav-link:not(.active) {
  color: #595959; }