.elementor-kit-9{--e-global-color-primary:#041C2C;--e-global-color-secondary:#54595F;--e-global-color-text:#27292F;--e-global-color-accent:#F2A900;--e-global-color-5371495:#FFFFFF;--e-global-color-ffd0730:#8B8B8B;--e-global-color-1118ae4:#0C2433;--e-global-typography-primary-font-family:"Mohave";--e-global-typography-primary-font-size:var(--font-size-xl);--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Mohave";--e-global-typography-secondary-font-size:var(--font-size-l);--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Mohave";--e-global-typography-text-font-size:var(--font-size-m);--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:var(--font-size-base);--e-global-typography-accent-line-height:1.5em;--e-global-typography-a4df2ed-font-family:"Open Sans";--e-global-typography-a4df2ed-font-size:var(--font-size-base);--e-global-typography-a4df2ed-font-weight:700;--e-global-typography-a4df2ed-line-height:1.5em;--e-global-typography-0f99a76-font-family:"Open Sans";--e-global-typography-0f99a76-font-size:var(--font-size-xs);}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-5371495 );border-style:solid;border-width:var(--line) var(--line) var(--line) var(--line);border-color:var( --e-global-color-accent );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-9 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-9 h3{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 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:clamp(min(500px, 100vw), 100vw, 1440px);}.e-con{--container-max-width:clamp(min(500px, 100vw), 100vw, 1440px);--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:var(--space-3);}.elementor-element{--widgets-spacing:var(--space-3) var(--space-3);--widgets-spacing-row:var(--space-3);--widgets-spacing-column:var(--space-3);}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-9 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-9 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-9 h3{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   Rotvariabler og globale stiler
========================================================= */

:root {
  overflow: auto;

  font-family: "Open Sans", sans-serif;
  --font-family-title: "Mohave", sans-serif;

  /* --- Farger --- */
  --color-primary-950: #041C2C;
  --color-primary-800: #0C2433;
  --color-primary-600: #142B3A;
  --color-primary-400: #243947;
  --color-primary-300: #435561;
  --color-primary-200: #828E96;
  --color-primary-100: #C1C7CB;
  --color-primary-50:  #E0E3E5;

  --color-secondary: #293845;
  --color-accent: #F2A900;

  --color-black: #262b3b;
  --color-white: #f5f6fa;
  --color-gray: color-mix(
    in srgb,
    var(--color-black) 50%,
    var(--color-white)
  );

  /* --- Mellomrom --- */
  --space-2: 4px;
  --space-2: 0.5em;
  --space-3: 1em;
  --space-4: 2em;
  --space-5: 6em;

  /* --- Typografi --- */
  --scale: 1.333;

  --font-size-base: 1rem;
  --font-size-m: calc(var(--font-size-base) * var(--scale));
  --font-size-l: calc(var(--font-size-m) * var(--scale));
  --font-size-xl: clamp(
    var(--font-size-l),
    calc(var(--font-size-l) * var(--scale) * var(--scale)),
    calc(var(--font-size-l) + 3vw)
  );

  --font-size-s: calc(var(--font-size-base) / var(--scale));
  --font-size-xs: calc(var(--font-size-s) / var(--scale));

  /* --- Dekorasjon --- */
  --radius-outer: 20px;
  --radius-inner-m: calc(var(--radius-outer) - var(--space-3));

  --line: 1px;
  --line-thick: 3px;

  --shadow:
    0 0 1px rgba(0, 0, 0, 0.14),
    0 2px 4px rgba(0, 0, 0, 0.12),
    0 4px 8px rgba(0, 0, 0, 0.12);

  /* --- Layout --- */
  --content-width: clamp(min(500px, 100vw), 70vw, 1440px);

  --container-padding: clamp(
    var(--space-3),
    calc(var(--space-2) + 5vw),
    var(--space-5)
  );

  scrollbar-color: var(--color-accent) var(--color-black);
  scrollbar-width: thin;
}

/* =========================================================
   Grunnelementer
========================================================= */

body {
  background-color: var(--color-primary-50);
}

a,
a:hover,
a:visited,
a:active {
  color: inherit;
}

img,
.image {
  overflow: hidden;
  border-radius: var(--radius-inner-m);
  background: center / cover no-repeat;
}

/* =========================================================
   Mellomrom og bredde
========================================================= */

.elementor-element {
  padding: 0;
  gap: var(--space-2);
}

.width-fit {
  width: fit-content;
}

.space-1, .space-1 > .e-con-inner { gap: var(--space-1); }
.space-2, .space-3 > .e-con-inner { gap: var(--space-2); }
.space-3, .space-4 > .e-con-inner { gap: var(--space-3); }
.space-4, .space-5 > .e-con-inner  { gap: var(--space-4); }
.space-5, .space-5 > .e-con-inner { gap: var(--space-5); }

/* =========================================================
   Layout-hjelpere
========================================================= */

.horizontal-to-vertical {
  flex-direction: row !important;
}

@container (width < 200px) {
  .horizontal-to-vertical {
    flex-direction: column !important;
  }
}

/* =========================================================
   Skjemaelementer
========================================================= */

label {
  padding-bottom: var(--space-2) !important;
}

input,
textarea {
  background-color: var(--color-primary-800) !important;
  border: 1px solid var(--color-primary-600) !important;
  color: var(--color-white) !important;
  padding: var(--space-2) !important;
}

input:focus,
textarea:focus {
  border-color: var(--color-accent) !important;
}

input[type="checkbox"] {
  background-color: var(--color-primary-950) !important;
  border: 1px solid var(--color-secondary) !important;
  border-radius: 4px;
  display: grid !important;
  place-content: center !important;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background-color: var(--color-accent);
  transform: scale(0);
  transition: transform 120ms ease-in-out;
  transform-origin: center;
  clip-path: polygon(
    14% 44%,
    0 65%,
    50% 100%,
    100% 16%,
    80% 0%,
    43% 62%
  );
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* =========================================================
   Containere
========================================================= */

.section, .section--2-columns {
  padding: var(--container-padding);
}

.section--2-columns > .e-con-inner {
    gap: var(--space-3) var(--space-5);
}

.banner {
  padding: var(--space-3) var(--container-padding);
}

.card, .card__hover {
  padding: var(--space-3);
  border-radius: var(--radius-outer);
}

.card__hover {
    background: var(--color-primary-950);
    border: var(--color-primary-400) var(--line) solid;
    transition: 2s ease-in-out;
}

.card__hover:hover {
}

.hero {
  min-height: 600px;
}

/* =========================================================
   Typografi
========================================================= */

.font-style-h1,
.font-style-h2,
.font-style-h3,
.font-style-h4 {
  font-family: var(--font-family-title);
  font-weight: bold;
  line-height: 1em;
}

.font-style-h1 { font-size: var(--font-size-xl); }
.font-style-h2 { font-size: var(--font-size-l); }
.font-style-h3 { font-size: var(--font-size-m); }
.font-style-h4 { font-size: var(--font-size-base); }

.elementor-element p {
  line-height: 1.5em;
}

.font-style-small   { font-size: var(--font-size-s); }
.font-style-caption { font-size: var(--font-size-xs); }

ul {
  margin-bottom: var(--space-3);
}

li::marker,
.sub-arrow {
  color: var(--color-accent);
  fill: var(--color-accent);
}

p, a {
    text-wrap: balance;
}

/* =========================================================
   Tekstmarkering
========================================================= */

*::selection,
*::-moz-selection,
*::-webkit-selection {
  background: var(--color-accent);
  color: var(--color-black);
}

/* =========================================================
   Sideforhold
========================================================= */

.aspect-ratio-1-1  { aspect-ratio: 1 / 1; }
.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}
.aspect-ratio-1-1, .aspect-ratio-16-9 {
    overflow: hidden;
    background-position: center center / cover no-repeat;
    border-radius: var(--radius-inner-m);
}

/* =========================================================
   Dekorasjons-hjelpere
========================================================= */

.rounded { border-radius: var(--radius-outer); }

.rounded-inner-m,
img {
  border-radius: var(--radius-inner-m) !important;
}

.rounded-full {
  border-radius: 500px;
}

.bordered-black   { border: var(--line) solid var(--color-primary-950); }
.bordered-white   { border: var(--line) solid var(--color-white); }
.bordered-accent,
.elementor-button,
.button-secondary > .elementor-button {
  border: var(--line) solid var(--color-accent);
}

.underline {
  border-bottom: dotted var(--line) var(--color-gray);
}

.shadow {
  box-shadow: var(--shadow);
}

/* =========================================================
   Bakgrunns-hjelpere
========================================================= */

.background-black {
  background-color: var(--color-primary-950);
  color: var(--color-white);
}

.info-box {
  padding: var(--space-2) var(--space-3);
  border: var(--line) solid var(--color-accent);
  fill: var(--color-accent);
}

.background-primary-950 { background-color: var(--color-primary-950); }
.background-primary-800 { background-color: var(--color-primary-800); }
.background-primary-600 { background-color: var(--color-primary-600); }
.background-primary-400 { background-color: var(--color-primary-400); }
.background-primary-300 { background-color: var(--color-primary-300); }
.background-primary-200 { background-color: var(--color-primary-200); }
.background-primary-100 { background-color: var(--color-primary-100); }
.background-primary-50  { background-color: var(--color-primary-50); }

.background-primary-950,
.background-primary-800,
.background-primary-600 {
  color: var(--color-white);
}

.background-primary-50,
.background-primary-100,
.background-primary-200,
.background-primary-300,
.background-primary-400 {
  color: var(--color-black);
}

/* =========================================================
   Animasjon og knapper
========================================================= */

.animation-scale {
  transform: translateY(0);
  transition: transform 300ms ease-in-out;
}

.animation-scale:hover {
  transform: translateY(3px);
}

.elementor-button {
  background-color: var(--color-accent);
  color: var(--color-black);
  font-weight: bold;
  transition: 300ms ease-in-out;
}

.elementor-button:hover {
  background-color: var(--color-accent);
  color: var(--color-black);
}

.button-secondary > .elementor-button {
  background-color: transparent;
  color: var(--color-white);
}

.elementor-nav-menu {
    cursor: pointer;
}

.elementor-nav-menu--dropdown {
    border-radius: var(--radius-inner-m) !important;
    border: var(--line) var(--color-primary-800) solid !important;
    overflow: hidden;
    margin-top: var(--space-2) !important;
}

.elementor-nav-menu--dropdown * {
    background-color: var(--color-primary-950) !important;
    color: var(--color-white) !important;
}

.elementor-nav-menu--dropdown *:hover {
    background-color: var(--color-primary-800) !important;
}


/* Hjemmeside ikoner */

.home_icon {
    min-height: 64px;
}

.home_icon .elementor-icon {
    font-size: 64px;
}

.home_icon .cls-1, .home_icon .cls-2 {
    stroke-width: 4px !important;
    stroke: var(--color-accent);
}/* End custom CSS */