.news__filter {
    margin-bottom: 2em;
    position: relative;
    z-index: 11;
}

.site__filterFlex {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}


.filterButton {
	margin: 0.5em 0.5em 0 0;
	font-size: 0.75em;
}

.filterButton .mixitup-control-active,
.filterButton .filterButton--active {
	background-color: var(--color__text);
	color: #fff;
}

.filterButton .mixitup-control-active .icon,
.filterButton .filterButton--active .icon {
	color: #fff;
	transform: rotate(-90deg);
}

.site__filterOptions {
	max-width: 8em;
}

.site__filterOptions--dropDown {
	position: relative;
}

.dropdovnActive {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dropdovnActive .icon {
	width: 1em;
	transform: rotate(90deg);
}

.dropdovnActive span {
	margin-right: 0.8em;
}

.dropdovnActive .dropdovnActive--active {
	background-color: var(--color__text);
	color: #fff;
}

.dropdovnActive .dropdovnActive--active span {
	color: #fff;
}

.dropdovnActive .icon {
	color: #fff;
	transform: rotate(-90deg);
}

.dropdovnActive {
	
}

.dropDownList {
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	
	padding-top: 1.5em;
    margin-top: -1.5em;
	
	z-index: -1;
}

.dropDownList .b {
	margin-top: 0.1em;
}

.dropDownList .dropDownList--active {
	border: 1px solid var(--color__text);
	height: auto;
	overflow: visible;
}

.dropDownList > a {
	width: 100%;
	text-align: center;
	position: relative;
}

.dropDownList > a:hover {
	background-color: var(--color__text--light);
	border-color: var(--color__text--light);
	color: var(--color__text);
}

.dropDownList > a:hover span {
	color: #fff;
}



.dropDownList.dropDownList--active {
    border: 0;
    height: auto;
    overflow: visible;
}


.newsSubpage__date {
	font-size: 0.8em;
    margin-bottom: 2em;
	margin-top: -0.8em;
}




/************ events callendar **********/


.dogodek--past {
	display: none;
}

.dogodek--hidden {
	display: none;
}

.dogodek--active {
	display: block;
}

.events__clndr {
	margin-bottom: 1.5em;
	grid-column: span 2;
}

.events__clndr .clndr-controls {
	display: flex; 
	align-items: center;
	justify-content: center;
	gap: 1em;
	margin: 0 0 2em 0;
}

.events__clndr .month {
	min-width: 7em;
	text-align: center;
	font-weight: 500;
	font-size: 2.66em;
}

.events__clndr .month .clndr-grid {
	margin-top: 2em;
}

.clndr-controls button {
	width: 0.7em;
	min-width: 0.7em;
	color: var(--color__text);
	padding: 0;
	border-radius: 50%;
	background-color: transparent !important;
	border: 0 !important;
}

.clndr-controls button:hover {
	color: var(--color__yellow);
}


.clndr-previous-button .icon {
	transform: rotate(180deg);
}

.cheader {
	display: grid;
    grid-template-columns: repeat(7, 1fr);
	font-weight: 500;
	margin-bottom: 0.8em;
}

.cheader .header-day:nth-child(6),
.cheader .header-day:nth-child(7) {
	opacity: 0.5;
}

.calendar-dow-5 span, 
.calendar-dow-6 span {
	opacity: 0.5;
}

.today span {
	opacity: 1;
}

.header-day {
	text-align: center;
	font-weight: 500;
}

.events__days {
	/*
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	*/
	
	display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 480px) {
	
	.events__days {
		width: 17.5em;
		margin: auto;
	}
}

.events__days .today {
	color: var(--color__pink);
	border: 2px solid var(--color__pink);
	background-color: var(--color__pink);
}

.events__days .today span {
	color: #fff;
}

/*
.events__days .empty {
	display: none;
}
*/

.events__days .event {
	font-weight: 500;
	background-color: transparent;
	border: 2px solid var(--color__text);
	color: var(--color__text);
	cursor: pointer;
}

.events__days .event span {
	color: var(--color__text);
}

.events__days .day--active {
	color: var(--color__text);
	border: 2px solid var(--color__pink);
	background-color: transparent;
}

.events__days .day--active span {
	color: var(--color__text);
}

.events__days .event:hover {
	color: var(--color__yellow);
}

.events__days > div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;		
	width: 3em;
	height: 2.8em;
	margin: 0.25em;
	
	border: 2px solid var(--color__silver);
	background-color: var(--color__silver);
	// cursor: not-allowed;
	border-radius: 1em;
	
}

.events__days > div span {
	flex: 1 1 auto;
	font-size: 1.2em;
	font-weight: 600;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	color: var(--color__text);
}

.events__days > div {
	aspect-ratio: 1;
}

.btnShowAllEvents {
	margin-bottom: 1em;
	display: none;
}

.btnShowAllEvents.active {
	display: inline-block;
}


@media (max-width: 768px) {
	
	.events__days > div {
		max-width: 2.4em;
	}
	
	.events__days {
        width: none !important;
        width: auto !important;
        margin: auto !important;
    }
}

@media (min-width: 768px) {
	
	.clndr {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	
	.events__clndr {
		margin-top: 0;
		margin-bottom: 2em;
	}
	
	.events__clndr .clndr-controls {
			padding-right: 0;
			padding-left: 0;
		}
	}
	
	.events__clndr .month {
		min-width: 6em;
	}
	
	.events__clndr .clndr-grid {
		margin-top: 0;
	}
}

/************ events callendar END **********/



.koledarAndLists {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 2em;
}

.koledarHolder {
	max-width: 100%;
}

