@charset "UTF-8";
/* UNIVERSAL RULES */
#uno-external-footer :where(*, ::before, ::after) {
  /* Border-box so size includes border and padding, and border doesn't hide text */
  box-sizing: border-box;
}

:where(#uno-external-footer) {
  /* Prevent adjustment of font-size after Ios orientation change. */
  -webkit-text-size-adjust: 100%;
  /* Auto hyphens when words should and can break. */
  hyphens: auto;
  /* Word breaks in narrow containers---uses soft wrap opportunities if present. */
  overflow-wrap: anywhere;
}

/* RESETS */
#uno-external-footer :where(body) {
  /* Remove margin. */
  margin: 0;
}

/* FIX/EXTEND ELEMENT FONT/TEXT */
#uno-external-footer :where(code, kbd, samp, sub, sup) {
  /* No auto hyphens where a hyphen could mess up text meaning. */
  hyphens: manual;
  /* Fix inline elements that can affect line height (some when bigger font-size), but maintain some line-height. */
  line-height: 0.625;
}

#uno-external-footer :where(b, strong) {
  /* Semantic `bolder` font weight for `strong` text (Chrome/Edge/Safari). */
  font-weight: bolder;
}

#uno-external-footer :where(::file-selector-button, button, input, select, textarea) {
  /* Avoid `input`/`textarea` cause zoom when on focus (Ios). `1em` for others for consistency. */
  font-size: 1em;
}

/* MAKE ELEMENTS RESPONSIVE */
#uno-external-footer :where(input, select, textarea,
audio, embed, iframe, object,
img, svg, video, canvas) {
  /* Container width is `max-width`. */
  max-width: 100%;
}

#uno-external-footer :where(img, svg, video, canvas) {
  /* ...then auto calculate height for necessary elements. */
  height: auto;
}

#uno-external-footer :where(pre) {
  /* Wrap pre-formatted text by default. */
  white-space: pre-wrap;
}

#uno-external-footer :where(textarea) {
  /* Only resize vertically (a11y and prevent overflow). */
  resize: vertical;
}

/* DISPLAY BEHAVIORS */
#uno-external-footer [hidden],
#uno-external-footer :where(source) {
  /* `hidden` elements better maintain behaviour when `display` values are defined. */
  /* `source` has nothing to display and should not display (polyfill). */
  display: none;
}

#uno-external-footer :where(picture) {
  /* Remove wrapping `picture`---maintaining content. Can interfere with layout and aspect-ratio (polyfill). */
  display: contents;
}

/* CONSISTENT ALIGNMENTS */
#uno-external-footer :where(audio, embed, iframe, object,
img, svg, video, canvas) {
  /* Remove layout disrupting space below. */
  vertical-align: middle;
}

#uno-external-footer :where(figure, hr) {
  /* Intuitive inline margins---horizontal align with adjacent. */
  margin-inline: 0;
}

/* CONSISTENT CURSOR */
#uno-external-footer :where([aria-disabled=true i], [disabled], [readonly]) {
  /* Consistent cursor for disabled elements */
  cursor: not-allowed;
}

#uno-external-footer :where(::file-selector-button, [role=button i], [type=button i], [type=reset i], [type=submit i], button,
select, summary) {
  /* Consistent cursor for clickable elements. */
  cursor: pointer;
}

/* CONVENIENT/INTUITIVE STYLING */
/* Background images are not repeated. */
#uno-external-footer :where(*,
::before,
::after) {
  background-repeat: no-repeat;
}

#uno-external-footer :where(::before,
::after) {
  /* Inherit border-radius. */
  border-radius: inherit;
  /* Inherit text-decoration for `content`. */
  text-decoration: inherit;
  /* Inherit vertical alignment. */
  vertical-align: inherit;
}

/* REDUCE MOTION */
@media (prefers-reduced-motion: reduce) {
  #uno-external-footer :where(*,
  ::before,
  ::after) {
    /* Remove animations and transitions when user prefers it. */
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* SKAIDI SPECIFIC */
#uno-external-footer :where(::file-selector-button, [type=button i], [type=reset i], [type=submit i], button) {
  /* Fix inability to style buttons in Ios and Safari. */
  appearance: button;
  /* Normalize all button types. */
  border: none;
  border-radius: 0.125em;
  box-shadow: unset;
  line-height: inherit;
  /* Reset button styles that can become annoying later */
  background: transparent;
  color: inherit;
  outline: none; /* (Is set below) */
}

