/* Mustapää-teeman lisäykset vanhan saitin css/bootstrap.min.css:n ja css/style.css:n päälle. Molemmat
   vanhat tiedostot ovat sellaisinaan, joten tähän tulee vain se, mikä AivoCMS:ssä on toisin:
   inline-tyylit luokiksi (CSP), Bootstrapin karusellin rakenne, LISE-kortit ja kartta. */

/* Karuselli: vanhassa #myCarousel-elementillä ei ollut carousel-luokkaa, joten vain .carousel-innerin
   Bootstrap-säännöt olivat käytössä. */
.carousel-inner {
	position: relative;
	overflow: hidden;
}
.carousel-inner > .item {
	position: relative;
}

/* Inline-tyylit vanhoista templateista (CSP estää style=""-attribuutin) */
.bottom a.valkoinen {
	color: #fff;
}
.infografiikka {
	margin-bottom: 15px;
}
.kaikki-tarvikkeet {
	text-align: center;
	font-size: 25px;
}
.ota-yhteytta-iso {
	text-align: center;
	font-size: 26px;
	margin-top: 30px;
}
/* Keskitetty palsta (keskitetty.html, kierratyspalvelut.html): vanhan sisällön inline-tasaus */
.keskitetty {
	text-align: center;
}
/* Footerin "SAVONLINNA" oli kirjoitettu isoin kirjaimin; yritystiedoissa kaupunki on Savonlinna. */
.isot {
	text-transform: uppercase;
}

/* Haku- ja 404-sivu (ei sivua, ks. pohja.html) */
.sivuton {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Pakkaustarvikkeet: tuonnin staattinen LISE-lista (.lise-lista > .lise-kohde > p.lise-*) vanhan
   kortin näköiseksi. Vanhassa kortti oli .col-xs-12.col-sm-6.col-md-3 > .rompe, kuvana Gallery-moduulin
   232 x 209 -pikkukuva (rajattu), otsikko h2 ja hinta span. */
.tarvikkeet .lise-lista::after {
	content: "";
	display: table;
	clear: both;
}
.tarvikkeet .lise-kohde {
	float: left;
	width: 100%;
	min-height: 350px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.tarvikkeet .lise-kohde {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.tarvikkeet .lise-kohde {
		width: 25%;
	}
}
.tarvikkeet .lise-kuvagalleria {
	margin: 0;
}
.tarvikkeet .lise-kuvagalleria img {
	display: block;
	width: 232px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 232 / 209;
	object-fit: cover;
	margin: 0 auto 15px;
}
.tarvikkeet .lise-tuotteen_otsikko {
	margin: 22px 0 11px;
	font-family: 'antonioregular';
	font-size: 21px;
	line-height: 1;
	text-transform: uppercase;
}
.tarvikkeet .lise-hinta {
	margin: 0;
	font-family: 'sintonybold';
	color: #f07d00;
	font-size: 23px;
}

/* Google-kartta (Yhteydenotto): vanha iframe oli oikean laatikon lopussa, 100 % x 450 px. Kartta
   ladataan vasta klikkauksesta (mustapaa.js), joten sen paikalla on samankokoinen korvike. */
.box .kartta-upotus,
.box .kartta-kehys {
	display: flex;
	width: 100%;
	height: 450px;
	border: 0;
}
.box .kartta-upotus {
	align-items: center;
	justify-content: center;
	background: #e5e3df;
	color: #333;
	font-size: 18px;
}
.box .kartta-upotus:hover,
.box .kartta-upotus:focus {
	border-bottom: 0;
	color: #f07d00;
	text-decoration: underline;
}