.elementor-kit-4{--e-global-color-primary:#5A3C91;--e-global-color-secondary:#CAC8E6;--e-global-color-text:#000000;--e-global-color-accent:#4A3179;--e-global-color-hvit:#FFFFFF;--e-global-color-graa:#E6E6E6;--e-global-color-hover:#3D2765;--e-global-color-natt:#1D1233;--e-global-color-footer:#2A1A4A;--e-global-color-flate:#F4F3FA;--e-global-color-feltkant:#BDBBD0;--e-global-color-sekundaer:#555555;--e-global-color-hvit10:#FFFFFF1A;--e-global-color-hvit14:#FFFFFF24;--e-global-color-hvit20:#FFFFFF33;--e-global-color-hvit30:#FFFFFF4D;--e-global-color-hvit55:#FFFFFF8C;--e-global-color-hvit60:#FFFFFF99;--e-global-color-hvit70:#FFFFFFB3;--e-global-color-hvit16:#FFFFFF29;--e-global-color-hvit18:#FFFFFF2E;--e-global-color-hvit25:#FFFFFF40;--e-global-color-hvit35:#FFFFFF59;--e-global-color-hvit50:#FFFFFF80;--e-global-color-hvit75:#FFFFFFBF;--e-global-color-tekst111:#111111;--e-global-color-tekst222:#222222;--e-global-color-tekst333:#333333;--e-global-color-tekst444:#444444;--e-global-color-lystekst:#EFEDF9;--e-global-color-lystekst2:#EFEDF8;--e-global-color-lystekst3:#E6E4F4;--e-global-color-linje:#EAE8F2;--e-global-color-linjelilla:#E1DEF0;--e-global-color-linjegraa:#CFCFCF;--e-global-color-sponsorflate:#ECEAF5;--e-global-color-footermork:#150C26;--e-global-color-grasrot:#2B1B4A;--e-global-color-dyp:#3A2464;--e-global-color-lillahover:#BFBCE0;--e-global-color-graahover:#DCDAEA;--e-global-color-nestenhvit:#FAFAFA;--e-global-color-stripelys:#F4F4F4;--e-global-color-stripemork:#D3D3D3;--e-global-color-stripemellom:#E9E9E9;--e-global-color-stripelys2:#F2F2F2;--e-global-color-skygge:#140A2C;--e-global-color-lysboks:#140A28EB;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.14em;--e-global-typography-primary-letter-spacing:0em;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:clamp(17px,2.3vw,21px);--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-secondary-letter-spacing:0em;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.75em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:normal;--e-global-typography-accent-letter-spacing:0.1em;--e-global-typography-knapp-font-family:"Open Sans";--e-global-typography-knapp-font-size:16px;--e-global-typography-knapp-font-weight:600;--e-global-typography-knapp-line-height:normal;--e-global-typography-knapp-letter-spacing:0em;--e-global-typography-etikett-font-family:"Open Sans";--e-global-typography-etikett-font-size:15px;--e-global-typography-etikett-font-weight:600;--e-global-typography-etikett-line-height:1.4em;--e-global-typography-etikett-letter-spacing:0em;--e-global-typography-meny-font-family:"Open Sans";--e-global-typography-meny-font-size:16px;--e-global-typography-meny-font-weight:300;--e-global-typography-meny-line-height:normal;--e-global-typography-meny-letter-spacing:0em;--e-global-typography-menynedtrekk-font-family:"Open Sans";--e-global-typography-menynedtrekk-font-size:15px;--e-global-typography-menynedtrekk-font-weight:300;--e-global-typography-menynedtrekk-line-height:normal;--e-global-typography-menynedtrekk-letter-spacing:0em;--e-global-typography-menyfane-font-family:"Open Sans";--e-global-typography-menyfane-font-size:14px;--e-global-typography-menyfane-font-weight:300;--e-global-typography-menyfane-line-height:normal;--e-global-typography-menyfane-letter-spacing:0em;--e-global-typography-menyaktiv-font-family:"Open Sans";--e-global-typography-menyaktiv-font-size:14px;--e-global-typography-menyaktiv-font-weight:600;--e-global-typography-menyaktiv-line-height:normal;--e-global-typography-menyaktiv-letter-spacing:0em;--e-global-typography-smaatekst-font-family:"Open Sans";--e-global-typography-smaatekst-font-size:14px;--e-global-typography-smaatekst-font-weight:300;--e-global-typography-smaatekst-line-height:1.6em;--e-global-typography-smaatekst-letter-spacing:0em;--e-global-typography-h1-font-family:"Open Sans";--e-global-typography-h1-font-size:clamp(32px,6vw,54px);--e-global-typography-h1-font-weight:600;--e-global-typography-h1-line-height:1.14em;--e-global-typography-h1-letter-spacing:0em;--e-global-typography-h2-font-family:"Open Sans";--e-global-typography-h2-font-size:clamp(24px,3.4vw,34px);--e-global-typography-h2-font-weight:600;--e-global-typography-h2-line-height:1.14em;--e-global-typography-h2-letter-spacing:0em;--e-global-typography-h3-font-family:"Open Sans";--e-global-typography-h3-font-size:22px;--e-global-typography-h3-font-weight:600;--e-global-typography-h3-line-height:1.14em;--e-global-typography-h3-letter-spacing:0em;--e-global-typography-h4-font-family:"Open Sans";--e-global-typography-h4-font-size:18px;--e-global-typography-h4-font-weight:600;--e-global-typography-h4-line-height:1.14em;--e-global-typography-h4-letter-spacing:0em;--e-global-typography-h1forside-font-family:"Open Sans";--e-global-typography-h1forside-font-size:clamp(34px,7.2vw,66px);--e-global-typography-h1forside-font-weight:600;--e-global-typography-h1forside-line-height:1.14em;--e-global-typography-h1forside-letter-spacing:0em;--e-global-typography-h1idrett-font-family:"Open Sans";--e-global-typography-h1idrett-font-size:clamp(34px,6.8vw,64px);--e-global-typography-h1idrett-font-weight:600;--e-global-typography-h1idrett-line-height:1.14em;--e-global-typography-h1idrett-letter-spacing:0em;--e-global-typography-h1klubben-font-family:"Open Sans";--e-global-typography-h1klubben-font-size:clamp(32px,6.4vw,60px);--e-global-typography-h1klubben-font-weight:600;--e-global-typography-h1klubben-line-height:1.14em;--e-global-typography-h1klubben-letter-spacing:0em;--e-global-typography-h1artikkel-font-family:"Open Sans";--e-global-typography-h1artikkel-font-size:clamp(32px,6.4vw,58px);--e-global-typography-h1artikkel-font-weight:600;--e-global-typography-h1artikkel-line-height:1.14em;--e-global-typography-h1artikkel-letter-spacing:0em;--e-global-typography-h1oversikt-font-family:"Open Sans";--e-global-typography-h1oversikt-font-size:clamp(32px,6.4vw,56px);--e-global-typography-h1oversikt-font-weight:600;--e-global-typography-h1oversikt-line-height:1.14em;--e-global-typography-h1oversikt-letter-spacing:0em;--e-global-typography-h1cup-font-family:"Open Sans";--e-global-typography-h1cup-font-size:clamp(30px,6vw,56px);--e-global-typography-h1cup-font-weight:600;--e-global-typography-h1cup-line-height:1.14em;--e-global-typography-h1cup-letter-spacing:0em;--e-global-typography-h1kalender-font-family:"Open Sans";--e-global-typography-h1kalender-font-size:clamp(30px,5.6vw,52px);--e-global-typography-h1kalender-font-weight:600;--e-global-typography-h1kalender-line-height:1.14em;--e-global-typography-h1kalender-letter-spacing:0em;--e-global-typography-h1cupside-font-family:"Open Sans";--e-global-typography-h1cupside-font-size:clamp(30px,5.6vw,50px);--e-global-typography-h1cupside-font-weight:600;--e-global-typography-h1cupside-line-height:1.14em;--e-global-typography-h1cupside-letter-spacing:0em;--e-global-typography-h1kontakt-font-family:"Open Sans";--e-global-typography-h1kontakt-font-size:clamp(30px,5.4vw,50px);--e-global-typography-h1kontakt-font-weight:600;--e-global-typography-h1kontakt-line-height:1.14em;--e-global-typography-h1kontakt-letter-spacing:0em;--e-global-typography-ingressforside-font-family:"Open Sans";--e-global-typography-ingressforside-font-size:clamp(17px,2.4vw,21px);--e-global-typography-ingressforside-font-weight:300;--e-global-typography-ingressforside-line-height:1.6em;--e-global-typography-ingressforside-letter-spacing:0em;--e-global-typography-ingressside-font-family:"Open Sans";--e-global-typography-ingressside-font-size:clamp(17px,2.2vw,20px);--e-global-typography-ingressside-font-weight:300;--e-global-typography-ingressside-line-height:1.6em;--e-global-typography-ingressside-letter-spacing:0em;--e-global-typography-h2tekst-font-family:"Open Sans";--e-global-typography-h2tekst-font-size:clamp(21px,2.8vw,27px);--e-global-typography-h2tekst-font-weight:600;--e-global-typography-h2tekst-line-height:1.14em;--e-global-typography-h2tekst-letter-spacing:0em;--e-global-typography-korttittel-font-family:"Open Sans";--e-global-typography-korttittel-font-size:20px;--e-global-typography-korttittel-font-weight:600;--e-global-typography-korttittel-line-height:1.14em;--e-global-typography-korttittel-letter-spacing:0em;--e-global-typography-kapittel-font-family:"Open Sans";--e-global-typography-kapittel-font-size:clamp(17px,2.2vw,20px);--e-global-typography-kapittel-font-weight:600;--e-global-typography-kapittel-line-height:1.3em;--e-global-typography-kapittel-letter-spacing:0em;--e-global-typography-nyhet-font-family:"Open Sans";--e-global-typography-nyhet-font-size:20px;--e-global-typography-nyhet-font-weight:600;--e-global-typography-nyhet-line-height:1.3em;--e-global-typography-nyhet-letter-spacing:0em;--e-global-typography-nyhetliten-font-family:"Open Sans";--e-global-typography-nyhetliten-font-size:16px;--e-global-typography-nyhetliten-font-weight:600;--e-global-typography-nyhetliten-line-height:1.3em;--e-global-typography-nyhetliten-letter-spacing:0em;--e-global-typography-uthevet-font-family:"Open Sans";--e-global-typography-uthevet-font-size:16px;--e-global-typography-uthevet-font-weight:600;--e-global-typography-uthevet-line-height:normal;--e-global-typography-uthevet-letter-spacing:0em;--e-global-typography-uthevetliten-font-family:"Open Sans";--e-global-typography-uthevetliten-font-size:14px;--e-global-typography-uthevetliten-font-weight:600;--e-global-typography-uthevetliten-line-height:normal;--e-global-typography-uthevetliten-letter-spacing:0em;--e-global-typography-merke-font-family:"Open Sans";--e-global-typography-merke-font-size:13px;--e-global-typography-merke-font-weight:600;--e-global-typography-merke-line-height:normal;--e-global-typography-merke-letter-spacing:0em;--e-global-typography-kapittelnr-font-family:"Open Sans";--e-global-typography-kapittelnr-font-size:13px;--e-global-typography-kapittelnr-font-weight:600;--e-global-typography-kapittelnr-line-height:normal;--e-global-typography-kapittelnr-letter-spacing:0.06em;--e-global-typography-korttekst-font-family:"Open Sans";--e-global-typography-korttekst-font-size:15px;--e-global-typography-korttekst-font-weight:300;--e-global-typography-korttekst-line-height:1.55em;--e-global-typography-korttekst-letter-spacing:0em;--e-global-typography-korttekstluft-font-family:"Open Sans";--e-global-typography-korttekstluft-font-size:15px;--e-global-typography-korttekstluft-font-weight:300;--e-global-typography-korttekstluft-line-height:1.65em;--e-global-typography-korttekstluft-letter-spacing:0em;--e-global-typography-brodliten-font-family:"Open Sans";--e-global-typography-brodliten-font-size:16px;--e-global-typography-brodliten-font-weight:300;--e-global-typography-brodliten-line-height:1.7em;--e-global-typography-brodliten-letter-spacing:0em;--e-global-typography-brodlitentett-font-family:"Open Sans";--e-global-typography-brodlitentett-font-size:16px;--e-global-typography-brodlitentett-font-weight:300;--e-global-typography-brodlitentett-line-height:1.6em;--e-global-typography-brodlitentett-letter-spacing:0em;--e-global-typography-lenkeliten-font-family:"Open Sans";--e-global-typography-lenkeliten-font-size:15px;--e-global-typography-lenkeliten-font-weight:300;--e-global-typography-lenkeliten-line-height:normal;--e-global-typography-lenkeliten-letter-spacing:0em;--e-global-typography-footertekst-font-family:"Open Sans";--e-global-typography-footertekst-font-size:15px;--e-global-typography-footertekst-font-weight:300;--e-global-typography-footertekst-line-height:1.8em;--e-global-typography-footertekst-letter-spacing:0em;--e-global-typography-menymobil-font-family:"Open Sans";--e-global-typography-menymobil-font-size:17px;--e-global-typography-menymobil-font-weight:600;--e-global-typography-menymobil-line-height:normal;--e-global-typography-menymobil-letter-spacing:0em;--e-global-typography-logonavn-font-family:"Open Sans";--e-global-typography-logonavn-font-size:17px;--e-global-typography-logonavn-font-weight:600;--e-global-typography-logonavn-line-height:1.1em;--e-global-typography-logonavn-letter-spacing:0.01em;--e-global-typography-lenkefet-font-family:"Open Sans";--e-global-typography-lenkefet-font-size:15px;--e-global-typography-lenkefet-font-weight:600;--e-global-typography-lenkefet-line-height:normal;--e-global-typography-lenkefet-letter-spacing:0em;--e-global-typography-knappvanlig-font-family:"Open Sans";--e-global-typography-knappvanlig-font-size:15px;--e-global-typography-knappvanlig-font-weight:400;--e-global-typography-knappvanlig-line-height:normal;--e-global-typography-knappvanlig-letter-spacing:0em;--e-global-typography-liten-font-family:"Open Sans";--e-global-typography-liten-font-size:14px;--e-global-typography-liten-font-weight:300;--e-global-typography-liten-line-height:normal;--e-global-typography-liten-letter-spacing:0em;--e-global-typography-merkeversal-font-family:"Open Sans";--e-global-typography-merkeversal-font-size:13px;--e-global-typography-merkeversal-font-weight:600;--e-global-typography-merkeversal-text-transform:uppercase;--e-global-typography-merkeversal-line-height:normal;--e-global-typography-merkeversal-letter-spacing:0.06em;--e-global-typography-footertittel-font-family:"Open Sans";--e-global-typography-footertittel-font-size:13px;--e-global-typography-footertittel-font-weight:600;--e-global-typography-footertittel-text-transform:uppercase;--e-global-typography-footertittel-line-height:1.14em;--e-global-typography-footertittel-letter-spacing:0.1em;--e-global-typography-menymobilstor-font-family:"Open Sans";--e-global-typography-menymobilstor-font-size:18px;--e-global-typography-menymobilstor-font-weight:600;--e-global-typography-menymobilstor-line-height:normal;--e-global-typography-menymobilstor-letter-spacing:0em;--e-global-typography-menymobilunder-font-family:"Open Sans";--e-global-typography-menymobilunder-font-size:16px;--e-global-typography-menymobilunder-font-weight:300;--e-global-typography-menymobilunder-line-height:normal;--e-global-typography-menymobilunder-letter-spacing:0em;--e-global-typography-logonavnliten-font-family:"Open Sans";--e-global-typography-logonavnliten-font-size:16px;--e-global-typography-logonavnliten-font-weight:600;--e-global-typography-logonavnliten-line-height:1.2em;--e-global-typography-logonavnliten-letter-spacing:0em;--e-global-typography-h2liten-font-family:"Open Sans";--e-global-typography-h2liten-font-size:clamp(20px,2.6vw,26px);--e-global-typography-h2liten-font-weight:600;--e-global-typography-h2liten-line-height:1.14em;--e-global-typography-h2liten-letter-spacing:0em;--e-global-typography-kickerstor-font-family:"Open Sans";--e-global-typography-kickerstor-font-size:13px;--e-global-typography-kickerstor-font-weight:600;--e-global-typography-kickerstor-text-transform:uppercase;--e-global-typography-kickerstor-line-height:normal;--e-global-typography-kickerstor-letter-spacing:0.12em;--e-global-typography-kickerbred-font-family:"Open Sans";--e-global-typography-kickerbred-font-size:12px;--e-global-typography-kickerbred-font-weight:600;--e-global-typography-kickerbred-text-transform:uppercase;--e-global-typography-kickerbred-line-height:normal;--e-global-typography-kickerbred-letter-spacing:0.12em;--e-global-typography-kickermeny-font-family:"Open Sans";--e-global-typography-kickermeny-font-size:12px;--e-global-typography-kickermeny-font-weight:600;--e-global-typography-kickermeny-text-transform:uppercase;--e-global-typography-kickermeny-line-height:normal;--e-global-typography-kickermeny-letter-spacing:0.08em;--e-global-typography-merkepille-font-family:"Open Sans";--e-global-typography-merkepille-font-size:12px;--e-global-typography-merkepille-font-weight:600;--e-global-typography-merkepille-text-transform:uppercase;--e-global-typography-merkepille-line-height:normal;--e-global-typography-merkepille-letter-spacing:0.06em;--e-global-typography-knappstor-font-family:"Open Sans";--e-global-typography-knappstor-font-size:17px;--e-global-typography-knappstor-font-weight:600;--e-global-typography-knappstor-line-height:normal;--e-global-typography-knappstor-letter-spacing:0em;--e-global-typography-knappxl-font-family:"Open Sans";--e-global-typography-knappxl-font-size:18px;--e-global-typography-knappxl-font-weight:600;--e-global-typography-knappxl-line-height:1.75em;--e-global-typography-knappxl-letter-spacing:0em;--e-global-typography-h2mindre-font-family:"Open Sans";--e-global-typography-h2mindre-font-size:clamp(24px,3.4vw,32px);--e-global-typography-h2mindre-font-weight:600;--e-global-typography-h2mindre-line-height:1.14em;--e-global-typography-h2mindre-letter-spacing:0em;--e-global-typography-h2kort-font-family:"Open Sans";--e-global-typography-h2kort-font-size:clamp(22px,3vw,28px);--e-global-typography-h2kort-font-weight:600;--e-global-typography-h2kort-line-height:1.14em;--e-global-typography-h2kort-letter-spacing:0em;--e-global-typography-h2dato-font-family:"Open Sans";--e-global-typography-h2dato-font-size:clamp(24px,3vw,30px);--e-global-typography-h2dato-font-weight:600;--e-global-typography-h2dato-line-height:1.14em;--e-global-typography-h2dato-letter-spacing:0em;--e-global-typography-h3stor-font-family:"Open Sans";--e-global-typography-h3stor-font-size:clamp(22px,2.8vw,28px);--e-global-typography-h3stor-font-weight:600;--e-global-typography-h3stor-line-height:1.14em;--e-global-typography-h3stor-letter-spacing:0em;--e-global-typography-ctatittel-font-family:"Open Sans";--e-global-typography-ctatittel-font-size:clamp(20px,2.6vw,24px);--e-global-typography-ctatittel-font-weight:600;--e-global-typography-ctatittel-line-height:1.14em;--e-global-typography-ctatittel-letter-spacing:0em;--e-global-typography-tittel24-font-family:"Open Sans";--e-global-typography-tittel24-font-size:24px;--e-global-typography-tittel24-font-weight:600;--e-global-typography-tittel24-line-height:1.14em;--e-global-typography-tittel24-letter-spacing:0em;--e-global-typography-tittel21-font-family:"Open Sans";--e-global-typography-tittel21-font-size:21px;--e-global-typography-tittel21-font-weight:600;--e-global-typography-tittel21-line-height:1.14em;--e-global-typography-tittel21-letter-spacing:0em;--e-global-typography-tittel19-font-family:"Open Sans";--e-global-typography-tittel19-font-size:19px;--e-global-typography-tittel19-font-weight:600;--e-global-typography-tittel19-line-height:1.14em;--e-global-typography-tittel19-letter-spacing:0em;--e-global-typography-tittel17-font-family:"Open Sans";--e-global-typography-tittel17-font-size:17px;--e-global-typography-tittel17-font-weight:600;--e-global-typography-tittel17-line-height:1.14em;--e-global-typography-tittel17-letter-spacing:0em;--e-global-typography-promotittel-font-family:"Open Sans";--e-global-typography-promotittel-font-size:22px;--e-global-typography-promotittel-font-weight:600;--e-global-typography-promotittel-line-height:1.2em;--e-global-typography-promotittel-letter-spacing:0em;--e-global-typography-filnavnstor-font-family:"Open Sans";--e-global-typography-filnavnstor-font-size:19px;--e-global-typography-filnavnstor-font-weight:600;--e-global-typography-filnavnstor-line-height:normal;--e-global-typography-filnavnstor-letter-spacing:0em;--e-global-typography-uthevetstor-font-family:"Open Sans";--e-global-typography-uthevetstor-font-size:18px;--e-global-typography-uthevetstor-font-weight:600;--e-global-typography-uthevetstor-line-height:normal;--e-global-typography-uthevetstor-letter-spacing:0em;--e-global-typography-uthevetmellom-font-family:"Open Sans";--e-global-typography-uthevetmellom-font-size:17px;--e-global-typography-uthevetmellom-font-weight:600;--e-global-typography-uthevetmellom-line-height:normal;--e-global-typography-uthevetmellom-letter-spacing:0em;--e-global-typography-statustittel-font-family:"Open Sans";--e-global-typography-statustittel-font-size:17px;--e-global-typography-statustittel-font-weight:600;--e-global-typography-statustittel-line-height:1.4em;--e-global-typography-statustittel-letter-spacing:0em;--e-global-typography-innholdstittel-font-family:"Open Sans";--e-global-typography-innholdstittel-font-size:17px;--e-global-typography-innholdstittel-font-weight:600;--e-global-typography-innholdstittel-line-height:1.45em;--e-global-typography-innholdstittel-letter-spacing:0em;--e-global-typography-brodtett-font-family:"Open Sans";--e-global-typography-brodtett-font-size:17px;--e-global-typography-brodtett-font-weight:300;--e-global-typography-brodtett-line-height:1.65em;--e-global-typography-brodtett-letter-spacing:0em;--e-global-typography-brodmiddels-font-family:"Open Sans";--e-global-typography-brodmiddels-font-size:17px;--e-global-typography-brodmiddels-font-weight:300;--e-global-typography-brodmiddels-line-height:1.7em;--e-global-typography-brodmiddels-letter-spacing:0em;--e-global-typography-ingressliten-font-family:"Open Sans";--e-global-typography-ingressliten-font-size:18px;--e-global-typography-ingressliten-font-weight:300;--e-global-typography-ingressliten-line-height:1.65em;--e-global-typography-ingressliten-letter-spacing:0em;--e-global-typography-lenke16-font-family:"Open Sans";--e-global-typography-lenke16-font-size:16px;--e-global-typography-lenke16-font-weight:300;--e-global-typography-lenke16-line-height:normal;--e-global-typography-lenke16-letter-spacing:0em;--e-global-typography-brodliten165-font-family:"Open Sans";--e-global-typography-brodliten165-font-size:16px;--e-global-typography-brodliten165-font-weight:300;--e-global-typography-brodliten165-line-height:1.65em;--e-global-typography-brodliten165-letter-spacing:0em;--e-global-typography-korttett-font-family:"Open Sans";--e-global-typography-korttett-font-size:15px;--e-global-typography-korttett-font-weight:300;--e-global-typography-korttett-line-height:1.5em;--e-global-typography-korttett-letter-spacing:0em;--e-global-typography-korttekst16-font-family:"Open Sans";--e-global-typography-korttekst16-font-size:15px;--e-global-typography-korttekst16-font-weight:300;--e-global-typography-korttekst16-line-height:1.6em;--e-global-typography-korttekst16-letter-spacing:0em;--e-global-typography-korttekst17-font-family:"Open Sans";--e-global-typography-korttekst17-font-size:15px;--e-global-typography-korttekst17-font-weight:300;--e-global-typography-korttekst17-line-height:1.7em;--e-global-typography-korttekst17-letter-spacing:0em;--e-global-typography-korttekst175-font-family:"Open Sans";--e-global-typography-korttekst175-font-size:15px;--e-global-typography-korttekst175-font-weight:300;--e-global-typography-korttekst175-line-height:1.75em;--e-global-typography-korttekst175-letter-spacing:0em;--e-global-typography-lenkefetluft-font-family:"Open Sans";--e-global-typography-lenkefetluft-font-size:15px;--e-global-typography-lenkefetluft-font-weight:600;--e-global-typography-lenkefetluft-line-height:1.75em;--e-global-typography-lenkefetluft-letter-spacing:0em;--e-global-typography-promotekst-font-family:"Open Sans";--e-global-typography-promotekst-font-size:15px;--e-global-typography-promotekst-font-weight:400;--e-global-typography-promotekst-line-height:1.6em;--e-global-typography-promotekst-letter-spacing:0em;--e-global-typography-liten155-font-family:"Open Sans";--e-global-typography-liten155-font-size:14px;--e-global-typography-liten155-font-weight:300;--e-global-typography-liten155-line-height:1.55em;--e-global-typography-liten155-letter-spacing:0em;--e-global-typography-liten165-font-family:"Open Sans";--e-global-typography-liten165-font-size:14px;--e-global-typography-liten165-font-weight:300;--e-global-typography-liten165-line-height:1.65em;--e-global-typography-liten165-letter-spacing:0em;--e-global-typography-nummer-font-family:"Open Sans";--e-global-typography-nummer-font-size:14px;--e-global-typography-nummer-font-weight:600;--e-global-typography-nummer-line-height:1.7em;--e-global-typography-nummer-letter-spacing:0.04em;--e-global-typography-liten13-font-family:"Open Sans";--e-global-typography-liten13-font-size:13px;--e-global-typography-liten13-font-weight:300;--e-global-typography-liten13-line-height:normal;--e-global-typography-liten13-letter-spacing:0em;--e-global-typography-liten13tett-font-family:"Open Sans";--e-global-typography-liten13tett-font-size:13px;--e-global-typography-liten13tett-font-weight:300;--e-global-typography-liten13tett-line-height:1.45em;--e-global-typography-liten13tett-letter-spacing:0em;--e-global-typography-liten13luft-font-family:"Open Sans";--e-global-typography-liten13luft-font-size:13px;--e-global-typography-liten13luft-font-weight:300;--e-global-typography-liten13luft-line-height:1.6em;--e-global-typography-liten13luft-letter-spacing:0em;--e-global-typography-tallingress-font-family:"Open Sans";--e-global-typography-tallingress-font-size:clamp(19px,2.6vw,24px);--e-global-typography-tallingress-font-weight:600;--e-global-typography-tallingress-line-height:normal;--e-global-typography-tallingress-letter-spacing:0em;--e-global-typography-bokstav-font-family:"Open Sans";--e-global-typography-bokstav-font-size:17px;--e-global-typography-bokstav-font-weight:600;--e-global-typography-bokstav-line-height:normal;--e-global-typography-bokstav-letter-spacing:0em;--e-global-typography-bokstavliten-font-family:"Open Sans";--e-global-typography-bokstavliten-font-size:13px;--e-global-typography-bokstavliten-font-weight:600;--e-global-typography-bokstavliten-line-height:normal;--e-global-typography-bokstavliten-letter-spacing:0em;--e-global-typography-pilletekst-font-family:"Open Sans";--e-global-typography-pilletekst-font-size:16px;--e-global-typography-pilletekst-font-weight:600;--e-global-typography-pilletekst-line-height:normal;--e-global-typography-pilletekst-letter-spacing:0.01em;--e-global-typography-ikonstor-font-family:"Open Sans";--e-global-typography-ikonstor-font-size:48px;--e-global-typography-ikonstor-font-weight:300;--e-global-typography-ikonstor-line-height:1em;--e-global-typography-ikonstor-letter-spacing:0em;--e-global-typography-ikonknapp-font-family:"Open Sans";--e-global-typography-ikonknapp-font-size:30px;--e-global-typography-ikonknapp-font-weight:400;--e-global-typography-ikonknapp-line-height:1em;--e-global-typography-ikonknapp-letter-spacing:0em;--e-global-typography-ikonliten-font-family:"Open Sans";--e-global-typography-ikonliten-font-size:40px;--e-global-typography-ikonliten-font-weight:300;--e-global-typography-ikonliten-line-height:1em;--e-global-typography-ikonliten-letter-spacing:0em;--e-global-typography-tall-font-family:"Open Sans";--e-global-typography-tall-font-size:clamp(26px,4vw,38px);--e-global-typography-tall-font-weight:600;--e-global-typography-tall-line-height:normal;--e-global-typography-tall-letter-spacing:0em;--e-global-typography-tabell-font-family:"Open Sans";--e-global-typography-tabell-font-size:16px;--e-global-typography-tabell-font-weight:300;--e-global-typography-tabell-line-height:1.4em;--e-global-typography-tabell-letter-spacing:0em;--e-global-typography-tabellfet-font-family:"Open Sans";--e-global-typography-tabellfet-font-size:16px;--e-global-typography-tabellfet-font-weight:600;--e-global-typography-tabellfet-line-height:1.4em;--e-global-typography-tabellfet-letter-spacing:0em;--e-global-typography-brod155-font-family:"Open Sans";--e-global-typography-brod155-font-size:17px;--e-global-typography-brod155-font-weight:300;--e-global-typography-brod155-line-height:1.55em;--e-global-typography-brod155-letter-spacing:0em;--e-global-typography-liten15-font-family:"Open Sans";--e-global-typography-liten15-font-size:14px;--e-global-typography-liten15-font-weight:300;--e-global-typography-liten15-line-height:1.5em;--e-global-typography-liten15-letter-spacing:0em;--e-global-typography-epostliste-font-family:"Open Sans";--e-global-typography-epostliste-font-size:16px;--e-global-typography-epostliste-font-weight:300;--e-global-typography-epostliste-line-height:1.9em;--e-global-typography-epostliste-letter-spacing:0em;--e-global-typography-h2kolonne-font-family:"Open Sans";--e-global-typography-h2kolonne-font-size:clamp(20px,2.4vw,23px);--e-global-typography-h2kolonne-font-weight:600;--e-global-typography-h2kolonne-line-height:1.14em;--e-global-typography-h2kolonne-letter-spacing:0em;--e-global-typography-tallstort-font-family:"Open Sans";--e-global-typography-tallstort-font-size:clamp(34px,5vw,46px);--e-global-typography-tallstort-font-weight:600;--e-global-typography-tallstort-line-height:1em;--e-global-typography-tallstort-letter-spacing:0em;--e-global-typography-plassholdertekst-font-family:"Menlo";--e-global-typography-plassholdertekst-font-size:12px;--e-global-typography-plassholdertekst-font-weight:300;--e-global-typography-plassholdertekst-line-height:normal;--e-global-typography-plassholdertekst-letter-spacing:0em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-knapp-font-family ), Sans-serif;font-size:var( --e-global-typography-knapp-font-size );font-weight:var( --e-global-typography-knapp-font-weight );line-height:var( --e-global-typography-knapp-line-height );letter-spacing:var( --e-global-typography-knapp-letter-spacing );color:var( --e-global-color-hvit );border-style:none;border-radius:999px 999px 999px 999px;padding:14px 26px 14px 26px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-hover );color:var( --e-global-color-hvit );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 p{margin-block-end:0px;}.elementor-kit-4 a{color:var( --e-global-color-primary );}.elementor-kit-4 a:hover{color:var( --e-global-color-hover );}.elementor-kit-4 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-h1-font-family ), Sans-serif;font-size:var( --e-global-typography-h1-font-size );font-weight:var( --e-global-typography-h1-font-weight );line-height:var( --e-global-typography-h1-line-height );letter-spacing:var( --e-global-typography-h1-letter-spacing );}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-h2-font-family ), Sans-serif;font-size:var( --e-global-typography-h2-font-size );font-weight:var( --e-global-typography-h2-font-weight );line-height:var( --e-global-typography-h2-line-height );letter-spacing:var( --e-global-typography-h2-letter-spacing );}.elementor-kit-4 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-h3-font-family ), Sans-serif;font-size:var( --e-global-typography-h3-font-size );font-weight:var( --e-global-typography-h3-font-weight );line-height:var( --e-global-typography-h3-line-height );letter-spacing:var( --e-global-typography-h3-letter-spacing );}.elementor-kit-4 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-h4-font-size );font-weight:var( --e-global-typography-h4-font-weight );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-h4-font-size );font-weight:var( --e-global-typography-h4-font-weight );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-h4-font-size );font-weight:var( --e-global-typography-h4-font-weight );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );background-color:var( --e-global-color-hvit );border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-feltkant );border-radius:10px 10px 10px 10px;padding:12px 14px 12px 14px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{box-shadow:0px 0px 0px 3px rgba(202,200,230,1);border-style:solid;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.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);}.elementor-lightbox{background-color:var( --e-global-color-lysboks );--lightbox-ui-color:var( --e-global-color-hvit );--lightbox-ui-color-hover:var( --e-global-color-secondary );--lightbox-text-color:var( --e-global-color-hvit );}@media(max-width:980px){.elementor-kit-4{--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:12px;--e-global-typography-knapp-font-size:16px;--e-global-typography-etikett-font-size:15px;--e-global-typography-meny-font-size:16px;--e-global-typography-menynedtrekk-font-size:15px;--e-global-typography-menyfane-font-size:14px;--e-global-typography-menyaktiv-font-size:14px;--e-global-typography-smaatekst-font-size:14px;--e-global-typography-h3-font-size:22px;--e-global-typography-h4-font-size:18px;--e-global-typography-korttittel-font-size:20px;--e-global-typography-nyhet-font-size:20px;--e-global-typography-nyhetliten-font-size:16px;--e-global-typography-uthevet-font-size:16px;--e-global-typography-uthevetliten-font-size:14px;--e-global-typography-merke-font-size:13px;--e-global-typography-kapittelnr-font-size:13px;--e-global-typography-korttekst-font-size:15px;--e-global-typography-korttekstluft-font-size:15px;--e-global-typography-brodliten-font-size:16px;--e-global-typography-brodlitentett-font-size:16px;--e-global-typography-lenkeliten-font-size:15px;--e-global-typography-footertekst-font-size:15px;--e-global-typography-menymobil-font-size:17px;--e-global-typography-logonavn-font-size:17px;--e-global-typography-lenkefet-font-size:15px;--e-global-typography-knappvanlig-font-size:15px;--e-global-typography-liten-font-size:14px;--e-global-typography-merkeversal-font-size:13px;--e-global-typography-footertittel-font-size:13px;--e-global-typography-menymobilstor-font-size:18px;--e-global-typography-menymobilunder-font-size:16px;--e-global-typography-logonavnliten-font-size:16px;--e-global-typography-kickerstor-font-size:13px;--e-global-typography-kickerbred-font-size:12px;--e-global-typography-kickermeny-font-size:12px;--e-global-typography-merkepille-font-size:12px;--e-global-typography-knappstor-font-size:17px;--e-global-typography-knappxl-font-size:18px;--e-global-typography-tittel24-font-size:24px;--e-global-typography-tittel21-font-size:21px;--e-global-typography-tittel19-font-size:19px;--e-global-typography-tittel17-font-size:17px;--e-global-typography-promotittel-font-size:22px;--e-global-typography-filnavnstor-font-size:19px;--e-global-typography-uthevetstor-font-size:18px;--e-global-typography-uthevetmellom-font-size:17px;--e-global-typography-statustittel-font-size:17px;--e-global-typography-innholdstittel-font-size:17px;--e-global-typography-brodtett-font-size:17px;--e-global-typography-brodmiddels-font-size:17px;--e-global-typography-ingressliten-font-size:18px;--e-global-typography-lenke16-font-size:16px;--e-global-typography-brodliten165-font-size:16px;--e-global-typography-korttett-font-size:15px;--e-global-typography-korttekst16-font-size:15px;--e-global-typography-korttekst17-font-size:15px;--e-global-typography-korttekst175-font-size:15px;--e-global-typography-lenkefetluft-font-size:15px;--e-global-typography-promotekst-font-size:15px;--e-global-typography-liten155-font-size:14px;--e-global-typography-liten165-font-size:14px;--e-global-typography-nummer-font-size:14px;--e-global-typography-liten13-font-size:13px;--e-global-typography-liten13tett-font-size:13px;--e-global-typography-liten13luft-font-size:13px;--e-global-typography-bokstav-font-size:17px;--e-global-typography-bokstavliten-font-size:13px;--e-global-typography-pilletekst-font-size:16px;--e-global-typography-ikonstor-font-size:48px;--e-global-typography-ikonknapp-font-size:30px;--e-global-typography-ikonliten-font-size:40px;--e-global-typography-tabell-font-size:16px;--e-global-typography-tabellfet-font-size:16px;--e-global-typography-brod155-font-size:17px;--e-global-typography-liten15-font-size:14px;--e-global-typography-epostliste-font-size:16px;--e-global-typography-plassholdertekst-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-h1-font-size );line-height:var( --e-global-typography-h1-line-height );letter-spacing:var( --e-global-typography-h1-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-h2-font-size );line-height:var( --e-global-typography-h2-line-height );letter-spacing:var( --e-global-typography-h2-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-h3-font-size );line-height:var( --e-global-typography-h3-line-height );letter-spacing:var( --e-global-typography-h3-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-knapp-font-size );line-height:var( --e-global-typography-knapp-line-height );letter-spacing:var( --e-global-typography-knapp-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:12px;--e-global-typography-knapp-font-size:16px;--e-global-typography-etikett-font-size:15px;--e-global-typography-meny-font-size:16px;--e-global-typography-menynedtrekk-font-size:15px;--e-global-typography-menyfane-font-size:14px;--e-global-typography-menyaktiv-font-size:14px;--e-global-typography-smaatekst-font-size:14px;--e-global-typography-h3-font-size:22px;--e-global-typography-h4-font-size:18px;--e-global-typography-korttittel-font-size:20px;--e-global-typography-nyhet-font-size:20px;--e-global-typography-nyhetliten-font-size:16px;--e-global-typography-uthevet-font-size:16px;--e-global-typography-uthevetliten-font-size:14px;--e-global-typography-merke-font-size:13px;--e-global-typography-kapittelnr-font-size:13px;--e-global-typography-korttekst-font-size:15px;--e-global-typography-korttekstluft-font-size:15px;--e-global-typography-brodliten-font-size:16px;--e-global-typography-brodlitentett-font-size:16px;--e-global-typography-lenkeliten-font-size:15px;--e-global-typography-footertekst-font-size:15px;--e-global-typography-menymobil-font-size:17px;--e-global-typography-logonavn-font-size:17px;--e-global-typography-lenkefet-font-size:15px;--e-global-typography-knappvanlig-font-size:15px;--e-global-typography-liten-font-size:14px;--e-global-typography-merkeversal-font-size:13px;--e-global-typography-footertittel-font-size:13px;--e-global-typography-menymobilstor-font-size:18px;--e-global-typography-menymobilunder-font-size:16px;--e-global-typography-logonavnliten-font-size:16px;--e-global-typography-kickerstor-font-size:13px;--e-global-typography-kickerbred-font-size:12px;--e-global-typography-kickermeny-font-size:12px;--e-global-typography-merkepille-font-size:12px;--e-global-typography-knappstor-font-size:17px;--e-global-typography-knappxl-font-size:18px;--e-global-typography-tittel24-font-size:24px;--e-global-typography-tittel21-font-size:21px;--e-global-typography-tittel19-font-size:19px;--e-global-typography-tittel17-font-size:17px;--e-global-typography-promotittel-font-size:22px;--e-global-typography-filnavnstor-font-size:19px;--e-global-typography-uthevetstor-font-size:18px;--e-global-typography-uthevetmellom-font-size:17px;--e-global-typography-statustittel-font-size:17px;--e-global-typography-innholdstittel-font-size:17px;--e-global-typography-brodtett-font-size:17px;--e-global-typography-brodmiddels-font-size:17px;--e-global-typography-ingressliten-font-size:18px;--e-global-typography-lenke16-font-size:16px;--e-global-typography-brodliten165-font-size:16px;--e-global-typography-korttett-font-size:15px;--e-global-typography-korttekst16-font-size:15px;--e-global-typography-korttekst17-font-size:15px;--e-global-typography-korttekst175-font-size:15px;--e-global-typography-lenkefetluft-font-size:15px;--e-global-typography-promotekst-font-size:15px;--e-global-typography-liten155-font-size:14px;--e-global-typography-liten165-font-size:14px;--e-global-typography-nummer-font-size:14px;--e-global-typography-liten13-font-size:13px;--e-global-typography-liten13tett-font-size:13px;--e-global-typography-liten13luft-font-size:13px;--e-global-typography-bokstav-font-size:17px;--e-global-typography-bokstavliten-font-size:13px;--e-global-typography-pilletekst-font-size:16px;--e-global-typography-ikonstor-font-size:48px;--e-global-typography-ikonknapp-font-size:30px;--e-global-typography-ikonliten-font-size:40px;--e-global-typography-tabell-font-size:16px;--e-global-typography-tabellfet-font-size:16px;--e-global-typography-brod155-font-size:17px;--e-global-typography-liten15-font-size:14px;--e-global-typography-epostliste-font-size:16px;--e-global-typography-plassholdertekst-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-h1-font-size );line-height:var( --e-global-typography-h1-line-height );letter-spacing:var( --e-global-typography-h1-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-h2-font-size );line-height:var( --e-global-typography-h2-line-height );letter-spacing:var( --e-global-typography-h2-letter-spacing );}.elementor-kit-4 h3{font-size:var( --e-global-typography-h3-font-size );line-height:var( --e-global-typography-h3-line-height );letter-spacing:var( --e-global-typography-h3-letter-spacing );}.elementor-kit-4 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h5{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 h6{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );letter-spacing:var( --e-global-typography-h4-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-knapp-font-size );line-height:var( --e-global-typography-knapp-line-height );letter-spacing:var( --e-global-typography-knapp-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* Glassverket IF – kittets egendefinerte CSS (Nettstedsinnstillinger → Egendefinert CSS). * * Bare det panelet ikke kan (BYGGESTANDARD del 1): pseudoelementer, tilstander * vi styrer selv, gradient i tre lag, generert tekst. Farger kun som * var(--e-global-color-*). Null !important. Klasseprefiks fd- (Flyt-biblioteket) * og prototypens egne klassenavn .fil / .filstor (implementering.md §2). */ /* ---------------------------------------------------------------- tekst */ /* Prototypen: text-wrap: pretty på titler og avsnitt. */ .elementor-heading-title, .elementor-widget-text-editor p, .elementor-widget-text-editor li { text-wrap: pretty; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .fd-ellipse .elementor-heading-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Lister i tekstfelt: prototypens ul med 22 px innrykk og luft mellom punktene. */ .fd-liste ul, .fd-liste ol { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; } .fd-liste--10 ul { gap: 10px; } .fd-liste--6 ul { gap: 6px; } .fd-liste--0 ul { gap: 0; } .fd-liste--20 ul { padding-left: 20px; } /* Ikonwidgeten: ikonet er inline-block på grunnlinjen i en linjeboks med * brødtekstens linjehøyde, så widgeten blir høyere enn ikonet. Prototypens * ikoner er blokker. */ .elementor-widget-icon .elementor-icon { vertical-align: top; } /* Synlig fokus (WCAG AA). */ a:focus-visible, button:focus-visible, [role="button"]:focus-visible, summary:focus-visible { outline: 2px solid var(--e-global-color-primary); outline-offset: 2px; } /* ------------------------------------------------- automatiske ikoner */ /* implementering.md §3: e-post og telefon får ikon av lenka, uten manuell innsetting. */ a[href^="mailto:"]::before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0e0"; font-size: .82em; margin-right: .5em; } /* Bare våre egne telefonlenker: iPhone gjør selv tallrekker (org.nr., beløp, * kontonummer) om til telefonlenker (x-apple-data-detectors), og de fikk ikonet. * Custom Code «format-detection» skrur det av; dette er dobbel sikring. */ a[href^="tel:"]:not([x-apple-data-detectors])::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f879"; font-size: .82em; margin-right: .5em; } /* implementering.md §4: «Logg inn» – lås som åpnes ved hover. */ .fd-logginn a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f023"; font-size: .9em; margin-right: .5em; display: inline-block; transition: transform .18s ease; } .fd-logginn a:hover::before { content: "\f3c1"; transform: translateY(-2px) rotate(-8deg); } /* ---------------------------------------------------------- filkort */ /* implementering.md §2 / Designsystem → Dokumentlenke: filtype-ikon, typetekst og * nedlastingsikon avledes av filendelsen. En container (.e-con) har allerede et * ::before fra Elementor (bakgrunnsoverlegg) – det nullstilles her. */ .e-con.fil::before, .e-con.fil::after { position: static; inset: auto; width: auto; height: auto; border: 0; border-radius: 0; background: none; mix-blend-mode: normal; opacity: 1; flex: none; display: block; font-family: "Font Awesome 5 Free"; color: var(--e-global-color-primary); line-height: 1; } .e-con.fil::before { font-weight: 400; font-size: 30px; content: "\f15b"; } .e-con.fil::after { font-weight: 900; font-size: 16px; content: "\f019"; margin-left: auto; transition: transform .16s ease; } .e-con.fil:hover::after { transform: translateY(2px); } .e-con.fil[href$=".pdf" i]::before { content: "\f1c1"; } .e-con.fil[href$=".doc" i]::before, .e-con.fil[href$=".docx" i]::before { content: "\f1c2"; } .e-con.fil[href$=".xls" i]::before, .e-con.fil[href$=".xlsx" i]::before { content: "\f1c3"; } .e-con.fil[href$=".ppt" i]::before, .e-con.fil[href$=".pptx" i]::before { content: "\f1c4"; } .e-con.fil[href$=".zip" i]::before { content: "\f1c6"; } .e-con.fil[href$=".jpg" i]::before, .e-con.fil[href$=".png" i]::before { content: "\f1c5"; } .e-con.fil[href*="forms.office.com"]::before { font-weight: 900; content: "\f46d"; } .e-con.fil[href*="forms.office.com"]::after { content: "\f35d"; } .e-con.filstor::before { font-size: 44px; } .e-con.filstor::after { font-size: 20px; } .fil .elementor-widget-heading { min-width: 0; } /* Typeteksten står i en egen tekstwidget (.fd-filtype) som er bundet til den * globale stilen Småtekst og fargen Sekundærtekst i panelet. CSS-en setter bare * ordet, ut fra filendelsen – aldri skrift eller farge. */ .fil .fd-filtype p::before { content: "Fil"; } .fil[href$=".pdf" i] .fd-filtype p::before { content: "PDF-dokument"; } .fil[href$=".doc" i] .fd-filtype p::before, .fil[href$=".docx" i] .fd-filtype p::before { content: "Word-dokument"; } .fil[href$=".xls" i] .fd-filtype p::before, .fil[href$=".xlsx" i] .fd-filtype p::before { content: "Excel-regneark"; } .fil[href$=".ppt" i] .fd-filtype p::before, .fil[href$=".pptx" i] .fd-filtype p::before { content: "Presentasjon"; } .fil[href$=".zip" i] .fd-filtype p::before { content: "Zip-arkiv"; } .fil[href$=".jpg" i] .fd-filtype p::before, .fil[href$=".png" i] .fd-filtype p::before { content: "Bilde"; } .fil[href*="forms.office.com"] .fd-filtype p::before { content: "Digitalt skjema"; } /* --------------------------------------------------------- duotone-hero */ /* implementering.md §1 / Designsystem problemområde 7: bakgrunn = utvalgt bilde, * lag 1 = Glassverketlilla med blandingsmodus Color (panelet), lag 2 = * gradienten for lesbarhet. Elementor har ett overlegg; gradienten er derfor * et ::after. Fire stopp, slik prototypen har. */ .fd-hero { isolation: isolate; } .fd-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; } .fd-hero > .e-con-inner { position: relative; z-index: 1; } .fd-hero--side::after { background: linear-gradient(100deg, color-mix(in srgb, var(--e-global-color-hover) 95%, transparent) 0%, color-mix(in srgb, var(--e-global-color-hover) 88%, transparent) 40%, color-mix(in srgb, var(--e-global-color-accent) 66%, transparent) 72%, color-mix(in srgb, var(--e-global-color-accent) 50%, transparent) 100%); } .fd-hero--cup::after { background: linear-gradient(100deg, color-mix(in srgb, var(--e-global-color-hover) 94%, transparent) 0%, color-mix(in srgb, var(--e-global-color-hover) 86%, transparent) 38%, color-mix(in srgb, var(--e-global-color-accent) 68%, transparent) 70%, color-mix(in srgb, var(--e-global-color-accent) 56%, transparent) 100%); } .fd-hero--forside::after { background: linear-gradient(100deg, color-mix(in srgb, var(--e-global-color-hover) 94%, transparent) 0%, color-mix(in srgb, var(--e-global-color-hover) 82%, transparent) 34%, color-mix(in srgb, var(--e-global-color-accent) 50%, transparent) 62%, color-mix(in srgb, var(--e-global-color-accent) 30%, transparent) 100%); } /* ------------------------------------------------------------- header */ /* Prototypen: headeren er sticky. Theme Builder-malen er et eget element * direkte under body; sticky må derfor ligge på malen, ikke på containeren * inni (den kan ikke flytte seg utenfor forelderen). Cupsidene: remsa ruller * bort, cup-headeren står med negativ top (Designsystem problemområde 9). */ .elementor-location-header { position: sticky; top: 0; z-index: 50; } .elementor-location-header:has(.fd-cupheader--fotball) { top: -167px; } .elementor-location-header:has(.fd-cupheader--handball) { top: -173px; } /* Logo 69 px i et 46 px felt, henger under headeren (Designsystem problemområde 8): * negative marger i panelet; her bare zoom ved hover. */ .fd-logolenke .elementor-widget-image img { transition: transform .18s ease; transform-origin: center center; } .fd-logolenke:hover .elementor-widget-image img { transform: scale(1.07); } /* Hovedmenyen: prototypens pil (6 px vinkel) tegnes på Elementors egen * undermenyindikator (.sub-arrow); ::before/::after på punktet brukes av * hover-flaten. Nedtrekket: 8 px luft rundt punktene, minst 250 px bredt og * avrundede punkter. Panelet styrer farger, skrift, luft, radius og skygge; * flaten rundt punktene og pilformen har ingen kontroll. */ .fd-hovedmeny .elementor-nav-menu--main .elementor-item .sub-arrow { width: 6px; height: 6px; margin: -4px 1px 0 6px; padding: 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: .85; } .fd-hovedmeny .elementor-nav-menu--main .elementor-item .sub-arrow i, .fd-hovedmeny .elementor-nav-menu--main .elementor-item .sub-arrow svg { display: none; } .fd-hovedmeny .elementor-nav-menu--main .elementor-nav-menu--dropdown { padding: 8px; min-width: 250px; } .fd-hovedmeny .elementor-nav-menu--main .elementor-nav-menu--dropdown li + li { margin-top: 2px; } .fd-hovedmeny .elementor-nav-menu--main .elementor-sub-item { border-radius: 8px; white-space: nowrap; } /* Mobilmenyen: hvert punkt er en lenke med egen pilknapp til høyre * (Designsystem problemområde 5). glassverket.js skiller lenke og pil. */ .fd-mobilmeny .elementor-nav-menu--dropdown { max-height: calc(100vh - 66px); overflow-y: auto; } .fd-mobilmeny .elementor-nav-menu--dropdown .menu-item-has-children { position: relative; } .fd-mobilmeny .elementor-menu-toggle { border-color: var(--e-global-color-hvit50); } .fd-mobilmeny .elementor-nav-menu--dropdown .sub-arrow { position: absolute; top: 0; right: 0; bottom: 0; width: 56px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--e-global-color-hvit20); } .fd-mobilmeny .elementor-nav-menu--dropdown .sub-arrow svg, .fd-mobilmeny .elementor-nav-menu--dropdown .sub-arrow i { display: none; } .fd-mobilmeny .elementor-nav-menu--dropdown .sub-arrow::before { content: ""; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s; } .fd-mobilmeny .elementor-nav-menu--dropdown .highlighted > .sub-arrow::before, .fd-mobilmeny .elementor-nav-menu--dropdown .fd-apen > a > .sub-arrow::before { transform: translateY(2px) rotate(-135deg); } /* Prototypen: hovedpunktene er minst 52 px høye; undermenyen ligger på Mørk * lilla, uten skillelinjer, med 16 px vanlig tekst og 36 px innrykk. Panelet * har én typografi og én bakgrunn for alle nivåer i nedtrekket; undernivået * henter størrelse og vekt fra den globale stilen «Meny mobil under». * Widgetens egen CSS (.elementor-NNN .elementor-element.elementor-element-ID …) * lastes etter kittet og er like spesifikk; derfor plasseringen foran. */ .elementor-location-header .fd-mobilmeny.elementor-element .elementor-nav-menu--dropdown .elementor-item { min-height: 52px; } .elementor-location-header .fd-mobilmeny.elementor-element .elementor-nav-menu--dropdown .sub-menu { padding: 4px 0 10px; background-color: var(--e-global-color-accent); } .elementor-location-header .fd-mobilmeny.elementor-element .elementor-nav-menu--dropdown .sub-menu li { border-bottom-width: 0; } .elementor-location-header .fd-mobilmeny.elementor-element .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item { padding: 12px 20px 12px 36px; border-left: 0; background-color: var(--e-global-color-accent); font-size: var(--e-global-typography-menymobilunder-font-size); font-weight: var(--e-global-typography-menymobilunder-font-weight); line-height: var(--e-global-typography-menymobilunder-line-height); } .elementor-location-header .fd-mobilmeny.elementor-element .elementor-nav-menu--dropdown > ul { padding-bottom: 12px; } /* Cupens mobilmeny (prototypen): knappen åpner menyen i flyten under * headeren (glassverket.js del 7); strekene blir et kryss. */ .fd-cupmeny:not(.fd-apen) { display: none; } .fd-cupmeny-knapp svg rect { transition: transform .2s, opacity .2s; transform-box: fill-box; transform-origin: center; } .fd-cupmeny-knapp .elementor-button[aria-expanded="true"] svg rect:nth-child(1) { transform: translateY(7px) rotate(45deg); } .fd-cupmeny-knapp .elementor-button[aria-expanded="true"] svg rect:nth-child(2) { opacity: 0; } .fd-cupmeny-knapp .elementor-button[aria-expanded="true"] svg rect:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .elementor-location-header .fd-cupmeny-lenker.elementor-element .elementor-item { border-bottom: 1px solid var(--e-global-color-hvit18); } /* --------------------------------------------------------- cup-header */ .fd-cuplogo img { transition: transform .22s ease; transform-origin: left bottom; will-change: transform; } .fd-cuptag { transition: opacity .18s ease; } body[data-sc="1"] .fd-cuptag { opacity: 0; } body[data-sc="1"] .fd-cuplogo--fotball img { transform: translateY(36px) scale(.64); } body[data-sc="1"] .fd-cuplogo--handball img { transform: translateY(38px) scale(.63); } /* -------------------------------------------------- undermeny (faner) */ /* Designsystem → Undermeny: faner med radius bare i toppen, aktiv fane i hvitt * med lilla, halvfet tekst. Panelet styrer farger og luft; formen på pekeren * og vekten i aktiv tilstand har ingen kontroll. */ .fd-faner .elementor-item, .fd-faner .elementor-item::before { border-radius: 8px 8px 0 0; } .fd-faner .elementor-item { white-space: nowrap; } /* Idrettssidene: e-postadressen med konvolutt foran (prototypen: ikon i Glassverketlilla, * 8 px luft, lenken halvfet). Tekstfeltet har én vekt i panelet; lenkens vekt * hentes fra den globale stilen Uthevet mellom. */ .fd-epostlinje i { margin-right: 8px; color: var(--e-global-color-primary); } .fd-epostlinje a { font-weight: var(--e-global-typography-uthevetmellom-font-weight); } /* Bildeplassen i artikkelen («bilde: …») vises bare når feltet er fylt ut; de * ekte sakene har bildene i teksten. Elementor viser ikke overskriften når den * dynamiske verdien er tom. */ .fd-bildeplass:not(:has(.elementor-heading-title)) { display: none; } /* Nyheter: resten av sakene vises når «Vis flere nyheter» trykkes (glassverket.js del 8). */ .fd-flere-nyheter:not(.fd-apen) { display: none; } .fd-vis-flere.fd-skjult { display: none; } /* Lagtabellen: «Se kamper →» brytes ikke (prototypen: white-space: nowrap). */ .fd-nowrap .elementor-heading-title { white-space: nowrap; } /* Prototypen: aktiv fane (og aktivt punkt i lista under 980 px) og «Hovedside» * i fotballcupens meny står i halvfet. Menywidgeten har farge for aktiv side, * men ikke vekt; vekten hentes fra den globale stilen «Meny aktiv». Widgetens * egen typografi (.elementor-NNN .elementor-element.elementor-element-ID …) er * like spesifikk og lastes etter kittet; derfor den lange selektoren. */ .elementor .elementor-element.fd-faner .elementor-nav-menu .elementor-item.elementor-item-active, .elementor .elementor-element.fd-undermeny-liste .elementor-nav-menu .elementor-item.elementor-item-active, .elementor .elementor-element .elementor-nav-menu li.fd-meny-fet > a.elementor-item { font-weight: var(--e-global-typography-menyaktiv-font-weight); } /* Prototypen: fet tekst i løpende tekst er 600 (, * Glasscup-ingressen og «Siden er under oppdatering.»). Panelet har ingen vekt * for , og nettleserens «bolder» av 300 blir 400. Vekten hentes fra * den globale stilen «Uthevet tekst», også når klubben gjør tekst fet selv. */ .elementor-widget-text-editor strong { font-weight: var(--e-global-typography-uthevet-font-weight); } /* Under 980 px: menyknapp som åpner hele lista (glassverket.js). */ .fd-undermeny-knapp { cursor: pointer; text-align: left; } .fd-undermeny-liste { display: none; } .fd-faneseksjon.fd-apen .fd-undermeny-liste { display: block; } .fd-undermeny-liste .elementor-nav-menu--main { overflow: hidden; } /* -------------------------------------------------------- brødsmuler */ /* Prototypen: leddene i en flex-rad med 8 px mellom; skilletegnet er Lys * lilla med 70 % dekkevne (panelets lenkefarge er Lys lilla, tekstfargen er * det aktive leddets Hvit, og widgeten har ingen egen farge for skilletegnet). */ .fd-sti { display: flex; flex-wrap: wrap; gap: 8px; } .fd-sti a { transition: color .18s; } .fd-sti .fd-skille { opacity: .7; color: var(--e-global-color-secondary); } /* ------------------------------------------------------------- footer */ /* Prototypen: lenkene i footeren understrekes ved hover. Menywidgeten har * farge for hover i panelet, men ikke tekstpynt. */ .fd-footermeny .elementor-item:hover, .fd-footer .elementor-heading-title a:hover, .fd-footer .elementor-widget-text-editor a:hover, .fd-footer .elementor-icon-list-item a:hover .elementor-icon-list-text, .fd-bunnlinje .elementor-heading-title a:hover { text-decoration: underline; } /* «Nettsted fra Flyt Digital» og arrangørlogoen: dempet til hover. Logoen er * mørk i fila og gjøres hvit, som i prototypen (filter: brightness(0) invert(1)). */ .fd-lagetav { opacity: .8; transition: opacity .18s ease; } .fd-arrangor { opacity: .9; transition: opacity .18s ease; } .fd-lagetav:hover, .fd-arrangor:hover { opacity: 1; } /* display: block som prototypens img; ellers gir linjen under bildet 4 px ekstra i bunnlinja. */ .fd-hvitlogo img { display: block; filter: brightness(0) invert(1); } /* ----------------------------------------------------------- knapper */ /* Designsystem → Knapper: pille, minimum 48–56 px høy. Knappen har ingen * kontroll for minstehøyde. */ .fd-knapp .elementor-button { display: inline-flex; align-items: center; justify-content: center; } .fd-knapp-44 .elementor-button { min-height: 44px; } .fd-knapp-46 .elementor-button { min-height: 46px; } .fd-knapp-48 .elementor-button { min-height: 48px; } .fd-knapp-50 .elementor-button { min-height: 50px; } .fd-knapp-52 .elementor-button { min-height: 52px; } .fd-knapp-56 .elementor-button { min-height: 56px; } .fd-knapp .elementor-button-icon { font-size: .78em; } .fd-knapp .elementor-button-icon svg { width: .78em; } /* --------------------------------------------------------- nyhetskort */ /* Bildet zoomes litt ved hover (prototypen: scale 1.04, .4 s). */ .fd-nyhetsbilde { transition: transform .4s ease; } .e-loop-item:hover .fd-nyhetsbilde, a:hover > .fd-nyhetsbilde { transform: scale(1.04); } /* Stripete plassholdere, med prototypens toner: «Flere nyheter» (14/28 px), * bildeplassen i artikkelen (18/36 px) og portrettene på Klubben og Kontakt * (8/16 px). Panelet har ikke gjentatt gradient. */ .fd-plassholder { background-image: repeating-linear-gradient(135deg, var(--e-global-color-graa) 0 14px, var(--e-global-color-stripelys) 14px 28px); } .fd-plassholder--stor { background-image: repeating-linear-gradient(135deg, var(--e-global-color-graa) 0 18px, var(--e-global-color-stripelys) 18px 36px); } .fd-plassholder--avatar { background-image: repeating-linear-gradient(135deg, var(--e-global-color-stripemork) 0 8px, var(--e-global-color-stripemellom) 8px 16px); } .fd-plassholder--avatarlys { background-image: repeating-linear-gradient(135deg, var(--e-global-color-graa) 0 8px, var(--e-global-color-stripelys2) 8px 16px); } /* Kortformater (prototypens aspect-ratio). Containeren har ingen kontroll for * sideforhold. */ .fd-format-169 { aspect-ratio: 16 / 9; } .fd-format-43 { aspect-ratio: 4 / 3; } .fd-format-32 { aspect-ratio: 3 / 2; } /* ----------------------------------------------------- tekst og innhold */ /* Definisjonsrader: verdi, telefon og e-post på én linje med 14 px mellom, som * prototypen. Avsnittene i artikkelteksten (innleggets innhold) har 22 px luft; * Innleggsinnhold-widgeten har ingen kontroll for avsnittsluft. */ .fd-dlverdi p { display: flex; flex-wrap: wrap; gap: 4px 14px; } /* Lange e-postadresser brytes på telefon, som i prototypen (ida.gundhus.alexandersson@… på 360 px). */ .fd-dlverdi a { overflow-wrap: anywhere; } .fd-brytord p { word-break: break-word; } .fd-artikkeltekst p:not(:last-child) { margin-bottom: 22px; } /* Migrerte saker har hele nettadresser som lenketekst (Klubbkveld med Macron): * uten brudd ble linjen 400 px og siden rullet sidelengs på telefon. */ .fd-artikkeltekst a { overflow-wrap: anywhere; } /* Innebygde kalendere: full bredde, høyden står på iframen. */ .fd-iframe iframe { display: block; width: 100%; border: 0; } /* Pil etter lenketekst i kort (prototypen: fa-arrow-right 13 px, 8 px luft). */ .fd-pil i { font-size: .8125em; margin-left: 8px; } /* ------------------------------------------------------------ trekkspill */ /* Designsystem → Trekkspill: nummer i lilla, sirkel 32 px i lys lilla med + / −. * Nummeret er en teller, slik at rekkefølgen følger kapitlene. */ .fd-kapitler .e-n-accordion { counter-reset: kap; } .fd-kapitler .e-n-accordion-item { counter-increment: kap; } .fd-kapitler .e-n-accordion-item-title-text::before { content: counter(kap, decimal-leading-zero); margin-right: 16px; color: var(--e-global-color-primary); font-family: var(--e-global-typography-kapittelnr-font-family); font-size: var(--e-global-typography-kapittelnr-font-size); font-weight: var(--e-global-typography-kapittelnr-font-weight); letter-spacing: var(--e-global-typography-kapittelnr-letter-spacing); } /* Sirkelen er minstemål, så panelets ikonstørrelse (glyfen) står urørt. */ .fd-kapitler .e-n-accordion-item-title-icon > span { min-width: 32px; min-height: 32px; border-radius: 50%; align-items: center; justify-content: center; background-color: var(--e-global-color-secondary); } .fd-kapitler .e-n-accordion-item { overflow: hidden; } /* ------------------------------------------------------------- WPForms */ /* WPForms' skjulte spamfelle står absolutt utenfor skjemaet og gir sidelengs * rulling på telefon. Klipp vannrett, men la fokusringen (3 px) synes. */ .wpforms-container { overflow-x: clip; overflow-clip-margin: 4px; } /* Farger, kant, radius og størrelser står i WPForms-widgetens panel (globale * farger). Her bare det panelet ikke har: skrift fra kittets tekststiler, fokus * (Designsystem: kant Glassverketlilla og ring 3 px Lys lilla), hover på knappen * og aksentfarge på avkrysning og radio. */ .wpforms-container .wpforms-field input, .wpforms-container .wpforms-field textarea, .wpforms-container .wpforms-field select { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); } .wpforms-container .wpforms-field-label { font-family: var(--e-global-typography-etikett-font-family); font-weight: var(--e-global-typography-etikett-font-weight); } .wpforms-container input:focus, .wpforms-container textarea:focus, .wpforms-container select:focus { border-color: var(--e-global-color-primary); box-shadow: 0 0 0 3px var(--e-global-color-secondary); } .wpforms-container button[type="submit"]:hover { background-color: var(--e-global-color-hover); } .wpforms-container input[type="checkbox"], .wpforms-container input[type="radio"] { accent-color: var(--e-global-color-primary); } /* Luft: prototypen har 16 px mellom feltene (WPForms 30). Seksjonstitlene er * prototypens legend, bundet til den globale stilen «H2 i tekst». */ .wpforms-container .wpforms-form .wpforms-field { padding: 8px 0; } .wpforms-container .wpforms-form .wpforms-field-container > .wpforms-field:first-child { padding-top: 0; } .wpforms-container .wpforms-form .wpforms-field-divider h3 { margin: 26px 0 8px; padding: 0; border: 0; font-family: var(--e-global-typography-h2tekst-font-family); font-size: var(--e-global-typography-h2tekst-font-size); font-weight: var(--e-global-typography-h2tekst-font-weight); line-height: var(--e-global-typography-h2tekst-line-height); } .wpforms-container .wpforms-form .wpforms-field-container > .wpforms-field-divider:first-child h3 { margin-top: 0; } .wpforms-container .wpforms-form .wpforms-field-divider { border-top: 0; } /* Designsystem → Skjemaelementer: avkrysning og radio i klikkbare rader (minst * 52 px, kant Feltkant), aktivitetene som piller. */ .wpforms-container .wpforms-form .wpforms-field-checkbox ul, .wpforms-container .wpforms-form .wpforms-field-radio ul { gap: 10px; } .wpforms-container .wpforms-form .wpforms-field-checkbox li, .wpforms-container .wpforms-form .wpforms-field-radio li { display: flex; align-items: center; gap: 12px; min-height: 52px; margin: 0; padding: 12px 16px; border: 1.5px solid var(--e-global-color-feltkant); border-radius: 12px; background-color: var(--e-global-color-hvit); } .wpforms-container .wpforms-form .wpforms-field-checkbox li:hover, .wpforms-container .wpforms-form .wpforms-field-radio li:hover { border-color: var(--e-global-color-primary); } .wpforms-container .wpforms-form .wpforms-list-inline li { min-height: 48px; padding: 10px 16px; border-radius: 999px; } /* Panelets feltstil (kant, størrelse 30 × 26) traff også avkrysning og radio, * så WPForms' egen boks (18 px, ::before) ble tegnet oppå en skjev feltramme. * Selektoren må slå widgetens egen (.elementor-NNN .elementor-element-ID …). */ .elementor .elementor-element .wpforms-container .wpforms-form .wpforms-field input[type="checkbox"], .elementor .elementor-element .wpforms-container .wpforms-form .wpforms-field input[type="radio"] { flex: none; width: 18px; height: 18px; min-height: 0; margin: 2px; padding: 0; border: 0; box-shadow: none; background: none; } /* Prototypen: «Send melding» og lenken «Personvernerklæring» på én rad, 14 px * mellom (lenken legges inn av glassverket.js del 9). Skrift fra «Liten tekst», * farge fra de globale fargene. */ .wpforms-container .wpforms-form .wpforms-submit-container:has(.fd-personvernlenke) { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; } .wpforms-container .wpforms-form .fd-personvernlenke { font-family: var(--e-global-typography-liten-font-family); font-size: var(--e-global-typography-liten-font-size); font-weight: var(--e-global-typography-liten-font-weight); color: var(--e-global-color-primary); } .wpforms-container .wpforms-form .fd-personvernlenke:hover { color: var(--e-global-color-hover); } /* WPForms deler ord med bindestrek («direk-te»); prototypen bryter mellom ord. */ .wpforms-container .wpforms-form label { hyphens: manual; } /* Hele raden eller pillen er trykkflaten, som i prototypen (