/* 
 kulturka.cz
 by vittr.cz
*/ 

a {color:white;text-decoration: none;}

::-moz-selection{ 
	background: #131f7b; 
	color:#fff;
	text-shadow: none;
 }
::selection { 
	background:#131f7b;
	color:#fff;
	text-shadow: none; 
 }


body{
	margin:0;
	padding:0;
	font-family: 'Akrobat Regular', sans-serif;

 }

	/* S T A R T */

.default {
	height: auto;
	width: 100%;
	/*min-width: 500px;*/
	position: relative;
	top: 103px;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black */
}
#title {
	height: 103px;
	width: 100%;
	/* min-width: 500px; */
	position: fixed;
	background-color: white;
	top: 0px;
	color: white;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 100;
}
#title-field {
	height: 150px;
	/* width: 50%; */
	width:920px;
	min-width: 500px;
	position: fixed;
	top: 0px;
	color: white;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 101;
}


#logo {
	height: 75px;
	width: 150px;
	position: absolute;
	top: 30px;
	left: 30px;
	background: url(../images/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 300;
	
}
#menu {	
	width: 260px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 62px;
	font-size: 8pt;
	right: 5px;
	text-decoration: none;
	z-index: 30;
	text-align: center;
	word-spacing: 0px;
	display:inline-block;
}

#menu a {
color: black;
font-size: 14pt;
margin-right: 25px ;
}


#menuMobile {
	
}


#home-s1 {
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin-top: 150px;
}

#footer {
	height: 80px;
	width: 100%;
	/*min-width: 500px;*/
	position: relative;
	top: 103px;
	color: white;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*background-color: lightblue;		*/
}

#footer p{
	height: 20px;
	position: absolute;
	top: 25px;
	color: black;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	left: 28px;
	right: 0;
	line-height: 1.1;
	font-size: 10pt;
	z-index: 1;
	/*background-color: lightgray;	*/	
}

@media (max-width: 700px) {
	#menu {	
	width: 260px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 102px;
	right: 0px;
	text-decoration: none;
	z-index: 30;
	text-align: center;
	word-spacing: 0px;
	display:inline-block;
	}

	#menu a {
	color: black;
	font-size: 12pt;
	margin-right: 25px ;
	}
	#title-field {
		min-width: 0;
		width: 100%;
	
	}
	#title {
		height: 150px;
	}
}


/* E V E N T - P A G E */

#event1 {
	width: 60%;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;

}



.event-title {
	/*height: 200px;*/ 
	width: 100%;
	/* min-width: 500px; */
	margin-bottom: 44px;
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black */
}

.event-title p {
	margin: 0;
	padding: 0;
	font-size: 46pt;
	font-weight: bold;
	color: black;
	text-align: center;
}

.hashtags-field {
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	padding: 0;
	text-align:center;

}


.hashtag {

	border:3px solid black;
	text-align: center;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: center;
	background-color: white;
	display:inline-block;
}

.hashtag2 {

	border:3px solid lightgray;
	text-align: center;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: lightgray;
	text-align: center;
	background-color: white;
	display:inline-block;
}

.hashtag3 {

	border:3px solid black;
	text-align: center;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: center;
	background-color: #6dcff6;
	display:inline-block;
	margin-top: 6px;
}

#event1 img {
	width: 90%;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

#event1-img {
	width: 90%;
	height: 80%;
	max-height: 550px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-size: cover;
	background-position: 60% 100%;
}

#event-info {
	height: auto;
	width: 100%;
	/*min-width: 500px;*/
	position: relative;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1;
	/*border:1px solid black; */
	padding-bottom: 30px;
	color: black;
	text-align: left;
	font-size: 15pt;
}

#event-info-left {	
	width: 27%;
	float: left;
	left: 0;
	right: 0;
	line-height: 1.3;
	z-index: 1;
	/*border:1px solid pink;*/
	font-weight: bold;
}

#event-info-right {	
	width: 67%;
	float: right;
	
	left: 0;
	right: 0;
	line-height: 1.3;
	z-index: 1;
	/*border:1px solid green;*/

}


#event-info-left p, #event-info-right p  {	
	margin:0;
	padding:0;
}



@media (max-width: 1500px) {
	#event1 {
		width: 80%;
	}
	.event-title p {
		font-size: 36pt;
	}
}
@media (max-width: 700px) {
	#event1 {
		width: 90%;
	}
	#event1-img {
		width: 100%;
	}
	.event-title p {
		font-size: 26pt;
	}
}