#uno-external-footer :where(a, ::file-selector-button, button):where(:focus) {
  /* Default Skaidi focus styles */
  outline: var(--outline);
  outline-offset: calc(-1 * var(--outline-offset));
}

#uno-external-footer :where(::file-selector-button, button, input, textarea, select) {
  /* Inherit font-family. */
  font-family: inherit;
  /* Remove the margin on controls in Safari. */
  margin: 0;
}

#uno-external-footer {
  /* # Variables
   *
   * (Constants in ALL-CAPS)
   *
   * Naming: [block]-[element]-[property]-[modification/value] */
  /* ## Sizes */
  --TOUCH-TARGET-MIN-SIZE: 3rem; /* equals 48px with default browser settings -- which Lighthouse uses(?) */
  --added-lead: .5; /* for line-height */
  --line-height: calc(1 + var(--added-lead)); /* base line-height */
  --line-height-sm: calc(1 + var(--added-lead) / 2); /* small line-height */
  --interactive-line-height: var(--line-height-sm); /* line-height for interactive block/elements */
  /* DEPRECATED line-heights, use above: */
  --line-height-xs: var(--line-height-sm);
  --button-line-height: var(--line-height-sm);
  /* Atom sizes */
  --input-marker-size: calc(1em * var(--line-height, 1.5));
  /* Container widths */
  --readable-max-width: 55rem;
  --readable-width: min(var(--readable-max-width), 100%);
  --max-width-sm: 630px;
  --max-width-md: 720px;
  --max-width-lg: 976px;
  --max-width-xl: 1230px;
  /* (Spacing) sizes */
  --s-1: calc(1rem * .125); /*    2px (browser default) */
  --s-2: calc(1rem * .25); /*     4px (browser default) */
  --s-3: calc(1rem * .5); /*      8px (browser default) */
  --s-4: calc(1rem * .75); /*    12px (browser default) */
  --s-5: 1rem; /*                16px (browser default) */
  --s-6: calc(1rem * 1.5); /*    24px (browser default) */
  --s-7: calc(1rem * 2.5); /*    40px (browser default) */
  --s-8: calc(1rem * 4); /*      64px (browser default) */
  --s-9: calc(1rem * 6.5); /*   104px (browser default) */
  --s-10: calc(1rem * 10.5); /* 168px (browser default) */
  /* Font sizes */
  --h3-font-size: calc(1rem * 1.25);
  --h2-font-size: calc(1rem * 1.5);
  --h1-font-size: calc(1rem * 1.875);
  --font-size: calc(1rem * 1.125); /* regular */
  --font-size-sm: 1rem;
  --font-size-md: calc(1rem * 1.25);
  --font-size-lg: calc(1rem * 1.375);
  /* DEPRECATED naming. Use above. */
  --font-size-regular: var(--font-size);
  --font-size-small: var(--font-size-sm);
  --font-size-medium: var(--font-size-md);
  --font-size-large: var(--font-size-lg);
  /* ## Font-families */
  --sans: Roboto, system-ui, sans-serif;
  --slab: Roboto Slab, var(--sans);
  --serif: var(--slab);
  /* ## Colors */
  --DARK-GRAY: #333333;
  --fg: var(--DARK-GRAY);
  --fg-muted: #6c6965;
  --bg-h: 0;
  --bg-s: 0%;
  --bg-l: 100%;
  --bg: hsl(var(--bg-h) var(--bg-s) var(--bg-l));
  --bg-base-h: 0;
  --bg-base-s: 0%;
  --bg-base-l: 96.9%;
  --bg-base: hsl(var(--bg-base-h) var(--bg-base-s) var(--bg-base-l));
  --bg-muted-h: 0;
  --bg-muted-s: 0%;
  --bg-muted-l: 93.7%;
  --bg-muted: hsl(var(--bg-muted-h) var(--bg-muted-s) var(--bg-muted-l));
  /* background */
  --primary-L85: #fad7b7;
  --primary-L92: #fdead9;
  /* Primary (orange) */
  --primary-h: 28.4;
  --primary-s: 88%;
  --primary-l: 51%;
  --primary-a: 1;
  --primary: hsla(
    var(--primary-h) var(--primary-s) var(--primary-l) / var(--primary-a)
  ); /* hsl(28.4 88% 51%) / #f07c14 */
  --primary-hover-bg: var(--primary-L92);
  --primary-hover-on: var(--DARK-GRAY);
  --primary-active-bg: var(--primary-L85);
  --primary-active-on: var(--DARK-GRAY);
  /* Variant, not a11y */
  --primary-variant-bg: var(--primary);
  --primary-variant-on: white;
  /* Primary button / CTA button */
  --primary-cta-bg: var(--fg);
  --primary-cta-on: var(--bg);
  --primary-cta-hover-on: var(--primary-hover-bg);
  --primary-cta-active-on: var(--primary-active-bg);
  /* Education levels */
  /* Grunnskole */
  --gs: var(--gs-bg);
  --gs-bg: #d02a7a;
  --gs-on: white;
  /* Videregående */
  --vgo: var(--vgo-bg);
  --vgo-bg: #eebe2c;
  --vgo-on: var(--DARK-GRAY);
  /* Folkehøgskole */
  --fhs: var(--fhs-bg);
  --fhs-bg: #942d31;
  --fhs-on: white;
  /* Fagskole */
  --fs: var(--fs-bg);
  --fs-bg: #2a6f2f;
  --fs-on: white;
  /* Universitet, Høyskole */
  --uh: var(--uh-bg);
  --uh-bg: #095795;
  --uh-on: white;
  /* Emne/kurs */
  --ek: var(--ek-bg);
  --ek-bg: #724e80;
  --ek-on: white;
  /* Offentlig fagskole */
  --ofa: var(--ofa-bg);
  --ofa-bg: #225053;
  --ofa-on: white;
  /* Util colors */
  /* Focus */
  --focus: #007dbc;
  --focus-bg: #007dbc;
  --focus-on: white;
  /* Placeholder */
  --placeholder-fg: var(--fg-muted);
  /* Error */
  --error: #cc0000;
  --error-fg: var(--error);
  --error-bg: var(--error);
  --error-on: white;
  /* Success */
  --success: #009047;
  --success-fg: var(--success);
  --success-bg: var(--success);
  --success-on: white;
  /* Warning */
  --warning-bg: #fae6e6;
  --warning-on: var(--DARK-GRAY);
  /* ## Effects */
  --menu-drop-shadow: 0 .25rem 1rem rgba(0, 0, 0, .25);
  --card-drop-shadow: 2px 2px 12px rgba(0, 0, 0, 0.24);
  --card-drop-shadow-active: 1px 1px 4px rgba(0, 0, 0, 0.24);
  /* ## Util */
  --outline: 2px solid var(--focus);
  --outline-offset: 2px;
  /* For transitions and animations */
  --transition-time: .24s;
  /* Check deprecation */
  --button-min-width: calc(1rem * 4.625);
}

