.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3365 .elementor-element.elementor-element-46fa61be .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1.5em;letter-spacing:1.5px;color:var( --e-global-color-accent );}.elementor-3365 .elementor-element.elementor-element-96b130c5 .elementor-heading-title{font-family:"Newsreader", Sans-serif;font-size:52px;font-weight:400;line-height:1.1em;color:var( --e-global-color-text );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3365 .elementor-element.elementor-element-dc659302{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:24px;}.elementor-3365 .elementor-element.elementor-element-2252034d .elementor-heading-title{font-family:"Newsreader", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;color:var( --e-global-color-text );}.elementor-3365 .elementor-element.elementor-element-86424133{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:24px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3365 .elementor-element.elementor-element-2b5aa134 .elementor-button{background-color:#00000000;font-family:"Manrope", Sans-serif;font-size:13px;font-weight:700;line-height:1.5em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:12px 0px 12px 0px;}.elementor-3365 .elementor-element.elementor-element-dfe616f0 .elementor-heading-title{font-family:"Newsreader", Sans-serif;font-size:29px;font-weight:400;line-height:1.1em;color:var( --e-global-color-text );}.elementor-3365 .elementor-element.elementor-element-5deff426{--grid-columns:2;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-3365 .elementor-element.elementor-element-3cc00b49{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-3365 .elementor-element.elementor-element-3cc00b49 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3365 .elementor-element.elementor-element-3cc00b49 .e-loop-item > .elementor-section, .elementor-3365 .elementor-element.elementor-element-3cc00b49 .e-loop-item > .elementor-section > .elementor-container, .elementor-3365 .elementor-element.elementor-element-3cc00b49 .e-loop-item > .e-con, .elementor-3365 .elementor-element.elementor-element-3cc00b49 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}body.elementor-page-3365:not(.elementor-motion-effects-element-type-background), body.elementor-page-3365 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0EB;}:root{--page-title-display:none;}@media(max-width:1180px){.elementor-3365 .elementor-element.elementor-element-3cc00b49{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}}@media(max-width:860px){.elementor-3365 .elementor-element.elementor-element-dc659302{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-86424133{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-5deff426{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-3cc00b49{--grid-columns:3;--grid-row-gap:12px;--grid-column-gap:12px;}}@media(max-width:580px){.elementor-3365 .elementor-element.elementor-element-96b130c5 .elementor-heading-title{font-size:38px;}.elementor-3365 .elementor-element.elementor-element-dc659302{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-2252034d .elementor-heading-title{font-size:29px;}.elementor-3365 .elementor-element.elementor-element-86424133{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-dfe616f0 .elementor-heading-title{font-size:26px;}.elementor-3365 .elementor-element.elementor-element-5deff426{--grid-columns:1;}.elementor-3365 .elementor-element.elementor-element-3cc00b49{--grid-columns:1;--grid-row-gap:12px;--grid-column-gap:12px;}}/* Start custom CSS *//*
 * CSS-undantag: rich-text-accent
 * Syfte: Färgsätter kursiva accentord separat från resten av rubriken.
 * Omfattning: Endast nästlade em-element i startsidans hero- och sektionsrubriker.
 * Begränsning i Elementor: Atomic Heading i Elementor 4.2 kan inte ge ett nästlat em en egen textfärg.
 * Kan tas bort när: Atomic Heading får native kontroll för delvis formaterad rubriktext.
 */
#sju-hero-em,
body.elementor-page-3365 .sju-intro-heading em,
body.elementor-page-3365 .sju-experiences-title em {
	color: var(--color-brown);
}

body.elementor-page-3365 .sju-stay-title em,
body.elementor-page-3365 .sju-why-title em {
	color: var(--color-sage);
}

/*
 * CSS-undantag: inline-svg-internals
 * Syfte: Bevarar de uppladdade linjeikonernas transparenta fyllning och tar bort inline-SVG:ns extra baslinjeutrymme.
 * Omfattning: Endast svg- och path-element inuti startsidans Atomic SVG-widgets.
 * Begränsning i Elementor: Atomic SVG i Elementor 4.2 exponerar inte display eller fill för widgetens nästlade svg- och path-element.
 * Kan tas bort när: Atomic SVG kan styra de nästlade svg- och path-elementens display och fill native.
 */
body.elementor-page-3365 .e-svg svg {
	display: block;
}

body.elementor-page-3365 .e-svg svg path {
	fill: none;
}

/*
 * CSS-undantag: news-summary-clamp
 * Syfte: Begränsar de två mindre nyhetssammanfattningarna till två rader på större skärmar.
 * Omfattning: Endast brödtexterna i startsidans två mindre nyhetskort från och med 768 pixlar.
 * Begränsning i Elementor: Atomic Paragraph i Elementor 4.2 saknar native kontroll för flerradig line-clamp.
 * Kan tas bort när: Atomic Paragraph får en native kontroll för line-clamp med responsiva värden.
 */
@media (min-width: 768px) {
	body.elementor-page-3365 .sju-home-news-item-body {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}

/*
 * CSS-undantag: parent-state-image-scale
 * Syfte: Skalar kortbilden mjukt när den omgivande länken hovras eller får synligt tangentbordsfokus.
 * Omfattning: De tre vägvalsbilderna på startsidan.
 * Begränsning i Elementor: Ett Atomic-barns transform kan inte styras av föräldralänkens hover eller focus-visible i Elementor 4.2.
 * Kan tas bort när: Atomic Interactions kan koppla en förälders state till ett barns transform.
 */
body.elementor-page-3365 .sju-path-card-company:hover .sju-path-image-company,
body.elementor-page-3365 .sju-path-card-retreat:hover .sju-path-image-retreat,
body.elementor-page-3365 .sju-path-card-celebrate:hover .sju-path-image-celebrate {
	transform: scale(1.035);
}

/*
 * CSS-undantag: startsida-loop-grid-internals
 * Syfte: Låter startsidans dynamiska Loop Grid behålla en kolumn, två jämnhöga nyhetsrader och full höjd i den befintliga kompositionen.
 * Omfattning: Endast de två Loop Grid-widgetarna i startsidans Aktuellt-sektion.
 * Begränsning i Elementor: Loop Grids interna container och item-wrappers kan inte styras från Atomic-layoutens native grid-kontroller.
 * Kan tas bort när: Loop Grid exponerar intern grid-template-rows och fullhöjdsbeteende som responsiva native kontroller.
 */
body.elementor-page-3365 .sjs-home-feature-grid,
body.elementor-page-3365 .sjs-home-feature-grid .elementor-loop-container,
body.elementor-page-3365 .sjs-home-feature-grid .e-loop-item,
body.elementor-page-3365 .sjs-home-news-grid,
body.elementor-page-3365 .sjs-home-news-grid .elementor-loop-container,
body.elementor-page-3365 .sjs-home-news-grid .e-loop-item { min-width:0; height:100%; }

body.elementor-page-3365 .sjs-home-feature-grid .elementor-loop-container { display:grid; grid-template-columns:1fr; }
body.elementor-page-3365 .sjs-home-news-grid .elementor-loop-container { display:grid; grid-template-columns:1fr; grid-template-rows:repeat(2,minmax(0,1fr)); }

/*
 * CSS-undantag: hero-opening-animation
 * Syfte: Återskapar prototypens mjuka öppning där hero-bilden tonas in och innehållskortet stiger på plats.
 * Omfattning: Endast startsidans hero-video och hero-kort vid sidans första rendering.
 * Begränsning i Elementor: Atomic 4.2 saknar native kontroller för egna keyframes och separat fördröjd entréanimation på dessa element.
 * Kan tas bort när: Atomic kan konfigurera motsvarande keyframes, easing och delay native på berörda element.
 */
body.elementor-page-3365 .sju-hero-video {
	animation: sju-reveal-image 1.1s cubic-bezier(0.22,1,0.36,1) both;
}

body.elementor-page-3365 .sju-hero-card {
	animation: sju-rise-in 0.9s 0.12s cubic-bezier(0.22,1,0.36,1) both;
}

@keyframes sju-reveal-image {
	from { opacity: 0; transform: scale(1.025); }
	to { opacity: 1; transform: scale(1); }
}

@keyframes sju-rise-in {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: translateY(0); }
}

/*
 * CSS-undantag: parent-state-icon
 * Syfte: Flyttar pilen mjukt när den omgivande sekundärlänken i heron hovras.
 * Omfattning: Endast pilen i startsidans länk Boka boende.
 * Begränsning i Elementor: Ett Atomic-barns transform kan inte styras av föräldralänkens hover i Elementor 4.2.
 * Kan tas bort när: Atomic Interactions kan koppla en förälders hover-state till ett barns transform.
 */
body.elementor-page-3365 .sju-hero-secondary-button:hover .sju-hero-secondary-icon {
	transform: translate(2px, -2px);
}

/*
 * CSS-undantag: reduced-motion
 * Syfte: Tar bort entréanimationer, övergångar och hoverförflyttningar när besökaren har valt minskad rörelse.
 * Omfattning: Startsidedokumentets animerade hero, knappar och kortbilder.
 * Begränsning i Elementor: Atomic 4.2 saknar en prefers-reduced-motion-variant.
 * Kan tas bort när: Elementor kan konfigurera prefers-reduced-motion native på dokument- och komponentnivå.
 */
@media (prefers-reduced-motion: reduce) {
	body.elementor-page-3365 .sju-hero-video,
	body.elementor-page-3365 .sju-hero-card {
		animation: none !important;
		opacity: 1;
		transform: none;
	}

	body.elementor-page-3365 * {
		transition: none !important;
	}

	body.elementor-page-3365 .sju-hero-primary-button,
	body.elementor-page-3365 .sju-hero-secondary-icon,
	body.elementor-page-3365 .sju-path-image-company,
	body.elementor-page-3365 .sju-path-image-retreat,
	body.elementor-page-3365 .sju-path-image-celebrate {
		transform: none !important;
	}
}
/*
 * CSS-undantag: startsida-dynamisk-bild
 * Syfte: Låter den dynamiska huvudnyhetsbilden fylla hela bildkolumnen och följa textkolumnens höjd utan deformation.
 * Omfattning: Endast Theme Post Featured Image-widgeten i startsidans huvudnyhetsmall.
 * Begränsning i Elementor: Widgetens interna wrappers och img-element kan inte få full höjd och object-fit från Atomic-föräldern.
 * Kan tas bort när: Theme Post Featured Image exponerar wrapperhöjd och object-fit native i Atomic.
 */
body.elementor-page-3365 .sju-home-news-feature-image { position:absolute; inset:0; display:block; width:100%; height:100%; }
body.elementor-page-3365 .sju-home-news-feature-image .elementor-widget-container,
body.elementor-page-3365 .sju-home-news-feature-image a,
body.elementor-page-3365 .sju-home-news-feature-image img { display:block; width:100%; height:100%; }
body.elementor-page-3365 .sju-home-news-feature-image img { object-fit:cover; object-position:center; transition:transform .65s cubic-bezier(.22,1,.36,1); }

/*
 * CSS-undantag: startsida-dynamisk-textbrygga
 * Syfte: Nollställer klassiska dynamiska widgetars interna marginaler och länfärger så Atomic-föräldrarna äger typografi och rytm.
 * Omfattning: Endast dynamiska text- och rubrikbryggor i startsidans två nyhetsmallar.
 * Begränsning i Elementor: Klassiska dynamiska widgets lägger till interna wrappers och temastyrda länktillstånd.
 * Kan tas bort när: Atomic kan rendera posttitel, metadata och excerpt direkt.
 */
body.elementor-page-3365 .sju-aktuellt-dynamic-text,
body.elementor-page-3365 .sju-aktuellt-dynamic-text .elementor-widget-container,
body.elementor-page-3365 .sju-aktuellt-dynamic-text p,
body.elementor-page-3365 .sju-aktuellt-dynamic-heading,
body.elementor-page-3365 .sju-aktuellt-dynamic-heading .elementor-widget-container,
body.elementor-page-3365 .sju-aktuellt-dynamic-heading .elementor-heading-title { margin:0; color:inherit; font:inherit; line-height:inherit; letter-spacing:inherit; text-transform:inherit; }
body.elementor-page-3365 .sju-aktuellt-dynamic-heading a,
body.elementor-page-3365 .sju-aktuellt-dynamic-heading a:hover,
body.elementor-page-3365 .sju-aktuellt-dynamic-heading a:focus { color:inherit; }

/*
 * CSS-undantag: startsida-huvudnyhet-hover
 * Syfte: Skalar huvudnyhetsbilden mjukt när någon av kortets innehållslänkar hovras eller får tangentbordsfokus.
 * Omfattning: Endast startsidans dynamiska huvudnyhetskort.
 * Begränsning i Elementor: Atomic kan inte koppla en underordnad länks state till ett syskonelements bildtransform.
 * Kan tas bort när: Atomic Interactions kan styra syskonelement från en länks state.
 */
body.elementor-page-3365 .sju-home-news-feature-card:has(a:hover) .sju-home-news-feature-image img,
body.elementor-page-3365 .sju-home-news-feature-card:has(a:focus-visible) .sju-home-news-feature-image img { transform:scale(1.035); }

@media (prefers-reduced-motion: reduce) {
	body.elementor-page-3365 .sju-home-news-feature-image img { transition-duration:0s; }
	body.elementor-page-3365 .sju-home-news-feature-card:has(a:hover) .sju-home-news-feature-image img,
	body.elementor-page-3365 .sju-home-news-feature-card:has(a:focus-visible) .sju-home-news-feature-image img { transform:none; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/manrope-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/manrope-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 650;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/manrope-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/manrope-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 750;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/manrope-latin-variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Newsreader';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/newsreader-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Newsreader';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://sjusjoar.webblix.se/wp-content/uploads/2026/08/newsreader-latin-variable-italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */