/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/buttons/index.css ***!
  \**********************************************************************************************************************************************************************************************/
/** ======================
 ** DEFAULT OVERRIDES
 ** ==================== */
.wp-block-button__link {
	--_text-size: calc(var(--wp--preset--font-size--medium));
	--_text-family: var(--wp--preset--font-family--text);
	--_text-color: var(--wp--preset--color--white);
	--_text-weight: 500;
	--_text-transform: normal;
	--_text-line-height: 1.2;
	--_text-wrap: wrap;

	--_background-color: var(--wp--preset--color--secondary-dark);

	--_hover-background-color: var(--wp--preset--color--white);
	--_hover-border-color: var(--wp--preset--color--secondary-dark);
	--_hover-text-color: var(--wp--preset--color--secondary-dark);

	--_border-color: var(--wp--preset--color--secondary-dark);
	--_border-width: 2px;
	--_border-style: solid;
	--_border-radius: 5rem;

	--_padding-block-start: 0.5em;
	--_padding-block-end: 0.5em;
	--_padding-inline-start: 2em;
	--_padding-inline-end: 2em;

	--_width: fit-content;
	--_min-width: 12rem;

	position: relative;

	/*
	 * The arrow and the text side by side, centered in the button. A text on several
	 * lines is aligned left after the arrow (as in the layout).
	 */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;

	font-size: var(--_text-size) !important;
	font-family: var(--_text-family) !important;
	color: var(--_text-color) !important;
	font-weight: var(--_text-weight) !important;
	text-transform: var(--_text-transform) !important;
	line-height: var(--_text-line-height) !important;
	white-space: var(--_text-wrap) !important;

	padding: var(--_padding-block-start) var(--_padding-inline-end)
		var(--_padding-block-end) var(--_padding-inline-start) !important;

	width: var(--_width);
	height: -moz-fit-content;
	height: fit-content;

	background: var(--_background-color) !important;

	border-color: var(--_border-color) !important;
	border-width: var(--_border-width) !important;
	border-style: var(--_border-style) !important;
	border-radius: var(--_border-radius) !important;

	@media screen and (min-width: 800px) {
		--_text-wrap: nowrap;
		min-width: var(--_min-width);
	}

	/* Small screens: more room for a long text */
	@media screen and (max-width: 799px) {
		--_padding-inline-start: 1.25em;
		--_padding-inline-end: 1.25em;
	}
}

/* Width set in the block settings (25 / 50 / 75 / 100 %) */
.wp-block-button.has-custom-width > .wp-block-button__link {
	--_width: 100%;
}

.wp-block-button__link::before {
	content: ">";
	margin-right: 0.5em;
	flex-shrink: 0;
	color: var(--_arrow-color, var(--wp--preset--color--primary));
}

/** ======================
 ** BLOCK STYLES (FILL, OUTLINE, TEXT)
 ** ==================== */

/* Fill Styles */
.is-style-fill > :is(a, button, div).wp-block-button__link {
	--_border-color: var(--wp--preset--color--secondary-dark);
	--_background-color: var(--wp--preset--color--secondary-dark);
	--_text-color: var(--wp--preset--color--white);
}

/* Outline Styles */
.is-style-transparent > :is(a, button, div).wp-block-button__link {
	--_border-color: var(--wp--preset--color--primary);
	--_background-color: transparent;
	--_text-color: var(--wp--preset--color--primary);
}

/* White Styles */
.is-style-white > :is(a, button, div).wp-block-button__link {
	--_border-color: var(--wp--preset--color--secondary-dark);
	--_background-color: var(--wp--preset--color--white);
	--_text-color: var(--wp--preset--color--secondary-dark);
}

/** ======================
 ** BUTTON STATES
 ** ==================== */

/* Set hover state */
.wp-block-button :is(a, button).wp-block-button__link:hover {
	--_background-color: var(--_hover-background-color);
	--_text-color: var(--_hover-text-color);
	--_border-color: var(--_hover-border-color);
}

/* Light blue tint, so the white button visibly reacts on hover */
.is-style-white > :is(a, button).wp-block-button__link:hover {
	--_border-color: var(--wp--preset--color--secondary-extra-dark);
	--_background-color: color-mix(
		in srgb,
		var(--wp--preset--color--secondary) 15%,
		var(--wp--preset--color--white)
	);
	--_text-color: var(--wp--preset--color--secondary-extra-dark);
}

/* Set disabled state */
.wp-block-button :is(a, button).wp-block-button__link:disabled {
	color: var(--wp--preset--color--grey);
	pointer-events: none;
	visibility: hidden;
}

/** ======================
 ** TEXT COLOR CHOSEN IN THE EDITOR
 ** ==================== */

/**
 * The button styles set the text color with !important, so a text color chosen in the
 * editor (palette class) would lose on the front end. These rules make the chosen color win.
 * On hover the button style takes over, so e.g. white text never ends up on the white hover background.
 */
