.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-2105 .elementor-element.elementor-element-4ff366d0{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:16px;}body.elementor-page-2105:not(.elementor-motion-effects-element-type-background), body.elementor-page-2105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F0EB;}@media(max-width:1180px){.elementor-2105 .elementor-element.elementor-element-4ff366d0{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:16px;}}@media(max-width:860px){.elementor-2105 .elementor-element.elementor-element-4ff366d0{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:16px;}}@media(max-width:580px){.elementor-2105 .elementor-element.elementor-element-4ff366d0{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:16px;}}/* Start custom CSS *//*
 * CSS-undantag: retreats-rich-text-accents
 * Syfte: Ger de kursiva accentorden rätt kontrastfärg inne i två sammanhängande rubriker.
 * Omfattning: Endast em-element i retreats-sidans hero- och arrangörsrubrik.
 * Begränsning i Elementor: Atomic Heading i Elementor 4.2 kan inte färgsätta ett nästlat em separat.
 * Kan tas bort när: Atomic Heading får native kontroll för delvis formaterad rubriktext.
 */
body.elementor-page-2105 .sju-retreats-hero-title em {
	color: var(--color-forest);
	font-weight: 400;
}

body.elementor-page-2105 #host-retreat-title em {
	color: var(--color-sand);
	font-weight: 400;
}

/*
 * CSS-undantag: retreats-svg-internals
 * Syfte: Bevarar de dekorativa pilarnas öppna linjeform utan oönskad fyllning.
 * Omfattning: Endast nästlade path-element i SVG-pilar på Retreats och kurser.
 * Begränsning i Elementor: Atomic SVG kan styla widgeten men inte dess nästlade path-element.
 * Kan tas bort när: Atomic SVG får native kontroll för path-fyllning och linjefärg.
 */
body.elementor-page-2105 .sju-atgard-inlineikon svg path {
	fill: none;
}

/*
 * CSS-undantag: retreats-variable-weight-precision
 * Syfte: Matchar prototypens mellanvikt 650 på CTA-etiketter och schematider med den registrerade variabla Manrope-filen.
 * Omfattning: Endast CTA-etiketter och schematider på Retreats och kurser.
 * Begränsning i Elementor: Atomic CSS-konverteraren i Elementor 4.2 avvisar font-weight 650 och tillåter bara sina fasta vikter.
 * Kan tas bort när: Atomic accepterar valfria vikter från registrerade variabla typsnitt.
 */
body.elementor-page-2105 .sju-typografi-atgardsetikett,
body.elementor-page-2105 .sju-typografi-schematid {
	font-weight: 650;
}

/*
 * CSS-undantag: retreats-focus-visible-state
 * Syfte: Behåller grundfärgerna vid tangentbordsfokus samtidigt som Elementors native fokuslinje visas.
 * Omfattning: Endast de tre CTA-knapparna på Retreats och kurser.
 * Begränsning i Elementor: Atomic 4.2 kopplar hover-stilen även till focus-visible och kan inte separera tillstånden.
 * Kan tas bort när: Atomic kan konfigurera hover och focus-visible som separata tillstånd.
 */
body.elementor-page-2105 .sju-retreats-action-green-palette:focus-visible {
	border-color: var(--color-forest);
	background-color: var(--color-forest);
	color: var(--color-paper);
	transform: none;
}

body.elementor-page-2105 .sju-retreats-action-light-palette:focus-visible {
	border-color: rgba(252, 250, 246, 0.45);
	background-color: transparent;
	color: var(--color-paper);
	transform: none;
}

body.elementor-page-2105 .sju-retreats-action-dark-palette:focus-visible {
	border-color: var(--color-paper);
	background-color: var(--color-forest);
	color: var(--color-paper);
	transform: none;
}

/*
 * CSS-undantag: retreats-reduced-motion
 * Syfte: Tar bort sidans övergångar och hoverförflyttningar när besökaren har valt minskad rörelse.
 * Omfattning: Alla övergångar inom retreats-sidans Elementor-dokument.
 * 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å dokumentnivå.
 */
@media (prefers-reduced-motion: reduce) {
	body.elementor-page-2105 * {
		transition: none !important;
	}

	body.elementor-page-2105 .sju-retreats-action-green-palette:hover,
	body.elementor-page-2105 .sju-retreats-action-light-palette:hover,
	body.elementor-page-2105 .sju-retreats-action-dark-palette:hover,
	body.elementor-page-2105 .sju-retreats-action-green-palette:focus-visible,
	body.elementor-page-2105 .sju-retreats-action-light-palette:focus-visible,
	body.elementor-page-2105 .sju-retreats-action-dark-palette:focus-visible {
		transform: none !important;
	}
}/* End custom CSS */