body {
	/* font-family: proxima-nova-condensed, sans-serif;*/
	/* font-family: 'Poppins', sans-serif;*/
	font-family: 'Source Sans Pro', sans-serif;
	 font-weight:400;
	font-style: normal;
	 font-size:16px;
}

body p {
	font-family: 'Source Sans Pro', sans-serif;
    margin: 0 0 2rem;
}
h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
	font-weight: 700;
}

body a,
body a:hover,
body a:focus,
body a:active{ color:#e5003f; }
.form-control:focus {
  border-color: #282727;
  box-shadow: none;
}

@media (min-width: 976px) {
	.page-template-template-custom main, .teemat main, .info main, .single main, .search-results main {
		margin-top: 120px;
	}
}

/* VALIKOT */
/* Etusivulta alavalikko-osa piiloon */
body.home #alavalikko-container { display:none;}

/* HATTU */
#hattu .navbar.navbar-default {
	background-color:transparent;
	border:none;
	min-height: 0px;
	margin-bottom:0;
	  max-width: 1512px;
	  float: none;
	  width: 100%;
	  margin: 0 auto;
}

#hattu .navbar.navbar-default li a { padding:0 15px; line-height:32px; }
#hattu .navbar.navbar-default li a,
#hattu .navbar.navbar-default li:hover a { color:#ffffff;}
#hattu .navbar-toggle { margin-bottom:2px; margin-top:2px;}
#hattuvalikko { background-color:transparent;}

#hattu .navbar.navbar-default li.kielivalinta a, #ylavalikon-wrapper .navbar-default .navbar-nav > li.kielivalinta a { padding:0;}
#hattu .navbar.navbar-default li.kielivalinta:first-of-type a, #ylavalikon-wrapper .navbar-default .navbar-nav > li.kielivalinta { padding: 0px 5px 0px 5px; }
#hattu .navbar.navbar-default li.kielivalinta:first-of-type a::after { content:' |';}
#hattu .navbar.navbar-default li.kielivalinta:last-of-type a, #ylavalikon-wrapper .navbar-default .navbar-nav > li.kielivalinta:last-of-type a { padding:0 0px 0 5px;}
.navbar-default .navbar-nav > li.mediavalinta { margin-right: 15px;}

#hattu { background-color:#282727; }

#ylavalikko #hattuvalikkoMobiilissa.nav.navbar-nav {
	background-color:#282727;
	color:#ffffff;
	padding-bottom:10px;
	margin-bottom:0;
}
#ylavalikko #hattuvalikkoMobiilissa.nav.navbar-nav >li > a {
	font-size:14px;
	line-height:1.2em;
	color:#ffffff;
	font-weight:400;
}

#ylavalikon-wrapper .navbar-default .navbar-nav > li.kielivalinta > a, #ylavalikon-wrapper .navbar-default .navbar-nav > li.mediavalinta a { font-size: 11px; color: #000; }

#ylavalikon-wrapper .navbar-default .navbar-nav > li.haku {margin-right: 15px;}
@media (min-width: 991px) and (max-width: 1176px) {
	#ylavalikon-wrapper .navbar-default .navbar-nav > li.haku {margin-bottom: 15px;}
}
/* YLÄVALIKKO */

body.svenska li.kielivalinta a[href*="svenska"] { text-decoration:underline;}
body.english li.kielivalinta a[href*="english"] { text-decoration:underline;}

#ylavalikon-wrapper .navbar-default .navbar-nav>li.active > a{}

#ylavalikon-wrapper .navbar-default .navbar-nav>.active.menu-etusivu>a {color:#e5003f; text-decoration:none;} /* e5003f*/
body.home #ylavalikon-wrapper .navbar-default .navbar-nav>.active.menu-etusivu>a {color:#282727;}

a.brand {
	background-image: url('../img/valiaikainen_logo_nelio.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 158px;
	height: 158px;
	display: block;
	position: absolute;
	z-index: 999;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
a.brand span {display: none;}

/*li.active.menu-etusivu a {color:#FFFFFF;}*/
/*body.home li.active.menu-etusivu a {color:#282727;}*/
@media (min-width: 976px) and (max-width:1400px) {
	#ylavalikon-wrapper {
		padding-left: 165px;
	}
}

#ylavalikko { background-color:transparent;}
#ylavalikon-wrapper .navbar-default {
	background-color:transparent;
	border:none;
	margin-bottom:0;
}

#ylavalikko ul.navbar-nav {}
#ylavalikko .navbar-nav>li {}
/*
#ylavalikon-wrapper .navbar-default .navbar-nav>li>a
*/
#ylavalikon-wrapper .navbar-default .navbar-nav>li>a {
  color: #e5003f;
  padding:0 10px;
  line-height:80px;
  font-size: 16px;
  font-weight:800;
  text-transform:uppercase;
}
#ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover,
#ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus {
  color: #282727;
}
#ylavalikon-wrapper .navbar-default .navbar-nav>.active>a,
#ylavalikon-wrapper .navbar-default .navbar-nav>.active>a:hover,
#ylavalikon-wrapper .navbar-default .navbar-nav>.active>a:focus {
  color:#282727;/* turkoosi pistää silmiin punaisella taustalla #282727  e8e2e8 */
  background-color: transparent;
}


/* YLÄVALIKON FONTTIKOKOKIKKAILU*/
/*@media all and (max-width:1300px){
 #ylavalikon-wrapper .navbar-default .navbar-nav>li>a, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus { font-size:20px; }
}

@media all and (max-width:1200px){
 #ylavalikon-wrapper .navbar-default .navbar-nav>li>a, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus { font-size:18px; }
}


@media all and (max-width:1100px){
 #ylavalikon-wrapper .navbar-default .navbar-nav>li>a, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus { font-size:16px; }
}

@media all and (max-width:990px){
 #ylavalikon-wrapper .navbar-default .navbar-nav>li>a, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover, #ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus { font-size:14px; }
}*/


@media (max-width: 980px) and (min-width: 768px){
	#ylavalikon-wrapper .container-fluid > .navbar-header {
		margin-left:-15px !important;
		margin-right:-15px !important;
	}
	#ylavalikon-wrapper .container-fluid>.navbar-collapse {
		margin-right:-15px !important;
		margin-left:-15px !important;
		padding:0 !important;
		overflow:hidden !important;
	}
	#ylavalikon-wrapper #ylavalikko > ul.navbar-nav:first-of-type { margin-top:15px !important; margin-bottom:15px !important;}
	#ylavalikon-wrapper #ylavalikko > ul.navbar-nav:last-of-type { margin-top:0 !important; margin-bottom:0 !important;}
}
@media (max-width: 980px) {
	/* Piilotetaan alavalikko: hidden-xs -luokka laukeaa liian myöhään */
	#alavalikko {display:none;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
   /*     border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    }
    .navbar-fixed-top {
		top: 0;
	/*	border-width: 0 0 1px;*/
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
	/*	margin-top: 7.5px;*/
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
     /*   padding-top: 10px;
        padding-bottom: 10px;*/
    }
    .collapse.in{
  		display:block !important;
	}
}

ul.alavalikot {display:none;}

/* live-sivuston muotoiluja */

ul li a > b.caret { display:none;}

/* kikkaillaan alavalikot näkyviin ja kuosiin ... "varsinainen" alavalikko on piilotettu visibility:none muotoilulla */
@media (min-width:981px){

	/* ul.dropdown */
	li.active > ul.dropdown-menu,
	li.active > ul.alavalikot {
		display:block;
		position:absolute;
		left:45px;/*0;*/
/*		bottom:-40px;*/
		top:50px;/*53px;*/
		height:36px;/*40px;*/
		width:600px;/*1000px;*/
		list-style:none;
		overflow:visible;
		z-index:100;
		font-weight:800;
	}

	li.active > ul.dropdown-menu li,
	li.active > ul.alavalikot li {
		display:inline-block;
		float:left;
		width:auto;
		height:36px;/*40px;*/
		line-height:36px;/*40px;*/
		margin-right:20px;
	}

	li.active > ul.dropdown-menu li a,
	li.active > ul.alavalikot li a {
		display:block;
		float:left;
		height:36px;/*40px;*/
		width:100%;
		color:#ffffff;
		font-size:18px;
		/*text-transform:uppercase;*/
		line-height:40px;/*36px;*//*40px;*/
		/*padding:20px 10px;*/
	}
	li.active > ul.dropdown-menu li.active a,
	li.active > ul.alavalikot li.active a { text-decoration:underline;}
	li.active > ul.dropdown-menu {
		background-color:transparent;
		border:none;
		padding:0;
		-webkit-box-shadow:none;
		box-shadow:none;
		height:36px;/*40px;*/
		line-height:36px;/*40px;*/
	}
/*	li.active > ul.dropdown-menu li.active a {*/
	li.active > ul.dropdown-menu li a {
		background-color:transparent;
		padding:0 20px 0 0;
		font-size: 18px;
		text-transform: uppercase;
		font-weight:800;
	}
	li.active > ul.dropdown-menu li a:hover { background-color:transparent;}
}