#uno-external-footer {
  background: var(--bg-base);
  font-family: var(--sans);
  font-variation-settings: "wght" 390;
  line-height: var(--line-height);
}

#uno-external-footer:lang(nb),
#uno-external-footer :not(:lang(nb)) > :lang(nb) {
  quotes: "«" "»" "‘" "’";
} /* « » ‘ ’ */
#uno-external-footer body {
  color: var(--fg);
}

#uno-external-footer a {
  color: inherit;
}

#uno-external-footer small {
  font-size: 1rem;
}

#uno-external-footer strong {
  font-variation-settings: "wght" 700;
}

#uno-external-footer em {
  font-variation-settings: "ital" 1;
}

#uno-external-footer ol,
#uno-external-footer ul {
  padding-inline-start: 1em;
}

#uno-external-footer hr {
  border: none; /* reset */
  border-top: var(--hr-border-height, 1px) solid var(--primary);
  margin-inline-start: 0;
  width: 3.5rem;
  height: 0;
}

#uno-external-footer blockquote {
  font-size: 1.375rem;
  font-style: italic;
  line-height: 1.25;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

/* Table -- basic styling incase random content suddenly has <table> */
#uno-external-footer table {
  border-collapse: collapse;
}

#uno-external-footer th,
#uno-external-footer td {
  box-shadow: inset 0 -1px var(--fg-muted);
  padding: var(--s-3);
  vertical-align: top;
  text-align: inherit;
}

/* ## Headings */
#uno-external-footer h1,
#uno-external-footer .h1,
#uno-external-footer h2,
#uno-external-footer .h2,
#uno-external-footer h3,
#uno-external-footer .h3 {
  font-family: var(--slab);
  font-weight: bold;
  font-variation-settings: "wght" 525;
  line-height: var(--line-height-sm);
  /* margin-block-start: 1em; */
  /* margin-block-end: 1em; */
}

