/*
Theme Name: CIM APURI HR
Template: twentyseventeen
Author: Elvis Krstulovic
Description: CIM APURI is a custom built child theme, created for the purpose of web presentation of the Center for Innovative Media, an organisation under Academy of Applied Arts, University of Rijeka. The theme presents basic info about the center, publishes content from several categories and enables overview of events by a particular author. For the theme to be fully functional, it needs its template, a default wordpress twentyseventeen theme as well as, ACF plugin, Polylang plugin, Masterslides plugin, and (add if there will be more)
Version: 0.1.1.
License: Elvis Krstulovic © 2018
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.6 Footer
15.0 Widgets
19.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url("../twentyseventeen/style.css");

/* GLOBAL STYLES */
	body,
	button,
	input,
	select,
	textarea {
		color: #000;
		font-size: 14px;
		}


	::-moz-selection {
		color: #fff;
		background: #000;
		}

	::-webkit-selection {
		color: #fff;
		background: #000;
		}

	::-ms-selection {
		color: #fff;
		background: #000;
		}

	::selection {
		color: #fff;
		background: #000;
		}

	/*--------------------------------------------------------------
	10.0 Links
	--------------------------------------------------------------*/

		.posted-on.categories ul {
			list-style-type: none;
			}

		.posted-on.categories li {
			display: inline;
			margin-left: 0;
			}

		.posted-on.categories li + li:before {
			content: ', ';
			}

		a:focus {
			outline: 0;
			}

	/* Hover effects */
	
		.entry-content a { border-bottom: 1px solid black;}

		.entry-content a:hover { border-bottom: 1px solid transparent;}

	
		.entry-content a,
		.entry-summary a,
		.comment-content a,
		.widget a,
		.site-footer .widget-area a,
		.posts-navigation a,
		.widget_authors a strong {
			-webkit-box-shadow: none;
			box-shadow: none;
			-webkit-transition: none;
			transition: none;
			transition: none;
			transition: none;
			}

		.entry-title a,
		.entry-meta a,
		.page-links a,
		.page-links a .page-number,
		.entry-footer a,
		.entry-footer .cat-links a,
		.entry-footer .tags-links a,
		.edit-link a,
		.post-navigation a,
		.logged-in-as a,
		.comment-navigation a,
		.comment-metadata a,
		.comment-metadata a.comment-edit-link,
		.comment-reply-link,
		a .nav-title,
		.pagination a,
		.comments-pagination a,
		.site-info a,
		.widget .widget-title a,
		.widget ul li a,
		.site-footer .widget-area ul li a,
		.site-footer .widget-area ul li a {
			-webkit-box-shadow: none;
			box-shadow: none;
			text-decoration: none;
			-webkit-transition: none;
			transition: none;
			transition: none;
			transition: none;
			}

		.entry-content a:focus,
		.entry-content a:hover,
		.entry-summary a:focus,
		.entry-summary a:hover,
		.comment-content a:focus,
		.comment-content a:hover,
		.widget a:focus,
		.widget a:hover,
		.site-footer .widget-area a:focus,
		.site-footer .widget-area a:hover,
		.posts-navigation a:focus,
		.posts-navigation a:hover,
		.comment-metadata a:focus,
		.comment-metadata a:hover,
		.comment-metadata a.comment-edit-link:focus,
		.comment-metadata a.comment-edit-link:hover,
		.comment-reply-link:focus,
		.comment-reply-link:hover,
		.widget_authors a:focus strong,
		.widget_authors a:hover strong,
		.entry-title a:focus,
		.entry-title a:hover,
		.entry-meta a:focus,
		.entry-meta a:hover,
		.entry-meta span,
		.page-links a:focus .page-number,
		.page-links a:hover .page-number,
		.entry-footer a:focus,
		.entry-footer a:hover,
		.entry-footer .cat-links a:focus,
		.entry-footer .cat-links a:hover,
		.entry-footer .tags-links a:focus,
		.entry-footer .tags-links a:hover,
		.post-navigation a:focus,
		.post-navigation a:hover,
		.pagination a:not(.prev):not(.next):focus,
		.pagination a:not(.prev):not(.next):hover,
		.comments-pagination a:not(.prev):not(.next):focus,
		.comments-pagination a:not(.prev):not(.next):hover,
		.logged-in-as a:focus,
		.logged-in-as a:hover,
		a:focus .nav-title,
		a:hover .nav-title,
		.edit-link a:focus,
		.edit-link a:hover,
		.site-info a:focus,
		.site-info a:hover,
		.widget .widget-title a:focus,
		.widget .widget-title a:hover,
		.widget ul li a:focus,
		.widget ul li a:hover {
			color: #000;
			-webkit-box-shadow: none;
			-moz-box-shadow:none;
			-o-box-shadow:none;
			-ms-box-shadow:none;
			box-shadow: none;
			}

	/* Fixes linked images */
		.entry-content a img,
		.comment-content a img,
		.widget a img {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-o-box-shadow: none;
			-ms-box-shadow: none;
			box-shadow: none;
			}

		.entry-meta a, .posted-on a {
			color: #000;
			font-weight: 600;
			}

		.entry-meta a:hover, .posted-on a:hover {
			color: #555;
			font-weight: 600;
			}

		.entry-meta, .edit-link, .posted-on span, h2.widget-title {
			color: #000;
			font-weight: 400;
			text-transform: uppercase;
			}

	/*--------------------------------------------------------------
	11.0 Featured Image Hover
	--------------------------------------------------------------*/
	/* override parent theme */

		.home .post-thumbnail a img,
		.home .post-thumbnail a img,
		.archive .post-thumbnail a img,
		.archive .post-thumbnail a img,
		footer .recent-posts .post-thumbnail a img,
		footer .recent-posts .post-thumbnail a img{
			mix-blend-mode: normal;
			-webkit-transition: all .75s;
			transition: all .75s;
	
			}

		.home .post-thumbnail a:hover img,
		.home .post-thumbnail a:focus img,
		.archive .post-thumbnail a:hover img,
		.archive .post-thumbnail a:focus img,
		footer .recent-posts .post-thumbnail a:hover img,
		footer .recent-posts .post-thumbnail a:focus img{
			opacity: 1;
			}

	.post-thumbnail a:hover img,
	.post-thumbnail a:focus img {
		opacity: 1;
		mix-blend-mode: normal;
	}


	/* set custom hovers */
		.home .post-thumbnail,
		.archive .post-thumbnail,
		footer .recent-posts .post-thumbnail {
			position: relative;
			background-color: #fff;

		}

			.home .post-thumbnail:hover,
		.archive .post-thumbnail:hover,
		footer .recent-posts .post-thumbnail:hover {
			position: relative;
			background-color: transparent;

		}

	/*--------------------------------------------------------------
	12.0 Navigation
	--------------------------------------------------------------*/
	/* #gradient */
	
		.site-navigation-fixed.navigation-top {
			bottom: auto;
			left: 0;
			right: 0;
			top: 0;
			width: 100%;
			z-index: 7;
			}

	
		.navigation-top { 
			border-bottom: 1px solid #000;
			border-top: 0;
			font-size: 16px;
			font-size: 1rem;
			text-transform: uppercase;
	/* promjena na fixed */
			position: fixed; 
			top:0;
			background-color: #fff; /* check */

			}
			
	/* kraj promjene na fixed (aside.language je promjenjen margin-top drugačije za svaki @media ) */


		
		.admin-bar .site-navigation-fixed.navigation-top {
				top: 0px;
			}

		div.panel-content > .wrap  {
			padding-top: 1rem;
			}

		.navigation-top a {
			color: #000;
			font-weight: 600;
			-webkit-transition: color 0.2s;
			transition: color 0.2s;
			}

		.navigation-top .current-menu-item > a,
		.navigation-top .current_page_item > a {
			color: #000;
			}

		.menu-kategorije-sredina-container a,
		.menu-stranice-desno-container a {
			letter-spacing: .075rem;
			}

		.main-navigation {
			clear: none;
			display: block;
			white-space: nowrap;
			position: relative;
			}

		.main-navigation li {
			border-bottom: 0;
			}

		.main-navigation a:hover {
			color: #555;
			}
			
		#top-right-menu {margin-top: .2em;}



		html.page:not(.home) .menu-stranice-desno-container:after {
			left: 20%;
			}
		.entry-content a img, .comment-content a img, .widget a img {
			-webkit-box-shadow: 0 0 0 7px transparent;
			box-shadow: 0 0 0 7px transparent;
			}

	/*--------------------------------------------------------------
	13.0 Layout
	--------------------------------------------------------------*/

		body { /* #gradient */
			min-height: 100vh;
			top:0;
			bottom: 0;
			}

		html.archive {
			background: #fff !important;
			top:0;
			bottom: 0;
			}

		html.page:not(.home) {
			min-height: 100vh;
			top:0;
			bottom: 0;
			background: #fff;
			}

		html.home body {
			background: #fff !important; 
			}

		html.single body {
			background: #fff !important;
			}

		html.archive body {
			height: auto;
			background: transparent;
			}

		html.page:not(.home) body {
			min-height: 100vh;
			background: transparent;
			}

			/* Fallback for when there is no custom background color defined. */

		.wrap {
			margin-left: auto;
			margin-right: auto;
			max-width: 1400px;
			padding-right: 2rem;
			padding-left: 2rem;
			}

		.single-post:not(.has-sidebar) #primary, 
		.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
		.archive.page-one-column:not(.has-sidebar) .page-header, 
		.archive.page-one-column:not(.has-sidebar) #primary {
			max-width: 100%;
			}

		.single-post #content .wrap,
		.single-page #content .wrap,
		.author #content .wrap,
		.archive #content .wrap,
		.site-footer .wrap {
			margin-top: 2rem;
			}

		/* single post layout */
		.single #main > article.post > .entry-content,
		.page.page-one-column .entry-content {
			margin-left: 0;
			clear: both;
			}

		.single #main > article.post > .entry-header,
		.archive .wrap > .page-header,
		.home .panel-content .wrap > .entry-header,
		.page.page-one-column main > article > .entry-header {
			max-width: 75%;
			margin-left: 0;
			float: left;
			}

		.page.page-one-column main > article > .entry-content p,
		.page.page-one-column main > article > .entry-content h1,
		.page.page-one-column main > article > .entry-content h2,
		.page.page-one-column main > article > .entry-content h3,
		.page.page-one-column main > article > .entry-content h4,
		.page.page-one-column main > article > .entry-content h5,
		.page.page-one-column main > article > .entry-content h6,
		.page.page-one-column main > article > .entry-content form,
		.page.page-one-column main > article > .entry-content table,
		.page.page-one-column main > article > .entry-content input,
		.page.page-one-column main > article > .entry-content textarea,
		.single #main > article.post > .entry-content p,
		.single #main > article.post > .entry-content h1,
		.single #main > article.post > .entry-content h2,
		.single #main > article.post > .entry-content h3,
		.single #main > article.post > .entry-content h4,
		.single #main > article.post > .entry-content h5,
		.single #main > article.post > .entry-content h6,
		.single #main > article.post > .entry-content form,
		.single #main > article.post > .entry-content table,
		.single #main > article.post > .entry-content input,
		.single #main > article.post > .entry-content textarea,
		.home .panel-content .wrap > .entry-content p,
		.home .panel-content .wrap > .entry-content h1,
		.home .panel-content .wrap > .entry-content h2,
		.home .panel-content .wrap > .entry-content h3,
		.home .panel-content .wrap > .entry-content h4,
		.home .panel-content .wrap > .entry-content h5,
		.home .panel-content .wrap > .entry-content h6,
		.home .panel-content .wrap > .entry-content form,
		.home .panel-content .wrap > .entry-content input,
		.home .panel-content .wrap > .entry-content textarea {
			font-weight: 400;
			}

		

		.single #main > article.post > .info_box_content a,
		.single #main > article.post > .info_box_content strong,
		.single #main > article.post > .info_box_content b,
		.archive .wrap > .taxonomy-description a,
		.archive .wrap > .taxonomy-description strong,
		.archive .wrap > .taxonomy-description b,
		.page.page-one-column .info_box_content a,
		.page.page-one-column .info_box_content strong,
		.page.page-one-column .info_box_content b{
			font-weight: 800;
			}


		.single #main > article.post > .info_box_content a:hover,
		.single #main > article.post > .info_box_content a:focus,
		.archive .wrap > .taxonomy-description a:hover,
		.archive .wrap > .taxonomy-description a:focus,
		.page.page-one-column .info_box_content a:hover,
		.page.page-one-column .info_box_content a:focus{
			color: #555;
			}



		/* categories etc  #todo */ 
		.archive .wrap > .taxonomy-description {
			max-width: 25%;
			padding: 0 0 1rem 1rem;
			float: right;
			color: #000;
			}

		.archive .wrap #primary.content-area {
			clear: both;
			}

		.archive #primary article.format-image {
			width: 100%;
			}


	/*--------------------------------------------------------------
	13.1 Header
	--------------------------------------------------------------*/

		.custom-logo-link {
			max-height: 60px;
			vertical-align: middle;
			}

		.custom-logo-link img.custom-logo {
			display: inline-block;
			width: auto;
			max-height: 44px;
			margin: 8px 0 8px 0;
			}

		.site-header {
			background-color: transparent;
		}

		/* Site branding */
		body.has-header-image .site-description,
		body.has-header-video .site-description {
			color: #000;
			opacity: 1;
			}

		.site-branding a:hover,
		.site-branding a:focus {
			opacity: 1;
			color: #555;
			}

	/*--------------------------------------------------------------
	13.2 Front Page
	--------------------------------------------------------------*/

		/* Front Page - Recent Posts */

			/* Recent posts */
		.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
			border-top: 0;
			}

		.twentyseventeen-front-page .panel-content .recent-posts article {
			border: 0;
			color: #000;
			width: calc(50% - 1em);
			display: inline-block;
			vertical-align: top;
			}


		.master-slider-parent {
			margin-bottom: 1rem;
		}


		.home .post-thumbnail {
			width: 100%;
			height: 0;
			padding-top: 56.25%;
			overflow: hidden;
			}


		.home .post-thumbnail a {
			position: absolute;
			height: 100%;
			width: 100%;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;	
			}

		.home .post-thumbnail a img {
			position: absolute;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			}

		.home .recent-posts .post:nth-of-type(odd) {
			margin-right: 1.75rem;
			}

			/* now in categories */
		.archive .content-area article {
			border: 0;
			color: #000;
			width: calc(50% - 1em);
			display: inline-block;
			vertical-align: top;
			}

		.archive .post-thumbnail {
			width: 100%;
			height: 0;
			padding-top: 56.25%;
			overflow: hidden;
			position: relative;
			}

		.archive .post-thumbnail a {
			position: absolute;
			height: 100%;
			width: 100%;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;	
			}

		.archive .post-thumbnail a img {
			position: absolute;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			}

		.archive .content-area .post:nth-of-type(odd) {
			margin-right: 1.75rem;
			}

		/* now with related posts in single posts */
		.single .recent-posts article {
			border: 0;
			color: #000;
			width: calc(50% - 1em);
			display: inline-block;
			vertical-align: top;
			}

		.single .recent-posts .post-thumbnail {
			width: 100%;
			height: 0;
			padding-top: 56.25%;
			overflow: hidden;
			position: relative;
			}

		.single .recent-posts .post-thumbnail a {
			position: absolute;
			height: 100%;
			width: 100%;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;	
			}

		.single .recent-posts .post-thumbnail a img {
			position: absolute;	
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			}

		.single .recent-posts .post:nth-of-type(odd) {
			margin-right: 1.75rem;
			}


	/*--------------------------------------------------------------
	13.3 Regular Content
	--------------------------------------------------------------*/

		.site-content-contain {
			background-color: transparent;
			position: relative;
		}

		h1, h2, h3, h4, h5, h6 {color: #000;}

	/*--------------------------------------------------------------
	13.4 Posts
	--------------------------------------------------------------*/

		/* section and page titles */
		.page .panel-content .entry-title,
		.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
		.single #content .entry-title,
		.single-page .entry-title {
			color: #000;
			font-weight: 800;
			text-transform: none;
		}

		/* post titles */
		.page .panel-content .recent-posts .entry-title a,
		.archive article .entry-title a {
			color: #000;
			font-weight: 800;
			text-transform: none;
			-webkit-transition: color 0.2s ease-in-out;
			transition: color 0.3s ease-in-out;
			}

		.page .panel-content .recent-posts .entry-title a:hover,
		.archive article .entry-title a:hover {
			color: #555;
			}





	/*--------------------------------------------------------------
	13.6 Footer
	--------------------------------------------------------------*/

		.single .site-footer { 
			/* remove border from dinamic footer in festivals and authors */
			border-top: 0;
			}

	/*--------------------------------------------------------------
	15.0 Widgets
	--------------------------------------------------------------*/


		footer.site-footer aside.widget-area .widget-column:last-of-type {
			margin-right: 0;
			}

		footer.site-footer aside.widget-area .widget-column li {
			padding: 0;
			}

		footer.site-footer aside.widget-area .widget-column dt:first-of-type {
			margin-top: 0em;
			}

		footer.site-footer aside.widget-area .widget-column a,
		footer.site-footer aside.widget-area .widget-column p,
		footer.site-footer aside.widget-area .widget-column li,
		footer.site-footer aside.widget-area .widget-column h2,
		footer.site-footer aside.widget-area .widget-column dt,
		footer.site-footer aside.widget-area .widget-column dd {color: #000;}

/* END GLOBAL STYLES */


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/


/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

/* meta text elements, ACF fields, and Taxonomy descriptions for Categories */

		/* hide in mobile */
		.entry-meta, 
		.archive .wrap > .taxonomy-description,
		#page:not(.home) .info_box_content,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
				display: none;
				}

		/* show only author info */
		.single #main > article.post > .info_box_content {
			display: block;
			font-size: .85rem;
			clear: both;
			float: left;
			margin: 1rem 0;
			max-width: 74%;
			}

		.single #main > article.post > .info_box_content img.size-thumbnail {
			width: 84px;
			height: 84px;
			border-radius: 42px;
			margin-top: .2rem;
			float: left;
			margin-right: 1.2rem;  
			}


		.single .recent-posts.authors .entry-header .posted-on.time,
		.single .recent-posts.authors .entry-header .posted-on.categories {
			font-size: .76rem;
			}
			
		.entry-meta, .edit-link, .posted-on span, h2.widget-title  {
			font-size: .90rem;
			letter-spacing: 0.02em !important;
			padding-bottom: 0.82rem;
			}