/*@media (max-width: 767px){*/
@media (max-width: 980px) {
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-ruoka-ja-viinimessut > a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-info-osta-liput > a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-naytteilleasettajat > a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-kirjamessut > a::before {
		height:30px;
		margin-right:12px;
	}

/* http://www.kirjamessut.fi/kuvat/ikonit/png/ */
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-ruoka-ja-viinimessut.active>a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-ruoka-ja-viinimessut>a::before { background-image:url(http://www.kirjamessut.fi/kuvat/ikonit/png/valkoinen-kokki.png);}

	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-info-osta-liput.active > a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-info > a::before { background-image:url(http://www.kirjamessut.fi/kuvat/ikonit/png/valkoinen-info.png);}
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-info-osta-liput > a::before { background-image:url(http://www.kirjamessut.fi/kuvat/ikonit/png/valkoinen-info.png);}


	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-naytteilleasettajat.active>a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-naytteilleasettajat>a::before { background-image:url(http://www.kirjamessut.fi/kuvat/ikonit/png/valkoinen-lista.png);}

	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-kirjamessut.active>a::before,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.menu-kirjamessut>a::before { background-image:url(http://www.kirjamessut.fi/kuvat/ikonit/png/valkoinen-kirjailija.png);}

}

/*@media (min-width: 768px){*/
@media (min-width: 981px) {
	#ylavalikko ul.navbar-nav { display:block;float:left; text-align:center; width:100%;}
	#ylavalikko .navbar-nav>li {
	  display: inline-block;
	  float: none;
	}
}

/*@media (max-width: 767px){*/
@media (max-width: 980px) {
	#hattu { display:none !important;}

	#ylavalikon-wrapper {/* background-color:#e5003f;*/ padding-left:0px; padding-right:0px;}

	#ylavalikon-wrapper .navbar-header {
		background-color:#ffffff;
	}

	#ylavalikon-wrapper .navbar-header button.navbar-toggle {
		float:left;
		margin-left:15px;
	}


	#ylavalikon-wrapper .navbar-default .navbar-toggle,
	#ylavalikon-wrapper .navbar-default .navbar-toggle:hover,
	#ylavalikon-wrapper .navbar-default .navbar-toggle:focus {
		border:#2827273px solid;
		background-color:#ffffff;
		border-radius:0;
	}


	#ylavalikon-wrapper .navbar-default .navbar-toggle.collapsed > .icon-bar,
	#ylavalikon-wrapper .navbar-default .navbar-toggle.collapsed > .icon-bar:first-child,
	#ylavalikon-wrapper .navbar-default .navbar-toggle.collapsed > .icon-bar:last-child {
		height:8px;
		width:40px;
		background-color:#282727;
		opacity:1;
	  	-webkit-transform: translate(0px,0px) rotate(0deg);
		transform: translate(0px,0px) rotate(0deg);
	}


	#ylavalikon-wrapper .navbar-default .navbar-toggle.collapsed > .icon-bar:first-child {
		-webkit-transform-origin:left bottom;
		transform-origin:left bottom;
	}

	#ylavalikon-wrapper .navbar-default .navbar-toggle.collapsed > .icon-bar:last-child {
		-webkit-transform-origin:left top;
		transform-origin:left bottom;
	}

	#ylavalikon-wrapper .navbar-default .navbar-toggle > .icon-bar {
		opacity:0;
		height:8px;
		width:40px;
		background-color:#282727;
		-webkit-transition:all 0.3s linear 0s;
		transition:all 0.3s linear 0s;
	}

	#ylavalikon-wrapper .navbar-default .navbar-toggle > .icon-bar:first-child {
		height:8px;
		width:40px;
		background-color:#282727;
	  	-webkit-transform-origin:left bottom;
		transform-origin:left bottom;
	  	-webkit-transform: translate(4px,-2px) rotate(45deg);
		transform: translate(4px,-2px) rotate(45deg);
		opacity:1;
	}

	#ylavalikon-wrapper .navbar-default .navbar-toggle > .icon-bar:last-child {
		height:8px;
		width:40px;
		background-color:#282727;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		-webkit-transform: translate(4px,4px) rotate(-45deg);
		-moz-transform: translate(4px,4px) rotate(-45deg);
		-ms-transform: translate(4px,4px) rotate(-45deg);
		-o-transform: translate(4px,4px) rotate(-45deg);
		transform-origin:left top;
		transform: translate(4px,4px) rotate(-45deg);
		opacity:1;
	}

	#ylavalikko.navbar-collapse { background-color:#e5003f;}
	#ylavalikon-wrapper .navbar-default .navbar-nav>li>a,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li>a:hover,
	#ylavalikon-wrapper .navbar-default .navbar-nav>li>a:focus {
		color:#ffffff;
		line-height:30px;/*1em;*/ /* sama korkeus kuin piktogrammilla*/
	}
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.active > a {color:#ffffff; text-decoration:underline;}
	#ylavalikon-wrapper .navbar-default .navbar-nav>li.active > a:hover {color:#ffffff; }
	#ylavalikon-wrapper .navbar-default .navbar-nav>.active.menu-etusivu>a {color:#FFFFFF; text-decoration:none;}
	body.home #ylavalikon-wrapper .navbar-default .navbar-nav>.active.menu-etusivu>a {color:#FFFFFF;}

	#ylavalikon-wrapper > .navbar-default .navbar-nav>li {
		clear:both;
		display:block;
		width:100%;
		float:left;
	}

	#ylavalikon-wrapper #hattuvalikkoMobiilissa.navbar-nav>li { margin-top:10px; margin-bottom:0;}

	li.active > ul.dropdown-menu,
	li.active > ul.alavalikot {
		display:block;
		position:relative;
		-webkit-box-shadow:none;
		box-shadow:none;
		border:none;
		list-style:none;
		padding-left:58px;/*24px;*/
		float:left;
		width:100%;
		background-color:transparent;
/*		height:auto;*/
		padding-top:0;
	}

	li.active > ul.dropdown-menu li a,
	li.active > ul.alavalikot li a {
		color:#ffffff;
		/*text-transform:uppercase;*/
		font-weight:800;
		font-size:18px;
		cursor:pointer;
	}

	li.active > ul.dropdown-menu li.active a,
	li.active > ul.alavalikot li.active a {
		text-decoration:underline;
		background-color:transparent;

	}

	li.active > ul.dropdown-menu li a:hover {
		background:transparent;
	}
}

#mobiililogo {
	display:block;
	float:left;
	height:102px;
	padding:21px 0;
	width:246px;
	max-width:calc(100% - 130px);
	background:transparent url(/kuvat/ikonit/kirjamessut-logo-2021-1.png) left center no-repeat;
	background-size:contain;
}

@media (min-width: 981px) {
	#mobiililogo { display:none;}
	#hattuvalikkoMobiilissa { display:none !important; background-color:#12E95A; }
}


/* ALAVALIKKO */
#alavalikko-fluid { 	background-color:#e5003f;/*#282727;*/ padding:0; }
#alavalikko-container{ width:100%; margin:0 !important; /* alavalikon tasaaminen aktiivisen yl'ävalikon elementtinsä kanssa */}
#alavalikko-row{}
#alavalikko {
	font-size:18px;
	font-weight:800;
	color:#ffffff;
	line-height:1em;
	/* mod 26.2.2016 */
	display: none;
}

#alavalikko ul {
	float:left;
	position:relative;
	display:block;
	width:100%;
	height:36px;
	overflow:hidden;
	list-style:none;
	margin-bottom:0;
	text-align:left;
	line-height:1em;
	visibility:hidden;
}
#alavalikko ul li {
	display:inline-block;
/*	float:none;*/
	float:left;
	width:auto;
	height:auto;
	line-height:1em;
}

#alavalikko ul li a {
	display:block;
	float:left;
	height:auto;
	width:auto;
	color:#ffffff;
	font-size:18px;
	/*text-transform:uppercase;*/
	line-height:1em;
	padding:20px 10px;

}

#alavalikko ul li.active a { text-decoration:underline;}

.punainen {
	fill:#BC3F41;
}

.punainen:hover {
	fill:#3744A7;
}

