/* Generated by tools/gen-css.mjs from style-map.json. Edit src/blocks-base.css or the generator, not this file. */

/*
 * Runko Blocks base styles. The Runko theme overrides every --rk-* token from
 * the Customizer; these defaults keep the blocks usable with any theme.
 */
:where(:root) {
	--rk-palette1: #2b6cb0;
	--rk-palette2: #215387;
	--rk-palette3: #1a202c;
	--rk-palette4: #2d3748;
	--rk-palette5: #4a5568;
	--rk-palette6: #718096;
	--rk-palette7: #edf2f7;
	--rk-palette8: #f7fafc;
	--rk-palette9: #ffffff;

	--rk-space-2xs: 0.5rem;
	--rk-space-xs: 1rem;
	--rk-space-sm: 1.5rem;
	--rk-space-md: 2rem;
	--rk-space-lg: clamp(2rem, 1.6rem + 1.5vw, 3rem);
	--rk-space-xl: clamp(2.5rem, 2rem + 2vw, 4rem);
	--rk-space-2xl: clamp(3rem, 2.2rem + 3vw, 5rem);
	--rk-space-3xl: clamp(3.5rem, 2.4rem + 4.5vw, 6.5rem);
	--rk-space-4xl: clamp(4rem, 2.6rem + 6vw, 8rem);
	--rk-space-5xl: clamp(5rem, 3rem + 8vw, 10rem);

	--rk-fs-xs: 0.75rem;
	--rk-fs-sm: 0.875rem;
	--rk-fs-md: 1rem;
	--rk-fs-lg: 1.25rem;
	--rk-fs-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
	--rk-fs-2xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
	--rk-fs-3xl: clamp(2rem, 1.5rem + 2.2vw, 3rem);
	--rk-fs-4xl: clamp(2.5rem, 1.7rem + 3.4vw, 4rem);
	--rk-fs-5xl: clamp(3rem, 1.8rem + 5vw, 5.5rem);
	--rk-fs-6xl: clamp(3.5rem, 1.8rem + 7vw, 7.5rem);

	--rk-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
	--rk-shadow-md: 0 6px 18px -6px rgba(0, 0, 0, 0.2);
	--rk-shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, 0.28);
	--rk-shadow-xl: 0 28px 70px -20px rgba(0, 0, 0, 0.35);

	--rk-content-width: 1200px;
	--rk-narrow-width: 760px;
	--rk-edge: 1.5rem;
	--rk-font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--rk-font-heading: var(--rk-font-base);
	--rk-heading-color: var(--rk-palette3);
	--rk-heading-fw: 700;
	--rk-heading-lh: 1.2;
	--rk-h1-fs: var(--rk-fs-4xl);
	--rk-h2-fs: var(--rk-fs-3xl);
	--rk-h3-fs: var(--rk-fs-2xl);
	--rk-h4-fs: var(--rk-fs-xl);
	--rk-h5-fs: var(--rk-fs-lg);
	--rk-h6-fs: var(--rk-fs-md);
	--rk-mark-bg-default: transparent;
}

/* Row ------------------------------------------------------------------ */
.rk-row {
	position: relative;
	box-sizing: border-box;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.rk-row.rk-has-overlay::before,
.rk-section.rk-has-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
}
.rk-row__inner {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: grid;
	width: 100%;
	margin-inline: auto;
}

/* Section -------------------------------------------------------------- */
.rk-section {
	position: relative;
	box-sizing: border-box;
	display: flex;
	min-width: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease, border-width 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, rotate 0.2s ease;
}

/* overflow "clip" (Row, Section): cut off what sticks out, e.g. positioned or
   rotated decorations. hidden first for browsers without clip. */
.rk-clip {
	overflow: hidden;
	overflow: clip;
}
.rk-row.rk-has-overlay::before,
.rk-section.rk-has-overlay::before {
	transition: opacity 0.2s ease, background-color 0.2s ease;
}
.rk-section.rk-has-overlay > * {
	position: relative;
	z-index: 1;
}
.rk-section > .rk-row {
	padding-inline: 0;
}
.rk-section__link {
	position: absolute !important;
	inset: 0;
	z-index: 2 !important;
}

/* Context colors: link and heading colors set on a Row or Section flow down
   to everything inside it. */
:is(.rk-row, .rk-section, .rk-text) a:not(.rk-btn):not(.rk-text__link) {
	color: var(--rk-lc, var(--rk-link-color, inherit));
}
:is(.rk-row, .rk-section, .rk-text) a:not(.rk-btn):not(.rk-text__link):hover {
	color: var(--rk-lch, var(--rk-lc, var(--rk-link-hover-color, inherit)));
}

/* Text ----------------------------------------------------------------- */
.rk-text {
	box-sizing: border-box;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease, rotate 0.2s ease;
	overflow-wrap: break-word;
}
.rk-text:is(h1, h2, h3, h4, h5, h6) {
	--rk-tff: var(--rk-font-heading);
	--rk-tfw: var(--rk-heading-fw);
	--rk-tlh: var(--rk-heading-lh);
	--rk-tls: var(--rk-heading-ls, normal);
	--rk-ttt: var(--rk-heading-tt, none);
	--rk-tcolor: var(--rk-hcolor, var(--rk-heading-color));
}
h1.rk-text { --rk-tfs: var(--rk-h1-fs); --rk-tlh: var(--rk-h1-lh, var(--rk-heading-lh)); }
h2.rk-text { --rk-tfs: var(--rk-h2-fs); --rk-tlh: var(--rk-h2-lh, var(--rk-heading-lh)); }
h3.rk-text { --rk-tfs: var(--rk-h3-fs); --rk-tlh: var(--rk-h3-lh, var(--rk-heading-lh)); }
h4.rk-text { --rk-tfs: var(--rk-h4-fs); --rk-tlh: var(--rk-h4-lh, var(--rk-heading-lh)); }
h5.rk-text { --rk-tfs: var(--rk-h5-fs); --rk-tlh: var(--rk-h5-lh, var(--rk-heading-lh)); }
h6.rk-text { --rk-tfs: var(--rk-h6-fs); --rk-tlh: var(--rk-h6-lh, var(--rk-heading-lh)); }
.rk-text__link {
	color: inherit;
	text-decoration: none;
}
.rk-text__link::after {
	content: "";
	position: absolute;
	inset: 0;
}
.rk-text:has(> .rk-text__link) {
	position: relative;
}

/* Buttons: a Text block with display "button". Theme tokens --rk-btn-*. */
.rk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	width: fit-content;
	max-width: 100%;
	text-decoration: none;
	cursor: pointer;
	--rk-tff: var(--rk-btn-ff, inherit);
	--rk-tlh: var(--rk-btn-lh, 1.2);
	--rk-tls: var(--rk-btn-ls, normal);
	--rk-ttt: var(--rk-btn-tt, none);
	--rk-tfw: var(--rk-btn-fw, 600);
	--rk-tfs: var(--rk-btn-fs, 1rem);
	--rk-tbr: var(--rk-btn-radius, 4px);
	--rk-tbw: var(--rk-btn-bw, 2px);
	--rk-tpad: var(--rk-btn-pad-y, 0.85em) var(--rk-btn-pad-x, 1.5em);
}
.rk-btn--primary {
	--rk-tcolor: var(--rk-btn-color, var(--rk-palette9));
	--rk-tcolorh: var(--rk-btn-colorh, var(--rk-palette9));
	--rk-tbg: var(--rk-btn-bg, var(--rk-palette1));
	--rk-tbgh: var(--rk-btn-bgh, var(--rk-palette2));
	--rk-tbc: var(--rk-btn-bc, var(--rk-btn-bg, var(--rk-palette1)));
	--rk-tbch: var(--rk-btn-bch, var(--rk-btn-bgh, var(--rk-palette2)));
}
.rk-btn--secondary {
	--rk-tcolor: var(--rk-btn2-color, var(--rk-palette3));
	--rk-tcolorh: var(--rk-btn2-colorh, var(--rk-palette9));
	--rk-tbg: var(--rk-btn2-bg, var(--rk-palette7));
	--rk-tbgh: var(--rk-btn2-bgh, var(--rk-palette2));
	--rk-tbc: var(--rk-btn2-bc, var(--rk-btn2-bg, var(--rk-palette7)));
	--rk-tbch: var(--rk-btn2-bch, var(--rk-btn2-bgh, var(--rk-palette2)));
}
.rk-btn--outline {
	--rk-tcolor: var(--rk-btn3-color, var(--rk-palette1));
	--rk-tcolorh: var(--rk-btn3-colorh, var(--rk-palette9));
	--rk-tbg: var(--rk-btn3-bg, transparent);
	--rk-tbgh: var(--rk-btn3-bgh, var(--rk-palette1));
	--rk-tbc: var(--rk-btn3-bc, currentColor);
	--rk-tbch: var(--rk-btn3-bch, var(--rk-palette1));
}
.rk-btn--sm {
	--rk-tfs: calc(var(--rk-btn-fs, 1rem) * 0.875);
	--rk-tpad: calc(var(--rk-btn-pad-y, 0.85em) * 0.7) calc(var(--rk-btn-pad-x, 1.5em) * 0.75);
}
.rk-btn--lg {
	--rk-tfs: calc(var(--rk-btn-fs, 1rem) * 1.15);
	--rk-tpad: calc(var(--rk-btn-pad-y, 0.85em) * 1.25) calc(var(--rk-btn-pad-x, 1.5em) * 1.3);
}

