@font-face {
  font-family: "Aktiv Grotesk";
  src: url("../fonts/AktivGrotesk-Regular.woff2") format("woff2"),
       url("../fonts/AktivGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Arsilon";
  src: url("../fonts/Arsilon-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

body {
  font-family: "Aktiv Grotesk", sans-serif;
}

strong, b {
	font-weight: bold;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a {
	text-decoration: none;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover {
	text-decoration: underline;
}

.wp-block-heading.is-style-sivina-kaunokirjoitus {
    font-family: "Arsilon";
    /* transform: rotate(-7deg); */
}

.wp-block-heading.is-style-sivina-kaunokirjoitus-offset {
    font-family: "Arsilon";
    transform: rotate(-7deg) translate(-2rem, 2rem);
}

h1.wp-block-heading.is-style-sivina-kaunokirjoitus-offset,
h1.wp-block-heading.is-style-sivina-kaunokirjoitus {
    font-size: calc(var(--wp--preset--font-size--xxl) + 0.5rem);
}
h2.wp-block-heading.is-style-sivina-kaunokirjoitus-offset,
h2.wp-block-heading.is-style-sivina-kaunokirjoitus {
    font-size: calc(var(--wp--preset--font-size--xl) + 0.5rem);
}
h3.wp-block-heading.is-style-sivina-kaunokirjoitus-offset,
h3.wp-block-heading.is-style-sivina-kaunokirjoitus {
    font-size: calc(var(--wp--preset--font-size--l) + 0.5rem);
}

.sivina-herokuva h1.wp-block-heading.is-style-sivina-kaunokirjoitus-offset,
.sivina-herokuva h1.wp-block-heading.is-style-sivina-kaunokirjoitus {
	word-break: keep-all;
}

.sivina-herokuva h1.wp-block-heading.is-style-sivina-kaunokirjoitus,
.sivina-herokuva h1.wp-block-heading.is-style-sivina-kaunokirjoitus-offset {
	position: relative;
}

.sivina-herokuva h1.wp-block-heading {
	position: relative;
	z-index: 1;
}
/* Herokuva ---------------------------*/

.sivina-herokuva {
	--sivina-hero-bg: var(--wp--preset--color--vaalea-pioni);
	background-repeat: no-repeat;
	background: linear-gradient(
		90deg,
		var(--sivina-hero-bg) 50%,
		var(--wp--preset--color--valkoinen) 50%
	);
	gap: 0;
	align-items: stretch;
}

.sivina-herokuva.is-style-sivina-hero-minttu {
	--sivina-hero-bg: var(--wp--preset--color--vaalea-minttu);
}

.sivina-herokuva > .wp-block-column:first-child {
	padding: 4rem 2.5rem;
	display: flex;
	align-items: center;
}

.sivina-herokuva > .wp-block-column:last-child {
	padding: 4rem 2.5rem;
}

.sivina-herokuva .wp-block-image,
.sivina-herokuva .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

@media (max-width: 781px) {
	.sivina-herokuva {
		background: linear-gradient(
			90deg,
			var(--sivina-hero-bg) 85%,
			var(--wp--preset--color--valkoinen) 85%
		);
	}

	.sivina-herokuva > .wp-block-column:first-child,
	.sivina-herokuva > .wp-block-column:last-child {
		padding: 2rem 1.5rem;
	}
}

/* Kuvapalsta ---------------------------*/

.sivina-palstat-kuva {
	--sivina-palstat-bg: var(--wp--preset--color--vaalea-pioni);
	background-repeat: no-repeat;
	background: linear-gradient(
		270deg,
		var(--sivina-palstat-bg) 65%,
		var(--wp--preset--color--valkoinen) 65%
	);
	gap: 0;
	align-items: stretch;
}

.sivina-palstat-kuva--reverse {
	background: linear-gradient(
		90deg,
		var(--sivina-palstat-bg) 65%,
		var(--wp--preset--color--valkoinen) 65%
	);
}

.sivina-palstat-kuva > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem 2.5rem;
}

.sivina-palstat-kuva > .wp-block-column:first-child {
    padding-left: 0;
}

.sivina-palstat-kuva--reverse > .wp-block-column:last-child {
    padding-right: 0;
}

.sivina-palstat-kuva > .wp-block-column:last-child > * {
    padding-right: max(2rem, 50vw - 640px);
} 

.sivina-palstat-kuva--reverse > .wp-block-column:first-child > * {
    padding-left: max(2rem, 50vw - 640px);
} 

.sivina-palstat-kuva .wp-block-image,
.sivina-palstat-kuva .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.sivina-palstat-kuva.is-minttu {
	--sivina-palstat-bg: var(--wp--preset--color--vaalea-minttu);
}

.sivina-palstat-kuva.is-pioni {
	--sivina-palstat-bg: var(--wp--preset--color--vaalea-pioni);
}
@media (max-width: 781px) {
	.sivina-palstat-kuva {
		background: linear-gradient(
			180deg,
			var(--sivina-palstat-bg) 30%,
			var(--wp--preset--color--valkoinen) 30%
		);
	}
	.sivina-palstat-kuva--reverse {
		background: linear-gradient(
			180deg,
			var(--sivina-palstat-bg) 80%,
			var(--wp--preset--color--valkoinen) 80%
		);
	}

	.sivina-palstat-kuva > .wp-block-column {
		padding: 2rem 1.5rem;
	}
}


/* Otsikkopalsta ---------------------------*/


.sivina-palstat-otsikko {
	background-repeat: no-repeat;
	gap: 0;
	align-items: stretch;
    background: linear-gradient(
		270deg,
		var(--sivina-palstat-otsikko-bg) 65%,
		var(--wp--preset--color--valkoinen) 65%
	);
}

@media screen and (max-width: 600px) {
	.sivina-palstat-otsikko {
		background: linear-gradient(
			270deg,
			var(--sivina-palstat-otsikko-bg) 100%,
			var(--wp--preset--color--valkoinen) 100%
		);
	}
	
}
.sivina-palstat-otsikko.is-style-sivina-hero-minttu {
	--sivina-palstat-otsikko-bg: var(--wp--preset--color--vaalea-minttu);
    --sivina-palstat-otsikko-fg: var(--wp--preset--color--minttu);
}

.sivina-palstat-otsikko.is-style-sivina-hero-pioni {
	--sivina-palstat-otsikko-bg: var(--wp--preset--color--vaalea-pioni);
    --sivina-palstat-otsikko-fg: var(--wp--preset--color--pioni);
}

.sivina-palstat-otsikko > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem 2.5rem;
}

.sivina-palstat-otsikko.is-style-sivina-hero-pioni .sivina-palstat-otsikko__vasen {
	background-color: var(--wp--preset--color--pioni);
}

.sivina-palstat-otsikko.is-style-sivina-hero-minttu .sivina-palstat-otsikko__vasen {
	background-color: var(--wp--preset--color--minttu);
}

.sivina-palstat-otsikko__vasen,
.sivina-palstat-otsikko__oikea {
	height: 100%;
	padding: 3rem 2.5rem;
}

.sivina-palstat-otsikko__vasen {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sivina-palstat-otsikko__vasen h2 {
	margin: 0;
}

.sivina-palstat-otsikko__oikea > *:first-child {
	margin-top: 0;
}

.sivina-palstat-otsikko__oikea > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 781px) {
	.sivina-palstat-otsikko > .wp-block-column {
		padding: 2rem 1.5rem;
	}

	.sivina-palstat-otsikko__vasen,
	.sivina-palstat-otsikko__oikea {
		padding: 2rem 1.5rem;
	}
}


/* Ingressi ---------------------------*/

.sivina-ingressi {
	--sivina-ingressi-graphic-width: clamp(280px, 40vw, 700px);
	--sivina-ingressi-graphic-aspect-ratio: 1080 / 700;

	position: relative;
	overflow: visible;
    overflow-x: clip;
	background-color: var(--wp--preset--color--sivinen);
	color: var(--wp--preset--color--valkoinen);
	padding-top: clamp(2rem, 4vw, 4rem);
	padding-right: 1.5rem;
	padding-bottom: clamp(2rem, 4vw, 4rem);
	padding-left: 1.5rem;
}

.sivina-ingressi > .wp-block-group {
	position: relative;
	z-index: 2;
}

.sivina-ingressi .wp-block-paragraph {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 782px) {
	.sivina-ingressi > .wp-block-group {
		/* padding-right: clamp(120px, 18vw, 260px); */
	}
}

.sivina-ingressi::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: var(--sivina-ingressi-graphic-width);
	aspect-ratio: var(--sivina-ingressi-graphic-aspect-ratio);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	pointer-events: none;
	transform: translateX(40%);
}

@media screen and (max-width: 600px) {
	.sivina-ingressi::after {
		display: none;
	}
	
}

.sivina-ingressi.is-style-sivina-ingressi-minttu::after {
	background-image: url("../svg/ingressi-kuvio-minttu.svg");
}

.sivina-ingressi.is-style-sivina-ingressi-pioni::after {
	background-image: url("../svg/ingressi-kuvio-pioni.svg");
}

@media (max-width: 781px) {
	.sivina-ingressi {
		padding-top: 2rem;
		padding-right: 1rem;
		padding-bottom: 2rem;
		padding-left: 1rem;
	}

	.sivina-ingressi::after {
		--sivina-ingressi-graphic-width: clamp(120px, 32vw, 220px);
		transform: translateY(8%);
	}
}


/* Nostot ---------------------------*/

.sivina-liftit {
	margin-top: clamp(2rem, 4vw, 4rem);
	margin-bottom: clamp(2rem, 4vw, 4rem);
}

.sivina-lift {
	height: 100%;
	padding: 1.2rem;
	border-radius: 0.5rem;
}

.sivina-lift > *:first-child {
	margin-top: 0;
    height: 6rem;
    align-content: center;
}

.sivina-lift > *:first-child > *{
    height: 6rem;
    object-fit: contain;
}

.sivina-lift > *:last-child {
	margin-bottom: 0;
}

.sivina-lift .wp-block-buttons {
	margin-top: 1.5rem;
}

@media (max-width: 781px) {
	.sivina-lift {
		padding: 1.5rem;
	}
}


/* Valikko ---------------------------*/


header nav.wp-block-navigation a span {
    color: var(--wp--preset--color--sivinen);
}

header nav.wp-block-navigation a:hover {
    text-decoration: none;
}

header nav.wp-block-navigation a:hover span {
    color: var(--wp--preset--color--minttu);
    text-decoration: none;
}

header nav.wp-block-navigation li.current-menu-ancestor a span,
header nav.wp-block-navigation li.current-menu-item a span {
    color: var(--wp--preset--color--minttu);
}

header nav.wp-block-navigation li.current-menu-item ul a span,
header nav.wp-block-navigation ul.wp-block-navigation-submenu a span {
    color: var(--wp--preset--color--sivinen);
}

header nav.wp-block-navigation ul li a span {
    text-transform: uppercase;
}

header nav.wp-block-navigation ul.wp-block-navigation-submenu li a span {
    text-transform: unset;
}

header nav.wp-block-navigation ul.wp-block-navigation-submenu a:hover span {
    color: var(--wp--preset--color--minttu);
}

header nav.wp-block-navigation li.current-menu-ancestor > a:hover ,
header nav.wp-block-navigation li.current-menu-item a:hover {
    text-decoration: none;
}

header nav.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    border: none;
    border-radius: 0.5rem;
}

header nav.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
    background-color: unset;
}

