.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-3099 .elementor-element.elementor-element-c8992382{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f{--grid-columns:2;--grid-row-gap:26px;--load-more-button-align:start;--grid-column-gap:34px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f .elementor-button{background-color:#00000000;font-family:"Manrope", Sans-serif;font-size:13px;font-weight:700;fill:#2B2521;color:#2B2521;border-style:solid;border-width:0px 0px 1px 0px;border-color:#2B2521;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f .elementor-button:hover, .elementor-3099 .elementor-element.elementor-element-5ddd096f .elementor-button:focus{background-color:#00000000;color:#2B2521;}.elementor-3099 .elementor-element.elementor-element-5ddd096f .elementor-button:hover svg, .elementor-3099 .elementor-element.elementor-element-5ddd096f .elementor-button:focus svg{fill:#2B2521;}.elementor-3099 .elementor-element.elementor-element-b1b2a5a2{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}body.elementor-page-3099:not(.elementor-motion-effects-element-type-background), body.elementor-page-3099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF6;}:root{--page-title-display:none;}@media(max-width:1180px){.elementor-3099 .elementor-element.elementor-element-c8992382{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f{--grid-columns:1;--grid-row-gap:26px;--grid-column-gap:34px;}.elementor-3099 .elementor-element.elementor-element-b1b2a5a2{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}}@media(max-width:860px){.elementor-3099 .elementor-element.elementor-element-c8992382{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f{--grid-columns:1;--grid-row-gap:35px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-b1b2a5a2{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}}@media(max-width:580px){.elementor-3099 .elementor-element.elementor-element-c8992382{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-5ddd096f{--grid-columns:1;--grid-row-gap:35px;--grid-column-gap:0px;}.elementor-3099 .elementor-element.elementor-element-b1b2a5a2{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}}/* Start custom CSS *//* * CSS-undantag: aktuellt-rich-text-accent * Syfte: Färgsätter det kursiva accentordet i Aktuellt-herons sammanhängande rubrik. * Omfattning: Endast em-elementet i Aktuellt-herons h1. * Begränsning i Elementor: Atomic Heading 4.2 kan inte ge ett nästlat em-element en egen färg. * Kan tas bort när: Atomic Heading kan formatera en markerad del av samma rubrik native. */ body.elementor-page-3099 .sju-aktuellt-hero-title em { color: var(--sju-color-sand); font-weight: 400; } /* * CSS-undantag: aktuellt-featured-image-internals * Syfte: Låter dynamiska featured images fylla huvudnyhetens och nyhetskortens avsedda bildytor utan deformation. * Omfattning: Endast Theme Post Featured Image-widgetarna i Aktuellt-looparna. * Begränsning i Elementor: Widgetens interna wrappers och img-element kan inte styras fullt ut från Atomic-förälderns bildkontroller. * Kan tas bort när: Theme Post Featured Image exponerar height, object-fit och wrappergeometri native i Atomic. */ body.elementor-page-3099 .sju-aktuellt-feature-image, body.elementor-page-3099 .sju-aktuellt-news-image { position:absolute; inset:0; display:block; width:100%; height:100%; } body.elementor-page-3099 .sju-aktuellt-feature-image .elementor-widget-container, body.elementor-page-3099 .sju-aktuellt-feature-image a, body.elementor-page-3099 .sju-aktuellt-feature-image img, body.elementor-page-3099 .sju-aktuellt-news-image .elementor-widget-container, body.elementor-page-3099 .sju-aktuellt-news-image a, body.elementor-page-3099 .sju-aktuellt-news-image img { display:block; width:100%; height:100%; } body.elementor-page-3099 .sju-aktuellt-feature-image img, body.elementor-page-3099 .sju-aktuellt-news-image img { object-fit:cover; object-position:center; } /* * CSS-undantag: aktuellt-dynamic-text-bridge * Syfte: Nollställer enbart bryggwidgetarnas interna marginaler så Atomic-föräldern äger all typografi och rytm. * Omfattning: Endast registrerade dynamiska text- och rubrikbryggor i Aktuellt-looparna. * Begränsning i Elementor: Klassiska dynamiska widgets lägger till interna wrappers med egna standardmarginaler. * Kan tas bort när: Atomic 4.2 kan rendera alla aktuella post- och retreatfält direkt. */ body.elementor-page-3099 .sju-aktuellt-dynamic-text, body.elementor-page-3099 .sju-aktuellt-dynamic-text .elementor-widget-container, body.elementor-page-3099 .sju-aktuellt-dynamic-text p, body.elementor-page-3099 .sju-aktuellt-dynamic-heading, body.elementor-page-3099 .sju-aktuellt-dynamic-heading .elementor-widget-container, body.elementor-page-3099 .sju-aktuellt-dynamic-heading .elementor-heading-title { margin:0; color:inherit; font:inherit; line-height:inherit; letter-spacing:inherit; text-transform:inherit; } /* * CSS-undantag: aktuellt-loop-widget-internals * Syfte: Ger Loop Grids interna load-more-yta samma avstånd och fokusmarkering som prototypens redaktionella länkar. * Omfattning: Endast Loop Grid-widgetarna i Aktuellt-sektionen. * Begränsning i Elementor: Elementor Pro exponerar knappens grundstil men inte wrapperns övre rytm eller separat focus-visible-outline. * Kan tas bort när: Loop Grid erbjuder wrapper-spacing och focus-visible som native kontroller. */ body.elementor-page-3099 .sjs-aktuellt-feature-grid .elementor-loop-container, body.elementor-page-3099 .sjs-aktuellt-retreat-grid .elementor-loop-container { display:grid; grid-template-columns:1fr; } body.elementor-page-3099 .sjs-aktuellt-news-grid .e-load-more-spinner, body.elementor-page-3099 .sjs-aktuellt-news-grid .e-loop__load-more { margin-top:38px; } body.elementor-page-3099 .sjs-aktuellt-news-grid .elementor-button:focus-visible { outline:2px solid var(--sju-color-green); outline-offset:4px; } /* * CSS-undantag: aktuellt-parent-state-icon * Syfte: Flyttar pilen mjukt när den omslutande redaktionella länken aktiveras med mus eller tangentbord. * Omfattning: CTA-länkar i Aktuellt-looparna och länken till alla retreats. * Begränsning i Elementor: Atomic 4.2 saknar föräldrastyrd hover- och fokusvariant för en barnikon. * Kan tas bort när: Atomic kan koppla en förälderlänks interaktionstillstånd till barnets transform native. */ body.elementor-page-3099 .sju-aktuellt-feature-link:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-feature-link:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-news-link:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-news-link:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-all:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-all:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-row:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-row:focus-visible .e-svg { transform:translateX(3px); } /* * CSS-undantag: aktuellt-reduced-motion * Syfte: Tar bort icke-nödvändiga övergångar och pilförflyttningar när besökaren föredrar minskad rörelse. * Omfattning: Aktuellt-sidans redaktionella länkar, retreatrader och load-more-knapp. * Begränsning i Elementor: Atomic 4.2 saknar prefers-reduced-motion-variant. * Kan tas bort när: Atomic stöder reducerad rörelse som native responsivt tillstånd. */ @media (prefers-reduced-motion: reduce) { body.elementor-page-3099 .sju-aktuellt-feature-link, body.elementor-page-3099 .sju-aktuellt-news-link, body.elementor-page-3099 .sju-aktuellt-retreat-all, body.elementor-page-3099 .sju-aktuellt-retreat-row, body.elementor-page-3099 .sjs-aktuellt-news-grid .elementor-button, body.elementor-page-3099 .e-svg { transition-duration:0s !important; } body.elementor-page-3099 .sju-aktuellt-feature-link:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-feature-link:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-news-link:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-news-link:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-all:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-all:focus-visible .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-row:hover .e-svg, body.elementor-page-3099 .sju-aktuellt-retreat-row:focus-visible .e-svg { 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 */