/* end meta styles */


/* static footer with widgets */

		footer.site-footer aside.widget-area .widget-column {
			font-size: .8rem;
			letter-spacing: .015rem;
			}

		footer.site-footer aside.widget-area .widget-column dd {
			margin: 0;
			padding-left: 0;
			line-height: 1.6rem;
			}

		footer.site-footer aside.widget-area .widget-column ul {
			list-style-type: none;
			margin: 0;
			line-height: 1.6rem;
			}

		footer.site-footer aside.widget-area .widget-column dt {
			margin-top: 1rem;
			font-weight: 400;
			line-height: 1.6rem;
			}

		footer.site-footer aside.widget-area .widget-column dl {
			margin: 0;
			}

		.site-footer .widget-area {
			padding-bottom: 0em;
			padding-top: 0em;
			}

		.page.page-one-column .site-footer, .home .site-footer, .single .site-footer {
			border-top: 1px solid #000;
			}
			
		.widget-column a { border-bottom: 1px solid black;}
		.widget-column a:hover  { border-bottom: 1px solid transparent;}

/* end static footer with widgets */

/* dinamic footer, related content in authors and festivals single.php */

		footer #related .entry-title a,
		.page .panel-content .recent-posts .entry-title a,
		.archive article .entry-title a,
		.recent-posts > h4 {
			color: #000;
			font-size: 1.35rem;
			font-weight: 800;
			letter-spacing: 0em;
			text-transform: none;
			-webkit-transition: color 0.2s ease-in-out;
			transition: color 0.3s ease-in-out;
			line-height: 1.2rem;
			}

		.recent-posts > h4 { 
			margin-bottom: 2.5rem;
			}

		footer #related .entry-title a:hover {
			color: #555;
			}

		.single .category-authors .site-footer,
		.single .category-festivals .site-footer {
			border-top: 0;
		}