header nav .wp-block-navigation .wp-block-navigation__submenu-icon {
    display: none;
}

@media screen and (max-width: 600px) {
	header nav.wp-block-navigation ul.wp-block-navigation-submenu li a span {
		text-align: right;
	}
}


@media screen and (max-width: 940px) {
	.sivina-tilaa-nappi-container {
		display: none !important;
	}
}

/* Lomakkeet ---------------------------*/


body.template-full-width .wp-block-contact-form-7-contact-form-selector:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 600px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.wp-block-contact-form-7-contact-form-selector .vierekkain {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin-block-start: 20px;
  margin-block-end: 20px;
}

.wp-block-contact-form-7-contact-form-selector .vierekkain > p {
	margin-block-start: 0px;
	margin-block-end: 0px;
}

.wp-block-contact-form-7-contact-form-selector .vierekkain input {
    width: 220px;
}

.wp-block-contact-form-7-contact-form-selector .vierekkain input[type="checkbox"] {
	width: auto;
	align-self: center;
}

@media (max-width: 600px) {
  .wp-block-contact-form-7-contact-form-selector .vierekkain {
    display: block;
  }
}

.wp-block-contact-form-7-contact-form-selector label {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 300;
}

.wp-block-contact-form-7-contact-form-selector {
    text-align: center;
}

