/*
Theme Name: Hohdepinnoitus
Template: kanava-starter
Description: Hohdepinnoitus – Kanava Starter -lapsiteema. Brändi (theme.json: Space Grotesk, #002F67, #0CB4D4), ylätunniste kahdella valikolla. Toiminnot: kanava-site-hohdepinnoitus -lisäosa.
Author: Kanava
Author URI: https://kanava.to
Version: 1.3.5
Update URI: false
Text Domain: hohde
*/

/* Flatsomesta muunnetut osat (flatsome-hohde-lohkoiksi.php). */
.hohde-ominaisuus > .wp-block-image { flex: 0 0 auto; margin: 0; }
.hohde-ominaisuus h3 a, .hohde-kuvalaatikko h3 a, .hohde-kuvalaatikko h4 a { color: inherit; text-decoration: none; }
.hohde-kuvalaatikko > .wp-block-image { margin-bottom: 0; }
.hohde-kuvalaatikko > .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.hohde-ankkuri { display: block; position: relative; top: -140px; visibility: hidden; }
/* Otsikot eivät katkea kesken sanan (Starterin overflow-wrap) – tavutus suomeksi. */
h1, h2, h3, h4, h5, h6 { overflow-wrap: normal; word-break: normal; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 5 5; }

/* Alatunniste kuten ennen: palstat pystykeskitetty, linkkilista ilman luettelomerkkejä nuoli oikealla, merkit rivissä. */
footer.wp-block-group .wp-block-columns { align-items: center !important; } /* core: normal !important */
footer.wp-block-group .wp-block-list { list-style: none; padding-left: 0; max-width: 15rem; margin-inline: auto; }
footer.wp-block-group .wp-block-list li { margin: 0.35rem 0; }
footer.wp-block-group .wp-block-list a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; text-decoration: none; }
footer.wp-block-group .wp-block-list a:hover, footer.wp-block-group .wp-block-list a:focus-visible { text-decoration: underline; }
footer.wp-block-group .wp-block-list a img { width: 18px; height: 18px; flex: 0 0 auto; }
footer.wp-block-group .wp-block-column:last-child > figure.wp-block-image { display: inline-block; vertical-align: middle; margin: 0.5rem 0.9rem 0 0; }
footer.wp-block-group .wp-block-column:last-child > figure.wp-block-image img { width: auto !important; height: 64px !important; max-width: none; }
footer.wp-block-group .wp-block-column:last-child > figure.wp-block-image img[src*="AVAINLIPPU"] { height: 56px !important; }
@media (max-width: 781px) {
	footer.wp-block-group .wp-block-columns { text-align: center; }
	footer.wp-block-group .wp-block-column:last-child > figure.wp-block-image { margin: 0.5rem 0.45rem 0; }
}

/* Painikkeet kuten vanhalla sivulla (Elina 10.11.): valkoinen teksti, kulmat 4px 15px 15px 15px. */
.wp-element-button, .wp-block-button__link { border-radius: 4px 15px 15px 15px; }
.wp-element-button.has-accent-background-color:not(.has-text-color),
.wp-block-button__link.has-accent-background-color:not(.has-text-color) { color: var(--wp--preset--color--base); }
.wp-element-button.has-accent-background-color:hover,
.wp-element-button.has-accent-background-color:focus-visible,
.wp-block-button__link.has-accent-background-color:hover,
.wp-block-button__link.has-accent-background-color:focus-visible { background-color: var(--wp--preset--color--contrast) !important; color: var(--wp--preset--color--base); }

