/* ///////////////////// */
/* TUOTEKORTIN MUOTOILUT */

.tiny-pad { padding:2px; }
.tuotelista .tuote-pad { padding:5px; }

.tuotelista { margin-top:15px; }

.tuote.laatikko .laatikko-content { padding:0; }
.tuotelista .tuote-kuva { height:140px; background-size:cover; }
.tuotelista a.tuote-kuva:hover {
	box-shadow:none;
}

.tuotelista .laatikko.perus.tuote { /*box-shadow:0 0 3px rgba(0,0,0,0.4);*/ box-shadow:none; border:4px Solid #eee; padding:0; }

.tuotelista h2 {
	font-size:22px;
	line-height:26px;
	text-transform:none;
}
.tuotelista h2 a:hover { text-decoration:underline; }
.tuotelista h4 {
	font-family:'Open Sans', Arial;
	font-size:13px;
	line-height:13px;
	font-weight:400;
	font-style:italic;
	color:#78896E;
	
	margin-top:-5px;
	margin-bottom:8px;
}
.tuotelista p.tuote-kuvaus {
  	font-size:12px;
  	line-height:14px;
	margin-bottom:0;
}
.tuotelista p.hinta {
	background: #FFF;
	padding: 8px 0;
	margin:0 0 5px 0;
	min-height:20px;
	
	font-size: 15px;
  	font-weight: 700;
  	color: #666;
  	text-align: center;
}
.tuotelista p.hinta.eihinta.eiehinta { background:none; }

.tuotelista .nappi.pieni { padding-top:0; padding-bottom:0; line-height:36px; }

.tuotelista .tuote .nappi.tuote-linkki {
	display:none;
	/*
	position:absolute;
	bottom:5px; left:0; right:0;
	opacity:0;
	*/
}
/*.tuotelista .tuote:hover .nappi.tuote-linkki { opacity:1; }*/

@media (min-width:1025px) {
	.tuotelista .laatikko.perus.tuote { padding-bottom:20px; text-align:center; }
	.tuotelista .tuote:after {
		right: 0;
		bottom: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(194, 14, 26, 0);
		border-left-color: #C20E1A;
		border-width: 30px;
		margin-right: -30px;
		margin-bottom: -30px;

		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);

		transition:all 400ms;
		opacity:0;
	}
	.tuotelista .tuote:hover:after { opacity:1; }
	/*.tuotelista .laatikko.perus.tuote:hover a { text-decoration:underline; }*/
	.tuotelista .laatikko.perus.tuote h2 a:after { content:" »"; opacity:0; transition:all 400ms; margin-right:-14px; }
	.tuotelista .laatikko.perus.tuote:hover h2 a:after { opacity:1.0; margin-right:0; }
}


.laatikko.tuote, 
.laatikko.tuote .laatikko-content { margin-bottom:0px; }


.tuotesivu .laatikko.hovertext { background-size:cover !important; }

.tuotesivu .laatikko .laatikko-content,
.tuotesivu .laatikko h3 { margin-bottom:0; }

.tuotesivu .laatikko .laatikko-content { padding:20px 10px 10px 10px; }

@media (min-width:601px) and (max-width:800px) {
	.tuotesivu .laatikko.hovertext { margin-bottom:10px; }
}


/* Tuotekortti */
.tuotekortti .tuote-kuva { height:300px !important; background-size:cover; }
.tuotekortti .tuote-kuva.eikuvaa:hover { box-shadow:none; }
@media (max-width:800px) { .tuotekortti .tuote-kuva { height:200px !important; } }

@media (min-width:801px) {.tuotekortti h1 { font-size:30px; line-height:34px; } }

