/*
Theme Name: Den Architektury
Theme URI: http://www.denarchitektury.cz
Author: Tomáš Potěšil
Author URI: http://www.potesil.com
Version: 1.0
*/

/*!
* Font face
*/

@font-face {
    font-family: "DINPro";
    src: url("fonts/DINPro-Medium.eot");
    src: url("fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"),
        url("fonts/DINPro-Medium.woff2") format("woff2"),
        url("fonts/DINPro-Medium.woff") format("woff"),
        url("fonts/DINPro-Medium.ttf") format("truetype"),
        url("fonts/DINPro-Medium.svg#DINPro-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "DINPro";
    src: url("fonts/DINPro-Bold.eot");
    src: url("fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/DINPro-Bold.woff2") format("woff2"),
        url("fonts/DINPro-Bold.woff") format("woff"),
        url("fonts/DINPro-Bold.ttf") format("truetype"),
        url("fonts/DINPro-Bold.svg#DINPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "DINPro";
    src: url("fonts/DINPro-Light.eot");
    src: url("fonts/DINPro-Light.eot?#iefix") format("embedded-opentype"),
        url("fonts/DINPro-Light.woff2") format("woff2"),
        url("fonts/DINPro-Light.woff") format("woff"),
        url("fonts/DINPro-Light.ttf") format("truetype"),
        url("fonts/DINPro-Light.svg#DINPro-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "DINPro";
    src: url("fonts/DINPro-Regular.eot");
    src: url("fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/DINPro-Regular.woff2") format("woff2"),
        url("fonts/DINPro-Regular.woff") format("woff"),
        url("fonts/DINPro-Regular.ttf") format("truetype"),
        url("fonts/DINPro-Regular.svg#DINPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*!
* Default
*/

html,
body {
    height: 100%;
}

body {
    font-family: "DinPro", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    font-size: 16px;
    padding-top: 5.875rem;
}

a {
    color: #000;
    transition: color .2s;
}

	a:hover {
	    color: #000;
	    transition: color .2s;
	    text-decoration: none;
	}

@media (min-width: 1410px) {
	.container {
	    max-width: 1350px;
	}
}

.container {
    position: relative;
}

h2 {
    font-size: 2.25rem;
    margin-bottom: 1.6875rem;
    line-height: 1;
    font-weight: bold;
}

.tooltip {
    font-size: .75rem;
}

a.anchor {
    position: absolute;
    margin-top: -120px;
}

.filter a.anchor {
    position: absolute;
    margin-top: -90px;
}

input[type="submit"]:hover,  
input[type="submit"]:active, 
input[type="submit"]:focus,
input[type="button"]:hover,  
input[type="button"]:active, 
input[type="button"]:focus, 
.em-search-advanced a.btn:active, 
.em-search-advanced a.btn:focus,
.em-search-text:hover,
.em-search-text:active,
.em-search-text:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #000 !important;
    color: #FFF !important;
    border-color: #FFF !important;
}

a.btn:active, 
a.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.event-preview-meta .btn-primary:active,
.event-preview-meta .btn-primary:focus,
.change-event a.btn-primary:active,
.change-event a.btn-primary:focus {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}

button.em-search-submit:active,
button.em-search-submit:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-color: #ffec00 !important;
    color: #ffec00 !important;
}

.event-preview.invert {
    background-color: #000;
    color: #FFF;
}

	.event-preview.invert a {
	    color: #FFEC00;
	}

		.event-preview.invert a:hover {
		    color: #FFF;
		}

	.event-preview.invert .event-preview-meta .btn-primary {
		border-color: #FFEC00;
		background-color: #FFEC00;
		color: #000;
	}

		.event-preview.invert .event-preview-meta .btn-primary:hover {
			border-color: #FFF;
			background-color: transparent;
			color: #FFF;
		}

	.event-preview.invert h2 a {
		background-color: #FFEC00;
		border-color: #FFEC00;
		color: #000;
	}

		.event-preview.invert h2 a:hover {
			border-color: #FFF;
		}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
* Header
*/

header {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 94px;
    z-index: 4;
}

	header.active-program-change,
	.single-event header,
	.page-template-front-page-active header {
	    background-color: #000;
	    padding-top: 1.25rem;
	}

		.single-event header,
		.single-post header {
		    background-color: #ffed0a;
		}

		header nav {
		    position: relative;
		}

	div.logo {
	    position: absolute;
	    top: 0; left: 50%;
	    transform: translateX(-50%);
	    height: 54px;
	}

		div.logo a {
		    display: inline-block;
		    height: 54px;
		}

		div.logo img {
		    max-height: 100%; width: auto;
		}

.hamburger {
	background: #FFF;
	border-radius: 50%;
	padding: 3px;
	width: 35px;
	height: 35px;
	position: absolute;
}

	.single-event .hamburger,
	.single-post .hamburger {
		background: #000;
	}

.sidenav {
  width: 100%; height: 100%;
  display: none;
  z-index: 1;
  position: relative;
}

	.dropdown-toggle::after {
		content: none;
	}

	.dropdown-menu {
		background-color: transparent;
		position: relative !important;
		transform: none !important;
		float: none !important;
		font-size: 1.5rem;
		padding: 0;
		margin-top: 15px;
		border: 0;
	}

		.dropdown-menu a:before {
			content: "";
			width: 18px; height: 3px;
			background-color: #ffec00;
			position: absolute;
			left: 0; top: 50%;
			transform: translateY(-50%);
			transition: background .2s;
		}

			.dropdown-menu a:hover:before {
				background-color: #FFF;
				transition: background .2s;
			}

			a.dropdown-item {
				padding-left: 1.75rem !important;
				margin-top: 5px;
				font-weight: bold;
			}

				a.dropdown-item:first-child {
					margin-top: 0;
				}

				a.dropdown-item:hover {
					color: #FFF !important;
					background-color: transparent;
				}

	.sidenav ul li.show a {
		color: #FFEC00;
	}

		.sidenav ul li.show>a {
			text-decoration: underline;
		}

    .sidenav ul.navigation {
      margin-bottom: 0;
      position: absolute;
      top: 5.5rem; left: 0;
      font-size: 2.25rem;
      font-weight: bold;
      text-transform: lowercase;
    }

    .sidenav ul.navigation li {
      margin-top: 15px;
      position: relative;
      z-index: 10;
      line-height: 1;
    }

      .sidenav ul.navigation li:first-child {
        margin-top: 0;
      }


  .sidenav ul a {
    transition: color .3s;
    z-index: 10;
    position: relative;
    padding: 0;
    color: #FFF;
  }

    .sidenav ul a:hover,
    .sidenav li.active a {
      transition: color .3s;
      color: #ffec01;
    }

#sidebar-open.toggler,
#sidebar-close.toggler {
	position: absolute;
	left: 0;
	top: 9px;
	cursor: pointer;
	line-height: 1;
}

	#sidebar-open.toggler:after,
	#sidebar-close.toggler:after {
		content: "Menu";
		font-size: 1.25rem;
		text-transform: uppercase;
		color: #FFF;
		margin-left: 2.875rem;
		line-height: 2.5rem;
	}

    	.single-event #sidebar-open.toggler:after,
    	.single-event #sidebar-close.toggler:after,
    	.single-post #sidebar-open.toggler:after,
    	.single-post #sidebar-close.toggler:after {
			color: #000;
	    }

    #sidebar-open.toggler span,
    #sidebar-close.toggler span {
		display: block;
		position: absolute;
		height: 2px;
		width: 16px;
		background: #000;
		opacity: 1;
		left: 50%;
		transform: translateX(-50%);
	}

		.single-event #sidebar-open.toggler span,
		.single-event #sidebar-close.toggler span,
		.single-post #sidebar-open.toggler span,
		.single-post #sidebar-close.toggler span {
			background-color: #ffed0a;
		}

	#sidebar-close.toggler span {
		background: #000;
	}

		#sidebar-open.toggler span:nth-child(1) {
			top: 13px;
		}

		#sidebar-open.toggler span:nth-child(2) {
			top: 17px;
		}

		#sidebar-open.toggler span:nth-child(3) {
			top: 21px;
		}

		#sidebar-close.toggler span:nth-child(1) {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			transform: rotate(135deg);
			top: 17px;
			left: 10px;
		}

		#sidebar-close.toggler span:nth-child(2) {
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			transform: rotate(-135deg);
			top: 17px;
			right: 10px;
			left: auto;
		}

