/* Widget Toggle Icon */
#omni-ada-widget-icon {
  display: none;
  z-index: 99999999;
  width: 45px;
  height: 45px;
  background-position: -40px -5px;
  cursor: pointer;
}

.omni-ada-widget-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../img/omni-ada-icons.png") no-repeat center center;
}

.omni-ada-widget-icon-close {
  width: 24px;
  height: 24px;
  background-position: -5px -47px;
}

.omni-ada-widget-icon-desaturate {
  background-position: -5px -89px;
}

.omni-ada-widget-icon-invert {
  background-position: -47px -89px;
}

.omni-ada-widget-icon-enlarge {
  background-position: -47px -131px;
}

.omni-ada-widget-icon-kbnav {
  background-position: -89px -89px;
}

.omni-ada-widget-icon-cursor {
  background-position: -95px -47px;
}

.omni-ada-widget-icon-links {
  background-position: -137px -5px;
}

.omni-ada-widget-icon-fonts {
  background-position: -5px -131px;
}

.omni-ada-widget-icon-audio {
  background-position: -95px -5px;
}

.omni-ada-widget-icon-mute {
  background-position: -137px -47px;
}

.omni-ada-widget-icon-reset {
  background-position: -131px -89px;
}

.omni-ada-widget-absolute {
  position: absolute;
}

.omni-ada-widget-fixed {
  position: fixed;
}

.omni-ada-widget-icon-tr {
  top: 8px;
  right: 8px;
}

.omni-ada-widget-icon-tl {
  top: 8px;
  left: 8px;
}

.omni-ada-widget-icon-br {
  bottom: 8px;
  right: 8px;
}

.omni-ada-widget-icon-bl {
  bottom: 8px;
  left: 8px;
}

/* Skip to Content */
#omni-ada-skip {
  position: fixed;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}
#omni-ada-skip:hover, #omni-ada-skip:focus, #omni-ada-skip:active {
  left: 0;
  top: 0;
  z-index: 99999;
  padding: 8px;
  width: 175px;
  height: 38px;
  background: #085BCB;
  color: #fff;
  border-bottom: 2px solid #0e3365;
  border-right: 2px solid #0a2a56;
  outline: none;
  text-transform: uppercase;
  font-family: "Arial";
  font-weight: 600;
  font-size: 14px;
  border-bottom-right-radius: 16px;
  letter-spacing: 1px;
}

/* Widget */
#omni-ada-widget {
  display: none;
  position: fixed;
  z-index: 99999999;
  padding: 16px;
  width: 100%;
  max-width: 375px;
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 17px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  filter: none !important;
}
#omni-ada-widget ul {
  margin: 0;
  padding: 0;
}
#omni-ada-widget ul li {
  display: block;
  position: relative;
  overflow: hidden;
  width: 33.3333333%;
  float: left;
}
#omni-ada-widget ul li a {
  display: block;
  padding-top: 16px;
  margin: 3px;
  height: 90px;
  border: 1px solid #eee !important;
  border-radius: 5px;
  text-align: center;
  background-position: 95% 5%;
  color: #111;
  font-size: 12px;
  font-family: Tahoma, Geneva, sans-serif !important;
  text-transform: uppercase;
}
#omni-ada-widget ul li a img {
  margin-bottom: 8px;
}
#omni-ada-widget ul li a strong {
  display: block;
  font-weight: 400;
}
#omni-ada-widget ul li a:hover, #omni-ada-widget ul li a:focus {
  color: #06111D;
  text-decoration: none;
}

.omni-ada-enabled #omni-ada-widget {
  display: block !important;
}

/* Widget Header */
.omni-ada-head {
  overflow: hidden;
  padding: 8px;
}
.omni-ada-head h3 {
  margin: 0;
  padding: 0 0 0 4px;
  float: left;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: capitalize;
  color: #085BCB;
}
.omni-ada-head a {
  float: right;
  padding-right: 4px;
  line-height: 18px;
}