/* dinamic footer, related content in authors and festivals single.php */

/* titles in the content */

			/* section and page titles */
			.page .panel-content .entry-title,
			.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
			.single #content .entry-title,
			.single-page .entry-title {
				letter-spacing: 0rem;
				font-size: 1.25rem;
				line-height: 1.25em;
			}

			/* post titles */
			.page .panel-content .recent-posts .entry-title a,
			.archive article .entry-title a {
				letter-spacing: 0rem;
				font-size: 1.25rem;
				line-height: 1.25em;
				}
			/* page titles */
			.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
				font-size: 1.65rem;

				}

/* end titles in the content */

/* layout stuff */
			.wrap {
					max-width: 1400px;
					padding-right: 2rem;
					padding-left: 2rem;
				}

			.page-one-column .panel-content .wrap {
					max-width: 1400px;
				}

			body:not(.title-tagline-hidden) .site-branding-text {
				display: inline-block;
				vertical-align: middle;
				max-width: 16ex;
				max-height: 60px;
				}

					/* Pages */
			.page.page-one-column .entry-header,
				.twentyseventeen-front-page.page-one-column .entry-header,
				.archive.page-one-column:not(.has-sidebar) .page-header {
					margin-bottom: 0;
					margin-top: 0;
				}

				/* Categories etc */
			.archive .site-content {
					padding: 0;
				}

				/* Posts etc */
			.single .site-content {
					padding: 0;
				}

			.site-content {
				padding: 0;
			}

				/* Pages etc */
			.wrap.single-page {
					padding-top: 2.5rem;	
				}

				/* section header */
			.wrap > .entry-header {
					margin: 2em 0 !important;
				}

			/* navigation */
			.main-navigation ul {
				background: transparent;
				list-style: none;
				margin: 0;
				padding: 0 1.5em;
				text-align: left;
				}

			.line {display: none;}

			.main-navigation > div > ul {
				border-top: none;
				}


			.navigation-top .wrap {
				max-width: 100%;
				padding: 0;

				}
			.site-branding {
				padding: .7rem;
				max-width: 100%;
				}

			.site-title {
				font-size: 36px;
				font-size: .9rem;
				}

			.menu-toggle {
				z-index: 9999999;
				display: inline-block;
				position: absolute;
				top: -5.4rem;
				right: 0rem;
				font-size: .89rem;
				line-height: 60px;
				text-transform: uppercase;
				font-weight: 600;
				color: #000;

			}

			.main-navigation div ul{
				overflow: hidden;
				max-height: 0;
				padding: 0 1.695rem;
				-webkit-transition:	ease max-height 1s; 
				-moz-transition:	ease max-height 1s; 
				-ms-transition:		ease max-height 1s; 
				-o-transition:		ease max-height 1s; 
				transition:			ease max-height 1s; 
				}

			.main-navigation.toggled-on div ul{
				padding: 0.75em 1.695rem;
				max-height: 100vh;
				}

			.menu-kategorije-sredina-container {
				border-top: 0px solid #000;
				-webkit-transition:	ease border 1s; 
				-moz-transition:	ease border 1s; 
				-ms-transition:		ease border 1s; 
				-o-transition:		ease border 1s; 
				transition:			ease border 1s;

				}

			.toggled-on .menu-kategorije-sredina-container {
				border-top: 1px solid #000;
				}

			.js .menu-toggle,
			.js .dropdown-toggle {
				display: none;
			}

			.js .main-navigation ul,
			.js .main-navigation ul ul,
			.js .main-navigation > div > ul {
				display: block;
			}

			.single #main > article.post > .entry-header, .archive .wrap > .page-header, .home .panel-content .wrap > .entry-header, .page.page-one-column main > article > .entry-header {
			    max-width: 100%;
			    margin-left: 0;
			    float: left;
			    padding: 0;
			    margin-bottom: 1rem;
				}

			/* posts single column */

			.twentyseventeen-front-page .panel-content .recent-posts article,
			.archive .content-area article,
			.single .recent-posts article {
				border: 0;
				color: #000;
				width: 100%;
				display: block;
				vertical-align: top;
				}


			html.page:not(.home) {
				min-height: 100vh;
			}