img.valikkoSVG g path[style] {fill:#BC3F41;}
img.valikkoSVG g circle[style] {fill:#BC3F41 !important;}
li.menu-kirjamessut object { background-color:#7533C8;}

.btn.search-submit {
	font-weight: bold;
}
.btn.search-submit:hover,
.btn.search-submit:active {
	background-color:#282727;
	color:#ffffff;
	/*text-transform:uppercase;*/
	border-color:#282727;
}

/* Mod 26.2.2016 */
.page-id-36 .wrap.container-fluid,
 .page-id-19 .wrap.container-fluid,
 .page-id-24 .wrap.container-fluid,
 .page-id-26 .wrap.container-fluid {
	-webkit-box-shadow: inset 0px 2px 1px 0px #DFDFDF;
	box-shadow: inset 0px 2px 1px 0px #DFDFDF;}

/* KARUSELLI  */

#head-fluidContainer {
	background: #e8e2e8;
}


.home #head-fluidContainer {
	/*background-color:#e8e2e8;*/
	-webkit-box-shadow:inset 0px 2px 1px 0px #DFDFDF;
	box-shadow:inset 0px 2px 1px 0px #DFDFDF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e8e2e8+75,e8e2e8+100&0+74,1+75,1+100 */
/*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(232,226,232,0) 65%, rgba(232,226,232,1) 65%, rgba(232,226,232,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(232,226,232,0) 65%,rgba(232,226,232,1) 65%,rgba(232,226,232,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(232,226,232,0) 65%,rgba(232,226,232,1) 65%,rgba(232,226,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e8e2e8',GradientType=0 ); */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5003f+75,e5003f+100&0+74,1+75,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(229,3,66,0) 65%, rgba(229,0,63,1) 65%, rgba(229,0,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(229,3,66,0) 65%,rgba(229,0,63,1) 65%,rgba(229,0,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(229,3,66,0) 65%,rgba(229,0,63,1) 65%,rgba(229,0,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e5003f',GradientType=0 ); /* IE6-9 */

}

#etusivunkaruselli-container { padding:0;}

.views-template-nytteilleasettajat #head-fluidContainer { padding-top: 2rem;}



.search-form input, .search-form .btn-default {
	border-radius: 0;
}

@media (min-width: 768px){
	#ingressi-container,
	#etusivunkaruselli-container,
	#ohjelmat-container,
	.esiintyjat-container { width:100%;}
}
@media (min-width: 992px){
	#ingressi-container,
	#etusivunkaruselli-container.container { width:100%;}
}
/*@media (min-width: 1512px){*/
@media (min-width: 1512px){
	#ingressi-container,
	#etusivunkaruselli-container.container { width:1512px;}
}

#etusivunkaruselli {
	position:relative;
	margin: 0 auto;
	float: none;
}

.pollokaruselli{}

.etusivu-dia {
	font-size:36px;
	position:relative;
	display:block;
	float:left;
	width:100%; /* tostain uutta*/
}

.etusivu-dia img {
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}

.etusivu-dia .kuvanotsikko {
	position: absolute;
	top: 15px;
	right: 0;
	left: auto;
	height: auto;
	width: auto;
	max-width: 60%;
	border: 1px solid red;
	text-align: right;
	padding: 0;
}

/*.etusivu-dia .kuvanotsikko p {
	background-color:#282727;
	color: #fff;
	font-weight:800;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0.2em 1em 0.2em 1em;
	z-index: 21;
	position: relative;
	width: auto;
	display: inline;
}*/

.etusivu-dia .kuvanotsikko p {
background-color:#282727;
	color: #fff;
	font-weight:800;
	font-size: 1em;
	line-height: 1.6em;
	padding: 0.2em 1em 0.2em 1em;
	z-index: 21;
	position: relative;
	width: auto;
	display: inline;
	-webkit-box-shadow: 6px 0 0 #282727,-6px 0 0 #282727,6px -6px 0 #282727,-6px -6px 0 #282727,6px 6px 0 #282727,-6px 6px 0 #282727;
	-ms-box-shadow: 6px 0 0 #282727,-6px 0 0 #282727,6px -6px 0 #282727,-6px -6px 0 #282727,6px 6px 0 #282727,-6px 6px 0 #282727;
	-o-box-shadow: 6px 0 0 #282727,-6px 0 0 #282727,6px -6px 0 #282727,-6px -6px 0 #282727,6px 6px 0 #282727,-6px 6px 0 #282727;
	-moz-box-shadow: 6px 0 0 #282727,-6px 0 0 #282727,6px -6px 0 #282727,-6px -6px 0 #282727,6px 6px 0 #282727,-6px 6px 0 #282727;
	box-shadow: 6px 0 0 #282727,-6px 0 0 #282727,6px -6px 0 #282727,-6px -6px 0 #282727,6px 6px 0 #282727,-6px 6px 0 #282727;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.pollokaruselli .owl-controls {
	position:absolute;
	bottom:0;
	left:32px;/*16px;*/
	z-index:2;
}

.pollokaruselli .owl-controls .owl-page span {
	border:#FFFFFF solid 2px;
	background-color:transparent;
	width:24px;
	height:24px;
	border-radius:50%;
	opacity:1;
}

.pollokaruselli .owl-controls .owl-page.active span {
	background-color:#FFFFFF;
}

.pollokaruselli > .owl-buttons {
	position:absolute;
	top:calc(50% - 22px);
	left:0;
	width:100%;
	height:0px;
	overflow:visible;
	z-index:2;
}

.pollokaruselli > .owl-buttons .owl-prev,
.pollokaruselli > .owl-buttons .owl-next {
	position:relative;
	width:30px;
	height:45px;
	line-height:45px;
	opacity:1;
	background-color:transparent;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
}

.pollokaruselli > .owl-buttons .owl-prev {
	float:left;
	margin-left:20px;
	background-image:url(/kuvat/ikonit/png/nuoli_vasen.png);
}

.pollokaruselli > .owl-buttons .owl-next {
	float:right;
	margin-right:20px;
	background-image:url(/kuvat/ikonit/png/nuoli_oikea.png);
}

.korppi {
	display:none;
	position:absolute;
	bottom: 20px;
	right:100px;
	max-width:325px;
	width:325px;
	min-height:280px;
	padding-bottom:280px;
	background:transparent url(/kuvat/ikonit/korppi.png) center bottom no-repeat;
	background-size:100% auto;
	font-weight:800;
	font-size:30px;
	/*text-transform:uppercase;*/
	z-index:20;
	color:#ffffff;
	text-shadow: 0px 0px 10px #312E2E;
}

.korppi.valkoinen {
	color:#ffffff;
	text-shadow: 0px 0px 10px #312E2E;
}

.etusivu-dia[data-korppi="1"] > .korppi{ display:block;}

@media all and (max-width:1400px){
	.korppi {
		max-width:228px;
		width:228px;
		min-height:193px;
		padding-bottom:193px;
		font-size:20px;
	}
}

@media all and (max-width:1100px){
	.korppi {
		max-width:163px;
		width:163px;
		min-height:138px;
		padding-bottom:138px;
		font-size:20px;
	}
}

@media all and (max-width:700px){
	.etusivu-dia[data-korppi="1"] > .korppi,
	.korppi { display:none;}
}


#etusivunkarusellinMobiiliOtsikot {
	margin-top:24px;
	display:none;
}


#etusivunkarusellinMobiiliOtsikot .kuvanotsikko {
	height: auto;
	width: 100%;
	background-color: #e5003f;
	color: #ffffff;
	font-weight: 700;
    font-family: 'Poppins', sans-serif;
	font-size: 30px;/*36px;*/
	line-height: 1em;/*1.2em;*/
	text-transform: uppercase;
	padding:4px 16px 0 16px; /*0 16px;*/
	text-align:left;
	float:left;
	display:none;/*block;*/
}

#etusivunkarusellinMobiiliOtsikot .kuvanotsikko.mobiiliteksti-auki { display:block;}

/* Karusllin mobiilityylit */
@media all and (max-width:767px){
	#etusivunkarusellinMobiiliOtsikot { display:block;}
	.etusivu-dia .kuvanotsikko { display:none;}
	/* Dian kuva pitää minimi korkeuden ja "ylimääräinen" osa rajautuu */
	.etusivu-dia img {
		float:left;
		max-width:none;
	}

	#head-fluidContainer { padding:0;}
	.pollokaruselli .owl-controls .owl-page span {
		width:12px;
		height:12px;
	}
	.pollokaruselli > .owl-buttons .owl-prev,
	.pollokaruselli > .owl-buttons .owl-next {
		width:30px;
		height:30px;
		line-height:45px;
		background-size:auto 100%;
	}
}

/* ETUSIVUN INGRESSI  */
@media (min-width: 768px){
	#ingressi-container {}
/*	#ingressi-container > .row { display:table;}
	#ingressi-container > .row > div	{ display:table-cell; float:none; vertical-align:top;}
	/*#ingressi-container > .row > div:first-of-type	{ background-color:#ffffff; }
	#ingressi-container > .row > div > .etusivun-ingressi-kuva { width:100%; height:100%; display:block; float:left; margin-top: 10px;}*/
}


#ingressi-fluid {
    /*background-color:#e8e2e8; */
	background-color: #e5003f;
    margin-bottom: 50px;

}

#ingressi-container {
	font-size: 28px;
	padding: 3rem 0 2rem;
}