.tech {
	position: absolute;
	top: 9px; right: 12px;
}

	.tech ul {
		float: left;
		margin-bottom: 0;
	}

.header-bg {
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0; bottom: 0;
	width: 100%; height: 100%;
	z-index: 3;
	display: none;
}

	.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
		margin-bottom: 0 !important;
		margin-top: 4px;
	}

	.wpml-ls-legacy-list-horizontal {
		border: 0 !important;
		padding: 0 !important;
		text-transform: uppercase;
		line-height: 1;
		margin-right: .625rem;
		float: left;
	}

		.wpml-ls-legacy-list-horizontal a {
			color: #FFF;
		}

			.wpml-ls-legacy-list-horizontal a:hover {
				color: #ffec01;
			}

			.single-event .wpml-ls-legacy-list-horizontal a {
				color: #000;
			}

	.wpml-ls-current-language,
	.wpml-ls-legacy-list-horizontal .wpml-ls-flag,
	.wpml-ls-display {
		display: none !important;
	}

	.wpml-ls-legacy-list-horizontal a {
		padding: 0 !important;
		font-size: 1.25rem !important;
	}

	.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
		margin-left: 0;
	}

.social-icons a {
	width: 35px; height: 35px;
	border-radius: 50%;
	background-color: #FFF;
	color: #000;
	display: block;
	text-align: center;
	transition: background .2s;
}

	.social-icons a:hover {
		background-color: #ffec01;
		transition: background .2s;
	}

	.social-icons i {
		margin-top: .5625rem;
	}

	.social-icons .list-inline-item:not(:last-child) {
		margin-right: .3125rem;
	}

	.single-event header .social-icons a,
	.single-post header .social-icons a {
		background-color: #000;;
		color: #ffed0a;
	}

@media screen and (max-width: 365px) {

	header {
		height: 80px;
	}

	div.logo,
	div.logo a {
		height: 40px;
	}

	#sidebar-open.toggler,
	#sidebar-close.toggler {
		top: 2px;
	}

	.tech {
		top: 2px;
		transform: none;
	}

}

/*!
* Change program
*/

.change-program {
	background-color: #FFEC00;
	color: #000;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	margin-top: 5.875rem;
}
	
	.change-program span.title {
		display: block;
		font-size: 1.875rem;
		font-weight: bold;
		margin-left: 1.375rem;
		margin-bottom: 1.375rem;
		line-height: 1;
	}

		.change-program span.title i {
			margin-right: .5rem;
		}

.change-event {
	border: 1px solid #000;
	padding: 1.625rem;
	line-height: 1;
	text-transform: uppercase;
}

	.change-event ul {
		margin-top: -0.5rem;
		margin-bottom: 0;
	}

	.change-event li {
		margin-top: 0.5rem;
	}

	.change-event a.title {
		text-transform: uppercase;
		font-size: 1.125rem;
		font-weight: bold;
		float: left;
		color: #000;
		margin-top: .6875rem;
	}

		.change-event a:hover.title {
			color: #000;
			text-decoration: underline;
		}

		.change-event a.btn-primary {
			background-color: #000;
			border: 1px solid #000;
			color: #FFF;
			border-radius: 0;
			transition: all .2s;
		}

			.change-event a:hover.btn-primary {
				background-color: transparent;
				color: #000;
				border-color: #000;
				transition: all .2s;
			}