/* Widget Footer */
.omni-ada-footer {
  overflow: hidden;
  padding: 8px 4px 0 4px;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 10px;
  color: #bbb;
}
.omni-ada-footer a {
  color: red;
}
.omni-ada-footer .omni-ada-left {
  width: 50%;
  float: left;
  text-align: left;
}
.omni-ada-footer .omni-ada-right {
  width: 50%;
  float: left;
  text-align: right;
}

/* Show Active */
.omni-ada-do-invert #omni-ada-do-invert, .omni-ada-do-gray #omni-ada-do-gray, .omni-ada-do-kbnav #omni-ada-do-kbnav, .omni-ada-do-cursor #omni-ada-do-cursor, .omni-ada-do-links #omni-ada-do-links, .omni-ada-do-fonts #omni-ada-do-fonts, .omni-ada-do-zoom #omni-ada-do-zoom, .omni-ada-do-tts #omni-ada-do-tts, .omni-ada-do-tts #omni-ada-do-mute a {
  border-color: #7AC043 !important;
}
.omni-ada-do-invert #omni-ada-do-invert:after, .omni-ada-do-gray #omni-ada-do-gray:after, .omni-ada-do-kbnav #omni-ada-do-kbnav:after, .omni-ada-do-cursor #omni-ada-do-cursor:after, .omni-ada-do-links #omni-ada-do-links:after, .omni-ada-do-fonts #omni-ada-do-fonts:after, .omni-ada-do-zoom #omni-ada-do-zoom:after, .omni-ada-do-tts #omni-ada-do-tts:after, .omni-ada-do-tts #omni-ada-do-mute a:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 25px;
  height: 25px;
  background: url("../img/omni-ada-icons.png") no-repeat center center;
  background-position: -5px -5px;
}

/* Invert Colors */
.omni-ada-do-invert {
  background: #000;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.omni-ada-do-invert #omni-ada-widget {
  -webkit-filter: invert(100%) !important;
  filter: invert(100%) !important;
}

/* Grayscale */
.omni-ada-do-gray {
  -webkit-filter: grayscale(1) !important;
  filter: grayscale(1) !important;
}

/* Keyboard Nav */
.omni-ada-do-kbnav *:focus, .omni-ada-do-kbnav *:active {
  outline: 2px dotted red;
}

/* Cursor */
.omni-ada-do-cursor body {
  cursor: url("../img/cursor.png"), default !important;
}

/* Links */
.omni-ada-do-links a {
  border: 2px dotted red !important;
}

/* Fonts */
.omni-ada-do-fonts, .omni-ada-do-fonts h1, .omni-ada-do-fonts h2, .omni-ada-do-fonts h3, .omni-ada-do-fonts h4, .omni-ada-do-fonts h5, .omni-ada-do-fonts h6, .omni-ada-do-fonts p, .omni-ada-do-fonts strong, .omni-ada-do-fonts em {
  background: #fff !important;
  color: #000 !important;
  font-family: "Times New Roman", "Arial", "Tahoma", "Verdana" !important;
}

/* Text-To-Speech */
#omni-ada-do-mute {
  display: none !important;
}

.omni-ada-do-tts #omni-ada-do-tts {
  display: none !important;
}
.omni-ada-do-tts #omni-ada-do-mute {
  display: block !important;
}

/* Zoom */
.omni-ada-do-zoom {
  zoom: 150%;
}

.omni-ada-do-zoom #omni-ada-widget, .omni-ada-do-zoom #omni-ada-widget-icon {
  zoom: 67%;
}

/* Disable Widget */
.omni-ada-do-disable #omni-ada-widget-icon {
  display: none !important;
}

/* Hide on Mobile */
@media only screen and (max-width: 640px) {
  #omni-ada-do-kbnav, #omni-ada-do-cursor, #omni-ada-do-tts {
    display: none !important;
  }
}