@-moz-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

#lippufi_main_wrapper{
	background-color: white;
	padding: 30px 0px;
}
#lippufi_main_wrapper *{
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
.show_list_item.wide{
	/* width:90%; */
	margin-left:5%;
	background-color:white;
	margin-top:15px;
	border-radius:  5px;
	border: 1px solid #dbdbdb;
	max-width: 950px;
	margin: 15px auto;
	width: 300px;
}

#shows_list_wrapper h4,
.show_list_item.wide{
	transition: opacity 0.5s, transform 0.5s;
	transform: translateY(80px);
	opacity: 0;
}
#shows_list_wrapper.content_loaded  h4,
#shows_list_wrapper.content_loaded .show_list_item.wide{
	opacity:  1;
	transform: translateY(0);
}


.show_list_cover_image > img,
.show_details,
.show_list_cover_image {
	width:100%;
	display:block;
}
.show_list_cover_image{
}
.show_list_item.wide .show_titles{
	width:calc(100% - 72px);
	display:inline-block;
	vertical-align:top;
	padding: 10px;
}
.show_list_item.wide .show_titles h5{
	font-size: 20px;
}
.show_list_item.wide .show_titles p{
	font-family: 'Merriweather',Georgia,"Times New Roman",serif !important;
}
.show_list_item.wide .show_buttons{
	width:100%;
	border-top:1px solid #eee;
	min-height: 60px;
	line-height:40px;
	text-align:right;
	/* padding-top: 10px; */
}
.show_list_item.wide .show_buttons .show_additional_info{
	background-color:#E9E7E8;
}
.show_list_item.wide .show_buttons a{
	/* padding: 7px 18px 10px; */
	margin: 10px 10px;
	/* line-height:  60px; */
	border-radius: 5px;
	font-weight:  400;
	font-size: 16px;
	font-style:  italic;
	font-family: 'Merriweather',Georgia,"Times New Roman",serif !important;
	text-align:  center;
	cursor:  pointer;
	display:  block;
}
.show_list_item.wide .show_list_cover_image {
    background: #ccc;
    border-top-left-radius:  5px;
    border-top-right-radius:  5px;
    height: 200px;
    background-position:  center;
    background-repeat:  no-repeat;
    background-size:  cover;
}
.show_list_item.wide .show_details .show_showtimes{
	width:100%;
	height:70px;
	border-bottom:1px solid #eee;
	display:inline-block;
	vertical-align:top;
}
.show_list_item.wide .show_details .show_showtimes strong{
	display:block;
}
.show_list_item.wide .show_showtimes > div{
	height:70px;
	width:50%;
	line-height: 25px;
	padding-top: 7px;
	padding-left:10px;
	font-size: 18px;
	display:  inline-block;
}

.show_list_item.wide .show_showtimes > div:nth-child(1){
	background-color:#FFA9A8;
	color:#fff;
}

.show_list_item.wide .show_buttons .show_buy_ticket {
	background-color:  #EF1925;
	color: #fff;
	/* padding: 5px 10px; */
}
.show_list_item.wide .show_buttons .show_buy_ticket:hover{
	background-color:#da1f19;
}

.show_list_item.wide .show_list_cover_image > img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}




button#select_month_button, #select_months button {background-color: #EF1925;color: #fff;outline: none;padding: 5px 12px;border: none;margin: 8px;cursor:  pointer;border-radius:  5px;}


button#select_month_button{
	width: 90%;
	max-width: 300px;
	margin: 0px auto;
	padding: 0px 20px;
	font-size: 20px;
	display:  block;
	height: 45px;
	position: relative;
}
button#select_month_button:after,
button#select_month_button:before{
	font-family: "komediateatteri_icon_font";
	font-size: 26px;
	float: left;
	line-height: 35px;
}
button#select_month_button:before{
	content: '\e815';
}
button#select_month_button:after{
	content: '\e80c';
	float:right;
	transition: transform 0.5s;
}
button#select_month_button.open:after{
	transform:rotateX(180deg);
}