/* Gravity Forms (gravity-theme) Starterin painikkeiden ja kenttien näköiseksi. */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
	font: inherit; font-size: 1rem; line-height: 1.4; color: var(--wp--preset--color--contrast);
	padding: 0.7rem 0.85rem; background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast-2); border-radius: 6px;
}
.gform_wrapper.gravity-theme input:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 1px; border-color: var(--wp--preset--color--accent-dark); }
.gform_wrapper.gravity-theme ::placeholder { color: var(--wp--preset--color--contrast-2); opacity: 0.8; }
.gform_wrapper.gravity-theme .gfield_label { font-size: 1rem; font-weight: 600; }
.gform_wrapper.gravity-theme .gfield_required { color: #B3261E; }
.gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.gform_wrapper.gravity-theme .gform_page_footer input[type="submit"],
.gform_wrapper.gravity-theme .gform_page_footer input[type="button"],
.gform_wrapper.gravity-theme .gform_button {
	font: inherit; font-size: 15.5px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.03em;
	padding: 0.7em 1.2em; border: 0; border-radius: 4px 15px 15px 15px; cursor: pointer;
	background: var(--wp--preset--color--accent); color: var(--wp--preset--color--base);
	transition: background-color 0.15s, color 0.15s;
}
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper.gravity-theme .gform_button:hover,
.gform_wrapper.gravity-theme .gform_button:focus-visible { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.gform_wrapper.gravity-theme .gform_validation_errors { border-radius: 6px; }

/* ===== Ylätunniste vanhan sivuston rakenteella (Elina 10.11.) ===== */
.hohde-ylapalkki p { margin: 0; line-height: 1.6; }
.hohde-paarivi__sisus { gap: 1.5rem; }
.hohde-logo img { width: 180px; height: auto; }
.hohde-navit { gap: 0 !important; flex: 0 1 auto; }
.hohde-navit > nav.hohde-ylanavi { align-self: stretch; padding-bottom: 10px; border-bottom: 1px solid #DBEFF2; } /* vain nav, ei sisempää ul:ää (sama luokka) */
.hohde-ylanavi .wp-block-navigation-item__content { font-size: 14px; font-weight: 400; }
.hohde-paanavi-rivi { align-self: stretch; gap: 1.5rem; padding-top: 10px; }
.hohde-paanavi .wp-block-navigation-item__content { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; }
.hohde-navit .hohde-paanavi .wp-block-navigation__container { flex-wrap: nowrap; gap: 1.6rem; }
.hohde-navit .wp-block-navigation__submenu-container { font-size: 14px; text-transform: none; font-weight: 400; }
.hohde-ylatunniste .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-dark); }
.hohde-hakunappi, .hohde-valikkonappi, .hohde-valikko-sulje { background: none; border: 0; padding: 4px; color: var(--wp--preset--color--contrast); cursor: pointer; line-height: 0; }
.hohde-hakunappi:hover, .hohde-valikkonappi:hover { color: var(--wp--preset--color--accent-dark); }
.hohde-hakupaneeli { display: none; border-top: 1px solid #DBEFF2; }
.hohde-hakupaneeli.is-open { display: block; }
.hohde-valikkonappi { display: none; }
.hohde-mobiilivalikko { display: none; }
@media (max-width: 849px) {
	.hohde-ylapalkki p { font-size: 16px !important; }
	.hohde-navit, .hohde-hakupaneeli.is-open { display: none !important; }
	.hohde-paarivi__sisus { justify-content: center !important; position: relative; }
	.hohde-valikkonappi { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
	.hohde-logo img { width: 160px; }
	/* Mobiilivalikko: vasemmalta aukeava paneeli kuten vanhalla sivulla. */
	.hohde-mobiilivalikko { display: block; position: fixed; inset: 0 auto 0 0; width: min(300px, 85vw); overflow-y: auto; z-index: 100001; transform: translateX(-100%); transition: transform 0.25s ease; visibility: hidden; }
	body.hohde-valikko-auki .hohde-mobiilivalikko { transform: none; visibility: visible; box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); }
	body.hohde-valikko-auki::after { content: ""; position: fixed; inset: 0; background: rgba(0, 47, 103, 0.55); z-index: 100000; }
	body.hohde-valikko-auki { overflow: hidden; }
	.hohde-valikko-sulje { position: fixed; top: 12px; left: min(310px, calc(85vw + 10px)); color: #fff; z-index: 100002; display: none; }
	body.hohde-valikko-auki .hohde-valikko-sulje { display: block; }
}
.hohde-mobiilihaku { margin: 0 0 18px !important; }
.hohde-mobiili-paa .wp-block-navigation__container { gap: 0 !important; width: 100%; }
.hohde-mobiili-paa, .hohde-mobiili-yla { width: 100%; }
.hohde-mobiili-paa .wp-block-navigation-item { width: 100%; border-bottom: 1px solid #DBEFF2; }
.hohde-mobiili-paa .wp-block-navigation-item__content { display: block; padding: 10px 0; font-size: 1.125rem; }
.hohde-mobiili-yla { margin-top: 24px; }
.hohde-mobiili-yla .wp-block-navigation__container { gap: 0 !important; width: 100%; }
.hohde-mobiili-yla .wp-block-navigation-item { width: 100%; flex-wrap: wrap; }
.hohde-mobiili-yla .wp-block-navigation-item__content { padding: 9px 0; font-size: 1.0625rem; }
.hohde-mobiili-yla .wp-block-navigation__submenu-container { position: static !important; width: 100% !important; opacity: 1 !important; visibility: visible !important; height: auto !important; border: 0 !important; padding-left: 14px !important; display: none !important; }
.hohde-mobiili-yla .has-child.is-open > .wp-block-navigation__submenu-container,
.hohde-mobiili-yla .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container { display: block !important; }
.hohde-mobiili-yla .wp-block-navigation-item.has-child { display: flex; flex-wrap: wrap; align-items: center; }
.hohde-mobiili-yla .wp-block-navigation-submenu__toggle { display: inline-flex !important; width: auto; flex: 0 1 auto; align-items: center; padding: 9px 0 !important; font-size: 1.0625rem; text-align: left; }
.hohde-mobiili-yla .has-child > .wp-block-navigation__submenu-icon { display: inline-flex !important; margin: 0 0 0 8px !important; width: 10px; height: 10px; pointer-events: none; }
.hohde-mobiili-yla .has-child > .wp-block-navigation__submenu-container { flex-basis: 100%; }
.hohde-mobiili-yla .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; padding: 7px 0; }

/* Sivujen header-kuvat (Flatsomen taustakuvaosio) ja artikkelin header. */
@media (max-width: 781px) { .hohde-header-kuva { min-height: 192px !important; } .hohde-artikkeli-header { min-height: 200px !important; } }
.hohde-artikkeli-header .wp-block-post-title { margin-top: 0.4em; }
.hohde-artikkeli-viiva { width: 40px !important; height: 2px; border: 0; margin: 0.6rem auto 0 !important; opacity: 0.6; }

/* Alasvedot: valinnainen tyyli "Vaalea laatikko" (lohkon tyyli tai CSS-luokka hohde-laatikko) + avausanimaatio (sivustolisäosa). */
.wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--contrast); }
.wp-block-details.is-style-hohde-laatikko, .wp-block-details.hohde-laatikko { background: #DDEFF1; border-radius: 15px; border: 0 !important; padding: 0.7em 1.25em !important; margin-block: 0.75rem; }
/* Kuten vanhalla sivulla: otsikko keskellä, nuoli vasemmalla. */
:is(.is-style-hohde-laatikko, .hohde-laatikko) > summary { position: relative; justify-content: center; text-align: center; padding: 0.15em 2rem; }
:is(.is-style-hohde-laatikko, .hohde-laatikko) > summary::after { content: ""; position: absolute; left: 0.25rem; top: 50%; width: 9px; height: 9px; border: solid currentColor; border-width: 0 2px 2px 0; transform: translateY(-70%) rotate(45deg); transition: transform 0.2s ease; opacity: 0.7; font-size: 0; }
:is(.is-style-hohde-laatikko, .hohde-laatikko)[open] > summary::after { content: ""; transform: translateY(-30%) rotate(-135deg); }
:is(.is-style-hohde-laatikko, .hohde-laatikko) > summary ~ * { margin-top: 0.75em; }

/* Etusivun luvut (100 %, 5000+ …): isompi, ohuempi, laskuri-animaatio sivustolisäosasta. */
.hohde-luku { display: block; font-size: clamp(2.5rem, 2rem + 2vw, 3.75rem); line-height: 1.1; margin-bottom: 0.15em; color: var(--wp--preset--color--contrast); }
.hohde-luku strong { font-weight: 400; font-variant-numeric: tabular-nums; }

/* Keskitetyissä osioissa painikkeetkin keskelle (Flatsomen keskitetty sarake). */
.has-text-align-center > .wp-block-buttons, .wp-block-column.has-text-align-center .wp-block-buttons, .is-content-justification-center .wp-block-buttons { justify-content: center; }

/* Flatsomen näkyvyysasetukset (muunnin): sama rajat kuin Flatsomessa (small ≤ 549 px, medium ≤ 849 px). */
@media (max-width: 549px) { .hohde-piilo-mobiili { display: none !important; } }
@media (min-width: 550px) { .hohde-vain-mobiili { display: none !important; } }
@media (max-width: 849px) { .hohde-piilo-tabletti { display: none !important; } }
@media (min-width: 850px) { .hohde-vain-tabletti, .hohde-piilo-tyopoyta { display: none !important; } }

/* Flatsomen bannerin tekstilaatikko (leveys %) ja tekstin skaala (ux_text font_size) – Hohde huollon kortit. */
.hohde-tekstilaatikko { margin-inline: auto; width: 100%; }
/* Leveys suhteessa sisältöalueeseen (1060 px) kuten Flatsomen bannerissa, ei koko näytön leveyteen. */
.hohde-leveys-20 { max-width: min(20%, 212px); } .hohde-leveys-25 { max-width: min(25%, 265px); } .hohde-leveys-30 { max-width: min(30%, 318px); } .hohde-leveys-35 { max-width: min(35%, 371px); } .hohde-leveys-40 { max-width: min(40%, 424px); } .hohde-leveys-45 { max-width: min(45%, 477px); } .hohde-leveys-50 { max-width: min(50%, 530px); } .hohde-leveys-55 { max-width: min(55%, 583px); } .hohde-leveys-60 { max-width: min(60%, 636px); } .hohde-leveys-65 { max-width: min(65%, 689px); } .hohde-leveys-70 { max-width: min(70%, 742px); } .hohde-leveys-75 { max-width: min(75%, 795px); } .hohde-leveys-80 { max-width: min(80%, 848px); } .hohde-leveys-85 { max-width: min(85%, 901px); } .hohde-leveys-90 { max-width: min(90%, 954px); } .hohde-leveys-95 { max-width: min(95%, 1007px); }
@media (max-width: 549px) { .hohde-tekstilaatikko { max-width: 85% !important; } }
.hohde-tekstilaatikko > * + * { margin-top: 0.5rem; }
.hohde-skaala-50 { --hohde-skaala: 0.5; } .hohde-skaala-55 { --hohde-skaala: 0.55; } .hohde-skaala-60 { --hohde-skaala: 0.6; } .hohde-skaala-65 { --hohde-skaala: 0.65; }
.hohde-skaala-70 { --hohde-skaala: 0.7; } .hohde-skaala-75 { --hohde-skaala: 0.75; } .hohde-skaala-80 { --hohde-skaala: 0.8; } .hohde-skaala-85 { --hohde-skaala: 0.85; }
.hohde-skaala-90 { --hohde-skaala: 0.9; } .hohde-skaala-95 { --hohde-skaala: 0.95; } .hohde-skaala-105 { --hohde-skaala: 1.05; } .hohde-skaala-110 { --hohde-skaala: 1.1; }
.hohde-skaala-115 { --hohde-skaala: 1.15; } .hohde-skaala-120 { --hohde-skaala: 1.2; } .hohde-skaala-125 { --hohde-skaala: 1.25; } .hohde-skaala-130 { --hohde-skaala: 1.3; } .hohde-skaala-150 { --hohde-skaala: 1.5; }
.hohde-teksti-skaala p, .hohde-teksti-skaala li { font-size: calc(1rem * var(--hohde-skaala, 1)); line-height: 1.6; }
.hohde-teksti-skaala :is(h1, h2, h3, h4) { font-size: calc(1.6rem * max(var(--hohde-skaala, 1), 0.85)); }
/* Bannerikortit palstoissa: kuva näkyy kokonaan taustana, sisältö keskellä. */
.wp-block-column > .wp-block-cover { padding: 1rem; }
.wp-block-column > .wp-block-cover .wp-block-cover__inner-container { width: 100%; }
.wp-block-column > .wp-block-cover .wp-block-image { margin-bottom: 0.5rem; }
.wp-block-cover .hohde-tekstilaatikko { min-width: min(190px, 100%); }
.hohde-tekstilaatikko :is(h1, h2, h3, h4) { hyphens: manual; -webkit-hyphens: manual; }
/* Flatsomen tekstilaatikko on oletuksena keskitetty; vaalea kansi käyttää brändin tekstiväriä (ei mustaa). */
.hohde-tekstilaatikko { text-align: center; }
.hohde-tekstilaatikko.has-background { padding: 20px; }
.wp-block-cover.is-light .wp-block-cover__inner-container { color: var(--wp--preset--color--contrast); }
.hohde-headerbanner .hohde-tekstilaatikko h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.6rem); line-height: 1.2; }