/* Image ---------------------------------------------------------------- */
.rk-image {
	box-sizing: border-box;
	width: 100%;
	transition: rotate 0.2s ease;
}
.rk-image__media {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	transition: border-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease;
}
.rk-image__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}
.rk-image:not(.rk-is-cropped) .rk-image__media img {
	height: auto;
}
.rk-image figcaption {
	margin-top: 0.5em;
	font-size: var(--rk-fs-sm);
	opacity: 0.85;
}

/* Custom HTML ---------------------------------------------------------- */
.rk-html {
	min-width: 0;
}

.rk-row {
	--rk-cols: initial;
	--rk-cols-t: initial;
	--rk-cols-m: initial;
	--rk-cgap: initial;
	--rk-cgap-t: initial;
	--rk-cgap-m: initial;
	--rk-rgap: initial;
	--rk-rgap-t: initial;
	--rk-rgap-m: initial;
	--rk-maxw: initial;
	--rk-minh: initial;
	--rk-minh-t: initial;
	--rk-minh-m: initial;
	--rk-valign: initial;
	--rk-pad: initial;
	--rk-pad-t: initial;
	--rk-pad-m: initial;
	--rk-mar: initial;
	--rk-mar-t: initial;
	--rk-mar-m: initial;
	--rk-bg: initial;
	--rk-bg-h: initial;
	--rk-bggrad: initial;
	--rk-bggrad-h: initial;
	--rk-bgimg: initial;
	--rk-bgsize: initial;
	--rk-bgpos: initial;
	--rk-bgrep: initial;
	--rk-bgatt: initial;
	--rk-ov: initial;
	--rk-ov-h: initial;
	--rk-ovgrad: initial;
	--rk-ovop: initial;
	--rk-ovop-h: initial;
	--rk-ovblend: initial;
	--rk-bw: initial;
	--rk-bw-h: initial;
	--rk-bs: initial;
	--rk-bc: initial;
	--rk-bc-h: initial;
	--rk-br: initial;
	--rk-br-h: initial;
	--rk-color: initial;
	--rk-color-h: initial;
}
.rk-section {
	--rk-dir: initial;
	--rk-dir-t: initial;
	--rk-dir-m: initial;
	--rk-justify: initial;
	--rk-justify-t: initial;
	--rk-justify-m: initial;
	--rk-align: initial;
	--rk-align-t: initial;
	--rk-align-m: initial;
	--rk-wrap: initial;
	--rk-gap: initial;
	--rk-gap-t: initial;
	--rk-gap-m: initial;
	--rk-talign: initial;
	--rk-talign-t: initial;
	--rk-talign-m: initial;
	--rk-self: initial;
	--rk-span: initial;
	--rk-span-t: initial;
	--rk-span-m: initial;
	--rk-maxw: initial;
	--rk-maxw-t: initial;
	--rk-maxw-m: initial;
	--rk-minh: initial;
	--rk-minh-t: initial;
	--rk-minh-m: initial;
	--rk-pad: initial;
	--rk-pad-t: initial;
	--rk-pad-m: initial;
	--rk-mar: initial;
	--rk-mar-t: initial;
	--rk-mar-m: initial;
	--rk-bg: initial;
	--rk-bg-h: initial;
	--rk-bggrad: initial;
	--rk-bggrad-h: initial;
	--rk-bgimg: initial;
	--rk-bgsize: initial;
	--rk-bgpos: initial;
	--rk-bgrep: initial;
	--rk-ov: initial;
	--rk-ov-h: initial;
	--rk-ovop: initial;
	--rk-ovop-h: initial;
	--rk-bw: initial;
	--rk-bw-h: initial;
	--rk-bs: initial;
	--rk-bc: initial;
	--rk-bc-h: initial;
	--rk-br: initial;
	--rk-br-h: initial;
	--rk-shadow: initial;
	--rk-shadow-h: initial;
	--rk-color: initial;
	--rk-color-h: initial;
	--rk-pos: initial;
	--rk-pos-t: initial;
	--rk-pos-m: initial;
	--rk-inset: initial;
	--rk-inset-t: initial;
	--rk-inset-m: initial;
	--rk-z: initial;
	--rk-rot: initial;
	--rk-rot-h: initial;
}
.rk-text {
	--rk-talign: initial;
	--rk-talign-t: initial;
	--rk-talign-m: initial;
	--rk-ff: initial;
	--rk-fs: initial;
	--rk-fs-t: initial;
	--rk-fs-m: initial;
	--rk-lh: initial;
	--rk-lh-t: initial;
	--rk-lh-m: initial;
	--rk-ls: initial;
	--rk-ls-t: initial;
	--rk-ls-m: initial;
	--rk-fw: initial;
	--rk-fst: initial;
	--rk-tt: initial;
	--rk-maxw: initial;
	--rk-maxw-t: initial;
	--rk-maxw-m: initial;
	--rk-color: initial;
	--rk-color-h: initial;
	--rk-bg: initial;
	--rk-bg-h: initial;
	--rk-mark: initial;
	--rk-markbg: initial;
	--rk-pad: initial;
	--rk-pad-t: initial;
	--rk-pad-m: initial;
	--rk-mar: initial;
	--rk-mar-t: initial;
	--rk-mar-m: initial;
	--rk-bw: initial;
	--rk-bw-h: initial;
	--rk-bs: initial;
	--rk-bc: initial;
	--rk-bc-h: initial;
	--rk-br: initial;
	--rk-br-h: initial;
	--rk-shadow: initial;
	--rk-shadow-h: initial;
	--rk-pos: initial;
	--rk-pos-t: initial;
	--rk-pos-m: initial;
	--rk-inset: initial;
	--rk-inset-t: initial;
	--rk-inset-m: initial;
	--rk-z: initial;
	--rk-rot: initial;
	--rk-rot-h: initial;
}
.rk-image {
	--rk-ratio: initial;
	--rk-fit: initial;
	--rk-objpos: initial;
	--rk-w: initial;
	--rk-w-t: initial;
	--rk-w-m: initial;
	--rk-h: initial;
	--rk-h-t: initial;
	--rk-h-m: initial;
	--rk-align: initial;
	--rk-align-t: initial;
	--rk-align-m: initial;
	--rk-mar: initial;
	--rk-mar-t: initial;
	--rk-mar-m: initial;
	--rk-bw: initial;
	--rk-bw-h: initial;
	--rk-bs: initial;
	--rk-bc: initial;
	--rk-bc-h: initial;
	--rk-br: initial;
	--rk-br-h: initial;
	--rk-shadow: initial;
	--rk-shadow-h: initial;
	--rk-capcolor: initial;
	--rk-capalign: initial;
	--rk-pos: initial;
	--rk-pos-t: initial;
	--rk-pos-m: initial;
	--rk-inset: initial;
	--rk-inset-t: initial;
	--rk-inset-m: initial;
	--rk-z: initial;
	--rk-rot: initial;
	--rk-rot-h: initial;
}

