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

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

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

#wcag {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding-left: 39px;
    font-size: 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 #000000;
    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: #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: #1d8fb2;
}

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

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

.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;
}

/**********************************************************************************************************************/
:root {
    --wcag-border-radius: 5px;
}

/* Bar */
.wcag-bar-wrapper {
    border-bottom: 1px solid var(--default-color);
}

.wcag-bar-sides {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 51px;
    padding: 8px 0;
    margin: -10px;
}

.wcag-bar-sides > * {
    margin: 10px;
}

/* Bar button */
.wcag-bar .btn-sm {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    transition: all 0.4s;
}

.wcag-items .btn-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    font-size: 0.75rem;
    color: var(--default-color);
    border-radius: var(--wcag-border-radius);
    border-color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    box-shadow: none;

}

.wcag-items .btn.btn-sm.active.active {
    color: var(--default-color);
    border-color: var(--default-color);
    background-color: transparent;
}

.wcag-items .btn.btn-sm.active.active svg,
.wcag-items .btn.btn-sm.active.active svg * {
    fill: currentColor;
}

.wcag-items .btn.btn-sm:hover {
    border-color: var(--default-color);
    color: #fff;
    background-color: var(--default-color);
}

/* Button icons */
/*.wcag-items .btn-content-icon {*/
/*    display: inline-flex;*/
/*    vertical-align: middle;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*}*/

.wcag-items .btn-content-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.wcag-items .btn-content-icon i {
    font-size: 20px;
}

/* Bar link items */
.wcag-bar .btn.btn-link {
    padding: 5px;
    font-size: 1.2rem;
    color: var(--default-color);
    border: none;
    font-weight: 700;
}

.wcag-bar .wcag-links .btn-link {
    font-weight: 700;
}

.wcag-bar .wcag-menu .btn-link {
    text-transform: uppercase;
}

.wcag-bar .btn.btn-link.active {
    text-decoration: underline;
}

.wcag-bar .btn.btn-link:hover {
    color: var(--color-primary);
}

/* Popover */
.wcag-popover {
    position: absolute;
    z-index: 500;
    top: 100%;
    left: 50%;
    width: 340px;
    padding: 20px 15px;
    margin-left: -170px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
}

.wcag-bar *:not(:hover):not(:focus) > *:not(:hover):not(:focus) ~ .wcag-popover:not(:focus-within) {
    opacity: 0;
    pointer-events: none;
}

.wcag-popover-title {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    color: var(--color-primary);
}

/* Shortcuts */
.wcag-shortcuts {
    margin: -5px 0;
}

.wcag-shortcuts-row {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border: none;
    background-color: transparent;
    width: 100%;
}

.wcag-shortcuts-row + .wcag-shortcuts-row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.wcag-shortcuts-row > * {
    flex: 1 0 100%;
    max-width: 50%;
    padding: 0 5px;
}

.wcag-shortcuts-name {
    text-align: right;
}

.wcag-shortcuts-keys {
    display: flex;
    align-items: center;
}

.wcag-shortcuts-key-wrapper {
    display: flex;
    align-items: center;
}

.wcag-shortcuts-key-wrapper:not(:last-of-type)::after {
    content: "+";
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-weight: 700;
    font-size: 1rem;
}

.wcag-shortcuts-key {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    min-width: 30px;
    height: 30px;
    padding: 5px;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #bdbdbd;
    border-bottom-width: 3px;
}

.wcag-shortcuts-annotation {
    margin-top: 15px;
    text-align: center;
    font-size: 1.5rem;
    color: gray;
}

/* Items list */
.wcag-items {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -5px;
}

.wcag-items > * {
    position: relative;
    padding: 0 5px;
}

.wcag-items > *:not(:last-child) {
    margin-right: 0;
}

.wcag-items > * + * {
    margin-left: 0;
}

.wcag-items > .wcag-items {
    padding: 0;
}

