input[name="about_team-card"]{
    appearance: auto;
    opacity: 0;
    height: 0;
}


input[name="about_team-card"]:focus + .about_team-card::before {
    opacity: 0.8;
}
input[name="about_team-card"]:focus + .about_team-card .main-info {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
input[name="about_team-card"]:focus + .about_team-card .additional-info {
    visibility: visible;
    opacity: 1;
}


  :focus {
    outline: 2px solid black; /* Set the focus outline color */
    outline-offset: 3px; /* Set the space between the element and the focus outline */
  }

  :focus:not(:focus-visible) {
    outline: none; /* Remove the outline for non-keyboard focus */
  }

  /* Customize the focus indicator for keyboard focus */
  :focus-visible {
    border: 1px dashed white; /* Set the border style */
  }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

#menu-skip-block{
  z-index: 99999;
  position: fixed;
  top: 2%;
  background: #000;
  color: #fff;
  width: auto;
  text-align: center;
  padding: .5%;
  opacity: 0;
  visibility: hidden;
}

#menu-skip-block.on{
  opacity: 1;
  visibility: visible;
}

#menu-skip-block button{
  width: 100%;
  display: block;
  padding: 5% 0;
  border: 0;
  background: none;
  color: #fff;
}


.menu-item-has-children.on ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media(max-width: 768px){


  .menu-item-has-children.on ul {
      max-height: 66.66667vw;
  }
  .menu-item-has-children.on > a {
      color: var(--color-red_300) !important;
  }
}


#skiplinks a{
  /*display: none;*/
  position: absolute;
  top: 0;
  background: #ccc;
  color: #000;
  text-decoration: none !important;
  z-index: 999;
  border: 0;
  padding: .5%;
  position: fixed;
  top: 5vw !important;
  bottom: auto;
  opacity: 0;
}

#skiplinks a:focus-visible,
#skiplinks a:focus-within,
#skiplinks a:focus {
    opacity: 1;
}