#ingressi-container h1 {
	padding: 0rem;
	max-width: 90%;
	font-size: 1.4em;
	line-height:1.2em;
	margin: 0 auto;
	/*color: #e5003f;*/
	color: #fff;
}


#ingressi-container .ingressi p {
	font-size: 0.8em;
	line-height: 1em;
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	max-width: 90%;
	margin-bottom: 2em;
	margin-left: auto; margin-right: auto;
	color: #fff;
}

@media(min-width: 768px) and (max-width: 991px) {
	#ingressi-container h1 {
		font-size: 2.4em;
	}
}

@media(min-width: 991px) and (max-width: 1200px) {
	#ingressi-container h1 {
		font-size: 2.8em;
		max-width: 60%;
	}
	#ingressi-container .ingressi p {
		max-width: 60%;
	}
	#ingressi-container {
   		padding: 8rem 0 4rem;
	}
}

@media(min-width:1200px) {
	#ingressi-container h1 {
		font-size: 3.4em;
		max-width: 60%;
	}
	#ingressi-container .ingressi p {
		max-width: 60%;
	}
	#ingressi-container {
   		padding: 8rem 0 4rem;
	}
}

#ingressi-container p:last-child {
	margin-bottom:30px;
}

#ingressi-container .ingressi p a {
	color: #fff;
}

.etusivun-ingressi-teksti,
.etusivun-ingressi-kuva {
	display:block;
	float:left;
	width:100%;
	height:auto;
}

.isoFontti-keskitettyTeksti {
	text-align:center;
	font-weight:800;
	font-size:62px;
	/*text-transform:uppercase;*/
	padding:0;
	margin:30px 0;
	color:#282727;
}

