/**
* Theme Name: STIFFv2
* Author: <a href="https:/wisemedia.hr">WiseMedia</a>
* Theme URI: https://wisemedia.hr
* Template: konference
* Slug: stiffv2
* Version: 1.0.0
*/
/* saira-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/saira-v22-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/saira-v22-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/saira-v22-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  src: url('assets/fonts/saira-v22-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/oswald-v57-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('assets/fonts/oswald-v57-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}




:root {
	--color-purple: #463895;
}
* {
	transition: color 0.4s ease;
}

.narrow {max-width: 900px; margin: 0 auto;}
.text-purple,
.text-purple h2,
.text-purple h3,
.text-purple h4 {color: var(--color-purple); !important}
.cmplz-manage-consent-wrap a:hover {cursor: pointer;}
#cmplz-document h2,
#cmplz-document a,
#cmplz-document a:hover {
  color: var(--e-global-color-accent);
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
  background-color: var(--cmplz_button_accept_background_color) !important;
  border: 1px solid var(--cmplz_button_accept_border_color) !important;
  color: var(--cmplz_button_accept_text_color) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
  background-color: var(--cmplz_button_accept_background_color) !important;
  border: 1px solid var(--cmplz_button_accept_border_color) !important;
  color: var(--cmplz_button_accept_text_color) !important;
}


/* .m-neuron-nav-menu--mobile ul li {
	display: flex;
	  gap: 0;
} */

@media all and (max-width: 719px) {
	.main-title,
	.n-blog-archive__page-title,
	.n-blog-archive--single.movies .n-blog-archive__title,
	.n-blog-archive--single.photo .n-blog-archive__title,
	.n-blog-archive--single.pdf .n-blog-archive__title,
	.n-blog-archive .n-blog-archive__title--search {
		font-size: 60px !important;
	}
}
.main-title,
.n-blog-archive__page-title,
.n-blog-archive--single.movies .n-blog-archive__title,
.n-blog-archive--single.photo .n-blog-archive__title,
.n-blog-archive--single.pdf .n-blog-archive__title,
.n-blog-archive .n-blog-archive__title--search {
	font-family: "Oswald", Sans-serif !important;
	  font-size: 90px !important;
	  font-weight: 400 !important;
	  text-transform: uppercase !important;
	  line-height: 1.11em !important;
	  letter-spacing: 0px !important;
	  color: var(--e-global-color-text) !important;
}

/* header */
	#header-logo {
		width: 90px;
		height: 56px;
		cursor: pointer;
	}
	#header-logo .st0{
		fill:var(--color-purple, #8B7ED8);
	}
	#header-logo path {
		fill: var(--color-purple, #8B7ED8);
		stroke: transparent;
		stroke-width: 5;
		stroke-dasharray: 3000;
		stroke-dashoffset: 3000;
		transition: fill 0.3s ease, stroke 0.3s ease;
		
	}
	
	#header-logo:hover path {
		fill: transparent;
		stroke: var(--color-purple, #8B7ED8);
		animation: wm-head-logo-draw 3s ease-in-out infinite;
	}
	
	@keyframes wm-head-logo-draw {
	  0% {
		stroke-dashoffset: 3000;
	  }
	  50% {
		stroke-dashoffset: 0;
	  }
	  70% {
		stroke-dashoffset: 0;
	  }
	  100% {
		stroke-dashoffset: 3000;
	  }
	}



/* menu fix */
		.sub-menu .menu-item-has-children:hover:before,
		.m-neuron-nav-menu .current-menu-ancestor::before,
		.m-neuron-nav-menu .sub-menu > li.current-menu-ancestor > .sub-menu > li.current-menu-item > a,
		.m-neuron-nav-menu .current-menu-ancestor > a {
			color: #000 !important;
		}
		.m-neuron-nav-menu .sub-menu > li.current-menu-ancestor{
			background: #fff;
			color: #000;
		}

		/* .m-neuron-nav-menu .menu-item:hover > a,
		.m-neuron-nav-menu .menu-item:hover {
			cursor: pointer;
		} */

	
	/* 2nd lvl submenu */
		.m-neuron-nav-menu li > .sub-menu > li > .sub-menu li:hover > a {
			color: #000 !important
		}
		.m-neuron-nav-menu li > .sub-menu > li > .sub-menu li > a {
			color: #fff !important
		}


