.elementor-kit-6{--e-global-color-primary:#C8102E;--e-global-color-secondary:#282C36;--e-global-color-text:#3A3F4B;--e-global-color-accent:#A60D26;background-color:#F2F2F2;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:1em;font-weight:400;line-height:1.6em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#C8102E;font-size:1em;font-weight:700;color:#FFFFFF;border-style:none;border-radius:360px 360px 360px 360px;padding:12px 24px 12px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#A60D26;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:#282C36;font-size:4em;font-weight:900;line-height:1.1em;}.elementor-kit-6 h2{color:#282C36;font-size:2em;font-weight:700;line-height:1.2em;}.elementor-kit-6 h3{color:#282C36;font-size:1.25em;font-weight:700;line-height:1.3em;}.elementor-kit-6 h4{color:#282C36;font-size:1.125em;font-weight:700;line-height:1.4em;}.elementor-kit-6 h5{color:#282C36;font-size:1em;font-weight:700;line-height:1.4em;}.elementor-kit-6 h6{color:#282C36;font-size:0.875em;font-weight:700;line-height:1.4em;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9CDD4;border-radius:8px 8px 8px 8px;padding:10px 14px 10px 14px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-style:solid;border-color:#C8102E;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:3em;}.elementor-kit-6 h2{font-size:1.75em;}.elementor-kit-6 h3{font-size:1.25em;}.elementor-kit-6 h4{font-size:1.125em;}.elementor-kit-6 h5{font-size:1em;}.elementor-kit-6 h6{font-size:0.875em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:2.25em;}.elementor-kit-6 h2{font-size:1.625em;}.elementor-kit-6 h3{font-size:1.125em;}.elementor-kit-6 h4{font-size:1.0625em;}.elementor-kit-6 h5{font-size:1em;}.elementor-kit-6 h6{font-size:0.875em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* SYAB design/WCAG 2026-10-23 */
/* Länkar i löptext: understrukna så att de syns utan att man ser färg (WCAG 1.4.1) */
.elementor-widget-text-editor a:not(.elementor-button),
.elementor-widget-theme-post-content a:not(.elementor-button) {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .18em;
}
.elementor-widget-text-editor a:not(.elementor-button):hover,
.elementor-widget-theme-post-content a:not(.elementor-button):hover {
	text-decoration-thickness: 2px;
}

/* Länkkort: lika höga per rad – rubrik överst, länk längst ned */
.e-con:has(> .elementor-widget-call-to-action:only-child) > .elementor-widget-call-to-action { flex-grow: 1; }
.elementor-widget-call-to-action .elementor-cta { height: 100%; }
.elementor-cta--skin-classic .elementor-cta__content { flex-grow: 1; flex-direction: column; flex-wrap: nowrap; align-items: stretch; align-content: stretch; }
.elementor-cta--skin-classic .elementor-cta__button-wrapper { margin-top: auto; }

/* SYAB rytm 2026-10-23 */
/* Sektionsluft. Varje toppnivå-container på en sida (eller i en sidmall) är en sektion:
   – sektion som har en egen H2 får sektionsluft ovanför (64 / 48 / 40 px)
   – container utan egen H2 hör till sektionen ovanför och får elementavståndet (Widgets space, 20 px)
   – hero (.syab-hero), titelband (.syab-band) och färgade paneler (.syab-panel) styr sin egen padding.
   Sidans sidomarginal är --syab-gutter (samma som header och footer på mobil). */
body { --syab-section: 64px; --syab-gutter: 20px; }
@media (max-width: 1024px) { body { --syab-section: 48px; } }
@media (max-width: 767px) { body { --syab-section: 40px; } }
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .e-con:not(.syab-hero, .syab-band, .syab-panel) {
	--padding-top: var(--syab-section);
	--padding-bottom: 0px;
	--padding-left: var(--syab-gutter);
	--padding-right: var(--syab-gutter);
}
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .e-con:not(.syab-hero, .syab-band, .syab-panel):not(:has(h2)) {
	--padding-top: var(--widgets-spacing-row, 20px);
}
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > :is(.syab-hero, .syab-band) + .e-con:not(.syab-panel) {
	--padding-top: var(--syab-section);
}
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .e-con:last-child:not(.syab-panel) {
	--padding-bottom: var(--syab-section);
}
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .syab-panel { margin-top: var(--syab-section); }
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .syab-panel:last-child { margin-bottom: var(--syab-section); }

/* Textblock: ingen extra luft efter sista stycket/listan – avståndet till nästa element styrs av rytmen */
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) :is(p, ul, ol, blockquote):last-child { margin-bottom: 0 !important; }
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) :is(ul, ol) { margin: 0 0 16px; padding-left: 1.25em; }
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) li + li { margin-top: 4px; }
/* Rubriker i löptext (nyheter, kursbeskrivningar) */
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) h2 { margin: var(--syab-section) 0 var(--syab-heading-gap); }
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) :is(h3, h4) { margin: var(--syab-sub) 0 var(--syab-heading-gap); }
:is(.elementor-widget-text-editor, .elementor-widget-theme-post-content) :is(h2, h3, h4):first-child { margin-top: 0; }

/* SYAB rytm del 2 */
/* Tomma platshållarkolumner (håller kortbredden på dator) döljs när raderna staplas */
@media (max-width: 1024px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) .e-con:not(:has(*)):not([data-settings*="background"]) { display: none; }
}
/* Kolumner som var och en är en egen sektion (börjar med en H2) får sektionsluft när de staplas (surfplatta/mobil) – inte kort (.syab-card), de behåller kortavståndet */
@media (max-width: 1024px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) :is(.e-con, .e-con-inner):has(> .e-con:not(.syab-card):first-child > .elementor-widget-heading:first-child h2):has(> .e-con:not(.syab-card):nth-child(2) > .elementor-widget-heading:first-child h2) {
		--row-gap: var(--syab-section);
	}
}