/* end layout stuff  */

/* entry content */

			/* body text  */

			.page.page-one-column main > article > .entry-content p,
			.page.page-one-column main > article > .entry-content form,
			.page.page-one-column main > article > .entry-content table,
			.page.page-one-column main > article > .entry-content input,
			.page.page-one-column main > article > .entry-content textarea,
			.single #main > article.post > .entry-content p,
			.single #main > article.post > .entry-content form,
			.single #main > article.post > .entry-content table,
			.single #main > article.post > .entry-content input,
			.single #main > article.post > .entry-content textarea,
			.home .panel-content .wrap > .entry-content p,
			.home .panel-content .wrap > .entry-content form,
			.home .panel-content .wrap > .entry-content input,
			.home .panel-content .wrap > .entry-content textarea {
				font-size: 1rem;
				}

/* end entry content */

			#content {clear: both;}	
				
			aside.language {
				float: right; margin-right: 1rem; margin-top: 7.4rem; font-weight: 600; letter-spacing: .05em;
			}

}

@media screen and (min-width: 40em) {


/* meta text elements, ACF fields, and Taxonomy descriptions for Categories */

		/* show on tablet */
		.archive .wrap > .taxonomy-description,
		#page:not(.home) .info_box_content,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
				display: block;
				}
		/* still hide */
		.entry-meta,
		.posted-on.time,
		.posted-on.categories {
			display: none;
			}

		.single #main > article.post > .info_box_content, 
		.home .info_box_content,
		#page:not(.home) .info_box_content,
		.archive .wrap > .taxonomy-description,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
			font-size: .9rem;
			clear: both;
			float: left;
			margin: 1rem 0;
			max-width: 74%;
			}

		.single #main > article.post > .info_box_content img.size-thumbnail {
			width: 84px;
			height: 84px;
			border-radius: 42px;
			margin-top: .2rem;
			float: left;
			margin-right: 1.2rem;  
			}

		.entry-meta, .edit-link, .posted-on span, h2.widget-title  {
			font-size: .78rem;
			letter-spacing: 0.02em !important;
			padding-bottom: 0.5rem;
			}

/* end meta styles */

/* static footer with widgets */

			footer.site-footer aside.widget-area .widget-column {
				width: 47.5%;
				float: left;
				margin-right: 5%;
				}

			footer.site-footer aside.widget-area .widget-column:nth-of-type(2),
			footer.site-footer aside.widget-area .widget-column:nth-of-type(4) {
				margin-right: 0;
				}

			footer.site-footer aside.widget-area .widget-column {
				font-size: .8rem;
				letter-spacing: .035rem;
				}

			footer.site-footer aside.widget-area .widget-column dd {
				margin: 0;
				padding-left: 0;
				line-height: 1.6rem;
				}

			footer.site-footer aside.widget-area .widget-column ul {
				list-style-type: none;
				margin: 0;
				line-height: 1.6rem;
				}

			footer.site-footer aside.widget-area .widget-column dt {
				margin-top: 1rem;
				font-weight: 400;
				line-height: 1.6rem;
				}

			.site-footer .widget-area {
				padding-bottom: 0em;
				padding-top: 0em;
				}

			.single .category-festivals .site-footer, 
			.single .category-authors .site-footer, 
			footer.category-festivals, 
			footer.category-authors {
				border-top: 0;
				}

			/* end footer widgets */

			/* footer */
			.archive .site-footer,
			.home .site-footer,
			.single .site-footer {
				border-top: 1px solid #000;
				margin-top: 0em;
				}

/* end static footer with widgets */

/* dinamic footer, related content in authors and festivals single.php */

		footer #related .entry-title,
		.page .panel-content .recent-posts .entry-title,
		.archive article .entry-title {
			color: #000;
			font-size: 1.2rem;
			font-weight: 800;
			letter-spacing: 0em;
			text-transform: none;
			-webkit-transition: color 0.2s ease-in-out;
			transition: color 0.3s ease-in-out;
			line-height: 1.4rem;
			}

		.recent-posts > h4 { 
			margin-bottom: 2.5rem;

			}

		footer #related .entry-title a:hover {
			color: #555;
			}

/* dinamic footer, related content in authors and festivals single.php */

/* titles in the content */

			/* section and page titles */
			.page .panel-content .entry-title,
			.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
			.single #content .entry-title,
			.single-page .entry-title {
				letter-spacing: 0rem;
				font-size: 1.45rem;
				line-height: 1.25em;
			}

			/* post titles */
			.page .panel-content .recent-posts .entry-title a,
			.archive article .entry-title a {
				letter-spacing: 0rem;
				font-size: 1.45rem;
				line-height: 1.25em;
				}
			/* page titles */
			.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
				font-size: 1.75rem;

				}

/* end titles in the content */

/* layout stuff */

			.main-navigation div ul{
				overflow: hidden;
				max-height: 92px;
				
				}

			.menu-toggle {
				display: none;
				}

			body:not(.title-tagline-hidden) .site-branding-text {
				display: none;
				}

			.menu-kategorije-sredina-container {
				border-top: none;
				}

			.navigation-top .wrap {
				max-width:calc(100% - 2em);
				padding: 0;
				}

			.main-navigation ul {
				background: transparent;
				padding: 0;
				}
			.main-navigation a {
				    display: block;
				    padding: 0.5em 1rem;
				    text-decoration: none;
				}

			.main-navigation > div > ul {
			    border-top: 0;
			    padding: 0;
				}


			.wrap { margin-left: auto;
					margin-right: auto;
					max-width: 800px;
					padding-right: 2rem;
					padding-left: 2rem;
					}

			.page-one-column .panel-content .wrap {
				max-width: 800px;
				}


				/* Site Branding */
			.navigation-top > .wrap > .site-branding {
			    padding-top: .75rem;
			    padding-right:  0;
			    padding-bottom:  calc(1.2em - 6px);
			    padding-left: 0;
			    float: left;
			    border-bottom: 7px solid transparent;
				}


			.menu-kategorije-sredina-container {
				width: 55ex;
				left: 50%;
				margin-left: -30ex;
				clear: none;
				position: absolute;
				}

			.menu-stranice-desno-container {
				clear: none;
				float: right;
				width: 15ex;
				padding-top: .7rem;
				height: 91px;
				}

				.site-title {
				font-size: 36px;
				font-size: 1rem;
				}

			/* navigacija */
			.menu-kategorije-sredina-container {
				width: auto;
				left: 50%;
				margin-left: -35ex;
				clear: none;
				position: absolute;
				}

			.navigation-top {
				font-size: 14px;
				font-size: 0.7rem;
				height: 82px;
				}

			.navigation-top > .wrap > .site-branding,
			.navigation-top > .wrap > .site-branding .wrap {
				max-width: 36ex;
				padding-right: .1rem;
				}

				
			.custom-logo-link {
			    padding-right: 1rem;
				}

			.custom-logo-link img.custom-logo,
				body.home.title-tagline-hidden.has-header-image .custom-logo-link img.custom-logo,
				body.home.title-tagline-hidden.has-header-video .custom-logo-link img.custom-logo {
					max-width: 300px;
				}
				
				/* Main Navigation */
			.main-navigation li {
				position: relative;
			    border: 0;
			    display: block;
			    float: left;
			    height: calc(60px + 2em);
			    line-height: 70px;
				}
				
			.menu-stranice-desno-container {
				border: 0;
			    display: inline-block;
			    height: calc(60px + 2.30em);
			    position: relative;
			    }

			.menu-stranice-desno-container li {
			    border: 0;
			    display: block;
			    height: 30px;
			    line-height: 30px;
				}

			.menu-stranice-desno-container li  {
				float: right;
				}

			.menu-stranice-desno-container li a {
			    text-align: right !important;
			    padding: 0;
				}

			.twentyseventeen-front-page .panel-content .recent-posts article,
			.archive .content-area article,
			.single .recent-posts article {
				border: 0;
				color: #000;
				width: calc(50% - 1rem);
				display: inline-block;
				vertical-align: top;
				}

			body:not(.twentyseventeen-front-page) .entry-header {
				padding: 0em 0;
				}

			html.page:not(.home) {
				min-height: 100vh;
			}

			html.page-one-column body {
				background: transparent;
				
			}