/* misc */
	.wp-block-image {
	  margin: 0 0 2rem 0;
	}
	body.single-post .n-blog-archive__title {
	  margin: 3rem 0 !important;
	}
	.topbar-scroll a {
		color: #fff !important;
	}
	
	.n-blog-archive__page-title {
		color: var(--color-purple) !important;
	}
	.n-blog-archive__thumbnail  {
		margin-bottom: 0;
	}
	.n-site-pagination a {
		color: var(--color-purple) !important;
	}
	.n-site-pagination__arrow svg path {
		fill: var(--color-purple) !important;
	}
	.n-site-pagination__numbers li.active a {
	  font-weight: 800;
	  color: #000 !important;
	}


/* news/blog */

	.n-blog-archive__meta {
		position: unset;
		gap: 10px;
		font-family: var(--e-global-typography-secondary-font-family);
		color: var(--color-purple);
		margin: 0.5em 0;
	}
	
	.n-blog-archive__meta .n-blog-archive__tags {
		flex-direction: row;
		gap: 10px;
	}
	
	.n-blog-archive__meta span {
		color: var(--color-purple);
		font-family: var(--e-global-typography-secondary-font-family);
		position: unset;
		margin-right: 0 !important;
	}
		.n-blog-archive__meta span:not(:first-child) {
			margin-left: -8px;
		}
		.n-blog-archive__meta span::after {
		  content: "/";
		  display: inline;
		  color: var(--color-purple);
		}
		.n-blog-archive__meta span:last-child::after {
			content: unset;
		}
	.n-blog-archive__meta span a {
		color: var(--color-purple);
		font-family: var(--e-global-typography-secondary-font-family);
		background: transparent;
	  }
	
	
	
	.n-blog-archive__posts {
	  grid-template-columns: repeat(3, 1fr) !important;
	}

/* feature image overlay */
	.post-thumbnail {
		position: relative;
		display: inline-block;
		overflow: hidden;
	}
	.post-thumbnail img {
		display: block;
		width: 100%;
		height: auto;
		transition: transform 0.4s ease;
	}
	.post-thumbnail::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(70, 56, 149, 0.35);
		opacity: 0;
		transition: opacity 0.4s ease;
		pointer-events: none;
	}
	.post-thumbnail:hover::after {
		opacity: 1;
	}


/* movies archive - single */
	body.single-wm_movies .award-wrap {
		position: relative;
	}
	body.single-wm_movies .award-badge {
	  position: absolute;
	  top: 3em;
	  left: -25%;
	}
	body.single-wm_movies .award-badge img {
	  width: 180px;
	  height: auto;
	}
	@media all and (max-width: 1440px) {
		body.single-wm_movies .award-wrap {
		  position: unset;
		  margin-top: 4em;
		}
		body.single-wm_movies .award-badge {
			position: unset;
			display: block;
		  }
	}


	.movie-info.movie-biografija_redatelja {
		display: flex;
		flex-direction: row;
		gap: 2rem;
		margin-bottom: 2rem;
		padding: 5rem;
		background: var(--color-purple);
		color: #fff;
	}
	.movie-info.movie-biografija_redatelja p {
		color: #fff;
	}
	.movie-info.movie-biografija_redatelja .ime {
	  font-size: 1.4em;
	  margin-bottom: 0.5em;
	}
	
	.redatelj.photo img {
	  max-width: 300px;
	  border-radius: 50%;
	}

	.n-blog-archive__content.movie-info {
		color: var(--color-purple);
		font-weight: 800;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5em 1em;
	}
	
	
	.n-blog-archive__content.movie-info > div {
	  position: relative;
	}
	.n-blog-archive__content.movie-info p {
		color: var(--color-purple);

	}
	.n-blog-archive__content.movie-info span {
		font-weight: 400;
		color: var(--color-purple);
		display: block;
		/* padding-left: 2rem;		 */
	}