.wp-block-button > .wp-block-button__link.has-text-color.has-secondary-dark-color:not(:hover) {
	--_text-color: var(--wp--preset--color--secondary-dark);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-extra-light-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey-extra-light);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-secondary-color:not(:hover) {
	--_text-color: var(--wp--preset--color--secondary);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-charcoal-color:not(:hover) {
	--_text-color: var(--wp--preset--color--charcoal);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-primary-light-color:not(:hover) {
	--_text-color: var(--wp--preset--color--primary-light);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-border-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey-border);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-primary-color:not(:hover) {
	--_text-color: var(--wp--preset--color--primary);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-secondary-light-color:not(:hover) {
	--_text-color: var(--wp--preset--color--secondary-light);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-white-color:not(:hover) {
	--_text-color: var(--wp--preset--color--white);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-secondary-extra-dark-color:not(:hover) {
	--_text-color: var(--wp--preset--color--secondary-extra-dark);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-primary-dark-color:not(:hover) {
	--_text-color: var(--wp--preset--color--primary-dark);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-black-color:not(:hover) {
	--_text-color: var(--wp--preset--color--black);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-light-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey-light);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-dark-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey-dark);
}

.wp-block-button > .wp-block-button__link.has-text-color.has-grey-extra-dark-color:not(:hover) {
	--_text-color: var(--wp--preset--color--grey-extra-dark);
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/cover/index.css ***!
  \********************************************************************************************************************************************************************************************/
/** ======================
 ** BLOCK STYLES (LINES)
 ** ==================== */

/**
 * Lines (15 / 25 / 40 / 50 / 65 %)
 * - The same rounded line graphic as in the "Panel" group style, drawn as a light
 *   grey line on top of the image and the overlay (as in the layout: slightly darker
 *   than the grey fade, clearly lighter on top of the image)
 * - The styles only differ by the opacity of the line, the number in the style name
 */
.wp-block-cover:is(.is-style-lines-15, .is-style-lines-25, .is-style-lines-40, .is-style-lines-50, .is-style-lines-65) {
	--_line-opacity: 0.25;
	--_line-color: hsla(0, 0%, 90%, var(--_line-opacity));
	--_line-width: clamp(2rem, 4.5vw, 4rem);
}

.wp-block-cover.is-style-lines-15 {
	--_line-opacity: 0.15;
}

.wp-block-cover.is-style-lines-40 {
	--_line-opacity: 0.4;
}

.wp-block-cover.is-style-lines-50 {
	--_line-opacity: 0.5;
}

.wp-block-cover.is-style-lines-65 {
	--_line-opacity: 0.65;
}

.wp-block-cover:is(.is-style-lines-15, .is-style-lines-25, .is-style-lines-40, .is-style-lines-50, .is-style-lines-65)::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -10%;
	left: 34%;
	width: 100%;
	height: 78%;

	border-left: var(--_line-width) solid var(--_line-color);
	border-bottom: var(--_line-width) solid var(--_line-color);
	border-bottom-left-radius: calc(var(--_line-width) * 1.5);

	pointer-events: none;
}

/*
 * Content stays on top of the lines
 * - !important: for covers saved with an older WordPress (background before the image) the core
 *   styles set z-index: 1 with a very specific selector, which would put the lines on top of the text
 */
.wp-block-cover:is(.is-style-lines-15, .is-style-lines-25, .is-style-lines-40, .is-style-lines-50, .is-style-lines-65) > .wp-block-cover__inner-container {
	z-index: 2 !important;
}

/** ======================
 ** LIGHT OVERLAYS
 ** ==================== */

/**
 * The cover block decides the text color from the overlay opacity, so moving the
 * opacity slider can turn the text white. With the light (grey / white) fades the
 * text always stays dark. A text color chosen for a block still overrides this.
 */
.wp-block-cover:has(
		> .wp-block-cover__background:is(
				[class*="has-grey-fade-"],
				[class*="has-white-fade-"]
			)
	)
	> .wp-block-cover__inner-container {
	color: var(--wp--preset--color--black);
}

/* A panel (e.g. the Oma Energia card) after the hero text needs some space above it */
.wp-block-cover__inner-container
	> .wp-block-group:has(
		> :is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong)
	) {
	margin-top: var(--wp--preset--spacing--40);
}

/**
 * A cover that is the only block in a column fills the column height
 * (e.g. a person image next to the hero text). Columns are side by side from 782px.
 */
@media screen and (min-width: 782px) {
	.wp-block-column:not([class*="is-vertically-aligned-"]) > .wp-block-cover:only-child {
		height: 100%;
	}
}

/** ======================
 ** BLOCK STYLE (BLEED RIGHT)
 ** ==================== */

/**
 * "Kuva oikeaan reunaan asti": a cover in the right column of a full width cover
 * (e.g. the person image in the hero) reaches the right edge of the screen.
 * - The parent cover is the size container, so 100cqw is its content box (the screen width
 *   without the scrollbar and the cover padding)
 * - The distance to the screen edge is the space beside the content area (the side spacing,
 *   or half of the space left over by the max content width) + the cover padding (1em)
 */
.wp-block-cover:has(.wp-block-cover.is-style-bleed-right) {
	container-type: inline-size;
}

@media screen and (min-width: 782px) {
	.wp-block-cover.is-style-bleed-right {
		--_max-content-size: 1350px;

		margin-right: calc(
			-1 *
				(
					max(
						var(--wp--preset--spacing--40),
						(100cqw - var(--_max-content-size)) / 2
					) + 1em
				)
		);
	}
}

@media screen and (min-width: 1600px) {
	.wp-block-cover.is-style-bleed-right {
		--_max-content-size: 1650px;
	}
}

/**
 * On small screens (columns stacked) the image is a faded background of the whole parent cover
 * - The column is removed from the layout, so it leaves no empty space below the text
 * - The image covers the parent cover including its padding (1em) and stays behind the text
 */
@media screen and (max-width: 781px) {
	.wp-block-column:has(> .wp-block-cover.is-style-bleed-right:only-child) {
		display: contents;
	}

	.wp-block-cover.is-style-bleed-right {
		position: absolute;
		inset: -1em -1em 0;
		z-index: -1;
		min-height: 0 !important;
		margin: 0;
	}

	.wp-block-cover.is-style-bleed-right > .wp-block-cover__image-background {
		opacity: 0.3;
	}
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/group/index.css ***!
  \********************************************************************************************************************************************************************************************/
/** ======================
 ** DEFAULT OVERRIDES
 ** ==================== */

/* Rounded groups should also clip their content (images, covers etc.) */
.wp-block-group[style*="border-radius"] {
	overflow: hidden;
}

/** ======================
 ** BLOCK STYLES (PANEL, CARD)
 ** ==================== */

/**
 * Panel / Panel with lines
 * - Dark blue container with white text, e.g. "Oma Energia" banner
 * - "Panel with lines" adds the rounded line graphic in the background
 * - Colors can still be overridden from the block settings
 */
.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong) {
	--_background-color: var(--wp--preset--color--secondary-dark);
	--_text-color: var(--wp--preset--color--white);
	--_border-radius: var(--wp--preset--border-radius--medium);
	--_padding: var(--wp--preset--spacing--50);
	--_line-opacity: 0.07;
	--_line-color: hsla(0, 0%, 100%, var(--_line-opacity));
	--_line-width: clamp(2rem, 5vw, 4rem);

	position: relative;
	isolation: isolate;

	background-color: var(--_background-color);
	color: var(--_text-color);
	border-radius: var(--_border-radius);
	padding: var(--_padding);
	overflow: hidden;
}

/* Columns inside panels (e.g. logo + text) need less space below them */
.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong) > .wp-block-columns {
	margin-bottom: var(--wp--preset--spacing--20);
}

/* No extra space after the last block inside panels and cards */
.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong, .is-style-card) > :last-child {
	margin-bottom: 0;
}

/* Decorative rounded line in the background, like in the layout */
/* Line strength: light / normal / strong */
.wp-block-group.is-style-panel-lines-light {
	--_line-opacity: 0.035;
}

.wp-block-group.is-style-panel-lines-strong {
	--_line-opacity: 0.13;
}

.wp-block-group:is(.is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong)::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10%;
	left: 28.5%;
	width: 100%;
	height: 93%;

	border-left: var(--_line-width) solid var(--_line-color);
	border-bottom: var(--_line-width) solid var(--_line-color);
	border-bottom-left-radius: calc(var(--_line-width) * 1.5);

	pointer-events: none;
}

.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong)
	:is(h1, h2, h3, h4, h5, h6):not(.has-text-color) {
	color: var(--_text-color);
}