@media screen and (max-width: 365px) {

	.change-program {
		margin-top: 5rem;
	}

}

/*!
* Front slideshow
*/

.front {
	height: 80vh;
	position: relative;
}

	.front-carousel,
	.front-slideshow,
	.front-carousel div {
		height: 100%;
		position: relative;
	}
	
		.front-carousel.yellow,
		.front-slideshow.yellow,
		.front-carousel.yellow div {
			background-color: #ffed00;
		}
		
		.front-carousel.black,
		.front-slideshow.black,
		.front-carousel.black div {
			background-color: #000000;
		}

	.front-carousel .slick-slide {
		background-size: cover !important;
		background-position: center center !important;
		/*opacity: .7;*/
		opacity: 1;
	}

	.front-slideshow .slide-description {
		font-size: 4rem;
		font-weight: bold;
		color: #000000;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		text-transform: uppercase;
		line-height: 4.375rem;
	}

	.front-slideshow .container {
		position: unset;
	}

		@media screen and (min-width: 768px) {
			.front-slideshow .slide-description.left {
				left: 3.75rem;
			}
		}

		.front-slideshow .slide-description.center {
			left: 50%;
			transform: translate(-50%,-50%);
		}

		.front-slideshow .slide-description.right {
			right: 0.9735rem;
			text-align: right;
		}

		.front-slideshow .slide-description strong {
			text-indent: -9999px;
			display: inline-block;
			vertical-align: middle;
			width: 58px; height: 8px;
			background-color: #000000;
		}

		.front-slideshow .slide-description img {
			max-width: 50%; width: auto;
		}

		.front-slideshow .slide-description p:not(:last-child) {
			margin-bottom: 1.35rem;
		}

		.slick-dots {
			z-index: 1;
			left: 50%;
			transform: translateX(-50%);
			width: auto;
		}

		@media screen and (max-width: 767px) {
			.slick-dots {
				display: none !important;
			}
		}

	.front-slideshow .btn {
		position: absolute;
		left: 0.9375rem; bottom: 3.1875rem;
		z-index: 1;
		padding: .45rem 1.75rem;
	}

		.front-slideshow .btn-primary,
		.front-block .btn-primary {
			border-radius: 0;
			text-transform: uppercase;
			font-size: 1.125rem;
			border: 0;
			z-index: 1;
		}
			
			.front-slideshow .btn-primary.yellow,
			.front-block .btn-primary.yellow {
				background-color: #ffee01;
				color: #000;
			}
			
			.front-slideshow .btn-primary.black,
			.front-block .btn-primary.black {
				background-color: #000;
				color: #ffee01;
			}

			.front-block .btn-primary {
				border: 1px solid #ffee01;
			}

			.front-slideshow .btn-primary:hover,
			.front-block .btn-primary:hover,
			.front-slideshow .btn-primary:active,
			.front-slideshow .btn-primary:focus,
			.front-slideshow .btn-primary.yellow:active,
			.front-slideshow .btn-primary.yellow:focus {
				background-color: #000 !important;
				transition: background .2s;
				color: #ffee01 !important;
			}
			
			.front-slideshow .btn-primary.black:hover,
			.front-block .btn-primary.black:hover {
				background-color: #ffee01 !important;
				transition: background .2s;
				color: #000 !important;
			}

		.front-slideshow .container {
			position: absolute;
			top: 0; bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
		}

	.front-video {
		height: 100%;
		position: relative;
		overflow: hidden;
	}

		.front-video video {
			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%, -50%);
			object-fit: cover;
			width: 100%;
			height: 100%;
		}

	.front-video .slide-description,
	.front-video .btn {
		position: absolute;
		left: 3.75rem; bottom: 1.75rem;
		z-index: 1;
		color: #FFF;
		font-size: 1.25rem;
		font-weight: bold;
	}

		.front-video .slide-description p {
			margin-bottom: 0;
			line-height: 1.625rem;
		}

		.front-video .btn {
			left: auto; right: 3.75rem;
			text-transform: uppercase;
		}

			.front-video .btn-primary {
				padding: 0;
				background-color: transparent;
				border-radius: 0;
				border: 0;
			}

				.front-video .btn-primary:hover {
					color: #ffee01;
				}

@media screen and (max-width: 568px) {

	.front-slideshow .slide-description {
		font-size: 3rem;
		line-height: 3rem;
		top: auto;
		left: 50%;
		bottom: 20%;
		transform: translateX(-50%);
		z-index: 2;
	}

	.front-slideshow .btn {
		display: none;
	}

	.slide-description .btn {
		display: block;
		position: relative;
		top: 50vh; right: 0; left: 0; bottom: 0;
		margin-top: .5625rem;
	}

	.front-slideshow .slide-description.right {
		right: auto; left: 50%; top: 20%;
		transform: translateX(-50%);
		text-align: center;
		z-index: 1;
	}

	.front-slideshow .slide-description img {
		max-width: 100%;
	}

	.front-slideshow .slide-description.center {
		top: auto;
		bottom: 20%;
	}

}

@media screen and (max-height: 600px) {

	.front {
		height: 100vh;
	}

}

@media screen and (min-width: 569px) {

	.slide-description .btn {
		display: none;
	}

}

	.front-carousel.mobilec {
		display: none;
	}

@media screen and (max-width: 768px) {
	
	.front-carousel {
		display: none;
	}
	
	.front-carousel.mobilec {
		display: block;
	}
}

/*!
* Content
*/