#uno-external-footer h1,
#uno-external-footer .h1 {
  hyphens: manual;
  font-size: var(--h1-font-size);
  /* margin-block-start: var(--s-9); */
  /* margin-block-end: var(--s-7); */
}

#uno-external-footer h2,
#uno-external-footer .h2 {
  font-size: var(--h2-font-size);
  /* margin-block-start: var(--s-7); */
  /* margin-block-end: var(--s-6); */
}

#uno-external-footer h3,
#uno-external-footer .h3 {
  font-size: var(--h3-font-size);
  line-height: calc(1 + var(--added-lead));
  /* margin-block-start: var(--s-7); */
  /* margin-block-end: var(--s-3); */
}

/* Remove top margin of adjacent sibling */
#uno-external-footer :is(h3, .h3, h4, .h4, h5, .h5, h6, .h6) + * {
  margin-block-start: 0;
}

#uno-external-footer h4,
#uno-external-footer .h4,
#uno-external-footer h5,
#uno-external-footer .h5,
#uno-external-footer h6,
#uno-external-footer .h6 {
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  /* margin-block-start: 1em; */
  margin-block-end: 0;
}

#uno-external-footer h4,
#uno-external-footer .h4 {
  font-family: var(--slab);
  font-variation-settings: "wght" 475;
}

#uno-external-footer h5,
#uno-external-footer .h5 {
  font-weight: 500;
  font-variation-settings: "wght" 475;
}

#uno-external-footer h6,
#uno-external-footer .h6 {
  font-variation-settings: "wght" 425;
}

/* ## Util classes */
#uno-external-footer .icons-styled svg {
  height: 1em;
  width: auto;
  max-width: none;
}

#uno-external-footer .icons-styled svg [stroke] {
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

/* Accessible display on visually hidden only elements. */
#uno-external-footer [aria-hidden=false i][hidden] {
  display: initial;
}

#uno-external-footer .sr-only,
#uno-external-footer .sr-only-focusable:not(:focus),
#uno-external-footer .visually-hidden,
#uno-external-footer .visually-hidden-focusable:not(:focus),
#uno-external-footer [aria-hidden=false i][hidden]:not(:focus) {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Fix for CLS */
#uno-external-footer #uno-external-header {
  min-height: 52px;
  padding-top: 16px;
  padding-bottom: 16px;
  box-sizing: content-box;
}

#uno-external-footer {
  background-color: var(--DARK-GRAY);
  color: #FFFFFF;
  font-size: var(--font-size);
  padding: var(--s-7) var(--s-5);
}
#uno-external-footer > .inner {
  max-width: 1200px;
  margin: 0 auto;
}
#uno-external-footer > .inner > * {
  margin-bottom: var(--s-7);
}
#uno-external-footer > .inner > *:last-child {
  margin-bottom: 0;
}

#uno-external-footer nav ul, #uno-external-footer ul.some {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#uno-external-footer nav li, #uno-external-footer ul.some li {
  margin: 0 0 var(--s-3);
  padding: 0;
}

#uno-external-footer ul.some a {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 30px;
  display: block;
  padding: var(--s-3) var(--s-5) var(--s-3) var(--s-7);
}

#uno-external-footer ul.some a.facebook {
  background-image: url("../../images/some/facebook.png");
}

#uno-external-footer ul.some a.instagram {
  background-image: url("../../images/some/instagram.png");
}

#uno-external-footer ul.some a.youtube {
  background-image: url("../../images/some/youtube.png");
}

#uno-external-footer ul.some a.nyhetsbrev {
  background-image: url("../../images/icon-mail.png");
}

#uno-external-footer p {
  margin-block-start: 0;
}

@media only screen and (min-width: 631px) {
  #uno-external-footer .inner {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--s-7);
    grid-auto-rows: minmax(100px, auto);
  }
  #uno-external-footer .logo {
    align-self: center;
  }
}
@media only screen and (min-width: 977px) {
  #uno-external-footer .inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
#uno-external-footer .chat {
  color: #515151;
  font-size: var(--font-size);
  min-height: var(--TOUCH-TARGET-MIN-SIZE);
  min-width: var(--TOUCH-TARGET-MIN-SIZE);
  max-width: 17rem;
  z-index: 1050;
  user-select: none;
}
#uno-external-footer .chat.minimized .icon-minimized {
  display: block;
}
#uno-external-footer .chat.minimized .icon {
  display: none;
}
#uno-external-footer .chat.minimized .open {
  right: -4rem;
}
#uno-external-footer .chat.minimized .open .close-button {
  display: none;
}