.wp-block-contact-form-7-contact-form-selector input,
.wp-block-contact-form-7-contact-form-selector textarea {
	font-size: 1.2rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	min-height: 2rem;
    width: 500px;
    max-width: 75vw;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid rgb(220, 215, 202);
    border-radius: 0.5rem;

}

.wp-block-contact-form-7-contact-form-selector select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

    font-size: 1.2rem;
    font-weight: 300;
    padding: 0.5rem 1rem;
    min-height: 2rem;
    border: 2px solid rgb(220, 215, 202);
    border-radius: 0.5rem;
    background-color: #fff;
    width: 500px;
    max-width: 75vw;
    
}

.wp-block-contact-form-7-contact-form-selector input[type=submit],
.wp-block-contact-form-7-contact-form-selector input[type=button],
.wp-block-contact-form-7-contact-form-selector input[type=reset],
.wp-block-contact-form-7-contact-form-selector input.btn {
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-weight: normal;
	padding: 1rem 2rem;
    width: 250px;
    max-width: 45vw;
    background-color: var(--wp--preset--color--sivinen);
    color: var(--wp--preset--color--valkoinen);
	border-radius: 0.5rem;
	font-size: var(--wp--preset--font-size--s);
	text-transform: uppercase;
	border-width: 0px;
}