/* archives */
	
	body.tax-movie-year .award-badge,
	body.post-type-archive-wm_movies .award-badge,
	body.search .award-badge {
	  width: 100px;
	  height: auto;
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  z-index: 5;
	}
	@media all and (max-width: 980px) {
		body.post-type-archive-wm_movies .award-badge,
		body.search .award-badge {
		  width: 60px;
	  }
	}
	@media all and (max-width: 720px) {
		body.post-type-archive-wm_movies .award-badge,
		body.search .award-badge {
		  width: 100px;
	  }
	}
	
	/* filter */
		.wm-category-list {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		/* Display inline with commas */
		.wm-category-list li {
		display: inline;
		}		
		.wm-category-list li::after {
		content: ", ";
		}
		.wm-category-list li:last-child::after {
		content: "";
		}
		.wm-category-list .current-cat a {
			text-decoration: underline;
			color: #000;
		}
		.wm-category-list a {
			color: var(--color-purple);
			font-weight: 800;
		}
		.meta.movie-cat-wrap {
		  margin: 0 0 2rem 0;
		  font-size: 18px;
		  text-transform: uppercase;
		}
		


	/* .n-blog-archive__post .wp-post-image {
		-webkit-transform: scale(1.2);
		  -ms-transform: scale(1.2);
		  transform: scale(1.2);
	}
	.n-blog-archive__post .wp-post-image:hover {
		-webkit-transform: translatex(15px) scale(1.2);
		  -ms-transform: translatex(15px) scale(1.2);
		  transform: translatex(15px) scale(1.2);
	  }
	   */
	 
	 @madia all and (max-width: 719px) {
		 .n-blog-archive__posts {
		   grid-template-columns: repeat(2, 1fr) !important;
		   display: grid;
		   column-gap: 20px;
		 }
		 
		 .n-blog-archive__posts.shortcode {
			 grid-template-columns: repeat(2, 1fr) !important;
		 }
		 
	 }
	.n-blog-archive__posts.movies {
		grid-template-columns: repeat(3, 1fr);
	}
	.n-blog-archive__posts.shortcode {
		 grid-template-columns: repeat(2, 1fr) !important;
	 }
	 .n-blog-archive__posts.shortcode p {
	   color: var(--e-global-color-text);
	 }
	.n-blog-archive__posts.movies .n-blog-archive__title,
	.n-search-archive__posts.movies .n-blog-archive__title,
	.n-search-archive__posts.photo .n-blog-archive__title,
	.n-blog-archive__posts.photo .n-blog-archive__title,
	.n-blog-archive__posts.pdf h2.n-blog-archive__title,
	body.post-pages .n-blog-archive__title,
	body.post-pages .n-blog-archive__title a
	.n-blog-archive__post--inner.search .n-blog-archive__title,
	.n-blog-archive__posts.shortcode .n-blog-archive__title,
	.n-blog-archive__posts.shortcode .n-blog-archive__title a {
		padding-top: 0 !important;
	}
	/* .n-blog-archive__posts.shortcode .n-blog-archive__title,
	.n-blog-archive__posts.shortcode .n-blog-archive__title a {
		line-height: 0 !important;
	} */
	.n-search-archive__posts.photo .n-blog-archive__title,
	.n-blog-archive__posts.photo .n-blog-archive__title,
	.n-blog-archive__post--inner.search .n-blog-archive__title {
		line-height: 0 !important;
		padding-top: 0 !important;
	}
	.n-search-archive__posts.photo .n-blog-archive__title a,
	.n-blog-archive__posts.photo .n-blog-archive__title a,
	.n-blog-archive__posts.shortcode .n-blog-archive__title{
		line-height: 39.9px;
	}
	.movie-database.meta,
	.meta.festival_year,
	.blog-meta a {
	  display: flex;
	  gap: 4px;
	  color: var(--color-purple);
	}
		.blog-meta a:hover {
			color: #000;
		}
	.movie-database.meta > div::after {
	  content: "/";
	  display: inline;
	}
	.movie-database.meta > div:last-child:after {
		display: none;
	}
	
	.n-blog-archive__post--page a,
	
	.n-blog-archive__posts.movies h2.n-blog-archive__title,
	.n-blog-archive__posts.movies h2.n-blog-archive__title a,
	
	.n-search-archive__posts.movies h2.n-blog-archive__title,
	.n-search-archive__posts.movies h2.n-blog-archive__title a,
	
	.n-blog-archive__posts.photo h2.n-blog-archive__title,
	.n-blog-archive__posts.photo h2.n-blog-archive__title a
	
	.n-blog-archive__post--photo h2.n-blog-archive__title,
	.n-blog-archive__post--photo h2.n-blog-archive__title a,
	.n-blog-archive__posts.photo .n-blog-archive__title,
	.n-blog-archive__posts.photo .n-blog-archive__title a,
	
	.n-search-archive__posts.pdf h2.n-blog-archive__title,
	.n-search-archive__posts.pdf h2.n-blog-archive__title a,
	.n-blog-archive__posts.pdf h2.n-blog-archive__title,
	.n-blog-archive__posts.pdf h2.n-blog-archive__title a,
	
	body.post-pages .n-blog-archive__title,
	body.post-pages .n-blog-archive__title a,
	
	.n-blog-archive__post--inner.search .n-blog-archive__title,
	.n-blog-archive__post--inner.search .n-blog-archive__title a,
	
	.n-blog-archive__posts.shortcode .n-blog-archive__title a {
	  font-weight: normal;
	  font-size: 35px;
	  font-family: var(--e-global-typography-e23c369-font-family);
	  color: var(--color-purple);
	  line-height: 1.25em !important;
	}
	
	.n-blog-archive__post--page a:hover,
	
	.n-blog-archive__posts.movies h2.n-blog-archive__title a:hover,
	
	.n-search-archive__posts.movies h2.n-blog-archive__title a:hover,
	
	.n-blog-archive__posts.photo h2.n-blog-archive__title a:hover,
	
	.n-blog-archive__post--photo h2.n-blog-archive__title a:hover,
	.n-blog-archive__posts.photo .n-blog-archive__title a:hover,
	
	.n-blog-archive__posts.pdf h2.n-blog-archive__title a:hover,
	.n-search-archive__posts.pdf h2.n-blog-archive__title a:hover,
	
	body.post-pages .n-blog-archive__title a:hover,
	
	.n-blog-archive__post--inner.search .n-blog-archive__title a:hover,
	
	.n-blog-archive__posts.shortcode .n-blog-archive__title a:hover {
		color: #000;
	}
	
	/* .n-blog-archive__posts.movies .n-blog-archive__post {
		padding: 10px;
	}
	
	
	.n-blog-archive__posts.movies .n-blog-archive__post:hover {
	  background: var(--color-purple);
	}
	.n-blog-archive__posts.movies .n-blog-archive__post:hover a,
	.n-blog-archive__posts.movies .n-blog-archive__post:hover .movie-database.meta {
		color: #fff;
	} */


/* movie archive - single day programme  */
	.wm-movies-list {
		display: flex;
		flex-direction: column;
		/* gap: 2rem; */
	}
	
	.wm-movie-item {
		display: flex;
		flex-direction: row-reverse;
		/* gap: 1.5rem; */
		align-items: stretch;
		margin: 0.5rem 0;
	}
	@media all and (max-width: 720px) {
		.wm-movie-item {
			flex-direction: column;
		}
	}
	
	.wm-movie-image {
		flex: 0 0 50%;
	}
	
	.wm-movie-image img {
		width: 100%;
		height: 100%;
		aspect-ratio: 16/9;
		object-fit: cover;
		display: block;
		
	}
	
	.wm-movie-content {
		flex: 1;
		padding: 5rem;
		background-color: var(--color-purple);
		color: #ffffff;
		font-family: var(--e-global-typography-primary-font-family);
		display: flex;
		flex-direction: column;
		justify-content: flex-start;	
		
	}
	h3.wm-movie-title a {
	font-size: 4rem;
	font-weight: 700;
	
	}
	.wm-movie-redatelj,
	.wm-movie-meta {
	font-size: 2.5rem;
	font-weight: 300;
	}
	.wm-movie-excerpt {
	font-family: var(--e-global-typography-secondary-font-family);
	}
	.wm-movie-meta.footer {
	margin-top: auto;
	font-size: 1em;
	font-weight: 400;
	font-family: var(--e-global-typography-secondary-font-family);
	}
	.wm-movie-meta.footer ul {
		padding: 0;
		list-style: none;
	}
	.wm-movie-meta.footer ul li {
	}
	.wm-movie-excerpt {
	margin: 2rem 0;
	}
	.wm-movie-item > .wm-movie-content {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.wm-movie-title a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.wm-movie-title a:hover {
		color: #000000;
	}
	
	.wm-movie-content div {
		margin-bottom: 0.5rem;
	}
	
	.wm-movie-excerpt {
		margin-top: 0.5rem;
	}




/* photos archive */
	.n-blog-archive__content.meta.photo {
		color: var(--color-purple);
		margin-bottom: 5em;
	}
	
	.n-blog-archive__posts {
		grid-template-columns: repeat(3, 1fr);
	}
/* photos single */
		.photo-gallery {
			display: grid;
			align-items: flex-start;
			grid-column-gap: 30px;
			grid-row-gap: 56px;
		}
	@media all and (max-width:719px) {
		.photo-gallery {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media all and (min-width:720px) {
		.photo-gallery {
			grid-template-columns: repeat(4, 1fr);
		}
	}

/* blog archive/single */
	@media (min-width: 1280px) {
	body.post-pages .n-blog-archive__sidebar {
		max-width: 20%;
		flex: 0 0 20%;
		padding-top: 0 !important;
		padding-left: 40px;
	}
	}
	
	@media (min-width: 1280px) {
	body.post-pages .n-blog-archive:not(.n-blog-archive--single) {
		max-width: 80%;
		flex: 0 0 80%;
	}
	}
	
	body.post-pages .n-blog-archive p {
		color: var(--color-purple);
	}
	body.post-pages .n-blog-archive__topbar {
		padding: 72px 0 0px 0;
	}

	/* sidebar */
		body.post-pages .n-blog-archive__sidebar .wp-block-heading {
		color: var(--color-purple);
		text-transform: uppercase;
		}
		body.post-pages .n-blog-archive__sidebar .m-ntheme-widget ul li {
			margin-bottom: 0;
			margin-left: 8px;
		}
		body.post-pages .n-blog-archive__sidebar .m-ntheme-widget ul li a {
			color: var(--color-purple);
		}
		body.post-pages .n-blog-archive__sidebar .m-ntheme-widget ul li a:hover,
		body.post-pages .n-blog-archive__sidebar .m-ntheme-widget ul li.current-cat a {
			color: #000;
		}





/* search */
	.n-blog-archive__post--inner {
	position: relative;
	}
	.badge {
		position: absolute;
		z-index: 1;
		background: var(--color-purple);
		padding: 5px 10px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		font-family: var(--e-global-typography-d9bba50-font-family);
	}
	/* search lite */
		.asl_res_url {
		color: #fff !important;
		font-family: var(--e-global-typography-secondary-font-family) !important;
		}
		#ajaxsearchlite1 .probox, div.asl_w .probox,
		#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
			height: 50px !important;
		}
		div.asl_m .probox {
			align-items: center;
		}
		div.asl_w .probox .promagnifier {
			margin-right: 5px;
		}
		
		
	/* Trigger button */
		.wm-os-trigger {
			background: none;
			border: 0;
			cursor: pointer;
			line-height: 1;
			padding: 0;
		}
		.wm-os-icon {
			font-size: 20px;
			display: inline-block;
		}
	/* Overlay container */
		.wm-os-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			gap: 10px;
			background-color: rgba(70, 56, 149,0.8);
			padding: 10px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			border-bottom: 2px solid #fff;
			-webkit-transform: translateY(100%);
			transform: translateY(-100%);
			-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);
			-webkit-transition: all .2s;
			transition: all .2s;
			z-index: -50;
			opacity: 0;
		}
		.wm-os-overlay.is-open {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			z-index: 150;
		}
	/* Inner wrapper */
		.wm-os-inner {
			width: 80vw;
			max-width: 800px;
			padding: 20px;
			position: relative;
			background: transparent;
			border-radius: 0;
		}
	/* Close button */
	/* Close button wrapper */
		.wm-os-close {
			position: absolute;
			background: none;
			border: none;
			cursor: pointer;
			padding: 0;
			top: 60px;
			right: 60px;
			height: 50px;
			width: 50px;
		}
	/* The X icon (two lines) */
		.wm-os-close-icon {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}
		.wm-os-close-icon::before, .wm-os-close-icon::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 24px;
			height: 2px;
			background: #fff;
			transform-origin: center;
		}
		.wm-os-close-icon::before {
			transform: translate(-50%, -50%) rotate(45deg);
		}
		.wm-os-close-icon::after {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
	/* Hover effect */
		.wm-os-close:hover .wm-os-close-icon::before, .wm-os-close:hover .wm-os-close-icon::after {
			background: #ccc;
		}
	/* Search form */
		.wm-os-inner .search-form {
			display: flex;
			width: 100%;
			margin: 0;
		}
		.wm-os-inner .search-form label {
			flex: 1;
			margin: 0;
		}
	/* Input */
		.wm-os-input {
			width: 100%;
			padding: 14px 16px;
			font-size: 18px;
			border-bottom: 1px solid #000 !important;
			box-sizing: border-box;
			border-radius: 0;
			color: #fff !important;
		}
		.wm-os-input ::placeholder {
			color: #fff;
			opacity: 1;
			/* Firefox */
		}
		.wm-os-input ::-ms-input-placeholder {
			/* Edge 12 -18 */
			color: #fff !important;
			;
		}
		.search-form label > span {
			color: #fff !important;
		}
	/* Submit button */
		.search-submit {
			padding: 14px 18px;
			font-size: 18px;
			border: 0;
			/* background: #000;
			*/
			color: #fff;
			cursor: pointer;
			border-radius: 0 4px 4px 0;
			/* rounded right only */
			flex-shrink: 0;
		}
		.search-submit:hover {
			border-color: #fff !important;
			color: #fff !important;
		}
		/* Relevanssi Live Search Results = */
		.wm-os-results {
			margin-top: 20px;
			max-height: 50vh;
			overflow-y: auto;
			padding: 0;
			border-top: none;
		}
		.wm-os-results ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.relevanssi-live-search-results {
			background: var(--color-purple) !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			border-radius: 0 !important;
			padding: 10px 0px !important;
			color: #fff !important;
		}
		.rlv-has-spinner {
			border: 8px solid #000 !important;
		}
		.rlv-has-spinner::after {
			background: var(--color-purple) !important;
		}
		.relevanssi-live-search-results a:not(.wp-block-button__link) {
			color: #fff !important;
		}
		.relevanssi-live-search-results a:not(.wp-block-button__link):hover {
			color: #000 !important;
		}
		.relevanssi-live-search-result p {
			padding: 0.5em 1em !important;
		}
		.relevanssi-live-search-result p, .relevanssi-live-search-result-status p {
			border-bottom: none !important;
		}
		.wm-os-results li {
			border-bottom: 1px solid #eee;
			padding: 12px 0;
		}
		.wm-os-results li:last-child {
			border-bottom: none;
		}
		.wm-os-results a {
			text-decoration: none;
			color: #1e73be;
			font-weight: 600;
			display: block;
		}
		.wm-os-results a:hover {
			text-decoration: underline;
		}
		.wm-os-results .excerpt {
			font-size: 14px;
			color: #555;
			margin-top: 4px;
		}
		.wm-os-results .no-results {
			padding: 12px 0;
			color: #999;
			font-style: italic;
		}
		




/* shortcode - list subpages */
	.subpages-list {
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		padding: 0;
		margin: 0;
		gap: 20px; 
	}
	
	.subpages-list li {
		box-sizing: border-box;
		  flex: 1 1 calc(33% - 25px);
		  max-width: calc(33% - 15px);
		  margin: 0;
		  transition: background-color 0.4s ease, color 0.4s ease;
		  display: flex;                /* li is flex container */
		  min-height: 250px;
		  background-color: var(--color-purple);
		  border: none;
		  color: #fff;
		  padding: 1rem;
		  font-size: 1.25rem;
		  line-height: 1.5;
		  position: relative;
		}
	@media all and (max-width: 767px) {
		.subpages-list li {
			flex: 1 1 calc(100% - 20px);
			max-width: calc(100% - 10px);
		}
	}
	
	.subpages-list li:hover {
		color: #000; 
		background-color: transparent;
		border: 2px solid var(--color-purple);
		transition: background 0.2s ease-out, color 0.2s ease-out;
	}
	.subpages-list li:hover a {
		color: var(--color-purple); 
	}
	
	.subpages-list a {
		text-decoration: none;
		color: inherit;
		font-size: 1.5em;
		line-height: 1.5;
		font-weight: 400;
		color: #fff;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		position: relative;
		font-family: var(--e-global-typography-primary-font-family);
		text-transform: uppercase;
	}
	
	/* .subpages-list a::after {
		content: '\2192'; 
		color: #fff;
		font-size: 2rem;
		position: absolute;
		bottom: -17px; 
		left: 0;
		transition: color 0.4s ease;
	} */
	
	.subpages-list a:hover {
		color: var(--color-purple); 
		text-decoration: none; 
	}
	
	.subpages-list a:hover::after {
		color: var(--color-purple); 
	}
	
	
/* WM  Preloader - SVG fill animation */
	.wm-logo-preloader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--preloader-bg, #ffffff);
		z-index: 999999;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: var(--preloader-minheight, 100vh);
		overflow: hidden;
	}
	
	.wm-logo-preloader-content {
		text-align: center;
		position: relative;
	}
	
	.wm-logo-svg-container {
		position: relative;
		overflow: hidden;
	}
	
	.wm-logo-svg-container svg {
		display: block;
	}
	
	/* SVG path fill animation from bottom to top */
	.wm-logo-svg-container svg path {
		fill: transparent;
		stroke: var(--color-purple, #463895);
		stroke-width: 2;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		animation: wm-logo-draw 1s ease-in-out forwards;
	}
	
	@keyframes wm-logo-draw {
		0% {
			stroke-dashoffset: 1000;
			fill: transparent;
		}
		50% {
			stroke-dashoffset: 500;
			fill: transparent;
		}
		100% {
			stroke-dashoffset: 0;
			fill: var(--color-purple, #463895);
		}
	}
	
	
	/* Fast slide-up exit - no fade */
	.wm-logo-preloader-hidden {
		animation: wm-logo-slide-up 0.2s ease-out forwards;
	}
	
	@keyframes wm-logo-slide-up {
		0% {
			transform: translateY(0);
		}
		100% {
			transform: translateY(-100%);
		}
	}
	
	.wm-logo-preloader-text {
		color: var(--color-purple, #463895);
		font-size: 18px;
		font-weight: 500;
		margin-top: 20px;
		opacity: 0;
		animation: wm-logo-text-fade 0.3s ease-in 0.5s forwards;
	}
	
	@keyframes wm-logo-text-fade {
		0% {
			opacity: 0;
			transform: translateY(10px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
	/* Responsive */
	@media (max-width: 768px) {
		.wm-logo-preloader-text {
			font-size: 16px;
		}
	}
	
/* Mailchimp */
#mc_embed_signup_scroll {
  display: flex;
	  width: 100%;
}

#mce-EMAIL::placeholder {
	color: #fff !important;
	opacity: 0.8 !important;
}
#mc-embedded-subscribe {
  flex: 0 0 20%; /* fixed to 20% */
  background: #888;
  color: #fff;
  padding: 20px;
}

#mc-embedded-subscribe-form {
  display: flex;
  align-items: center;
  gap: 10px; /* space between input and button */
  border-bottom: 2px solid #fff;
  padding: 5px 0;
}

#mc-embedded-subscribe-form input[type="email"] {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  padding: 8px 0;
}

#mc-embedded-subscribe-form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

#mc-embedded-subscribe-form input[type="submit"] {
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  padding: 8px 0;
  transition: opacity 0.3s ease;
}

