html.invert-active {
	filter: invert(100%) grayscale(0)!important; /* Current draft standard */
	-webkit-filter: invert(100%) grayscale(0)!important; /* New WebKit */
}

html.bw-active {
	filter: grayscale(100%) invert(0)!important; /* Current draft standard */
	-webkit-filter: grayscale(100%) invert(0)!important; /* New WebKit */
}

html.contrast-active body {
	background: #000!important;
	color: #ffff00;
}

html.contrast-active .home, html.contrast-active #main-header, html.contrast-active .side-box:hover h2, html.contrast-active .side-box, html.contrast-active .main-nav li a:hover, html.contrast-active  .main-nav li:hover a, html.contrast-active .articles-title h2:before, html.contrast-active .articles-title h2 span, html.contrast-active body, html.contrast-active .home-slide-text, html.contrast-active .illustration-slide-text, html.contrast-active .accessibility-box, html.contrast-active .event-list, html.contrast-active .articles-title .sharing, html.contrast-active .ovrl-box, html.contrast-active .adresar-box, html.contrast-active .info-lists ul li a:hover span,
html.contrast-active .image-gallery, html.contrast-active .tags a:hover, html.contrast-active .other-nav, html.contrast-active .dropdown-menu, html.contrast-active .dropdown-menu>li>a:focus, html.contrast-active .dropdown-menu>li>a:hover, 
html.contrast-active .more-content, html.contrast-active .termini, html.contrast-active .predstavljamo, html.contrast-active .knjiga-text, html.contrast-active .pred-title h2 span, html.contrast-active .bannercic a, html.contrast-active .cat-box .media-small-text,
html.contrast-active .illustration-slider .breadcrumbsi, html.contrast-active .style-text .this-docs h3, html.contrast-active .home-slide a:hover span, html.contrast-active .visit-home-slide a:hover span, html.contrast-active .sports-title,
html.contrast-active .tags a.active, html.contrast-active .tags a.active:hover, html.contrast-active .other-nav ul li ul, html.contrast-active .this-day-text .btn-more, html.contrast-active .atc-style-blue .atcb-list, html.contrast-active .atc-style-blue .atcb-item,
html.contrast-active .sidr, html.contrast-active .other-nav .small-menu-mobile ul li a,html.contrast-active .small-menu-mobile {
	background: #000!important;
}