.content-container {
	background: #ffed00;
	background: -moz-linear-gradient(top, #ffed00 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ffed00 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #ffed00 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed00', endColorstr='#ffffff',GradientType=0 );
	/*overflow-x: hidden;*/
	padding-top: 1.5rem;
}
	
	.page-template-program .content-container,
	body.page-template-program,
	body.page-template-about-us,
	body.page-template-partners,
	body.page-template-for-media,
	body.page-template-front-page-active,
	.single-event .content-container,
	.single-post .content-container,
	body.page-template-default,
	body.page-template-default .content-container,
	body.page-template-archive {
		padding-top: 0;
	}

		@media (min-width: 768px) {
			body.page-template-front-page-active {
			    padding-top: 1.9375rem;
			}
		}

	.page-template-program header,
	.page-template-about-us header,
	.page-template-partners header,
	.page-template-for-media header,
	.page-template-front-page-active header,
	.single-post header,
	body.page-template-default header,
	body.page-template-archive header {
		padding-top: 1.25rem;
		transition: .3s;
	}

		.page-template-program header.fixed-header,
		.page-template-about-us header.fixed-header,
		.page-template-partners header.fixed-header,
		.page-template-for-media header.fixed-header,
		.page-template-front-page-active header.fixed-header,
		body.page-template-default header.fixed-header,
		body.page-template-archive header.fixed-header {
			background-color: #000;
			transition: .3s;
		}

.front-block {
	margin-top: 2.25rem;
	margin-bottom: 1.5625rem;
	font-size: 1.25rem;
}

	.front-block h1 {
		font-size: 4.375rem;
		margin-top: 3.125rem;
		margin-bottom: 2rem;
		font-weight: bold;
		line-height: 1;
	}

	.front-block p {
		line-height: 1.625rem;
	}

	.front-block .btn {
		margin-top: 1rem;
		padding: .45rem 1.75rem;
	}

	.front-block .col-image img {
		margin-right: 7.6875rem;
	}

.post {
	border: 1px solid #000;
	height: 100%;
	position: relative;
}

	.post-container {
		padding: 1.25rem;
		position: relative;
		padding-bottom: 4.375rem;
	}

	.post-thumbnail,
	.event-header {
		width: 100%; height: auto;
		padding-bottom: 65.85%;
		background-size: cover !important;
		background-position: center center !important;
		position: relative;
		background: #ffed00 url("/wp-content/uploads/no-image.jpg") no-repeat;
	}

		.post-thumbnail {
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			transition: filter .2s;
		}

		.post-thumbnail a {
			position: absolute;
			width: 100%; height: 100%;
		}

			.post-thumbnail a span {
				text-indent: -9999px;
				display: none;
			}

		.event-header {
			height: 500px;
			padding-bottom: 0;
			overflow: hidden;
			background: #ffed00;
		}

			.event-header-image {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 500px;
				background-size: cover !important;
				background-position: center;
			}

				.low-resolution .event-header-image {
					opacity: .9;
					-webkit-filter: grayscale(100%);
					filter: grayscale(100%);
				}

	.post h2 {
		font-size: 1.25rem;
		font-weight: bold;
		margin-top: 1rem;
		margin-bottom: 1.25rem;
		min-height: 3rem;
		text-transform: uppercase;
	}

		.post.file h2 {
			margin-top: 1rem;
			margin-bottom: 1rem;
			min-height: 0;
		}

	.post ul {
		font-size: 1.125rem;
		text-transform: uppercase;
		margin-top: 2.5rem;
		margin-bottom: 0;
		font-weight: bold;
		position: absolute;
		right: 1.25rem;
		bottom: 1.25rem;
		left: 1.25rem
	}

		.post ul li {
			margin-right: 0 !important;
		}

	.post a i {
		margin-left: 5px;
	}

	.post a:hover {
		color: #000;
		text-decoration: underline;
	}

.blog-posts [class*=col-],
.last-events [class*=col-] {
	padding-left: 12.5px;
	padding-right: 12.5px;
}

.blog-posts .row,
.last-events .row {
	margin-left: -12.5px;
	margin-right: -12.5px;
}

.last-events {
	margin-bottom: 2.5rem;
}

	/*.last-events .slick-track {
		width: 100% !important;
	}*/
	
.events-carousel,
.boxes-carousel {
	padding-bottom: 3rem;
}
/*
@media screen and (min-width: 1200px) {

	.events-carousel .slick-track {
		width: 100% !important;
	}

}
*/

div.event-attribute {
	min-height: 37px;
	border-bottom: 1px solid #000;
}

	span.attribute {
		text-transform: uppercase;
		text-align: center;
		font-size: .9375rem;
		display: block;
		font-weight: bold;
		background-color: #000;
		color: #FFF;
		padding: .5rem;
	}

		span.attribute i {
			margin-right: 5px;
		}

@media screen and (max-width: 991px) {

	.content-container [class*=col-] {
		margin-top: 1.875rem;
	}

		.content-container [class*=col-]:nth-child(1),
		.content-container [class*=col-]:nth-child(2) {
			margin-top: 0;
		}

}

@media screen and (min-width: 768px) {

	.event-header-image {
		background-attachment: fixed;
	}

}

@media screen and (max-width: 767px) {

	.content-container [class*=col-],
	.content-container [class*=col-]:nth-child(2) {
		margin-top: 1.875rem;
	}

}

/*!
* Subpages
*/

.headline {
	height: 500px;
	color: #FFF;
	font-size: 1.25rem;
	position: relative;
	background-color: #000;
	overflow: hidden;
}

	.headline-image {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		opacity: 1;
	}

	.headline .container {
		height: 100%;
		position: relative;
		z-index: 3;
	}

	.head-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		z-index: 2;
	}

		.page-template-program .headline:hover .container,
		.headline:hover .head-bg {
			display: none;
		}

	.headline-content {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.headline h1.title {
		font-size: 5rem;
		font-weight: bold;
		margin-bottom: 1.875rem;
		line-height: 1;
	}

	.headline p {
		line-height: 1.625rem;
		margin-bottom: 0;
	}

.filter {
	background-color: #000;
	padding: 1.5625rem 0;
}

	.filter.archive {
		background-color: #000;
		padding: 0;
	}

	.filter .nav-pills {
		border: 0;
	}

		.filter .nav-pills li {
			font-size: 1.5rem;
			font-weight: bold;
		}

		.filter .nav-pills li:not(:last-child) {
			margin-right: .9375rem;
		}

		.filter .nav-pills a,
		.filter .nav-pills a.active:hover {
			background-color: #FFEC00;
			padding: 6px .75rem;
			border: 1px solid #FFEC00;
			transition: background .2s;
			display: block;
		}

			.filter .nav-pills a:hover,
			.filter .nav-pills .pdf-program a {
				background-color: transparent;
				color: #FFEC00;
				transition: background .2s;
				text-decoration: none;
			}

			.filter .nav-pills a.active,
			.filter .nav-pills a.active:hover {
				border-bottom: .9375rem solid #FFEC00;
				color: #000;
			}

			.filter .nav-pills i:nth-child(1) {
				margin-right: 5px;
			}

			.filter .nav-pills i:nth-child(2) {
				margin-left: 1.25rem;
			}

			.nav-pills .nav-link {
				border-radius: 0;
			}

			.nav-pills .nav-link.active,
			.nav-pills .show>.nav-link {
				background-color: #ffec00;
			}

	.filter .tab-content>.tab-pane {
		padding: 1.25rem 1rem;
		background-color: #FFEC00;
		font-weight: bold;
		position: relative;
	}

		.filter .tab-content>.tab-pane label,
		.filter .tab-content>.tab-pane ul {
			margin-bottom: 0;
		}

		.filter .tab-content>.tab-pane input[type=radio],
		.em-search-field input[type=radio] {
			visibility: hidden;
			display: none;
		}

			input[type=radio]:checked + label {
			    text-decoration: underline;
			}

		.filter .tab-content>.tab-pane label {
			cursor: pointer;
		}

	.em-search-advanced .btn {
		padding: 6px .75rem;
		font-size: 1.5rem;
	}

		.em-search-advanced .btn-primary,
		.em-search-advanced .btn-primary:focus {
			border-radius: 0;
			border: 1px solid #FFEC00;
			color: #000;
			background-color: #FFEC00;
			text-transform: uppercase;
			font-weight: bold;
			transition: all .2s;
		}

			.em-search-advanced .btn-primary:hover {
				background-color: transparent;
				color: #FFEC00;
				transition: all .2s;
			}

			.em-search-advanced .btn-primary {
				text-transform: none !important;
			}

		.em-search-submit.btn-primary,
		.em-search-reset.btn-primary,
		.em-search-archive-reset.btn-primary,
		.filter .nav-pills .pdf-program a:hover {
			background-color: #FFF;
			border-color: #FFF;
		}

			.filter .nav-pills .pdf-program a:hover {
				color: #000;
			}

			.em-search-submit.btn-primary:hover,
			.em-search-reset.btn-primary:hover,
			.em-search-archive-reset.btn-primary, {
				color: #FFF;
			}

			li#reset-filter,
			input#reset-filter {
				display: none;
			}