.rk-row {
	padding: var(--rk-pad, var(--rk-space-sm) var(--rk-edge));
	margin: var(--rk-mar, 0);
	min-height: var(--rk-minh, auto);
	justify-content: var(--rk-valign, center);
	background-color: var(--rk-bg, transparent);
	background-image: var(--rk-bgimg, none), var(--rk-bggrad, none);
	background-size: var(--rk-bgsize, cover);
	background-position: var(--rk-bgpos, center center);
	background-repeat: var(--rk-bgrep, no-repeat);
	background-attachment: var(--rk-bgatt, scroll);
	border-width: var(--rk-bw, 0);
	border-style: var(--rk-bs, solid);
	border-color: var(--rk-bc, currentColor);
	border-radius: var(--rk-br, 0);
	color: var(--rk-color);
}
.rk-row.rk-has-overlay::before {
	background-color: var(--rk-ov, transparent);
	background-image: var(--rk-ovgrad, none);
	opacity: var(--rk-ovop, 0.5);
	mix-blend-mode: var(--rk-ovblend, normal);
}
.rk-row__inner {
	max-width: var(--rk-maxw, var(--rk-content-width));
	grid-template-columns: var(--rk-cols, minmax(0, 1fr));
	column-gap: var(--rk-cgap, var(--rk-space-md));
	row-gap: var(--rk-rgap, var(--rk-space-md));
	align-items: var(--rk-valign, stretch);
}
.rk-section {
	flex-direction: var(--rk-dir, column);
	justify-content: var(--rk-justify, flex-start);
	align-items: var(--rk-align, stretch);
	flex-wrap: var(--rk-wrap, wrap);
	gap: var(--rk-gap, var(--rk-space-sm));
	text-align: var(--rk-talign);
	align-self: var(--rk-self, auto);
	grid-column: var(--rk-span, auto);
	max-width: var(--rk-maxw, none);
	min-height: var(--rk-minh, auto);
	padding: var(--rk-pad, 0);
	margin: var(--rk-mar, 0);
	background-color: var(--rk-bg, transparent);
	background-image: var(--rk-bgimg, none), var(--rk-bggrad, none);
	background-size: var(--rk-bgsize, cover);
	background-position: var(--rk-bgpos, center center);
	background-repeat: var(--rk-bgrep, no-repeat);
	border-width: var(--rk-bw, 0);
	border-style: var(--rk-bs, solid);
	border-color: var(--rk-bc, currentColor);
	border-radius: var(--rk-br, 0);
	box-shadow: var(--rk-shadow, none);
	color: var(--rk-color);
	rotate: var(--rk-rot, none);
}
.rk-section.rk-has-overlay::before {
	background-color: var(--rk-ov, transparent);
	opacity: var(--rk-ovop, 0.5);
}
.rk-section:where(.rk-has-pos) {
	position: var(--rk-pos, relative);
	inset: var(--rk-inset, auto);
	z-index: var(--rk-z, auto);
}
.rk-text {
	text-align: var(--rk-talign);
	font-family: var(--rk-ff, var(--rk-tff));
	font-size: var(--rk-fs, var(--rk-tfs));
	line-height: var(--rk-lh, var(--rk-tlh));
	letter-spacing: var(--rk-ls, var(--rk-tls));
	font-weight: var(--rk-fw, var(--rk-tfw));
	font-style: var(--rk-fst, var(--rk-tfst));
	text-transform: var(--rk-tt, var(--rk-ttt));
	max-width: var(--rk-maxw, none);
	color: var(--rk-color, var(--rk-tcolor));
	background-color: var(--rk-bg, var(--rk-tbg, transparent));
	padding: var(--rk-pad, var(--rk-tpad, 0));
	margin: var(--rk-mar, 0);
	border-width: var(--rk-bw, var(--rk-tbw, 0));
	border-style: var(--rk-bs, solid);
	border-color: var(--rk-bc, var(--rk-tbc, currentColor));
	border-radius: var(--rk-br, var(--rk-tbr, 0));
	box-shadow: var(--rk-shadow, none);
	rotate: var(--rk-rot, none);
}
.rk-text mark {
	color: var(--rk-mark, inherit);
	background-color: var(--rk-markbg, var(--rk-mark-bg-default));
}
.rk-text:where(.rk-has-pos) {
	position: var(--rk-pos, static);
	inset: var(--rk-inset, auto);
	z-index: var(--rk-z, auto);
}
.rk-image {
	margin: var(--rk-mar, 0);
	max-width: var(--rk-w, 100%);
	align-self: var(--rk-align, auto);
	rotate: var(--rk-rot, none);
}
.rk-image__media {
	aspect-ratio: var(--rk-ratio, auto);
	height: var(--rk-h, auto);
	border-width: var(--rk-bw, 0);
	border-style: var(--rk-bs, solid);
	border-color: var(--rk-bc, currentColor);
	border-radius: var(--rk-br, 0);
	box-shadow: var(--rk-shadow, none);
}
.rk-image__media img {
	object-fit: var(--rk-fit, cover);
	object-position: var(--rk-objpos, 50% 50%);
}
.rk-image figcaption {
	color: var(--rk-capcolor);
	text-align: var(--rk-capalign);
}
.rk-image:where(.rk-has-pos) {
	position: var(--rk-pos, static);
	inset: var(--rk-inset, auto);
	z-index: var(--rk-z, auto);
}