html.contrast-active .side-box h2 a span, html.contrast-active .this-event .place-of, html.contrast-active .media-text h2, html.contrast-active a .btn-more, html.contrast-active .btn-more, html.contrast-active .home-slide a h2, html.contrast-active .home-slide h2, html.contrast-active .visit-home-slide a h2, html.contrast-active .visit-home-slide h2, html.contrast-active .media-medium .media-text label, html.contrast-active .media-medium .media-text a p, html.contrast-active .media-medium .media-text p, html.contrast-active .main-nav li a, html.contrast-active .links a, html.contrast-active .this-event .info-title a, html.contrast-active .media-text p, html.contrast-active .this-event .info-time, html.contrast-active .other-title h3 i, html.contrast-active .icons-box .my-icon a i, html.contrast-active .icons-box .my-icon a span, html.contrast-active .media-text label, html.contrast-active .ask-box a p, html.contrast-active .ask-box a h3, html.contrast-active #main-footer a, html.contrast-active .announce .announce-btn, html.contrast-active .accessibility-box, html.contrast-active .media-small .h4, html.contrast-active #main-footer, html.contrast-active .sub-nav li a, html.contrast-active .month-text span, html.contrast-active .month-slider a.month-arrows, html.contrast-active .odrzavanje .rowdatesdesktop, html.contrast-active .odrzavanje b.desk,
html.contrast-active .ovrl-box h4, html.contrast-active .selected-news .media-small .ovrl-box p, html.contrast-active .selected-news.with-more .media-small .ovrl-box p, html.contrast-active .choose-view a span.icondesc,
html.contrast-active .choose-view span, html.contrast-active .selected-news .media-small a p, html.contrast-active .pois .media-small a p, html.contrast-active .pois .media-small p, html.contrast-active .selected-news .media-small p,
html.contrast-active .selected-news label, html.contrast-active .style-text h1.main-title, html.contrast-active .text-date, html.contrast-active a.switch-lang, html.contrast-active .adresar ul li a,
html.contrast-active .search-box ::placeholder, html.contrast-active .adresar-box-text h3, html.contrast-active .info-lists ul li a, html.contrast-active .adresar-title h3 a, html.contrast-active .adresar ul li ul li.active:before, 
html.contrast-active .image-col-custom a, html.contrast-active .style-text .breadcrumbsi a, html.contrast-active .style-text .breadcrumbsi span, html.contrast-active .hotel-infos .gmap a, html.contrast-active .content-title h1 span, 
html.contrast-active .style-text a, html.contrast-active .other-nav ul li a, html.contrast-active .other-nav h2 a, html.contrast-active .dropdown-menu>li>a, html.contrast-active .style-text h2, html.contrast-active .my-doc a .h4, html.contrast-active a .date,
html.contrast-active .medium .my-doc a:before, html.contrast-active .small .my-doc a:before, html.contrast-active .termini a h3, html.contrast-active .termini a:hover h3, html.contrast-active .termini a p, html.contrast-active .other-nav h2,
html.contrast-active .termini a, html.contrast-active .my-list-box ul li a, html.contrast-active .dvorane-links a, html.contrast-active .my-list-box ul li:before, html.contrast-active .dvorane-links li:before, html.contrast-active a .knjiga-text h3,
html.contrast-active a .knjiga-text p, html.contrast-active .pred-title h2, html.contrast-active .bannercic a h3, html.contrast-active .bannercic a i.icon-big, html.contrast-active .predstavljamo a.slide-btns,
html.contrast-active .green-color, html.contrast-active .black-color, html.contrast-active .breadcrumbsi span, html.contrast-active .breadcrumbsi a, html.contrast-active .my-checks.inner label.bigger, 
html.contrast-active .my-checks.inner .active-radio .checkbox .cr .cr-icon, html.contrast-active .my-checks.inner .active-radio .radio .cr .cr-icon, html.contrast-active .style-text .this-docs ul li a:before, html.contrast-active .my-ikon a span,
html.contrast-active .home-slide a span, html.contrast-active .home-slide span, html.contrast-active .visit-home-slide a span, html.contrast-active .visit-home-slide span,
html.contrast-active .home-slide a p, html.contrast-active .home-slide p, html.contrast-active .visit-home-slide a p, html.contrast-active .visit-home-slide p, html.contrast-active h2 small, html.contrast-active .ovrl-box ul li a, html.contrast-active .mob-info ul li a,
html.contrast-active a.loc-map, html.contrast-active .ovrl-box ul li:before, html.contrast-active .mob-info ul li:before, html.contrast-active .sports-title h3, html.contrast-active .sports-title span,
html.contrast-active .sports-links ul li a, html.contrast-active .sports-links ul li a:hover, html.contrast-active .media-text label a, html.contrast-active .my-doc a:before, html.contrast-active .my-texts-title, html.contrast-active .red-icon,
html.contrast-active .my-texts a, html.contrast-active .other-nav ul li ul li:before, html.contrast-active .event-place a, html.contrast-active a#right-menu, html.contrast-active .atcb-list .atcb-item-link,
html.contrast-active .sidr ul li ul li a, html.contrast-active .sidr ul li ul li span, html.contrast-active .sidr ul li a, html.contrast-active .sidr ul li span, html.contrast-active .this-day-event span, html.contrast-active a.small-btn-mob,
html.contrast-active .tool-option .active, html.contrast-active .adresar-title h3, html.contrast-active .adresar-title h3 a, html.contrast-active .adresar-title .h3, html.contrast-active .adresar-title .h3 a, html.contrast-active .oza p.zu,
html.contrast-active #main-header nav ul li .transpan, html.contrast-active .press-list-content h2, html.contrast-active .press-list-content a {
	color: #ffff00!important;
} 

html.contrast-active .ask-box a span, html.contrast-active a.link-all, html.contrast-active .calendar-events .calendar-footer a, html.contrast-active .article a h3, html.contrast-active .article h3, html.contrast-active .announce .h4:before, html.contrast-active .main-nav li a:before, html.contrast-active .dd-menu, html.contrast-active .today-info, html.contrast-active .accessibility-btn, html.contrast-active .social-media li a, html.contrast-active #main-header nav .dd-box ul li a, 
html.contrast-active .choose-view .btn-print-cal, html.contrast-active #calendarDropdown, html.contrast-active .this-date, html.contrast-active .this-cat, html.contrast-active .search-box input, html.contrast-active .search-box button,
html.contrast-active .adresar-title.inner h2,
html.contrast-active .load-more a, html.contrast-active .my-form button, html.contrast-active .my-form button:focus, html.contrast-active .my-form button:active,html.contrast-active .my-form button:active:hover,
html.contrast-active .illustration-middle-text, html.contrast-active a.loc-map:hover, html.contrast-active .day-title, html.contrast-active .dd-mobile button, html.contrast-active .atcb-list .atcb-item-link:focus, html.contrast-active .atcb-list .atcb-item-link:hover,
html.contrast-active .btncek {
	background: #000!important;
	color: #ffff00!important;
}

html.contrast-active .tool-btn.active {
	background: #ffff00!important;
    border-color: #ffff00!important;
    color: #000;
}

