/*
 * OU Styles for the Fancybox Gallery to improve the keyboard access. When Fancybox elements have focus (using keyboard or clicks), they are visibily different.
 *
 */

.fancybox-container .fancybox-toolbar button:focus:not([disabled]),
.fancybox-container .fancybox-toolbar button:hover:not([disabled]) {
  outline: none;
  color: #fff !important;
  background: #007095 !important;
}

.fancybox-container .fancybox-navigation button:focus {
  outline: none;
}
.fancybox-container .fancybox-navigation button:focus > div,
.fancybox-container .fancybox-navigation button:hover > div {
  background-color: #007095 !important;
}

.fancybox-container:focus img {
  border: 1px solid #007095 !important;
}

.fancybox-container [disabled] {
  display: none;
}