.em-search-date {
	font-size: 1.5rem;
}

	.em-search-date li:not(:last-child) {
		border-right: 1px solid #000;
		margin-right: .75rem;
		padding-right: .75rem;
	}

	.em-search-date span {
		display: block;
		font-size: 1rem;
		margin-top: .625rem;
	}

.em-search-category {
	font-size: 1rem;
}

	.em-search-category li:not(:last-child) {
		margin-right: 1rem;
	}

div.em-search-location-meta,
div.em-search-date,
div.em-search-category {
    white-space: nowrap;
}

div.em-search-location-meta {
	overflow: hidden;
	width: 100%;
	cursor: -webkit-ew-resize;
	cursor: -moz-ew-resize;
	cursor: -o-ew-resize;
	cursor: ew-resize;
}

.letter-section {
	padding-left: .5625rem;
	padding-right: 1.125rem;
	border-left: 1px solid #000;
	display: table-cell;
}

	.letter-section:nth-child(1) {
		padding-left: 0;
		border-left: 0;
	}

	.letter-section span {
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: .875rem;
		display: block;
		line-height: 1;
	}

div.swipe {
	width: 52px; height: 57px;
	background: url("img/swipe.svg") no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 15px; right: 125px;
	display: none;
}

#selectedFilter {
	color: #FFF;
	text-align: center;
	margin-top: 1.5625rem;
	font-weight: bold;
	display: none;
}

	#selectedFilter ul {
		margin-bottom: 0;
		display: inline-block;
		margin-left: 10px;
	}

		#selectedFilter li {
			margin-left: 10px;
		}

@media screen and (max-width: 1409px) {

	.filter .nav-pills li:nth-child(5) {
		margin: .9375rem auto 0 auto;
	}

}

@media screen and (min-width: 1200px) {

	.em-search-advanced.mobile {
		display: none;
	}

}

@media screen and (max-width: 1199px) {

	.filter .nav-pills li:nth-child(3) {
		margin-right: 0;
	}

	.filter .nav-pills li:nth-child(4) {
		display: none;
	}

	.em-search-advanced.mobile {
		margin: .9375rem auto 0 auto;
		text-align: center;
	}

	#resetFilterMobile {
		display: none;
	}

}