@media all and (max-width:900px){
	.isoFontti-keskitettyTeksti {
		font-size:52px;
	}
}
/* etusivun lisät */
.sisalto-wrapper {-webkit-box-shadow:inset 0px 2px 1px 0px #DFDFDF;box-shadow:inset 0px 2px 1px 0px #DFDFDF;}
.thumbnail {margin-bottom: -4px;}

/* Ohjelmat etusivulle */
#ohjelmat-container { margin-top:40px;}

.ohjelma-row {
/*	float:left; */
/*	width:100%;*/ /* Onko tarpeen - sotkeeko?  - sotkee*/
}


@media all and (max-width:767px){
	.ohjelma-row > div { margin-bottom:40px;}
	h2.isoFontti-keskitettyTeksti { font-size:40px;}
}

.ohjelma-col {
	display:block;
	float:left;
	width:100%;
	height:auto;
}

.ohjelma-paiva {
	display:block;
	float:left;
	width:100%;
	height:auto;
	font-size:35px;/*24px;*/
	line-height:1em;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	color:#ffffff;
	background:#e5003f url(/kuvat/ikonit/sulje-ruksi.png) right 20px center no-repeat;
	/*text-transform:uppercase;*/
	cursor:pointer;
	-webkit-transition:background-image 0.3s linear 0s;
	transition:background-image 0.3s linear 0s;
	background-size:40px auto;
	font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.ohjelma-paiva .small {
    font-size: 75%;
}

.paivaKiinni.ohjelma-paiva{	background-image:url(/kuvat/ikonit/avaa-ruksi.png);}
.ohjelma-lista {
	display:block;
	width:100%;
	height:auto;
	float:left;
	max-height:4000000px;
	overflow:hidden;
}

.ohjelma-paiva.paivaKiinni + .ohjelma-lista {
	max-height:0;
}

.ohjelma-ohjelma {
	color:#282727;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	width:100%;
	position:relative;
	z-index:10;
	float:left;
	font-size:16px;
	padding:16px;
	max-height:92px;
	height:auto;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear 0s, background-color 0.4s linear 0s;
	transition:max-height 0.4s linear 0s, background-color 0.4s linear 0s;
	cursor:pointer;
}

.ohjelma-ohjelma::before {
	position: absolute;
	content: ' ';
	top: 80px;
	width: 100%;
	display: block;
	height: 12px;
	background: #fff;
	-webkit-transition: background-color 0.4s linear 0s;
	transition: background-color 0.4s linear 0s;
	}
.ohjelma-ohjelma.ohjelma-auki::before,
 .modal-body .ohjelma-ohjelma::before{
	background: transparent;
	height: 0px;
	width: 0px;
	}
.ohjelma-ohjelma::after {
	position:absolute;
	width:48px;
	height:16px;
	line-height:16px;
	font-size:16px;
	font-weight:400;
	background-color:#ffffff;
	border-top:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	bottom:0;
	left:calc(50% - 24px);
	content:'...';
	text-align:center;
	border-top-left-radius:48px 24px;
	border-top-right-radius:48px 24px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	opacity:1;
	-webkit-transition:opacity 0.3s linear 0s;
	transition:opacity 0.3s linear 0s;
}

.ohjelma-auki.ohjelma-ohjelma::after {
	opacity:1;
	content:'-';
}

/* esiintyjä sivun muutokset */
.esiintyja .ohjelma-col {margin-top: 2rem;}
.esiintyja .ohjelma-ohjelma {
	max-height: none;
}
.esiintyja .ohjelma-ohjelma::after {
	display: none;
}

.esiintyja .ohjelma-paiva {
	background-image: none;
}

.ohjelma-auki {  background-color:#e8e2e8;}

.kortti-piilossa,
.ohjelma-piilossa,
.ohjelma-ohjelma.ohjelma-piilossa,
.ohjelma-ohjelma.ohjelma-auki.ohjelma-piilossa { display:none;} /* joku siistimpi veto. max-height:n kanssa myös padding nollaksi? */

.vapaakenttaSuodatettu,
.ohjelma-ohjelma.vapaakenttaSuodatettu,
.ohjelma-ohjelma.ohjelma-auki.vapaakenttaSuodatettu { display:none;} /* joku siistimpi veto. max-height:n kanssa myös padding nollaksi? */

.ohjelma-ohjelma.ohjelma-auki {
	max-height:8000px;
}

.ohjelma-ohjelma p {float:left; margin:0; padding:0;}
.ohjelma-ohjelma a { color:#e5003f;}

.ohjelmaKello {
	display:inline-block;
	float:left;
	height:24px;
	line-height:24px;
	margin-right:0.2em;
}

.ohjelmaKello::before {
	display:inline-block;
	height:24px;
	width:24px;
	background:transparent url(/kuvat/ikonit/kello.png) top left no-repeat !important;
	content:' ';
	float:left;
	padding-right:10px;
}

.ohjelmaLava {
	display:inline-block;
	float:left;
	line-height:24px;
	clear:right;
}

.ohjelmaOtsikko {
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin:10px 0px;
	font-size:1.2em;
}
/*article.esiintyja .ohjelmaOtsikko {
	margin: 0;
}*/
article.esiintyja .ohjelmaOtsikko p{
	width: 88%;
	margin: 10px 0;
	padding: 10px 0;
}

.ohjelmaKuvaus {
	font-size:1em;
	display:block;
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}

.ohjelma-ohjelma .esiintyja {
	display: inline-block;
	float:left;
	clear: left;
}

.ohjelmaEsiintyja-nimi {
	/*text-transform:uppercase;*/
}

.ohjelmaOmallaListalla {
	position:absolute;
	z-index:11;
	top:0;
	right:0;
	width:30px;
	height:47px;
	background:transparent url(/kuvat/ikonit/omalista-varaamaton.png) right top no-repeat;
	cursor:pointer;
	-webkit-transition:background-image 0.2s linear 0s;
	transition:background-image 0.2s linear 0s; /*  SAFARI EI ANIMOI TAUSTAKUVAN VAIHTOA BACJGROUND- määreellä? */
}
.ohjelmaOmallaListalla.on { 	background:transparent url(/kuvat/ikonit/omalista-varattu.png) right top no-repeat; }

.katsoLisaa {
	display:block;
	float:left;
	width:100%;
	clear:both;
	font-size:1.3em;
	line-height:1.5em;
	/*text-transform:uppercase;*/
	text-align:center;
	margin:10px 0;
}
.katsoLisaa a,
.katsoLisaa a:hover,
.katsoLisaa a:focus { color:#282727; }

a.katsonappi  {
	display: block;
	float: none;
	clear: both;
	background-color: #fff;
	padding: 1em;
	color: #e5003f;
	font-weight: 800;
	font-size: 24px;
	line-height: 1em;
	text-align: center;
	margin: 30px auto;
	width: auto;
	max-width: 330px;
	border-radius: 30px / 35px;
	border: 1px solid #282727;
}
a.katsonappi:hover { text-decoration:none;}
a.katsonappi:hover,
a.katsonappi:focus { color:#282727;}

/* Suodattimet (esiintyjät & ohjelma) */
.valitsimet {
	display:block;
	float:left;
	width:100%;
	background-color:transparent;
}
.nollaaSuodatinValinnat,
.vapaakenttaSuodatin,
.valitsin {
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 55px;/*1em;*/
  height:55px;
  border:1px #dfdfdf solid;
  color:#282727;
  margin:5px 20px 5px 0px;
  padding:10px;
  background-color:#ffffff;
  border-radius:0;
}
.vapaakenttaSuodatin,
.valitsin { float:left;}
.vapaakenttaSuodatin::-moz-placeholder 			{ font-size: 24px;  line-height:55px;  padding:0px; }
.vapaakenttaSuodatin:-ms-input-placeholder 		{ font-size: 24px;  line-height:55px;  padding:0px; }
.vapaakenttaSuodatin::-webkit-input-placeholder	{ font-size: 24px;  line-height:55px;  padding:0px; }
.ohjelmaValitsimet {}
.esiintyjaValitsimet {}
.ohjelmaValitsimet,
.esiintyjaValitsimet,
.naytteilleasettajaValitsimet { margin-bottom:30px;}
.vapaakenttaSuodatin {}
.vapaakenttaSuodatettu {}

.nollaaSuodatinValinnat {
	display:block;
	float:right;
	height:auto;
	width:auto;
	color:#ffffff;
	background-color:#282727;
	border-color:#282727;
	cursor:pointer;
	margin-right:0px;
	padding-bottom:0;
	padding-top:0;
}

/* Suodattimein mediat */
@media all and (max-width:1200px){
	.nollaaSuodatinValinnat {
		clear:both;
		float:left;
	}
}

/*  ESIINTYJÄT */
.esiintyjat-container { padding-top:30px;}

.esiintyjat-row {
	position:relative;
/*	width:100%;*/ /* Ongelmia vai ei? */
	height:auto;
	margin-top:30px;
	margin-left: -5px;
}
.esiintyjaKortti-kuori{ padding: 5px !important; }

.esiintyjaKortti {
	width:100%;
	height:auto;
	display:block;
	float:left;
	position:relative;
	margin-top:18px;/*30px;*/
	border: 1px solid #cdcdcd;
}
.esiintyjaKortti a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 999;
}
.esiintyjaKortti-kuva {
	display:block;
	height:auto;
	width:100%;
	overflow:hidden;
}
.esiintyjaKortti-kuva img {
	display:block;
	height:auto;
	width:100%;
	float:left;
}
.esiintyjaKortti-kuva img[src=""] { display:none;}

.esiintyjaKortti-teksti {
	width:100%;
	height: auto;
	display: block;
	float: left;
	background:#fff url(/kuvat/ikonit/esiintyjanuoli2019.png) right 20px bottom 20px  no-repeat;
	color: #000;
	padding: 20px 45px 20px 20px;
	font-size: 16px;
}

.esiintyjaKortti-teksti-nimi {

	font-weight:800; font-size: 1.4em; line-height:1.2em; font-family: 'poppins', sans-serif; position: relative; padding-bottom: 30px;

}
.esiintyjaKortti-teksti-nimi::after {
	width: 30px;
	height: 20px;
	display:block;
	float:left;
	background:#fff url(/kuvat/ikonit/kirjainmerkki.png) top left no-repeat;
	content: "";
	position: absolute;
	left: 0;
	top: auto;
}

.esiintyjaKortti-teksti-kustantaja { font-weight:bold; font-size:1em; line-height:1em; font-family: 'poppins', sans-serif;}
.esiintyjaKortti-teksti-titteli { font-weight:bold; font-size:0.9em; line-height:1.1em; text-transform: uppercase; font-family: 'poppins', sans-serif; margin-bottom: 6px;}

.esiintyjaKortti-teksti-nimi,
.esiintyjaKortti-teksti-kustantaja { /*text-transform:uppercase;*/}
.esiintyjaKortti-teksti-titteli:first-letter {/*text-transform:uppercase;*/}

/* masonry feikkaus ja heitetään feikkiä seuraava laatikko uudelle riville */
.esiintyjaKortti-dummy {}
/* LAAJENNUKSET */
@media (min-width: 1512px) {
	.container {  max-width: 1482px; } /* säädä bootstrappiin */
	#etusivunkaruselli { max-width: 1482px; }
	#ingressi-container { max-width: 1452px;/*1482px;*/ }

}
.col-xxs-12 {}
.container {overflow:hidden;}
@media (max-width: 480px) {
	.col-xxs-12 { width:100%;}
}

/*
BLOGI
*/

#blogi-fluid {
	margin-top: 30px;
	/*background-color: #e8e2e8; */
	padding-bottom: 60px;
}
#blogi-rivi {
	margin-top: 30px;
	margin-left: -20px;
	padding-bottom: 60px;
}

#blogiOtsikko {
	position:relative;
	font-weight:800;
	color:#000;
	font-size: 35px;
	line-height: 70px;
	background-color: #fff;
	display:block;
	width: 100%;
	text-align:center;
	float: left;
}
#blogiKaruselli {
	display: block;
	position: relative;
	float: left;
	height: auto;
	/* width: calc(100% - 65px); /* otsikko ja karusellin näppäimet 100 + 65px */
	width: 100%;
	background-color:#FFF;
	padding: 0rem;
}
.blogi-kuori {
	padding: 5px !important;
}

.blogi-dia {

	border: 1px solid #cdcdcd;
	padding: 0;
}
.blogi-dia a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blogi-dia-kuva {
	margin-bottom: 0px;
}
.blogi-dia-kuva img.img-responsive {
	width: 100%;
}

/* padding: 20px 45px 20px 20px; */
.blogi-dia-aikaleima, time.published {
	display:block;
	float:left;
	width:100%;
	height:auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 20px 20px 6px 20px;
}
time.published {margin: 0px 0px 6px 0px;}

.blogi-dia-otsikko {
	display:block;
	float:left;
	width: 90%;
	height:auto;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1em;
	margin: 0px 20px 20px 20px;
	min-height: 4rem;
}
.blogi-dia-sisalto { font-size:16px; line-height:1.4em; margin: 10px 20px 10px 20px;}
@media(min-width: 768px) and (max-width: 991px) {
	.blogi-dia-sisalto { min-height: 240px;}
}
@media(min-width: 991px) and (max-width: 1200px) {
	.blogi-dia-sisalto { min-height: 220px;}
	.post-template-default .blogi-dia-sisalto {
    	min-height: 340px;
	}
}

@media (min-width: 1200px) {
	.blogi-dia-sisalto { min-height: 240px;}
	.post-template-default .blogi-dia-sisalto {
    	min-height: 340px;
	}
}
h3.blogheader {
	margin-bottom: 4rem;
	font-size: 3rem;
	text-align: center;
}
@media(min-width: 768px) {
	h3.blogheader {
		margin-top: 0;
	}
}

@media (max-width: 576px) {
	h1.entry-title {
		font-size: 3rem;
	}
	h3.blogheader {
		font-size: 2rem;
	}
}

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

@media (min-width: 991px) {
	.single h1 {
		font-size: 5rem;
		margin-bottom: 2rem;
	}
}

.blogikuva {
	width: 100%;
	display: block;
	margin: 2rem 0 5rem;
}

/* UUTISET RSS */
#uutiset-fluid {
	margin-top:30px;
	background-color:#e8e2e8;
	padding-top:60px;
	padding-bottom:60px;
	border-top:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}
#uutiset-container {
	background-color:transparent;
	overflow:visible;
}
#uutiset-rivi > div { }
#uutisetOtsikko {
	position:relative;
	font-weight:800;
	/*text-transform:uppercase;*/
	color:#ffffff;
	font-size:70px;
	background-color:#e5003f;
	display:block;
	width:100px;
	height:380px;
	line-height:100px;
	text-align:center;
	float:left;
}
#uutisetOtsikko span {
	display:block;
	float:left;
	height:100px;
	width:380px;
	position:relative;
	-webkit-transform-origin:right top;
	-moz-transform-origin:right top;
	-o-transform-origin:right top;
	-ms-transform-origin:right top;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform-origin:right top;
	transform:rotate(-90deg);
	left:-380px;
}

#uutisetKaruselli {
	display:block;
	position:relative;
	float:left;
	height:380px;
	width:calc(100% - 165px); /* otsikko ja karusellin näppäimet 100 + 65px */
	background-color:#FFFFFF;
}