/* E V E N T S - H O M E*/

#events-list {
	height: auto;
	width: 84%;
	/*min-width: 500px;*/
		max-width: 1900px;
	position: relative;
	/*top: 103px;*/
	margin-top: 156px;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black;*/
	font-family: Akrobat ExtraBold;	

}

.events-list-year {
	height: auto;
	width: 100%;
	position: relative;
	color: black;
	text-align: center;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid blue;*/
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	max-height:800%;
	margin-bottom: 3%;
}


@media (max-width: 700px) {
	.events-list-year {display: block;
	max-height: none ;
}
	#events-list {
		width:90%;
		margin-top: 129px;
	}
}

.year-hidden {
	max-height:0px;
	margin-bottom: 0%;	
}

.yedar-hidden-button img{
	transform: rotate(180deg);
}



.year-selector {
	width:96%;
	margin-left: auto;
	margin-right: auto;
	height: 65px;
	color: lightgray;
	font-size: 40pt;
	text-align: left;
	font-weight: bold;
	font-family: Akrobat ExtraBold;
	cursor: pointer;
}

.year-selector img {
	position: absolute;
	text-align: right;
	right: 10px;
	margin-top: 15px;
	opacity: 0.2;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease;
	transform-origin: 50% 60%;
}

.events-list-event {
	flex-grow: 0;
	width: 22%;
	height: auto;
	/* top | right | bottom | left */
	margin: 0% 1% 2em 2%;
/*	border: 1px solid red;*/
	box-flex: 1;
	
}

.events-list-event img {
	width: 100%;
	height: auto;
	margin-bottom: 7px;
} 

.event-list-image {
	width: 100%;
	height: auto;
	margin-bottom: 7px;
}


.events-list-event h3 {
	font-size: 48pt;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	font-weight: bold;
	height: auto;
	margin-bottom: 2px;
	font-family: Akrobat ExtraBold;
	font-weight: bold;
	color: black;
}

@media (max-width: 700px) {
.events-list-event {
	width: 95%;
}
}

.events-list-event h2 {
	font-size: 20pt;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
		font-weight: bold;
	height: auto;
		margin-bottom: 12px;
			color: black;
}


.events-hashtags-field {
	width: 100%;
	overflow: hidden;
	padding: 0;
	text-align:left;

}


.events-hashtag {

	border:2px solid black;
	text-align: left;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: center;
	background-color: white;
	display:inline-block;
	margin-bottom: 6px;
}

.events-hashtag2 {

	border:2px solid lightgray;
	text-align: left;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: lightgray;
	text-align: center;
	background-color: white;
	display:inline-block;
}

.events-hashtag3 {
	border:2px solid black;
	text-align: left;
	margin-right: 10px;
	padding: 1px 17px 1px 17px;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: center;
	background-color: #6dcff6;
	display:inline-block;
}


#y2017 #f2017, #y2016 #f2016  {
	display: block;
}



/* 	S P O L K Y  page*/

#spolky {
	height: auto;
	width: 70%;
	/*min-width: 500px;*/
		max-width: 1900px;
	position: relative;
	/*top: 103px;*/
	margin-top: 156px;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black;*/
	font-family: Akrobat ExtraBold;	
}
	
.spolky-list {
	height: auto;
	width: 100%;
	position: relative;
	color: black;
	text-align: center;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid blue;*/
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	/*max-height:200%; */
	margin-bottom: 3%;
}
 

@media (max-width: 700px) {
	.events-list-year {display: block;
}
}


.spolky-list-event {
	flex-grow: 0;
	width: 47%;
	height: auto;
	/* top | right | bottom | left */
	margin: 0% 1% 2em 2%;
/*	border: 1px solid red;*/
	box-flex: 1;
	
}

.spolky-list-event img {
	width: 100%;
	height: auto;
	margin-bottom: 11px;
} 

.spolky-list-image {
	width: 100%;
	height: auto;
	margin-bottom: 7px;
}


.spolky-list-event h3 {
	font-size: 20pt;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	font-weight: bold;
	height: auto;
	margin-bottom: 2px;
	font-family: Akrobat ExtraBold;
	font-weight: bold;
	color: black;
}

.spolky-list-event p {
	font-size: 15pt;
	line-height: 1.3;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	font-weight: normal;
	font-family: 'Akrobat Regular', sans-serif;
	height: auto;
	margin-bottom: 12px;
	color: black;
}