@media screen and (max-width: 991px) {

	.filter .nav-pills li:nth-child(2) {
		margin-right: 0;
	}

	.filter .nav-pills li {
		max-width: 337.5px; width: 100%;
	}

	.filter .nav-pills li:nth-child(3) {
		max-width: none; width: 100%;
		margin-top: .9375rem;
	}

	.filter .nav-pills a.active,
	.filter .nav-pills a.active:hover {
		border-bottom: 0;
	}

	.tab-content {
		margin-top: .9375rem;
	}

}

@media screen and (max-width: 767px) {

	.filter .nav-pills li {
		max-width: none; width: 100%;
		margin-top: .9375rem;
	}

		.filter .nav-pills li:not(:last-child) {
			margin-right: 0;
		}

		.filter .nav-pills li:first-child {
			margin-top: 0;
		}

	div.em-search-location-meta,
	div.em-search-date,
	div.em-search-category {
	    overflow: scroll;
	    width: 100%;
	}

	.page-template-program .headline .container,
	.head-bg {
	    display: none;
	}

	.page-template-program .headline {
	    height: 85%;
	}

}

@media screen and (max-width: 411px) {

	.headline h1.title {
		font-size: 4.625rem;
	}

}

/*!
* Events list
*/

.events-list {
	margin-top: 1rem;
}

.event-preview {
	border: 1px solid #000;
	padding: .75rem .8125rem 1.0625rem .8125rem;
	font-size: 1.125rem;
}

	.event-preview:not(:last-child) {
		margin-bottom: .625rem;
	}

	.event-preview ul {
		margin-bottom: 0;
		font-weight: bold;
		font-size: 1rem;
	}

		.event-preview ul li:not(:last-child) {
			margin-right: 10px;
		}

	.event-preview h2 {
		text-transform: uppercase;
		font-size: 2rem;
	}

		.event-preview h2 a {
			background-color: #000;
			color: #FFF;
			padding: .5rem;
			display: inline-block;
			transition: all .2s;
			border: 1px solid #000;
		}

			.event-preview h2 a:hover {
				background-color: transparent;
				color: #000;
				transition: all .2s;
				text-decoration: none;
			}

	.event-preview-meta {
		margin-top: 3.75rem;
	}

		.event-preview-meta ul:nth-child(1) {
			margin-top: 5px;
		}

		.event-preview li.event-date {
			text-transform: lowercase;
		}

		.event-preview li.city {
			margin-right: 5px !important;
		}

		.event-preview li.view-map {
			margin-right: 20px !important;
		}

			.event-preview li.view-map:before {
				content: "|";
				display: inline-block;
				margin-right: 5px;
			}

			.event-preview li.view-map a {
					text-decoration: underline;
				}

					.event-preview li.view-map a:hover {
						text-decoration: none;
					}

	.event-preview p {
		margin-bottom: 0;
	}

	.event-preview-meta i {
		margin-right: .25rem;
	}

	.event-preview-meta img {
		max-height: 15px; width: auto;
		margin-right: .25rem;
		margin-top: -.3125rem;
	}

	.event-preview-meta .btn {
		margin-top: -3px;
	}

		.event-preview-meta .btn-primary {
			border-radius: 0;
			border-color: #000;
			background-color: #000;
			transition: background .2s;
		}

			.event-preview-meta .btn-primary:hover {
				background-color: transparent;
				transition: background .2s;
				color: #000;
			}

		.event-preview-meta .btn-primary i {
			margin-right: 0;
			margin-left: .5rem;
		}

	.event-thumbnail {
		width: 100%; height: auto;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat;
		background: #ffed00 url("/wp-content/uploads/no-image.jpg") no-repeat;;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: filter .2s;
		padding-bottom: 100%;
	}

		.event-thumbnail:hover,
		.post-thumbnail:hover,
		.photogallery .image:hover {
			-webkit-filter: grayscale(0);
			filter: grayscale(0);
			transition: filter .2s;
		}

	i.icon {
		width: 15px;
		height: 15px;
		display: inline-block;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: top center !important;
		vertical-align: middle;
	}

		.invert i.icon {
			background-position: bottom center !important;
		}

	.sidebar i.icon {
		width: 21px;
		height: 21px;
		max-height: none;
		margin-right: 20px;
	}

div#em-loading {
	background-color: #FFEC00 !important;
}

.em-search-ajax {
	padding-bottom: 1rem;
}

.page-template-program footer {
	margin-top: 2.9375rem;
}

.em-pagination {
	display: block;
    text-align: center;
    margin-top: 2.5rem;
}

	.em-pagination strong,
	.em-pagination a {
		margin-left: 5px;
	}

.page-template-program .acf-map {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 1;
}

.headline span.title {
	display: block;
	font-size: 1.125rem;
	line-height: 1;
	font-weight: bold;
}

.headline p.address {
	color: #000;
	line-height: 1;
	margin-top: 10px;
}

	.headline p.address small {
		display: block;
		margin-top: 5px;
	}

.gm-style .gm-style-iw {
	max-width: 300px;
	color: #000;
}