html.contrast-active .side-box h2, html.contrast-active .tool-btn, html.contrast-active .accessibility-btn, html.contrast-active .accessibility-tool, html.contrast-active article.article, html.contrast-active .accessibility-box, html.contrast-active .calendar-events, html.contrast-active .ask-box, html.contrast-active .my-list-box, html.contrast-active .icons-box, html.contrast-active .icons-box .my-icon a, html.contrast-active #main-footer, html.contrast-active #main-header, html.contrast-active .this-event, html.contrast-active .today-info, html.contrast-active .announce .announce-btn i, html.contrast-active .adresar-btn i, html.contrast-active .sub-nav li, html.contrast-active .lightgallery-classic .image-col:not(:last-child) a, html.contrast-active .day-title,
html.contrast-active .day-wrapper, html.contrast-active .dd-mobile button, html.contrast-active .other-nav .small-menu-mobile ul li a, html.contrast-active .oza p.zu {
	border-color: #ffff00!important;
}

html.contrast-active .calendar-events .calendar-footer a:hover, html.contrast-active .ask-box a:hover span, html.contrast-active a.link-all:hover, html.contrast-active .info-day, html.contrast-active .today-info .info-time, html.contrast-active .social-media li a, html.contrast-active .dd-box h2, html.contrast-active nav .dd-box ul li a, html.contrast-active .this-day-text .btn-more a {
	color: #ffff00!important;
}

html.contrast-active .dd-box h2:before {
	background: #000!important;
}

html.contrast-active .tags a, html.contrast-active .search-box input, html.contrast-active .info-lists ul li a span {
	border-color: #ffff00!important;
	color: #ffff00!important;
}

html.contrast-active #main-header, html.contrast-active .dropdown-calendar, html.contrast-active .ask-box a span, html.contrast-active article.media, html.contrast-active .media-small, html.contrast-active .adresar ul li, html.contrast-active .search-box button, html.contrast-active .adresar-box, html.contrast-active .hotel-infos, html.contrast-active a.link-all, html.contrast-active .my-poii, html.contrast-active .hotel-info.plus-title label, html.contrast-active .my-doc, html.contrast-active .dd-menu, html.contrast-active .termini, html.contrast-active .knjiga-slide, html.contrast-active .my-checks.inner .active-radio .checkbox .cr, html.contrast-active .my-checks.inner .active-radio .radio .cr, html.contrast-active .my-checks.inner .radio .cr, 
html.contrast-active .my-form input, html.contrast-active .my-form textarea, html.contrast-active .style-text .this-docs, html.contrast-active .style-text .this-docs ul li, html.contrast-active .home-slide a span, 
html.contrast-active .home-slide span, html.contrast-active .visit-home-slide a span, html.contrast-active .visit-home-slide span, html.contrast-active .my-ikon, html.contrast-active a.loc-map, html.contrast-active .sports-links ul li a,
html.contrast-active .sports-wrapper, html.contrast-active .bannercek, html.contrast-active .calendar-events .calendar-footer a, html.contrast-active .day-event, html.contrast-active .image-col:not(:last-child) a {
	border-color: #ffff00!important;
}

html.contrast-active .load-more-news, html.contrast-active .link-all.next-month-link, html.contrast-active .this-day-text .btn-more {
	border: 1px solid #ffff00!important;
}

html.contrast-active .side-box h2 a i, html.contrast-active .other-nav ul li a:after, html.contrast-active .pred-title h2:before, html.contrast-active .sidr ul li a:before {
	background: #ffff00!important;
}

html.contrast-active .side-box h2 a i {
	color: #000!important;
}

html.contrast-active .image-col-custom a i {
    text-shadow: none;
}

html.contrast-active .other-nav ul li ul:after {
	border-bottom-color: #ffff00!important;
}

html.contrast-active .atc-style-blue .atcb-link {
	border-color: #ffff00!important;
	background: #000!important;
	color: #ffff00!important;
}

html.contrast-active  .atcb-list {
	border: none!important;
}

html.contrast-active .sidr ul {
	border-top: 1px solid#ffff00!important;
}

html.contrast-active .sidr,
html.contrast-active .sidr ul li:hover>a, html.contrast-active .sidr ul li:hover>span, html.contrast-active .sidr ul li.active>a,
html.contrast-active .sidr ul li.active>span, html.contrast-active .sidr ul li.sidr-class-active>a, html.contrast-active .sidr ul li.sidr-class-active>span {
	box-shadow: none;
}

.logo-contrast {
	display: none;
}

html.contrast-active .logo-contrast {
	display: block;
}

html.contrast-active .logo-normal {
	display: none;
}

html.contrast-active .sidr ul li {
	border-top: 1px solid  #ffff00!important;
    border-bottom: 1px solid  #ffff00!important;
}

.accessibility-box {
	position: fixed;
	right: -360px;
	bottom: 50px;
	z-index: 5000;
	width: 360px;
	background-color: #fff;
	border-left: 1px solid #EF4030;
	border-right: 1px solid #EF4030;
	border-top: 1px solid #EF4030;
	color: #000;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.accessibility-box.active {
	right: 0;
}

