@font-face {
  font-family: OpenDyslexic;
  src: url(/css/OpenDyslexic/OpenDyslexic-Regular.otf);
}
.homePage .accessibility-doc {
  position: absolute;
  bottom: 40px;
  left: 20px;
}
.category-template .accessibility-doc,
.standard-template .accessibility-doc {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 21px;
}
.icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
}
.icon-accessibility {
  display: inline-block;
  background-image: url(/images/accessibility/accessibility-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 42px;
  height: 42px;
  vertical-align: text-bottom;
}
.icon-increase-font {
  background: url(/images/accessibility/increase-font-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 29px;
  height: 29px;
}
.icon-decrease-font {
  background: url(/images/accessibility/decrease-font-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 29px;
  height: 29px;
}
.icon-contrast {
  background: url(/images/accessibility/contrast-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 28px;
  height: 28px;
}
.icon-gray-tones {
  background: url(/images/accessibility/gray-tones-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 28px;
  height: 28px;
}
.icon-change-font {
  background: url(/images/accessibility/Font_Changing.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 28px;
  height: 28px;
}
.icon-reset {
  background: url(/images/accessibility/Reset.svg) no-repeat center center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 30px;
  height: 30px;
}
.icon-links {
  background: url(/images/accessibility/Highlight_Links.svg) no-repeat center center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  padding-right: 20px;
  width: 30px;
  height: 30px;
}
.accessibility-bttn {
  border: none;
}
#accessibility-offcanvas {
  background-color: #790012;
}
#accessibility-offcanvas #accessibility-menu,
#accessibility-offcanvas .accessibility-dropdown {
  background-color: #790012;
}
#accessibility-offcanvas #accessibility-menu button,
#accessibility-offcanvas .accessibility-dropdown button {
  border: none;
  background-color: transparent;
  color: white;
  font-family: 'Source Sans Pro', sans-serif;
  padding-bottom: 15px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}
#accessibility-offcanvas #accessibility-menu button:hover,
#accessibility-offcanvas .accessibility-dropdown button:hover {
  font-weight: bold;
}
#accessibility-offcanvas #accessibility-menu li.active button,
#accessibility-offcanvas .accessibility-dropdown li.active button {
  font-weight: bold;
}
* :focus-visible {
  outline: 1px solid white !important;
}
* :-moz-focusring {
  outline: 1px solid white !important;
}
* footer :focus-visible {
  outline: 1px solid white !important;
}
* footer :-moz-focusring {
  outline: 1px solid white !important;
}
.font-dyslexic * {
  font-family: OpenDyslexic !important;
}
.font-dyslexic .mainNav li a,
.font-dyslexic .sub-menu li a {
  font-size: 20px !important;
}
.font-dyslexic #accessibility-menu,
.font-dyslexic .accessibility-dropdown {
  width: 300px !important;
}
.font-dyslexic #accessibility-menu li span,
.font-dyslexic .accessibility-dropdown li span {
  text-transform: capitalize !important;
}
.font-size-l .accessibility-dropdown button {
  font-size: 28px;
}
.font-size-l .homepage-details *,
.font-size-l .category-details * {
  font-size: 28px;
  line-height: 31px;
}
.font-size-l .category-hint {
  font-size: 18px !important;
  line-height: 22px;
}
.font-size-l .filterMenu li {
  font-size: 25px;
}
.font-size-l .exhibition-info-box * {
  font-size: 28px !important;
  line-height: 31px !important;
}
.font-size-l .pjesme-item .details * {
  font-size: 28px !important;
  line-height: 31px !important;
}
.font-size-l .pjesme-item .pjesme-content * {
  font-size: 21px !important;
}
.highlightLinks * a {
  text-decoration: underline !important;
}
.font-size-s * {
  font-size: 14px !important;
}
.homePage.grayscale #video-bg,
.homePage.grayscale .homepage-offcanvas,
.homePage.grayscale .accessibility-dropdown {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */

}
.category-template.grayscale,
.standard-template.grayscale {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */

}
html.grayscale {
  background-color: #2b2b2b;
}
.homePage.contrast #video-bg,
.homePage.contrast .homepage-offcanvas {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */

}
.contrast #accessibility-offcanvas,
.contrast .accessibility-dropdown,
.contrast #accessibility-menu {
  background-color: white !important;
}
.contrast #accessibility-offcanvas button,
.contrast .accessibility-dropdown button,
.contrast #accessibility-menu button {
  color: #2b2b2b !important;
}
.contrast .side-menu-container {
  background-color: black !important;
}
.contrast .category-offcanvas {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  /* IE6-9 */

}
.contrast .slick-exhibition .large-img-wrap .exhibition-info-box,
.contrast .exhibit-slider .large-img-wrap .exhibition-info-box {
  background-color: black !important;
}
.contrast .slick-exhibition .large-img-wrap .exhibition-info-box *,
.contrast .exhibit-slider .large-img-wrap .exhibition-info-box * {
  color: white !important;
}
.contrast .pjesme-item .details {
  background-color: black !important;
}
.contrast .pjesme-item .details * {
  color: white !important;
}
html.contrast {
  background-color: #2b2b2b;
}