.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong) a:not(.wp-block-button__link) {
	color: inherit;
	text-decoration: underline;
}

/**
 * Card
 * - Light grey container with rounded corners
 */
.wp-block-group.is-style-card {
	--_background-color: var(--wp--preset--color--grey-extra-light);
	--_border-radius: var(--wp--preset--border-radius--medium);
	--_padding: var(--wp--preset--spacing--40);

	background-color: var(--_background-color);
	border-radius: var(--_border-radius);
	padding: var(--_padding);
	overflow: hidden;
}

@media screen and (max-width: 781px) {
	.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong, .is-style-card) {
		--_padding: var(--wp--preset--spacing--30);
	}
}

/**
 * Image card / Outline card
 * - Column cards where an image at the end of the card fills the bottom edge to edge
 * - Image card: grey, centered heading, the button is placed on top of the image
 * - Outline card: white with an orange border
 * - Images inside the theme are rendered either as <figure> or as a plain <img>
 */
.wp-block-group:is(.is-style-image-card, .is-style-card-outline) {
	--_border-radius: var(--wp--preset--border-radius--large);
	--_padding: var(--wp--preset--spacing--30);
	--_image-height: 18rem;

	position: relative;

	display: flex;
	flex-direction: column;
	height: 100%;

	border-radius: var(--_border-radius);
	padding: var(--_padding) var(--_padding) 0;
	overflow: hidden;
}

.wp-block-group.is-style-image-card {
	--_image-height: 24rem;

	background-color: var(--wp--preset--color--grey-extra-light);
	text-align: center;
	padding-top: var(--wp--preset--spacing--40);
}

/* Columns of image cards: more space around them, as in the layout */
.wp-block-columns:has(> .wp-block-column > .wp-block-group.is-style-image-card) {
	gap: var(--wp--preset--spacing--50);
	margin-top: var(--wp--preset--spacing--50);
}

.wp-block-group.is-style-card-outline {
	--_image-height: 12.5rem;

	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--primary-light);
}

