div.wp-block-spacer{
	margin-top: 0px;
}



/*hero*/

div.hero-tausta{
	clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
	padding-bottom: 10px;
	height: 100vh;
	min-height: 632px;
}
div.hero-kuva{
	clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%);
	height: 100%;
}
div.hero-kuva .wp-block-cover__inner-container{
	position: relative;
	top: 125px;
}
div.hero-kuva h1{
	font-size: clamp(2.5rem, 1.0816rem + 4.898vw, 5rem);
	text-shadow: 1px 1px 25px #000000b0;
}
@media (width < 700px){
	div.hero-tausta{
		clip-path: polygon(0% 0%, 100% 0, 100% 95%, 50% 100%, 0 95%);
		max-height: 800px;
	}
	div.hero-kuva{
		clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
	}
}
@media (width < 400px){
	h2{
		font-size: var(--wp--preset--font-size--5-x-large);
	}
}


/*tuotteet*/
.etusivu-tuotteet{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (width < 900px){
	.etusivu-tuotteet{
		grid-template-columns: 1fr 1fr;
	}
}
@media (width < 450px){
	.etusivu-tuotteet{
		grid-template-columns: 1fr;
	}
}

.etusivu-tuotteet img{
	clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
	width: 100%;
}
img.wp-image-2174{
	object-position: 50% 10%;
}
img.wp-image-2175{
	object-position: 50% 30%;
}
img.wp-image-2176{
	object-position: 50% 100%;
}



/*palvelut*/

.etusivu-palvelut > div{
	flex: 1;
}
.etusivu-palvelut > div > div{
	width: 100%;
	height: 100%;
}
.etusivu-palvelut p.has-11-x-large-font-size{
	position: absolute !important;
	top: -5px;
	z-index: 1;
}
@media (width < 830px){
	.etusivu-palvelut{
		flex-direction: column;
	}
}


/*esittely*/

.esittely{
	width: 120%;
  position: relative;
  right: 20%;
	padding: clamp(1.5rem, 4vw, 4rem) !important;
}
@media (width < 782px){
	.esittely{
		width: 90%;
  		position: relative;
		right:  -5%;
		bottom: 4rem;
	}
}


/*väliosio*/

.valiosio-tausta{
		clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
		padding-bottom: 10px;
	z-index: 3;
}
.valiosio-kuva{
		clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.valiosio-kuva p{
		font-size: clamp(2rem, 1.0816rem + 4.898vw, 5rem) !important;
	text-shadow: 1px 1px 25px #000000b0;
}
@media (width < 700px){
	div.valiosio-tausta{
		clip-path: polygon(0% 0%, 100% 0, 100% 95%, 50% 100%, 0 95%);
	}
	div.valiosio-kuva{
		clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
	}
}

/*logo-sliderit*/
.logo-slider{
	overflow-x: hidden;
}

/*aineisto-ohje*/
.uagb-icon-list__source-wrap{
	margin-top: 8px;
}