@media screen and (max-width: 991px) {

	.event-preview-meta {
		margin-top: 1.6875rem;
	}

		.event-preview-meta .float-left,
		.event-preview-meta .float-right {
			float: none !important;
			display: inline-block;
		}

		.event-preview-meta li {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		.event-preview-meta ul:nth-child(1) {
			margin-top: -5px;
		}

}

/*!
* Event detail
*/

.event-header {
	margin-bottom: 1.25rem;
	background-image: url("/wp-content/uploads/no-image.jpg") no-repeat;
}

	.event-header .container {
		height: 100%;
		z-index: 1;
	}

	.event-header h1 {
		background-color: #000;
		color: #FFF;
		text-transform: uppercase;
		padding: 10px;
		font-size: 2.25rem;
		margin-bottom: 0;
		position: absolute;
		left: 15px; right: 15px;
		bottom: 1rem;
	}

.sidebar {
	padding: 1.125rem .875rem;
	border: 1px solid #000;
	font-size: 1.25rem;
	font-weight: bold;
}

	.sidebar li i,
	.sidebar img {
		max-width: 25px; max-height: 20px;
		margin-right: 22px;
	}

	.sidebar ul {
		margin-bottom: 0;
	}

		.sidebar li {
			margin-top: 5px;
		}

			.sidebar li:first-child {
				margin-top: 0;
			}

		.sidebar a {
			text-decoration: underline;
		}

			.sidebar a:hover {
				text-decoration: none;
			}

	.sidebar.icons {
		padding: .4375rem .875rem;
		border-top: 0;
		line-height: 1;
		font-size: 1.5rem;
	}

		.sidebar.icons i:not(:last-child) {
			margin-right: 1rem;
		}

		.fa-male {
			margin-right: 0 !important;
		}

.sidebar-map {
	border: 1px solid #000;
	border-top: 0;
}

	.sidebar-map .gm-style .gm-style-iw {
		max-width: 95%;
	}

		.sidebar-map .gm-style .gm-style-iw p {
			margin-bottom: 0;
		}

	span.event-reservation {
		color: #FFF;
		font-size: .9375rem;
		background-color: #111010;
		display: block;
		text-align: center;
		line-height: 1;
		padding: .6875rem;
	}

	span.event-reservation a {
		color: #FFF;
		text-decoration: underline;
	}

		span.event-reservation a:hover {
			color: #ffed0a;
			text-decoration: none;
		}

.next-events {
	margin-top: 7.5rem;
}

.single-event .content p,
.page-template-about-us .content p {
	max-width: 690px; width: 100%;
	font-size: 1.125rem;
}

p.map-unavailable {
	margin: 0;
	padding: .6875rem;
}

.photogallery {
	margin-top: 1.875rem;
}

	.photogallery .image {
		width: 100%;
		padding-bottom: 100%;
		background-size: cover;
		background-color: #ffed00;
		position: relative;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: filter .2s;
	}

		.photogallery .image a {
			position: absolute;
			width: 100%; height: 100%;
		}

.acf-map {
    width: 100%;
    height: 250px;
}

.event-map {
    position: relative;
}

	.event-map:hover .event-address {
	    opacity: 1;
	    transition: opacity .5s;
	}

.photoreport {
    margin-top: 3.75rem;
}

@media screen and (min-width: 992px) {

	.photogallery [class*=col-] {
		margin-top: 1.875rem;
	}

		.photogallery [class*=col-]:nth-child(-n+4) {
			margin-top: 0;
		}

}

@media screen and (max-width: 991px) {

	.photogallery [class*=col-] {
		margin-top: 1.875rem;
	}

		.photogallery [class*=col-]:nth-child(1),
		.photogallery [class*=col-]:nth-child(2) {
			margin-top: 0;

		}
}

@media screen and (min-width: 767px) {

	.event-header h1 {
		display: inline-table;
	}

}

@media screen and (max-width: 767px) {

	.photogallery {
		margin-bottom: 1.875rem;
	}

}

@media screen and (max-width: 411px) {

	.sidebar {
		font-size: 1rem;
	}

}

/*!
* Partners
*/

.sidebar-block {
	padding: 1.125rem .875rem;
	border: 1px solid #000;
	font-weight: bold;
}

	.sidebar-block:not(:last-child) {
		margin-bottom: .875rem;
	}

	.sidebar-block h2 {
		margin-left: 0 !important;
	}

	.sidebar-block ul {
		margin-bottom: 0;
	}

		.sidebar-block li:not(:last-child) {
			margin-bottom: 5px;
		}

.page-template-partners h2 {
	font-size: 1.625rem;
	margin-bottom: 1.25rem;
	margin-left: 1.25rem;
}

.logos-block {
	margin-bottom: 2.5rem;
	margin-left: -1.25rem;
	margin-right: -1.25rem;
}

.logos-block:not(:last-child) {
	margin-bottom: 2.5rem;
}

	.logos-block img {
		height: 7.500rem !important; width: 7.500rem !important; object-fit:contain;
	}

	.logos-block a {
		display: inline-block;
		padding: 1.2rem;
	}

/*!
* About us
*/

.content-block:not(:last-child) {
	margin-bottom: 1.5625rem;
}

.testimonial:not(:last-child) {
	margin-bottom: 2.5rem;
}

.testimonial-author {
	display: table;
	margin: 0 auto;
	height: 150px; height: 150px;
	border-radius: 50%;
}

/*!
* Page
*/

.content {
	margin-left: 3.125rem;
}

	.content img {
		max-width: 100%;
		height: auto;
	}

@media screen and (max-width: 991px) {

	.content {
		margin-left: 0;
	}
}

/*!
* Footer
*/

footer {
	background-color: #000;
	color: #FFF;
	margin-top: 3.9375rem;
	padding-top: 4.1875rem;
	padding-bottom: 2.0625rem;
}

	footer .container {
		position: relative;
	}

	footer a {
		color: #FFF;
	}

		footer a:hover {
			color: #FFEC00;
		}

	footer ul.footer-menu {
		margin-bottom: 0;
		font-size: 1.25rem;
		font-weight: bold;
	}

		footer ul.footer-menu li:first-child {
			font-size: 1.5rem;
		}

	footer .social-icons {
		margin-top: .5rem;
		margin-bottom: 0;
	}

		footer .social-icons a {
			width: 60px; height: 60px;
		}

			footer .social-icons a:hover {
				color: #000;
			}

			footer .social-icons i {
				font-size: 2.125rem;
				line-height: 1.8;
				margin-top: 0;
			}

	footer .logos {
		position: absolute;
		top: 0; left: 50%;
		transform: translateX(-50%);
	}

		footer .logos img {
			max-height: 80px; width: auto;
		}

		footer .logos ul {
			margin-bottom: 0;
		}

		footer .logos a {
			display: inline-block;
		}

		footer .logos .list-inline-item:not(:last-child) {
			margin-right: 1rem;
		}

		img.logo-black,
		.single-event .logo-white,
		.single-post .logo-white {
			display: none;
		}

		.single-event .logo-black,
		.single-post .logo-black {
			display: block;
		}

.copyright {
	font-size: .875rem;
	margin-top: 2.375rem;
}

	.copyright p {
		margin-bottom: 0;
	}

	.copyright a {
		text-decoration: underline;
	}

		.copyright a:hover {
			text-decoration: none;
		}

@media screen and (max-width: 991px) {

	footer .logos img {
		max-height: 50px;
	}

	footer .social-icons {
		margin-top: 0;
	}

		footer .social-icons a {
			width: 50px; height: 50px;
		}

		footer .social-icons i {
			font-size: 1.5rem;
			margin-top: 4px;
		}

	footer .logos .list-inline-item:not(:last-child) {
		margin-right: .3125rem;
	}

}

@media screen and (max-width: 767px) {

	footer {
		padding-top: 2.0625rem;
	}

	footer .logos {
		position: relative;
		top: auto; left: auto;
		transform: none;
		margin-bottom: 1.875rem;
	}

	footer ul.footer-menu {
		margin-bottom: 1.875rem;
	}

	footer ul.footer-menu.float-left,
	footer .social-icons.float-right {
		float: none !important;
	}

}

/*!
* Front video
*/

.front-video {
  margin-top: 3.9375rem;
}

/*!
* Program archive
*/

.archive-header {
  background-color: #000;
  color: #FFF;
  padding-bottom: 2rem;
  padding-top: 4.0625rem;
}

	.filter.archive h1 {
	  font-size: 2.25rem;
	  color: #FFEC00;
	  font-weight: bold;
	  margin-bottom: 1.5rem;
	}

.archive-slideshow {
  height: 80vh;
  background-color: #000;
}

	.archive-slideshow .slick-list,
	.archive-slideshow .slick-track,
	.archive-slideshow .slick-slide,
	.archive-slideshow img {
	  height: 100%;
	}

	.archive-slideshow.slick-initialized .slick-slide {
	  padding-right: 10px;
	}

.search-form li {
  float: left;
}

input.em-events-search-text,
.em-search-field input {
	background-color: transparent;
	border: 1px solid #FFEC00;
	font-size: 1.5rem;
	padding: 0.4rem 1rem;
	font-weight: bold;
	color: #FFF;
	border-radius: 0;
}

	input.em-events-search-text::placeholder,
	.em-search-field input::placeholder {
		color: #FFF;
		opacity: 1;
	}

	input.em-events-search-text:-ms-input-placeholder,
	.em-search-field input:-ms-input-placeholder {
	    color: #FFF;
	}

	input.em-events-search-text::-ms-input-placeholder,
	.em-search-field input::-ms-input-placeholder {
	    color: #FFF;
	}

.em-search-submit.btn-primary {
	background-color: #FFEC00;
	border: 1px solid #FFEC00;
	color: #000;
	font-weight: bold;
	font-size: 1.5rem;
	cursor: pointer;
	padding: 0.4rem 1rem;
	transition: all .2s;
	border-radius: 0;
}
	
	.em-search-submit.btn-primary:hover {
		color: #FFEC00;
	}

	.em-search-submit.btn-primary i {
		margin-left: 20px;
	}

	.filter.archive .em-search-archive-reset.btn-primary {
		padding: 0.4rem 1rem;
		border-radius: 0;
		color: #000;
		font-weight: bold;
		font-size: 1.5rem;
		margin-left: .9375rem;
	}
 
.em-search-submit.btn-primary:hover {
	border: 1px solid #FFEC00 !important;
	transition: all .2s;
	background-color: transparent;
}

.em-search-field {
	float: left;
}

.em-search-field:not(:last-child) {
	margin-right: .9375rem;
}

.filter.archive {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

	.filter.archive.filter-padding {
		padding-top: 7.875rem;
	}

	.filter.archive label {
		margin-bottom: 0;
	}

.em-search-year {
	font-size: 1.375rem;
	font-weight: bold;
	color: #FFF;
	float: left;
}

	.em-search-year ul {
		margin-top: 0.5rem;
		margin-bottom: 0;
	}

	.em-search-year label {
		cursor: pointer;
	}

	.em-search-year input[type=radio]:checked+label {
		color: #ffec00;
	}

.em-search-input {
	float: right;
}

.archive-header-container {
	display: none;
}

/*!
* Cookies
*/

#cookie-bar {
  color: #FFF;
  background-color: rgba(42, 42, 42, .9);
  text-align: center;
  font-size: 13px;
  padding: 10px;
}

  #cookie-bar.fixed {
    position: fixed;
    left: 0;
    width: 100%;
  }

  #cookie-bar.fixed.bottom {
    bottom: 0; top: auto;
  }

  #cookie-bar a {
    color: #FFF;
    text-decoration: underline;
    margin-left: 15px;
    transition: all .2s;
  }

  #cookie-bar a:hover {
    color: #ffee01;
    transition: all .2s;
    text-decoration: none;
  }

  #cookie-bar .cb-enable {
    background: #ffee01;
    color: #000;
    border: 0;
    padding: 3px 15px;
    cursor: pointer;
    margin-left: 15px;
    transition: all .2s;
    text-decoration: none;
  }

    #cookie-bar .cb-enable:hover {
      background: #000;
      color: #ffee01;
      transition: all .2s;
    }

    #cookie-bar p {
      margin: 0; padding: 0;
    }