/* Items list with separators */
.wcag-items.wcag-items--separated {
    margin: 0 -15px;
}

.wcag-items.wcag-items--separated > * {
    padding: 0 15px;
}

.wcag-items.wcag-items--separated > *:not(:last-child) {
    margin-right: 0;
}

.wcag-items.wcag-items--separated > * + * {
    margin-left: 0;
}

.wcag-items--separated > *:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    height: 12px;
    width: 1px;
    margin-top: -6px;
    background-color: rgba(0, 0, 0, 0.3);
}

/* Icon letter */
.wcag-letter {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}

.wcag-action-fontsize[data-wcag-fontsize="1"] .wcag-letter {
    font-size: 17px;
}

.wcag-action-fontsize[data-wcag-fontsize="2"] .wcag-letter {
    font-size: 20px;
}

.wcag-letter-plus {
    font-size: 12px;
    font-weight: normal;
}

div#cookieColLeft {
    font-size: 0.6875rem;
    letter-spacing: var(--wcag-letterSpacing, 0);
    word-spacing: var(--wcag-wordSpacing, 0);
}

/**
 * skipheader
 */
.wcag-menu-invis {
    position: relative;
}

.wcag-menu-invis a:focus {
    left: auto;
}

.wcag-menu-invis a {
    position: absolute;
    padding: 20px;
    background-color: #ededed;
    border: 1px solid var(--default-color);
    left: -100vw;
    z-index: 2000;
}

.wcag-mode-contrast .wcag-menu-invis a {
    border-color: var(--wcag-contrast);
    background-color: #000;
    color: var(--wcag-contrast);
}

/**
 * MOBILE
 */
@media screen and (max-width: 1139px) {
    .wcag-popover,
    .wcag-desktopOnly {
        display: none !important;
    }
}

@media screen and (min-width: 901px) {
    .wcag-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 900px) {
    .wcag-bar {
        display: none !important;
    }
}

/* Mobile menu toggle */
/*.wcag-mobile {*/
/*    float: right;*/
/*}*/

.wcag-mobile-toggle.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 8px 12px;
    margin: 10px 0;
    font-size: 14px;
    line-height: normal;
    color: #000;
    border-radius: 0;
    border-color: #e5e5e5;
    background-color: #fff;
    box-shadow: none;
}

.wcag-mobile-toggle.btn.active {
    color: #fff;
    border-color: transparent;
    background-color: #f0f;
}

.wcag-mobile-toggle > * {
    vertical-align: middle;
}

.wcag-mobile-toggle .btn-content-icon {
    margin-right: 5px;
    font-size: 20px;
}

/* Mobile menu */
.wcag-mobile-menus .wcag-items,
.wcag-mobile-menus ul {
    display: block;
}

.wcag-mobile-menus li {
    border-bottom: 1px solid #e5e5e5;
}

/*.wcag-mobile-menus .wcag-items.wcag-items li > * {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    width: 100%;*/
/*    min-height: 46px;*/
/*    padding: 5px 15px;*/
/*    line-height: normal;*/
/*    font-size: 1rem;*/
/*    text-transform: uppercase;*/
/*    font-weight: 400;*/
/*    text-align: left;*/
/*    text-decoration: none;*/
/*    color: #000;*/
/*    border: none;*/
/*    background-color: transparent;*/
/*}*/
/*.wcag-mobile-panel .sr-only {*/
/*    clip: auto;*/
/*    position: static;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    height: auto;*/
/*    font-size: inherit;*/
/*    margin: 0;*/
/*    white-space: normal;*/
/*}*/
.btn-content-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}


.wcag-mobile-panel .rwdMenu .btn-content-icon {
    margin: -3px 3px -3px -8px;
    font-size: 22px;
}

.wcag-mobile-panel .btn-content-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    flex-shrink: 0;
}

.wcag-mobile-panel .wcag-items .btn {
    font-size: 1rem;
}