/* Ominaisuuslaatikot (Flatsomen featured_box pos=left): teksti vasemmalle kuten alkuperäisessä. */
.hohde-ominaisuus, .hohde-ominaisuus :is(h2, h3, h4, p) { text-align: left; }

/* Kuvaliukuri (Flatsomen ux_gallery type=slider): yksi kuva kerrallaan, pisteet alla. */
.wp-block-gallery.hohde-liukuri { display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.wp-block-gallery.hohde-liukuri::-webkit-scrollbar { display: none; }
.wp-block-gallery.hohde-liukuri > figure.wp-block-image { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; scroll-snap-align: center; }
.wp-block-gallery.hohde-liukuri > figure.wp-block-image img { width: 100%; height: auto !important; object-fit: contain; }
.hohde-liukuri-pisteet { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.hohde-liukuri-pisteet button { width: 10px; height: 10px; border-radius: 50%; border: 1px solid var(--wp--preset--color--contrast); background: transparent; padding: 0; cursor: pointer; }
.hohde-liukuri-pisteet button[aria-current="true"] { background: var(--wp--preset--color--contrast); }
/* Flatsomen keskitys koskee vain saraketta itseään, ei sisäkkäisiä palstoja (kuten alkuperäisessä). */
.has-text-align-center .wp-block-columns .wp-block-column:not(.has-text-align-center) { text-align: left; }
.has-text-align-center .wp-block-columns .wp-block-column:not(.has-text-align-center) .wp-block-buttons { justify-content: flex-start; }

/* Kuvalaatikot taustallisella tekstillä (etusivun "Suositut artikkelit" ym.) kuten Flatsomessa: tekstilaatikko kuvan päällä, 85 % levyinen, keskitetty. */
.hohde-kuvalaatikko > .wp-block-group.has-background { position: relative; width: 85%; margin: -50px auto 0 !important; padding: 15px 20px !important; text-align: center; }
.hohde-kuvalaatikko > .wp-block-group.has-background :is(h3, h4) { font-size: 20.9px; font-weight: 600; line-height: 1.3; margin: 0 0 0.5em; }
.hohde-kuvalaatikko > .wp-block-group.has-background p { font-size: 14.4px; line-height: 1.6; margin: 0; }
@media (max-width: 781px) { .hohde-kuvalaatikko > .wp-block-group.has-background { margin-top: -30px !important; } }
.hohde-kuvalaatikko:has(> .wp-block-group.has-background) > .wp-block-image img { aspect-ratio: 1 / 1; }

/* 10.11. Elinan huomiot 2 */
/* Kuva nousee edellisen (header-kuvan) päälle: Flatsomen negatiivinen ylämarginaali. */
.wp-block-image[class*="hohde-ylos-"] { position: relative; z-index: 1; }
.hohde-ylos-10 { margin-top: -10px !important; } .hohde-ylos-20 { margin-top: -20px !important; } .hohde-ylos-30 { margin-top: -30px !important; }
.hohde-ylos-40 { margin-top: -40px !important; } .hohde-ylos-50 { margin-top: -50px !important; } .hohde-ylos-60 { margin-top: -60px !important; }
.hohde-ylos-70 { margin-top: -70px !important; } .hohde-ylos-80 { margin-top: -80px !important; } .hohde-ylos-90 { margin-top: -90px !important; } .hohde-ylos-100 { margin-top: -100px !important; }
/* Ikonilliset rivit (featured_box vasemmalla) tiiviisti: ei lohkovälejä välistilan ympärille. */
:where(.wp-block-column, .wp-block-group) > .hohde-ominaisuus + .wp-block-spacer,
:where(.wp-block-column, .wp-block-group) > .wp-block-spacer + .hohde-ominaisuus { margin-block-start: 0; }
.hohde-ominaisuus.is-nowrap { align-items: flex-start; }
.hohde-ominaisuus.is-nowrap > .wp-block-image img { margin-top: 2px; }
/* Taustalliset sarakkeet (Flatsomen bg_color) */
.wp-block-column.has-background > :first-child { margin-top: 0; }
.wp-block-column.has-background > :last-child { margin-bottom: 0; }
/* Taulukot: koko leveys, solujen reunat. */
.wp-block-table { width: 100%; overflow-x: auto; }
.wp-block-table table, .entry-content table { width: 100%; border-collapse: collapse; }
.wp-block-table th, .wp-block-table td, .entry-content table th, .entry-content table td { border: 1px solid #BDE1E6; padding: 0.5em 0.75em; text-align: left; vertical-align: top; }
.wp-block-table thead th, .entry-content table thead th { background: #DBF0F2; color: #002F67; }
/* Logo-ryhmä heti header-kuvan perään ilman lohkoväliä, jotta nousu on tasan Flatsomen -50px. */
:where(.wp-block-cover, .wp-block-image) + .wp-block-group:has(.wp-block-image[class*="hohde-ylos-"]) { margin-block-start: 0 !important; position: static !important; }
/* Negatiivinen marginaali valuu valkotaustaiseen osioon asti → osio ei saa olla positioitu, muuten sen tausta peittää header-kuvan alareunan logon alta. */
.wp-block-group:has(> .wp-block-image[class*="hohde-ylos-"]:first-child) { position: static !important; }
/* Kaikki leveät lohkot (myös Starterin blogipohjan kysely) sisältöleveyteen 1060px kuten Flatsomessa. */
main .alignwide { max-width: var(--wp--style--global--wide-size, 1060px) !important; }
/* Klassiset [gallery]-galleriat artikkeleissa ruudukoksi kuten Flatsomessa (Elina 10.11.). */
.gallery { display: grid; grid-template-columns: repeat(var(--hohde-gs, 3), minmax(0, 1fr)); gap: 16px; margin-block: 1.5em; align-items: start; }
.gallery-columns-1 { --hohde-gs: 1; } .gallery-columns-2 { --hohde-gs: 2; } .gallery-columns-3 { --hohde-gs: 3; } .gallery-columns-4 { --hohde-gs: 4; }
.gallery-columns-5 { --hohde-gs: 5; } .gallery-columns-6 { --hohde-gs: 6; } .gallery-columns-7 { --hohde-gs: 7; } .gallery-columns-8 { --hohde-gs: 8; } .gallery-columns-9 { --hohde-gs: 9; }
.gallery > br { display: none; }
.gallery .gallery-item { margin: 0 !important; width: auto !important; max-width: none !important; float: none !important; }
.gallery .gallery-icon img { display: block; width: 100%; height: auto; border: 0 !important; }
.gallery .gallery-caption { font-size: 0.875rem; margin-top: 0.4em; }
@media (max-width: 549px) { .gallery { grid-template-columns: repeat(min(var(--hohde-gs, 3), 2), minmax(0, 1fr)); gap: 10px; } }
/* Palvelusivujen lopun artikkelit: kuvaton linkkilista (Elina 10.11.). */
.wp-block-latest-posts.hohde-linkkilista { list-style: none; padding: 0; margin-left: 0; column-gap: 32px; row-gap: 0; }
.wp-block-latest-posts.hohde-linkkilista > li { margin: 0; padding: 0.7em 0 0.7em 1.4em; border-bottom: 1px solid #DBEFF2; position: relative; }
.wp-block-latest-posts.hohde-linkkilista > li::before { content: ""; position: absolute; left: 0.2em; top: 1.15em; width: 0.45em; height: 0.45em; border-top: 2px solid #0CB4D4; border-right: 2px solid #0CB4D4; transform: rotate(45deg); }
.wp-block-latest-posts.hohde-linkkilista .wp-block-latest-posts__post-title { color: #002F67; font-weight: 600; text-decoration: none; }
.wp-block-latest-posts.hohde-linkkilista .wp-block-latest-posts__post-title:hover { text-decoration: underline; }
.wp-block-latest-posts.hohde-linkkilista .wp-block-latest-posts__featured-image { display: none; }
@media (max-width: 781px) { .wp-block-latest-posts.hohde-linkkilista.is-grid { grid-template-columns: 1fr; } }

/* Flatsomen width__sm: kuvan leveys mobiilissa (≤549px). */
@media (max-width: 549px) {
	.wp-block-image.hohde-kl-sm-20 img { width: 20% !important; }
	.wp-block-image.hohde-kl-sm-25 img { width: 25% !important; }
	.wp-block-image.hohde-kl-sm-30 img { width: 30% !important; }
	.wp-block-image.hohde-kl-sm-35 img { width: 35% !important; }
	.wp-block-image.hohde-kl-sm-40 img { width: 40% !important; }
	.wp-block-image.hohde-kl-sm-45 img { width: 45% !important; }
	.wp-block-image.hohde-kl-sm-50 img { width: 50% !important; }
	.wp-block-image.hohde-kl-sm-55 img { width: 55% !important; }
	.wp-block-image.hohde-kl-sm-60 img { width: 60% !important; }
	.wp-block-image.hohde-kl-sm-65 img { width: 65% !important; }
	.wp-block-image.hohde-kl-sm-70 img { width: 70% !important; }
	.wp-block-image.hohde-kl-sm-75 img { width: 75% !important; }
	.wp-block-image.hohde-kl-sm-80 img { width: 80% !important; }
	.wp-block-image.hohde-kl-sm-85 img { width: 85% !important; }
	.wp-block-image.hohde-kl-sm-90 img { width: 90% !important; }
	.wp-block-image.hohde-kl-sm-95 img { width: 95% !important; }
	.wp-block-image.hohde-kl-sm-100 img { width: 100% !important; }
}
/* Serviceform-upotuksen paikka etusivun headerin alla. */
.hohde-sf-upotus:empty { display: none; }
.hohde-sf-upotus { max-width: var(--wp--style--global--content-size, 1060px); margin-inline: auto; }
/* Trustmaryn soittopyyntölomake: tekstikenttien otsikot tyhjiä (vain "*") → piiloon, paikkamerkki kertoo kentän (Elina 10.11.). */
.tm-field--textfield > .tm-field-label--textfield { display: none !important; }