/* JF Accessibility Simple - required styles */
:root{
  --access-btn_right: 15px;
  --access-btn_bottom: 90px;
  --access-btn_width: 50px;
  --access-btn_height: 50px;
  --access-btn_pos: absolute;
  --access-btn-icon_width: 25px;
  --access-btn-icon_color: #ffffff;
  --access-btn_bg: #858585;
  --access-btn_border: rgba(255, 255, 255, 0);
  --access-btn_border-radius: 5px;
}

/* Override core inline styles */
i._access-icon{
  font-family: unset !important;
  position: var(--access-btn_pos) !important;
  left: unset !important;
  right: var(--access-btn_right) !important;
  bottom: var(--access-btn_bottom) !important;
  background: var(--access-btn_bg) !important;
  border: 1px solid var(--access-btn_border) !important;
  border-radius: var(--access-btn_border-radius) !important;
  width: var(--access-btn_width) !important;
  height: var(--access-btn_height) !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
  transform: unset !important;
}

.access-btn-icon{
  width: var(--access-btn-icon_width);
  height: auto;
  display: inline-block;
}

.access-btn-icon path,
.access-btn-icon circle{
  fill: var(--access-btn-icon_color);
}

._access-menu._access ul{
  max-height: 30vh;
}

._access-menu._access{
  width: 15vw;
}

@media screen and (max-width: 576px){
  ._access-menu._access{
    min-width: 250px;
  }

  ._access-menu._access h3{
    font-size: 16px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  ._access-menu._access ul li{
    font-size: 14px !important;
    line-height: 16px !important;
  }
}