#uutisetKaruselli .owl-wrapper-outer { height:100%;}
#uutisetKaruselli .owl-wrapper-outer .owl-wrapper { height:100%;}
#uutisetKaruselli .owl-wrapper-outer .owl-wrapper .owl-item { height:100%;}

#uutisetKaruselli .owl-controls {
	position:absolute;
	top:10px;
	right:-70px;
	background-color:transparent;
}

#uutisetKaruselli .owl-controls .owl-buttons {
	width:auto;
}
#uutisetKaruselli .owl-controls .owl-buttons .owl-prev,
#uutisetKaruselli .owl-controls .owl-buttons .owl-next {
	width:65px;
	height:65px;
	line-height:65px;
	text-align:center;
	padding:0;
	clear:both;
	float:left;
	background-color:rgba(12,193,222,1);
	background-position:center center;
	background-repeat:no-repeat;
	opacity:1;
	border-radius:0;
	color:#ffffff;
	font-size:40px;
}
#uutisetKaruselli .owl-controls .owl-buttons .owl-prev { background-image:url(/kuvat/ikonit/nuoli-vasen.png);}
#uutisetKaruselli .owl-controls .owl-buttons .owl-next {background-image:url(/kuvat/ikonit/nuoli-oikea.png);}
.uutiset-dia {
	position:relative;
	display:block;
	float:left;
	height:100%;
	width:100%;
	padding:30px;
	border-top:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
	overflow:hidden;
}

.uutiset-dia-aikaleima {
	display:block;
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:1em;
	margin:0 0 10px 0;
}

.uutiset-dia-otsikko {
	display:block;
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	line-height:1em;
	margin:0 0 10px 0;
}
.uutiset-dia-sisalto { font-size:16px; line-height:1.4em;}
/* /UUTISET RSS */

/* FOOTTERI */
#footer {
	margin-top:60px;
	margin-bottom:60px;
	text-align:center;
}

.footer-logo {
	display:inline-block;
	float:none;
	width:auto;
	height:auto;
	min-width:130px;
	min-height:100px;
	line-height:100px;
	text-align:center;
	margin-top:30px;
	margin-right:20px;
}

.footer-logo img {
	display:inline-block;
	float:none;
}

@media all and (max-width:480px){
	#footer .row {text-align:center;}
	.footer-logo {
		clear:both;
		float:none;
		display:inline-block;
		max-width:100%; }
}
.disclaimer {
	margin-top: 4rem;
}
.muutokset {}
.muutokset p {
	margin:0;
	padding:0;
	font-size:10;
	font-style:italic;
	text-align:left;
}

/* /FOOTTERI */

/* osta liput ja ohjeet */
#ostaLiput {
	display:block;
    position:fixed;
	bottom:60px;
	right:0;/*-230px;*/
	z-index:300; /*3000*/
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-indent: 0px;
	font-size: 20px;
	background:transparent url(/kuvat/ikonit/osta-liput-nuoli-harmaa.png) left center no-repeat;
	font-weight:800;
	text-transform:uppercase;
	color:#ffffff;
}

#ostaLiput a {	padding-left:30px;	}

@media all and (max-width:1000px){
	#ostaLiput {
		width:190px;
		height:50px;
		line-height:50px;
		font-size:20px;
		padding-left:0;
		text-indent:0;
	}
}
@media all and (max-width:700px){
	#ostaLiput {
		width:90px;
		height:40px;
		line-height:1em;
		font-size:17px;
		padding-top:5px;
		text-indent:0;
	}
}

@media all and (max-width:480px){
	#ostaLiput {
		width:100%;
		height:40px;
		line-height:40px;
		font-size:24px;
		padding-left:0px;
		padding-top:3px;
		text-indent:0;
		text-align:center;
		background-color:#282727;
		background-image:none;
		bottom:45px;/*0;*/
	}

	#ostaLiput a {
		padding-left:30px;
	}

	#footer {
		margin-bottom:120px;
	}
}

#ostaLiput a {
	display:block;
	width:100%;
	height:100%;
	line-height:inherit;
	color:#ffffff;
	text-decoration:none;
}

#muistilistanOhjeet {
/*	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	padding:10px;
	position:fixed;
	z-index:300;
	bottom:130px;
	right:0;
	height:190px;
	width:270px;/*300px;*/
	/*display:block;
	background-color:#ffffff;
	border:#282727 1px solid;
	background:#ffffff url(/kuvat/kuvitus/opaskorppi.png) right bottom no-repeat;
	-webkit-transition:right 0.5s linear 0.3s;
	transition:right 0.5s linear 0.3s;*/
    display:none;
}

@media (max-width:480px){
	#muistilistanOhjeet {
		bottom:90px;
		height:auto;
		background-image:none;
	}
}

#muistilistanOhjeet  img {
	display:block;
	float:left;
	margin-right:10px;
}
#muistilistanOhjeet p { }
#muistilistanOhjeet.piiloon { right:-340px;}
#ohjeenSulkunappi {
	position:absolute;
	z-index:300;
	top:-10px;
	left:-10px;
	width:20px;
	height:20px;
	line-height:22px;
	text-align:center;
	font-size:26px;
	border:inherit;
	background-color:#ffffff;
	cursor:pointer;
	-ms-transform-origin:center center;
	-ms-transform:rotate(45deg);
	-webkit-transform-origin:center center;
	-webkit-transform:rotate(45deg);
	transform-origin:center center;
	transform:rotate(45deg);
	-webkit-transition:transform 0.3s linear 0s;
	-webkit-transition:-webkit-transform 0.3s linear 0s;
	transition:-webkit-transform 0.3s linear 0s;
	transition:transform 0.3s linear 0s;
	transition:transform 0.3s linear 0s, -webkit-transform 0.3s linear 0s;
}

#muistilistanOhjeet.piiloon #ohjeenSulkunappi {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
#ohjeanimaatio {
	display:block;
	float:left;
	height:70px;
	width:50px;
	background-color:#ffffff;
	position:relative;
	background-image:url(/kuvat/ikonit/omalista-varaamaton.png);
	background-position:left top;
	background-repeat:no-repeat;
	-webkit-animation-name:muistiikoni;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:4;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-moz-animation-name:muistiikoni;
	-moz-animation-duration:1.5s;
	-moz-animation-timing-function:ease-in-out;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:4;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-o-animation-name:muistiikoni;
	-o-animation-duration:1.5s;
	-o-animation-timing-function:ease-in-out;
	-o-animation-delay:0s;
	-o-animation-iteration-count:4;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;
	animation-name:muistiikoni;
	animation-duration:1.5s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count:4;
	animation-direction:alternate;
	animation-play-state:running;

}
#ohjenuoli {
	position:absolute;
	z-index:300;
	bottom:0px;/*12px;*/
	right:0px;/*22px;*/
	width:16px;
	height:20px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(/kuvat/ikonit/hiiren-nuoli-pieni.png);
	-webkit-animation-name:ohjekursori;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:4;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-moz-animation-name:ohjekursori;
	-moz-animation-duration:1.5s;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:0s;
	-moz-animation-iteration-count:4;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-o-animation-name:ohjekursori;
	-o-animation-duration:1.5s;
	-o-animation-timing-function:linear;
	-o-animation-delay:0s;
	-o-animation-iteration-count:4;
	-o-animation-direction:alternate;
	-o-animation-play-state:running;

	animation-name:ohjekursori;
	animation-duration:1.5s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:4;
	animation-direction:alternate;
	animation-play-state:running;
}

/* ohjeiden animaatio(t)  */
@-webkit-keyframes muistiikoni {
	0% { 	background-image:url(/kuvat/ikonit/omalista-varaamaton.png); }
	79% { 	background-image:url(/kuvat/ikonit/omalista-varaamaton.png); }
	100% { 	background-image:url(/kuvat/ikonit/omalista-varattu.png);}
}

@keyframes muistiikoni {
	0% { 	background-image:url(/kuvat/ikonit/omalista-varaamaton.png); }
	79% { 	background-image:url(/kuvat/ikonit/omalista-varaamaton.png); }
	100% { 	background-image:url(/kuvat/ikonit/omalista-varattu.png);}
}
@-webkit-keyframes ohjekursori {
	0% { bottom:0px; right:0px; background-image:url(/kuvat/ikonit/hiiren-nuoli-pieni.png);	}
	25% { right:8px; bottom:3px; }
	50%{ right:15px; bottom:5px; }
	75% { right:20px; bottom:10px; background-image:url(/kuvat/ikonit/hiiren-nuoli-pieni.png); }
	76% {background-image:url(/kuvat/ikonit/sormi-kursori.png); }
	100% { bottom:15px; right:25px; background-image:url(/kuvat/ikonit/sormi-kursori.png); }
}