.spolky-list-event p a {
	text-decoration: underline;
	color: black;
}



.spolek-title {
padding-bottom: 48px;
	width: 100%;
	/*min-width: 500px;*/
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black */
}

.spolek-title p {
	margin: 0;
	padding: 0;
	font-size: 46pt;
	font-weight: bold;
	color: black;
	text-align: center;
}
#spolek1 {
	width: 60%;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;

}


#spolek1-img {
	width: 80%;
	height: 80%;
	max-height: 550px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-size: cover;
	background-position: 60% 100%;
}


#spolek-info {
	height: auto;
	width: 100%;
	/*min-width: 500px;*/
	position: relative;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1;
	/*border:1px solid black; */
	padding-bottom: 30px;
	color: black;
	text-align: left;
	font-size: 15pt;
		line-height: 1.3;
}



#spolek-info img  {	
max-width: 300px;
padding-right: 1em;
padding-top: 0.5em;
float: left;
}
}

.align_left  {	
float:left;
}

#spolek-info p  {	
	margin:0;
	padding:0;

}

#events-list-spolkypage {
	height: auto;
	width: 100%;
	/*min-width: 500px;*/
		max-width: 1900px;
	position: relative;
	/*top: 103px;*/
	margin-top: 36px;
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	line-height: 1.1;
	z-index: 1;
	/*border:1px solid black;*/
	font-family: Akrobat ExtraBold;	

}

.events-list-spolek {
	flex-grow: 0;
	width: 22%;
	height: auto;
	/* top | right | bottom | left */
	margin: 0% 1% 2em 2%;
/*	border: 1px solid red;*/
	box-flex: 1;
	
}

.event-list-image {
	width: 100%;
	height: auto;
	margin-bottom: 7px;
}

.events-list-spolek h3 {
	font-size: 38pt;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	font-weight: bold;
	height: auto;
	margin-bottom: 2px;
	font-family: Akrobat ExtraBold;
	font-weight: bold;
	color: black;
}

.events-list-spolek h2 {
	font-size: 16pt;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
		font-weight: bold;
	height: auto;
		margin-bottom: 12px;
			color: black;
}




/* HLUBOKAORBA.CZ IFRAME */
.events-list-spolek-iframeorba {
	flex-grow: 0;
	width: 22%;
	height: auto;
	/* top | right | bottom | left */
	margin: 0% 1% 4em 2%;
/*	border: 1px solid red;*/
	box-flex: 1;
	
}
 
.events-list-spolek-iframeorba h4 {   /* popisek */
	font-family: 'Raleway', sans-serif, 'Arial';
	font-size: 14pt;
	padding: 0;
	margin: 0;
	text-align: left;
	/* width: 100%; */
	font-weight: bold;
	height: auto;
	margin-bottom: 2px;
	margin-top: 5px;
	margin-left: 98px;
	
	font-weight: 500;
	color: black;
	float: left;
		position: relative;
		
}

.events-list-spolek-iframeorba h5 {   /* rok */
	font-family: 'Raleway', sans-serif, 'Arial';
	font-weight: 500;
	font-size: 14pt;
	padding: 0;
	margin: 0;
	text-align: left;
	/* width: 100%; */
	
	height: auto;
	margin-bottom: 12px;
	color: black;
	float: left;
	position: absolute;
}

.events-list-spolek-iframeorba h6 {    /* datum */
	font-family: 'Raleway', sans-serif, 'Arial';
	font-size: 20pt;
	padding: 0;
	margin: 0;
	text-align: left;
	/* width: 100%; */
	font-weight: 800;
	height: auto;
	margin-bottom: 12px;
	color: black;
	float: left;
	position: absolute;
}


/* HLUBOKAORBA.CZ IFRAME */




@media (max-width: 700px) {
	.spolky-list-event {
		width: 95%;
	}
	.events-list-spolek {
		width: 95%;
	}	
	.default{
	width: 90%;
	}
	#spolek1 {
		width: 100%;
	}
	.spolek-title{	
		padding-bottom: 35px;
	}
	.spolek-title p{
		font-size: 26pt;	
	}
	#spolek1-img {
		width: 100%;
	}
	#spolek-info {
	width: 96%;
	padding-bottom: 0px; 
	}
	#events-list-spolkypage{
		width: 100%;
	}
}