/* end lyout stuff */

/* entry content */

			/* body text  */

			.page.page-one-column main > article > .entry-content p,
			.page.page-one-column main > article > .entry-content form,
			.page.page-one-column main > article > .entry-content table,
			.page.page-one-column main > article > .entry-content input,
			.page.page-one-column main > article > .entry-content textarea,
			.single #main > article.post > .entry-content p,
			.single #main > article.post > .entry-content form,
			.single #main > article.post > .entry-content table,
			.single #main > article.post > .entry-content input,
			.single #main > article.post > .entry-content textarea,
			.home .panel-content .wrap > .entry-content p,
			.home .panel-content .wrap > .entry-content form,
			.home .panel-content .wrap > .entry-content input,
			.home .panel-content .wrap > .entry-content textarea {
				font-size: 1.1rem;
				}

/* end entry content */

			#content {clear: both;}	
				
			aside.language {
				float: right;
				margin-right: .8rem;
				margin-top: 6rem;
				font-weight: 600;
				letter-spacing: .075rem;
				font-size: .7rem;
			}



}


@media screen and (min-width: 49em) {


/* meta text elements, ACF fields, and Taxonomy descriptions for Categories */

		/* hide in mobile */
		.entry-meta, 
		.archive .wrap > .taxonomy-description,
		#page:not(.home) .info_box_content,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
				display: block;
				}

		.single #main > article.post > .info_box_content, 
		.home .info_box_content,
		#page:not(.home) .info_box_content,
		.archive .wrap > .taxonomy-description,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
			font-size: .9rem;
			clear: none;
			float: right;
			margin: 0 0 0 0.005%;
			max-width: 24.005%;
			}
		.home .info_box_content {padding-top: 2rem;}

		.single #main > article.post > .info_box_content img.size-thumbnail {
			width: 84px;
			height: 84px;
			border-radius: 42px;
			margin-top: .2rem;
			float: left;
			margin-right: 1.2rem;  
			}


		.entry-meta, .edit-link, .posted-on span, h2.widget-title  {
			font-size: .75rem;
			letter-spacing: 0.02em !important;
			padding-bottom: 0.65rem;
			}

		.single .recent-posts.authors .entry-header .posted-on.time {
			display: table-cell !important;
			vertical-align: middle;
			padding-right: 10px;
			text-align: right;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .7rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			text-transform: uppercase;
			} 
		.single .recent-posts.authors .entry-header .posted-on.categories {
			display: table-cell !important;
			vertical-align: middle;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .7rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			text-transform: uppercase;
			text-align: right;
			}

/* end meta styles */

/* static footer with widgets */

			footer.site-footer aside.widget-area .widget-column {
				width: 24%;
				float: left;
				margin-right: 1.333%;
				}
						/* #footer mobile margins override */
			footer.site-footer aside.widget-area .widget-column:nth-of-type(2){
				margin-right: 1.333%;
				}

			footer.site-footer aside.widget-area .widget-column {
				font-size: .75rem;
				}

			footer.site-footer aside.widget-area .widget-column dd {
				margin: 0;
				padding-left: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column ul {
				list-style-type: none;
				margin: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column dt {
				margin-top: 1rem;
				font-weight: 400;
				line-height: 1.46rem;
				}

			.home footer.site-footer > .wrap, 
			.archive footer.site-footer > .wrap, .site-footer .widget-area {
				padding-bottom: 0;
			}

			footer.page > .wrap {
				padding-bottom: 0 !important;
			}

			footer.page {
				border-top: 1px solid #000;
			}

			footer.category-authors > .wrap {
				padding-bottom: 2rem !important;
			}

			.single .recent-posts.authors .entry-header .posted-on.time,
			.single .recent-posts.authors .entry-header .posted-on.categories {
				display: table-cell;
				vertical-align: middle;
				width: 33.333333% !important;
				box-sizing: border-box !important;
				margin-right: 0;
				color: #000;
				font-size: .78rem;
				font-weight: 800;
				letter-spacing: 0.1818rem;
				text-transform: uppercase;
				text-align: right;
				}

/* end static footer with widgets */

/* dinamic footer, related content in authors and festivals single.php */

		footer #related .entry-title,
		.page .panel-content .recent-posts .entry-title,
		.archive article .entry-title {
			color: #000;
			font-size: 1.4rem;
			font-weight: 800;
			letter-spacing: 0em;
			text-transform: none;
			-webkit-transition: color 0.2s ease-in-out;
			transition: color 0.3s ease-in-out;
			line-height: 1.6rem;
			}

		.recent-posts > h4 { 
			margin-bottom: 2.5rem;
			
			}

		footer #related .entry-title a:hover {
			color: #555;
			}


			/* authors posts */
			.single .recent-posts.authors article {
				border: 0;
				color: #000;
				width: 100%;
				display: inline-block;
				vertical-align: top;
				}

			.single .recent-posts.authors .post:nth-of-type(odd) {
				margin-right: 0;
				}

			.single .recent-posts.authors .entry-header {
				display: table;
				width: 100%;
				border-bottom: 1px solid #000;
				padding: 20px 0;
				margin-bottom: 0;
				}

			.single .recent-posts.authors article:first-of-type .entry-header {
				border-top: 1px solid #000;
				}

			.single .recent-posts.authors .entry-header .entry-title{
				display: table-cell !important;
				vertical-align: middle;
				padding-right: 10px;
				width: 33.333333% !important;
				box-sizing: border-box !important;
				margin-bottom: 0;
				}

			.single .recent-posts.authors .entry-header .entry-title  span{
				 
				vertical-align: bottom; margin-bottom: -10px;}

			.single .recent-posts.authors .entry-header .posted-on.time  span{
				vertical-align: bottom;}

			.single .recent-posts.authors .entry-header .posted-on.categories  span{
				vertical-align: bottom;}

			.panel-content .wrap {
				    padding-bottom: 0em;
				    padding-top: 6rem;
				}


			.single .category-festivals .site-footer,
			.single .category-authors .site-footer,
			footer.category-festivals,
			footer.category-authors {
				border-top: 0;
				}

			footer.category-festivals .wrap,
			footer.category-authors .wrap{
				padding-bottom: 0em;
				}

/* dinamic footer, related content in authors and festivals single.php */

/* titles in the content */

			/* section and page titles */
			.page .panel-content .entry-title,
			.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
			.single #content .entry-title,
			.single-page .entry-title {
				letter-spacing: 0rem;
				font-size: 1.55rem;
				line-height: 1.25em;
			}

			/* post titles */
			.page .panel-content .recent-posts .entry-title a,
			.archive article .entry-title a {
				letter-spacing: 0rem;
				font-size: 1.55rem;
				line-height: 1.25em;
				}
			/* page titles */
			.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
				font-size: 2.2rem;}

/* end titles in the content */