/* Heading size between Large and Extra Large, as in the layout (a font size chosen in the editor still wins) */
.wp-block-group.is-style-card-outline > :is(h2, h3, h4):not([class*="-font-size"]) {
	font-size: clamp(1.25rem, 0.9rem + 1vw, 2rem);
}

/* Columns of outline cards sit a bit closer together */
.wp-block-columns:has(> .wp-block-column > .wp-block-group.is-style-card-outline) {
	gap: var(--wp--preset--spacing--30);
}

/* Cards without an image at the bottom need padding there too */
.wp-block-group:is(.is-style-image-card, .is-style-card-outline):not(
		:has(> .wp-block-image)
	) {
	padding-bottom: var(--_padding);
}

.wp-block-group:is(.is-style-image-card, .is-style-card-outline)
	> :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-top: 0;
}

/* The image is pushed to the bottom of the card and fills it edge to edge */
.wp-block-group:is(.is-style-image-card, .is-style-card-outline) > .wp-block-image {
	width: calc(100% + var(--_padding) * 2);
	max-width: none;
	margin: auto calc(var(--_padding) * -1) 0;
	padding-top: var(--wp--preset--spacing--20);
}

.wp-block-group:is(.is-style-image-card, .is-style-card-outline) > img.wp-block-image {
	display: block;
	width: 100%;
	height: var(--_image-height);
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center top;
	   object-position: center top;
	border-radius: 0;
}

.wp-block-group:is(.is-style-image-card, .is-style-card-outline)
	> figure.wp-block-image
	img {
	display: block;
	width: 100%;
	height: var(--_image-height);
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center top;
	   object-position: center top;
	border-radius: 0;
}

/* Image card: images (often cut-out pictures) are aligned to the bottom of the card */
.wp-block-group.is-style-image-card > figure.wp-block-image img,
.wp-block-group.is-style-image-card > img.wp-block-image {
	-o-object-position: center bottom;
	   object-position: center bottom;
}

/* Image card: the buttons sit on top of the image, at the bottom of the card */
.wp-block-group.is-style-image-card > .wp-block-buttons:last-child {
	position: absolute;
	left: calc(var(--_padding) * 1.15);
	right: calc(var(--_padding) * 1.15);
	bottom: calc(var(--_padding) * 1.25);

	justify-content: center;
	margin: 0;
}

.wp-block-group.is-style-image-card
	> .wp-block-buttons:last-child
	.wp-block-button {
	width: 100%;
}

.wp-block-group.is-style-image-card
	> .wp-block-buttons:last-child
	.wp-block-button__link {
	--_width: 100%;
	--_text-size: var(--wp--preset--font-size--small);
	--_text-wrap: wrap;
	--_min-width: 0;
	--_padding-block-start: 0.85em;
	--_padding-block-end: 0.85em;
	--_arrow-color: var(--wp--preset--color--white);
	text-align: left;
}

/* Stacked cards on small screens: more room for the button text */
@media screen and (max-width: 781px) {
	.wp-block-group.is-style-image-card > .wp-block-buttons:last-child {
		left: calc(var(--_padding) * 0.6);
		right: calc(var(--_padding) * 0.6);
	}

	.wp-block-group.is-style-image-card
		> .wp-block-buttons:last-child
		.wp-block-button__link {
		--_padding-inline-start: 1.25em;
		--_padding-inline-end: 1.25em;
	}
}

/**
 * Panels: compact text and buttons
 * - Paragraphs inside the columns (e.g. next to the logo) have no extra margins
 * - Buttons in the card inside a hero are a bit smaller, as in the layout
 */
.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong)
	.wp-block-column
	> p {
	margin-block: 0;
}

.wp-block-cover
	.wp-block-group:is(.is-style-panel, .is-style-panel-lines-light, .is-style-panel-lines, .is-style-panel-lines-strong)
	.wp-block-button__link {
	--_text-size: var(--wp--preset--font-size--small);
	--_padding-block-start: 0.45em;
	--_padding-block-end: 0.45em;
}

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/heading/index.css ***!
  \**********************************************************************************************************************************************************************************************/

/** ======================
 ** BLOCK STYLES (BOLD)
 ** ==================== */

