.elementor-kit-11{--e-global-color-primary:#F58220;--e-global-color-secondary:#292242;--e-global-color-text:#0D1318;--e-global-color-accent:#FFF8EB;--e-global-color-c400f4f:#F58220;--e-global-color-af5a8a0:#CE171F;--e-global-color-281f8d8:#292242;--e-global-color-6a224ff:#C2E7FF;--e-global-color-aacb493:#274077;--e-global-color-2c1a99d:#4F6DAC;--e-global-color-70b873e:#A6C2DF;--e-global-color-a0691d4:#FDC26C;--e-global-color-4df4914:#E14922;--e-global-color-1a64602:#BE7566;--e-global-color-153ff18:#EEC0A6;--e-global-color-6f8b515:#FFFFFF;--e-global-color-6be4101:#F58220;--e-global-color-7c03950:#FFFFFF;--e-global-color-9e1c62e:#CE171F;--e-global-color-1415e32:#0D1318B3;--e-global-color-52b9b6b:#FFFFFF;--e-global-color-0f524d4:#F9EBD1;--e-global-color-69da11b:#FCD7B2;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:30px;--e-global-typography-66d54be-font-size:20px;--e-global-typography-66d54be-font-weight:600;--e-global-typography-66d54be-line-height:130%;--e-global-typography-c8c0fb5-font-size:16px;--e-global-typography-c8c0fb5-font-weight:400;--e-global-typography-c8c0fb5-line-height:150%;--e-global-typography-20112fd-font-family:"Onest";--e-global-typography-20112fd-font-size:21px;--e-global-typography-20112fd-font-weight:600;--e-global-typography-20112fd-line-height:133%;--e-global-typography-e29b2d4-font-size:17px;--e-global-typography-e29b2d4-font-weight:400;--e-global-typography-e29b2d4-line-height:141%;--e-global-typography-a95ef20-font-family:"Onest";--e-global-typography-a95ef20-font-size:42px;--e-global-typography-a95ef20-font-weight:600;--e-global-typography-a95ef20-line-height:normal;--e-global-typography-6b8f1d0-font-family:"Onest";--e-global-typography-6b8f1d0-font-size:15px;--e-global-typography-6b8f1d0-font-weight:600;--e-global-typography-6b8f1d0-line-height:133.333%;--e-global-typography-7b98738-font-size:14px;--e-global-typography-7b98738-font-weight:400;--e-global-typography-7b98738-line-height:128.571%;background-color:var( --e-global-color-accent );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:17px;line-height:26px;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-6be4101 );font-family:"Onest", Sans-serif;font-size:17px;font-weight:600;line-height:26px;color:var( --e-global-color-6f8b515 );border-radius:6px 6px 6px 6px;padding:16px 28px 16px 28px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:var( --e-global-color-9e1c62e );color:var( --e-global-color-7c03950 );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-c400f4f );}.elementor-kit-11 a:hover{color:var( --e-global-color-af5a8a0 );}.elementor-kit-11 h1{color:var( --e-global-color-secondary );font-family:"Onest", Sans-serif;font-size:64px;font-weight:600;line-height:78px;}.elementor-kit-11 h2{color:var( --e-global-color-secondary );font-family:"Onest", Sans-serif;font-size:42px;font-weight:600;line-height:54px;}.elementor-kit-11 h3{color:var( --e-global-color-secondary );font-family:"Onest", Sans-serif;font-size:32px;font-weight:600;line-height:42px;}.elementor-kit-11 h4{color:var( --e-global-color-secondary );font-family:"Onest", Sans-serif;font-size:24px;font-weight:600;line-height:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1220px;}.e-con{--container-max-width:1220px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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:1366px){.elementor-kit-11{--e-global-typography-a95ef20-font-size:32px;}.elementor-kit-11 h1{font-size:58px;line-height:66px;}.elementor-kit-11 h2{font-size:38px;line-height:46px;}.elementor-kit-11 h3{font-size:28px;line-height:26px;}}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-a95ef20-font-size:28px;}.elementor-kit-11 h1{font-size:48px;line-height:56px;}.elementor-kit-11 h2{font-size:32px;line-height:42px;}.elementor-kit-11 h3{font-size:24px;line-height:32px;}.elementor-kit-11 h4{font-size:22px;line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-accent-font-size:18px;--e-global-typography-accent-line-height:26px;--e-global-typography-66d54be-font-size:18px;--e-global-typography-a95ef20-font-size:22px;}.elementor-kit-11 h1{font-size:30px;line-height:38px;}.elementor-kit-11 h2{font-size:26px;line-height:34px;}.elementor-kit-11 h3{font-size:22px;line-height:20px;}.elementor-kit-11 h4{font-size:20px;line-height:28px;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:16px;line-height:24px;padding:16px 24px 16px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   GetOnNet: organiska SVG-masker för Elementor Image-widget
   Läggs i theme CSS (eller Site Settings → Custom CSS).

   Användning: lägg EN av klasserna på Image-widgeten under
   Advanced → CSS Classes (bredvid getonnet-image), t.ex.:
   "getonnet-image getonnet-image--mask-1"

   Bilden tvingas till samma proportioner som maskens SVG
   (aspect-ratio + object-fit: cover) → maskformen fyller
   alltid 100% av bredden, utan tomrum på sidorna.
   Lämna Image-widgetens höjd-kontroll TOM (höjden styrs av
   aspect-ratio).
   ============================================================ */

/* Gemensam bas för alla maskerna */
.getonnet-image--mask-1 img,
.getonnet-image--mask-2 img,
.getonnet-image--mask-3 img,
.getonnet-image--mask-4 img,
.getonnet-image--mask-5 img,
.getonnet-image--mask-half img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Mask 1 (SVG viewBox 541×423) */
.getonnet-image--mask-1 img {
    aspect-ratio: 541 / 423;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-001.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-001.svg');
}

/* Mask 2 (SVG viewBox 550×495) */
.getonnet-image--mask-2 img {
    aspect-ratio: 550 / 495;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-002.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-002.svg');
}

/* Mask 3 (SVG viewBox 550×479) – mask-004, ersatte dubblett av mask-2 */
.getonnet-image--mask-3 img {
    aspect-ratio: 550 / 479;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-004.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-004.svg');
}

/* Mask 4 (SVG viewBox 550×523) – mask-005 */
.getonnet-image--mask-4 img {
    aspect-ratio: 550 / 523;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-005.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-005.svg');
}

/* Mask 5 (SVG viewBox 550×492) – mask-006 */
.getonnet-image--mask-5 img {
    aspect-ratio: 550 / 492;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-006.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-006.svg');
}

/* Half page mask (SVG viewBox 931×700) – bred halvsidesform */
.getonnet-image--mask-half img {
    aspect-ratio: 931 / 700;
    -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-half.svg');
    mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mask-half.svg');
}

/* Half page mask – tablet/mobil (≤1024px): egen maskform
   (SVG viewBox 390×366, nästan kvadratisk) */
@media (max-width: 1024px) {
    .getonnet-image--mask-half img {
        aspect-ratio: 390 / 366;
        -webkit-mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mobile-half-page.svg');
        mask-image: url('https://www.nfunorge.org/wp-content/uploads/2026/06/mobile-half-page.svg');
    }
}

/* ============================================================
   GetOnNet: knappar med ikon (.getonnet-button--icon)
   Ikonen glider mjukt åt höger vid hover, ease-in-out.
   Funkar för både SVG- och Font Awesome-ikoner — Elementor
   lägger båda i span.elementor-button-icon.
   ============================================================ */

/* Transition på basläget → mjuk både in OCH ut */
.getonnet-button--icon .elementor-button-icon {
    transition: transform .3s ease-in-out;
}

/* Hover på själva knappen (inte widget-ytan) → ikonen glider höger */
.getonnet-button--icon .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}

