/*
Theme Name: Daad festival 2020
Theme URI: https://daadfestival.hu
Author: Mnemotechnika Ltd.
Author URI: https://mnemotechnika.hu
Description: Daad festival	 wordpress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ajax, responsive, wordpress
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	font: inherit;
	text-align: inherit;
	vertical-align: baseline;
	list-style-type: none;
	outline: none;
	text-decoration: none;
	border-collapse: collapse;
	border: none;
	border-color: transparent;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	transition: all 0s linear;
	background-repeat: no-repeat;
	position: relative;
	color: rgb( 246, 236, 224 );
	font-weight: inherit;
}

::-webkit-scrollbar {
	width: 8px;
	background: transparent;
}
::-webkit-scrollbar-track {
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background: white;
	background: rgba( 128, 128, 128, 0.5 );
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
	background: white;
}

html {
	background-color: black;
	text-align: center;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: calc( 0.9vw + 0.9vh );
	font-weight: 400;
	line-height: calc( 1.8vw + 1.8vh );
	overflow-y: overlay;
}
#background {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    background-image: url( images/BG-OK-1920.jpg );
    background-position: center;
    background-size: cover;
}
#content {
	height: 100%;
	min-height: 100%;
	display: none;
	z-index: 0;
	background-image: url( images/BG-OK-1920.jpg );
    background-position: center;
    background-size: cover;
	background-attachment: fixed;
}
#content.open {
	display: block;
	z-index: 1;
}
.language {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	font-size: 0.7em;
	line-height: calc( 1.4vw + 1.4vh );
	text-transform: uppercase;
	font-weight: 800;
	height: calc( 1.4vw + 1.4vh );
	width: calc( 1.4vw + 1.4vh );
	-webkit-border-radius: calc( 3vw + 3vh ); 
	border-radius: calc( 3vw + 3vh );
	border-color: rgb( 246, 236, 224 );
	border-width: calc( 0.2vw + 0.2vh );
	margin: calc( 0.9vw + 0.9vh );
	border-style: solid;
	z-index: 2;
}
#nav-icon {
	height: calc( 1.4vw + 1.4vh );
	width: calc( 1.4vw + 1.4vh );
	position: fixed;
	top: 0;
	right: 0;
	-webkit-transform: rotate( 0deg );
	-moz-transform: rotate( 0deg );
	transform: rotate( 0deg );
	-webkit-transition: 0s ease-in-out;
	-moz-transition: 0s ease-in-out;
	transition: 0s ease-in-out;
	cursor: pointer;
	margin: calc( 1.1vw + 1.1vh );
	z-index: 2;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: calc( 0.2vw + 0.2vh );
	width: 100%;
	background: rgb( 246, 236, 224 );
	border-radius: calc( 0.2vw + 0.2vh );
	opacity: 1;
	left: 0;
	-webkit-transform: rotate( 0deg );
	-moz-transform: rotate( 0deg );
	transform: rotate( 0deg );
	-webkit-transition: 0s ease-in-out;
	-moz-transition: 0s ease-in-out;
	transition: s ease-in-out;
}
#nav-icon span:nth-child( 1 ) {
	top: 5%;
}
#nav-icon span:nth-child( 2 ),
#nav-icon span:nth-child( 3 ) {
	top: 40%;
}
#nav-icon span:nth-child( 4 ) {
	top: 75%;
}
#nav-icon.open span:nth-child( 1 ) {
	top: 40%;
	width: 0%;
	left: 50%;
}
#nav-icon.open span:nth-child( 2 ) {
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
#nav-icon.open span:nth-child( 3 ) {
	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
#nav-icon.open span:nth-child( 4 ) {
	top: 40%;
	width: 0%;
	left: 50%;
}

#back-icon {
	height: calc( 1.4vw + 1.4vh );
	width: calc( 1.4vw + 1.4vh );
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	cursor: pointer;
	margin: calc( 1.1vw + 1.1vh );
	z-index: 2;
}
#back-icon span {
	display: block;
	position: absolute;
	height: calc( 0.2vw + 0.2vh );
	width: 90%;
	background: rgb( 246, 236, 224 );
	border-radius: calc( 0.2vw + 0.2vh );
	opacity: 1;
	left: 0;
}
#back-icon span:nth-child( 1 ) {
	top: 20%;
	width: 70%;
	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
#back-icon span:nth-child( 2 ) {
	top: 40%;
	left: 10%;
}
#back-icon span:nth-child( 3 ) {
	top: 60%;
	width: 70%;
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	transform: rotate( 45deg );
}

#head {
	line-height: calc( 3.6vw + 3.6vh );
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: 600;
}
#logo {
	height: calc( 8vw + 8vh);
    width: calc( 16vw + 16vh );
	margin: 0 auto;
	background-image: url( images/DAAD.png );
    background-position: center;
	background-size: contain;
}
#ticket {
	mix-blend-mode: screen;
	display: inline-block;
	height: calc( 1.8vw + 1.8vh );
	background-color: rgb( 246, 236, 224 );	
	text-transform: uppercase;
	color: black;
	font-weight: 800;
	-webkit-border-radius: calc( 1.8vw + 1.8vh ); 
	border-radius: calc( 3vw + 3vh );
	padding-left: calc( 1.8vw + 1.8vh );
	padding-right: calc( 1.8vw + 1.8vh );
	margin-top: calc( 1.8vw + 1.8vh );
	margin-bottom: calc( 1.8vw + 1.8vh );
}
#programs {
	font-size: 2em;
	font-weight: 800;
	text-transform: uppercase;
	padding-left: calc( 3vw + 3vh );
	padding-right: calc( 3vw + 3vh );
	margin-bottom: calc( 3vw + 3vh );
}
#programs a {
	display: inline-flex;
	vertical-align: middle;
	mix-blend-mode: screen;
    overflow: hidden;
	padding-left: calc( 0.4vw + 0.4vh );
	padding-right: calc( 0.4vw + 0.4vh );
}
#programs a:hover,
#programs a.game {
	color: black;
	background-color: rgb( 246, 236, 224 );
}
#programs span {
	font-size: 0.8em;
	margin-left: calc( 0.1vw + 0.1vh );
	margin-right: calc( 0.1vw + 0.1vh );
}
#programs span:last-child {
	display: none;
}
#programs .bad-ass,
#programs .zsivanyok {
	font-weight: 400;
}
#pass {
	display: none;
	width: calc( 25vw + 25vh );
	height: calc( 25vw + 25vh );
	margin-bottom: calc( 3vw + 3vh );
}
#info {
	display: none;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background-color: rgba( 0, 0, 0, 0.5 );
}
#info.open {
	display: block;
	z-index: 1;
}
#list {
	width: 100%;
	position: absolute;
	top: 50%;
	-ms-transform: translateY( -50% );
	transform: translateY( -50% );
	text-transform: uppercase;
	font-size: 2em;
	line-height: calc( 2vw + 2vh );
}
#list a {
	mix-blend-mode: screen;
	padding-left: calc( 0.4vw + 0.4vh );
	padding-right: calc( 0.4vw + 0.4vh );
}
#list a:hover {
	color: black;
	background-color: rgb( 246, 236, 224 );
}
#page {
	margin-left: calc( 3.6vw + 3.6vh );
	margin-right: calc( 3.6vw + 3.6vh );
}
#page h1 {
	font-size: 2em;
	line-height: calc( 3.6vw + 3.6vh );
	text-transform: uppercase;
}
#page p {
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5em;
	font-weight: 400;
	text-align: left;
}
#page strong {
	font-weight: 800;
}
.wp-block-file {
	text-align: left;
}
#footer {
	/*position: absolute;
	bottom: calc( 1vh + 1vw );*/
	width: 100%;
}
#count {
	text-transform: uppercase;
}
#down {
	mix-blend-mode: screen;
	display: inline-block;
	height: calc( 1.8vw + 1.8vh );
	width: calc( 1.8vw + 1.8vh );
	background-color: rgb( 246, 236, 224 );
	color: black;
	-webkit-border-radius: calc( 3vw + 3vh ); 
	border-radius: calc( 3vw + 3vh );
	font-weight: 800;
}