.tuotekortti .galleria { margin-top:10px; }
.tuotekortti .galleria .kuva {
	margin:2px;
	height:120px;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.tuotekortti .faktat {
	display: inline-block;
	background: #4DB948;
	margin: 10px 0;
	padding: 24px 0px;
	border-radius:50%;
	min-width:88px;
	
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	text-align: center;
}
.tuotekortti .faktat span {
	font-size:10px;
	line-height:10px;
	font-weight:400;
	text-transform:none;
}
.tuotekortti .faktat.kukanvari { font-size:14px; }

.tuotekortti .hinta {
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	margin: 30px 0 10px 0;
}
.tuotekortti .hinta table { width:100%; }
.tuotekortti .hinta table td { width:33%; }
.tuotekortti .hinta table tr:first-child td { font-size:16px; line-height:18px; font-weight:600; }

.tuotekortti table.selite { width:100%; }
.tuotekortti table.selite tr { border-bottom:1px Dotted #ddd; transition:all 200ms; }
.tuotekortti table.selite tr:hover { background:#f0f0f0; }
.tuotekortti table.selite td { padding:5px 8px; }

.tuotekortti .hinta .hintabox {
	display: inline-block;
	padding: 15px 10px;
	margin:2px;
	background-color: #eee;
	min-width: 150px;
}
@media (max-width:800px) {
	.tuotekortti .hinta .hintabox {min-width:0px; width:100px;}
}

@media (max-width:600px) {
	.tuotekortti .hinta .hintabox {min-width:0px; width:49%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:0.5%;
	float:left;
	}
}

.tuotekortti .hinta .hintabox p { font-size:30px; line-height:34px; font-weight:600; margin:0; }
.tuotekortti .hinta .hintabox p.seloste { font-size:15px; line-height:24px; font-weight:400; }


.tuotekortti .tuote-kuva { position:relative; }
.tuotekortti .tuote-kuva .tuotekuva-peitto {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	
	opacity:0;
	background:rgba(194, 14, 26, 0.7);
	transition:all 600ms;
	
	font-size:22px;
	font-weight:400;
	color:#fff;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.tuotekortti .tuote-kuva:hover .tuotekuva-peitto { opacity:1; }


/* ///////////////////////////////// */
/* Lisää tarjouskoriin */
.tuotekortti .tarjouskori-wrap {
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
	padding:0;
	border:0;
	
	display:inline-block;
	background:#eee;
	border-radius:6px;
	width:100%;
}

.tuotekortti #lisaa-koriin {
	padding:12px 25px;
	margin-left:20px;
	margin-top: 5px;
	
	line-height: 1em;
	width: 100%;
	height: 32px;
	
	background: #575757;
	color: #fff;
	border: 0;
	
	font-size: 16px;
	font-weight: 400;
	
	transition:all 600ms;
}
.tuotekortti #lisaa-koriin:hover { background:#78B752; }

.tuotekortti .maara {
	display:inline-block;
	margin-right:10px;
	
	width:100%;
}

.tuotekortti #maara {
	width: 40px;
	padding: 10px 0;
	text-align: center;
	font-size:18px;
	
	transition:all 100ms;
}

.tuotekortti a.nap {padding-left:20px; font-size:20px;}


.tuotekortti .myyntikoko { font-size:22px; line-height:22px; font-weight:400; color:#b2b2b2; vertical-align:12px; padding-left:5px; }


#tarjouskoriin {position:relative; display:inline-block; margin-top:10px;}
#tarjouskoriin .nappi-wrapper {position:relative;}
#tarjouskoriin .maara input { margin-bottom:0; }

.tarvike .tuote-pad {display:inline-block;float:left;}
.tarvike .tuote-kuva {width:100px; height:60px;}
.tarvike .hinta {float:right;}
.tarvike .laatikko-content, .tarvike {padding:0 !important;}
.tarvike h2 {font-size:16px;margin-top:5px;}
.tarvike h4 {text-align:left;}
.tarvike .hinta {
	font-weight:900;
	font-size:18px;
	margin-top:18px;
	margin-right:10px;
}
.tuotelista .tuote.tarvike:after {display:none !important;}
@media (max-width:480px) {
	#tarjouskoriin { display:block; }
	.tuotekortti .tarjouskori-wrap { width:100%; }
	.tuotekortti .maara input { min-width:80% !important; }
	.tuotekortti #lisaa-koriin { padding:10px 0; margin:10px auto; display:block; width:81%; height:20px; }
}


/* SOME-jako */
ul.share-buttons { list-style: none; padding: 0; margin-top:10px; }
ul.share-buttons li { display: inline; }
ul.share-buttons li strong {
	font-size: 16px;
	vertical-align: 9px;
	color: #666;
}



/* Murupolku */
.murupolku { margin-top:-40px; margin-bottom:40px; }
.murupolku a { font-size:12px; font-weight:400; color:#555; margin:0 5px; }
.murupolku a:hover { color:#2FA5D8; text-decoration:underline; }
@media (max-width:800px) { .murupolku { display:none; } }



.tuotekortti .vuokrauspisteet { text-align:center; border-top:1px Dotted #ccc; padding-top:15px; }
.tuotekortti .vpiste.vasen-reunus { }
.tuotekortti .vpiste {
	/*background-color: #eee;*/
	display:inline-block;
	padding: 10px 5px;
	width: 19%;
	text-align: center;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	 border:1px Dotted #ccc;
	 margin:0 0.5%;
}
.tuotekortti .vpiste h3, 
.tuotekortti .vpiste p { margin:5px; font-size:12px; }
.tuotekortti .vpiste img { max-height:15px; }

.tuotekortti .vpiste h3 { font-size:14px; line-height:18px; }

@media (max-width:1024px) {
	.tuotekortti .vpiste { width:49%;margin-bottom:1%; }
}
@media (max-width:600px) { .tuotekortti .vpiste { width:100%; padding:10px 0; } }