.accessibility-btn {
	background-color: #EF4030;
	color: #fff;
	font-size: 64px;
	line-height: 1;
	padding: 32px 20px 30px;
    position: absolute;
    border: 1px solid #EF4030;
    left: -106px;
    bottom: 0px;
    cursor: pointer;
}

.accessibility-title {
	text-align: center;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	padding: 5px 0 15px;
}

.accessibility-tool {
	border-bottom: 1px solid #EF4030;
}

.accessibility-tool .d-flex {
	padding: 20px 20px 5px;
}

.accessibility-tool.font-options .d-flex {
	padding: 20px 10px 20px;
}

.accessibility-tool.links {
	padding: 20px;
}

.accessibility-tool.links a {
	font-size: 16px;
}

.tool-btn {
	display: flex;
	padding: 5px 10px;
	width: 100%;
	justify-content: center;
	border: 1px solid #000;
	cursor: pointer;
	font-size: 18px;
}

.tool-btn.small {
	border-right: 0;
}

.tool-btn.active {
	background: #EF4030;
	color: #fff;
}

.tool-option-text.active {
	color: #EF4030;
}

.tool-box {
	display: flex;
	width: 100%;
	cursor: pointer;
}

.tool-word {
	display: flex;
	align-items: center;
}

.tool-option {
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	width: 100%;
	text-transform: uppercase;
}

.tool-option .active {
	color: #EF4030;
}

.tool-option i {
	display: block;
	font-size: 40px;
	margin: 0 0 4px;
}

.tool-btn.medium {
	font-size: 27px;
}

.tool-btn.large {
	font-size: 38px;
	border-left: none;
}

body.spacing-active {
	letter-spacing: 2px!important;
}
body.dyslexic-active {
	font-family: 'OpenDyslexic3'!important;
}

body.links-active a {
	text-decoration: underline!important;
}
.fontsize-lg .ask-box {
	overflow: hidden;
}

.fontsize-lg .media-medium .media-text a p, .fontsize-lg .media-medium .media-text p,
.fontsize-md .media-medium .media-text a p, .fontsize-md .media-medium .media-text p,
.fontsize-lg .selected-news .media-small p,
.fontsize-md .selected-news .media-small p {
	margin-bottom: 35px;
}

.fontsize-lg .selected-news .media-small .ovrl-box p, .fontsize-lg .selected-news.with-more .media-small .ovrl-box p {
	max-height: 80px;
}

@font-face {
    font-family: 'OpenDyslexic3';
    src: url('/assets/fonts/OpenDyslexic3Regular.eot');
    src: url('/assets/fonts/OpenDyslexic3Regular.eot') format('embedded-opentype'),
         url('/assets/fonts/OpenDyslexic3Regular.woff2') format('woff2'),
         url('/assets/fonts/OpenDyslexic3Regular.woff') format('woff'),
         url('/assets/fonts/OpenDyslexic3Regular.ttf') format('truetype'),
         url('/assets/fonts/OpenDyslexic3Regular.svg#OpenDyslexic3Regular') format('svg');
         font-weight: 400;
}

@font-face {
    font-family: 'OpenDyslexic3';
    src: url('/assets/fonts/OpenDyslexic3Bold.eot');
    src: url('/assets/fonts/OpenDyslexic3Bold.eot') format('embedded-opentype'),
         url('/assets/fonts/OpenDyslexic3Bold.woff2') format('woff2'),
         url('/assets/fonts/OpenDyslexic3Bold.woff') format('woff'),
         url('/assets/fonts/OpenDyslexic3Bold.ttf') format('truetype'),
         url('/assets/fonts/OpenDyslexic3Bold.svg#OpenDyslexic3Bold') format('svg');
         font-weight: 700;
}


@media only screen and (max-width : 767px) {
	.accessibility-box {
		width: 250px;
		right: -250px;
	}
	.accessibility-btn {
		font-size: 30px;
		padding: 5px 10px 5px;
		left: -52px;
	}
	.tool-option {
		font-size: 13px;
	}
	.accessibility-tool.links a {
		font-size: 14px;
	}
	.tool-option i {
		font-size: 35px;
	}
	.tool-btn {
		font-size: 16px;
		padding: 0px 10px;
	}
	.tool-btn.medium {
		font-size: 21px;
	}
	.tool-btn.large {
		font-size: 25px;
	}
	.accessibility-tool.font-options .d-flex {
		padding: 15px 10px 15px;
	}
	.accessibility-tool.links {
		padding: 10px 20px;
	}
}

@media only screen and (max-width : 991px) and (min-width : 768px) {
	.accessibility-btn {
		font-size: 40px;
		left: -83px;
	}

}