html[data-wcag-font="0"] {
    font-size: 16px;
    line-height: 16px;
}

html[data-wcag-font="1"] {
    font-size: 18px;
    line-height: 20px;
}

html[data-wcag-font="2"] {
    font-size: 20px;
    line-height: 24px;
}

.contrast .image-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.contrast .rainContent {
    display: none;
}

.contrast img {
    position: relative;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

body.contrast {
    background: #000;
}

.contrast * {

    text-shadow: none !important;
}

.contrast .calendar-content {

}

.contrast .events-wrapper .thumb:before {
    filter: grayscale(1);
}

.contrast .calendar-wrapper td .event-link .more-this-day,
.contrast .calendar-wrapper thead tr th,
.contrast .calendar-wrapper tbody tr td {
    color: #fcef12;
    background: #000;
}

.contrast .calendar-wrapper tbody tr td.today .day-wrapper {
    background: #fcef12;
    display: block;
    margin: auto;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
}

.contrast .calendar-wrapper tbody tr td.other-month {
    background: #333;
}

.contrast .calendar-wrapper tbody tr td.today {

    background: #000;
    color: #000;
}

.contrast .calendar-wrapper tbody tr td .event-link {
    background: #fcef12;
    color: #000 !important;
}

.contrast .month-nav,
.contrast .footer-title,
.contrast .btn-more,
.contrast .box-date,
.contrast .box-title,
.contrast .title,
.contrast .text {
    color: #fcef12;
}

.contrast footer {
    border-color: #fcef12;
    background: #000;
}

.contrast .news-list,
.contrast header {
    background: #000;
}

.contrast .news-box-inner:hover {
    background: #fcef12;
}

.contrast .news-box-inner:hover * {
    color: #000;
}

.contrast .news-box-inner {
    border-color: #fcef12;
}

.contrast .btn-primary:hover,
.contrast .btn-primary:focus {
    background: #000;
    color: #fcef12 !important;
}

.pagination-wrapper ul li.active a,
.pagination-wrapper a:hover,
.contrast .btn-primary {
    border-color: #fcef12;
    background: #fcef12;
    color: #000 !important;
    font-weight: bold;
}

.contrast .article-content,
.contrast .news-list,
.contrast .content-box {
    background: transparent;
}


.contrast .form .form-element-name,
.contrast .form .checkboxradio-container label,
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h4,
.contrast a {
    color: #fcef12 !important;
}

#wcag {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding-left: 39px;
    font-size: 0;
    margin: 14px 0;
}

#wcag li {
    display: block;
    float: left;
    padding: 5px;
    width: 52px;
    height: 52px;
}

#wcag a {
    display: block;
    padding: 7px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    cursor: pointer;
}

.contrast #wcag a.contrast-switcher .wcag-hover,
body:not(.contrast) #wcag a.contrast-switcher .wcag-hover {
    fill: #474d57;
}

.contrast #wcag li:hover a.contrast-switcher .wcag-hover,
body:not(.contrast) #wcag li:hover a.contrast-switcher .wcag-hover {
    fill: #ffea00;
}

.contrast #wcag li:hover a.contrast-switcher path,
body:not(.contrast) #wcag li:hover a.contrast-switcher path {
    fill: #000;
}

.contrast #wcag li:hover a.contrast-switcher,
body:not(.contrast) #wcag li:hover a.contrast-switcher {
    background: #000;
}


.wcag-hover {
    /*stroke: #fff;*/
    transition-duration: 0.6s;
}

li:hover .wcag-hover {
    fill: #000;
}

.contrast-switcher {
    background-color: #ffea00;
}

body:not(.contrast) #wcag .active a.text-size,
body:not(.contrast) #wcag a.text-size:hover,
body:not(.contrast) #wcag a.text-size:focus {
    background-color: #ff8f3a;
}

body:not(.contrast) #wcag a.text-size:hover svg path,
body:not(.contrast) #wcag a.text-size:focus svg path {
    fill: #fff;
}

body:not(.contrast) #wcag a:hover .wcag-hover,
body:not(.contrast) #wcag a:focus .wcag-hover {
    fill: #fff;
}

.contrast #wcag a {
    border-color: #ffea00;
}

.contrast #wcag li:hover a.text-size,
.contrast #wcag li:focus a.text-size,
.contrast #wcag .active a,
.contrast #wcag .active a svg {
    background: #ffea00;
}

.contrast #wcag .active a svg path {
    fill: #000 !important;
}

.contrast .about .text-wrapper {
    background: #000;
}

.form button.captcha-refresh {
    right: 0;
}