@keyframes ohjekursori {
	0% { bottom:0px; right:0px; background-image:url(/kuvat/ikonit/hiiren-nuoli-pieni.png);	}
	25% { right:8px; bottom:3px; }
	50%{ right:15px; bottom:5px; }
	75% { right:20px; bottom:10px; background-image:url(/kuvat/ikonit/hiiren-nuoli-pieni.png); }
	76% {background-image:url(/kuvat/ikonit/sormi-kursori.png); }
	100% { bottom:15px; right:25px; background-image:url(/kuvat/ikonit/sormi-kursori.png); }
}
#ohjeteksti {
	display:block;
	float:left;
	width:200px;
	height:100px;
	background-color:#ffffff;
}

/*
OMA LISTA
*/

/* modal auki (tulostusta varten) */
body.modal-open {}

.modal {z-index: 9999065;}
/* Modal*/
#omaLista {}
#omaLista .modal-content { border-radius:0; }
#omaLista .modal-content .btn.btn-default { border-radius:0; }
#omaLista .modal-content .btn.btn-default,
#omaLista .modal-content .btn.btn-default:hover,
#omaLista .modal-content .btn.btn-default:active {
	background-color:#282727;
	color:#ffffff;
	/*text-transform:uppercase;*/
	border-color:#282727;
	font-weight:800;
}
#omaListaOhjelmat { float:left; width:100%; }
#omaListaOhjelmat .ohjelma-paiva { background-image:none;}
#omaListaOhjelmat .ohjelma-lista {margin-bottom:20px;}
#omaListaOhjelmat .ohjelma-ohjelma { max-height:800px;}
.omallaListalla {}
#omaListaOhjelmat .ohjelma-ohjelma { cursor:default;}
#omaListaOhjelmat .ohjelma-ohjelma.ohjelma-auki { background-color:#ffffff;}
#omaListaOhjelmat .ohjelma-ohjelma::after { display:none;}

/* NÄYTTEILLEASETTAJAT */
.naytteilleasettajaValitsimet { text-align:center; margin-bottom:30px;}

.asettajaSuodatin {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    height: 35px;
    border: 1px transparent solid;
    color: #e5003f;
    margin: 5px 20px 5px 0px;
    padding: 5px;
    background-color:transparent;
    border-radius: 0;
	float:none;
	width:auto;
	display:inline-block;
	cursor:pointer;
}
.asettajaValinta {
	display:inline-block;
	float:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:20px;
	height:20px;
	/*margin:5px 6px 0 0;*/
	margin:3px 6px 0 0;
	border:#e5003f 3px solid;
	position:relative;
}

.asettajaSuodatin.valittu .asettajaValinta {
	background:transparent;
}
.asettajaSuodatin.valittu .asettajaValinta::before {
	position:absolute;
	top:3px;
	left:2px;
	width:14px;
	height:3px;
	background-color:#e5003f;
	content:' ';
	-webkit-transform-origin:0px 0px;
	-webkit-transform:translate(1px,-2px) rotate(45deg);
	transform-origin:0px 0px;
	transform:translate(1px,-2px) rotate(45deg);
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
}

.asettajaSuodatin.valittu .asettajaValinta::after {
	position:absolute;
	bottom:3px;
	left:2px;
	width:14px;
	height:3px;
	background-color:#e5003f;
	content:' ';
	-webkit-transform-origin:0px 3px;
	-webkit-transform:translate(1px,2px) rotate(-45deg);
	transform-origin:0px 3px;
	transform:translate(1px,2px) rotate(-45deg);
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-timing-function:linear;
	transition-timing-function:linear;
}

.asettajaValinta::before { }
.asettajaValinta::after { }
.naytteilleasettajat-row {
	position:relative;
	height:auto;
}

.naytteilleasettajaKortti-kuori,
.naytteilleasettajaKortti-kuori-dummy {
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:20%;
	padding-left:10px;
	padding-right:10px;
}

.naytteilleasettajaKortti-kuori.kortti-piilossa {display:none;}
.naytteilleasettajaKortti-kuori.vapaakenttaSuodatettu {display:none;}
.naytteilleasettajaKortti-kuori-dummy {}

@media (max-width: 480px) {
	.naytteilleasettajaKortti-kuori-dummy,
	.naytteilleasettajaKortti-kuori { width:100%;}	}
@media (min-width: 480px) {
	.naytteilleasettajaKortti-kuori-dummy,
	.naytteilleasettajaKortti-kuori { width:50%;}	}

@media (min-width: 768px){
	.naytteilleasettajaKortti-kuori-dummy,
	.naytteilleasettajaKortti-kuori { width:33.333%;}	}

@media (min-width: 880px){
	.naytteilleasettajaKortti-kuori-dummy,
	.naytteilleasettajaKortti-kuori { width:25%;}	}

/*@media (min-width: 1512px) { 	*/
@media (min-width: 1000px) {
	.naytteilleasettajaKortti-kuori-dummy,
	.naytteilleasettajaKortti-kuori { width:20%;}	}

.naytteilleasettajaKortti {
	width:100%;
	height:auto;
	display:block;
	float:left;
	position:relative;
	margin-top:18px;
}
.naytteilleasettajaKortti-kuva {
	display:block;
	height:auto;
	max-height:250px;
	width:100%;
	overflow:hidden;
	position:relative;
}
.naytteilleasettajaKortti-kuva img {
	display:block;
	height:auto;
	width:auto;
	max-width:100%;
	max-height:100%;
	float:none;
	margin:0 auto;
	bottom:0;
	left:0;
}
.naytteilleasettajaKortti-kuva img[src=""] { display:none;}
.naytteilleasettajaKortti-teksti {
	position:relative;
	width:100%;
	min-height:50px;
	display:block;
	float:left;
	background:#e8e2e8;
	color:#282727;
	padding:20px;
	font-size:16px;
	overflow:hidden;
}
.naytteilleasettajaKortti-teksti h6 {
	font-size:18px;
	font-weight:800;
	/*text-transform:uppercase;*/
	color:#282727;
	margin-bottom:5px;
}
.naytteilleasettajaKortti-teksti-osasto {
	position:absolute;
	bottom:20px;
	left:20px;
	height:auto;
	width:calc(100% - 40px);
	font-size:18px;
	font-weight:800;
	/*text-transform:uppercase;*/
	color:#282727;
}
.n-lisatiedot {
	display:block;
	float:left;
	width:100%;
	background-color:transparent;
	max-height:15000px;
	overflow:hidden;
	margin-top:10px;
	position:relative;
}

.n-lisatiedot-avaaja {
	display:none;
	position:absolute;
	width:48px;
	height:16px;
	line-height:16px;
	font-weight:400;
	background-color:#ffffff;
	border-top:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	bottom:0;
	left:calc(50% - 24px);
	content:'...';
	text-align:center;
	border-top-left-radius:48px 24px;
	border-top-right-radius:48px 24px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	opacity:1;
	-webkit-transition:opacity 0.3s linear 0s;
	transition:opacity 0.3s linear 0s;
	cursor:pointer;
}

.n-lisatiedot-avaaja::after { 	content:'...';}
.pidempi.n-lisatiedot .n-lisatiedot-avaaja { display:none;/*block;*/ }
.pidempi.n-lisatiedot.tiedot-auki .n-lisatiedot-avaaja::after { 	content:'-'; }