/* SYAB rytm: video */
/* En videosektion utan egen rubrik är ändå en egen sektion (inte en fortsättning på korten ovanför) */
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) > .e-con:not(.syab-hero, .syab-band, .syab-panel):not(:has(h2)):has(.elementor-widget-video) { --padding-top: var(--syab-section); }

/* SYAB: rubrikwidget som <p> */
/* Styckeavståndet (Paragraph Spacing) gäller löptext – inte rubrikwidgetar som renderas som <p> (t.ex. Datum/Tid/Plats bredvid en ikon) */
.elementor-widget-heading p.elementor-heading-title { margin-block-end: 0; }

/* SYAB: ikonwidget utan radhöjd */
/* Ikonen ligger annars på en textrad (radhöjd 1.6) och får tom yta under sig – då hamnar den för högt bredvid text */
.elementor-widget-icon .elementor-icon-wrapper { line-height: 0; }

/* SYAB kort 2026-10-23 */
/* Samma innerluft i alla kort och paneler: --syab-card-pad (30 px – som korten och den röda panelen på Trafiklärarutbildning).
   Gäller kort (Call to Action), kort byggda av containrar (.syab-card), nyhetskort och dragspelsrader.
   Ställ inte in padding lokalt på korten – ändra värdet här så följer hela webbplatsen med. */
body { --syab-card-pad: 30px; }
.elementor-cta--skin-classic .elementor-cta__content { padding: var(--syab-card-pad); }
.e-con.syab-card { --padding-top: var(--syab-card-pad); --padding-right: var(--syab-card-pad); --padding-bottom: var(--syab-card-pad); --padding-left: var(--syab-card-pad); }
.e-con.syab-callout { --padding-top: 20px; --padding-right: 20px; --padding-bottom: 20px; --padding-left: 20px; }
/* Nyhetskort: bilden går kant i kant, texten ligger 30 px från kortets kanter */
body .elementor-posts--skin-cards .elementor-post__card .elementor-post__thumbnail__link { margin-bottom: 0; }
body .elementor-widget-posts .elementor-posts--skin-cards .elementor-post__card .elementor-post__text { padding: 0 var(--syab-card-pad) var(--syab-card-pad); margin: var(--syab-card-pad) 0 0; }
body .elementor-posts--skin-cards .elementor-post__card .elementor-post__read-more { margin-bottom: 0; }
/* Dragspelsrader: samma sidoindrag som korten, lika luft över och under rubriken */
body .elementor-widget-n-accordion { --n-accordion-padding: 20px var(--syab-card-pad); }
body .elementor-widget-n-accordion .e-n-accordion-item > .e-con { --padding-top: 0px; --padding-right: var(--syab-card-pad); --padding-bottom: 20px; --padding-left: var(--syab-card-pad); }

/* SYAB rutnät */
/* Kurslistan och nyhetskorten: samma avstånd mellan korten som alla andra kortrader (Widgets space) */
/* (!important: Elementor skriver annars ut widgetens standardavstånd, 30–35 px, med en mer specifik selektor) */
:is(.elementor-widget-loop-grid, .elementor-widget-posts) { --grid-row-gap: var(--widgets-spacing-row, 20px) !important; --grid-column-gap: var(--widgets-spacing-column, 20px) !important; }

/* SYAB listor */
/* Infolistor (t.ex. Datum/Tid/Plats, kurskortens rader): rader som hör ihop ligger tätare än vanliga element */
body { --syab-list-gap: 10px; }
.e-con.syab-list { --row-gap: var(--syab-list-gap); }

/* SYAB underrubriker */
/* Rubriker hör ihop med innehållet de inleder: mer luft ovanför än under. Samma mått i rubrikwidgetar och i löptext.
   – under varje rubrik (H2–H4): --syab-heading-gap (12 px), oavsett om det som följer är text, kort eller något annat
   – ovanför H2: sektionsluften (--syab-section); ovanför H3/H4 (underrubriker): --syab-sub (40 px dator, 32 px surfplatta/mobil)
   (Widgetarna ligger i en container med radavståndet --row-gap, så marginalen är skillnaden mot det.)
   En rubrik överst i en container eller ett kort styrs av sektionsluften respektive kortets padding. Gäller sidans innehåll, inte sidhuvud och sidfot. */
body { --syab-sub: 40px; --syab-heading-gap: 12px; }
@media (max-width: 1024px) { body { --syab-sub: 32px; } }
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) :is(.e-con, .e-con-inner) > .elementor-widget-heading:not(:first-child):has(.elementor-heading-title:is(h3, h4)) { margin-block-start: calc(var(--syab-sub) - var(--row-gap, 20px)); }
:is([data-elementor-type="wp-page"], [data-elementor-type="single-post"]) :is(.e-con, .e-con-inner) > .elementor-widget-heading:has(.elementor-heading-title:is(h2, h3, h4)) { margin-block-end: calc(var(--syab-heading-gap) - var(--row-gap, 20px)); }

/* SYAB titelband */
/* Titelbandet (sidans H1 + underrubrik) är alltid vitt – samma på alla sidor, oavsett vad som är inställt lokalt. */
.e-con.syab-band { background-color: #FFFFFF !important; }/* End custom CSS */