div#select_months {
    width: 100%;
    padding: 5px 15px 25px 15px;
    max-width:  530px;
    position: absolute;
    left: 0%;
    top: 45px;
    background: rgba(255,255,255,0.95);
    backface-visibility: hidden;
    border-radius:  10px;
    box-shadow: 0px 5px 30px 0px rgba(50, 50, 50, 0.35);
    transform-style: preserve-3d;
    transition: transform 0.5s, visibility 0s 0s, opacity 0.4s;
    transform: rotatex( 0deg );
    opacity:1;
    z-index: 10;
}

div#select_months.hidden{
	visibility: hidden;
	transition:  transform 0.5s, visibility 0s 0.5s, opacity 0.4s;
	pointer-events: none;
    transform: rotatex( 60deg ) translate(0, 150px);
    opacity:0;
}


div#select_months p.year{
	font-size: 40px;
	text-align: center;
	line-height:  normal;
	padding-bottom:  0px;
	padding-top: 20px;
}

div#month_selector_wrapper {
    position:  relative;
    perspective: 800px;
    z-index:  10;
}


#select_months button {
    width: calc(50% - 16px);
    position: relative;
}
#select_months button.not_available {
	opacity:.3;
	pointer-events:  none;
}
#select_months button.selected:after{
	content: '\e817';
	font-family: "komediateatteri_icon_font";
	color:#fff;
	position: absolute;
	right: 10px;
	line-height:  20px;
}

#shows_list_wrapper{
	min-height: 50vh;
	position:  relative;
}
#shows_list_wrapper:before{
	content: '\e847';
	font-family: 'komediateatteri_icon_font';
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
	position:  absolute;
	font-size: 35px;
	left: 50%;
	top: 100px;
	opacity: 1;
	transition: top 0.5s ease-out, opacity 0.3s, font-size 0.3s;
	/* background: rgba(169, 100, 100, 0.9); */
	height: 40px;
	margin-left: -10px;
	text-align:  center;
	line-height: 36px;
	border-radius:  50%;
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
	/* border: 1px solid #dbdbdb; */
}
#shows_list_wrapper.content_loaded:before{
	top: 0px;
	transition: top 0.5s ease-in, opacity 0.3s, font-size 0.3s;
	opacity: 0;
	font-size:  20px;
}

#shows_list_wrapper h4 {
    font-size:  25px;
    max-width:  300px;
    margin: 30px auto 10px;
}
.ei_esitystietoja{
	font-size: 20px;
	text-align: left;
	margin: 40px auto;
	max-width: 950px;
	margin: 20px auto;
	width: 90%;
	display: block;
	/* background-color: #ffe9e9; */
	/* padding: 10px 20px; */
}

@media (min-width:500px){
	.show_list_item.wide .show_list_cover_image,
	.show_list_item.wide .show_list_cover_image > img{
		border-top-right-radius: 0px;
		height:140px;
	}
	.show_list_item.wide .show_details{
		width: 70%;
		display:inline-block;
		vertical-align:top;
	}
	.show_list_item.wide .show_list_cover_image {
		width: 30%;
		display:inline-block;
		vertical-align:top;
	}
	.show_list_item.wide .show_details .show_showtimes{
		width:70px;
		height:140px;
	}
	.show_list_item.wide .show_showtimes > div{
		height:70px;
		line-height: 25px;
		width:100%;
		display: block;
	}
	.show_list_item.wide{
		width: 90%;
	}
	button#select_month_button{
		max-width: 400px;
	}
	#select_months button {
	    width: calc(33.33% - 16px);
	}
	#shows_list_wrapper h4{
		max-width: 90%;
		margin: 30px auto 10px;
	}
	.show_list_item.wide .show_buttons a{
		display:inline-block;
		width:calc(50% - 20px);
	}
	.show_list_item.wide .show_details .show_showtimes{
		border-right:1px solid #eee;
		border-bottom:  0px;
	}
}
@media (min-width:530px){
	div#select_months {
		margin-left: -265px;
		left:50%;
	}
}