/* layout stuff */
			.single #main > article.post > .entry-header, 
			.archive .wrap > .page-header, 
			.home .panel-content .wrap > .entry-header, 
			.page.page-one-column main > article > .entry-header {
			    max-width: 74%;
			    margin-left: 0;
			    float: left;
				}

				/* #check */
			.page:not(.home) #content {
				padding-bottom: 0em;
				}

			html.page:not(.home) {
				min-height: 100vh;
			}

			.wrap { margin-left: auto;
					margin-right: auto;
					max-width: 1100px;
					padding-right: 2rem;
					padding-left: 2rem;
					}

			.page-one-column .panel-content .wrap {
				max-width: 1100px;
				}

			/* navigacija */
			.menu-kategorije-sredina-container {
				width: auto;
				left: 50%;
				margin-left: -37ex;
				clear: none;
				position: absolute;
				}

			.navigation-top {
				font-size: 14px;
				font-size: 0.7rem;
				height: 86px;
				}

			.navigation-top > .wrap > .site-branding,
			.navigation-top > .wrap > .site-branding .wrap {
				max-width: 36ex;
				padding-right: .1rem;
				}

			.main-navigation a {
				    display: block;
				    padding: 1em 1.2rem;
				    text-decoration: none;
				}
				
			.custom-logo-link {
			    padding-right: 1em;
				}

			.custom-logo-link img.custom-logo,
				body.home.title-tagline-hidden.has-header-image .custom-logo-link img.custom-logo,
				body.home.title-tagline-hidden.has-header-video .custom-logo-link img.custom-logo {
					max-width: 300px;
				}
				
				/* Main Navigation */
			.main-navigation li {
				position: relative;
			    border: 0;
			    display: block;
			    float: left;
			    height: calc(60px + 2.30em);
			    line-height: 60px;
				}
				
			.menu-stranice-desno-container {
				border: 0;
			    display: inline-block;
			    height: calc(60px + 2.30em);
			    position: relative;
			    }

			.menu-stranice-desno-container li {
			    border: 0;
			    display: block;
			    height: 30px;
			    line-height: 30px;
				}

			.menu-stranice-desno-container li  {
				float: right;
				}

			.menu-stranice-desno-container li a {
			    text-align: right !important;
			    padding: 0;
				}

/* end layout stuff */

/* custom hover stuff  */
			.menu-stranice-desno-container:after {
				content: "";
				position: absolute;
				z-index: 3;
				left: 100%;
				right: 0%;
				bottom: 0;
				background: #000;
				height: 7px;
				transition-property: right left;
				transition-duration: 0.2s;
				transition-timing-function: ease-out;
				}

			.menu-stranice-desno-container:hover:after,
			.menu-stranice-desno-container:focus:after,
			.menu-stranice-desno-container:active:after {
				left: 20%;
				}

			.navigation-top > .wrap > .site-branding:after {
				  content: "";
				  position: absolute;
				  z-index: 3;
				  left: 0%;
				  right: 100%;
				  bottom: -7px;
				  background: #000;
				  height: 7px;
				  transition-property:  left right;
				  transition-duration: 0.2s;
				  transition-timing-function: ease-out;
				}

			html.home .navigation-top > .wrap > .site-branding:after,
			.navigation-top > .wrap > .site-branding:hover:after,
			.navigation-top > .wrap > .site-branding:focus:after,
			.navigation-top > .wrap > .site-branding:active:after {
				  right: 0%;
				}

			.category-izlozbe hr.line,
			.link-izlozbe:hover ~ hr.line {
				left:0;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				width: 16ex;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}

			.category-predavanja hr.line,
			.link-predavanja:hover ~ hr.line {
				left: 16ex;
				width: 21ex;
				}

			.category-radionice hr.line,
			.link-radionice:hover ~ hr.line {
				left: 37ex;
				width: 19.5ex;
				}
			.category-autori hr.line,
			.zadnji-link:hover ~ hr.line {
				left: 56.5ex;
				width: 14.5ex;
				}

			.line {
				display: block;
				position: absolute;
				bottom: 0;
				height: 7px;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}



			/* CIM hovers */
			.home .post-thumbnail:after,
			.archive .post-thumbnail:after,
			footer .recent-posts .post-thumbnail:after {
				content: "";
				position: absolute;
				z-index: 3;
				left: 0%;
				right: 100%;
				bottom: 0px;
				background: #fff;
				height: 7px;
				transition-property:  left right;
				transition-duration: 0.3s;
				transition-timing-function: ease-out;
				}

			.home .post-thumbnail:hover:after,
			.home .post-thumbnail:focus:after,
			.home .post-thumbnail:active:after,
			.archive .post-thumbnail:hover:after,
			.archive .post-thumbnail:focus:after,
			.archive .post-thumbnail:active:after,
			footer .recent-posts .post-thumbnail:hover:after,
			footer .recent-posts .post-thumbnail:focus:after,
			footer .recent-posts .post-thumbnail:active:after {
				right: 0%;
				}

/* end custom hovers */

			/* images in content */

			.page.page-one-column main > article > .entry-content,
			.single #main > article.post > .entry-content  {
				width: 74%;
				clear: both;
				float: left;
				}
				
			#content {clear: both;}	
				
			aside.language {
				float: right;
				margin-right: .8rem;
				margin-top: 6.6rem;
				font-weight: 600;
				letter-spacing: .075rem;
				font-size: .7rem;
			}


}


@media screen and ( min-width: 68em ) {


/* meta text elements, ACF fields, and Taxonomy descriptions for Categories */

		/* hide in mobile */
		.entry-meta, 
		.archive .wrap > .taxonomy-description,
		#page:not(.home) .info_box_content,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
				display: block;
				}

		.single #main > article.post > .info_box_content, 
		.home .info_box_content,
		#page:not(.home) .info_box_content,
		.archive .wrap > .taxonomy-description,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
			font-size: .9rem;
			clear: none;
			float: right;
			margin: 0 0 0 0;
			max-width: 24%;
			}

		.single #main > article.post > .info_box_content img.size-thumbnail {
			width: 84px;
			height: 84px;
			border-radius: 42px;
			margin-top: .2rem;
			float: left;
			margin-right: 1.2rem; 
			}


		.entry-meta, .edit-link, .posted-on span, h2.widget-title  {
			font-size: .82rem;
			letter-spacing: 0.02em !important;
			padding-bottom: 0.75rem;
			}

		.single .recent-posts.authors .entry-header .posted-on.time {
			display: table-cell !important;
			vertical-align: middle;
			padding-right: 10px;
			text-align: right;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .82rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			text-transform: uppercase;
			} 

		.single .recent-posts.authors .entry-header .posted-on.categories {
			display: table-cell !important;
			vertical-align: middle;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .82rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			text-transform: uppercase;
			text-align: right;
			}

/* end meta styles */

/* static footer with widgets */

			footer.site-footer aside.widget-area .widget-column {
				width: 24%;
				float: left;
				margin-right: 1.333%;
				}
						/* #footer mobile margins override */
			footer.site-footer aside.widget-area .widget-column:nth-of-type(2){
				margin-right: 1.333%;
				}

			footer.site-footer aside.widget-area .widget-column {
				font-size: .84rem;
				}

			footer.site-footer aside.widget-area .widget-column dd {
				margin: 0;
				padding-left: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column ul {
				list-style-type: none;
				margin: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column dt {
				margin-top: 1rem;
				font-weight: 400;
				line-height: 1.46rem;
				}

/* end static footer with widgets */

/* dinamic footer, related content in authors and festivals single.php */

			/* author footer articles titles  */
			footer #related .entry-title a {
				color: #000;
				font-size: 1.4rem;
				font-weight: 800;
				letter-spacing: 0em;
				text-transform: none;
				-webkit-transition: color 0.2s ease-in-out;
				transition: color 0.3s ease-in-out;
				}

			footer #related .entry-title a:hover {
				color: #555;
				}

				/* authors posts */
			.single .recent-posts.authors article {
				border: 0;
				color: #000;
				width: 100%;
				display: inline-block;
				vertical-align: top;
				}

			.single .recent-posts.authors .post:nth-of-type(odd) {
				margin-right: 0;
				}

			.single .recent-posts.authors .entry-header {
				display: table;
				width: 100%;
				border-bottom: 1px solid #000;
				padding: 20px 0;
				margin-bottom: 0;
				}

			.single .recent-posts.authors article:first-of-type .entry-header {
				border-top: 1px solid #000;
				}

			.single .recent-posts.authors .entry-header .entry-title{
				display: table-cell !important;
				vertical-align: middle;
				padding-right: 10px;
				width: 33.333333% !important;
				box-sizing: border-box !important;
				margin-bottom: 0;
				}

			.single .recent-posts.authors .entry-header .entry-title  span{
				 
				vertical-align: bottom; margin-bottom: -10px;}

			.single .recent-posts.authors .entry-header .posted-on.time  span{
				vertical-align: bottom;}

			.single .recent-posts.authors .entry-header .posted-on.categories  span{
				vertical-align: bottom;}