/* ============================================================
   GetOnNet: text-/länk-knappar (.getonnet-button--link)
   Underline under texten som animeras bort vid hover (glider ut
   åt höger) och tillbaka vid un-hover (in från vänster).
   ============================================================ */

.getonnet-button--link .elementor-button-text {
    position: relative;
}

.getonnet-button--link .elementor-button-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    background: currentColor;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform .3s ease-in-out;
}

.getonnet-button--link .elementor-button:hover .elementor-button-text::after {
    transform: scaleX(0);
    transform-origin: right;
}

/* Storlek: 16/24 desktop, 15/22 mobil */
.getonnet-breadcrumbs .rank-math-breadcrumb,
.getonnet-breadcrumbs .rank-math-breadcrumb p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
@media (max-width: 767px) {
    .getonnet-breadcrumbs .rank-math-breadcrumb,
    .getonnet-breadcrumbs .rank-math-breadcrumb p {
        font-size: 15px;
        line-height: 22px;
    }
}

/* Mörk bakgrund → vit text */
.getonnet-breadcrumbs-dark .rank-math-breadcrumb,
.getonnet-breadcrumbs-dark .rank-math-breadcrumb a,
.getonnet-breadcrumbs-dark .rank-math-breadcrumb .separator,
.getonnet-breadcrumbs-dark .rank-math-breadcrumb .last {
    color: #FFFFFF;
}

/* Ljus bakgrund → mörk text (Global Color secondary) */
.getonnet-breadcrumbs-light .rank-math-breadcrumb,
.getonnet-breadcrumbs-light .rank-math-breadcrumb a,
.getonnet-breadcrumbs-light .rank-math-breadcrumb .separator,
.getonnet-breadcrumbs-light .rank-math-breadcrumb .last {
    color: var(--e-global-color-secondary);
}

/* Länkar – underline som kommer IN vid hover */
.getonnet-breadcrumbs .rank-math-breadcrumb a {
    position: relative;
    color: inherit;
    text-decoration: none;
}
.getonnet-breadcrumbs .rank-math-breadcrumb a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s ease-in-out;
}
.getonnet-breadcrumbs .rank-math-breadcrumb a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Lokallag-fane-innhold + «Lokallag til …»-seksjon (.nfu-only-fylkeslag):
   skjul på lokallag, underside, OG fylkeslag uten lokallag. */
body:not(.nfu-lag-editor).nfu-lag--lokallag  .nfu-only-fylkeslag,
body:not(.nfu-lag-editor).nfu-lag--underside .nfu-only-fylkeslag,
body:not(.nfu-lag-editor).nfu-lag--no-lokallag .nfu-only-fylkeslag {
    display: none !important;
}

/* Lokallag-fanens tittel (3. fane): skjul på lokallag + no-lokallag */
body:not(.nfu-lag-editor).nfu-lag--lokallag   .getonnet-lag-tabs .e-n-tab-title:nth-child(3),
body:not(.nfu-lag-editor).nfu-lag--no-lokallag .getonnet-lag-tabs .e-n-tab-title:nth-child(3) {
    display: none !important;
}

/* Undersider: skjul faner + sidebar */
body:not(.nfu-lag-editor).nfu-lag--underside .getonnet-lag-body,
body:not(.nfu-lag-editor).nfu-lag--underside .getonnet-lag-sidebar {
    display: none !important;
}

/* Rent underside-innhold */
.nfu-only-underside { display: none; }
body.nfu-lag--underside .nfu-only-underside,
body.nfu-lag-editor    .nfu-only-underside { display: block; }/* End custom CSS */