/* Hover */
.rk-row:where(.rk-h-bg):hover {
	background-color: var(--rk-bg-h, var(--rk-bg, transparent));
}
.rk-row:where(.rk-h-bw):hover {
	border-width: var(--rk-bw-h, var(--rk-bw, 0));
}
.rk-row:where(.rk-h-bc):hover {
	border-color: var(--rk-bc-h, var(--rk-bc, currentColor));
}
.rk-row:where(.rk-h-br):hover {
	border-radius: var(--rk-br-h, var(--rk-br, 0));
}
.rk-row:where(.rk-h-color):hover {
	color: var(--rk-color-h, var(--rk-color));
}
.rk-row.rk-has-overlay:where(.rk-h-ov):hover::before {
	background-color: var(--rk-ov-h, var(--rk-ov, transparent));
}
.rk-row.rk-has-overlay:where(.rk-h-ovop):hover::before {
	opacity: var(--rk-ovop-h, var(--rk-ovop, 0.5));
}
.rk-section:where(.rk-h-bg):hover {
	background-color: var(--rk-bg-h, var(--rk-bg, transparent));
}
.rk-section:where(.rk-h-bw):hover {
	border-width: var(--rk-bw-h, var(--rk-bw, 0));
}
.rk-section:where(.rk-h-bc):hover {
	border-color: var(--rk-bc-h, var(--rk-bc, currentColor));
}
.rk-section:where(.rk-h-br):hover {
	border-radius: var(--rk-br-h, var(--rk-br, 0));
}
.rk-section:where(.rk-h-shadow):hover {
	box-shadow: var(--rk-shadow-h, var(--rk-shadow, none));
}
.rk-section:where(.rk-h-color):hover {
	color: var(--rk-color-h, var(--rk-color));
}
.rk-section.rk-has-overlay:where(.rk-h-ov):hover::before {
	background-color: var(--rk-ov-h, var(--rk-ov, transparent));
}
.rk-section.rk-has-overlay:where(.rk-h-ovop):hover::before {
	opacity: var(--rk-ovop-h, var(--rk-ovop, 0.5));
}
.rk-section:where(.rk-h-rot):hover {
	rotate: var(--rk-rot-h, var(--rk-rot, none));
}
.rk-text:where(.rk-h-color, .rk-btn):hover {
	color: var(--rk-color-h, var(--rk-tcolorh, var(--rk-color, var(--rk-tcolor))));
}
.rk-text:where(.rk-h-bg, .rk-btn):hover {
	background-color: var(--rk-bg-h, var(--rk-tbgh, var(--rk-bg, var(--rk-tbg, transparent))));
}
.rk-text:where(.rk-h-bw):hover {
	border-width: var(--rk-bw-h, var(--rk-bw, var(--rk-tbw, 0)));
}
.rk-text:where(.rk-h-bc, .rk-btn):hover {
	border-color: var(--rk-bc-h, var(--rk-tbch, var(--rk-bc, var(--rk-tbc, currentColor))));
}
.rk-text:where(.rk-h-br):hover {
	border-radius: var(--rk-br-h, var(--rk-br, var(--rk-tbr, 0)));
}
.rk-text:where(.rk-h-shadow):hover {
	box-shadow: var(--rk-shadow-h, var(--rk-shadow, none));
}
.rk-text:where(.rk-h-rot):hover {
	rotate: var(--rk-rot-h, var(--rk-rot, none));
}
.rk-image:where(.rk-h-bw):hover .rk-image__media {
	border-width: var(--rk-bw-h, var(--rk-bw, 0));
}
.rk-image:where(.rk-h-bc):hover .rk-image__media {
	border-color: var(--rk-bc-h, var(--rk-bc, currentColor));
}
.rk-image:where(.rk-h-br):hover .rk-image__media {
	border-radius: var(--rk-br-h, var(--rk-br, 0));
}
.rk-image:where(.rk-h-shadow):hover .rk-image__media {
	box-shadow: var(--rk-shadow-h, var(--rk-shadow, none));
}
.rk-image:where(.rk-h-rot):hover {
	rotate: var(--rk-rot-h, var(--rk-rot, none));
}
.rk-row:where(.rk-h-bggrad):hover {
	background-image: var(--rk-bgimg, none), var(--rk-bggrad-h, var(--rk-bggrad, none));
}
.rk-section:where(.rk-h-bggrad):hover {
	background-image: var(--rk-bgimg, none), var(--rk-bggrad-h, var(--rk-bggrad, none));
}
:is(.rk-row, .rk-section).rk-has-hover-text:hover {
	--rk-hcolor: var(--rk-hcolor-h) !important;
}