/** TABLETIT **/
@media (min-width:768px){
	.show_list_item.wide .show_list_cover_image {
    	width: 30%;
 	}
	.show_list_item.wide .show_list_cover_image,
	.show_list_item.wide .show_buttons,
	.show_list_item.wide .show_details{
		width: 33.3%;
		display: inline-block;
	}
	.show_list_item.wide .show_buttons a{
		display: block;
		width: 90%;
		margin: 10px auto !important;
		line-height: normal;
		/* padding: 14px 18px; */
		height: 50px;
		line-height: 50px !important;
	}
	.show_list_item.wide .show_buttons{
		border-top:0px;
		height:120px;
	}
	button#select_month_button{
		height:56px;
		font-size: 30px;
		padding: 3px 20px;
	}
	div#select_months {
		top:56px;
	}
	#shows_list_wrapper h4 {
	    font-size:  30px;
	    max-width:  950px;
	    margin: 20px auto;
	    width: 90%;
	}
	.show_buttons{
		text-align: center;
	}

	#select_months button {
	    width: calc(25% - 16px);
	}

	button#select_month_button:after,
	button#select_month_button:before{
		line-height: 50px;
	}

}

/** DESKARI **/
@media (min-width:980px){
	
} 



/**
 * Esittelysivu
 */

#lippu_show_info_page{
	padding:20px 30px;
	background:  white;
}
#lippu_show_info_page .col1_2{
	width:100%;
	float:none;
}
#lippu_show_info_page .col1_2.clearleft{
	clear: left;
}

#breadcrumbs{
    list-style:none;
    margin: 10px 0px 30px;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right: 0px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    text-align: left;
}
#breadcrumbs li a{
    color: #8c8c8c;
}
#breadcrumbs li.item-current{
	color:#ebb47f;
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
a.buy_tickets {
    color:white;
    background-color:#EF1925;
    width:130px;
    display:inline-block;
    text-align:center;
    height:30px;
    line-height:30px;
    border-radius:5px;
    font-style:italic;
}
a.buy_tickets.big{
    width:100%;
    font-size: 32px;
    height:70px;
    line-height:70px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-style:  normal;
    font-weight:  400;
}
a.buy_tickets.big:after{
	content:'\f145';
	font-family: "komediateatteri_icon_font";
	padding-left:10px;
}
a.show_secondary_links{
    float:left;
    margin-top:20px;
    border-radius: 5px;
    text-align:center;
    height:40px;
    line-height:40px;
    margin-bottom:30px;
    font-style:italic;
    font-size:16px;
    background-color: #E9E7E8;
    width:calc(50% - 10px);
}
a.show_secondary_links:hover{
	background-color: #d6d6d6;
}
a.show_secondary_links.tarjoilut{
	margin-right:20px;
}
a.show_secondary_links.tarjoilut:after{
	content:'\e810';
	font-family: "komediateatteri_icon_font";
	padding-left:10px;
	font-style: normal;
}
a.show_secondary_links.kartat:after{
	content:'\f279';
	font-family: "komediateatteri_icon_font";
	padding-left:10px;
}
.seuraavat_esitykset{
	margin-top:30px;
	margin-bottom:  60px;
	clear:  both;
}
.seuraavat_esitykset .show_secondary_links{
	width:auto;
	padding:0px 25px;
}

.lippufi_show_slim_listitem{
	border-bottom: 1px solid #eee;
	padding: 20px 0px 20px !important;
}
.lippufi_show_slim_listitem:first-of-type:not(.frontpage_version){
	border-top: 1px solid #eee;
	margin-top: 30px;
}
.lippufi_show_slim_listitem a.show_name,
.lippufi_show_slim_listitem p.date {
	font-weight:400;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-size:16px;
}
.lippufi_show_slim_listitem.frontpage_version p.date{
	float:left;	
}
.lippufi_show_slim_listitem.frontpage_version .buy_tickets{
	width:80px;
}
.lippufi_show_slim_listitem a.show_name{
	color:#DE7476;
	float:left;
}