/* Bold heading, e.g. "Ilmajoen Lämpö lyhyesti" and "Tiimimme" in the layout */
.wp-block-heading.is-style-bold {
	font-weight: 700;
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/image/index.css ***!
  \********************************************************************************************************************************************************************************************/
.wp-block-image {
	max-width: 100%;
	height: auto;

	margin: 0;
}

:is(img, figure).is-style-square,
figure.is-style-square img {
	aspect-ratio: 1 / 1;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;

	width: 100%;
	height: auto;
}

:is(img, figure).is-style-rectangle,
figure.is-style-rectangle img {
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;

	width: 100%;
	height: auto;
}

:is(img, figure).is-style-full,
figure.is-style-full img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

:is(img, figure).is-style-slightly-rounded,
figure.is-style-slightly-rounded img {
	border-radius: var(--wp--preset--border-radius--medium);
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/list-item/index.css ***!
  \************************************************************************************************************************************************************************************************/
:where(.wp-site-blocks li) {
	line-height: 1.4;
}

li.is-style-button-border a {
	--_text-size: calc(var(--wp--preset--font-size--medium));
	--_text-family: var(--wp--preset--font-family--text);
	--_text-color: var(--wp--preset--color--primary);
	--_text-weight: 500;
	--_text-transform: normal;
	--_text-line-height: 1.2;
	--_text-wrap: wrap;

	--_background-color: transparent;

	--_hover-background-color: var(--wp--preset--color--primary);
	--_hover-border-color: var(--wp--preset--color--primary);
	--_hover-text-color: var(--wp--preset--color--white);

	--_border-color: var(--wp--preset--color--primary);
	--_border-width: 2px;
	--_border-style: solid;
	--_border-radius: 5rem;

	--_padding-block-start: 0.5em;
	--_padding-block-end: 0.5em;
	--_padding-inline-start: 2em;
	--_padding-inline-end: 2em;

	--_width: fit-content;
	--_min-width: 12rem;

	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: var(--_text-size) !important;
	font-family: var(--_text-family) !important;
	color: var(--_text-color) !important;
	font-weight: var(--_text-weight) !important;
	text-transform: var(--_text-transform) !important;
	line-height: var(--_text-line-height) !important;
	white-space: var(--_text-wrap) !important;

	padding: var(--_padding-block-start) var(--_padding-inline-end)
		var(--_padding-block-end) var(--_padding-inline-start) !important;
	width: var(--_width);
	min-width: var(--_min-width);

	background: var(--_background-color) !important;

	border-color: var(--_border-color) !important;
	border-width: var(--_border-width) !important;
	border-style: var(--_border-style) !important;
	border-radius: var(--_border-radius) !important;

	@media screen and (min-width: 800px) {
		--_text-wrap: nowrap;
		min-width: var(--_min-width);
	}
}

li.is-style-button-border a::before {
	content: ">";
	margin-right: 0.5em;
}

li.is-style-button-border a:hover {
	--_background-color: var(--_hover-background-color);
	--_text-color: var(--_hover-text-color);
	--_border-color: var(--_hover-border-color);
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/list/index.css ***!
  \*******************************************************************************************************************************************************************************************/
:where(.wp-site-blocks ul) {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

ol.is-style-colored-numbers {
	counter-reset: numbers;
	list-style: none;
	padding: 0;

	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--30);

	margin-top: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--30);
}

@media screen and (min-width: 800px) {
	ol.is-style-colored-numbers {
		grid-template-columns: 1fr 1fr;
	}
}

ol.is-style-colored-numbers li {
	position: relative;

	display: grid;
	grid-template-columns: fit-content(100%) 1fr;

	align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
}

ol.is-style-colored-numbers li::before {
	counter-increment: numbers;
	content: counter(numbers);

	--_size: 1.075em;

	display: grid;
	justify-items: center;
	align-items: center;

	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--huge);
	font-weight: 500;
	color: white;
	line-height: 1; /* The number is centered in the box (a taller line pushed it to the bottom edge) */

	border-radius: 0.375rem;

	width: var(--_size);
	height: var(--_size);

	background-color: var(--wp--preset--color--primary);

	aspect-ratio: 1;
}

/** ======================
 ** NUMBER CIRCLES
 ** ==================== */

/**
 * Numbered list with small blue circles, e.g. "Näin liityt" steps
 */
ol.is-style-number-circles {
	--_circle-color: var(--wp--preset--color--secondary-light);
	--_circle-text-color: var(--wp--preset--color--white);

	counter-reset: numbers;
	list-style: none;
	padding: 0;

	display: grid;
	gap: var(--wp--preset--spacing--20);

	color: var(--wp--preset--color--charcoal);
}

ol.is-style-number-circles > li {
	display: grid;
	grid-template-columns: 1.5em 1fr;
	align-items: center;
	gap: 0.75em;
}

ol.is-style-number-circles > li::before {
	counter-increment: numbers;
	content: counter(numbers);

	display: grid;
	place-items: center;

	width: 1.5em;
	height: 1.5em;

	font-size: 0.8em;
	font-weight: 600;
	line-height: 1;
	color: var(--_circle-text-color);

	border-radius: 50%;
	background-color: var(--_circle-color);
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/media-text/index.css ***!
  \*************************************************************************************************************************************************************************************************/
/** ======================
 ** DEFAULT OVERRIDES
 ** ==================== */

/* Rounded media & text blocks should also clip the image */
.wp-block-media-text[style*="border-radius"] {
	overflow: hidden;
}

/** ======================
 ** BLOCK STYLES (CARD)
 ** ==================== */

/**
 * Card
 * - Light grey card where the image fills its half of the card
 */
.wp-block-media-text.is-style-card {
	--_background-color: var(--wp--preset--color--grey-extra-light);
	--_border-radius: var(--wp--preset--border-radius--medium);
	--_padding: var(--wp--preset--spacing--30);

	background-color: var(--_background-color);
	border-radius: var(--_border-radius);
	overflow: hidden;
}

.wp-block-media-text.is-style-card > .wp-block-media-text__content {
	padding: var(--_padding);
}

.wp-block-media-text.is-style-card > .wp-block-media-text__media {
	align-self: stretch;
	height: 100%;
}

.wp-block-media-text.is-style-card > .wp-block-media-text__media img {
	width: 100%;
	height: 100%;
	min-height: 16rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

.wp-block-media-text.is-style-card :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 0;
}

@media screen and (max-width: 600px) {
	.wp-block-media-text.is-style-card {
		--_padding: var(--wp--preset--spacing--30);
	}
}

/**
 * Card with lines
 * - Grey card with a thin border, the image has some space around it
 * - The same rounded line graphic as in the panel and cover styles, in light grey
 */
.wp-block-media-text.is-style-card-lines {
	--_background-color: var(--wp--preset--color--grey-extra-light);
	--_border-radius: var(--wp--preset--border-radius--medium);
	--_padding: calc(var(--wp--preset--spacing--40) * 1.3);
	--_inset: var(--wp--preset--spacing--30);
	--_line-color: hsla(0, 0%, 0%, 0.04);
	--_line-width: clamp(2rem, 4.5vw, 4rem);

	position: relative;
	isolation: isolate;

	background-color: var(--_background-color);
	border: 1px solid hsla(0, 0%, 88%, 1);
	border-radius: var(--_border-radius);
	overflow: hidden;
}

/**
 * Lines continue from card to card, as in the layout
 * - ::before, left line: comes from the left edge and turns down in the first card,
 *   runs through the middle cards and turns back to the left edge in the last card
 * - ::after, right line: a curve at the top of the first card and at the bottom of the last card
 * - A single card looks like the first card
 */
.wp-block-media-text.is-style-card-lines::before,
.wp-block-media-text.is-style-card-lines::after {
	content: "";
	position: absolute;
	z-index: -1;

	border: 0 solid var(--_line-color);

	pointer-events: none;
}

/* Left line: straight through the card (middle cards) */
.wp-block-media-text.is-style-card-lines::before {
	top: -10%;
	bottom: -10%;
	left: calc(var(--_line-width) * -1);
	width: calc(34% + var(--_line-width));

	border-right-width: var(--_line-width);
}

/* First card: the left line comes from the left edge and turns down */
.wp-block-media-text.is-style-card-lines:not(.is-style-card-lines + .is-style-card-lines)::before {
	top: 5%;

	border-top-width: var(--_line-width);
	border-top-right-radius: calc(var(--_line-width) * 1.5);
}

/* Last card: the left line turns back to the left edge */
.wp-block-media-text.is-style-card-lines + .wp-block-media-text.is-style-card-lines:not(:has(+ .is-style-card-lines))::before {
	bottom: 5%;

	border-bottom-width: var(--_line-width);
	border-bottom-right-radius: calc(var(--_line-width) * 1.5);
}

/* Right line: none in the middle cards */
.wp-block-media-text.is-style-card-lines::after {
	display: none;
}

/* First card: the right line comes from the top edge and turns right */
.wp-block-media-text.is-style-card-lines:not(.is-style-card-lines + .is-style-card-lines)::after {
	display: block;
	top: -50%;
	left: 35%;
	right: calc(var(--_line-width) * -1);
	height: 71%;

	border-left-width: var(--_line-width);
	border-bottom-width: var(--_line-width);
	border-bottom-left-radius: calc(var(--_line-width) * 1.5);
}

/* Last card: the right line comes from the bottom edge and turns right */
.wp-block-media-text.is-style-card-lines + .wp-block-media-text.is-style-card-lines:not(:has(+ .is-style-card-lines))::after {
	display: block;
	top: 79%;
	bottom: -50%;
	left: 35.5%;
	right: calc(var(--_line-width) * -1);

	border-left-width: var(--_line-width);
	border-top-width: var(--_line-width);
	border-top-left-radius: calc(var(--_line-width) * 1.5);
}

.wp-block-media-text.is-style-card-lines > .wp-block-media-text__content {
	padding: var(--_padding);
}

/* Stacked on small screens: the text lines up with the image above it */
@media screen and (max-width: 600px) {
	.wp-block-media-text.is-style-card-lines > .wp-block-media-text__content {
		padding: var(--_inset) var(--_inset) calc(var(--_inset) * 1.5);
	}
}

.wp-block-media-text.is-style-card-lines > .wp-block-media-text__media {
	padding: var(--_inset);
}

.wp-block-media-text.is-style-card-lines > .wp-block-media-text__media img {
	width: 100%;
	aspect-ratio: 3 / 2;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: var(--wp--preset--border-radius--small);
}

.wp-block-media-text.is-style-card-lines :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-top: 0;
}

/* Consecutive cards are grouped closer together */
.wp-block-media-text.is-style-card-lines + .wp-block-media-text.is-style-card-lines {
	margin-top: var(--wp--preset--spacing--30);
}

/* Stacked cards on small screens: the button is centered */
@media screen and (max-width: 600px) {
	.wp-block-media-text:is(.is-style-card, .is-style-card-lines) .wp-block-buttons {
		justify-content: center;
	}
}

/**
 * Card: the text decides the height of the card, the image fills its half
 * (the media & text block stacks the image on top below 600px)
 */
@media screen and (min-width: 601px) {
	.wp-block-media-text.is-style-card > .wp-block-media-text__media {
		position: relative;
		min-height: 18rem;
	}

	.wp-block-media-text.is-style-card > .wp-block-media-text__media img {
		position: absolute;
		inset: 0;
		min-height: 0;
	}
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/paragraph/index.css ***!
  \************************************************************************************************************************************************************************************************/
.is-style-narrow-text {
	max-width: 80ch;
}

p.is-style-bold-and-big {
	font-size: var(--wp--preset--font-size--gigantic);
	font-weight: 500;
	line-height: 1.2;
}

p strong {
	font-weight: 500;
}

/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/post-template/index.css ***!
  \****************************************************************************************************************************************************************************************************/

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/query/index.css ***!
  \********************************************************************************************************************************************************************************************/
.wp-block-query {
	display: grid;
	width: var(--wp--custom--content-size);
	margin-inline: auto;
}

.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	gap: var(--wp--preset--spacing--20);
}

.wp-block-query-pagination-numbers {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--primary);
}

