.elementor-kit-10{--e-global-color-primary:#02434B;--e-global-color-secondary:#02737B;--e-global-color-text:#02535B;--e-global-color-accent:#4F7F8C;--e-global-color-8c19876:#5F6B75;--e-global-color-3048600:#6B7C85;--e-global-color-e6e6ee5:#FFFFFF;--e-global-color-1e4a6dd:#206F83;--e-global-color-6c4c9f3:#FAFAF8;--e-global-color-8d8b75d:#FFFFFF;--e-global-color-7b90a6d:#F5F6F4;--e-global-color-bf145b5:#1F6D7A1F;--e-global-color-5ccde73:#D1DDE2;--e-global-color-fd1175d:#206F83;--e-global-color-abfafcc:#2E8B57;--e-global-color-0f1d417:#3A90A6;--e-global-color-a67a867:#D4A017;--e-global-color-7129bf9:#B24A3A;--e-global-color-761eae7:#C9A24D;--e-global-color-cad5404:#206F83;--e-global-color-86d1d49:#8A2E2E;--e-global-color-2073432:#8A2E2E14;--e-global-color-18997e9:#FFFFFF;--e-global-color-6a0a6ad:#F7FAFB;--e-global-color-e9f8df3:#EEF4F6;--e-global-color-2d2ca8e:#EAF3F5;--e-global-color-9dabc4a:#D6E8ED;--e-global-color-eab12eb:#206F83;--e-global-color-3d733ce:#358397;--e-global-color-2c440b5:#EAF3F5;--e-global-color-f11519c:#206F83;--e-global-color-9d6f218:#D1DDE2;--e-global-color-4b8eb18:#E6EEF1;--e-global-color-fed9cc6:#E6EEF1;--e-global-color-f40ca69:#DCE6EA;--e-global-color-7c59738:#F7FAFB;--e-global-color-483a32e:#B2C8C5;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.25em;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;background-color:#F7FAFB;color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:16px;font-weight:400;line-height:1.6px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:#2F8A9C00;color:#02737B;border-style:none;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:#02939B;font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-10 a:hover{color:#02434B;font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-weight:400;font-style:normal;text-decoration:underline;line-height:1.5px;}.elementor-kit-10 h1{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:42px;line-height:1.2px;}.elementor-kit-10 h2{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:34px;font-weight:600;line-height:1.25px;}.elementor-kit-10 h3{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:28px;font-weight:600;line-height:1.3px;}.elementor-kit-10 h4{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:22px;font-weight:600;line-height:1.35px;}.elementor-kit-10 h5{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:18px;font-weight:600;line-height:1.4px;}.elementor-kit-10 h6{color:var( --e-global-color-primary );font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:16px;font-weight:600;line-height:1.45px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;border-style:none;}.elementor-kit-10 img{border-style:none;opacity:1;}.elementor-kit-10 img:hover{border-style:none;opacity:1;}.elementor-kit-10 label{color:#5F6B75;font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:14px;font-weight:500;}.elementor-kit-10 input:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea,.elementor-kit-10 .elementor-field-textual{font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-text );border-radius:7px 7px 7px 7px;padding:20px 20px 20px 20px;}.elementor-kit-10 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea:focus,.elementor-kit-10 .elementor-field-textual:focus{box-shadow:0px 0px 0px 1px rgba(73.00000000000001, 186.99999999999991, 201.00000000000003, 0.28);border-radius:7px 7px 7px 7px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-10 img{border-radius:23px 23px 23px 23px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:830px;}.e-con{--container-max-width:830px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}}/* Start custom CSS *//* ========================================================== FILE: HE_Header_Main-Mini-Breadcrumbs_v1.3.css STATUS: FORSLAG (klar for lås) ENDRET: - Breadcrumbs får “lesbarhetsflate” uten stripe/skygge/kant - Flaten er en myk gradient (integrert i siden) - Ingen delay ved skjuling (snappy), kontrollert delay ved visning - ✔ Mini header-skygge får fysisk rom (v1.3.1) ========================================================== */ /* ========================================================== HE – HEADER WRAPPER (kun struktur) ========================================================== */ .he-header-wrapper{ position: relative; overflow: visible; box-shadow: none; } /* ========================================================== HE – MAIN HEADER ========================================================== */ .he-header-main{ position: relative; z-index: 9997; background: rgba(230, 241, 243, 0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid rgba(2, 67, 75, 0.08); margin-bottom: 2px; box-shadow: 0 8px 14px rgba(2, 67, 75, 0.12), 0 2px 4px rgba(2, 67, 75, 0.06); will-change: transform, opacity; transition: transform 0.65s cubic-bezier(.4, 0, .2, 1), opacity 0.55s ease; } .he-header-main.he-header-hidden{ transform: translateY(-100%); opacity: 0; pointer-events: none; } /* ========================================================== HE – MINI HEADER ========================================================== */ .he-header-mini{ position: fixed; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center; justify-content: center; padding-top: 5px; /* ← OPTISK FINJUSTERING (SISTE 2 %) */ background: rgba(230, 241, 243, 0.45); box-shadow: 0 10px 18px rgba(2, 67, 75, 0.16), 0 2px 6px rgba(2, 67, 75, 0.08); z-index: 9999; transform: translateY(-100%); opacity: 0; pointer-events: none; will-change: transform, opacity; transition: transform 0.60s cubic-bezier(.4, 0, .2, 1), opacity 0.50s ease; } .he-header-mini.he-header-visible{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 280ms; } /* ========================================================== HE – BREADCRUMBS (FLAT / INTEGRERT + LESBARHETSGRADIENT) ========================================================== */ .he-breadcrumbs{ position: fixed; left: 0; right: 0; z-index: 9996; background: transparent; box-shadow: none; border: none; padding: 10px 0; isolation: isolate; will-change: opacity, transform; transition: opacity 0.35s ease, transform 0.35s ease; opacity: 1; transform: translateY(0); pointer-events: auto; } /* Myk lesbarhetsflate – ikke stripe, ikke kant */ .he-breadcrumbs::before{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 180deg, rgba(230, 241, 243, 0.92) 0%, rgba(230, 241, 243, 0.72) 38%, rgba(230, 241, 243, 0.18) 70%, rgba(230, 241, 243, 0.06) 100% ); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } /* Fade UT */ .he-breadcrumbs.he-breadcrumbs-hidden{ opacity: 0; transform: translateY(-6px); pointer-events: none; transition-delay: 0ms; } /* ========================================================== TWEAK: La miniheader-skyggen synes over breadcrumbs-flaten (Maskerer toppen av breadcrumbs-gradienten når mini er aktiv) ========================================================== */ body.he-mini-active .he-breadcrumbs::before{ -webkit-mask-image: linear-gradient( to bottom, transparent 0px, rgba(0,0,0,1) 14px ); mask-image: linear-gradient( to bottom, transparent 0px, rgba(0,0,0,1) 14px ); } /* ========================================================== TWEAK: La main header-skyggen synes over breadcrumbs (samme prinsipp som mini header) ========================================================== */ body:not(.he-mini-active) .he-breadcrumbs::before{ -webkit-mask-image: linear-gradient( to bottom, transparent 0px, rgba(0,0,0,1) 18px ); mask-image: linear-gradient( to bottom, transparent 0px, rgba(0,0,0,1) 18px ); } /* ========================================================== STATE: MAIN HEADER AKTIV ========================================================== */ body:not(.he-mini-active) .he-breadcrumbs{ top: var(--he-main-h, 80px); transition-delay: 200ms; } /* ========================================================== STATE: MINI HEADER AKTIV ---------------------------------------------------------- v1.3.1 – gir mini header-skyggen fysisk rom Juster --he-mini-gap hvis ønskelig (6–10px anbefalt) ========================================================== */ body.he-mini-active .he-breadcrumbs{ /* ⬇ Juster denne verdien ved behov */ --he-mini-gap: 0px; top: calc(var(--he-mini-h, 40px) + var(--he-mini-gap)); z-index: 9998; transition-delay: 120ms; } /* Når den skjules: alltid uten delay */ body.he-mini-active .he-breadcrumbs.he-breadcrumbs-hidden, body:not(.he-mini-active) .he-breadcrumbs.he-breadcrumbs-hidden{ transition-delay: 0ms; } /* ========================================================== BREADCRUMBS – TEKST ========================================================== */ .he-breadcrumbs, .he-breadcrumbs a{ color: #02434B; font-weight: 550; } .he-breadcrumbs a{ text-decoration: none; opacity: 0.88; } .he-breadcrumbs a:hover{ opacity: 1; text-decoration: underline; } /* ========================================================== TILGJENGELIGHET ========================================================== */ @media (prefers-reduced-motion: reduce){ .he-header-main, .he-header-mini, .he-breadcrumbs{ transition: none !important; } }/* End custom CSS */