/*
Theme Name: Meriturva
Description: Hello Elementor lapsiteema Meriturva-sivustolle. Tämä lapsiteema mahdollistaa muokkausten tekemisen ilman, että muutokset katoavat Hello Elementor -teeman päivityksissä.
Author: DigiSilta Oy
Author URI: https://digisilta.fi
Template: hello-elementor
Version: 1.0.0
Text Domain: meriturva
*/

/* MERITURVA 2026-05-11 — UI-korjaukset asiakaspalautteen pohjalta (Pasi Salminen) */

/* 1) Riviväli leipätekstin luetteloiden jälkeen — vastaa luettelon yläpuolista väliä */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin-bottom: 1.25em;
}

/* 2) Päänavigaation otsikkojen ylivuoto: pienennä fonttia tabletilla ja kapealla desktopilla */
@media (max-width: 1260px) {
	.elementor-63 .elementor-element.elementor-element-a3942ac span.e-n-menu-title-text {
		font-size: 1rem;
	}
}

@media (min-width: 1200px) and (max-width: 1360px) {
	div.e-n-menu-title-container > span.e-n-menu-title-text {
		font-size: 1rem !important;
	}
}

/* 3) Koulutuskategoriasivujen hero-otsikko */
h1.meriturva-category-hero__title {
	font-family: "Barlow", Sans-serif;
	font-size: 3rem;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--e-global-color-secondary);
}

@media (max-width: 1024px) {
	h1.meriturva-category-hero__title {
		font-size: 2.5rem;
	}
}

@media (max-width: 767px) {
	h1.meriturva-category-hero__title {
		font-size: 2rem;
	}
}

/* 4) Meriturva-btn padding -ylikirjoitus Elementor-buttoneille */
.meriturva-btn a,
.meriturva-btn a.elementor-button,
.meriturva-btn .elementor-button,
a.meriturva-btn.elementor-button,
a.elementor-button.meriturva-btn,
.elementor-button.meriturva-btn,
.elementor-button-wrapper .meriturva-btn,
.elementor-widget-button .meriturva-btn {
	padding: 12px 16px !important;
}