@media (max-width: 1024px) {
	.rk-row {
		padding: var(--rk-pad-t, var(--rk-pad, var(--rk-space-sm) var(--rk-edge)));
		margin: var(--rk-mar-t, var(--rk-mar, 0));
		min-height: var(--rk-minh-t, var(--rk-minh, auto));
	}
	.rk-row__inner {
		grid-template-columns: var(--rk-cols-t, var(--rk-cols, minmax(0, 1fr)));
		column-gap: var(--rk-cgap-t, var(--rk-cgap, var(--rk-space-md)));
		row-gap: var(--rk-rgap-t, var(--rk-rgap, var(--rk-space-md)));
	}
	.rk-section {
		flex-direction: var(--rk-dir-t, var(--rk-dir, column));
		justify-content: var(--rk-justify-t, var(--rk-justify, flex-start));
		align-items: var(--rk-align-t, var(--rk-align, stretch));
		gap: var(--rk-gap-t, var(--rk-gap, var(--rk-space-sm)));
		text-align: var(--rk-talign-t, var(--rk-talign));
		grid-column: var(--rk-span-t, var(--rk-span, auto));
		max-width: var(--rk-maxw-t, var(--rk-maxw, none));
		min-height: var(--rk-minh-t, var(--rk-minh, auto));
		padding: var(--rk-pad-t, var(--rk-pad, 0));
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.rk-section:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, relative));
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
	.rk-text {
		text-align: var(--rk-talign-t, var(--rk-talign));
		font-size: var(--rk-fs-t, var(--rk-fs, var(--rk-tfs)));
		line-height: var(--rk-lh-t, var(--rk-lh, var(--rk-tlh)));
		letter-spacing: var(--rk-ls-t, var(--rk-ls, var(--rk-tls)));
		max-width: var(--rk-maxw-t, var(--rk-maxw, none));
		padding: var(--rk-pad-t, var(--rk-pad, var(--rk-tpad, 0)));
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.rk-text:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, static));
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
	.rk-image {
		margin: var(--rk-mar-t, var(--rk-mar, 0));
		max-width: var(--rk-w-t, var(--rk-w, 100%));
		align-self: var(--rk-align-t, var(--rk-align, auto));
	}
	.rk-image__media {
		height: var(--rk-h-t, var(--rk-h, auto));
	}
	.rk-image:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, static));
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
}