/* end dinamic footer, related content in authors and festivals single.php */

/* titles in the content */
			/* section and page titles */
			.page .panel-content .entry-title,
			.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
			.single #content .entry-title,
			.single-page .entry-title {
				letter-spacing: 0rem;
				font-size: 1.75rem;
				line-height: 1.25em;
			}

			/* post titles */
			.page .panel-content .recent-posts .entry-title a,
			.archive article .entry-title a {
				letter-spacing: 0rem;
				font-size: 1.75rem;
				line-height: 1.25em;
				}
			/* page titles */
			.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
				font-size: 2.5rem;

				}

/* end titles in the content */

/* middle menu hovers  */
			.category-izlozbe hr.line,
			.link-izlozbe:hover ~ hr.line {
				left:0;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				width: 15ex;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}

			.category-predavanja hr.line,
			.link-predavanja:hover ~ hr.line {
				left: 15ex;
				width: 20.5ex;
				}

			.category-radionice hr.line,
			.link-radionice:hover ~ hr.line {
				left: 35.5ex;
				width: 18.5ex;
				}
			.category-autori hr.line,
			.zadnji-link:hover ~ hr.line {
				left: 54ex;
				width: 14ex;
				}
				
			.line {
				display: block;
				position: absolute;
				bottom: 0;
				height: 7px;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}

/* end middle menu hovers  */

/* layout stuff */
			.wrap {
				margin-left: auto;
				margin-right: auto;
				max-width: 1100px;
				padding-right: 2rem;
				padding-left: 2rem;
				}

			.page-one-column .panel-content .wrap {
				max-width: 1100px;
				}

			/* navigacija */
			.menu-kategorije-sredina-container {
				width: auto;
				left: 50%;
				margin-left: -33ex;
				clear: none;
				position: absolute;
				}

			.navigation-top {
				font-size: 14px;
				font-size: 0.78rem;
				height: 88px;
				}

			.navigation-top > .wrap > .site-branding,
			.navigation-top > .wrap > .site-branding .wrap {
				max-width: 36ex;
				padding-right: .1rem;
				}

			.site-title {
				font-size: 36px;
				font-size: .9rem;
				}

			/* Site Branding */
			.navigation-top > .wrap > .site-branding {
			    padding-top: .87rem;
			    padding-right:  0;
			    padding-bottom:  calc(1.2em - 6px);
			    padding-left: 0;
			    float: left;
			    border-bottom: 7px solid transparent;
				}

			body:not(.title-tagline-hidden) .site-branding-text {
				display: inline-block;
				vertical-align: middle;
				max-width: 16ex;
				max-height: 60px;
				}

/* end layout stuff */

/* entry content */

			/* body text  */

			.page.page-one-column main > article > .entry-content p,
			.page.page-one-column main > article > .entry-content h1,
			.page.page-one-column main > article > .entry-content h2,
			.page.page-one-column main > article > .entry-content h3,
			.page.page-one-column main > article > .entry-content h4,
			.page.page-one-column main > article > .entry-content h5,
			.page.page-one-column main > article > .entry-content h6,
			.page.page-one-column main > article > .entry-content form,
			.page.page-one-column main > article > .entry-content table,
			.page.page-one-column main > article > .entry-content input,
			.page.page-one-column main > article > .entry-content textarea,
			.single #main > article.post > .entry-content p,
			.single #main > article.post > .entry-content h1,
			.single #main > article.post > .entry-content h2,
			.single #main > article.post > .entry-content h3,
			.single #main > article.post > .entry-content h4,
			.single #main > article.post > .entry-content h5,
			.single #main > article.post > .entry-content h6,
			.single #main > article.post > .entry-content form,
			.single #main > article.post > .entry-content table,
			.single #main > article.post > .entry-content input,
			.single #main > article.post > .entry-content textarea,
			.home .panel-content .wrap > .entry-content p,
			.home .panel-content .wrap > .entry-content h1,
			.home .panel-content .wrap > .entry-content h2,
			.home .panel-content .wrap > .entry-content h3,
			.home .panel-content .wrap > .entry-content h4,
			.home .panel-content .wrap > .entry-content h5,
			.home .panel-content .wrap > .entry-content h6,
			.home .panel-content .wrap > .entry-content form,
			.home .panel-content .wrap > .entry-content input,
			.home .panel-content .wrap > .entry-content textarea {
				font-size: 1.2rem;
				}
				
			#content {clear: both;}	
				
			aside.language {
				float: right;
				margin-right: .8rem;
				margin-top: 6.8rem;
				font-weight: 600;
				letter-spacing: .075rem;
				font-size: .8rem;
			}
/* end entry content */


}

@media screen and ( min-width: 94em ) {


/* meta text elements, ACF fields, and Taxonomy descriptions for Categories */

		/* hide in mobile */
		.entry-meta, 
		.archive .wrap > .taxonomy-description,
		#page:not(.home) .info_box_content,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
				display: block;
				}

		.single #main > article.post > .info_box_content, 
		.home .info_box_content,
		#page:not(.home) .info_box_content,
		.archive .wrap > .taxonomy-description,
		.panel-content .wrap > .info_box_content, 
		.page.page-one-column .info_box_content {
			font-size: 1rem;
			clear: none;
			float: right;
			margin: 0 0 0 0;
			max-width: 24%;
			}

		.single #main > article.post > .info_box_content img.size-thumbnail {
			width: 84px;
			height: 84px;
			border-radius: 42px;
			margin-top: 0.2rem;
			float: left;
			margin-right: 1.2rem; 
			}


		.entry-meta, .edit-link, .posted-on span, h2.widget-title  {
			font-size: .90rem;
			letter-spacing: 0.02em !important;
			padding-bottom: 0.82rem;
			}

		.single .recent-posts.authors .entry-header .posted-on.time {
			display: table-cell !important;
			vertical-align: middle;
			padding-right: 10px;
			text-align: right;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .92rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			text-transform: uppercase;
			} 

		.single .recent-posts.authors .entry-header .posted-on.categories {
			display: table-cell !important;
			vertical-align: middle;
			width: 33.333333% !important;
			box-sizing: border-box !important;
			margin-right: 0;
			color: #000;
			font-size: .92rem;
			font-weight: 800;
			letter-spacing: 0.1818rem;
			
			text-transform: uppercase;
			text-align: right;
			}

			/* post and page meta text */

/* end meta */