#mc-embedded-subscribe-form input[type="submit"]:hover {
  opacity: 0.7;
}


/* raspored - timetable */
.program-timetable {
	color: var( --e-global-color-text );
}
.program-timetable a {
	color: var( --e-global-color-text ) !important;
}
.program-timetable .day::after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--e-global-color-text);
  margin: 1rem 10% 3rem 10%;
}

.program-timetable .day:last-child:after {
	display: none;
}
.program-timetable h2 {
	color: var( --e-global-color-text ) !important;
	font-size: 2.8em !important;
	line-height: 25px;
	margin: 30px 0 15px 0 !important;
}

.program-timetable h3 {
	color: var( --e-global-color-text ) !important;
	font-size: 2.2em !important;
	line-height: 18px;
	margin: 10px 0 10px 0 !important;
	text-decoration: underline;
}
.program-timetable .time-slot {
	padding-bottom: 5px;
}

.program-timetable .time-slot span {
	min-width: 50px;
	display: inline-flex;
	font-weight: 700;
	color: var(--e-global-color-text);
}

.program-timetable .accordion {
	border: none;
	padding: 0;
	background-color: transparent;
	font-weight: normal;
	text-align: left;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	transition: color .2s ease-out;
}
.program-timetable .accordion::after {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	content: '\f0dd';
	display: inline-block;
	font: normal normal normal 18px/1 FontAwesome;
	font-size: inherit;
	font-weight: 400;
	font-style: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.program-timetable .accordion:hover {
	color: var(--e-global-color-text);
	
}

.program-timetable .panel {
	padding-left: 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease, opacity 0.5s ease;
	opacity: 0;
	display: block;
}

.program-timetable .panel.open {
	max-height: 500px;
	opacity: 1;
}

.program-timetable .panel ul {
  list-style: none;
  margin: 0;
}

.program-timetable .raspored-grid-row {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 0px;
}

.program-timetable .raspored-grid-col-12 {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1rem;
}