/* Mobile menu square buttons */
.wcag-mobile-panel .wcag-actions {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wcag-mobile-panel .wcag-actions .wcag-items {
    flex-wrap: wrap;
    margin: -3px;
}

.wcag-mobile-panel .wcag-actions .wcag-items > * {
    padding: 3px;
}


/* RWD */
@media screen and (max-width: 1366px) {
    .wcag-items.wcag-items--separated {
        margin: 0 -10px;
    }

    .wcag-items.wcag-items--separated > * {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1280px) {
    .wcag-items,
    .wcag-items.wcag-items--separated {
        margin: 0 -4px;
    }

    .wcag-items > *,
    .wcag-items.wcag-items--separated > * {
        padding: 0 4px;
    }
}

@media screen and (max-width: 1199px) {
    .wcag-items > *,
    .wcag-items.wcag-items--separated > * {
        padding: 0 2px;
    }
}

@media screen and (max-width: 1139px) {
    .wcag-bar .wcag-menu {
        margin-right: auto;
    }

    .wcag-bar .wcag-links + .wcag-menu {
        margin-left: 0;
    }

    .wcag-bar .wcag-menu .btn-link {
        text-transform: none;
    }

    .wcag-items--separated > *:not(:last-child)::after {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .wcag-mobile-toggle.btn {
        width: 40px;
        padding: 0;
    }

    .wcag-mobile-toggle .btn-content-icon {
        margin-right: 0;
        margin-left: 0;
    }

    html:not(.wcag-mode-textonly) .wcag-mobile-toggle .btn-content-caption {
        display: none;
    }
}

/**************************************************************************************
 * FOCUS
 */

:root {
    --wcag-outline-color: #f00;
}

@media screen and (min-width: 1140px), screen and (max-width: 1139px) and (hover: hover), /* Devices with hover support */
screen and (max-width: 1139px) and (pointer: none) /* Devices with no pointing device */ {
    body:not(.using-mouse) *[tabindex]:not([tabindex^="-"]):focus:not(:active):not(:hover),
    body:not(.using-mouse) a:focus:not(:active):not(:hover),
    body:not(.using-mouse) button:focus:not(:active):not(:hover),
    body:not(.using-mouse) textarea:focus:not(:active):not(:hover),
    body:not(.using-mouse) input:focus:not(:active):not(:hover),
    body:not(.using-mouse) select:focus:not(:active):not(:hover),
    body:not(.using-mouse) button:focus:focus:not(:active):not(:hover) {
        outline: 2px solid var(--wcag-outline-color) !important;
        outline-offset: 2px;
    }

    body:not(.using-mouse) label:hover .icheckbox_minimal-custom,
    body:not(.using-mouse) label:focus .icheckbox_minimal-custom,
    body:not(.using-mouse) .icheckbox_minimal-custom.focus,
    body:not(.using-mouse) label:hover .iradio_minimal-custom,
    body:not(.using-mouse) label:focus .iradio_minimal-custom,
    body:not(.using-mouse) .iradio_minimal-custom.focus {
        outline: 2px solid var(--wcag-outline-color);
        outline-offset: 2px;
    }

    .wcag-mode-contrast * {
        transition: outline-offset 0.2s cubic-bezier(.17, .67, .5, 4) !important;
    }
}

.langs-menu ul .lang,
.rwd-lang .lang,
.rwd-menu ul > li > a {
    outline-offset: -2px !important;
}

/**************************************************************************************
 * FONT SIZE - rozmiar fontów na stronie
 *
 * W stylach w font-size zamiast PX używamy REM.
 * Interesują nas tylko małe fonty mniej więcej ~20px i niżej.
 * Bazą jest dla nas 16px. Czyli np. zamiast font-size: 12px ustawiamy 0.75rem, bo 12/16=0.75.
 */

/****** Nie zmieniać **********/
html[data-wcag-fontsize="0"] {
    font-size: 10px;
}

html[data-wcag-fontsize="1"] {
    font-size: 12px;
}

html[data-wcag-fontsize="2"] {
    font-size: 14px;
}

html[data-wcag-fontsize] body {
    font-size: 1rem;
}

/******************************/

/* base overwrite */
form.form {
    font-size: 0.875rem;
}

.form .alert-block .error {
    font-size: 1.5rem;
}

.footer-bar-links > li {
    font-size: 1.475rem;
}


/**************************************************************************************
 * FONT SPACING - odstępy między literami oraz wyrazami
 * Stylujemy tylko teksty o małym foncie i upakowane jak np. opisy
 */
:root.wcag-mode-fontspacing {
    --wcag-letterSpacing: 0.12em;
    --wcag-wordSpacing: 0.16em;
}

.wcag-mode-fontspacing .listMenu.sitemap li a,
.wcag-mode-fontspacing #main-menu li a,
.wcag-mode-fontspacing .h3,
.wcag-mode-fontspacing .h2,
.wcag-mode-fontspacing .text {
    letter-spacing: var(--wcag-letterSpacing);
    word-spacing: var(--wcag-wordSpacing);
}


/**************************************************************************************
 * FONT LINE HEIGHT - minimalny rostrzał linii tekstu
 * Stylujemy tylko teksty o małym foncie i upakowane jak np. opisy,
 * i tylko jeżeli line-height jest mniejszy niż ten poniżej
 */
:root {
    --wcag-lineHeight: 2em;
}

.wcag-mode-fontlineheight .text {
    line-height: var(--wcag-lineHeight);
}

/**************************************************************************************
 * CONTRAST
 */
:root {
    --wcag-contrast: #ff0;
}


:root.wcag-mode-contrast {
    --wcag-outline-color: var(--wcag-contrast);
}

.wcag-mode-contrast .hide-wcag-contrast {
    display: none !important;
}

html:not(.wcag-mode-contrast) .show-wcag-contrast {
    display: none !important;
}

.wcag-mode-contrast * {
    border-color: var(--wcag-contrast);
    box-shadow: none !important;
}

.wcag-mode-contrast body {
    background-color: #000;
    color: var(--wcag-contrast);
}

.wcag-mode-contrast iframe,
.wcag-mode-contrast img {
    filter: grayscale(1);
}

.wcag-mode-contrast a {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .footer-bar {
    border-top: 1px solid var(--wcag-contrast);
    color: var(--wcag-contrast);
    background-color: transparent;
}

/* bootstrap buttons */
.wcag-mode-contrast .btn-link:hover {
    color: var(--wcag-contrast);
    text-decoration: underline;
}

.wcag-mode-contrast .btn.btn-default {
    color: var(--wcag-contrast);
    background-color: #000;
    border-color: var(--wcag-contrast);
}

.wcag-mode-contrast .btn.btn-default:hover {
    color: #000;
    background-color: var(--wcag-contrast);
    border-color: var(--wcag-contrast);
}

.wcag-mode-contrast .btn.btn-primary {
    color: #000;
    background-color: var(--wcag-contrast);
    border-color: var(--wcag-contrast);
}

.wcag-mode-contrast .btn.btn-primary:hover {
    color: var(--wcag-contrast);
    background-color: #000;
    border-color: var(--wcag-contrast);
}

/* icheck */
.wcag-mode-contrast .icheckbox_minimal-custom,
.wcag-mode-contrast .iradio_minimal-custom {
    background-image: url(../images/wcag/icheck.png);
}

/* wcag elements */
.wcag-mode-contrast .wcag-bar {
    background-color: #000;
}

.wcag-mode-contrast .wcag-items .btn.btn-sm {
    color: var(--wcag-contrast);
    border-color: var(--wcag-contrast);
    background-color: #000;
}

.wcag-mode-contrast .wcag-items .btn.btn-sm:hover,
.wcag-mode-contrast .wcag-items .btn.btn-sm.active.active {
    color: #000;
    border-color: var(--wcag-contrast);
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-items .btn.btn-sm.active .icon-contrast-leftHalf {
    fill: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-bar .btn.btn-link,
.wcag-mode-contrast .wcag-popover-title {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-popover {
    color: var(--wcag-contrast);
    border-style: dashed;
    background-color: #000;
}

.wcag-mode-contrast .wcag-shortcuts-key {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-shortcuts-annotation {
    color: var(--wcag-contrast);
}

/* Mobile menus */
.wcag-mode-contrast .wcag-mobile-toggle.btn {
    color: var(--wcag-contrast);
    border-color: var(--wcag-contrast);
    background-color: #000;
}

.wcag-mode-contrast .langs-menu.active .lang-button,
.wcag-mode-contrast .wcag-mobile-toggle.btn.active {
    color: #000;
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .rwdPanel {
    background-color: #000;
}

.wcag-mode-contrast .nav-toggle span {
    background: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-mobile-panel .wcag-actions,
.wcag-mode-contrast .wcag-mobile-menus li,
.wcag-mode-contrast .rwd-lang li,
.wcag-mode-contrast .rwdMenu li {
    border-color: var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-mobile-menus .wcag-items.wcag-items li > *,
.wcag-mode-contrast .rwd-lang .lang,
.wcag-mode-contrast .rwd-menu .rwd-menu-wrapper > ul > li.active-link > a,
.wcag-mode-contrast .rwdMenu li > *:first-child {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .rwd-menu ul > li.active > a {
    text-decoration: underline;
    font-weight: 900;
    color: #000 !important;
}

.wcag-mode-contrast .rwd-menu ul > li > a:hover {
    text-decoration: none;
}

.wcag-mode-contrast .rwd-menu ul > li > a > svg {
    fill: var(--wcag-contrast);
}

.wcag-mode-contrast .rwd-menu ul > li > a > .glyphicon-bg {
    color: #000;
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .rwd-menu ul > li > ul > li {
    background-color: #000;
}

.wcag-mode-contrast .rwdMenu ul ul {
    border-top: 1px solid var(--wcag-contrast);
}

.wcag-mode-contrast .wcag-bar-sides {
    margin: 0 -5px;
}

.wcag-mode-contrast .wcag-bar-sides > * {
    margin: 5px;
}

.wcag-mode-contrast .langs-menu-icon,
.wcag-mode-contrast .lang .flag-icon {
    display: none;
}

.wcag-mode-contrast .breadcrumb > li {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .rwdButton {
    color: var(--wcag-contrast);
    background-color: #000;
}

.wcag-mode-contrast .rwdButton.rwdPanel-action-toggle.active {
    color: #000;
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .rwdButton .animIcon--close span,
.wcag-mode-contrast .main-menu-button.animIcon--hamburger.active span {
    background-color: #000;
}

.wcag-mode-contrast .mainsearch.rwdPanel .mainsearch-search {
    background-color: #000;
}

.wcag-mode-contrast .mainsearch.rwdPanel input {
    border: 1px solid var(--wcag-contrast);
}

.wcag-mode-contrast .mainsearch.rwdPanel .mainsearch-submit {
    color: #000;
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .mainsearch .dropdown-menu {
    background-color: #000;
}

/* fancybox */
.wcag-mode-contrast .fancybox-infobar,
.wcag-mode-contrast .fancybox-caption,
.wcag-mode-contrast .fancybox-button {
    color: var(--wcag-contrast);
}

/* alert */
.wcag-mode-contrast .alert {
    color: #000 !important;
    border-style: dashed;
    border-color: #000;
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast .close {
    opacity: 1;
    color: #000;
    text-shadow: none;
}

.wcag-mode-contrast .close:hover {
    color: var(--wcag-contrast);
    background-color: #000;
}

/* forms */
.wcag-mode-contrast .form .form-control {
    color: var(--wcag-contrast);
    background-color: #000;
    border-color: var(--wcag-contrast);
}

.wcag-mode-contrast .form .form-control::-webkit-input-placeholder { /* Edge */
    color: var(--wcag-contrast);
    font-style: italic;
}

.wcag-mode-contrast .form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--wcag-contrast);
    font-style: italic;
}

.wcag-mode-contrast .form .form-control::placeholder {
    color: var(--wcag-contrast);
    font-style: italic;
}

.wcag-mode-contrast .form .checkboxradio-container label {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .form .alert-block .error {
    float: left;
    padding: 8px;
    margin-top: 5px;
    border-radius: 0;
    background: var(--wcag-contrast) !important;
    color: #000 !important;
    border: 1px dashed #000;
}

.wcag-mode-contrast .form .alert-block .error::before {
    content: "\f071";
    margin-right: 8px;
    font-family: FontAwesome, sans-serif;
}

.wcag-mode-contrast .form .form-required-mark,
.wcag-mode-contrast .has-error .form-control-feedback {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast .copyright-undicom a:hover {
    text-decoration: underline;
    color: var(--wcag-contrast);
}

/* cookies */
.wcag-mode-contrast #cookiePolicy {
    color: var(--wcag-contrast);
    background-color: #000;
    border-top: 2px dashed var(--wcag-contrast);
}

.wcag-mode-contrast #cookiePolicyWrap {
    color: var(--wcag-contrast);
}

.wcag-mode-contrast #cookiePolicyClose {
    color: #000;
    border-color: var(--wcag-contrast);
    background-color: var(--wcag-contrast);
}

.wcag-mode-contrast #cookiePolicyClose:hover {
    color: var(--wcag-contrast);
}

/* text */
/*.wcag-mode-contrast .text * {*/
/*    color: inherit !important;*/
/*}*/

.wcag-mode-contrast .facebook-wrapper .w-50 .facebook-element-wrapper {
    background-color: transparent;
}

.wcag-mode-contrast .text a > span {
    color: #000 !important;
}

.wcag-mode-contrast body .text a:focus,
.wcag-mode-contrast body .text a:hover,
.wcag-mode-contrast body .text a:focus > span,
.wcag-mode-contrast body .text a:hover > span {
    color: var(--wcag-contrast) !important;
}

.wcag-mode-contrast .text img {
    filter: grayscale(1) !important;
}

/********************************************************************/
/**************************TEKTOWA***********************************/
/********************************************************************/
.wcag-mode-textonly .hide-wcag-textonly {
    display: none !important;
}

html:not(.wcag-mode-textonly) .show-wcag-textonly {
    display: none !important;
}

.wcag-mode-textonly * {
    border-radius: 0 !important;
}

.wcag-mode-textonly svg,
.wcag-mode-textonly img {
    display: none !important;
}

.wcag-mode-textonly .sr-only {
    position: static;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: inherit;
    clip: auto;
    margin: 0;
}

.wcag-mode-textonly .wcag-items .btn.btn-sm {
    width: auto;
}

#cookieScrollable {
    overflow: visible !important;
    font-size: 12px;
}

.wcag-mode-textonly .wcag-links .btn.btn-default,
.wcag-mode-textonly .wcag-actions .btn.btn-default {
    font-size: 1rem;
}

.wcag-mode-textonly .home .sr-only {
    vertical-align: middle;
}

.wcag-mode-textonly .home .fa {
    display: none;
}

.wcag-mode-textonly .social-item .fa {
    display: none;
}

.wcag-mode-textonly header .social-list > ul {
    max-width: unset;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wcag-mode-textonly .social-list > ul > li.login-zone-btn-wrapper a{
    display: flex;
    align-items: center;
}

.wcag-mode-textonly .social-list > ul > li > a {
    width: fit-content;
    padding: 0 5px;
}

.wcag-mode-textonly .login-zone-btn .fa {
    display: none;
}

.wcag-mode-textonly .person-long-box .box-content {
    width: 100%;
}

.wcag-mode-textonly .project-box-inner .project-flags {
    display: none;
}

.wcag-mode-textonly .slick-arrow {
    width: fit-content;
}

.wcag-mode-textonly .section-wrapper.slider-section .section-header .btn {
    right: 210px;
}

.wcag-mode-textonly .box-image .arrow-btn,
.wcag-mode-textonly .rwd-search-btn .icon,
.wcag-mode-textonly .fb-link .fb-frame,
.wcag-mode-textonly .box-content .arrow-btn,
.wcag-mode-textonly .box-bottom .arrow-btn,
.wcag-mode-textonly .background-box {
    display: none !important;
}

.wcag-mode-textonly .small-training-box:focus .facebook-wrapper .fb-link,
.wcag-mode-textonly .small-training-box:hover .facebook-wrapper .fb-link {
    color: #0000;
}

.wcag-mode-textonly .facebook-wrapper .fb-link:hover {
    color: #000;
    text-decoration: underline;
}

.wcag-mode-contrast .slide-description .text p * {
    color: var(--wcag-contrast);
}

html[data-wcag-fontsize="2"] .wcag-items.wcag-items--separated > * {
    padding: 0 14px;
}

@media screen and (max-width: 1540px) {
    html[data-wcag-fontsize="1"].wcag-mode-textonly .wcag-menu,
    html[data-wcag-fontsize="2"].wcag-mode-textonly .wcag-menu,
    html[data-wcag-fontsize="2"] .wcag-menu {
        width: 100%;
        order: 3;
    }
}

@media screen and (max-width: 1139px) {
    html[data-wcag-fontsize="2"] .wcag-menu {
        width: fit-content;
        order: unset;
    }
}

@media screen and (max-width: 1650px) {
    .wcag-mode-textonly .wcag-menu,
    html[data-wcag-fontsize="2"].wcag-mode-textonly .wcag-menu {
        width: 100%;
        order: 3;
    }
}

html[data-wcag-fontsize="1"].wcag-mode-textonly .wcag-menu,
html[data-wcag-fontsize="2"].wcag-mode-textonly .wcag-menu {
    width: 100%;
    order: 3;
}

/*.wcag-mode-textonly #content {*/
/*    margin-top: 191px;*/
/*}*/
.wcag-mode-textonly .pagination-wrapper ul li.next a,
.wcag-mode-textonly .pagination-wrapper ul li.active a,
.wcag-mode-textonly .pagination-wrapper ul li.prev a {
    width: fit-content;
}
.wcag-mode-contrast .progress-bar-full .in-progress{
    background-color: rgba(255, 255, 0,1)!important;
}
.wcag-mode-contrast .progress-bar-full {
    background-color: rgba(255, 255, 0, 0.3)!important;
}
.wcag-mode-contrast .training-filters-new-wrapper .big-label,
.wcag-mode-contrast  .training-filters-new-wrapper .form-element-option-text{
    color: #000
}
.wcag-mode-contrast .training-filters-new-wrapper .slide-down-elements .btn-container .expand-btn .fa,
.wcag-mode-contrast .training-filters-new-wrapper .slide-down-elements .btn-container .expand-btn .caption{
    color: #000;
}
.wcag-mode-contrast .text * {
    color: inherit!important;
}
.wcag-mode-contrast .text {
    color: var(--wcag-contrast)!important;
}
.wcag-mode-contrast .generated-form hr{
    border-color: var(--wcag-contrast);
}
.wcag-mode-contrast .collection-row-wrapper > .panel{
    background-color:#000;
}
.wcag-mode-contrast .slick-next .slick-next-icon:before,
.wcag-mode-contrast .slick-next .slick-prev-icon:before,
.wcag-mode-contrast .slick-prev .slick-next-icon:before,
.wcag-mode-contrast .slick-prev .slick-prev-icon:before{
    color: #000;
}