/* static footer with widgets */

			footer.site-footer aside.widget-area .widget-column {
				width: 24%;
				float: left;
				font-size: .90rem;
				margin-right: 1.333%;

				}
						/* #footer mobile margins override */
			footer.site-footer aside.widget-area .widget-column:nth-of-type(2){
				margin-right: 1.333%;
				}


			footer.site-footer aside.widget-area .widget-column dd {
				margin: 0;
				padding-left: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column ul {
				list-style-type: none;
				margin: 0;
				line-height: 1.46rem;
				}

			footer.site-footer aside.widget-area .widget-column dt {
				margin-top: 1rem;
				font-weight: 400;
				line-height: 1.46rem;
				}
				


/* end static footer with widgets */

/* dinamic footer, related content in authors and festivals single.php */


			/* author footer articles titles  */
			footer #related .entry-title a {
				color: #000;
				font-size: 14px;
				font-size: 1.4rem !important;
				font-weight: 800;
				letter-spacing: 0em;
				text-transform: none;
				-webkit-transition: color 0.2s ease-in-out;
				transition: color 0.3s ease-in-out;
				}

			footer #related .entry-title a:hover {
				color: #555;
				}

				/* authors posts */
			.single .recent-posts.authors article {
				border: 0;
				color: #000;
				width: 100%;
				display: inline-block;
				vertical-align: top;
				}

			.single .recent-posts.authors .post:nth-of-type(odd) {
				margin-right: 0;
				}

			.single .recent-posts.authors .entry-header {
				display: table;
				width: 100%;
				border-bottom: 1px solid #000;
				padding: 20px 0;
				margin-bottom: 0;
				}

			.single .recent-posts.authors article:first-of-type .entry-header {
				border-top: 1px solid #000;
				}

			.single .recent-posts.authors .entry-header .entry-title{
				display: table-cell !important;
				vertical-align: middle;
				padding-right: 10px;
				width: 33.333333% !important;
				box-sizing: border-box !important;
				margin-bottom: 0;
				}

			.single .recent-posts.authors .entry-header .entry-title  span{
				 
				vertical-align: bottom; margin-bottom: -10px;}

/* end dinamic footer, related content in authors and festivals single.php */

/* titles in the content */

	/* inherit from @media 49em */

/* end titles in the content */

		.wrap {
			margin-left: auto;
			margin-right: auto;
			max-width: 1400px;
			padding-right: 2rem;
			padding-left: 2rem;
			}

		.page-one-column .panel-content .wrap {
			max-width: 1400px;
			}

		/* navigacija */

		.menu-kategorije-sredina-container {
			width: auto;
			left: 50%;
			margin-left: -34ex;
			clear: none;
			position: absolute;
			}

		.navigation-top {
			font-size: 14px;
			font-size: 0.875rem;
			height: 92px;
			}

		.navigation-top > .wrap > .site-branding,
		.navigation-top > .wrap > .site-branding .wrap {
			max-width: 34ex;
			padding-right: .1rem;
			}

		.site-title {
			font-size: 36px;
			font-size: 1rem;
			}

			/* section and page titles */
			.page .panel-content .entry-title,
			.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
			.single #content .entry-title,
			.single-page .entry-title {
				font-size: 14px;
				font-size: 3rem;
			}

			/* post titles */
			.page .panel-content .recent-posts .entry-title a,
			.archive article .entry-title a{
				font-size: 14px;
				font-size: 2rem;
				}




			/* body text  */

			.page.page-one-column main > article > .entry-content p,
			.page.page-one-column main > article > .entry-content h1,
			.page.page-one-column main > article > .entry-content h2,
			.page.page-one-column main > article > .entry-content h3,
			.page.page-one-column main > article > .entry-content h4,
			.page.page-one-column main > article > .entry-content h5,
			.page.page-one-column main > article > .entry-content h6,
			.page.page-one-column main > article > .entry-content form,
			.page.page-one-column main > article > .entry-content table,
			.page.page-one-column main > article > .entry-content input,
			.page.page-one-column main > article > .entry-content textarea,
			.single #main > article.post > .entry-content p,
			.single #main > article.post > .entry-content h1,
			.single #main > article.post > .entry-content h2,
			.single #main > article.post > .entry-content h3,
			.single #main > article.post > .entry-content h4,
			.single #main > article.post > .entry-content h5,
			.single #main > article.post > .entry-content h6,
			.single #main > article.post > .entry-content form,
			.single #main > article.post > .entry-content table,
			.single #main > article.post > .entry-content input,
			.single #main > article.post > .entry-content textarea,
			.home .panel-content .wrap > .entry-content p,
			.home .panel-content .wrap > .entry-content h1,
			.home .panel-content .wrap > .entry-content h2,
			.home .panel-content .wrap > .entry-content h3,
			.home .panel-content .wrap > .entry-content h4,
			.home .panel-content .wrap > .entry-content h5,
			.home .panel-content .wrap > .entry-content h6,
			.home .panel-content .wrap > .entry-content form,
			.home .panel-content .wrap > .entry-content input,
			.home .panel-content .wrap > .entry-content textarea {
				font-size: 1.2rem;
				}











		body:not(.title-tagline-hidden) .site-branding-text {
			display: inline-block;
			vertical-align: middle;
			max-width: 16ex;
			max-height: 60px;
			}

/* middle menu hovers */

			.category-izlozbe hr.line,
			.link-izlozbe:hover ~ hr.line {
				left:0;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				width: 14.5ex;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}

			.category-predavanja hr.line,
			.link-predavanja:hover ~ hr.line {
				left: 14.5ex;
				width: 19.5ex;
				}

			.category-radionice hr.line,
			.link-radionice:hover ~ hr.line {
				left: 34ex;
				width: 17.5ex;
				}
			.category-autori hr.line,
			.zadnji-link:hover ~ hr.line {
				left: 51.5ex;
				width: 14ex;
				}

			.line {
				display: block;
				position: absolute;
				bottom: 0;
				height: 7px;
				margin: 0;
				background: #000;
				border: none;
				transition: .2s ease-in-out;
				}

/* middle menu hovers */

/* entry content */
			/* body text  */

			.page.page-one-column main > article > .entry-content p,
			.page.page-one-column main > article > .entry-content h1,
			.page.page-one-column main > article > .entry-content h2,
			.page.page-one-column main > article > .entry-content h3,
			.page.page-one-column main > article > .entry-content h4,
			.page.page-one-column main > article > .entry-content h5,
			.page.page-one-column main > article > .entry-content h6,
			.page.page-one-column main > article > .entry-content form,
			.page.page-one-column main > article > .entry-content table,
			.page.page-one-column main > article > .entry-content input,
			.page.page-one-column main > article > .entry-content textarea,
			.single #main > article.post > .entry-content p,
			.single #main > article.post > .entry-content h1,
			.single #main > article.post > .entry-content h2,
			.single #main > article.post > .entry-content h3,
			.single #main > article.post > .entry-content h4,
			.single #main > article.post > .entry-content h5,
			.single #main > article.post > .entry-content h6,
			.single #main > article.post > .entry-content form,
			.single #main > article.post > .entry-content table,
			.single #main > article.post > .entry-content input,
			.single #main > article.post > .entry-content textarea,
			.home .panel-content .wrap > .entry-content p,
			.home .panel-content .wrap > .entry-content h1,
			.home .panel-content .wrap > .entry-content h2,
			.home .panel-content .wrap > .entry-content h3,
			.home .panel-content .wrap > .entry-content h4,
			.home .panel-content .wrap > .entry-content h5,
			.home .panel-content .wrap > .entry-content h6,
			.home .panel-content .wrap > .entry-content form,
			.home .panel-content .wrap > .entry-content input,
			.home .panel-content .wrap > .entry-content textarea {
				font-size: 1.35rem;
				}
			/* push under language switch */
			#content {clear: both;}	
				
			aside.language {
				float: right;
				margin-right: 1rem;
				margin-top: 7.2rem;
				font-weight: 600;
				letter-spacing: .075rem;
				font-size: .95rem;
			}
/* end entry content */
}


/* forme */

.contact-form input {
	width: 100% !important;
	max-width: 100% !important;
}

.contact-form textarea {
	width: 100% !important;
	max-width: 100% !important;
}

.contact-form input[type="checkbox"] {width: 1.4em !important; height: 1.2rem; margin: 0 0 30px 0 !important;}


.search-form .search-submit {
	height: 40px;
    bottom: 0px;
    padding: 0.5em 1em;
    position: absolute;
    right: 0px;
    top: auto;
    background-color: transparent;
}

.search-form .search-submit .icon:hover, button:hover {color: #555 !important; }
.search-field {
	margin-bottom: 4em;
}


/* google mapa */

#map-canvas {width: 100%; height: 600px;}