@media (max-width: 767px) {
	.rk-row {
		padding: var(--rk-pad-m, var(--rk-pad-t, var(--rk-pad, var(--rk-space-sm) var(--rk-edge))));
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
		min-height: var(--rk-minh-m, var(--rk-minh-t, var(--rk-minh, auto)));
	}
	.rk-row__inner {
		grid-template-columns: var(--rk-cols-m, var(--rk-cols-t, var(--rk-cols, minmax(0, 1fr))));
		column-gap: var(--rk-cgap-m, var(--rk-cgap-t, var(--rk-cgap, var(--rk-space-md))));
		row-gap: var(--rk-rgap-m, var(--rk-rgap-t, var(--rk-rgap, var(--rk-space-md))));
	}
	.rk-section {
		flex-direction: var(--rk-dir-m, var(--rk-dir-t, var(--rk-dir, column)));
		justify-content: var(--rk-justify-m, var(--rk-justify-t, var(--rk-justify, flex-start)));
		align-items: var(--rk-align-m, var(--rk-align-t, var(--rk-align, stretch)));
		gap: var(--rk-gap-m, var(--rk-gap-t, var(--rk-gap, var(--rk-space-sm))));
		text-align: var(--rk-talign-m, var(--rk-talign-t, var(--rk-talign)));
		grid-column: var(--rk-span-m, var(--rk-span-t, var(--rk-span, auto)));
		max-width: var(--rk-maxw-m, var(--rk-maxw-t, var(--rk-maxw, none)));
		min-height: var(--rk-minh-m, var(--rk-minh-t, var(--rk-minh, auto)));
		padding: var(--rk-pad-m, var(--rk-pad-t, var(--rk-pad, 0)));
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.rk-section:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, relative)));
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
	.rk-text {
		text-align: var(--rk-talign-m, var(--rk-talign-t, var(--rk-talign)));
		font-size: var(--rk-fs-m, var(--rk-fs-t, var(--rk-fs, var(--rk-tfs))));
		line-height: var(--rk-lh-m, var(--rk-lh-t, var(--rk-lh, var(--rk-tlh))));
		letter-spacing: var(--rk-ls-m, var(--rk-ls-t, var(--rk-ls, var(--rk-tls))));
		max-width: var(--rk-maxw-m, var(--rk-maxw-t, var(--rk-maxw, none)));
		padding: var(--rk-pad-m, var(--rk-pad-t, var(--rk-pad, var(--rk-tpad, 0))));
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.rk-text:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, static)));
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
	.rk-image {
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
		max-width: var(--rk-w-m, var(--rk-w-t, var(--rk-w, 100%)));
		align-self: var(--rk-align-m, var(--rk-align-t, var(--rk-align, auto)));
	}
	.rk-image__media {
		height: var(--rk-h-m, var(--rk-h-t, var(--rk-h, auto)));
	}
	.rk-image:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, static)));
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
}