.wp-block-contact-form-7-contact-form-selector input[type=checkbox] {
	min-height: 1.8rem;
	line-height: 1rem;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
  display: block;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-checkbox .wpcf7-list-item label{
  text-align: left;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-checkbox .wpcf7-list-item input:checked {
  background-color: var(--wp--preset--color--sivinen);
}


/* Yleisiä ---------------------------*/

.sivina-tarjouspalkki {
    color: var(--wp--preset--color--valkoinen);
    padding: 0 !important;
}

.sivina-tarjouspalkki p {
    width: 100%;
    max-width: 100%;
}

.sivina-tarjouspalkki h5.wp-block-post-title {
	margin: 0;
}

.sivina-tarjouspalkki a {
    background-color: var(--wp--preset--color--sivinen);
    color: var(--wp--preset--color--valkoinen);
    text-decoration: none;
    text-transform: uppercase;
    padding: 1rem 0rem;
    width: 100%;
    display: inline-block;
    margin:0;
}

.sivina-tarjouspalkki a:hover {
    text-decoration: underline;
}

.feed-likeit {
    text-align: center;
}

.wp-block-button a:hover,
.wp-block-button.is-style-fill a:hover {
    background-color: var(--wp--preset--color--valkoinen);
}

.wp-block-button.is-style-outline a:hover {
    background-color: var(--wp--preset--color--minttu);
}