#uno-external-footer .open {
  position: fixed;
  right: 2rem;
  bottom: 1.5rem;
  text-align: center;
  cursor: pointer;
}
#uno-external-footer .open .chat-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-5);
  border-radius: 2.75rem;
  margin: 0;
  --button-padding-block: var(--s-6);
  --button-padding-inline: var(--s-6);
}
@media screen and (max-width: 678px) {
  #uno-external-footer .open .chat-button {
    --button-padding-block: .875rem;
    --button-padding-inline: 1.125rem;
  }
  #uno-external-footer .open .chat-button .icon, #uno-external-footer .open .chat-button .icon-minimized {
    width: 1.9rem;
  }
}
#uno-external-footer .open span {
  font-weight: 500;
}

#uno-external-footer .clicked {
  position: fixed;
  right: 2rem;
  bottom: -1px;
  background-color: var(--bg);
  border: var(--primary) solid 1px;
  border-radius: 1rem 1rem 0 0;
  display: none;
  padding: var(--s-6) 1.125rem;
}
@media screen and (max-width: 678px) {
  #uno-external-footer .clicked {
    left: 0;
    right: 0;
    width: fit-content;
    margin-inline: auto;
  }
}
#uno-external-footer .clicked header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#uno-external-footer .clicked header h2 {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin: 0;
}
#uno-external-footer .clicked header h2:before {
  content: "";
  background-color: #f00000;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  display: block;
}
#uno-external-footer .clicked a {
  font-weight: 400;
}
#uno-external-footer .clicked a:hover {
  text-decoration: underline;
}
#uno-external-footer .clicked .info {
  margin-block: 1.125rem;
}
#uno-external-footer .clicked .info h3 {
  margin-block: 1.125rem;
}
#uno-external-footer .clicked .timeslot {
  display: flex;
  justify-content: space-between;
  width: 80%;
}

#uno-external-footer .icon svg, #uno-external-footer .icon-minimized svg {
  width: 2.6875rem;
}

#uno-external-footer .icon-minimized {
  display: none;
}

#uno-external-footer .close-button {
  position: absolute;
  top: -1rem;
  right: -0.5rem;
  background-color: #FFF;
  border: 2px solid orange;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
#uno-external-footer .close-button:hover {
  background-color: var(--primary-cta-hover-on);
}
@media screen and (min-width: 679px) {
  #uno-external-footer .close-button {
    display: none;
  }
}

#uno-external-footer .close-button-icon {
  border: none;
  width: 18px;
  height: 18px;
  background-size: 18px;
  cursor: pointer;
  text-indent: -10000px;
  position: relative;
  background-image: url("../../images/icon-close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
}

#uno-external-footer .clicked-true {
  width: clamp(30%, 27em, 45%);
  max-width: none;
}
#uno-external-footer .clicked-true .open {
  display: none;
}
#uno-external-footer .clicked-true .clicked {
  display: block;
}

@media screen and (max-width: 678px) {
  #uno-external-footer .clicked {
    font-size: 0.75rem;
  }
  #uno-external-footer .clicked a {
    font-size: 1.25rem;
  }
  #uno-external-footer .clicked-true {
    width: 85% !important;
    right: unset;
  }
}
#uno-external-footer .chat-button {
  --button-bg: var(--primary-cta-bg);
  --button-on: var(--primary-cta-on);
  --button-border-color: var(--button-bg);
  --button-border-width: 1px;
  --button-padding-inline: 1em;
  --button-padding-block: 0.625em;
  background: transparent;
  background: var(--button-bg, transparent);
  border: var(--button-border-width) solid var(--button-border-color);
  border-radius: 1.625em;
  color: #333;
  color: var(--button-on, var(--DARK-GRAY, #333));
  cursor: pointer;
  font-family: var(--sans);
  font-size: 1em;
  font-size: var(--button-font-size, var(--font-size, 1em));
  line-height: var(--line-height-sm);
  min-height: var(--TOUCH-TARGET-MIN-SIZE);
  min-width: var(--TOUCH-TARGET-MIN-SIZE);
  outline: none;
  padding: var(--button-padding-block) var(--button-padding-inline);
  text-align: start;
  word-break: break-word;
}

/*# sourceMappingURL=footer.css.map */