/* Editor: beat the classic-theme .wp-block margins */
.editor-styles-wrapper .wp-block.rk-row {
	margin: var(--rk-mar, 0);
}
.editor-styles-wrapper .wp-block.rk-section {
	max-width: var(--rk-maxw, none);
}
.editor-styles-wrapper .wp-block.rk-section {
	margin: var(--rk-mar, 0);
}
.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
	position: var(--rk-pos, relative);
}
.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
	inset: var(--rk-inset, auto);
}
.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
	z-index: var(--rk-z, auto);
}
.editor-styles-wrapper .wp-block.rk-text {
	max-width: var(--rk-maxw, none);
}
.editor-styles-wrapper .wp-block.rk-text {
	margin: var(--rk-mar, 0);
}
.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
	position: var(--rk-pos, static);
}
.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
	inset: var(--rk-inset, auto);
}
.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
	z-index: var(--rk-z, auto);
}
.editor-styles-wrapper .wp-block.rk-image {
	margin: var(--rk-mar, 0);
}
.editor-styles-wrapper .wp-block.rk-image {
	max-width: var(--rk-w, 100%);
}
.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
	position: var(--rk-pos, static);
}
.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
	inset: var(--rk-inset, auto);
}
.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
	z-index: var(--rk-z, auto);
}
.editor-styles-wrapper .wp-block.rk-row {
	max-width: none;
}
.editor-styles-wrapper .wp-block.rk-html {
	max-width: none;
}
.editor-styles-wrapper .wp-block.rk-html {
	margin: 0;
}
@media (max-width: 1024px) {
	.editor-styles-wrapper .wp-block.rk-row {
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.editor-styles-wrapper .wp-block.rk-section {
		max-width: var(--rk-maxw-t, var(--rk-maxw, none));
	}
	.editor-styles-wrapper .wp-block.rk-section {
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, relative));
	}
	.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
	.editor-styles-wrapper .wp-block.rk-text {
		max-width: var(--rk-maxw-t, var(--rk-maxw, none));
	}
	.editor-styles-wrapper .wp-block.rk-text {
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, static));
	}
	.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
	.editor-styles-wrapper .wp-block.rk-image {
		margin: var(--rk-mar-t, var(--rk-mar, 0));
	}
	.editor-styles-wrapper .wp-block.rk-image {
		max-width: var(--rk-w-t, var(--rk-w, 100%));
	}
	.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
		position: var(--rk-pos-t, var(--rk-pos, static));
	}
	.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
		inset: var(--rk-inset-t, var(--rk-inset, auto));
	}
}
@media (max-width: 767px) {
	.editor-styles-wrapper .wp-block.rk-row {
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.editor-styles-wrapper .wp-block.rk-section {
		max-width: var(--rk-maxw-m, var(--rk-maxw-t, var(--rk-maxw, none)));
	}
	.editor-styles-wrapper .wp-block.rk-section {
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, relative)));
	}
	.editor-styles-wrapper .wp-block.rk-section:where(.rk-has-pos) {
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
	.editor-styles-wrapper .wp-block.rk-text {
		max-width: var(--rk-maxw-m, var(--rk-maxw-t, var(--rk-maxw, none)));
	}
	.editor-styles-wrapper .wp-block.rk-text {
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, static)));
	}
	.editor-styles-wrapper .wp-block.rk-text:where(.rk-has-pos) {
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
	.editor-styles-wrapper .wp-block.rk-image {
		margin: var(--rk-mar-m, var(--rk-mar-t, var(--rk-mar, 0)));
	}
	.editor-styles-wrapper .wp-block.rk-image {
		max-width: var(--rk-w-m, var(--rk-w-t, var(--rk-w, 100%)));
	}
	.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
		position: var(--rk-pos-m, var(--rk-pos-t, var(--rk-pos, static)));
	}
	.editor-styles-wrapper .wp-block.rk-image:where(.rk-has-pos) {
		inset: var(--rk-inset-m, var(--rk-inset-t, var(--rk-inset, auto)));
	}
}

@media (min-width: 1025px) {
	.rk-hide-d { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.rk-hide-t { display: none !important; }
}
@media (max-width: 767px) {
	.rk-hide-m { display: none !important; }
}