
.theme-settings-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 300px;
    background: #ffffff;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -moz-transform: translateX(300px);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
}
.theme-settings-wrapper.open-settings {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
}
.theme-settings .theme-setting-header {
    padding: 1.5rem 1rem;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    background: #242424;
}
.theme-settings .theme-setting-header h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 100;
}
.theme-settings .theme-setting-header .close-setting-btn {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    font-size: 20px;
    margin: auto 0;
    font-size: 1.38462rem;
    color: #fff;
    height: 25px;
}
.theme-settings .theme-settings-layout {
    padding: 1rem;
    border-bottom: 1px solid #f2f2f2;
}
.theme-settings .theme-settings-layout h6 {
    font-size: 0.93008rem;
    font-weight: 100;
    text-transform: uppercase;
    padding-bottom: 1rem;
    margin-bottom: 0;
    color: #242424;
}
.theme-settings .theme-settings-layout .media {
    margin-top: 1rem;
}
.theme-settings-wrapper .open-setting-btn {
    position: absolute;
    top: 243px;
    background: #242424;
    color: #ff0;
    left: -50px;
    padding: 10px;
}
.theme-settings-wrapper .open-setting-btn i {
    animation: spin 1.5s infinite linear;
    display: inline-block;
}
.btn i, .btn span {
    vertical-align: middle;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.mdi-settings:before {
    content: "\F493";
}
.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.theme-settings .theme-settings-layout .colors li.active, .theme-settings .theme-settings-layout .sidebar-colors li.active {
    border: 1px solid #212529;
}
.theme-settings .theme-settings-layout .colors li, .theme-settings .theme-settings-layout .sidebar-colors li {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
}

.nav-item-wcag {
    display:inline-block;
}

.wcag-separator-first {
    margin-right:5px;
    font-size: 12px;
}
.wcag-separator {
    margin-left:5px;
    margin-right:5px;
    font-size: 12px;
}
.normal-contrast {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    color: #fff;
    background: #151414;
    text-decoration: none;
    box-sizing: border-box;
}
.normal-contrast a {
    color: #fff;
}

.yellow-contrast {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    color: #151414;
    background: #ff0;
    text-decoration: none;
    box-sizing: border-box;
}
.yellow-contrast a {
    color: #383838;
}
.remove-contrast {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.remove-contrast a {
    color: #383838;
}
.custom-cursor {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    color: #fff;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.custom-cursor a {
    color: #151414;
}
.remove-cursor {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    color: #fff;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.remove-cursor a {
    color: #383838;
}
.big-font {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.big-font a {
    color: #383838;
}
.small-font {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: 2px 6px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    background: #fff;
    text-decoration: none;
    box-sizing: border-box;
}
.small-font a {
    color: #383838;
}

/********************/
/* WCAG CLICK EFECT */
/********************/

/* BLACK AND WHITE CONTRAST */
.black-white-contrast, .black-white-contrast footer.site-footer, .black-white-contrast .navbar, .black-white-contrast .logobar, .black-white-contrast .logo-dark, .black-white-contrast .topbar, .black-white-contrast .card, .black-white-contrast .feature-box-modern, .black-white-contrast .event-classic .event-inner {
    background: #000;
    color: #fff;
}
.black-white-contrast .logobar a, .black-white-contrast .egovenz-header .zozo-horizontal-slider-wrap .jctkr-wrapper a, .black-white-contrast .carousel-caption h5, .black-white-contrast .carousel-caption p, .black-white-contrast .breadcrumb a, .black-white-contrast .widget-title, .black-white-contrast .title-wrap a, .black-white-contrast .feature-box-outer a, .black-white-contrast .post-title-head a,  .black-white-contrast .blog-wrapper.blog-style-default .post-date a, .black-white-contrast .feature-box-title a, .black-white-contrast .menu-sidebar ul>li>a, .black-white-contrast .menu-sidebar li>a, .black-white-contrast .title-wrapper a, .black-white-contrast .dokumenty .read-more, .black-white-contrast .custom-description a {
    color:#fff;
}
.black-white-contrast .menu-sidebar ul>li>a:hover, .black-white-contrast .menu-sidebar li>a:hover, .black-white-contrast .title-wrapper a:hover, .black-white-contrast .dokumenty .read-more:hover, .black-white-contrast .custom-description a:hover {
    color:#269cff;
}
.black-white-contrast .carousel .carousel-item .overlay, .black-white-contrast .feature-box-outer {
    background: #000;
}
.black-white-contrast .egovenz-header .zozo-horizontal-slider-wrap {
    background: #000;
    border-left: 15px solid #000;
    border-right: 15px solid #000;
}
.black-white-contrast .carousel-item img, .black-white-contrast .post-thumb img {
    display:none;
}
.black-white-contrast .bg-image-link, .black-white-contrast .bg-image-event {
    background:none;
}
.black-white-contrast .feature-box-modern {
    box-shadow:none;
}
/* BLACK AND YELLOW CONTRAST */

.black-yellow-contrast, .black-yellow-contrast footer.site-footer, .black-yellow-contrast .navbar, .black-yellow-contrast .logobar, .black-yellow-contrast .logo-dark, .black-yellow-contrast .topbar, .black-yellow-contrast .card, .black-yellow-contrast .feature-box-modern, .black-yellow-contrast .event-classic .event-inner, .black-yellow-contrast .modal-content {
    background: #000;
    color: #ff0;
}

.black-yellow-contrast .modal-content {
    border: 1px solid #ff0;
}
.black-yellow-contrast .modal-header {
    border-bottom: 1px solid #ff0;
}
.black-yellow-contrast .modal-footer {
    border-top: 1px solid #ff0;
}
.black-yellow-contrast .page-link, .black-yellow-contrast .bottom-search-wrap {
    background: #000;
    color: #ff0;
}
.black-yellow-contrast .section-feature-box .col-md-4:nth-child(2) .feature-box-outer, .black-yellow-contrast .section-feature-box .col-md-4:nth-child(3) .feature-box-outer {
    background: #ff0;
}
.black-yellow-contrast .title-section {
    background: #000;
}
.black-yellow-contrast .navbar {
    border-bottom: 5px solid #ff0; 
}
.black-yellow-contrast .logobar a, .black-yellow-contrast .egovenz-header .zozo-horizontal-slider-wrap .jctkr-wrapper a, .black-yellow-contrast .carousel-caption h5, .black-yellow-contrast .carousel-caption p, .black-yellow-contrast .breadcrumb a, .black-yellow-contrast .widget-title, .black-yellow-contrast .title-wrap a, .black-yellow-contrast .feature-box-outer a, .black-yellow-contrast .post-title-head a,  .black-yellow-contrast .blog-wrapper.blog-style-default .post-date a, .black-yellow-contrast .feature-box-title a, .black-yellow-contrast .footer-middle-wrap .widget, .black-yellow-contrast .footer-middle-wrap .widget .widget-title, .black-yellow-contrast .subscribe-title h2, .black-yellow-contrast .logo-light, .black-yellow-contrast .subscribe-form form button, .black-yellow-contrast ul.egovenz-main-menu>li>a, .black-yellow-contrast .menu-sidebar ul>li>a, .black-yellow-contrast .menu-sidebar li>a, .black-yellow-contrast .title-wrapper a, .black-yellow-contrast .dokumenty .read-more, .black-yellow-contrast .custom-description a, .black-yellow-contrast .accordion-subpage,  .black-yellow-contrast .post-excerpt p, .black-yellow-contrast .footer-middle-wrap a, .black-yellow-contrast .topbar a, .black-yellow-contrast .mobile-topbar-wrap a, .black-yellow-contrast .custom-description .card .card-body .title-dokument, .black-yellow-contrast table, .black-yellow-contrast .title-dokument, .black-yellow-contrast .dokumenty .details {
    color:#ff0;
}


.black-yellow-contrast .menu-sidebar ul>li>a:hover, .black-yellow-contrast .menu-sidebar li>a:hover, .black-yellow-contrast .title-wrapper a:hover,.black-yellow-contrast .dokumenty .read-more:hover, .black-yellow-contrast .custom-description a:hover {
    color:#ff0;
}

.black-yellow-contrast .carousel .carousel-item .overlay, .black-yellow-contrast .feature-box-outer {
    /*    background: #000;*/
}
.black-yellow-contrast .egovenz-header .zozo-horizontal-slider-wrap {
    background: #000;
    border-left: 15px solid #000;
    border-right: 15px solid #000;
}
/*
.black-yellow-contrast .carousel-item img, .black-yellow-contrast .post-thumb img {
display:none;
}
*/
.black-yellow-contrast .bg-image-link, .black-yellow-contrast .bg-image-event {
    background:none;
}
.black-yellow-contrast .feature-box-modern {
    box-shadow:none;
}
.btn-close:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.black-yellow-contrast .btn-close:hover {
    background: #ff0;
    color: #ff0;
}
.black-yellow-contrast .btn-close {
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.black-yellow-contrast .accordion-subpage::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}
.black-yellow-contrast .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* CURSOR SCALE */
.huge-cursor {
    cursor: url('../images/cursor.png'), auto !important;
}

.huge-cursor button, .huge-cursor button:link, .huge-cursor button:visited, .huge-cursor button:focus, .huge-cursor button:hover, .huge-cursor button:active, .huge-cursor input:hover, .huge-cursor a, .huge-cursor a:link, .huge-cursor a:visited, .huge-cursor a:focus, .huge-cursor a:hover, .huge-cursor a:active, .huge-cursor .hades, .huge-cursor .back-to-top-on a, huge-cursor .back-to-top i, huge-cursor .bottom-search-toggle i, .huge-cursor .back-to-top, .huge-cursor .back-to-top:hover, .huge-cursor .back-to-top i, .huge-cursor .back-to-top i:hover, .huge-cursor .elementor-section, .huge-cursor .elementor-section:hover, .huge-cursor .footer-bottom {
    cursor: url('../images/cursor.png'), auto !important; 
}
/*
.huge-cursor a, .huge-cursor a:link, .huge-cursor a:visited, .huge-cursor a:focus, .huge-cursor a:hover, .huge-cursor a:active, .huge-cursor .hades, .huge-cursor .back-to-top-on a, huge-cursor .back-to-top i, huge-cursor .bottom-search-toggle i {
cursor: url('../images/pointer.png'), auto !important; 
}
*/


/* FONT SIZE */
.increase-font {}
.decrease-font {}

/* IMAGE GRAY SCALE */
.grayscale-images img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: 1s;
}
.grayscale-images .carousel-item {
    filter: grayscale(100%);
}
.resize-screen {}
.normal-screen {}
/* HIGHLIGHT LINKS */
.highlight-links a, .highlight-links .blog-wrapper.blog-style-default a.read-more, .highlight-links .logo-light, .highlight-links .custom-cursor, .highlight-links .remove-cursor, .highlight-links .big-font, .highlight-links .small-font, .highlight-links .normal-contrast, .highlight-links .remove-contrast, .highlight-links .playAnimationTicker, .highlight-links a p {

    background-color: #ff0 !important;
    color:#000 !important;
}
.highlight-links a:hover, .highlight-links .blog-wrapper.blog-style-default a.read-more:hover {

    background-color: #ff0 !important;
    transition: 0s;
}

.highlight-links .nav-item-wcag a {
    border: none !important;
}