.wp-block-query.is-style-two-column .wp-block-post-template {
	margin-bottom: 0;
}

/**
 * Pagination button
 */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	--_text-size: calc(var(--wp--preset--font-size--medium));
	--_text-family: var(--wp--preset--font-family--text);
	--_text-color: var(--wp--preset--color--primary);
	--_text-weight: 500;
	--_text-transform: normal;
	--_text-line-height: 1.2;
	--_text-wrap: nowrap;
	--_background-color: transparent;
	--_hover-background-color: var(--wp--preset--color--primary);
	--_hover-border-color: var(--wp--preset--color--primary);
	--_hover-text-color: var(--wp--preset--color--white);
	--_border-color: var(--wp--preset--color--primary);
	--_border-width: 2px;
	--_border-style: solid;
	--_border-radius: 5rem;
	--_padding-block-start: 0.5em;
	--_padding-block-end: 0.5em;
	--_padding-inline-start: 2em;
	--_padding-inline-end: 2em;
	--_width: fit-content;
	--_min-width: 12rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--_text-size) !important;
	font-family: var(--_text-family) !important;
	color: var(--_text-color) !important;
	font-weight: var(--_text-weight) !important;
	text-transform: var(--_text-transform) !important;
	line-height: var(--_text-line-height) !important;
	white-space: var(--_text-wrap) !important;
	padding: var(--_padding-block-start) var(--_padding-inline-end)
		var(--_padding-block-end) var(--_padding-inline-start) !important;
	width: var(--_width);
	min-width: var(--_min-width);
	background: var(--_background-color) !important;
	border-color: var(--_border-color) !important;
	border-width: var(--_border-width) !important;
	border-style: var(--_border-style) !important;
	border-radius: var(--_border-radius) !important;
}