.n-lisatiedot.tiedot-auki {
	max-height:85000px;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.n-osasto,
.n-osoite,
.n-puh,
.n-email {
	margin:0;
	padding:0;
	line-height:1.2em;
	color:#282727;
}
.n-osasto {
	font-weight:800;
	/*text-transform:uppercase;*/
	color:#282727;
	margin-bottom:15px;
}

@media (min-width: 768px){
	.näytteilleasettajat-container { width:100%;}
}
/*
ESIINTYJÄ-SIVU
*/
body.single-esiintyja .esiintyja h2 {
	font-weight:800;
	font-size:60px;
	line-height:1.2em;
	margin:0;
	padding:0;
	/*text-transform:uppercase;*/
}
body.single-esiintyja .esiintyja { margin-top:70px; width: 100%;}
.container.esiintyja .ohjelma-ohjelma::before {
    background: transparent;
}

@media print {
	body.ohjelma {
		padding-top:100px;
		background-position:center 10px !important;
		background-repeat:no-repeat !important;
		background-size:auto 80px !important;
	}
	.ohjelma-ohjelma { border:none; margin-top:20px;}
	body.modal-open > * {  display:none !important;}
	body > #omaLista { display:none;}
	body.modal-open > #omaLista {
		display:block !important;
		position:relative;
		float:left;
		width:100% !important;
		height:auto;
	}
	body.modal-open > #omaLista .modal-dialog {
		display:block !important;
		position:relative;
		float:left;
		width:100% !important;
		height:auto;
	}
	body.modal-open > #omaLista .modal-dialog .modal-content { border:none !important;}
	body.modal-open #omaLista .modal-dialog .modal-header { display:none; }
	body.modal-open #omaLista .ohjelma-paiva {
		text-align:left;
	}
	/* ohjelma-sivun tulostus */
	body #omaLista .ohjelma-ohjelma {
		display:block;
		position:relative;
		width:33%;
		float:left;
		border-bottom:none;
		border-left:none;
	}

	body #omaLista .ohjelma-ohjelma:nth-of-type(3n) {border-right:none;}
	body #omaLista .ohjelma-ohjelma:nth-of-type(3n+1) {clear:left;}
	body #omaLista .btn.btn-default { display:none;}
	body #omaLista .ohjelma-ohjelma > .ohjelmaKuvaus { display:none;}
	/* ohjelma-sivun tulostusnäkymä */
	body.ohjelma #ostaLiput,
	body.ohjelma header,
	body.ohjelma #head-fluidContainer,
	body.ohjelma footer	 {
		display:none;

	}
	body.ohjelma #ohjelmat-container 	{ width:100%; margin:0; padding:0; float:left; height:auto; max-height:none;	}
	body.ohjelma #ohjelmat-container .row >.col-sm-4.col-xs-12 {
		display:block;
		float:left;
		width:100%;
	}

	body.ohjelma .ohjelma-row .ohjelma-ohjelma {
		display:block;
		position:relative;
		/*width:33.33%;*/
		float:left;
		border-left:none;
		max-height:10000px !important;
		height:auto;
		background-color:#FFFFFF !important;
		-webkit-transition: none !important;
		transition: none !important;
		border-bottom: 1px solid grey;
    	padding-bottom: 4rem;
	}

	body.ohjelma #ohjelmat-container .ohjelma-ohjelma::after,
	body.ohjelma #ohjelmat-container .ohjelma-ohjelma::before { display:none;}
	body.ohjelma #ohjelmat-container .ohjelma-ohjelma:nth-of-type(3n) {border-right:none;}
	body.ohjelma #ohjelmat-container .ohjelma-ohjelma:nth-of-type(3n+1) {clear:left;}
	body.ohjelma #ohjelmat-container .ohjelma-ohjelma .esiintyja .ohjelmaEsiintyja-nimi a::after {display:none;}
/*	body .ohjelma-ohjelma .ohjelmaKuvaus {display:none;}*/

	.evasteIlmoitus {display: none;}

	body.ohjelma .ohjelma-paiva.paivaKiinni + .ohjelma-lista, body.ohjelma .ohjelma-piilossa {
		max-height: 0;
		display: none !important;
	}

}
/*
Info, Teema ym. sivut
*/
body.page-template-template-custom #info-container.container {
	width: 80% !important;
	}
@media (min-width: 768px){
	body.page-template-template-custom #info-container { width:100%;}
}
@media (max-width: 980px){
	body.page-template-template-custom #info-container.container{ width:100% !important;}
	#info-container.container img {
		max-width: 100%;
		height: auto;
	}
}

body.page-template-template-custom h1 {
	font-weight:800;
	font-size:60px;
	}
body.page-template-template-custom h2 {
	font-weight:800;
	font-size:60px;
	line-height:1.2em;
	/*text-transform:uppercase;*/
}
body.page-template-template-custom h3 {
	font-weight:800;
	font-size: 48px;
	line-height:1.2em;
	color: #e5003f;
}
body.page-template-template-custom p {
	font-size: 1.1em;
	color: #333;
	}
body.page-template-template-custom .ingressi {
	line-height: 1.5em;
	}

body.page-template-template-custom img {
	max-width: 100%;
	height: auto;
	margin-top:0;
}
#info-container { margin-top:0;}
#info-container h1,#info-container h2 { margin: 4rem 0 1.6rem}

#info-container > h3,
#info-container > div > h3,
#info-container > p,
#info-container > div > p { max-width:1000px;}
body.info #info-container, body.teemat #info-container { max-width:1000px;}
body.page-template-template-custom #info-container h2 > img { margin-bottom:60px; margin-top:0;}
#info-container h3 { /*text-transform:uppercase;*/}
body.info-osta-liput #info-container > p:first-of-type { max-width:100%;}

/* INFO yms. sivujen mobiili breakpointit */

@media (max-width:600px) {

	body.page-template-template-custom #info-container.container,
	body.page-template-template-custom #info-container.container p > img {
		margin-top:0;
	}


	body.page-template-template-custom h1 {
		font-size:60px;
	}

	body.page-template-template-custom h2 {
		font-size:40px;/*60px;*/
		line-height:1.0em;/*1.2em;*/
	}

	body.page-template-template-custom h3 {
		font-size: 25px;/*30px;*//*48px;*/
		line-height:1.0em;/*1.2em;*/
	}

	body.page-template-template-custom #info-container h2 > img { margin-bottom:30px;}
	#info-container h2 { margin-bottom: 1rem;}

}

/* EVÄSTEEN HYVÄKSYMINEN */
#evasteIlmoitus {
	position:fixed;
	z-index:10000000;
	bottom:0;
	left:0;
	width:100%;
	min-height:none;
	height:auto;
	text-align:center;
	background:#282727;
	color:#ffffff;
	font-size:18px;
	/*padding:10px 0 0 0;*/
	line-height:1.2em;
}
.evasteOK {}
#evasteIlmoitus.evasteOK { display:none;}
#evasteIlmoitus p {
	padding:10px 0;
	margin:0;
	color:#ffffff;
	font-size:18px;
}
#evasteIlmoitus a {
	color:#ffffff;
	text-decoration:underline;
}
#evasteIlmoituksenSulku {
	margin-left:10px;
	cursor:pointer;
}

.search-results article {
	display: block;
    clear: both;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
	padding: 2rem 0;
}

.search-results article .entry-summary {
	/*display: inline-block;*/
    clear: both;
	margin-bottom: 2rem;
}

body.single .muutokset {display: none;}

/*WP defaults */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignnone {
	max-width: 100%; height: auto;
}
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Pagination */

/* Esiintyjät Pagination */

.esiintyjat-row + .pagination {

	display: none !important;
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}

.esiintyjat-row + .pagination > li {

	display: block;
}

.esiintyjat-row + .pagination.wpv-pagination-nav-links-container .page-link {

	font-size: 1.2em;
	color: #282727;
}

.esiintyjat-row + .pagination > .active > span {

	color: #282727;
	background: #e8e2e8;
	border-color: #282727;
}

.esiintyjat-row + .pagination > li > a,
.esiintyjat-row + .pagination > li > span {

	float: none;
}

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

	.esiintyjat-row + .pagination > li.page-item:not(.wpv-pagination-nav-links-item) {

		display: none;
	}
}

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

	.esiintyjat-row + .pagination {

		flex-flow: row wrap;
	}

	.esiintyjat-row + .pagination.wpv-pagination-nav-links-container .page-link {

		min-width: 5rem;
		text-align: center;
		margin-bottom: 0.5rem;
	}
}

/* Esiintyjät lataa lisää */

.kirjamessut_lataa_lisaa_container {

	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
}

.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa {

	position: relative;
	background: #e8e2e8;
	border: none;
	font-size: 22px;
	padding: 16px 32px;
	text-align: center;
	border-radius: 2px;
	pointer-events: auto;
}

.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa.disabled {

	display: none !important;
}

.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa.loading {

	background: transparent;
	color: transparent;
}

.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa.loading:before {

	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	border: 6px solid #e8e2e8;
  border-top: 6px solid #a39fa3;
	border-radius: 50%;
	animation: kirjamessut_loader_spin 1s linear infinite;
}

@keyframes kirjamessut_loader_spin {

  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.esiintyjaValitsimet,
.esiintyjat-row {

	transition: 0.4s opacity ease;
}

.esiintyjaValitsimet.loading {

	opacity: 0.5;
	pointer-events: none;
}

.esiintyjat-row.loading {

	opacity: 0;
	pointer-events: none;
}

.esiintyjaValitsimet .vapaakenttaSuodatin {

	display: block;
	width: 100%;
	margin: 0;
}

.esiintyjaValitsimet  .vapaakenttaSuodatin_wrapper {

	position: relative;
	display: inline-block;
	max-width: 280px;
	margin: 5px 20px 5px 0px;
}

.esiintyjaValitsimet  .vapaakenttaSuodatin_wrapper button {

	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #282727;
	border-color: #282727;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 1rem;
}

@media screen and (pointer: fine) {

	.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa:not(.loading):hover {

		background: #c9c4c9;
	}
}

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

	.kirjamessut_lataa_lisaa_container button.kirjamessut_lataa_lisaa:not(.brute) {

		background: transparent;
		color: transparent;
		pointer-events: none;
	}
}

/* Feed them */

.fts-mashup img {

	display: block;
	width: 100%;
	height: auto;
}