.listItems {
	max-width: 100%;
}

.listItems--subpage .listItem {
	border: 0 !important;
}

.eventItem {
	margin-bottom: 1em;
}

.listItems--events .eventItem a {
	font-weight: 500;
}

.listItems--events .eventItem > span {
	text-decoration: none;
}

@media (min-width: 768px) {
	
	.koledarAndLists {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 2em;
	}
	
	.koledarHolder {
		max-width: 50%;
		width: 50%;
	}
	
	.koledarHolder .koledar {
		text-align: right;
	}
	
	.events__clndr {
		display: inline-block;
		text-align: left;
	}
	
	.listItems {
		max-width: 50%;
		width: 50%;
	}
}

@media (min-width: 991px) {
	
	.koledarAndLists {
		gap: 4em;
	}
}


.titleBottomLine .ws__text h2 {
    margin-bottom: 0;
    color: var(--color__text);
}

.titleBottomLine .ws__text {
    text-align: center;
}

.titleBottomLine .title_sep_2 {
    transform: scale(0.8);
}

.titleBottomLine .icon {
    max-width: 14em;
    color: var(--color__text);
    margin-top: 0.35em;
    margin-bottom: 1em;
}


@media (min-width: 768px) {
    .listItems--news.listItems {
        max-width: 100%;
        width: 100%;
    }
}


.backBtn__wrapp {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 4em;
}

.backBtn__wrapp .backBtn {
	position: relative;
	top: auto;
	left: auto;
}

@media (min-width: 1140px) {
    .ws--mainTitle.ws--mainTitleNews {
        padding-bottom: 1em !important;
    }
}

.listItems--events .listItem {
	padding: 1em;
	border: 0;
	color: var(--color__text);
}

.listItems--events .listItem__date {
	color: var(--color__text);
	font-size: 1em;
}

.listItem__image {
	position: relative;
	border-radius: var(--br__normal);
	overflow: hidden;
}

.listItem__image.listItem__image--empty {
	padding-top: 74.9%;
	display: none;
}

.listItem.post--noimage .listItem__title {
	margin-top: 0;
	
}

.listItem.post--noimage.has-image .listItem__title {
	margin-top: 1.3em;
	
}

.has-image .listItem__image.listItem__image--empty {
	display: block;
}

@media (min-width: 1140px) {
	.listItems--events .listItem {
		padding: 2.8em;
	}
}

.dogodek--future .eventItem + .eventItem {
	border-top: 1px solid var(--color__pink);
	padding-top: 1.5em;
	margin-top: 0.5em;
}


.newsFilter {
	margin-bottom: 2em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	overflow: auto;
	padding-bottom: 0.5em;
}

.newsFilter .b {
	border-radius: 30px;
	padding: 5px 24px;
}

.newsFilter .b--pinkGhost {
	background-color: transparent;
}

.newsFilter .b--pinkGhost.active {
	background-color: var(--color__pink);
	border-color: var(--color__pink);
	color: #fff;
}

.mainContent--singlePost .newsSubpage__date {
	font-size: 1em;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.backBtn__wrapp {
	text-align: left;
	margin-top: 2em;
}

.backBtn__wrapp .backBtn {
    justify-content: flex-start !important;
	box-shadow: none !important;
}

.backBtn:hover {
	opacity: 1 !important;
	box-shadow: none !important;
}

@media (max-width: 991px) {
	
	.mainContent--singlePost .ws--mainContent {
		padding-top: 0;
	}
}
	
@media (min-width: 991px) {
	
	.newsFilter {
		justify-content: flex-end;
		align-items: center;
	}
	
    .newsFilter .b {
        font-size: 1em;
    }
}

.inlineImage {
	position: relative;
    border-radius: var(--br__normal);
    overflow: hidden;
}

.newsFilter.newsFilter--iskalnik {
	justify-content: flex-start;
	overflow: visible;
}

.newsFilter--iskalnik .form__group--input {
	position: relative;
}

.newsFilter--iskalnik input {
	padding: 0.4em 1.5em;
    width: 100%;
    border: 0;
    background-color: #fff;
    font-family: inherit;
    color: #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid var(--color__text);
    border-radius: 30px;
	font-weight: 700;
}

.newsFilter--iskalnik input::placeholder {
	color: var(--color__text);
}

.newsFilter--iskalnik .icon {
	position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    width: 1em;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
	
	color: var(--color__text);
    transition: color 0.6s;
}

.newsFilter--iskalnik .icon:hover {
	color: var(--color__yellow);
}


@media (min-width: 768px) {
	
	.newsFilter__wrapp {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row;
		gapo: 2em;
		margin-top: 2em;
		margin-bottom: 1em;
	}
}

.mainNewsContent h3 {
	font-size: 1.6rem;
}

.mainNewsContent h4 {
	font-size: 1.4rem;
}

.mainNewsContent h5 {
	font-size: 1.2rem;
}


.eventCalendar .listItem__title {
	color: var(--color__pink);
}

.eventCalendar .eventItem__title {
	/* font-size:  */
}

.eventItem__time {
    display: block;
}

.eventItem > *:not(:last-child) {
	margin-bottom: 0.25em;
	display: block;
}

.eventItem__time {
	font-weight: 600;
}

* + .eventItem__intro {
	margin-top: 1.5em;
}

.ws__textIntro {
	margin-bottom: 1em;
	font-size: 1.12em;
}

.listItems--events .eventItem__location {
	margin-bottom: 0.35em;
	display: block;
	
}

/*
@media (min-width: 991px) {
	
    .ws__textIntro {
		font-size: 1.33em;
	}
}
*/