.wp-block-query-pagination-next::after {
	content: ">";
	margin-left: 0.5em;
}

.wp-block-query-pagination-previous::before {
	content: "<";
	margin-right: 0.5em;
}

/**
 * Post list
 */
.wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-template-rows: repeat(2, fit-content(100%));

	-moz-column-gap: var(--wp--preset--spacing--30);

	     column-gap: var(--wp--preset--spacing--30);
	row-gap: var(--wp--preset--spacing--40);

	margin-block: var(--wp--preset--spacing--40);
}

.is-style-two-column .wp-block-post-template {
	row-gap: 0;
}

/* Stacked cards on mobile need some space between them */
.is-style-two-column .is-style-wide-layout.wp-block-post-template {
	row-gap: var(--wp--preset--spacing--20);
	margin-block-start: var(--wp--preset--spacing--50);
}

@media screen and (min-width: 800px) {
	.wp-block-post-template {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: repeat(2, fit-content(100%));
	}

	.is-style-two-column .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/**
 * Post template item
 */
.wp-block-post-template > li {
	--_border-radius: 2rem;
	--_padding-inline: var(--wp--preset--spacing--30);

	background-color: var(--wp--preset--color--white);
	border-radius: var(--_border-radius);

	.block-post-meta-wrapper {
		grid-area: meta;

		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--wp--preset--spacing--10);

		padding-inline: var(--_padding-inline);
		margin-block-start: var(--wp--preset--spacing--20);
	}

	.wp-block-post-terms > a {
		color: var(--wp--preset--color--white);
		text-decoration: none;
		padding: 0.175em 0.75em;
		border-radius: 10rem;
		background-color: var(--wp--preset--color--primary);
	}

	.wp-block-post-date {
		margin-block-start: 2px;
		color: var(--wp--preset--color--primary);
	}

	.wp-block-post-title {
		grid-area: title;

		font-size: var(--wp--preset--font-size--x-large);
		margin: 0;
		margin-block-start: var(--wp--preset--spacing--10);
		margin-block-end: var(--wp--preset--spacing--10);
		padding-inline: var(--_padding-inline);
	}

	.wp-block-read-more {
		grid-area: read-more;

		font-weight: 700;
		color: var(--wp--preset--color--primary);
		font-size: calc(var(--wp--preset--font-size--medium) * 1.075);

		padding-inline: var(--_padding-inline);
	}

	.wp-block-post-featured-image {
		grid-area: image;
		align-self: end;

		margin: 0;
		margin-block-start: var(--wp--preset--spacing--30);
		border-bottom-left-radius: var(--_border-radius);
		border-bottom-right-radius: var(--_border-radius);
		overflow: auto;
	}

	.wp-block-post-featured-image img {
		height: 15rem;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
}

.is-style-two-column .is-style-wide-layout.wp-block-post-template > li {
	--_border-radius: var(--wp--preset--border-radius--medium);

	border: 2px solid hsla(0, 0%, 94%, 1);
	overflow: hidden;

	.wp-block-post-date {
		font-size: var(--wp--preset--font-size--small);
	}

	.wp-block-post-title {
		font-size: clamp(1.25rem, 0.9rem + 1vw, 2rem);
		color: var(--wp--preset--color--secondary-dark);
	}

	.wp-block-read-more {
		font-size: var(--wp--preset--font-size--small);
	}

}

/* Handle the button arrow */
.wp-block-post-template > li > .wp-block-read-more::before {
	content: ">";
	margin-right: 0.5em;
}

/* Handle the post sizing and location */
@media screen and (min-width: 800px) {
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(1) {
		display: grid;
		grid-template-areas:
			"meta"
			"title"
			"read-more"
			"image";
		grid-column: 1 / span 2;
		grid-row: 1 / span 1;
	}
	.block-post-meta-wrapper {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.wp-block-post-title {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.wp-block-read-more {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.wp-block-post-featured-image {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
}

@media screen and (min-width: 800px) {
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(2) {
		display: grid;
		grid-template-areas:
			"meta"
			"title"
			"read-more"
			"image";
		grid-column: 3 / span 2;
		grid-row: 1 / span 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(2) > .block-post-meta-wrapper {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(2) > .wp-block-post-title {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(2) > .wp-block-read-more {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(2) > .wp-block-post-featured-image {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
}
@media screen and (min-width: 800px) {
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(3) {
		display: grid;
		grid-template-areas:
			"meta"
			"title"
			"read-more"
			"image";
		grid-column: 5 / span 2;
		grid-row: 1 / span 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(3) > .block-post-meta-wrapper {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(3) > .wp-block-post-title {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(3) > .wp-block-read-more {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(3) > .wp-block-post-featured-image {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
}

.wp-block-query:not(.is-style-two-column)
	.wp-block-post-template
	> li:nth-child(4) {
	@media screen and (min-width: 800px) {
		grid-column: 1 / span 3;
		grid-row: 2 / span 1;
	}
}

.wp-block-query:not(.is-style-two-column)
	.wp-block-post-template
	> li:nth-child(5) {
	@media screen and (min-width: 800px) {
		grid-column: 4 / -1;
		grid-row: 2 / span 1;
	}
}

@media screen and (min-width: 800px) {
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(4),
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(5),
	.is-style-two-column .is-style-wide-layout.wp-block-post-template > li {
		display: grid;
		grid-template-columns: 0.5fr 1fr;
		grid-template-rows: fit-content(100%) fit-content(100%) 1fr;
		grid-template-areas:
			"image meta"
			"image title"
			"image read-more";

		.wp-block-post-featured-image {
			margin: 0;

			border-top-left-radius: var(--_border-radius);
			border-bottom-right-radius: 0;
		}
	}

	/**
	 * Like in the layout: the image is on the left with square corners and
	 * (nearly) square, only the right side of the card is rounded
	 */
	.wp-block-query.is-style-two-column
		.is-style-wide-layout.wp-block-post-template
		> li {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;

		.wp-block-post-featured-image {
			align-self: stretch;
			border-radius: 0;
		}

		.wp-block-post-featured-image img {
			display: block;
			width: 100%;
			height: 100%;
			aspect-ratio: 9 / 8;
			-o-object-fit: cover;
			   object-fit: cover;
		}

		.wp-block-read-more {
			padding-block-end: var(--wp--preset--spacing--20);
		}
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(4) > .block-post-meta-wrapper, .wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(5) > .block-post-meta-wrapper, .is-style-two-column .is-style-wide-layout.wp-block-post-template > li > .block-post-meta-wrapper {
		-ms-grid-row: 1;
		-ms-grid-column: 2
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(4) > .wp-block-post-title, .wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(5) > .wp-block-post-title, .is-style-two-column .is-style-wide-layout.wp-block-post-template > li > .wp-block-post-title {
		-ms-grid-row: 2;
		-ms-grid-column: 2
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(4) > .wp-block-read-more, .wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(5) > .wp-block-read-more, .is-style-two-column .is-style-wide-layout.wp-block-post-template > li > .wp-block-read-more {
		-ms-grid-row: 3;
		-ms-grid-column: 2
	}
	.wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(4) > .wp-block-post-featured-image, .wp-block-query:not(.is-style-two-column)
		.wp-block-post-template
		> li:nth-child(5) > .wp-block-post-featured-image, .is-style-two-column .is-style-wide-layout.wp-block-post-template > li > .wp-block-post-featured-image {
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1
	}
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/**
 * News (two column) on the root level: smaller space above it, as in the layout
 * - The block above gets the same bottom margin, otherwise the larger margin wins (margins collapse)
 */
.site-main > .wp-block-query.is-style-two-column {
	margin-top: var(--wp--preset--spacing--50);
}

.site-main > :has(+ .wp-block-query.is-style-two-column) {
	margin-bottom: var(--wp--preset--spacing--50);
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/core/separator/index.css ***!
  \************************************************************************************************************************************************************************************************/


/*# sourceMappingURL=core.css.map*/