.lippufi_show_slim_listitem .buy_tickets, .lippufi_show_slim_listitem .event_full_btn{
	float:right;
}

@media (min-width: 768px){
	#lippu_show_info_page h1{
		font-size: 37px;
	}
	#lippu_show_info_page .col1_2{
		width:calc(50% - 25px);
		float:left;
	}

	#lippu_show_info_page{
		padding: 20px 60px;
	}
	#lippu_show_info_page .col1_2.right{
		float:right;
	}
}
@media (min-width: 1200px){

	#lippu_show_info_page{
		padding: 35px 100px;
	}
}




/**
 * Ohjelmisto- ja etusivu
 */

.show_list_item.box{
	width:100%;
	max-width: 400px;
	margin:0px auto 20px;
	background:  #FAFAFA;
	border-radius: 0px;
	border: 1px solid #eee;
}
.show_list_item.box .show_list_cover_image{
	height: 250px;
	background-position:  center;
	background-size: cover;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.show_list_item.box .show_buttons{
	padding-bottom: 10px;
}
.show_list_item.box .show_details{
	padding: 20px 10px 5px;
	text-align:  center;
}
.show_list_item.box .show_details h5{
	color: #ce7a77;
	font-size:  21px;
}
.show_list_item.box .show_buy_ticket{
	background: #EF1925;
	color: #fff;
	font-size: 15px;
	font-family: 'Merriweather',Georgia,serif;
	font-weight: 400;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	display:  block;
	width: 180px;
	border-radius: 5px;
	text-align:  center;
	font-style:italic;
	margin: 10px auto 10px;
}
.show_list_item.box .show_buy_ticket:hover {
    background-color: #da1f19;
}
.carousel_wrapper{
	position: relative;
}
.carousel_wrapper{
	box-shadow: 0px 0px 15px rgba(134,134,134,0.25);
}
.carousel_wrapper,
.owl-carousel,
.slide{
	max-width: 1400px;
	margin:0px auto;
}
.slide > div{
	position: relative;
}
.slide img{
	width:100%;
	height:auto;
	display:  block;
}
.slide .show_details{
	position: absolute;
	bottom: 0;
	background-color: rgba(255,255,255,0.85);
}
.slide .show_details p{
	font-size: 16px;
	/*padding: 0px 20px 10px;*/
	text-align: center;
	margin-bottom: 17px;
}
.slide h2{
	font-size: 21px;
	padding: 15px 10px 5px;
	text-align: center;
}
.slide .show_slider_action_buttons{
	background-color: #f5f5f5;
	display:  block;
	padding: 20px 20px 25px;
	/*box-shadow: 0px 0px 15px rgba(134,134,134,0.25);*/
	text-align:  center;
}
.slide .show_slider_action_buttons a{
	padding: 7px 18px 10px;
	margin: 10px 0px;
	line-height: 27px;
	height: 40px;
	border-radius: 5px;
	font-weight:  400;
	font-size: 16px;
	font-style:  italic;
	font-family: 'Merriweather',Georgia,"Times New Roman",serif !important;
	text-align:  center;
	cursor:  pointer;
	display: block;
	background: #5c5c5c;
	color:#fff;
    width:100%;
}

.slide .show_slider_action_buttons a:hover{
	background: #4c4c4c;
}
.slide .show_slider_action_buttons a.show_buy_ticket{
	background-color: #EF1925;
    color: #fff;
}
a.buy_tickets:hover,
.slide .show_slider_action_buttons a.show_buy_ticket:hover{
	background-color:#da1f19;
}
.lippufi_show_slim_listitem .event_full_btn{
	background-color: #E9E7E8;
	/* display:  block; */
	width: 170px;
	text-align:  center;
	font-size: 14px;
	line-height: 30px;
	border-radius: 5px;
	font-style: italic;
	float: right;
	margin-bottom: 15px;
}
.lippufi_show_slim_listitem.frontpage_version .event_full_btn{
	float:left;
	clear:left;
}
.lippufi_show_slim_listitem:not(.frontpage_version) a.show_name{
	margin-bottom: 10px;
}
.owl-dots{
	position: absolute;
	width: 180px;
    left: 50%;
    bottom: 0px;
    margin-left: -90px;
}	
.owl-next,
.owl-prev{
	display: none;
}
.lippufi_slider_container{
	position: relative;
    min-height: 200px;
    padding-bottom: 0px;
    width: calc(100%);
    left: -10px;
    margin: 20px 10px 0px 10px;
}
.ohjelmisto_page .lippufi_slider_container{
	margin-top:0px;
}
.lippufi_slider_container:before{
	content: '\e847';
	font-family: 'komediateatteri_icon_font';
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
	font-size: 35px;
	left: 50%;
	top: 10px;
	opacity: 1;
	transition: top 0.5s ease-out, opacity 0.3s, font-size 0.3s;
	/* background: rgba(169, 100, 100, 0.9); */
	/* height: 40px; */
	width: 40px;
	margin-left: -10px;
	text-align:  center;
	line-height: 36px;
	position:  absolute;
}
.lippufi_slider_container.no-spinner:before{
	opacity:0;
}
/*.etu_ohjelmat_margin{
	padding-right: 32px !important;
}*/

.owl-next,
.owl-prev{
	position: absolute;
	top: 40%;
	background: none;
	border: none;
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	background: rgba(0,0,0,.4);
	margin-top: -50px;
	z-index:  100;
	display: block;
	cursor: pointer;
}
.owl-next span,
.owl-prev span{
	display:  block;
	margin-top: -10px;
	/* position:  absolute; */
}
.owl-next{
	right:0px;
}
.show_list_item.box .show_details{
	height:100px;
	overflow:hidden;
	/* box-shadow: inset 0px -10px 5px 0px rgba(177, 88, 88, 0.75); */
}
@media (min-width: 630px){
	.show_list_item.box{
		max-width: none;
		width: calc(50% - 20px);
		float:left;
	}
	.show_list_item.box{
		margin: 0px 10px 20px;
	}

	.slide .show_slider_action_buttons a{
		display: inline-block;
		min-width:160px;
		width:auto;
		/* margin-right: 20px; */
		margin: 10px 20px 10px 0px;
	}
	.slide h2{
		/* text-align: left; */
		/* padding-left:20px; */
		font-size:  25px;
	}
	.slide .show_details p{
		/* padding: 0px 20px 10px; */
		/* text-align: left; */
	}
}
@media (min-width: 900px){

	.slide h2{
		font-size: 35px;
		padding-bottom: 6px;
		padding-top:15px;
		text-align:  left;
		padding-left: 20px;
	}

	#kesateatteri.et_pb_row_inner,
	#juhlatalo-hovi.et_pb_row_inner,
	#ravintolateatteri.et_pb_row_inner,
	#paanayttamo.et_pb_row_inner{
		padding-right:20px;
	}

	.slide .show_details{
		background-color: rgba(255,255,255,0.9);
	}
	.slide .show_details p{
		text-align:left;
		padding-left:20px;
	}
	.slide .show_slider_action_buttons{
		text-align:left;
		padding: 10px 20px;
	}
	.owl-dots{
		bottom: 22px;
	}

	.ohjelmisto_page .lippufi_slider_container{
		width: calc(100% + 20px);
		left: -20px;
		padding-bottom:40px;
		margin-top:0px;
	}
	.ohjelmisto_page .show_list_item.box{
		width: calc(33.33% - 20px);
	}
	.ohjelmisto_page .show_list_item.box{
		margin: 20px 10px 0px;
	}
	.lippufi_slider_container {
	    width: calc(100% + 0px);
	    left: -20px;
	    margin-left: 10px;
	    margin-top: 20px;
	}
	
}
@media (min-width: 1300px){
	.lippufi_slider_container{
		left: -20px;
	}
	.show_list_item.box{
		width: calc(33.33% - 22px);
	}
	.show_list_item.box{
		margin: 0px 10px 20px;
	}

}