/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

html {
  font-size: 16px; }

body {
  margin: 0; }

.dnno-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 63.125rem;
  width: 100vw;
  /*@if $includeFlexFallback {
    overflow-x: hidden;
  }*/ }

.dnno-container--left {
  margin-left: 0; }

.dnno-container--right {
  margin-right: 0; }

.dnno-grid {
  align-items: flex-start;
  box-sizing: border-box;
  display: grid;
  flex-wrap: wrap;
  position: relative; }
  .dnno-grid > * {
    box-sizing: border-box; }
    .dnno-grid > * :last-child,
    .dnno-grid > * :last-child > :last-child,
    .dnno-grid > * :last-child > :last-child > :last-child {
      margin-bottom: 0; }

[class*="dnno-padding"] {
  box-sizing: border-box; }

@supports (display: grid) {
  .dnno-grid > * {
    height: 100%; } }

.dnno-container {
  padding-left: 15px;
  padding-right: 15px; }

.dnno-grid.dnno-grid--bleed {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100vw; }

.dnno-grid--bleed--left {
  padding-left: 15px;
  margin-left: -15px; }

.dnno-grid--bleed--right {
  padding-right: 15px;
  margin-right: -15px; }

.dnno-grid__break--left {
  margin-left: -15px; }

.dnno-grid__break--right {
  margin-right: -15px; }

.dnno-padding {
  padding: calc(30px / 2); }

.dnno-padding--bottom {
  padding-bottom: calc(30px / 2); }

.dnno-padding--left {
  padding-left: calc(30px / 2); }

.dnno-padding--right {
  padding-right: calc(30px / 2); }

.dnno-padding--top {
  padding-top: calc(30px / 2); }

.dnno-padding--horizontal {
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2); }

.dnno-padding--vertical {
  padding-bottom: calc(30px / 2);
  padding-top: calc(30px / 2); }

.dnno-grid {
  display: grid;
  grid-auto-rows: minmax(0.5rem, min-content);
  grid-template-columns: repeat(auto-fill, calc(50vw - 15px)); }
  .dnno-grid.dnno-grid--fixed-columns {
    grid-template-columns: repeat(auto-fill, 10rem); }
  .dnno-grid.dnno-grid--fluid-rows {
    grid-auto-rows: calc(50vw - 15px); }

:root {
  --dnno-height-1: $i * $rowHeight * 1rem;
  --dnno-height-2: $i * $rowHeight * 1rem;
  --dnno-height-3: $i * $rowHeight * 1rem;
  --dnno-height-4: $i * $rowHeight * 1rem;
  --dnno-height-5: $i * $rowHeight * 1rem;
  --dnno-height-6: $i * $rowHeight * 1rem;
  --dnno-height-7: $i * $rowHeight * 1rem;
  --dnno-height-8: $i * $rowHeight * 1rem;
  --dnno-height-9: $i * $rowHeight * 1rem;
  --dnno-height-10: $i * $rowHeight * 1rem;
  --dnno-height-11: $i * $rowHeight * 1rem;
  --dnno-height-12: $i * $rowHeight * 1rem;
  --dnno-height-13: $i * $rowHeight * 1rem;
  --dnno-height-14: $i * $rowHeight * 1rem;
  --dnno-height-15: $i * $rowHeight * 1rem;
  --dnno-height-16: $i * $rowHeight * 1rem;
  --dnno-height-17: $i * $rowHeight * 1rem;
  --dnno-height-18: $i * $rowHeight * 1rem;
  --dnno-height-19: $i * $rowHeight * 1rem;
  --dnno-height-20: $i * $rowHeight * 1rem;
  --dnno-height-21: $i * $rowHeight * 1rem;
  --dnno-height-22: $i * $rowHeight * 1rem;
  --dnno-height-23: $i * $rowHeight * 1rem;
  --dnno-height-24: $i * $rowHeight * 1rem;
  --dnno-height-25: $i * $rowHeight * 1rem;
  --dnno-height-26: $i * $rowHeight * 1rem;
  --dnno-height-27: $i * $rowHeight * 1rem;
  --dnno-height-28: $i * $rowHeight * 1rem;
  --dnno-height-29: $i * $rowHeight * 1rem; }

@media (min-width: 41.25rem) {
  .dnno-container {
    padding-left: 7px;
    padding-right: 7px; }
  .dnno-grid.dnno-grid--bleed {
    margin-left: -7px;
    margin-right: -7px;
    padding-left: 7px;
    padding-right: 7px;
    width: 100vw; }
  .dnno-grid--bleed--left {
    padding-left: 7px;
    margin-left: -7px; }
  .dnno-grid--bleed--right {
    padding-right: 7px;
    margin-right: -7px; }
  .dnno-grid__break--left {
    margin-left: -7px; }
  .dnno-grid__break--right {
    margin-right: -7px; }
  .dnno-padding {
    padding: calc(16px / 2); }
  .dnno-padding--bottom {
    padding-bottom: calc(16px / 2); }
  .dnno-padding--left {
    padding-left: calc(16px / 2); }
  .dnno-padding--right {
    padding-right: calc(16px / 2); }
  .dnno-padding--top {
    padding-top: calc(16px / 2); }
  .dnno-padding--horizontal {
    padding-left: calc(16px / 2);
    padding-right: calc(16px / 2); }
  .dnno-padding--vertical {
    padding-bottom: calc(16px / 2);
    padding-top: calc(16px / 2); }
  .dnno-grid {
    grid-template-columns: repeat(auto-fill, calc(8.3333333333vw - 1.1666666667px)); }
    .dnno-grid.dnno-grid--fixed-columns {
      grid-template-columns: repeat(auto-fill, 3.4375rem); }
    .dnno-grid.dnno-grid--fluid-rows {
      grid-auto-rows: calc(8.3333333333vw - 1.1666666667px); } }

@media (min-width: 63.125rem) {
  .dnno-container {
    padding-left: 7px;
    padding-right: 7px; }
  .dnno-grid.dnno-grid--bleed {
    margin-left: calc((100vw - 63.125rem) / -2 - 7px);
    margin-right: calc((100vw - 63.125rem) / -2 - 7px);
    padding-left: calc((100vw - 63.125rem) / -2 * -1 + 7px);
    padding-right: calc((100vw - 63.125rem) / -2 * -1 + 7px);
    width: 100vw; }
  .dnno-grid--bleed--left {
    padding-left: 7px;
    margin-left: -7px; }
  .dnno-grid--bleed--right {
    padding-right: 7px;
    margin-right: -7px; }
  .dnno-grid__break--left {
    margin-left: -7px; }
  .dnno-grid__break--right {
    margin-right: -7px; }
  .dnno-padding {
    padding: calc(16px / 2); }
  .dnno-padding--bottom {
    padding-bottom: calc(16px / 2); }
  .dnno-padding--left {
    padding-left: calc(16px / 2); }
  .dnno-padding--right {
    padding-right: calc(16px / 2); }
  .dnno-padding--top {
    padding-top: calc(16px / 2); }
  .dnno-padding--horizontal {
    padding-left: calc(16px / 2);
    padding-right: calc(16px / 2); }
  .dnno-padding--vertical {
    padding-bottom: calc(16px / 2);
    padding-top: calc(16px / 2); }
  .dnno-grid {
    grid-template-columns: repeat(auto-fill, calc( (63.125rem - 14px) / 12)); }
    .dnno-grid.dnno-grid--fixed-columns {
      grid-template-columns: repeat(auto-fill, 5.2604166667rem); }
    .dnno-grid.dnno-grid--fluid-rows {
      grid-auto-rows: calc( (63.125rem - 14px) / 12); } }

html {
  font-size: 16px; }

body {
  margin: 0; }

.dnno-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 63.125rem;
  width: 100vw;
  /*@if $includeFlexFallback {
    overflow-x: hidden;
  }*/ }

@supports (display: grid) {
  .dnno-container {
    overflow-x: initial; } }

.dnno-container--left {
  margin-left: 0; }

.dnno-container--right {
  margin-right: 0; }

.dnno-grid {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  display: grid;
  flex-wrap: wrap;
  position: relative; }
  .dnno-grid > * {
    box-sizing: border-box; }
    .dnno-grid > * :last-child,
    .dnno-grid > * :last-child > :last-child,
    .dnno-grid > * :last-child > :last-child > :last-child {
      margin-bottom: 0; }

[class*="dnno-padding"] {
  box-sizing: border-box; }

.dnno-grid > * {
  width: 100%; }

@supports (display: grid) {
  .dnno-grid {
    align-items: unset; }
  .dnno-grid > * {
    width: initial; } }

@supports (display: grid) {
  .dnno-grid > * {
    height: 100%; } }

[class*="dnno-grid__col--sm--"] {
  display: block; }

.dnno-grid__col--sm--0,
.dnno-grid__col--sm--0--only {
  display: none; }

.dnno-grid__col--sm--1 {
  min-width: calc( (100vw - 30px) * 0.5);
  width: calc( (100vw - 30px) * 0.5); }

.dnno-grid__height-fluid--sm--1 {
  height: calc( (100vw - 30px) * 0.5); }

.dnno-grid__col--sm--2 {
  min-width: calc( (100vw - 30px) * 1);
  width: calc( (100vw - 30px) * 1); }

.dnno-grid__height-fluid--sm--2 {
  height: calc( (100vw - 30px) * 1); }

.dnno-grid__height--sm--0 {
  height: 0; }

.dnno-grid__height-fixed--sm--1 {
  height: 0.5rem; }

.dnno-grid__height-fixed--sm--2 {
  height: 1rem; }

.dnno-grid__height-fixed--sm--3 {
  height: 1.5rem; }

.dnno-grid__height-fixed--sm--4 {
  height: 2rem; }

.dnno-grid__height-fixed--sm--5 {
  height: 2.5rem; }

.dnno-grid__height-fixed--sm--6 {
  height: 3rem; }

.dnno-grid__height-fixed--sm--7 {
  height: 3.5rem; }

.dnno-grid__height-fixed--sm--8 {
  height: 4rem; }

.dnno-grid__height-fixed--sm--9 {
  height: 4.5rem; }

.dnno-grid__height-fixed--sm--10 {
  height: 5rem; }

.dnno-grid__height-fixed--sm--11 {
  height: 5.5rem; }

.dnno-grid__height-fixed--sm--12 {
  height: 6rem; }

.dnno-grid__height-fixed--sm--13 {
  height: 6.5rem; }

.dnno-grid__height-fixed--sm--14 {
  height: 7rem; }

.dnno-grid__height-fixed--sm--15 {
  height: 7.5rem; }

.dnno-grid__height-fixed--sm--16 {
  height: 8rem; }

.dnno-grid__height-fixed--sm--17 {
  height: 8.5rem; }

.dnno-grid__height-fixed--sm--18 {
  height: 9rem; }

.dnno-grid__height-fixed--sm--19 {
  height: 9.5rem; }

.dnno-grid__height-fixed--sm--20 {
  height: 10rem; }

.dnno-grid__height-fixed--sm--21 {
  height: 10.5rem; }

.dnno-grid__height-fixed--sm--22 {
  height: 11rem; }

.dnno-grid__height-fixed--sm--23 {
  height: 11.5rem; }

.dnno-grid__height-fixed--sm--24 {
  height: 12rem; }

.dnno-grid__height-fixed--sm--25 {
  height: 12.5rem; }

.dnno-grid__height-fixed--sm--26 {
  height: 13rem; }

.dnno-grid__height-fixed--sm--27 {
  height: 13.5rem; }

.dnno-grid__height-fixed--sm--28 {
  height: 14rem; }

.dnno-grid__height-fixed--sm--29 {
  height: 14.5rem; }

.dnno-container {
  padding-left: 15px;
  padding-right: 15px; }

.dnno-grid.dnno-grid--bleed {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100vw; }

.dnno-grid--bleed--left {
  padding-left: 15px;
  margin-left: -15px; }

.dnno-grid--bleed--right {
  padding-right: 15px;
  margin-right: -15px; }

@supports (display: grid) {
  .dnno-grid__break--left {
    margin-left: -15px; }
  .dnno-grid__break--right {
    margin-right: -15px; } }

.dnno-padding {
  padding: calc(30px / 2); }

.dnno-padding--bottom {
  padding-bottom: calc(30px / 2); }

.dnno-padding--left {
  padding-left: calc(30px / 2); }

.dnno-padding--right {
  padding-right: calc(30px / 2); }

.dnno-padding--top {
  padding-top: calc(30px / 2); }

.dnno-padding--horizontal {
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2); }

.dnno-padding--vertical {
  padding-bottom: calc(30px / 2);
  padding-top: calc(30px / 2); }

@supports (display: grid) {
  .dnno-grid {
    display: grid;
    grid-auto-rows: minmax(0.5rem, min-content);
    grid-template-columns: repeat(auto-fill, calc(50vw - 15px)); }
    .dnno-grid.dnno-grid--fixed-columns {
      grid-template-columns: repeat(auto-fill, 10rem); }
    .dnno-grid.dnno-grid--fluid-rows {
      grid-auto-rows: calc(50vw - 15px); }
  :root {
    --dnno-height-1: $i * $rowHeight * 1rem;
    --dnno-height-2: $i * $rowHeight * 1rem;
    --dnno-height-3: $i * $rowHeight * 1rem;
    --dnno-height-4: $i * $rowHeight * 1rem;
    --dnno-height-5: $i * $rowHeight * 1rem;
    --dnno-height-6: $i * $rowHeight * 1rem;
    --dnno-height-7: $i * $rowHeight * 1rem;
    --dnno-height-8: $i * $rowHeight * 1rem;
    --dnno-height-9: $i * $rowHeight * 1rem;
    --dnno-height-10: $i * $rowHeight * 1rem;
    --dnno-height-11: $i * $rowHeight * 1rem;
    --dnno-height-12: $i * $rowHeight * 1rem;
    --dnno-height-13: $i * $rowHeight * 1rem;
    --dnno-height-14: $i * $rowHeight * 1rem;
    --dnno-height-15: $i * $rowHeight * 1rem;
    --dnno-height-16: $i * $rowHeight * 1rem;
    --dnno-height-17: $i * $rowHeight * 1rem;
    --dnno-height-18: $i * $rowHeight * 1rem;
    --dnno-height-19: $i * $rowHeight * 1rem;
    --dnno-height-20: $i * $rowHeight * 1rem;
    --dnno-height-21: $i * $rowHeight * 1rem;
    --dnno-height-22: $i * $rowHeight * 1rem;
    --dnno-height-23: $i * $rowHeight * 1rem;
    --dnno-height-24: $i * $rowHeight * 1rem;
    --dnno-height-25: $i * $rowHeight * 1rem;
    --dnno-height-26: $i * $rowHeight * 1rem;
    --dnno-height-27: $i * $rowHeight * 1rem;
    --dnno-height-28: $i * $rowHeight * 1rem;
    --dnno-height-29: $i * $rowHeight * 1rem; } }

@media (min-width: 41.25rem) {
  .dnno-grid__col--sm--0--only {
    display: block; }
  [class*="dnno-grid__col--md--"] {
    display: block; }
  .dnno-grid__col--md--0,
  .dnno-grid__col--md--0--only {
    display: none; }
  .dnno-grid__col--sm--1 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 2 * 1);
    min-width: calc( (100vw - 14px) * 0.5);
    width: calc( (100vw - 14px) * 0.5); }
  .dnno-grid__height-fluid--sm--1 {
    height: calc( (100vw - 14px) * 0.5);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 2 * 1); }
  .dnno-grid__col--sm--2 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 2 * 2);
    min-width: calc( (100vw - 14px) * 1);
    width: calc( (100vw - 14px) * 1); }
  .dnno-grid__height-fluid--sm--2 {
    height: calc( (100vw - 14px) * 1);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 2 * 2); }
  .dnno-grid__col--md--1 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 1);
    min-width: calc( (100vw - 14px) * 0.083);
    width: calc( (100vw - 14px) * 0.083); }
  .dnno-grid__height-fluid--md--1 {
    height: calc( (100vw - 14px) * 0.083);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 1); }
  .dnno-grid__col--md--2 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 2);
    min-width: calc( (100vw - 14px) * 0.166);
    width: calc( (100vw - 14px) * 0.166); }
  .dnno-grid__height-fluid--md--2 {
    height: calc( (100vw - 14px) * 0.166);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 2); }
  .dnno-grid__col--md--3 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 3);
    min-width: calc( (100vw - 14px) * 0.25);
    width: calc( (100vw - 14px) * 0.25); }
  .dnno-grid__height-fluid--md--3 {
    height: calc( (100vw - 14px) * 0.25);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 3); }
  .dnno-grid__col--md--4 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 4);
    min-width: calc( (100vw - 14px) * 0.333);
    width: calc( (100vw - 14px) * 0.333); }
  .dnno-grid__height-fluid--md--4 {
    height: calc( (100vw - 14px) * 0.333);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 4); }
  .dnno-grid__col--md--5 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 5);
    min-width: calc( (100vw - 14px) * 0.416);
    width: calc( (100vw - 14px) * 0.416); }
  .dnno-grid__height-fluid--md--5 {
    height: calc( (100vw - 14px) * 0.416);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 5); }
  .dnno-grid__col--md--6 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 6);
    min-width: calc( (100vw - 14px) * 0.5);
    width: calc( (100vw - 14px) * 0.5); }
  .dnno-grid__height-fluid--md--6 {
    height: calc( (100vw - 14px) * 0.5);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 6); }
  .dnno-grid__col--md--7 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 7);
    min-width: calc( (100vw - 14px) * 0.583);
    width: calc( (100vw - 14px) * 0.583); }
  .dnno-grid__height-fluid--md--7 {
    height: calc( (100vw - 14px) * 0.583);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 7); }
  .dnno-grid__col--md--8 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 8);
    min-width: calc( (100vw - 14px) * 0.666);
    width: calc( (100vw - 14px) * 0.666); }
  .dnno-grid__height-fluid--md--8 {
    height: calc( (100vw - 14px) * 0.666);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 8); }
  .dnno-grid__col--md--9 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 9);
    min-width: calc( (100vw - 14px) * 0.75);
    width: calc( (100vw - 14px) * 0.75); }
  .dnno-grid__height-fluid--md--9 {
    height: calc( (100vw - 14px) * 0.75);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 9); }
  .dnno-grid__col--md--10 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 10);
    min-width: calc( (100vw - 14px) * 0.833);
    width: calc( (100vw - 14px) * 0.833); }
  .dnno-grid__height-fluid--md--10 {
    height: calc( (100vw - 14px) * 0.833);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 10); }
  .dnno-grid__col--md--11 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 11);
    min-width: calc( (100vw - 14px) * 0.916);
    width: calc( (100vw - 14px) * 0.916); }
  .dnno-grid__height-fluid--md--11 {
    height: calc( (100vw - 14px) * 0.916);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 11); }
  .dnno-grid__col--md--12 {
    max-width: calc(  ( 63.125rem - 7px * 2 ) / 12 * 12);
    min-width: calc( (100vw - 14px) * 1);
    width: calc( (100vw - 14px) * 1); }
  .dnno-grid__height-fluid--md--12 {
    height: calc( (100vw - 14px) * 1);
    max-height: calc(  ( 63.125rem - 7px * 2 ) / 12 * 12); }
  .dnno-grid__height--md--0 {
    height: 0; }
  .dnno-grid__height-fixed--md--1 {
    height: 0.5rem; }
  .dnno-grid__height-fixed--md--2 {
    height: 1rem; }
  .dnno-grid__height-fixed--md--3 {
    height: 1.5rem; }
  .dnno-grid__height-fixed--md--4 {
    height: 2rem; }
  .dnno-grid__height-fixed--md--5 {
    height: 2.5rem; }
  .dnno-grid__height-fixed--md--6 {
    height: 3rem; }
  .dnno-grid__height-fixed--md--7 {
    height: 3.5rem; }
  .dnno-grid__height-fixed--md--8 {
    height: 4rem; }
  .dnno-grid__height-fixed--md--9 {
    height: 4.5rem; }
  .dnno-grid__height-fixed--md--10 {
    height: 5rem; }
  .dnno-grid__height-fixed--md--11 {
    height: 5.5rem; }
  .dnno-grid__height-fixed--md--12 {
    height: 6rem; }
  .dnno-grid__height-fixed--md--13 {
    height: 6.5rem; }
  .dnno-grid__height-fixed--md--14 {
    height: 7rem; }
  .dnno-grid__height-fixed--md--15 {
    height: 7.5rem; }
  .dnno-grid__height-fixed--md--16 {
    height: 8rem; }
  .dnno-grid__height-fixed--md--17 {
    height: 8.5rem; }
  .dnno-grid__height-fixed--md--18 {
    height: 9rem; }
  .dnno-grid__height-fixed--md--19 {
    height: 9.5rem; }
  .dnno-grid__height-fixed--md--20 {
    height: 10rem; }
  .dnno-grid__height-fixed--md--21 {
    height: 10.5rem; }
  .dnno-grid__height-fixed--md--22 {
    height: 11rem; }
  .dnno-grid__height-fixed--md--23 {
    height: 11.5rem; }
  .dnno-grid__height-fixed--md--24 {
    height: 12rem; }
  .dnno-grid__height-fixed--md--25 {
    height: 12.5rem; }
  .dnno-grid__height-fixed--md--26 {
    height: 13rem; }
  .dnno-grid__height-fixed--md--27 {
    height: 13.5rem; }
  .dnno-grid__height-fixed--md--28 {
    height: 14rem; }
  .dnno-grid__height-fixed--md--29 {
    height: 14.5rem; }
  .dnno-container {
    padding-left: 7px;
    padding-right: 7px; }
  .dnno-grid.dnno-grid--bleed {
    margin-left: -7px;
    margin-right: -7px;
    padding-left: 7px;
    padding-right: 7px;
    width: 100vw; }
  .dnno-grid--bleed--left {
    padding-left: 7px;
    margin-left: -7px; }
  .dnno-grid--bleed--right {
    padding-right: 7px;
    margin-right: -7px; }
  @supports (display: grid) {
    .dnno-grid__break--left {
      margin-left: -7px; }
    .dnno-grid__break--right {
      margin-right: -7px; } }
  .dnno-padding {
    padding: calc(16px / 2); }
  .dnno-padding--bottom {
    padding-bottom: calc(16px / 2); }
  .dnno-padding--left {
    padding-left: calc(16px / 2); }
  .dnno-padding--right {
    padding-right: calc(16px / 2); }
  .dnno-padding--top {
    padding-top: calc(16px / 2); }
  .dnno-padding--horizontal {
    padding-left: calc(16px / 2);
    padding-right: calc(16px / 2); }
  .dnno-padding--vertical {
    padding-bottom: calc(16px / 2);
    padding-top: calc(16px / 2); }
  @supports (display: grid) {
    .dnno-grid {
      grid-template-columns: repeat(auto-fill, calc(8.3333333333vw - 1.1666666667px)); }
      .dnno-grid.dnno-grid--fixed-columns {
        grid-template-columns: repeat(auto-fill, 3.4375rem); }
      .dnno-grid.dnno-grid--fluid-rows {
        grid-auto-rows: calc(8.3333333333vw - 1.1666666667px); } } }

@media (min-width: 63.125rem) {
  .dnno-grid__col--sm--0--only {
    display: block; }
  [class*="dnno-grid__col--lg--"] {
    display: block; }
  .dnno-grid__col--lg--0,
  .dnno-grid__col--lg--0--only {
    display: none; }
  [class*="dnno-grid__col--"] {
    min-width: 0; }
  .dnno-container {
    padding-left: 7px;
    padding-right: 7px; }
  .dnno-grid.dnno-grid--bleed {
    margin-left: calc((100vw - 63.125rem) / -2 - 7px);
    margin-right: calc((100vw - 63.125rem) / -2 - 7px);
    padding-left: calc((100vw - 63.125rem) / -2 * -1 + 7px);
    padding-right: calc((100vw - 63.125rem) / -2 * -1 + 7px);
    width: 100vw; }
  .dnno-grid--bleed--left {
    padding-left: 7px;
    margin-left: -7px; }
  .dnno-grid--bleed--right {
    padding-right: 7px;
    margin-right: -7px; }
  @supports (display: grid) {
    .dnno-grid__break--left {
      margin-left: -7px; }
    .dnno-grid__break--right {
      margin-right: -7px; } }
  .dnno-padding {
    padding: calc(16px / 2); }
  .dnno-padding--bottom {
    padding-bottom: calc(16px / 2); }
  .dnno-padding--left {
    padding-left: calc(16px / 2); }
  .dnno-padding--right {
    padding-right: calc(16px / 2); }
  .dnno-padding--top {
    padding-top: calc(16px / 2); }
  .dnno-padding--horizontal {
    padding-left: calc(16px / 2);
    padding-right: calc(16px / 2); }
  .dnno-padding--vertical {
    padding-bottom: calc(16px / 2);
    padding-top: calc(16px / 2); }
  @supports (display: grid) {
    .dnno-grid {
      grid-template-columns: repeat(auto-fill, calc( (63.125rem - 14px) / 12)); }
      .dnno-grid.dnno-grid--fixed-columns {
        grid-template-columns: repeat(auto-fill, 5.2604166667rem); }
      .dnno-grid.dnno-grid--fluid-rows {
        grid-auto-rows: calc( (63.125rem - 14px) / 12); } } }

@supports (display: grid) {
  .dnno-grid > * {
    display: initial;
    min-width: initial;
    max-width: initial;
    width: initial; }
    .dnno-grid > *.dnno-grid {
      display: grid; }
  [class*="dnno-grid__height-"] {
    height: unset;
    max-height: unset; } }

.dnno-grid > script {
  display: none; }

@font-face {
  font-family: 'Guardian Sans';
  src: url("../webfonts/GuardianSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Guardian Sans';
  src: url("../webfonts/GuardianSans-Medium-Web.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: 'Guardian Sans';
  src: url("../webfonts/GuardianSans-Bold-Web.woff") format("woff");
  font-weight: bold; }

@font-face {
  font-family: 'Guardian Sans';
  src: url("../webfonts/GuardianSans-RegularIt-Web.woff") format("woff");
  font-style: italic; }

@font-face {
  font-family: 'Guardian Sans Condensed';
  src: url("../webfonts/GuardianSans-Condensed-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Guardian Sans Condensed Bold';
  src: url("../webfonts/GuardianSans-Condensed-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Guardian Sans Black';
  src: url("../webfonts/GuardianSans-Black-Web.woff") format("woff");
  font-weight: bold; }

@font-face {
  font-family: 'Guardian Egyptian';
  src: url("../webfonts/GuardianTextEgyp-Regular-Web.woff") format("woff");
  font-weight: normal; }

@font-face {
  font-family: 'Guardian Egyptian';
  src: url("../webfonts/GuardianTextEgyp-Bold-Web.woff") format("woff");
  font-weight: bold; }

figure {
  margin: 0; }

main {
  display: block; }

h1,
h2,
h3,
h4,
h5,
p,
blockquote,
ul {
  margin: 0; }

body {
  font: normal 16px/16px "Guardian Egyptian", "Georgia", sans-serif;
  color: #272727; }

.h1 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 4px; }
  @media (min-width: 41.25em) {
    .h1 {
      font-size: 54px;
      line-height: 1;
      font-weight: bold;
      margin-bottom: 16px; } }

.h2 {
  font-family: "Guardian Egyptian", "Georgia", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0;
  margin-bottom: 4px; }
  @media (min-width: 41.25em) {
    .h2 {
      font-size: 24px;
      font-weight: 300;
      margin-bottom: 16px; } }

.h3 {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0; }
  @media (min-width: 41.25em) {
    .h3 {
      font-size: 18px;
      font-weight: bold; } }

.h4 {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  margin-bottom: 8px; }
  @media (min-width: 41.25em) {
    .h4 {
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 16px; } }

.svg--Menu-dims {
  width: 17px;
  height: 17px; }

.svg--arrow-dims {
  width: 11px;
  height: 14px; }

.svg--arrow-expand-dims {
  width: 11px;
  height: 6px; }

.svg--badges--breaking-dims {
  width: 142px;
  height: 23px; }

.svg--badges--breaking-inverse-dims {
  width: 142px;
  height: 23px; }

.svg--badges--d2-dims {
  width: 23px;
  height: 23px; }

.svg--badges--d2 + -dims {
  width: 39px;
  height: 23px; }

.svg--badges--dn + -dims {
  width: 47px;
  height: 23px; }

.svg--badges--dn-investor-dims {
  width: 29px;
  height: 24px; }

.svg--badges--dntv-dims {
  width: 47px;
  height: 23px; }

.svg--badges--investor-dims {
  width: 45px;
  height: 23px; }

.svg--badges--magasinet-dims {
  width: 23px;
  height: 23px; }

.svg--badges--magasinet + -dims {
  width: 39px;
  height: 23px; }

.svg--badges--smak-dims {
  width: 56px;
  height: 23px; }

.svg--badges--spesial-dims {
  width: 78px;
  height: 23px; }

.svg--badges--spesial--orange-dims {
  width: 78px;
  height: 23px; }

.svg--bell-dims {
  width: 18px;
  height: 19px; }

.svg--blabare-dims {
  width: 16px;
  height: 24px; }

.svg--bookmark-dims {
  width: 10px;
  height: 15px; }

.svg--burger-dims {
  width: 16px;
  height: 14px; }

.svg--check-dims {
  width: 16px;
  height: 12px; }

.svg--chevron-dims {
  width: 10px;
  height: 19px; }

.svg--circle-dot-dims {
  width: 11px;
  height: 11px; }

.svg--close-dims {
  width: 17px;
  height: 17px; }

.svg--dot-dims {
  width: 8px;
  height: 8px; }

.svg--double-arrow-dims {
  width: 19px;
  height: 20px; }

.svg--error-dims {
  width: 16px;
  height: 16px; }

.svg--expand-dims {
  width: 12px;
  height: 7px; }

.svg--facebook-dims {
  width: 10px;
  height: 20px; }

.svg--filter-dims {
  width: 23px;
  height: 18px; }

.svg--grid-view-dims {
  width: 27px;
  height: 16px; }

.svg--hairline--blabare-dims {
  width: 15px;
  height: 24px; }

.svg--hairline--bookmark-dims {
  width: 16px;
  height: 22px;
  stroke-width: 15px; }

.svg--hairline--chevron-dims {
  width: 9px;
  height: 19px; }

.svg--hairline--facebook-dims {
  width: 9px;
  height: 20px; }

.svg--hairline--like-dims {
  width: 21px;
  height: 20px; }

.svg--hairline--linkedin-dims {
  width: 14px;
  height: 17px; }

.svg--hairline--mail-dims {
  width: 17px;
  height: 12px; }

.svg--hairline--share-dims {
  width: 21px;
  height: 20px; }

.svg--hairline--twitter-dims {
  width: 20px;
  height: 17px; }

.svg--img-view-dims {
  width: 28px;
  height: 16px; }

.svg--like-dims {
  width: 22px;
  height: 21px; }

.svg--linkedin-dims {
  width: 15px;
  height: 17px; }

.svg--list-view-dims {
  width: 28px;
  height: 13px; }

.svg--logos--logo-dn-dims {
  width: 340px;
  height: 85px; }

.svg--logos--logo-dn-grunder-dims {
  width: 342px;
  height: 68px; }

.svg--logos--logo-dn-investor-dims {
  width: 82px;
  height: 15px; }

.svg--logos--logo-dn-investor-dark-dims {
  width: 286px;
  height: 48px; }

.svg--logos--logo-dn-investor-light-dims {
  width: 286px;
  height: 48px; }

.svg--logos--logo-dn-jobb-dims {
  width: 167px;
  height: 48px; }

.svg--logos--logo-dn-short-dims {
  width: 127px;
  height: 74px; }

.svg--logos--logo-dntv-dims {
  width: 116px;
  height: 40px; }

.svg--logos--logo-dntv-white-dims {
  width: 116px;
  height: 40px; }

.svg--mail-dims {
  width: 18px;
  height: 12px; }

.svg--pause-dims {
  width: 24px;
  height: 24px; }

.svg--pdf-dims {
  width: 18px;
  height: 24px; }

.svg--phone-dims {
  width: 18px;
  height: 18px; }

.svg--play-dims {
  width: 24px;
  height: 24px; }

.svg--screens-dims {
  width: 23px;
  height: 15px; }

.svg--search-dims {
  width: 19px;
  height: 19px; }

.svg--settings-dims {
  width: 20px;
  height: 20px; }

.svg--share-dims {
  width: 21px;
  height: 14px; }

.svg--share-arrow-dims {
  width: 21px;
  height: 14px; }

.svg--speechbubble-dims {
  width: 18px;
  height: 16px; }

.svg--sun-dims {
  width: 23px;
  height: 23px; }

.svg--timestamp-dims {
  width: 15px;
  height: 15px; }

.svg--twitter-dims {
  width: 16px;
  height: 13px; }

.svg--user-dims {
  width: 15px;
  height: 16px; }

.layout-article {
  padding-top: 5rem; }

.page-title {
  grid-column: 1 / span 2;
  padding: 24px 0 8px;
  display: flex;
  align-items: center; }
  @media (max-width: 41.249em) {
    .page-title {
      justify-content: space-between;
      padding: 16px 0 4px; }
      .page-title.dnno-padding--horizontal {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 41.25em) {
    .page-title {
      grid-column: 1 / span 12; } }

.page-title__h1 {
  display: inline-block;
  color: #008bd0;
  font-size: 24px;
  line-height: 1;
  margin: 0; }
  @media (min-width: 41.25em) {
    .page-title__h1 {
      font-size: 36px;
      padding-left: 16px; } }

.page-title__h1 + .button {
  margin-left: 16px; }

@media (max-width: 41.249em) {
  .page-title.page-title--with-icon {
    justify-content: flex-start; } }

.page-title--with-icon .page-title__h1 {
  padding-left: 8px; }

.page-title--with-icon__icon {
  width: calc(36px * 0.75);
  height: calc(36px * 0.75);
  fill: #008bd0; }
  @media (min-width: 41.25em) {
    .page-title--with-icon__icon {
      padding-left: 8px; } }

.tag {
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.5px;
  height: 24px;
  font: normal 14px/24px "Guardian Sans", "Helvetica", sans-serif;
  border-radius: 20px;
  padding: 0 14px;
  color: #008bd0;
  background-color: #effaff;
  border: 1px solid #effaff;
  transition: all 0.2s ease-in-out; }
  .tag:hover {
    background-color: #b6ddf5;
    border-color: #b6ddf5; }

.tag--small {
  height: 18px;
  font: normal 14px/18px "Guardian Sans", "Helvetica", sans-serif;
  border-radius: 12px;
  padding: 0 12px; }

.tag--d2 {
  color: #5d5d5d;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7; }
  .tag--d2:hover {
    background-color: #ababab;
    border-color: #ababab; }

.tag--video {
  color: #ff6027;
  background-color: #ffd7c8;
  border: 1px solid #ffd7c8; }
  .tag--video:hover {
    background-color: #ffaa89;
    border-color: #ffaa89; }

.tag--meninger {
  color: #008bd0;
  background-color: #effaff;
  border: 1px solid #008bd0; }
  .tag--meninger:hover {
    background-color: #b6ddf5;
    border-color: #008bd0; }

.tag--header {
  color: #fff;
  background-color: #008bd0;
  border-color: #008bd0; }

.tag--header:hover,
.tag--header:active,
.tag--header:focus {
  background-color: #5babda;
  border-color: #5babda; }

.button {
  width: auto;
  width: fit-content;
  padding: 0 12px;
  border-radius: 4px;
  font: 500 16px/ 34px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: 0.2s all ease-in-out;
  color: white;
  background-color: #008bd0;
  border: solid #008bd0 1px;
  display: inline-block; }
  .button:hover {
    cursor: pointer;
    opacity: 0.66; }
  .button:focus, .button:active {
    background-color: #006295;
    outline: none; }

.button--orange {
  background-color: #ff6027;
  border-color: #ff6027; }
  .button--orange:hover {
    opacity: 0.66; }
  .button--orange:focus, .button--orange:active {
    opacity: 1;
    background-color: #C23F0F;
    border-color: #C23F0F; }

.button--secondary {
  color: #008bd0;
  fill: #008bd0;
  background-color: transparent;
  border: solid #b6ddf5 1px; }
  .button--secondary:hover {
    background-color: #e1f4fc; }
  .button--secondary:focus, .button--secondary:active {
    background-color: #b6ddf5; }

.button--infobox {
  color: White;
  fill: White;
  background-color: #004f84;
  border: solid #004f84 1px; }
  .button--infobox:hover {
    background-color: #006295; }
  .button--infobox:focus, .button--infobox:active {
    background-color: #5babda; }

.button--infobox-disabled {
  pointer-events: none;
  background-color: #FFD7C8; }

.button--secondary-orange {
  color: #ff6027;
  background-color: transparent;
  border: solid #ff6027 1px; }
  .button--secondary-orange:hover {
    background-color: #FFEDE7;
    opacity: 1; }
  .button--secondary-orange:focus, .button--secondary-orange:active {
    background-color: #FFBEA7; }

.button--secondary-infobox {
  color: #004f84;
  fill: #004f84;
  border: solid #004f84 1px;
  background-color: transparent; }
  .button--secondary-infobox:hover {
    background-color: rgba(0, 79, 132, 0.25); }
  .button--secondary-infobox:focus, .button--secondary-infobox:active {
    background-color: rgba(0, 79, 132, 0.5); }

.button--secondary-infobox--disabled {
  pointer-events: none;
  border: 1px solid #FECCB9;
  fill: #FECCB9; }

.button__svg,
.button--secondary__svg,
.button--secondary-infobox__svg,
.button--secondary-orange__svg {
  vertical-align: middle;
  width: 18px;
  max-height: 34px; }

.button__svg {
  fill: #fff; }

.button--secondary__svg {
  fill: #008bd0; }

.button--secondary-orange__svg {
  fill: #ff6027; }

.button--secondary-infobox__svg {
  fill: #004f84; }

.button--small {
  line-height: 24px;
  font-size: 14px;
  padding: 0 8px; }

.button--small__svg {
  max-height: 24px;
  max-width: 14px;
  height: auto; }

.button--disabled {
  color: #ababab;
  background-color: #e7e7e7;
  border-color: #ababab;
  pointer-events: none; }

.button--inverse {
  color: white;
  background-color: transparent;
  border-color: #5babda; }
  .button--inverse:hover {
    background-color: rgba(255, 255, 255, 0.33); }
  .dnno-cookieInfo .button--inverse {
    border-color: #fff; }

.button--secondary--disabled {
  background-color: white; }

.button--secondary--inverse {
  color: white;
  background-color: transparent;
  border-color: #b6ddf5; }
  .button--secondary--inverse:hover {
    color: #008bd0;
    background-color: #e1f4fc; }
  .button--secondary--inverse:focus, .button--secondary--inverse:active {
    background-color: #b6ddf5; }

.button--inverse--disabled {
  color: #5babda;
  background-color: transparent;
  border-color: #5babda;
  pointer-events: none; }

.button__svg--L {
  margin-right: 4px; }

.button__svg--R {
  margin-left: 4px; }

.button__svg--list {
  fill: #ababab; }

.button__svg--L--tight {
  margin-right: 6px; }

.button--small .button__svg--L {
  margin-right: 4px; }

.button--icon-only {
  background-color: transparent;
  fill: #ababab;
  border-color: #ababab;
  height: 24px;
  padding: 0 6px; }
  .button--icon-only:hover {
    fill: #5d5d5d;
    border-color: #2f2f2f;
    background-color: #e7e7e7;
    color: #2f2f2f;
    opacity: 1; }
    .button--icon-only:hover .button__svg--list {
      fill: inherit; }
  .button--icon-only:focus, .button--icon-only:active {
    background-color: #e7e7e7; }

.button--icon-only--settings {
  background-color: transparent;
  padding: 0 6px;
  color: #008bd0;
  fill: #008bd0;
  border: solid #b6ddf5 1px; }
  .button--icon-only--settings:hover {
    background-color: #e1f4fc;
    opacity: 1; }
    .button--icon-only--settings:hover .button--icon-only__svg--settings {
      fill: inherit; }
  .button--icon-only--settings:focus, .button--icon-only--settings:active {
    background-color: #b6ddf5; }

.button--icon-only__svg {
  width: 24px;
  max-width: 24px;
  max-height: 22px;
  vertical-align: top; }

.button--icon-only__svg--settings {
  fill: #008bd0;
  vertical-align: middle;
  width: 24px;
  max-width: 24px;
  max-height: 16px; }

.button--icon-only--active {
  fill: #008bd0;
  border-color: #008bd0;
  pointer-events: none; }
  .button--icon-only--active .button__svg--list {
    fill: inherit; }

.button--wide {
  width: 100%; }

.button--dark-blue {
  background-color: #006295;
  border-color: #006295; }

.button--ghost {
  box-sizing: border-box;
  display: inline-flex;
  align-self: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  font: 500 16px/34px "Guardian Sans", "Helvetica", sans-serif;
  color: white;
  fill: white;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  transition-property: border-color, background-color;
  outline: 0;
  border-color: white;
  background-color: transparent; }

.button--ghost:hover,
.button--ghost:active,
.button--ghost:focus {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1; }

.button--infobox-expand.is-expanded .button__svg {
  transform: rotateX(180deg); }

.button--small-desktop-large-mobile {
  width: auto;
  width: fit-content;
  padding: 0 12px; }
  @media (min-width: 41.25em) {
    .button--small-desktop-large-mobile {
      line-height: 24px;
      font-size: 14px;
      padding: 0 8px; } }

.button-circle {
  border: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  background-color: transparent; }
  .button-circle:hover {
    cursor: pointer; }
    .button-circle:hover .button-circle__icon {
      background-color: #e1f4fc; }
      .button-circle:hover .button-circle__icon-selected {
        background-color: #b6ddf5; }
  .button-circle:focus, .button-circle:active {
    outline: none; }

.button-circle__icon {
  border-radius: 20px;
  border: 1px solid #b6ddf5;
  width: 38px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  display: flex;
  transition: all 0.2s ease-in-out; }
  .button-circle__icon-selected {
    background-color: #b6ddf5; }

.button-circle__svg {
  margin: 0 auto;
  align-self: center;
  fill: #008bd0; }
  .button-circle__svg.svg--hairline--bookmark-dims {
    transition: all 0.2s ease-in-out;
    fill: #fff; }
    @media (min-width: 41.25em) {
      .button-circle:hover .button-circle__svg.svg--hairline--bookmark-dims {
        fill: #e1f4fc; } }
    .button-circle__icon-selected .button-circle__svg.svg--hairline--bookmark-dims {
      fill: #b6ddf5; }

.button-circle--label {
  height: 65px; }
  .button-circle--label:hover .button-circle--label__span {
    text-decoration: underline; }

.button-circle--label__span {
  width: 100%;
  text-align: center;
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0;
  transition: 0.2s all ease-in-out; }
  @media (min-width: 41.25em) {
    .button-circle--label__span {
      line-height: 18px; } }

.button-circle--disabled {
  color: #ababab;
  pointer-events: none; }

.button-circle--disabled__icon {
  border-color: #ababab; }

.button-circle--disabled__span {
  color: #ababab; }

.button-circle--disabled__svg {
  fill: #ababab; }

.button__thumb-down {
  transform: rotate(180deg); }

.button__thumb-down--svg,
.button__thumb-up--svg {
  transform: translateY(-2px); }

.button-circle--siste:hover .button-circle--siste__icon {
  background-color: #b6ddf5; }

.button-circle--siste:active .button-circle--siste__icon {
  background-color: #5babda;
  border-color: #5babda; }

.button-circle--siste:active .button-circle--siste__svg {
  fill: white; }

.button-circle--siste__icon {
  border-radius: 50%;
  width: 25px;
  height: 25px; }

.button-circle--siste__svg {
  width: 11px;
  color: #006295; }

.button-x {
  border: none;
  padding: 0;
  background: transparent;
  transition: 0.2s all ease-in-out; }
  .button-x:hover {
    cursor: pointer;
    opacity: 0.5; }
  .button-x:active {
    opacity: 0.75; }

.button-x__svg {
  fill: #2f2f2f; }

.button-x--carousel {
  padding: 8px 8px 4px 8px;
  width: 34px;
  height: 34px;
  border: 1px solid white;
  border-radius: 4px; }
  .button-x--carousel .button-x__svg {
    fill: white; }
  .button-x--carousel:hover {
    opacity: 1;
    background: #5d5d5d; }
  .button-x--carousel:active {
    background: #828282; }

.submit-button {
  width: auto;
  width: fit-content;
  padding: 0 12px;
  border-radius: 4px;
  font: 500 16px/34px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: 0.2s all ease-in-out;
  color: white;
  background-color: transparent;
  border: 1px solid white; }
  .submit-button:hover {
    cursor: pointer;
    background-color: #e1f4fc;
    color: #008bd0; }
  .submit-button:focus, .submit-button:active {
    background-color: #b6ddf5;
    color: #008bd0; }
  .submit-button:active {
    outline: none; }

.submit-button--footer {
  color: white;
  background-color: transparent;
  border-color: white; }
  .submit-button--footer:focus, .submit-button--footer:active {
    background-color: #006295; }

.submit-button--inverse {
  color: white;
  background-color: transparent;
  border-color: #5babda; }
  .submit-button--inverse:hover {
    background-color: rgba(255, 255, 255, 0.33); }

.submit-button--inverse--disabled {
  color: #5babda;
  background-color: transparent;
  border-color: #5babda;
  pointer-events: none; }

.tags-group {
  overflow: auto;
  width: auto; }

.tags-group__tag + .tags-group__button {
  margin: 0;
  clear: left;
  float: left; }
  @media (min-width: 41.25em) {
    .tags-group__tag + .tags-group__button {
      float: none;
      clear: none; } }

.tags-group__tag {
  float: left;
  margin: 0 8px 8px 0; }
  @media (min-width: 41.25em) {
    .tags-group__tag {
      float: none;
      margin-bottom: 0; } }

@media (min-width: 41.25em) {
  .tags-group--notification__tag {
    margin-bottom: 8px; } }

.infobox {
  grid-column: 1 / span 2;
  padding: 16px;
  box-shadow: 0 1px 0 0 #004f84;
  color: #004f84;
  background-color: #fff0eb;
  height: auto;
  clear: both; }
  @media (min-width: 41.25em) {
    .infobox {
      margin-left: auto;
      margin-right: auto;
      grid-column: 3 / span 8; } }
  .infobox p {
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 24px; }
  .infobox ul {
    margin: 8px 0;
    font: normal 16px/24px "Guardian Sans", "Helvetica", sans-serif;
    padding-left: 24px; }
  .infobox li {
    padding-left: 0;
    margin-bottom: 8px; }
    @media (min-width: 41.25em) {
      .infobox li {
        padding-left: 8px; } }

@media (min-width: 41.25em) {
  .infobox--narrow {
    width: 46%;
    min-width: 0;
    display: inline-block;
    clear: none; } }

@media (min-width: 61.375em) {
  .infobox--narrow {
    width: 48%; } }

.infobox__title {
  width: 100%;
  margin-bottom: 16px;
  line-height: 18px; }
  @media (min-width: 41.25em) {
    .infobox__title {
      float: left;
      width: auto; } }
  .infobox__title span {
    font-weight: bold; }

.infobox--narrow__title {
  display: inline-block;
  width: auto; }

.infobox__image {
  grid-column: 1 / span 2;
  width: 100%;
  margin: 0; }
  @media (min-width: 41.25em) {
    .infobox__image {
      float: right;
      max-width: 250px;
      margin: 0 0 16px 16px; } }
  .infobox__image img {
    width: 100%; }

@media (min-width: 41.25em) {
  .infobox--narrow__image {
    max-width: 42.5%; } }

.infobox__text {
  clear: left;
  overflow-wrap: break-word;
  hyphens: auto; }
  .infobox__text div {
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px; }

.infobox__image + .infobox__text {
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .infobox__image + .infobox__text {
      margin-top: 0; } }

.infobox__content {
  grid-column: 1 / span 2;
  height: 300px;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
  will-change: auto;
  display: block; }
  .infobox__content p {
    margin-bottom: 8px; }
  @media (min-width: 41.25em) {
    .infobox__content {
      grid-column: 1 / span 8;
      height: 140px; } }

.infobox--narrow__content {
  height: 80px; }

.infobox__footer {
  grid-column: 1 / span 2;
  padding-top: 8px;
  width: 100%;
  display: block; }
  @media (min-width: 41.25em) {
    .infobox__footer {
      grid-column: 1 / span 8; } }

.is-expanded .infobox__content {
  height: auto !important; }

.proff-box {
  grid-column: 1 / span 2;
  padding: 16px;
  box-shadow: 0 1px 0 0 #004f84;
  color: #004f84;
  background-color: #fff0eb;
  height: auto;
  clear: both; }
  @media (min-width: 61.375em) {
    .proff-box {
      margin-left: auto;
      margin-right: auto;
      grid-column: 3 / span 8; } }
  .article-body .proff-box a {
    color: #004f84;
    text-decoration: none; }

.proff-box__title + .proff-box__content {
  margin-top: 8px; }
  @media (min-width: 61.375em) {
    .proff-box__title + .proff-box__content {
      margin: 0; } }

.proff-box__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  grid-column: 1 / span 2; }
  @media (min-width: 61.375em) {
    .proff-box__content {
      flex-direction: row; } }

.proff-box__content > .proff-box__text {
  margin-bottom: 0; }

.proff-box__text {
  grid-column: 1 / span 2;
  margin-top: 16px; }
  .proff-box__text p {
    margin-bottom: 16px; }
  @media (min-width: 61.375em) {
    .proff-box__text {
      grid-column: 1 / span 8;
      width: 200px;
      order: 1;
      margin: 0; } }

.proff-box__chart {
  grid-column: 1 / span 2;
  width: 100%;
  margin: 0;
  line-height: 0;
  min-height: 1px; }
  @media (min-width: 61.375em) {
    .proff-box__chart {
      max-width: 365px;
      order: 2;
      margin-left: 16px; } }

.proff-box__title {
  display: inline-block;
  width: 100%;
  font: bold 18px/18px "Guardian Sans Black", "Helvetica", sans-serif;
  text-transform: uppercase;
  grid-column: 1 / span 2; }
  @media (min-width: 61.375em) {
    .proff-box__title {
      grid-column: unset; } }

.proff-box__title-1 {
  display: inline-block; }
  @media (min-width: 61.375em) {
    .proff-box__title-1 {
      display: none; } }

.proff-box__title-2 {
  display: none; }
  @media (min-width: 61.375em) {
    .proff-box__title-2 {
      display: inline-block;
      margin-bottom: 16px; } }

.proff-box__image {
  display: block;
  width: 100%;
  height: 250px; }

.proff-box__caption {
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif;
  color: #666;
  letter-spacing: 0.5px; }

.proff-box__image + .proff-box__caption {
  margin-top: 8px; }

.proff-box__image + .proff-box__text {
  margin-top: 16px; }
  @media (min-width: 61.375em) {
    .proff-box__image + .proff-box__text {
      margin-top: 0; } }

.proff-box__header {
  width: 100%;
  color: #666;
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.5px;
  line-height: 20px;
  border-bottom: 1px solid rgba(0, 79, 132, 0.5); }

.proff-box__button {
  font-weight: normal; }

.proff-box__button + .proff-box__header {
  margin-top: 16px; }

.proff-box__button + .proff-box__kilde {
  margin-top: 12px; }

.proff-box__name {
  font: normal 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px;
  color: #004f84;
  margin: 8px 0; }
  .proff-box__name span:first-child {
    text-transform: capitalize; }

.proff-box__kilde {
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif;
  color: #666;
  letter-spacing: 0.5px; }
  .proff-box__kilde a {
    color: #006295;
    text-decoration: none; }

.article-body .proff-box__kilde a {
  color: #006295; }

.servicebox {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #E8E7E4;
  box-shadow: none;
  color: #004f84;
  padding: 10px 16px 16px 16px; }
  .servicebox:before {
    position: absolute;
    content: '';
    width: 8px;
    display: block;
    background-color: #d8d7d2;
    top: 0;
    left: 0;
    height: 100%; }

.servicebox--icon {
  display: flex; }

.servicebox--icon__icon {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #effaff;
  margin: 0 8px; }

.servicebox--icon__icon-svg {
  fill: #008bd0;
  width: 57.5%;
  flex: 1; }

.servicebox__title {
  font: normal 24px/30px "Guardian Sans", "Helvetica", sans-serif; }

.servicebox__copy {
  font: normal 18px/21px "Guardian Sans", "Helvetica", sans-serif; }

.servicebox__title + .servicebox__copy,
.servicebox__copy + .servicebox__button {
  margin-top: 8px; }

.servicebox__title,
.servicebox__copy {
  display: block;
  margin-left: 8px; }

.servicebox__button {
  margin-left: 8px;
  margin-top: 8px; }
  .servicebox .servicebox__button {
    color: #FFF; }

.figure--header {
  grid-column-start: span 2; }
  @media (min-width: 41.25em) {
    .figure--header {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .figure--header {
      grid-column: 2 / span 10; } }

.figure--main-content {
  margin-left: auto;
  margin-right: auto;
  grid-column-start: span 2; }
  @media (min-width: 41.25em) {
    .figure--main-content {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .figure--main-content {
      grid-column: 2 / span 10; } }

.figure__image {
  width: calc(100% + 30px);
  max-width: calc(100% + 30px);
  height: auto;
  margin-bottom: 8px;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .figure__image {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .figure__image {
      max-width: 100%;
      width: 100%;
      grid-column: 1 / span 10; } }

.figure__caption {
  position: relative;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #828282;
  grid-column: 1 / span 2;
  letter-spacing: 0.5px;
  display: block; }
  @media (min-width: 41.25em) {
    .figure__caption {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .figure__caption {
      grid-column: 1 / span 10; } }
  @media (max-width: 61.374em) {
    .figure__caption--collapsed:not(.is-expanded):not(.figure__dntv-caption) {
      max-height: 38px;
      overflow: hidden; } }

.figure__morebutton {
  display: none;
  color: #008bd0; }
  .figure__morebutton:hover {
    text-decoration: none; }
  @media (max-width: 61.374em) {
    .figure__morebutton {
      position: absolute;
      top: 20px;
      right: 0;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 30%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 30%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 30%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */
      cursor: pointer;
      padding-left: 20px; }
      .figure__morebutton--show {
        display: block; } }
  @media (max-width: 41.249em) {
    .figure__morebutton {
      top: 18px; } }

.figure--left {
  display: inline-block;
  float: left;
  width: 50%;
  clear: left;
  margin-bottom: 16px; }
  @media (min-width: 41.25em) {
    .figure--left {
      width: calc(3/10 * 100%);
      margin-right: 7.5px; } }

.figure--left__image {
  margin-top: 6px;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0; }

.monetization {
  grid-column-start: span 2;
  justify-items: end;
  margin-top: 16px;
  margin-bottom: 16px; }
  @media (min-width: 41.25em) {
    .monetization {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .monetization {
      grid-column: 2 / span 10; } }
  @supports (display: grid) {
    .monetization {
      min-width: 0; } }

.monetization__container {
  max-width: 100vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .monetization__container {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .monetization__container {
      float: right;
      width: 100%;
      max-width: 300px;
      height: 600px;
      grid-column: 1 / span 4;
      margin: 0; } }

@media (min-width: 41.25em) {
  .monetization--wrap-right {
    float: right;
    width: calc(4/10 * 100%);
    margin-bottom: 16px;
    margin-left: 15px; } }

@media (max-width: 41.249em) {
  .dnno-footer-ad {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 41.25em) {
  .dnno-footer-ad {
    margin: 0 7px; } }

.dnno-footer-ad .dn-dfp-container {
  padding: 16px 0; }

.startupmatcher-container {
  margin: 16px 0; }
  @media (min-width: 41.25em) {
    .startupmatcher-container {
      width: 300px;
      float: right;
      padding-top: 12px;
      margin-left: 16px; } }
  .article-body .startupmatcher-container .inline-ad__label:not(.is-hidden) {
    margin-bottom: 8px; }
    @media (min-width: 41.25em) {
      .article-body .startupmatcher-container .inline-ad__label:not(.is-hidden) {
        display: none; } }

.blockquote {
  height: auto;
  border-left: 2px solid #008bd0; }
  @media (max-width: 41.249em) {
    .blockquote {
      padding: 0; } }

.blockquote__cite {
  font-style: normal; }

.blockquote__quot {
  font: italic 16px/24px "Guardian Sans", "Helvetica", sans-serif;
  color: #333; }
  @media (min-width: 41.25em) {
    .blockquote__quot {
      font-size: 18px;
      line-height: 30px; } }

.blockquote__attrib {
  font: normal 14px/26px "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0;
  margin-top: 4px; }
  @media (min-width: 41.25em) {
    .blockquote__attrib {
      line-height: 18px; } }

.blockquote--maincontent {
  margin-left: auto;
  margin-right: auto;
  grid-column-start: span 2;
  padding-left: 16px;
  clear: both; }
  @media (min-width: 41.25em) {
    .blockquote--maincontent {
      grid-column: 3 / span 8;
      padding-left: 32px; } }

.badge-tag {
  display: flex;
  align-items: center; }

.badge-tag__badge + .badge-tag__tag {
  margin-left: 8px; }

.like-buttons {
  width: 100%;
  overflow: auto;
  color: #008bd0; }
  .like-buttons .button-circle {
    float: left; }
  .like-buttons .button-circle + .button-circle,
  .like-buttons .button-circle + div {
    margin-left: 4px; }
  .like-buttons .button-circle + div {
    margin-left: 8px; }

.like-buttons__label {
  display: inline-block;
  float: left;
  height: 42px;
  font: normal 16px/42px "Guardian Sans", "Helvetica", sans-serif; }

.logo-dn {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

.page-tools {
  grid-column: 1 /span 2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  height: auto; }
  @media (min-width: 41.25em) {
    .page-tools {
      grid-column: 1 /span 12; } }
  @media (min-width: 41.25em) {
    .page-tools {
      position: absolute;
      flex-direction: column;
      justify-content: start;
      width: 60px;
      top: 0;
      left: 12px; } }
  @media (max-width: 41.249em) {
    .page-tools__del-active ~ .button-circle--pagetools {
      display: flex;
      margin: 0; } }

.page-tools--sticky {
  position: fixed; }

.button-circle--pagetools {
  display: none;
  align-items: center;
  margin: 0 auto; }
  @media (max-width: 41.249em) {
    .button-circle--pagetools {
      width: auto;
      padding: 5px; }
      .button-circle--pagetools:hover .button-circle__icon {
        background: none; }
      .button-circle--pagetools:hover .button-circle--label__span {
        text-decoration: none; } }
  @media (min-width: 41.25em) {
    .button-circle--pagetools {
      display: inline-block; } }

.button-circle--label--pagetools {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  width: auto;
  margin: 0; }
  @media (min-width: 41.25em) {
    .button-circle--label--pagetools {
      display: inline-block; } }

@media (min-width: 41.25em) {
  .button-circle--pagetools + .button-circle--pagetools {
    margin-top: 16px; } }

@media (max-width: 41.249em) {
  .button-circle--pagetools__icon {
    background-color: transparent;
    display: inline-block;
    border-color: transparent;
    border: none;
    height: auto;
    width: auto;
    margin: 0; } }

@media (min-width: 41.25em) {
  .button-circle--pagetools__icon {
    display: flex; } }

.button-circle--pagetools__span {
  width: auto;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .button-circle--pagetools__span {
      margin-left: 0; } }

@media (min-width: 41.25em) {
  .button__del {
    display: none; } }

.page-tools--horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media (min-width: 61.375em) {
    .page-tools--horizontal {
      padding-right: 16px;
      border-right: 1px solid #008bd0; } }
  .page-tools--horizontal .button-circle__icon {
    border-radius: 20px;
    border: 1px solid #b6ddf5;
    width: 38px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    display: flex;
    transition: all 0.2s ease-in-out; }
  .page-tools--horizontal .button-circle--pagetools {
    display: block; }
  .page-tools--horizontal .button-circle--pagetools span {
    display: none; }
  .page-tools--horizontal .button-circle--pagetools + .button-circle--pagetools {
    margin: 0; }
    @media (min-width: 41.25em) {
      .page-tools--horizontal .button-circle--pagetools + .button-circle--pagetools {
        margin: 0 0 0 8px; } }
  .page-tools--horizontal .button-circle--pagetools-blabare {
    display: none; }

.page-tools--carousel {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  height: auto;
  bottom: 12px;
  right: 12px; }
  @media (min-width: 41.25em) {
    .page-tools--carousel {
      position: relative;
      flex-direction: row;
      width: 150px;
      min-width: 150px;
      bottom: unset;
      right: unset; } }
  @media (min-width: 61.375em) {
    .page-tools--carousel {
      border: none; } }
  .page-tools--carousel .button-circle__icon {
    background: #2f2f2f;
    border-color: white; }
    .page-tools--carousel .button-circle__icon:hover {
      background: #5d5d5d; }
  @media (max-width: 41.249em) {
    .page-tools--carousel .button-circle--pagetools-carousel:hover .button-circle__icon {
      background: #5d5d5d; } }
  .page-tools--carousel .button-circle--pagetools__svg {
    fill: white; }

@media (min-width: 41.25em) {
  .page-tools--horizontal .button-circle--pagetools-carousel--share {
    display: none; } }

.search-field {
  display: flex;
  color: #fff;
  fill: #fff;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px; }

.search-field__button {
  flex-shrink: 0;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  border: none;
  color: inherit;
  line-height: normal;
  background-color: #008bd0;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  outline: 0; }

.search-field__button:hover,
.search-field__button:active,
.search-field__button:focus {
  background-color: #5babda; }

.search-field--default .search-field__button {
  margin-left: 12px;
  padding-right: 32px;
  padding-left: 32px;
  border-radius: 4px; }

.search-field--compact .search-field__button {
  padding-right: 16px;
  padding-left: 16px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.search-field__icon {
  width: 20px;
  height: 20px; }

/*
 * 1. Removes additional browser styling
 */
.search-field__input {
  flex-grow: 1;
  font-family: inherit;
  border: none;
  font-size: 18px;
  background-color: #fff;
  color: #5d5d5d;
  outline: none;
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  /* 1 */
  appearance: none; }

.search-field--default .search-field__input {
  height: 38px;
  padding: 8px 12px;
  border-radius: 4px; }

.search-field--compact .search-field__input {
  height: 40px;
  padding: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

/*
 * 1. Removes webkit yellow autofill background
 */
.search-field__input:-webkit-autofill {
  box-shadow: 0 0 0 500px white inset;
  /* 1 */ }

/*
 * 1. Removes webkit mobile UI elements
 */
.search-field__input::-webkit-search-decoration,
.search-field__input::-webkit-search-cancel-button,
.search-field__input::-webkit-search-results-button,
.search-field__input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  /* 1 */ }

.edition {
  color: inherit;
  text-decoration: none;
  display: block; }

.edition[href]:hover,
.edition[href]:active,
.edition[href]:focus {
  text-decoration: underline;
  outline: 0; }

.edition__title {
  font: 500 16px/1.15 "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px; }

.edition--small .edition__title {
  font-size: 14px; }

.edition--title-above .edition__title {
  margin-bottom: 10px; }

.edition--title-below .edition__title {
  margin-top: 8px; }

.edition__cover-wrap {
  display: inline-block;
  background-color: #2f2f2f; }

.edition__cover {
  display: block;
  height: 161px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  transition: opacity .2s ease-in-out; }

.edition--sidebar__cover {
  height: auto;
  width: 100%; }

.edition[href]:hover .edition__cover,
.edition[href]:active .edition__cover,
.edition[href]:focus .edition__cover {
  opacity: 0.75; }

/* Dagens Avis */
.edition--dagens-avis {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: auto; }
  @media (min-width: 41.25em) {
    .edition--dagens-avis {
      grid-column: span 3; }
      .edition--dagens-avis:nth-child(n+5) {
        margin-top: 16px; } }
  @media (max-width: 41.249em) {
    .edition--dagens-avis {
      width: calc(100% - 8px); }
      .edition--dagens-avis.dnno-padding--horizontal {
        padding-left: 0;
        padding-right: 0; }
      .edition--dagens-avis:nth-of-type(even) {
        margin-left: 8px; } }

@media (max-width: 41.249em) {
  .edition--dagens-avis:nth-child(n+3) .edition--dagens-avis__figure {
    margin-top: 8px; } }

.edition--dagens-avis__start-month {
  font: normal 16px/20px "Guardian Sans Black", "Helvetica", sans-serif;
  letter-spacing: 0.6px;
  color: #008bd0; }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .edition--dagens-avis__start-month {
      font-size: 18px; } }
  @media (min-width: 61.375em) {
    .edition--dagens-avis__start-month {
      font-size: 24px;
      line-height: 29px; } }

.edition--dagens-avis__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font: 500 14px/19px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.4px;
  color: #828282;
  height: 48px; }
  @media (min-width: 41.25em) {
    .edition--dagens-avis__title {
      font-size: 16px; } }

.edition--dagens-avis__cover-wrap {
  display: inline-block;
  transition: opacity 0.2s ease-in-out; }
  @media (max-width: 41.249em) {
    .edition--dagens-avis__cover-wrap {
      width: 100%; } }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .edition--dagens-avis__cover-wrap {
      width: 145px;
      height: 200px; } }
  .edition--dagens-avis__cover-wrap:hover {
    opacity: 0.75; }

.edition--dagens-avis__cover {
  display: block;
  max-width: 100%;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  transition: opacity .2s ease-in-out; }

.edition--dagens-avis__title + .edition--dagens-avis__cover-wrap {
  margin-top: 6px; }

.edition--dagens-avis__start-month + .edition--dagens-avis__date {
  margin-top: 4px; }

.edition--dagens-avis__date--current {
  font-weight: bold; }

.edition-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: -16px;
  /*justify-content: space-between; LAN-1924: Will enable when new Dagen avis manu design implement*/ }

.edition-list__item {
  box-sizing: content-box;
  padding-right: 12px;
  /*LAN-1924: Will remove when new Dagen avis manu design implement*/
  padding-top: 16px;
  max-width: 80px; }
  @media (min-width: 61.375em) {
    .edition-list__item {
      max-width: 90px; } }

.edition-list .edition__cover {
  height: 99px; }

.edition-list--arkiv {
  width: 540.5px; }

.section-title {
  color: inherit;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 2px; }
  .page-leseliste .section-title {
    color: #006295;
    border: none;
    padding-bottom: 8px; }
    @media (min-width: 41.25em) {
      .page-leseliste .section-title {
        padding-right: 16px; } }

.section-title__link {
  color: inherit;
  text-decoration: none;
  outline: 0; }

.section-title__link:hover,
.section-title__link:active,
.section-title__link:focus {
  text-decoration: underline; }

.section-title--edition-list {
  margin: 0 16px; }

.horizontal-link-list {
  display: flex; }
  @media (min-width: 41.25em) {
    .page-leseliste .horizontal-link-list {
      margin: 0 7px; } }
  @media (max-width: 41.249em) {
    .horizontal-link-list.dnno-padding--horizontal {
      padding: 0 0 15px; } }

.horizontal-link-list__title {
  flex-shrink: 0;
  white-space: nowrap; }

.horizontal-link-list__title + .horizontal-link-list__content {
  padding-left: 16px; }
  .page-leseliste .horizontal-link-list__title + .horizontal-link-list__content {
    padding: 0; }

.horizontal-link-list__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  line-height: 24px;
  margin-top: -8px;
  margin-left: -8px; }

.horizontal-link-list__list-item {
  margin-bottom: 0;
  margin-top: 8px;
  margin-left: 16px; }

.horizontal-link-list__link {
  text-decoration: none;
  color: #D9EDF6; }

.horizontal-link-list__link:hover,
.horizontal-link-list__link:active,
.horizontal-link-list__link:focus {
  text-decoration: underline; }

.toggle__button[aria-expanded=true] {
  background-color: #5babda;
  color: #fff; }

.toggle__panel {
  max-height: 100%;
  overflow: hidden; }

.toggle__panel[hidden] {
  max-height: 0; }

.filter {
  width: 100%; }

.filter__wrap {
  background: #fff;
  border-bottom: 1px solid #008bd0;
  padding: 16px; }

.filter__base {
  display: flex; }

.filter__advanced-toggle {
  min-width: 140px; }

.filter__advanced {
  display: none;
  margin-top: 16px; }

.filter__advanced.is-expanded {
  display: flex; }

.filter__advanced .select-dropdown {
  flex-basis: 0;
  flex-grow: 1; }

.filter__advanced .select-filter {
  flex-basis: 0;
  flex-grow: 1.2486; }

.filter__base .input-field--simple,
.filter__base .button:not(.button--secondary),
.filter__advanced .select-dropdown,
.filter__advanced .select-filter {
  margin-right: 8px; }

.filter__base .button,
.filter__advanced .button {
  white-space: nowrap; }

.widget-popular {
  display: flex;
  width: 100%; }

.widget-popular--css-grid {
  display: flex;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .widget-popular--css-grid {
      grid-column: 1 / span 12; } }

.widget-popular__wrap {
  height: auto;
  padding: 16px;
  width: 100%;
  display: block; }
  @media (max-width: 41.249em) {
    .widget-popular__wrap.dnno-padding--left, .widget-popular__wrap.dnno-padding--right {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .widget-popular__wrap {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: white;
      box-shadow: 0 1px 0 0 #008bd0; } }

.widget-popular__title {
  display: inline-block;
  font: bold 16px/16px "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0;
  text-transform: uppercase;
  margin-left: 16px; }
  @media (min-width: 41.25em) {
    .widget-popular__title {
      margin-left: 0; } }

.widget-popular__tags-group {
  margin-left: auto;
  background-color: white;
  box-shadow: 0 1px 0 0 #008bd0;
  padding: 16px 16px 8px 16px; }
  @media (min-width: 41.25em) {
    .widget-popular__tags-group {
      background-color: transparent;
      box-shadow: none;
      padding: 0; } }
  .widget-popular__tags-group .tags-group__tag:last-child {
    margin: 0 0 8px 0; }
    @media (min-width: 41.25em) {
      .widget-popular__tags-group .tags-group__tag:last-child {
        margin: 0; } }

.widget-popular__title + .widget-popular__tags-group {
  margin-top: 8px; }
  @media (min-width: 41.25em) {
    .widget-popular__title + .widget-popular__tags-group {
      margin-top: 0; } }

.widget-proff-search {
  display: block;
  width: 100%; }
  @media (min-width: 41.25em) {
    .widget-proff-search {
      display: flex;
      align-items: center; } }

.widget-proff-search__heading {
  font: normal 18px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  color: #5d5d5d;
  margin: 0;
  flex-shrink: 0; }

.widget-proff-search__form {
  display: flex;
  flex: 1;
  margin-top: 8px; }
  @media (min-width: 41.25em) {
    .widget-proff-search__form {
      max-width: none;
      margin-left: 32px;
      margin-top: 0; } }

.widget-proff-search__input {
  max-width: 75%; }
  @media (min-width: 41.25em) {
    .widget-proff-search__input {
      max-width: none;
      margin-top: 0; } }

.widget-proff-search__button {
  height: auto;
  margin-left: 16px;
  min-width: 75px; }

.widget-ticker {
  width: 100%;
  max-width: 350px;
  display: flex;
  padding: 0 8px; }

.jobb-highlight,
.jobb-highlight--mobile {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 #008bd0; }

.jobb-highlight {
  max-width: 980px;
  padding: 10px; }

.jobb-highlight--mobile {
  max-width: 320px;
  padding: 10px 0; }

.jobb-highlight__header {
  width: 100%;
  display: flex;
  justify-content: flex-start; }

.jobb-highlight__intro {
  display: flex;
  align-items: baseline;
  margin-top: 4px; }

.jobb-highlight__logo {
  width: 80px;
  height: 24px; }

.jobb-highlight__title {
  color: #008bd0;
  font: bold 18px/24px "Guardian Sans", "Helvetica", sans-serif; }

.jobb-highlight__logo + .jobb-highlight__title {
  margin: 0 0 0 16px; }

.jobb-highlight__buttons {
  margin-left: auto; }

.jobb-highlight__button + .jobb-highlight__button {
  margin-left: 8px; }

.jobb-highlight__link {
  width: 100%;
  margin-top: 8px; }

/* Mobile Variant */
.jobb-highlight--mobile {
  max-width: 320px;
  padding: 10px 0; }

.jobb-highlight--mobile__header {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
  box-sizing: border-box; }

.jobb-highlight--mobile__image {
  width: 100%;
  display: block; }

.jobb-highlight__link + .jobb-highlight--mobile__button {
  margin: 10px auto 0 auto;
  max-width: calc(100% - 2 * 10px); }

.article-author {
  grid-column: 1 / span 2;
  font: normal 16px/24px "Guardian Sans", "Helvetica", sans-serif; }
  @media (min-width: 41.25em) {
    .article-author {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .article-author {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      grid-column: 3 / span 8;
      font-size: 18px; }
      @supports (display: grid) {
        .article-author {
          display: grid;
          margin-left: 0;
          margin-right: 0; } } }
  .article-author__separator--comma {
    margin-left: -2px; }

.article-author__info {
  display: flex;
  grid-column: 1 / span 2;
  border-bottom: 1px solid #008bd0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 8px; }
  @media (min-width: 41.25em) {
    .article-author__info {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .article-author__info {
      grid-column: 1 / span 8;
      padding-bottom: 24px; } }

.article-author__name {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
  float: none;
  color: #008bd0;
  font-weight: bold; }

.article-author__link {
  text-decoration: none;
  color: #008bd0;
  font-weight: bold; }
  .article-author__link:hover {
    text-decoration: underline; }

.article-author--developing__info {
  border-color: #ff6027; }

.article-author--developing__name {
  color: #ff6027; }

.article-author__follow {
  margin-left: 0.5rem; }

.article-author--meninger__follow {
  width: 125px;
  width: fit-content;
  margin-top: 4px;
  margin-left: 0;
  order: 2; }
  @media (min-width: 41.25em) {
    .article-author--meninger__follow {
      margin-top: 0;
      margin-left: 0.5rem;
      float: left; } }

.article-author-meninger-multiple__name {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
  float: none;
  color: #666;
  font-weight: normal; }

.author--meninger__author {
  grid-column: 1 / span 2;
  font: normal 16px/20px "Guardian Sans", "Helvetica", sans-serif;
  height: 110px;
  border-bottom: 0;
  margin: 16px auto 0 auto; }
  @media (min-width: 41.25em) {
    .author--meninger__author {
      grid-column: 2 / span 10; } }
  @media (min-width: 41.25em) {
    .author--meninger__author {
      height: 140px;
      margin-left: auto;
      margin-right: auto;
      display: flex; }
      @supports (display: grid) {
        .author--meninger__author {
          display: grid; } } }
  @media (max-width: 41.249em) {
    .author--meninger__author.dnno-padding--horizontal {
      padding-left: 0;
      padding-right: 0; } }

.author--meninger__wrap {
  grid-column: 1 / span 10;
  box-shadow: 0 -1px 0 0 #aad5f4;
  background-color: #ecf9ff;
  height: 110px; }
  @media (min-width: 41.25em) {
    .author--meninger__wrap {
      height: 140px; } }

.author--meninger__info {
  display: flex; }

.author--meninger__info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 8px;
  left: 16px; }
  @media (min-width: 41.25em) {
    .author--meninger__info-wrap {
      display: block;
      top: 16px;
      left: 32px; } }

.author--meninger__withimage {
  left: 118px; }
  @media (min-width: 41.25em) {
    .author--meninger__withimage {
      left: 150px; } }

.author--meninger__name {
  display: inline-block;
  float: left;
  margin: 0;
  color: #008bd0;
  text-decoration: none;
  font-weight: bold; }
  @media (min-width: 41.25em) {
    .author--meninger__name {
      font-size: 18px;
      line-height: 26px; } }

.author--meninger__follow {
  display: none; }
  @media (min-width: 41.25em) {
    .author--meninger__follow {
      display: inline-block; } }

.author--meninger__title {
  float: left;
  clear: both;
  color: #828282;
  font-size: 16px;
  line-height: 19px;
  margin-top: 4px; }
  @media (min-width: 41.25em) {
    .author--meninger__title {
      font-size: 18px;
      line-height: 24px;
      max-width: 75%; } }

.author--meninger__avatar {
  float: left;
  padding: 0; }

.author--meninger__avatar-src {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #effaff;
  background-blend-mode: multiply;
  width: 96px;
  height: 110px;
  overflow: hidden; }
  @media (min-width: 41.25em) {
    .author--meninger__avatar-src {
      width: 122px;
      height: 140px; } }
  .author--meninger__avatar-src img {
    height: 100%;
    font-size: 11px;
    visibility: hidden; }

.author--meninger__tags {
  display: flex;
  align-items: center;
  margin: 8px auto 0;
  flex-direction: column; }
  @media (max-width: 41.249em) {
    .author--meninger__tags {
      line-height: 34px;
      align-items: normal; }
      .author--meninger__tags.dnno-padding--horizontal {
        padding-left: 0;
        padding-right: 0; } }
  @media (min-width: 41.25em) {
    .author--meninger__tags {
      flex-direction: row; } }

.author--meninger__tag-heading {
  color: #006295;
  font: bold 14px/26px "Guardian Sans", "Helvetica", sans-serif;
  width: auto; }
  @media (min-width: 41.25em) {
    .author--meninger__tag-heading {
      line-height: 1; } }

.author--meninger-wide__wrap {
  grid-column: 1 / span 12; }

.sub-menu {
  grid-column: 1 / span 2;
  margin: 8px 0;
  display: flex;
  align-items: center;
  font: normal 24px/1 "Guardian Sans Black", "Helvetica", sans-serif; }
  @media (min-width: 41.25em) {
    .sub-menu {
      grid-column: 1 / span 12; } }
  @media (min-width: 61.375em) {
    .sub-menu {
      font-size: 36px; } }
  @media (max-width: 41.249em) {
    .sub-menu.dnno-padding--horizontal {
      padding: 0; } }

@media (min-width: 41.251em) and (max-width: 61.374em) {
  .sub-menu--dntv {
    font-size: 21px; } }

.sub-menu__dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: '';
  display: block;
  width: 100%;
  padding: 8px 32px 8px 8px;
  border: 1px solid #004f84;
  border-radius: 4px;
  color: #004f84;
  font: normal 16px/18px "Guardian Sans", "Helvetica", sans-serif;
  background: url(/dn/static/assets/images/with-colors/arrow-expand.svg) right 12px center no-repeat;
  background-size: 12px; }
  .sub-menu__dropdown::-ms-expand {
    display: none; }
  @media (min-width: 41.25em) {
    .sub-menu__dropdown {
      display: none; } }

.sub-menu--dntv__dropdown {
  margin-left: 16px; }

.sub-menu__logo {
  max-width: 100px; }
  .sub-menu__logo + .sub-menu__list {
    margin-left: 16px;
    align-self: flex-end; }
  @media (min-width: 41.25em) {
    .sub-menu__logo {
      max-width: 175px; } }

.sub-menu__list {
  display: none;
  list-style: none;
  text-decoration: none; }
  @media (min-width: 41.25em) {
    .sub-menu__list {
      display: block; } }
  @media (max-width: 41.249em) {
    .sub-menu__list.dnno-padding--left {
      padding: 0; } }

.sub-menu__list-item {
  text-decoration: none;
  list-style: none;
  float: left;
  display: inline-block; }

.sub-menu__link {
  color: #B9B9B9;
  text-decoration: none;
  list-style: none;
  transition: 0.2s all ease-in-out;
  display: inline-block; }
  .sub-menu__link:hover {
    color: #ababab; }
  .sub-menu__link:active, .sub-menu__link:focus {
    color: #5d5d5d; }

.sub-menu__current-item-link {
  color: #008bd0;
  pointer-events: none; }

.sub-menu__list-item + .sub-menu__list-item {
  margin-left: 16px; }

@media (min-width: 41.25em) {
  .sub-menu--dntv {
    padding-left: 16px; } }

@media (min-width: 61.375em) {
  .sub-menu--dntv {
    font-size: 24px; } }

.sub-menu--dntv__list {
  padding-left: 0; }

.sub-menu--dntv__current-item-link {
  color: #ff6027; }

.subheading {
  margin: 0; }
  @media (max-width: 41.249em) {
    .subheading.dnno-padding--horizontal {
      padding: 0; } }
  .subheading a {
    color: #008bd0;
    text-decoration: none; }
    .subheading a:hover {
      text-decoration: underline; }

.subheading__heading {
  color: #008bd0;
  font: normal 18px/1 "Guardian Sans Black", "Helvetica", sans-serif;
  letter-spacing: 0.45px;
  margin: 0; }
  @media (min-width: 41.25em) {
    .subheading__heading {
      font-size: 24px;
      line-height: 27px;
      letter-spacing: 0.6px; } }

.subheading__text {
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.45px;
  color: #828282; }
  @media (min-width: 41.25em) {
    .subheading__text {
      font-size: 18px; } }

.subheading__heading + .subheading__text {
  margin-top: 4px; }

.subscription-list {
  margin-bottom: 32px; }
  @media (max-width: 41.249em) {
    .subscription-list.dnno-padding--left {
      padding-left: 0; }
    .subscription-list.dnno-padding--right {
      padding-right: 0; } }

.subscription-list__list {
  list-style: none;
  padding: 0; }

.subscription-list__list--topic {
  counter-reset: subscription-list-counter; }

.subscription-list-item {
  padding: 10px;
  background-color: white;
  margin-bottom: 8px;
  color: #2f2f2f;
  font: normal 18px/1 "Guardian Sans Black", "Helvetica", sans-serif;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (min-width: 41.25em) {
    .subscription-list-item {
      font-size: 20px; } }

.subscription-list-item--topic:before {
  content: counter(subscription-list-counter, decimal-leading-zero) ".";
  counter-increment: subscription-list-counter;
  font-size: 16px;
  letter-spacing: 0.4px; }

.subscription-list-item__name {
  word-break: break-word; }

.subscription-list__category-heading {
  font: normal 16px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  padding-bottom: 4px;
  margin-bottom: 8px;
  color: #008bd0;
  border-bottom: 1px solid #008bd0; }
  @media (min-width: 41.25em) {
    .subscription-list__category-heading {
      font-size: 20px;
      line-height: 1;
      padding-bottom: 8px; } }

.subscription-list__topic-heading {
  font: normal 18px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  color: #008bd0; }
  @media (min-width: 41.25em) {
    .subscription-list__topic-heading {
      font-size: 24px;
      line-height: 28px; } }

.subscription-list__topic-subheading {
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0;
  margin-bottom: 16px;
  letter-spacing: 0.6px; }
  @media (min-width: 41.25em) {
    .subscription-list__topic-subheading {
      font-size: 24px;
      line-height: 28px; } }

.subscription-list__topic-heading + .subscription-list__topic-subheading {
  margin-top: 0; }

.subscription-list__tag {
  margin-left: 8px; }

.subscription-list__button {
  margin-left: auto;
  flex: 0 0 auto; }
  @media (max-width: 41.249em) {
    .subscription-list__button .button--secondary__svg {
      margin-right: 0; }
    .subscription-list__button span {
      display: none; } }

.subscription-list-item__name {
  word-break: break-word;
  margin-right: 10px;
  hyphens: auto; }
  @media (min-width: 41.25em) {
    .subscription-list-item__name {
      margin-right: 0; } }

.blurb {
  grid-column: 1 / span 2;
  margin: 16px 0; }
  @media (min-width: 41.25em) {
    .blurb {
      grid-column: 1 / span 12; } }
  @media (max-width: 41.249em) {
    .blurb.dnno-padding--horizontal {
      padding: 0; } }
  .blurb a {
    color: #008bd0;
    text-decoration: none; }
    .blurb a:hover {
      text-decoration: underline; }

.blurb--hidden {
  display: none; }

.blurb__wrap {
  background: #FFF;
  box-shadow: 0 1px 0 0 #008bd0;
  padding: 8px;
  grid-column: 1 / span 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
  @media (min-width: 41.25em) {
    .blurb__wrap {
      grid-column: 1 / span 12;
      margin: 0 7px; } }

.blurb__icon {
  max-width: 100px;
  display: none; }
  @media (min-width: 41.25em) {
    .blurb__icon {
      display: block;
      float: left; } }

.blurb__icon-single-circle {
  max-width: 60px;
  max-height: 60px; }

.blurb__title {
  font: bold 18px/22px "Guardian Sans", "Helvetica", sans-serif;
  color: #828282;
  letter-spacing: 0.22px; }

.blurb__instructions {
  font: normal 16px/24px "Guardian Sans", "Helvetica", sans-serif;
  color: #828282; }
  @media (min-width: 41.25em) {
    .blurb__instructions {
      align-self: center;
      float: left;
      margin-left: 16px; } }

.blurb__inline-icon-wrap {
  display: inline-flex;
  align-items: center;
  border: 1px solid #b6ddf5;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin: 0 4px; }

.blurb__inline-icon {
  width: 14px;
  height: 14px;
  fill: #008bd0;
  margin: 0 4px; }

.blurb__inline-icon-small {
  width: 10px;
  height: 10px;
  fill: #008bd0;
  margin: 0 4px; }

.blurb__button-x {
  margin-left: auto; }

.settings-modal {
  display: none;
  opacity: 0;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #004f84; }
  @media (max-width: 41.249em) {
    .settings-modal.dnno-padding--horizontal {
      padding: 0; } }

.settings-modal-open {
  display: block;
  position: fixed;
  top: 16px;
  left: 12px;
  width: calc(100% - 2 * 30px);
  height: auto;
  opacity: 1;
  z-index: 100;
  padding: 16px; }
  @media (min-width: 41.25em) {
    .settings-modal-open {
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      width: 482px; } }

.settings-modal__close {
  float: right;
  position: absolute;
  top: 16px;
  right: 16px; }

.settings-modal__close-svg {
  fill: #004f84; }

.settings-modal__gdpr {
  font: normal 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  color: #004f84;
  letter-spacing: 0.29px; }

.settings-modal__radio-buttons + .settings-modal__gdpr {
  margin-top: 8px; }

.settings-modal__advanced-toggle {
  margin-top: 8px; }
  .settings-modal__advanced-toggle.is-hidden {
    display: none; }

.settings-modal__advanced-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  fill: #004f84; }

.settings-modal__divider {
  margin: 8px 0;
  height: 1px;
  color: #008bd0;
  background: #008bd0;
  font-size: 0;
  border: 0; }

.settings-modal__advanced {
  display: none;
  padding-top: 8px; }
  .settings-modal__advanced.is-expanded {
    display: block; }

.settings-modal__form {
  background-color: #fff; }

.settings-modal__form--hidden {
  display: none; }

.settings-modal__panel {
  display: none; }
  .settings-modal__panel.is-expanded {
    display: block; }

.settings-modal__dropdown {
  border-color: #008bd0;
  color: #008bd0;
  background: url("/dn/static/assets/images/with-colors/arrow-expand-0078C8.svg") right 12px center no-repeat; }

.settings-modal__success {
  display: none;
  letter-spacing: 0.36px;
  color: #004f84; }

.settings-modal__success--shown {
  display: block; }

.settings-modal__success-content {
  display: flex; }

.settings-modal__icon {
  align-self: flex-start;
  width: 50px;
  height: 50px; }

.settings-modal__success-text {
  margin: 8px 0 0 16px; }

.settings-modal__success-heading {
  font: normal 20px/1 Guardian Sans Black, Helvetica, sans-serif; }

.settings-modal__success-body {
  font: normal 20px/24px Guardian Sans, Helvetica, sans-serif;
  margin-top: 8px; }
  .settings-modal__success-body a {
    color: #008bd0;
    text-decoration: underline;
    font-weight: bold; }
    .settings-modal__success-body a:hover {
      text-decoration: none; }

.settings-modal__takk {
  margin-top: 16px; }

.settings-modal__save-button,
.settings-modal__radio-buttons + .settings-modal__radio-buttons,
.settings-modal__radio-buttons + .settings-modal__panel,
.settings-modal__panel + .settings-modal__panel {
  margin-top: 16px; }

.subscribe-tag {
  padding-bottom: 32px;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 41.25em) {
    .subscribe-tag {
      padding-left: 15px;
      padding-right: 15px; } }

.subscribe-tag__fields {
  padding: 16px 16px 32px;
  border-bottom: 1px solid #0078c8;
  background-color: #fff; }

.subscribe-tag__title {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 16px;
  margin-bottom: 16px;
  color: #008bd0; }

.subscribe-tag .checkbox-button {
  margin-bottom: 8px; }

.subscribe-tag__advanced-toggle {
  margin-top: 16px;
  margin-bottom: 32px; }
  .subscribe-tag__advanced-toggle.is-hidden {
    display: none; }

.subscribe-tag__form-advanced {
  display: none;
  margin-top: 16px;
  margin-bottom: 32px; }
  .subscribe-tag__form-advanced.is-expanded {
    display: block; }

.subscribe-tag__form-advanced .select-dropdown {
  width: auto; }

.subscribe-tag__form-advanced-panel {
  display: none;
  margin-top: 16px; }
  .subscribe-tag__form-advanced-panel.is-expanded {
    display: block; }

.subscribe-tag__form-description {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 16px;
  margin-bottom: 16px;
  color: #008bd0; }

.promo-box {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  @media (min-width: 41.25em) {
    .promo-box {
      grid-column: span 6; } }
  @media (max-width: 41.249em) {
    .promo-box.dnno-padding--horizontal {
      padding: 32px 0 0 0; } }

.promo-box__wrap {
  background-color: #e8e7e4;
  display: flex;
  flex-direction: column;
  grid-column: span 6;
  width: 100%;
  position: relative; }
  @media (min-width: 41.25em) {
    .promo-box__wrap {
      margin-top: 70px; } }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .promo-box__wrap {
      height: 200px; } }
  @media (min-width: 61.375em) {
    .promo-box__wrap {
      height: 275px; } }

@media (min-width: 41.25em) {
  .promo-box .promo-box__wrap {
    margin-bottom: 4px; } }

.promo-box__image {
  position: relative;
  width: 100%; }
  .promo-box__image:after {
    position: absolute;
    height: 10px;
    width: 100%;
    display: block;
    background-color: black;
    bottom: 0;
    content: ""; }

.promo-box__content {
  display: flex;
  position: relative;
  padding: 8px 10px 10px 10px;
  color: #004f84;
  height: inherit; }
  .promo-box__content:before {
    position: absolute;
    content: '';
    width: 8px;
    display: block;
    background-color: #d8d7d2;
    top: 0;
    left: 0;
    height: 8px;
    width: 100%; }

.promo-box__subtitle {
  font: bold 14px/19px "Guardian Sans", "Helvetica", sans-serif;
  margin: 6px 0 0 0; }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .promo-box__subtitle {
      display: none; } }
  @media (min-width: 61.375em) {
    .promo-box__subtitle {
      margin: 12px 0 0 0;
      font-size: 16px; } }

.promo-box__title {
  font: normal 28px/32px "Guardian Sans Black", "Helvetica", sans-serif; }
  @media (min-width: 41.25em) {
    .promo-box__title {
      font-size: 22px;
      line-height: 27px; } }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .promo-box__title {
      margin-top: 4px; } }
  @media (min-width: 61.375em) {
    .promo-box__title {
      font-size: 32px;
      line-height: 1; } }

.promo-box__footer {
  width: calc(1/3 * 100%);
  min-width: calc(1/3 * 100%);
  box-sizing: border-box;
  margin-top: auto;
  align-items: flex-end;
  align-self: flex-end; }

.promo-box__button {
  float: right; }

.inline-table {
  margin: 16px 0;
  position: relative;
  box-shadow: 0 1px 0 0 #004f84;
  color: #004f84;
  background-color: #fff0eb; }
  @media (min-width: 41.25em) {
    .inline-table {
      margin: 32px auto;
      max-width: 80%;
      grid-column: 3 / span 8; } }
  .inline-table::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 64px;
    background: linear-gradient(to right, rgba(255, 240, 235, 0) 0%, #fff0eb 100%); }

.inline-table__wrap {
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch; }

.inline-table__table {
  grid-column: 1 / span 2;
  padding: 16px;
  height: auto;
  clear: both;
  border-collapse: collapse;
  display: block;
  box-sizing: border-box;
  width: max-content;
  table-layout: fixed;
  white-space: nowrap; }
  @media (min-width: 41.25em) {
    .inline-table__table {
      grid-column: 3 / span 8; } }
  .inline-table__table td {
    font-variant: tabular-nums;
    font-variant-numeric: tabular-nums; }
    @media (max-width: 41.249em) {
      .inline-table__table td:first-child {
        max-width: 50vw;
        white-space: normal; } }
    .inline-table__table td + td {
      padding-left: 32px; }

.inline-table__head {
  font: bold 18px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  border-bottom: 1px solid #004f84; }
  .inline-table__head td {
    padding: 0 0 8px 0;
    vertical-align: bottom; }

.inline-table__body {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font: normal 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px; }

.inline-table__row td {
  padding: 4px 0; }

.inline-table__row td:first-child {
  text-align: left; }

.inline-table__row + .inline-table__row {
  border-top: 1px solid #e7e7e7; }

.inline-table__row:last-child td {
  padding-bottom: 0; }

.figure__dntv {
  display: block;
  width: calc(100% + 30px);
  max-width: calc(100% + 30px);
  height: auto;
  margin-bottom: 8px;
  margin-left: -15px;
  margin-right: -15px;
  grid-column: 1 / span 2;
  clear: both; }
  @media (min-width: 41.25em) {
    .figure__dntv {
      max-width: 100%;
      width: 100%;
      grid-column: 1 / span 10;
      margin: 0; } }
  .figure__dntv--left, .figure__dntv--right {
    display: inline-block;
    padding: 0; }
    @media (min-width: 41.25em) {
      .figure__dntv--left, .figure__dntv--right {
        padding: 0 8px; } }
    @media (min-width: 61.375em) {
      .figure__dntv--left, .figure__dntv--right {
        width: calc(3/10 * 100%);
        padding: 0;
        padding-top: 8px;
        margin-bottom: 16px; } }
  @media (min-width: 61.375em) {
    .figure__dntv--left {
      float: left;
      clear: left;
      padding-right: calc(16px / 2);
      margin-right: 7.5px; } }
  @media (min-width: 61.375em) {
    .figure__dntv--right {
      float: right;
      clear: right;
      padding-left: calc(16px / 2);
      margin-left: 7.5px; } }
  .figure__dntv-caption {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff0eb;
    border-bottom: 1px solid #004f84;
    font-size: 18px;
    color: #004f84;
    font-weight: normal;
    line-height: 1.3;
    padding: 16px; }
    @media (max-width: 41.249em) {
      .figure__dntv-caption {
        font-size: 16px;
        padding: 8px; } }
    @media (min-width: 61.375em) {
      .figure__dntv--left .figure__dntv-caption,
      .figure__dntv--right .figure__dntv-caption {
        padding: 4px; } }
    .figure__dntv-caption [class*="dnno-grid__col--md--"] {
      margin-top: 8px; }
      @media (min-width: 61.375em) {
        .figure__dntv--left .figure__dntv-caption [class*="dnno-grid__col--md--"],
        .figure__dntv--right .figure__dntv-caption [class*="dnno-grid__col--md--"] {
          display: none; } }
    .figure__dntv-caption .dntv-link, .figure__dntv-caption .badge {
      display: block;
      width: 55px;
      height: 27px;
      float: none; }
  .figure__dntv-title {
    display: block;
    flex: 0 0 100%;
    font-weight: bold; }
  .figure__dntv-leadtext {
    display: block;
    flex: 0 0 100%; }
    @media (min-width: 61.375em) {
      .figure__dntv--left .figure__dntv-leadtext,
      .figure__dntv--right .figure__dntv-leadtext {
        display: none; } }
    .figure__dntv-leadtext + .dnno-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
  .figure__dntv-duration, .figure__dntv-publish-time {
    flex: 0 0 100%;
    height: auto;
    font-size: 14px;
    color: #ababab; }
  .figure__dntv .dntv-share-bar {
    align-items: center;
    flex-direction: row; }
    @media (max-width: 61.374em) {
      .figure__dntv .dntv-share-bar {
        justify-content: flex-start;
        margin: 12px 0 8px; } }
    @media (min-width: 61.375em) {
      .figure__dntv .dntv-share-bar {
        justify-content: flex-end; } }
    .figure__dntv .dntv-share-bar__like-buttons {
      display: flex;
      align-items: center;
      border-left: 1px solid #008bd0;
      padding-left: 8px;
      margin-left: 8px; }
      @media (min-width: 41.25em) {
        .figure__dntv .dntv-share-bar__like-buttons {
          padding-left: 16px;
          margin-left: 16px; } }
  .figure__dntv .like-buttons .button-circle {
    float: none; }
    @media (max-width: 41.249em) {
      .figure__dntv .like-buttons .button-circle {
        padding: 0 8px;
        margin: 0; } }
    @media (min-width: 41.25em) {
      .figure__dntv .like-buttons .button-circle + .button-circle {
        margin-left: 8px; } }
  .figure__dntv .like-buttons__label {
    font-size: 14px;
    color: #ababab;
    line-height: 33px;
    height: 33px; }
    @media (max-width: 41.249em) {
      .figure__dntv .like-buttons__label {
        display: none; } }
  .figure__dntv .button-circle__icon {
    background-color: transparent;
    border: 1px solid #b6ddf5;
    width: 32px;
    height: 32px; }
    .figure__dntv .button-circle__icon-selected {
      background-color: #b6ddf5; }
  .figure__dntv .button-circle__svg {
    height: 15px; }
  .figure__dntv .svg--hairline--facebook-dims {
    width: 7px;
    height: 15px; }
  .figure__dntv .svg--hairline--twitter-dims {
    width: 15px;
    height: 12px; }
  .figure__dntv .svg--hairline--linkedin-dims {
    width: 12px;
    height: 12px; }
  .figure__dntv .svg--hairline--mail-dims {
    width: 14px;
    height: 10px; }
  .figure__dntv .page-tools--horizontal {
    width: auto;
    border: none;
    padding-right: 0; }
    @media (max-width: 41.249em) {
      .figure__dntv .page-tools--horizontal .button-circle--pagetools {
        padding: 0 8px; }
        .figure__dntv .page-tools--horizontal .button-circle--pagetools:first-child {
          padding-left: 0; } }
  .figure__dntv-outer {
    display: block;
    position: relative;
    background-color: #000;
    /*padding-bottom: 56.25%; Removed because of JWPlayer*/ }
    .figure__dntv-outer .video-js .vjs-progress-control,
    .figure__dntv-outer .video-js.vjs-mouse .vjs-progress-control, .figure__dntv-outer .video-js.vjs-has-started.not-hover.vjs-paused.vjs-user-active .vjs-progress-control,
    .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.not-hover.vjs-paused.vjs-user-active .vjs-progress-control, .figure__dntv-outer .video-js.vjs-has-started.not-hover.vjs-paused.vjs-user-inactive .vjs-progress-control,
    .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.not-hover.vjs-paused.vjs-user-inactive .vjs-progress-control, .figure__dntv-outer .video-js.vjs-has-started.not-hover.vjs-playing.vjs-user-active.vjs-user-active .vjs-progress-control,
    .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.not-hover.vjs-playing.vjs-user-active.vjs-user-active .vjs-progress-control, .figure__dntv-outer .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
    .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
      height: 5px;
      opacity: 1;
      margin: 0; }
    .figure__dntv-outer .video-js {
      font-family: "Guardian Sans", "Helvetica", sans-serif; }
      .figure__dntv-outer .video-js:focus {
        outline: none; }
      .figure__dntv-outer .video-js.vjs-mouse {
        width: auto;
        height: auto; }
    .figure__dntv-outer .video-js,
    .figure__dntv-outer .video-js.vjs-mouse {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      width: auto;
      height: auto; }
      .figure__dntv-outer .video-js .vjs-poster,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-poster {
        background-size: cover; }
      .figure__dntv-outer .video-js .vjs-menu-item,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-menu-item {
        font-size: 12px;
        padding: 5px; }
      .figure__dntv-outer .video-js .vjs-control:before,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-control:before {
        font-size: 22px;
        line-height: 32px; }
      .figure__dntv-outer .video-js .vjs-control-bar,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-control-bar {
        background-color: rgba(0, 79, 132, 0.85);
        height: 38px;
        transform: translateY(38px); }
      .figure__dntv-outer .video-js .vjs-share-control,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-share-control {
        display: none; }
      .figure__dntv-outer .video-js .vjs-big-play-button,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button {
        background: none;
        border: 10px solid rgba(255, 255, 255, 0.75);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5);
        width: 120px;
        height: 120px;
        font-size: 90px;
        line-height: 100px;
        margin-left: -60px;
        margin-top: -60px; }
        @media (max-width: 41.249em) {
          .figure__dntv-outer .video-js .vjs-big-play-button,
          .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button {
            border-width: 6px;
            width: 80px;
            height: 80px;
            font-size: 60px;
            line-height: 70px;
            margin-left: -40px;
            margin-top: -40px; } }
        @media (min-width: 61.375em) {
          .figure__dntv--left .figure__dntv-outer .video-js .vjs-big-play-button,
          .figure__dntv--right .figure__dntv-outer .video-js .vjs-big-play-button, .figure__dntv--left
          .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button,
          .figure__dntv--right
          .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button {
            border-width: 4px;
            width: 54px;
            height: 54px;
            font-size: 40px;
            line-height: 46px;
            margin-left: -27px;
            margin-top: -27px; } }
        .figure__dntv-outer .video-js .vjs-big-play-button:before,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button:before {
          opacity: 0.75;
          text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
          -webkit-transition: all .4s;
          -moz-transition: all .4s;
          -ms-transition: all .4s;
          -o-transition: all .4s;
          transition: all .4s; }
        .figure__dntv-outer .video-js .vjs-big-play-button:hover,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button:hover {
          border-color: #fff; }
          .figure__dntv-outer .video-js .vjs-big-play-button:hover:before,
          .figure__dntv-outer .video-js.vjs-mouse .vjs-big-play-button:hover:before {
            opacity: 1; }
      .figure__dntv-outer .video-js .vjs-play-control,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-play-control {
        width: 26px;
        margin: 0 10px; }
        .figure__dntv-outer .video-js .vjs-play-control:before,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-play-control:before {
          border: 2px solid #fff;
          border-radius: 50px;
          width: 26px;
          height: 26px;
          font-size: 18px;
          line-height: 22px;
          margin: 6px 0; }
      .figure__dntv-outer .video-js .vjs-time-control,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-time-control {
        font-size: 12px;
        line-height: 38px;
        letter-spacing: 0.5px;
        padding: 0;
        margin: 0 10px; }
        .figure__dntv--left .figure__dntv-outer .video-js .vjs-time-control,
        .figure__dntv--right .figure__dntv-outer .video-js .vjs-time-control, .figure__dntv--left
        .figure__dntv-outer .video-js.vjs-mouse .vjs-time-control,
        .figure__dntv--right
        .figure__dntv-outer .video-js.vjs-mouse .vjs-time-control {
          display: none; }
        @media (max-width: 41.249em) {
          .figure__dntv-outer .video-js .vjs-time-control,
          .figure__dntv-outer .video-js.vjs-mouse .vjs-time-control {
            display: none; } }
      .figure__dntv-outer .video-js .vjs-time-divider,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-time-divider {
        display: none; }
      .figure__dntv-outer .video-js .vjs-current-time,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-current-time {
        margin-left: 0; }
      .figure__dntv-outer .video-js .vjs-duration,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-duration {
        -ms-flex-order: 4;
        order: 4; }
      .figure__dntv-outer .video-js .vjs-progress-control,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-progress-control {
        position: static;
        -ms-flex-order: 3;
        order: 3;
        transform: translateY(16px); }
      .figure__dntv-outer .video-js .vjs-play-progress,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-play-progress {
        background-color: #ff6027; }
      .figure__dntv-outer .video-js .vjs-slider, .figure__dntv-outer .video-js .vjs-load-progress,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-slider,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-load-progress {
        background-color: rgba(255, 255, 255, 0.66); }
      .figure__dntv-outer .video-js .vjs-load-progress div,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-load-progress div {
        background: none; }
      .figure__dntv-outer .video-js .vjs-volume-menu-button,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button {
        width: 120px;
        -ms-flex-order: 6;
        order: 6; }
        .figure__dntv--left .figure__dntv-outer .video-js .vjs-volume-menu-button,
        .figure__dntv--right .figure__dntv-outer .video-js .vjs-volume-menu-button, .figure__dntv--left
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button,
        .figure__dntv--right
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button {
          display: none; }
        @media (max-width: 41.249em) {
          .figure__dntv-outer .video-js .vjs-volume-menu-button,
          .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button {
            display: none; } }
        .figure__dntv-outer .video-js .vjs-volume-menu-button:before,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button:before {
          line-height: 36px; }
        .figure__dntv-outer .video-js .vjs-volume-menu-button .vjs-menu,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button .vjs-menu {
          display: block;
          opacity: 1; }
          .figure__dntv-outer .video-js .vjs-volume-menu-button .vjs-menu-content,
          .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button .vjs-menu-content {
            width: auto !important; }
        .figure__dntv-outer .video-js .vjs-volume-menu-button .vjs-volume-bar,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button .vjs-volume-bar {
          background-color: rgba(255, 255, 255, 0.66);
          width: 70px;
          height: 5px;
          margin: 0;
          transform: translateY(16px); }
        .figure__dntv-outer .video-js .vjs-volume-menu-button .vjs-volume-level,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-volume-menu-button .vjs-volume-level {
          background-color: #ff6027;
          height: 5px; }
      .figure__dntv-outer .video-js .vjs-fullscreen-control,
      .figure__dntv-outer .video-js.vjs-mouse .vjs-fullscreen-control {
        -ms-flex-order: 7;
        order: 7; }
        .figure__dntv-outer .video-js .vjs-fullscreen-control:before,
        .figure__dntv-outer .video-js.vjs-mouse .vjs-fullscreen-control:before {
          content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4LjM2MSAyOC4zNjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjM2MSAyOC4zNjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8ZyBpZD0iYzExNV9hcnJvd3MiPgoJCTxwYXRoIGQ9Ik0yOC4zNiwxOS41OTVjMC0wLjg2OC0wLjY2NS0xLjU3LTEuNDkxLTEuNTdjLTAuODE5LDAuMDAyLTEuNDkyLDAuNzAyLTEuNDkyLDEuNTd2My4yNWwtNi4wMTgtNi4wMjEgICAgYy0wLjU4Mi0wLjU4My0xLjUyNC0wLjU4My0yLjEwNiwwYy0wLjU4MiwwLjU4Mi0wLjU4MiwxLjUyNywwLDIuMTA5bDUuOTg5LDUuOTg3aC0zLjIzNWMtMC44ODEsMC4wMDItMS41OTEsMC42NjktMS41OTEsMS40OTEgICAgYzAsMC44MjQsMC43MSwxLjQ5LDEuNTkxLDEuNDloNi43NjFjMC44ODEsMCwxLjU5LTAuNjY1LDEuNTkzLTEuNDljLTAuMDAzLTAuMDIyLTAuMDA2LTAuMDM5LTAuMDA5LTAuMDYxICAgIGMwLjAwMy0wLjAyOCwwLjAwOS0wLjA1OCwwLjAwOS0wLjA4N3YtNi42NjhIMjguMzZ6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTksMTYuODI0bC02LjAxNSw2LjAyMXYtMy4yNWMwLTAuODY4LTAuNjcyLTEuNTY4LTEuNDkzLTEuNTdjLTAuODI0LDAtMS40OSwwLjcwMi0xLjQ5LDEuNTdMMCwyNi4yNjQgICAgYzAsMC4wMjksMC4wMDgsMC4wNTksMC4wMSwwLjA4N2MtMC4wMDIsMC4wMjEtMC4wMDYsMC4wMzgtMC4wMDgsMC4wNjFjMC4wMDIsMC44MjUsMC43MTIsMS40OSwxLjU5MiwxLjQ5aDYuNzYyICAgIGMwLjg3OSwwLDEuNTktMC42NjYsMS41OS0xLjQ5YzAtMC44MjItMC43MTEtMS40ODktMS41OS0xLjQ5MUg1LjEyMWw1Ljk4OS01Ljk4N2MwLjU4LTAuNTgyLDAuNTgtMS41MjcsMC0yLjEwOSAgICBDMTAuNTI3LDE2LjI0MSw5LjU4NCwxNi4yNDEsOSwxNi44MjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE5LjM1OSwxMS41MzVsNi4wMTgtNi4wMTd2My4yNWMwLDAuODY1LDAuNjczLDEuNTY1LDEuNDkyLDEuNTY4YzAuODI2LDAsMS40OTEtMC43MDMsMS40OTEtMS41NjhWMi4wOTcgICAgYzAtMC4wMjktMC4wMDYtMC4wNTktMC4wMDktMC4wODVjMC4wMDMtMC4wMjEsMC4wMDYtMC4wNDEsMC4wMDktMC4wNjJjLTAuMDAzLTAuODI2LTAuNzEyLTEuNDkxLTEuNTkyLTEuNDkxaC02Ljc2MSAgICBjLTAuODgxLDAtMS41OTEsMC42NjUtMS41OTEsMS40OTFjMCwwLjgyMSwwLjcxLDEuNDksMS41OTEsMS40OTJoMy4yMzVsLTUuOTg5LDUuOTg3Yy0wLjU4MiwwLjU4MS0wLjU4MiwxLjUyNCwwLDIuMTA1ICAgIEMxNy44MzUsMTIuMTIsMTguNzc3LDEyLjEyLDE5LjM1OSwxMS41MzV6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTUuMTIxLDMuNDQyaDMuMjM0YzAuODc5LTAuMDAyLDEuNTktMC42NzEsMS41OS0xLjQ5MmMwLTAuODI2LTAuNzExLTEuNDkxLTEuNTktMS40OTFIMS41OTQgICAgYy0wLjg4LDAtMS41OSwwLjY2NS0xLjU5MiwxLjQ5MUMwLjAwNCwxLjk3MSwwLjAwOCwxLjk5MSwwLjAxLDIuMDEyQzAuMDA4LDIuMDM4LDAsMi4wNjcsMCwyLjA5N2wwLjAwMiw2LjY3MiAgICBjMCwwLjg2NSwwLjY2NiwxLjU2OCwxLjQ5LDEuNTY4YzAuODIxLTAuMDAzLDEuNDkzLTAuNzAzLDEuNDkzLTEuNTY4di0zLjI1TDksMTEuNTM1YzAuNTg0LDAuNTg1LDEuNTI3LDAuNTg1LDIuMTEsMCAgICBjMC41OC0wLjU4MSwwLjU4LTEuNTI0LDAtMi4xMDVMNS4xMjEsMy40NDJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+Cgk8ZyBpZD0iQ2FwYV8xXzI1M18iPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); }
      .figure__dntv-outer .video-js:hover .vjs-big-play-button,
      .figure__dntv-outer .video-js.vjs-mouse:hover .vjs-big-play-button {
        border-color: #fff;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
        .figure__dntv-outer .video-js:hover .vjs-big-play-button:before,
        .figure__dntv-outer .video-js.vjs-mouse:hover .vjs-big-play-button:before {
          opacity: 1; }
      .figure__dntv-outer .video-js.vjs-has-started.vjs-user-inactive .vjs-control-bar,
      .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.vjs-user-inactive .vjs-control-bar {
        transform: translateY(38px); }
      .figure__dntv-outer .video-js.vjs-has-started.vjs-user-active .vjs-control-bar,
      .figure__dntv-outer .video-js.vjs-mouse.vjs-has-started.vjs-user-active .vjs-control-bar {
        transform: translateY(0px); }

.figure__dntv .jw-svg-icon-play {
  border-radius: 100%; }

.figure__dntv--top .jw-title .jw-svg-icon-play {
  fill: #fff;
  width: 40px;
  height: 40px;
  border: 3px solid #fff;
  padding: 6px;
  margin-bottom: 4px; }
  @media (min-width: 41.25em) {
    .figure__dntv--top .jw-title .jw-svg-icon-play {
      flex: 0 0 60px;
      width: 60px;
      height: 60px;
      border: 4px solid #fff;
      padding: 8px; } }

.figure__dntv--inline .jw-display-icon-container .jw-icon .jw-svg-icon-play {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  padding: 5px; }

.figure--main-content .jw-display-icon-container .jw-icon .jw-svg-icon-play {
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px; }

.jw-title span {
  display: block;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: normal; }
  @media (min-width: 41.25em) {
    .jw-title span {
      font-size: 14px;
      margin-bottom: 4px; } }

.figure__dntv--top .jw-state-idle .jw-title {
  bottom: 8px;
  left: 8px;
  right: 8px;
  top: initial;
  display: flex;
  justify-content: center;
  width: auto;
  padding: 0; }
  @media (max-width: 41.249em) {
    .figure__dntv--top .jw-state-idle .jw-title {
      flex-direction: column; } }
  @media (min-width: 41.25em) {
    .figure__dntv--top .jw-state-idle .jw-title {
      bottom: 15px;
      left: 15px;
      right: 15px;
      align-items: center; } }

.figure__dntv--inline .jw-state-idle .jw-title {
  display: none; }

.jw-state-complete .jw-title {
  display: none !important; }

.figure__dntv .jw-title-primary {
  width: auto;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 16px !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: normal;
  text-overflow: unset;
  padding: 0; }
  @media (min-width: 41.25em) {
    .figure__dntv .jw-title-primary {
      font-size: 18px !important;
      padding: 0 0 0 15px; } }

.figure__dntv .jw-state-idle .jw-controls {
  background: none; }

.figure__dntv--top .jw-controls-backdrop {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, black 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, black 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, black 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

.figure__dntv--inline .jw-controls-backdrop {
  background: none; }

.column-heading {
  font: normal 16px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  padding-bottom: 4px;
  margin-bottom: 8px;
  color: #008bd0;
  border-bottom: 1px solid #008bd0; }
  @media (min-width: 41.25em) {
    .column-heading {
      font-size: 20px;
      line-height: 1;
      padding-bottom: 8px; } }

.column-heading--orange {
  color: #ff6027;
  border-color: #ff6027; }

.column-heading--video {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 8px;
  margin-bottom: 0; }
  @media (min-width: 41.25em) {
    .column-heading--video {
      flex-direction: row;
      align-items: flex-end; } }

.column-heading--video-topic__text {
  display: inline-block;
  font: normal 20px/26px "Guardian Sans", "Helvetica", sans-serif;
  white-space: normal; }

.column-heading--video-topic__title {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  margin-right: 8px; }

.column-heading--video-topic__videos {
  display: none;
  white-space: pre; }
  @media (min-width: 41.25em) {
    .column-heading--video-topic__videos {
      display: inline-block; } }

.column-heading--video-topic__button {
  flex: 0 0 auto; }
  @media (min-width: 41.25em) {
    .column-heading--video-topic__button {
      margin-top: 0; }
      .column-heading--video-topic__button + .column-heading--video-topic__button {
        margin-left: 8px; } }

.column-heading--video-topic__follow {
  margin-left: 8px; }

@media (max-width: 41.249em) {
  .column-heading--video-carousel__video-count {
    display: none; } }

.column-heading--video-carousel-highlighted {
  border-bottom: none;
  color: #004f84;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0; }

.column-heading--video-carousel-highlighted__text {
  font: normal 20px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  margin-right: 16px; }
  @media (min-width: 41.25em) {
    .column-heading--video-carousel-highlighted__text {
      font-size: 32px;
      line-height: 1; } }

.column-heading--video-carousel-highlighted__button {
  flex: 0 0 auto;
  margin-top: 8px; }
  @media (min-width: 41.25em) {
    .column-heading--video-carousel-highlighted__button {
      margin-top: 0; }
      .column-heading--video-carousel-highlighted__button:first-child {
        margin-right: 16px; } }

@media (min-width: 41.25em) {
  .column-heading--video-carousel-highlighted__follow {
    margin-right: 16px; } }

@media (max-width: 41.249em) {
  .column-heading--video-carousel-highlighted__video-count {
    display: none; } }

@keyframes blink {
  /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
  0% {
    opacity: .2;
    transform: scale(0.25); }
  /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
  20% {
    opacity: 1;
    transform: scale(1); }
  /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
  100% {
    opacity: .2;
    transform: scale(0.25); } }

.loader {
  display: flex;
  justify-content: space-between;
  width: 48px; }

.loader__dot {
  width: 12px;
  height: 12px;
  fill: #ff6027;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  /**
    * This makes sure that the starting style (opacity: .2)
    * of the animation is applied before the animation starts.
    * Otherwise we would see a short flash or would have
    * to set the default styling of the dots to the same
    * as the animation. Same applies for the ending styles.
    */
  animation-fill-mode: both; }

.loader__dot:nth-child(2) {
  animation-delay: .2s; }

.loader__dot:nth-child(3) {
  animation-delay: .4s; }

.subscribe-banner {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background-color: #E8E7E4;
  color: #004f84;
  padding: 16px; }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .subscribe-banner {
      padding: 10px; } }

.subscribe-banner--icon {
  display: flex; }

.subscribe-banner--icon__icon {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #effaff;
  margin: 0 8px; }

.subscribe-banner--icon__icon-svg {
  fill: #008bd0;
  width: 57.5%;
  flex: 1; }

.subscribe-banner__title {
  font: normal 24px/30px "Guardian Sans", "Helvetica", sans-serif; }

.subscribe-banner__copy {
  font: normal 18px/21px "Guardian Sans", "Helvetica", sans-serif;
  color: #828282; }

.subscribe-banner__title + .subscribe-banner__copy,
.subscribe-banner__copy + .subscribe-banner__button {
  margin-top: 8px; }

.related-topics {
  padding: 16px 8px;
  background-color: White;
  box-shadow: 0 1px 0 0 #008bd0; }

.related-topics__tags .tags-group__tag {
  margin-bottom: 8px; }

.search-widget {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  margin-bottom: 32px; }

.search-widget__header {
  margin-bottom: 24px;
  padding-bottom: 2px;
  border-bottom: 1px solid #008bd0; }

.search-widget__title {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 2px;
  letter-spacing: 0.25px;
  color: #008bd0; }

.search-widget__subtitle {
  letter-spacing: 0.25px;
  color: #828282; }
  .search-widget__subtitle a {
    text-decoration: none;
    color: #008bd0; }

.search-widget__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.search-widget__list-item {
  margin-bottom: 8px;
  padding: 10px;
  background-color: #fff; }

.search-widget__list-item-header {
  margin-bottom: 8px; }

.search-widget__list-item-title {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2; }

.search-widget__list-item-subtitle {
  letter-spacing: 0.25px;
  color: #828282; }

.search-widget__list-item-txt {
  line-height: 1.3;
  letter-spacing: 0.25px; }

.search-widget .button--secondary.button--icon-right {
  width: 100%;
  border-color: #008bd0; }

.search-widget .button--secondary.button--icon-right .svg--arrow {
  transform: rotate(90deg);
  width: 12px; }

.search-widget--business__list {
  padding: 10px;
  background-color: #fff; }

.search-widget--business__list-item {
  margin-bottom: 12px;
  padding: 0;
  background-color: inherit; }

.search-widget--business__list-item-link {
  font-weight: 500;
  text-decoration: none;
  color: #008bd0;
  letter-spacing: 0.25px; }

.search-widget--business__list-item-more {
  color: #949494; }
  .search-widget--business__list-item-more a {
    text-decoration: none;
    color: #008bd0; }

.video-highlight-bar {
  padding: 16px 0;
  position: relative; }
  .video-highlight-bar.page-dntv-overview__section {
    padding: 16px 0; }
  .video-highlight-bar:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 8px;
    position: absolute;
    background-color: #e7e7e7;
    top: 0; }
  .video-highlight-bar:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 8px;
    position: absolute;
    background-color: #e7e7e7;
    bottom: 0; }

@media (max-width: 41.249em) {
  .video-highlight-bar__top.dnno-container {
    padding: 0; } }

.video-highlight-bar__top:before {
  content: "";
  display: block;
  width: 100%;
  max-width: 980px;
  padding-top: 8px;
  position: absolute;
  background-color: #004f84;
  top: 0;
  margin: 0; }
  @media (min-width: 41.25em) {
    .video-highlight-bar__top:before {
      width: calc(100% - 2 * 15px);
      margin: 0 15px; } }

@media (max-width: 41.249em) {
  .video-highlight-bar__carousel-wrap.dnno-container {
    padding-left: 0;
    padding-right: 0; } }

.embed-container {
  margin-bottom: 16px;
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .embed-container {
      margin: 32px auto;
      max-width: 80%;
      grid-column: 3 / span 8; } }
  @media (max-width: 41.249em) {
    .embed-container iframe, .embed-container object, .embed-container .twitter-tweet {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 100% !important;
      display: inline-block !important; } }
  .embed-container__youtube {
    position: relative;
    clear: both;
    padding-bottom: 56.25%; }
    @media (min-width: 41.25em) {
      .embed-container__youtube {
        padding-bottom: 45%; } }
    .embed-container__youtube iframe {
      position: absolute;
      border: none;
      height: 100% !important; }
    .embed-container__youtube iframe, .embed-container__youtube object, .embed-container__youtube .twitter-tweet {
      width: 100% !important; }

.figure__embed-container {
  width: calc(100% + 30px);
  max-width: calc(100% + 30px);
  height: auto;
  margin-bottom: 8px;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .figure__embed-container {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .figure__embed-container {
      display: block;
      max-width: 100%;
      width: 100%;
      grid-column: 1 / span 10;
      margin-top: 32px; } }
  .figure__embed-container iframe {
    width: 100%; }

.dp-plugin-youtube-search {
  position: relative;
  clear: both;
  padding-bottom: 56.25%; }
  @media (min-width: 41.25em) {
    .dp-plugin-youtube-search {
      max-width: 80%;
      padding-bottom: 45%;
      margin-left: auto;
      margin-right: auto; } }
  .dp-plugin-youtube-search iframe {
    position: absolute;
    border: none;
    width: 100% !important;
    height: 100% !important; }

.oms-proff-element {
  background-color: #fff0eb;
  color: #006295;
  margin: 16px 0; }
  .oms-proff-element__content {
    box-shadow: 0 1px 0 0 #004f84;
    padding: 16px; }
  .oms-proff-element h3 {
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 16px; }
    @media (min-width: 41.25em) {
      .oms-proff-element h3 {
        width: 214px; } }
    .oms-proff-element h3 a {
      color: #004f84; }
  .oms-proff-element label, .oms-proff-element p {
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    font-size: 14px;
    color: #666; }
  .oms-proff-element label {
    display: block;
    border-bottom: 1px solid #006295;
    padding-bottom: 5px;
    margin-bottom: 4px; }
  .oms-proff-element p {
    line-height: 24px;
    padding-bottom: 4px; }
    .oms-proff-element p a {
      color: #006295;
      text-decoration: none; }
    .oms-proff-element p:last-child {
      margin-top: 16px;
      padding-bottom: 0; }
      .oms-proff-element p:last-child a {
        color: #666; }
      @media (min-width: 41.25em) {
        .oms-proff-element p:last-child {
          margin-top: 32px; } }
  .oms-proff-element a {
    text-decoration: none; }
  .oms-proff-element .button--inverse {
    color: #006295;
    border-color: #006295;
    padding: 0 16px; }
  @media (min-width: 41.25em) {
    .oms-proff-element {
      max-width: 80%;
      margin: 32px auto; } }

.proff-graph-info {
  margin-left: -8px;
  margin-right: -8px; }
  @media (min-width: 41.25em) {
    .proff-graph-info {
      display: flex; } }

.proff-graph-company, .proff-graph-person {
  flex-direction: column;
  padding: 16px 8px 0; }
  @media (min-width: 41.25em) {
    .proff-graph-company, .proff-graph-person {
      width: 50%; } }
  .proff-graph-company p, .proff-graph-person p {
    font-size: 16px; }
    .proff-graph-company p a, .proff-graph-person p a {
      display: block; }

.outer-graph-container {
  margin-bottom: 8px; }
  .outer-graph-container a {
    display: block; }

/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .webui-popover-rtl {
    direction: rtl;
    text-align: right; }
  .webui-popover.top, .webui-popover.top-left, .webui-popover.top-right {
    margin-top: -10px; }
  .webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom {
    margin-left: 10px; }
  .webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right {
    margin-top: 10px; }
  .webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom {
    margin-left: -10px; }
  .webui-popover.pop {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    opacity: 0;
    filter: alpha(opacity=0); }
    .webui-popover.pop-out {
      -webkit-transition-property: "opacity,transform";
      -o-transition-property: "opacity,transform";
      transition-property: "opacity,transform";
      -webkit-transition: 0.15s linear;
      -o-transition: 0.15s linear;
      transition: 0.15s linear;
      opacity: 0;
      filter: alpha(opacity=0); }
  .webui-popover.fade, .webui-popover.fade-out {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
    filter: alpha(opacity=0); }
  .webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0); }
  .webui-popover.in {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100); }
  .webui-popover-content {
    display: none;
    padding: 9px 14px;
    overflow: auto;
    display: block; }
    .webui-popover-content > div:first-child {
      width: 99%; }
  .webui-popover-inner .close {
    font-family: arial;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none; }
    .webui-popover-inner .close:hover, .webui-popover-inner .close:focus {
      opacity: 0.5;
      filter: alpha(opacity=50); }
    .webui-popover-inner .close:after {
      content: "\00D7";
      width: 0.8em;
      height: 0.8em;
      padding: 4px;
      position: relative; }
  .webui-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 5px 5px 0 0; }
  .webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(../img/loading.gif) no-repeat; }
    .webui-popover i.icon-refresh:before {
      content: ""; }
  .webui-popover > .webui-arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px; }
    .webui-popover > .webui-arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 10px;
      content: ""; }
  .webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0; }
    .webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after {
      content: " ";
      bottom: 1px;
      margin-left: -10px;
      border-top-color: #ffffff;
      border-bottom-width: 0; }
  .webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25); }
    .webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after {
      content: " ";
      left: 1px;
      bottom: -10px;
      border-left-width: 0;
      border-right-color: #ffffff; }
  .webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0; }
    .webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after {
      content: " ";
      top: 1px;
      margin-left: -10px;
      border-bottom-color: #ffffff;
      border-top-width: 0; }
  .webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25); }
    .webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: #ffffff;
      bottom: -10px; }
  .webui-popover-inverse {
    background-color: #333333;
    color: #eeeeee; }
    .webui-popover-inverse .webui-popover-title {
      background: #333333;
      border-bottom: 1px solid #3b3b3b;
      color: #eeeeee; }
    .webui-popover-inverse.top > .webui-arrow, .webui-popover-inverse.top-left > .webui-arrow, .webui-popover-inverse.top-right > .webui-arrow, .webui-popover-inverse.top > .webui-arrow:after, .webui-popover-inverse.top-left > .webui-arrow:after, .webui-popover-inverse.top-right > .webui-arrow:after {
      border-top-color: #333333; }
    .webui-popover-inverse.right > .webui-arrow, .webui-popover-inverse.right-top > .webui-arrow, .webui-popover-inverse.right-bottom > .webui-arrow, .webui-popover-inverse.right > .webui-arrow:after, .webui-popover-inverse.right-top > .webui-arrow:after, .webui-popover-inverse.right-bottom > .webui-arrow:after {
      border-right-color: #333333; }
    .webui-popover-inverse.bottom > .webui-arrow, .webui-popover-inverse.bottom-left > .webui-arrow, .webui-popover-inverse.bottom-right > .webui-arrow, .webui-popover-inverse.bottom > .webui-arrow:after, .webui-popover-inverse.bottom-left > .webui-arrow:after, .webui-popover-inverse.bottom-right > .webui-arrow:after {
      border-bottom-color: #333333; }
    .webui-popover-inverse.left > .webui-arrow, .webui-popover-inverse.left-top > .webui-arrow, .webui-popover-inverse.left-bottom > .webui-arrow, .webui-popover-inverse.left > .webui-arrow:after, .webui-popover-inverse.left-top > .webui-arrow:after, .webui-popover-inverse.left-bottom > .webui-arrow:after {
      border-left-color: #333333; }
  .webui-popover-backdrop {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998; }
  .webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none; }

.webui-no-padding .webui-popover-content {
  padding: 0; }

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none; }
  .webui-no-padding .list-group-item:first-child {
    border-top: 0; }
  .webui-no-padding .list-group-item:last-child {
    border-bottom: 0; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

.copyright-container {
  display: inline-block;
  padding-left: 5px; }
  .copyright-container > a {
    display: inline-block;
    text-decoration: none; }
  .copyright-container__tooltip {
    display: none; }

.webui-popover {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 1.75;
  z-index: 97; }
  @media (min-width: 41.25em) {
    .webui-popover {
      font-size: 13px; } }
  .webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow {
    border-top-color: rgba(0, 0, 0, 0.5); }
    .webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after {
      border-top-color: rgba(0, 0, 0, 0.9); }
  .webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow {
    border-right-color: rgba(0, 0, 0, 0.5); }
    .webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after {
      border-right-color: rgba(0, 0, 0, 0.9); }
  .webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.5); }
    .webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after {
      border-bottom-color: rgba(0, 0, 0, 0.9); }
  .webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow {
    border-left-color: rgba(0, 0, 0, 0.5); }
    .webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after {
      border-left-color: rgba(0, 0, 0, 0.9); }
  .webui-popover-content {
    padding: 7px 10px 8px; }
  .webui-popover a {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none; }

.dn-ncp-popup {
  display: flex;
  grid-column: 1 / span 12;
  opacity: 0;
  position: relative;
  width: 100%;
  height: 958px;
  z-index: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  @media (max-width: 41.249em) {
    .dn-ncp-popup.dnno-padding--horizontal {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .dn-ncp-popup {
      height: 435px; } }
  .dn-preview-page .dn-ncp-popup {
    opacity: 1; }
  .dn-ncp-popup-container {
    width: 100% !important; }
    .dn-ncp-popup-container iframe {
      width: 100%;
      height: 100%;
      overflow-y: auto; }

.dn-preview-page .page-tools,
.dn-preview-page .article-body,
.dn-preview-page .like-buttons {
  display: none !important; }

.dn-preview-page .article-author + .dn-ncp-popup {
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .dn-preview-page .article-author + .dn-ncp-popup {
      margin-top: 32px; } }

.dnno-cookieInfo {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: rgba(0, 79, 132, 0.95);
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  padding: 15px 0;
  z-index: 2; }
  @media (max-width: 41.249em) {
    .dnno-cookieInfo__wrap {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .dnno-cookieInfo__wrap {
      margin: 0 7px; } }
  .dnno-cookieInfo:not(.is-hidden) + .site-footer {
    margin-bottom: 153px; }
    @media (min-width: 41.25em) {
      .dnno-cookieInfo:not(.is-hidden) + .site-footer {
        margin-bottom: 102px; } }

.button--cookie {
  width: 47%;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  padding: 0;
  margin-right: 12px;
  margin-top: 12px; }
  @media (min-width: 41.25em) {
    .button--cookie {
      width: 81px;
      margin-right: 8px; } }
  .button--cookie + .button--cookie {
    margin-right: 0; }

.page-dagens-avis__title {
  display: block; }

.page-title__sub {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  padding: 4px 0; }
  @media (min-width: 41.25em) {
    .page-title__sub {
      padding-left: 16px; } }

.utgaver {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  margin-bottom: 32px; }
  @media (min-width: 41.25em) {
    .utgaver {
      margin-bottom: 16px; } }
  @media (max-width: 41.249em) {
    .utgaver .dnno-padding--horizontal {
      padding: 0; } }
  .utgaver__content {
    grid-column: span 2; }
    @media (min-width: 41.25em) {
      .utgaver__content {
        grid-column: span 5; } }
  .utgaver .button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 8px; }
  .utgaver__login, .utgaver__access {
    font-size: 18px;
    line-height: 1.2;
    padding: 10px; }
    .utgaver__login p, .utgaver__access p {
      margin-bottom: 8px;
      margin-top: 4px; }
  .utgaver__login {
    background-color: #FFF;
    border-bottom: 1px solid #008bd0;
    margin-bottom: 16px; }
    .utgaver__login .button {
      justify-content: center; }
  .utgaver__access {
    background-color: #e8e7e4;
    color: #004f84; }
    @media (min-width: 41.25em) {
      .utgaver__access {
        padding-bottom: 32px; } }
    .utgaver__access h2 {
      font-size: 24px;
      line-height: 1.2;
      margin-bottom: 8px; }

.latest-preview {
  grid-column: span 2;
  margin-bottom: 8px; }
  @media (min-width: 41.25em) {
    .latest-preview {
      grid-column: span 7; } }
  .latest-preview img {
    width: 100%; }

.leseliste-greeting {
  display: flex;
  justify-content: flex-start;
  grid-column: 1 / span 2;
  margin-top: 16px;
  align-items: center; }
  @media (min-width: 41.25em) {
    .leseliste-greeting {
      grid-column: 1 / span 12; } }
  @media (max-width: 41.249em) {
    .leseliste-greeting.dnno-padding--horizontal {
      padding: 0; } }

.leseliste-greeting__svg {
  fill: #008bd0;
  height: 24px;
  width: 24px;
  margin: 0; }
  @media (min-width: 41.25em) {
    .leseliste-greeting__svg {
      margin-left: 8px; } }

.leseliste-greeting__h4 {
  align-self: center;
  font: normal 16px/24px "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0; }

.leseliste-greeting__svg + .leseliste-greeting__h4 {
  margin-left: 8px; }

.leseliste-empty {
  display: flex;
  flex-direction: column;
  grid-column: 1 / span 2;
  margin: 32px 0; }
  @media (min-width: 41.25em) {
    .leseliste-empty {
      grid-column: 5 / span 4; } }

.leseliste-empty__heading {
  font: bold 24px/35px "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027;
  text-align: center; }

.leseliste-empty__svg {
  margin: 16px auto;
  max-width: 300px; }

.leseliste-empty__instructions {
  display: block;
  font: normal 24px/22px "Guardian Sans Black", "Helvetica", sans-serif;
  color: #ff6027;
  text-align: center;
  letter-spacing: 0.26px;
  max-width: 300px;
  margin: 0 auto; }

.leseliste-empty__explore {
  align-self: center;
  width: auto;
  margin-top: 16px; }

.leseliste-article-list {
  display: grid;
  background-color: #f0f0f0;
  justify-content: center;
  margin: 0; }
  @media (min-width: 41.25em) {
    .leseliste-article-list {
      margin: 32px 0; } }

.leseliste-article-list__column {
  grid-column: 1 / span 12;
  padding-bottom: 16px;
  margin: 0; }
  @media (max-width: 41.249em) {
    .leseliste-article-list__column.dnno-padding--horizontal {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .leseliste-article-list__column {
      padding-bottom: 32px; }
      .leseliste-article-list__column:nth-last-child(-n+2) {
        padding-bottom: 0; } }

.leseliste-article-list__column--first {
  margin-right: 0; }
  @media (min-width: 41.25em) {
    .leseliste-article-list__column--first {
      grid-column: 1 / span 6; } }

@media (min-width: 41.25em) {
  .leseliste-article-list__column--second {
    grid-column: 7 / span 6; } }

.leseliste-article-list__list {
  background-color: #FFF;
  border-top: 8px solid #085082;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0; }

.leseliste-article-list__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 0 0 #e7e7e7;
  min-height: 48px;
  position: relative; }
  .leseliste-article-list__item:after, .leseliste-article-list__item:nth-child(n+2)::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    top: 0;
    left: 8px;
    background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
    display: flex; }
  .leseliste-article-list__item:after {
    top: 20px;
    height: calc(100% - 20px); }
  .leseliste-article-list__item:last-child {
    border: none; }
    .leseliste-article-list__item:last-child:after {
      background: none; }

.leseliste-article-list__datesvg {
  position: absolute;
  top: 16px;
  left: 4px;
  display: inline-block;
  fill: #ff6027;
  width: 9px;
  height: 9px;
  margin-right: 6px; }

.leseliste-article-list_item__publishedsince {
  margin: 4px 0 0 20px;
  font: normal 16px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027; }

.leseliste-article-list__title {
  display: flex;
  width: 100%;
  font: bold 18px/ 22px "Guardian Sans", "Helvetica", sans-serif;
  margin: 2px 10px 0 10px;
  color: #2f2f2f;
  text-decoration: none;
  text-align: left; }
  .leseliste-article-list__title:hover {
    text-decoration: underline; }

.leseliste-article-list__badge {
  margin-left: auto; }

.leseliste-article-list__viewall {
  margin-top: 8px; }

.nyhetsbrev-list {
  display: grid;
  background-color: #f0f0f0;
  justify-content: center;
  margin: 0; }
  @media (min-width: 41.25em) {
    .nyhetsbrev-list {
      margin: 32px 0; } }

.nyhetsbrev-list__column {
  grid-column: 1 / span 12;
  margin-bottom: 16px; }
  @media (max-width: 41.249em) {
    .nyhetsbrev-list__column.dnno-padding--left, .nyhetsbrev-list__column.dnno-padding--right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .nyhetsbrev-list__column {
      margin: 0; } }

.nyhetsbrev-list__column--first {
  margin-right: 0; }
  @media (min-width: 41.25em) {
    .nyhetsbrev-list__column--first {
      grid-column: 1 / span 6; } }

@media (min-width: 41.25em) {
  .nyhetsbrev-list__column--second {
    grid-column: 7 / span 6; } }

.nyhetsbrev-list__heading {
  font: bold 18px/24px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.5px;
  color: #004f84; }

.nyhetsbrev-list__heading + .nyhetsbrev-list__list {
  margin-top: 16px; }

.nyhetsbrev-list__list {
  border-top: 10px solid #085082;
  padding: 0;
  margin: 0;
  list-style: none; }

.nyhetsbrev-list__item {
  padding: 10px 16px;
  min-height: 48px;
  position: relative;
  margin-bottom: 8px;
  background-color: #FFF; }

.nyhetsbrev-list__item-header {
  box-shadow: 0 1px 0 0 #e7e7e7;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 8px; }

.nyhetsbrev-list__mail {
  fill: #008bd0;
  width: 20px;
  height: 13.5px;
  margin-top: 2px;
  flex: 0 0 auto; }

.nyhetsbrev-list__title {
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  margin-left: 8px;
  color: #008bd0; }

.nyhetsbrev-list__freq {
  font: normal 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  margin-left: 8px;
  color: #828282; }

.nyhetsbrev-list__settings {
  fill: #828282;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  transition: 0.2s all ease-in-out; }
  .nyhetsbrev-list__settings:hover {
    fill: #008bd0; }
  .nyhetsbrev-list__settings:active, .nyhetsbrev-list__settings:focus {
    fill: #004f84; }

.nyhetsbrev-list__stopp {
  margin-left: auto;
  flex: 0 0 auto; }

.nyhetsbrev-list__desc {
  font: normal 16px/ 22px "Guardian Sans", "Helvetica", sans-serif;
  color: #2f2f2f;
  text-decoration: none;
  text-align: left;
  margin: 8px 16px 8px 28px; }

.nyhetsbrev-list__viewall {
  margin-top: 8px; }

.article-list-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px; }
  .article-list-header:not(.article-list-header--tag) {
    height: 48px; }

.article-list-header--tag {
  justify-content: space-between; }

.article-list-header__author {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: auto; }

.article-list-header__avatar {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid transparent;
  width: 48px;
  height: 48px;
  font-size: 11px;
  object-fit: scale-down; }

.article-list-header__authorname {
  margin: 0 0 0 16px;
  font: normal 18px/23px "Guardian Sans", "Helvetica", sans-serif;
  transition: 0.2s all ease-in-out; }

.article-list-header__author-link {
  color: #008bd0;
  text-decoration: none; }
  .article-list-header__author-link:hover {
    text-decoration: underline; }

.article-list-header__settings + .article-list-header__button {
  margin-left: 8px; }

.teaser-footer {
  display: flex;
  width: 100%;
  margin-top: auto;
  padding-top: 8px;
  align-items: flex-end; }

.teaser-footer__tags {
  display: inline-flex;
  align-items: center;
  align-self: center; }

.teaser__image {
  width: 100%;
  display: block; }

.teaser__badge {
  float: left; }

.teaser-footer__tag {
  float: left;
  display: block; }

.teaser__badge + .teaser-footer__tag,
.teaser__badge + .teaser--meninger__tag {
  margin-left: 8px; }

.teaser__button-circle {
  margin-left: auto; }

.teaser-footer--special {
  justify-content: center; }
  .teaser-footer--special .teaser-footer__tags .badge {
    display: none; }
  .teaser-footer--special .teaser-footer__tags + .teaser--special__leseliste {
    margin-left: 8px; }

.teaser-footer--meninger {
  align-items: center; }

.teaser-footer--dn-investor {
  padding: 8px 10px 10px 10px;
  box-sizing: border-box; }

.teaser--ad {
  height: auto;
  display: flex;
  margin-bottom: 16px;
  font-family: "Helvetica", "Arial", sans-serif; }

.teaser--ad__outer {
  border-top: 1px solid #5d5d5d;
  border-bottom: 1px solid #5d5d5d; }

.teaser--ad__ad-notice {
  font-size: 12px;
  line-height: 16px;
  color: #5d5d5d; }

.teaser--ad__wrap {
  background-color: #FFF; }

.teaser--ad__text {
  padding: 16px 10px; }

.teaser--ad__subheadline,
.teaser--ad__headline {
  margin: 0;
  color: #2f2f2f; }

.teaser--ad__subheadline + .teaser--ad__headline {
  margin-top: 4px; }

.teaser--ad__subheadline {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase; }

.teaser--ad__headline {
  font-size: 23px;
  line-height: 25px;
  text-decoration: none; }

.teaser--ad-with-subhead__headline {
  font-size: 26px;
  line-height: 28px; }

.teaser--ad__headline-a {
  text-decoration: none;
  color: #2f2f2f; }

.teaser {
  grid-column: span 2;
  height: auto;
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .teaser {
      grid-column: span 12; } }
  @media (max-width: 41.249em) {
    .teaser.dnno-padding--horizontal {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .teaser {
      grid-column: span 6; } }
  @media (min-width: 61.375em) {
    .teaser {
      grid-column: span 4; } }
  @media (min-width: 41.25em) {
    .teaser-grid__adobe-target--two .teaser {
      grid-column: span 6; } }
  .teaser-grid__adobe-target--one .teaser {
    grid-column: span 12; }
  .teaser-grid__adobe-target .teaser:last-child {
    margin-bottom: 16px; }

.teaser__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .teaser__tile {
      height: 443px; }
      .teaser-grid__adobe-target .teaser__tile {
        height: 410px; } }
  @media (min-width: 61.375em) {
    .teaser__tile {
      height: 385px; }
      .teaser-grid__adobe-target .teaser__tile {
        height: 370px; }
      .teaser-grid__adobe-target--two .teaser__tile {
        height: 450px; } }
  @media (min-width: 41.25em) {
    .teaser-grid__adobe-target--one .teaser__tile {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      display: grid;
      grid-template-columns: 46.875vw 46.875vw;
      grid-template-rows: 1fr auto;
      grid-template-areas: 'Asset Text' 'Asset Chasers';
      grid-column-gap: 10px;
      background-color: #fff;
      border-bottom: 1px solid #008bd0;
      height: auto; } }
  @media (min-width: 61.375em) {
    .teaser-grid__adobe-target--one .teaser__tile {
      grid-template-columns: 485px 485px; } }
  @media (min-width: 41.25em) {
    .teaser-grid__adobe-target--one .teaser__tile--special {
      border-bottom: 1px solid #2f2f2f; } }
  @media (min-width: 41.25em) {
    .teaser-grid__adobe-target--one .teaser__tile--dntv {
      border-bottom: 1px solid #ff6027; } }

.teaser__a-img {
  position: relative;
  background-color: #e7e7e7;
  padding-bottom: 56.25%; }
  .teaser-grid__adobe-target--one .teaser__a-img {
    padding-bottom: 0; }
    @media (min-width: 41.25em) {
      .teaser-grid__adobe-target--one .teaser__a-img {
        width: 100%;
        flex: 0 0 485px; } }

.teaser__hasvideo {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 10px;
  right: 10px;
  fill: White;
  z-index: 1; }

.teaser__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: inherit;
  padding: 10px;
  border-bottom: 1px solid #008bd0;
  background-color: #FFF; }
  .teaser-grid__adobe-target .teaser__info {
    overflow: hidden; }
  @media (min-width: 41.25em) {
    .teaser-grid__adobe-target--one .teaser__info {
      position: relative;
      border: none;
      overflow: visible;
      width: 100%;
      flex: 0 0 485px;
      box-sizing: border-box;
      padding-left: 0; } }

.teaser__text {
  width: 100%;
  text-decoration: none;
  transition: all 0.2s ease-in-out; }
  .teaser__text:hover {
    opacity: 0.75; }

.teaser__kicker {
  font: bold 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #2f2f2f; }

.teaser__headline {
  flex: 1;
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 100%;
  color: #2f2f2f;
  line-height: 1.1;
  margin: 0; }

.teaser__preview {
  font: normal 14px/18px "Guardian Egyptian", "Georgia", sans-serif;
  color: #2f2f2f;
  max-height: 54px; }

.teaser__kicker + .teaser__headline,
.teaser__headline + .teaser__preview {
  margin-top: 8px; }

.teaser__h3a {
  color: #2f2f2f;
  text-decoration: none; }

.teaser__image {
  position: absolute;
  top: 0;
  width: 100%;
  display: block; }
  .teaser-grid__adobe-target--one .teaser__image {
    position: static; }

.teaser--meninger__avatar {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #effaff;
  background-blend-mode: multiply;
  float: right;
  border: 1px solid #008bd0;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  text-align: center;
  margin-left: 16px;
  margin-top: -17px;
  overflow: hidden; }
  .teaser--meninger__avatar img {
    height: 100%;
    font-size: 11px;
    visibility: hidden; }

.teaser--meninger__info {
  background-color: #effaff;
  padding: 10px 10px 8px 10px;
  background-position: bottom right;
  background-size: 25%;
  background-repeat: no-repeat; }

.teaser--meninger__headline {
  font-family: "Guardian Egyptian", "Georgia", sans-serif;
  font-weight: normal;
  margin: 0; }

.teaser--meninger__author {
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #008bd0;
  text-decoration: none;
  margin-bottom: 4px;
  display: inline-block; }
  .teaser--meninger__author:hover {
    text-decoration: underline; }

@media (min-width: 41.251em) and (max-width: 61.374em) {
  .teaser--meninger__tag {
    display: none; } }

.teaser--meninger__button-circle {
  background-color: #effaff;
  margin-left: auto; }

.teaser--special__info {
  border-bottom: 1px solid #2f2f2f; }

.teaser--dntv__info {
  border-bottom: 1px solid #ff6027; }

.teaser--special__badge {
  position: absolute;
  margin: -21.5px auto 0 auto;
  left: 0;
  right: 0;
  z-index: 2; }

.teaser--special__headline,
.teaser--special__preview {
  margin-top: 8px;
  text-align: center; }

.teaser--special__footer {
  justify-content: center; }

.teaser--special__tag {
  align-self: center; }

.teaser--special__leseliste {
  margin: 0; }

.teaser--special__tag + .teaser--special__leseliste {
  margin-left: 8px; }

@media (max-width: 41.249em) {
  .mobile-horizontal {
    flex-direction: row; } }

@media (min-width: 41.251em) and (max-width: 61.374em) {
  .tablet-horizontal {
    flex-direction: row; } }

@media (min-width: 61.375em) {
  .desktop-horizontal {
    flex-direction: row; } }

.is-investor,
.is-magasinet {
  fill: #000; }

.is-dntv {
  fill: #ff6027; }

.is-dn-plus {
  fill: #008bd0; }

.teaser--c {
  grid-column: span 2;
  background-color: White;
  border-bottom: 1px solid #008bd0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  @media (min-width: 41.25em) {
    .teaser--c {
      grid-column: span 4; } }
  @media (min-width: 41.25em) {
    .teaser--c {
      grid-column: span 4; } }
  @media (min-width: 61.375em) {
    .teaser--c {
      grid-column: span 4; } }

.teaser--c__kicker {
  font-size: 14px; }

.teaser__kicker + .teaser--c__headline {
  margin-top: 4px; }

.teaser--c {
  grid-column: span 2;
  background-color: White;
  box-shadow: 0 1px 0 0 #008bd0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  @media (min-width: 41.25em) {
    .teaser--c {
      grid-column: span 4; } }

.teaser--c__text {
  text-decoration: none;
  transition: all 0.2s ease-in-out; }
  .teaser--c__text:hover {
    opacity: 0.75; }

.teaser--c__kicker {
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027; }

.teaser--c__headline {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1;
  margin: 0;
  color: #2f2f2f; }

.teaser--c__kicker {
  font-size: 14px; }

.teaser__kicker + .teaser--c__headline {
  margin-top: 4px; }

.teaser--c-meninger {
  grid-column: span 2;
  margin: 0; }
  @media (min-width: 41.25em) {
    .teaser--c-meninger {
      grid-column: span 4; } }

.teaser--c-meninger__headline {
  font: normal 16px/22px "Guardian Egyptian", Georgia, sans-serif;
  margin: 0; }

.teaser--dntv {
  height: auto;
  display: flex;
  margin-bottom: 16px;
  align-items: stretch;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .teaser--dntv {
      grid-column: span 6; } }
  @media (min-width: 61.375em) {
    .teaser--dntv {
      grid-column: span 3; } }

.teaser--dntv__wrap {
  background-color: white;
  box-shadow: 0 1px 0 0 #ff6027; }

.teaser--dntv__date-bar {
  background-color: #f0f0f0;
  display: block;
  width: 100%;
  padding-bottom: 4px; }

.teaser--dntv__date .teaser-datetime__time {
  color: #666; }

.teaser--dntv__image-a {
  display: block;
  position: relative; }

.teaser--dntv__img {
  min-width: 0px;
  min-height: 0px;
  width: 100%;
  display: block; }

.teaser--dntv__text {
  padding: 10px 10px 32px 10px; }

.teaser--dntv__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1;
  margin-bottom: 8px; }

.teaser--dntv__h3-a {
  font-size: 18px;
  line-height: 22px;
  color: #2f2f2f;
  text-decoration: none;
  hyphens: auto; }

.teaser--ticker {
  grid-column: 1 / span 2;
  background-color: #FFF;
  position: relative;
  min-height: 62px;
  z-index: 10;
  padding: 0; }
  @media (max-width: 41.249em) {
    .teaser--ticker.dnno-padding--horizontal {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .teaser--ticker {
      grid-column: 1 / span 4; } }
  .teaser--ticker:before, .teaser--ticker:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 1px;
    top: 0;
    left: 8px;
    background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
    display: flex; }
  .teaser--ticker:after {
    height: 100%; }
  .teaser--ticker:last-child:after {
    background: none; }
  @media (max-width: 60em) {
    .teaser--ticker:nth-child(5):after {
      background: none; } }
  @media (max-width: 60em) {
    .teaser--ticker:nth-last-child(-n+5) {
      display: none; } }

.teaser--ticker__datetime {
  font: normal 14px/16px "Guardian Sans", "Helvetica", sans-serif;
  color: #ababab;
  display: inline-flex;
  align-items: center;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .teaser--ticker__datetime {
      margin-left: 0; } }

.teaser--ticker__datetime--siste {
  color: #ff6027;
  margin-left: 8px; }

.teaser--ticker__datesvg {
  position: absolute;
  top: 8px;
  left: 4px;
  display: inline-block;
  fill: #ff6027;
  width: 9px;
  height: 9px;
  margin-right: 6px; }

.teaser--ticker__headline {
  display: block;
  margin: 0;
  padding: 0 8px 0 24px;
  text-decoration: none;
  font: normal 14px/18px "Guardian Sans", "Helvetica", sans-serif;
  color: #2f2f2f;
  transition: all 0.2s ease-in-out; }
  .teaser--ticker__headline:hover {
    opacity: 0.75; }

.teaser--ticker__info {
  height: inherit;
  overflow: auto;
  text-decoration: none;
  padding: 4px 0 8px 0;
  display: block; }
  .teaser--ticker__info:hover {
    cursor: pointer; }

.teaser--ticker__text {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  margin-left: 24px;
  display: flex;
  flex-direction: column;
  padding-top: 10px; }

.teaser--ticker__header {
  display: inline-flex;
  padding-left: 16px;
  justify-content: flex-start; }

.teaser--ticker__image {
  float: right;
  margin: 4px 8px 0 0;
  max-width: 70px; }

.teaser--ticker__time {
  width: auto; }

.teaser--ticker__tags {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  line-height: 22px; }

.badge + .teaser--ticker__tag {
  margin-left: 8px; }

.teaser--ticker__badge {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  /* IE11 */
  max-width: 32px;
  max-height: 14px;
  object-fit: scale-down;
  /* FF */ }
  @supports (display: grid) {
    .teaser--ticker__badge {
      max-height: unset; } }
  .teaser--ticker__badge.badge-d2, .teaser--ticker__badge.badge-magasinet {
    max-width: 16px; }

.teaser--ticker + .teaser--ticker {
  margin-top: 1px; }

.teaser--services {
  height: auto;
  display: flex;
  margin-bottom: 16px; }

.teaser--services__wrap {
  background-color: white;
  box-shadow: 0 1px 0 0 #008bd0; }

.teaser--services__image-a {
  display: block; }

.teaser--services__img {
  min-width: 0px;
  min-height: 0px;
  width: 100%;
  display: block; }

.teaser--services__text {
  padding: 16px; }

.teaser--services__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1;
  margin-bottom: 8px; }

.teaser--services__h3-a {
  font-size: 24px;
  color: #2f2f2f;
  text-decoration: none; }

.teaser--services__para {
  font-size: 18px;
  color: #272727;
  line-height: 24px; }

.teaser--static-projects {
  height: auto;
  display: flex;
  margin-bottom: 16px;
  grid-column: 1/ span 2;
  position: relative; }
  @media (min-width: 41.25em) {
    .teaser--static-projects {
      grid-column: span 6; } }
  @media (max-width: 41.249em) {
    .teaser--static-projects.dnno-padding--left, .teaser--static-projects.dnno-padding--right {
      padding: 0; } }

.teaser--static-projects--wide {
  grid-column: 1/ span 2; }
  @media (min-width: 41.25em) {
    .teaser--static-projects--wide {
      grid-column: span 12; } }

.teaser--static-projects__wrap {
  position: absolute;
  top: 33%;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  background: linear-gradient(0deg, rgba(0, 139, 208, 0.7) 0%, rgba(0, 139, 208, 0) 100%);
  width: 100%;
  margin: 0; }
  @media (min-width: 41.25em) {
    .teaser--static-projects__wrap {
      margin: 0 8px;
      width: calc(100% - 2 * 8px); } }

@media (min-width: 41.25em) {
  .teaser--static-projects__wrap--wide {
    padding: 32px; } }

.teaser--static-projects__image-a {
  display: block; }

.teaser--static-projects__img {
  width: 100%;
  height: 100%;
  display: block; }

.teaser--static-projects__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1; }

.teaser--static-projects__h3-a,
.teaser--static-projects__h3-a--wide {
  color: white;
  text-decoration: none; }

.teaser--static-projects__h3-a {
  font-size: 20px;
  line-height: 22px; }
  @media (min-width: 41.25em) {
    .teaser--static-projects__h3-a {
      font-size: 36px;
      line-height: 1; } }

@media (min-width: 41.25em) {
  .teaser--static-projects__h3-a--wide {
    font-size: 64px; } }

.teaser--static-projects__blurb,
.teaser--static-projects__tags-group {
  display: none; }
  @media (min-width: 61.375em) {
    .teaser--static-projects__blurb,
    .teaser--static-projects__tags-group {
      display: block; } }

.teaser--static-projects__blurb {
  font: normal 18px/24px "Guardian Egyptian", "Georgia", sans-serif;
  color: white;
  margin: 8px 0 16px; }

@media (min-width: 41.25em) {
  .teaser--static-projects__blurb--wide {
    font-size: 24px;
    line-height: 27px; } }

.teaser--static-projects__h3 + .teaser--static-projects__blurb {
  margin-top: 8px; }

/* JUST FOR TESTING PLEASE DELETE */
.teaser--static-projects:nth-child(2) .teaser--static-projects__blurb:after,
.teaser--static-projects:nth-child(3) .teaser--static-projects__blurb:after,
.teaser--static-projects:nth-child(5) .teaser--static-projects__blurb:after,
.teaser--static-projects:nth-child(8) .teaser--static-projects__blurb:after {
  content: " with some extra text to test line wrapping"; }

.teaser-datetime {
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #ababab;
  align-items: center; }
  .teaser-datetime + .teaser__tile, .teaser-datetime + .teaser__a-img, .teaser-datetime + .teaser__info {
    margin-top: 4px; }
  .teaser-datetime + .teaser__a-img {
    position: relative; }

.teaser-datetime--siste {
  color: #ff6027; }

.teaser-datetime__datesvg {
  display: inline-block;
  fill: #ff6027;
  width: 12px;
  height: 12px;
  margin-right: 6px; }

.teaser-datetime__date {
  display: none;
  white-space: pre-wrap; }

.teaser-datetime__date--visible {
  display: inline-flex;
  align-items: center; }

.teaser--listview {
  grid-column: 1 / span 2;
  background-color: #FFF;
  position: relative;
  margin-top: 8px;
  z-index: 10; }
  @media (max-width: 41.249em) {
    .teaser--listview.dnno-padding--horizontal {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .teaser--listview {
      padding-bottom: 0;
      grid-column: 1 / span 12; } }
  .teaser--listview:first-of-type {
    margin-top: 0; }
  .teaser--listview:last-child:after {
    background: none; }

.teaser--listview-siste:before {
  content: "";
  position: absolute;
  height: 25px;
  width: 1px;
  left: 15px;
  background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
  display: flex; }
  @media (min-width: 41.25em) {
    .teaser--listview-siste:before {
      left: 12px; } }

.teaser--listview-siste:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
  display: flex;
  left: 15px; }
  @media (min-width: 41.25em) {
    .teaser--listview-siste:after {
      left: 12px; } }

.teaser--listview-siste:first-of-type {
  margin-top: 8px; }

.teaser--listview__datetime {
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #ababab;
  display: inline-flex;
  align-items: center;
  display: inline;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview__datetime {
      margin-left: 0; } }

.teaser--listview__datetime--siste {
  color: #ff6027;
  margin-left: 8px; }

.teaser--listview__hasvideo {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  fill: #008bd0; }
  .teaser--listview__hasvideo.is-investor, .teaser--listview__hasvideo.is-magasinet {
    fill: #000; }
  .teaser--listview__hasvideo.is-dntv {
    fill: #ff6027; }
  .teaser--listview__hasvideo.is-dn-plus {
    fill: #008bd0; }

.teaser--listview__datesvg {
  position: absolute;
  top: 15px;
  left: 11px;
  display: inline-block;
  fill: #ff6027;
  width: 9px;
  height: 9px;
  margin-right: 6px; }
  @media (min-width: 41.25em) {
    .teaser--listview__datesvg {
      top: 20px;
      left: 8px; } }

.teaser--listview__datetime,
.teaser--listview__tags {
  line-height: 22px; }
  @media (min-width: 41.25em) {
    .teaser--listview__datetime,
    .teaser--listview__tags {
      line-height: 30px; } }

.teaser--listview__headline {
  display: block;
  width: calc(100% - 40px);
  line-height: 22px;
  margin: 4px 0 0 8px;
  text-decoration: none;
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 18px;
  color: #2f2f2f;
  font-weight: normal;
  transition: all 0.2s ease-in-out; }
  @media (min-width: 41.25em) {
    .teaser--listview__headline {
      margin-left: 8px;
      display: inline-block;
      margin-top: 0;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 24px; } }
  .teaser--listview__headline:hover {
    opacity: 0.75; }

.teaser--listview__info {
  height: inherit;
  top: 10px;
  padding: 10px 0;
  overflow: auto; }
  @media (min-width: 41.25em) {
    .teaser--listview__info {
      display: inline-flex;
      width: 100%;
      box-sizing: border-box; } }

.teaser--listview__text {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview__text {
      display: inline-flex;
      align-items: center;
      max-width: 67.5%;
      height: 30px;
      margin-left: 8px; } }
  @media (min-width: 61.375em) {
    .teaser--listview__text {
      max-width: 72%; } }

.teaser--listview-siste__text {
  margin-left: 24px; }
  @media (min-width: 41.25em) {
    .teaser--listview-siste__text {
      margin-left: 8px; } }

.teaser--listview__tags {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 80px;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview__tags {
      margin: 0;
      align-self: start;
      top: 14px;
      right: 43px;
      left: auto; } }

.teaser--listview-siste__tags {
  left: 65px; }
  @media (min-width: 41.25em) {
    .teaser--listview-siste__tags {
      left: auto; } }

.badge + .teaser--listview__tag {
  margin-left: 8px; }

.teaser--listview__button-circle {
  position: absolute;
  top: 8px;
  right: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview__button-circle {
      display: block;
      top: 12px; } }

.teaser--listview--meninger {
  background-color: #effaff; }

.teaser--listview--meninger__headline {
  font-family: "Guardian Egyptian", "Georgia", sans-serif;
  width: calc(100% - 40px);
  margin-left: 8px; }

.teaser--listview--meninger__name {
  display: inline-block;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  text-decoration: none;
  color: #008bd0;
  margin: 4px 0 0 8px;
  white-space: nowrap; }
  @media (min-width: 41.25em) {
    .teaser--listview--meninger__name {
      margin-top: 0;
      margin-left: 20px; } }

.badge + .teaser--listview--meninger__tag {
  margin-left: 8px; }

.teaser--listview__item_dot {
  background-image: URL("/dn/static/assets/images/siste/dot.png");
  background-repeat: no-repeat;
  background-size: 9px 9px;
  background-position: 11px 15px; }

@media (min-width: 41.25rem) {
  .teaser--listview__item_dot {
    background-position: 0 45%; } }

.siste-date_dategroup_circledot {
  display: inline-block;
  position: absolute;
  left: 9px;
  padding-left: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-image: URL("/dn/static/assets/images/siste/dotcircle.png"); }

@media (min-width: 41.25rem) {
  .siste-date_dategroup_circledot {
    left: 14px; } }

.teaser--listview-search {
  position: relative;
  z-index: 10;
  margin-top: 8px;
  background-color: #fff;
  grid-column: 1 / span 2; }
  @media (max-width: 41.249em) {
    .teaser--listview-search.dnno-padding--left, .teaser--listview-search.dnno-padding-right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .teaser--listview-search {
      grid-column: 1 / span 12; } }
  .teaser--listview-search:first-of-type {
    margin-top: 0; }
  .teaser--listview-search:last-child:after {
    background: none; }

.teaser--listview-search__info {
  top: 10px;
  overflow: auto;
  height: inherit;
  padding: 10px 0; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__info {
      display: inline-flex;
      box-sizing: border-box;
      width: 100%; } }

.teaser--listview-search__text {
  transition: all 0.2s ease-in-out;
  text-decoration: none; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__text {
      display: inline-flex;
      align-items: flex-start;
      margin-left: 8px; } }

.teaser--listview-search__datetime {
  font: normal 14px/ 1 "Guardian Sans", "Helvetica", sans-serif;
  display: inline-flex;
  display: inline;
  align-items: center;
  margin-left: 8px;
  color: #ababab; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__datetime {
      margin-left: 0; } }

.teaser--listview-search__title-wrapper {
  display: block;
  max-width: 100%;
  margin: 4px 8px 0 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__title-wrapper {
      display: inline-block;
      margin-top: 0;
      margin-left: 16px; } }

.teaser--listview-search__headline {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 8px;
  transition: all 0.2s ease-in-out; }
  .teaser--listview-search__headline a {
    text-decoration: none;
    color: #2f2f2f; }
  .teaser--listview-search__headline a:hover {
    opacity: 0.75; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__headline {
      max-width: 300px; } }

.teaser--listview-search__subtext {
  font-family: "Guardian Egyptian", "Georgia", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: #2f2f2f; }

.teaser--listview-search__datetime,
.teaser--listview-search__tags {
  line-height: 20px; }

.teaser--listview-search__tags {
  position: absolute;
  top: 10px;
  left: 80px;
  display: inline-flex;
  align-items: center;
  margin-left: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__tags {
      top: 12px;
      right: 43px;
      left: auto;
      align-self: start;
      margin: 0; } }

.badge + .teaser--listview-search__tag {
  margin-left: 8px; }

.teaser--listview-search__button-circle {
  position: absolute;
  top: 8px;
  right: 8px; }
  @media (min-width: 41.25em) {
    .teaser--listview-search__button-circle {
      top: 10px;
      display: block; } }

.teaser--listview-search__hasvideo {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  fill: #008bd0; }
  .teaser--listview-search__hasvideo.is-investor, .teaser--listview-search__hasvideo.is-magasinet {
    fill: #000; }
  .teaser--listview-search__hasvideo.is-dntv {
    fill: #ff6027; }
  .teaser--listview-search__hasvideo.is-dn-plus {
    fill: #008bd0; }

.teaser--listview-search--meninger {
  background-color: #effaff; }

.teaser--listview-search--meninger__headline {
  font-family: "Guardian Egyptian", "Georgia", sans-serif;
  padding-top: 2px; }

.teaser--listview-search-meninger__datetime {
  line-height: 1.2em; }

.teaser--listview-search--meninger__name {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  text-decoration: none;
  color: #008bd0; }

.badge + .teaser--listview-search--meninger__tag {
  margin-left: 8px; }

.teaser--listview-search--subscribe {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  background-color: #e8e7e4;
  border-left: 8px solid #d8d7d2;
  padding: 8px;
  color: #004f84; }
  @media (max-width: 41.249em) {
    .teaser--listview-search--subscribe.dnno-padding--left, .teaser--listview-search--subscribe.dnno-padding-right {
      padding: 8px; } }

.teaser--listview-search--subscribe__headline {
  font-weight: normal;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 8px; }
  .teaser--listview-search--subscribe__headline span {
    font-family: "Guardian Sans Black", "Helvetica", sans-serif; }

.teaser--listview-search--subscribe__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.teaser--listview-search--subscribe__text {
  font-size: 18px;
  line-height: 1.2;
  margin-right: 16px; }

.teaser--listview-search--subscribe .button--icon-left {
  white-space: nowrap; }

.teaser--listview-search--ad__tag {
  border-radius: 5px;
  border: 1px solid #828282;
  color: #828282;
  background: transparent; }

.teaser--listview-search--ad__tag:hover {
  border: 1px solid #828282;
  background: transparent; }

.teaser--listview-search--ad__headline {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.25px; }

.teaser--listview-search--ad__subtext {
  font-family: "Guardian Sans", "Helvetica", sans-serif; }

.teaser--dn-avisen {
  width: 100%;
  max-width: 980px;
  padding: 0 8px;
  color: #004f84;
  transition: all 0.2s ease-in-out;
  text-decoration: none; }
  .teaser--dn-avisen:hover {
    cursor: pointer; }
    .teaser--dn-avisen:hover .teaser--dn-avisen__title,
    .teaser--dn-avisen:hover .teaser--dn-avisen__subheadline {
      opacity: 0.75; }

.teaser--dn-avisen__wrap {
  display: flex;
  flex-direction: column;
  background-color: #E8E7E4;
  width: 100%;
  max-width: 980px; }
  @media (min-width: 41.25em) {
    .teaser--dn-avisen__wrap {
      flex-direction: row; } }

.teaser--dn-avisen__image {
  width: 100%;
  height: 100%; }
  @media (min-width: 41.25em) {
    .teaser--dn-avisen__image {
      width: auto;
      height: 100%; } }

.teaser--dn-avisen__info {
  padding: 10px 10px 16px 10px;
  position: relative; }
  .teaser--dn-avisen__info:before {
    position: absolute;
    content: '';
    width: 10px;
    display: block;
    background-color: #d8d7d2;
    top: 0;
    left: 0;
    height: 100%; }

.teaser--dn-avisen__title,
.teaser--dn-avisen__subheadline {
  text-decoration: none;
  transition: all 0.2s ease-in-out; }

.teaser--dn-avisen__title {
  font: bold 46px/1 "Guardian Sans Black", "Helvetica", sans-serif;
  margin: 0 0 0 10px; }
  @media (min-width: 41.25em) {
    .teaser--dn-avisen__title {
      font-size: 56px; } }
  @media (min-width: 61.375em) {
    .teaser--dn-avisen__title {
      font-size: 76px; } }

.teaser--dn-avisen__subheadline {
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  margin: 0 0 0 10px;
  background-size: 10px 16px; }

.teaser--nyhetsbrev {
  grid-column: 1/ span 2;
  display: flex;
  flex-direction: column; }
  @media (min-width: 41.25em) {
    .teaser--nyhetsbrev {
      grid-column: span 6; } }
  @media (max-width: 41.249em) {
    .teaser--nyhetsbrev.dnno-padding--horizontal {
      padding: 0; } }

.teaser--nyhetsbrev__wrap {
  background-color: white;
  justify-content: flex-start;
  flex-grow: 1;
  display: flex;
  flex-direction: column; }
  .teaser--nyhetsbrev__wrap.fix-grid-specificity {
    margin-bottom: 16px; }

.teaser--nyhetsbrev__image {
  overflow: auto; }

.teaser--nyhetsbrev__img {
  min-width: 0px;
  min-height: 0px;
  width: 100%;
  display: block; }

.teaser--nyhetsbrev__text {
  padding: 10px;
  min-height: unset;
  flex-grow: 1; }

.teaser--nyhetsbrev__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1;
  margin-bottom: 8px; }

.teaser--nyhetsbrev__h3-a {
  font-size: 20px;
  color: #2f2f2f;
  text-decoration: none; }

.teaser--nyhetsbrev__p {
  font-size: 16px;
  color: #272727;
  line-height: 20px; }

.teaser--nyhetsbrev__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  margin-top: auto;
  border-top: 1px solid #e7e7e7; }

.teaser--nyhetsbrev__freq {
  font: normal 14px/17px "Guardian Sans", "Helvetica", sans-serif;
  color: #828282; }

.teaser--kommentatorer {
  grid-column: 1/ span 2;
  display: flex;
  flex-direction: column; }
  @media (min-width: 41.25em) {
    .teaser--kommentatorer {
      grid-column: span 6; } }
  @media (max-width: 41.249em) {
    .teaser--kommentatorer.dnno-padding--left, .teaser--kommentatorer.dnno-padding--right {
      padding: 0; } }

.teaser--kommentatorer__wrap {
  background-color: white;
  justify-content: flex-start;
  flex-grow: 1;
  display: flex;
  flex-direction: column; }
  .teaser--kommentatorer__wrap.fix-grid-specificity {
    margin-bottom: 16px; }

.teaser--kommentatorer__avatar {
  display: block;
  width: 64px;
  overflow: auto;
  float: right;
  border: 1px solid #979797;
  border-radius: 50%;
  margin-left: 16px; }
  @media (min-width: 41.25em) {
    .teaser--kommentatorer__avatar {
      width: 80px; } }

.teaser--kommentatorer__text {
  padding: 10px;
  min-height: unset;
  flex-grow: 1;
  background-color: #e1f4fc; }

.teaser--kommentatorer__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1;
  margin-bottom: 8px;
  color: #2f2f2f;
  font: normal 20px/24px "Guardian Sans Black", "Helvetica", sans-serif;
  letter-spacing: 0.5px; }

.teaser--kommentatorer__h3-a {
  font-size: 20px;
  color: #2f2f2f;
  text-decoration: none; }

.teaser--kommentatorer__p {
  font-size: 14px;
  color: #2f2f2f;
  line-height: 20px;
  letter-spacing: 0.18px; }
  @media (max-width: 41.249em) {
    .teaser--kommentatorer__p {
      width: 75%; } }

.teaser--kommentatorer__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  margin-top: auto; }

.teaser--kommentatorer__freq {
  font: normal 14px/17px "Guardian Sans", "Helvetica", sans-serif;
  color: #828282; }

.teaser--carousel-rec-article {
  width: 205px;
  height: 100%;
  margin-right: 16px;
  border: 1px solid #e7e7e7; }

.teaser--carousel-rec-article .teaser__tile {
  margin-top: 0;
  height: calc(100% - 2px); }

.teaser--carousel-rec-article .teaser__info {
  padding: 8px; }

.teaser--carousel-rec-article .teaser__headline {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 16px; }

.teaser--carousel-rec-meninger {
  width: 205px;
  height: 100%;
  margin-right: 16px; }

.teaser--carousel-rec-meninger .teaser__tile {
  margin-top: 0;
  height: calc(100% - 1px); }

.teaser--carousel-rec-meninger .teaser__info {
  padding: 8px; }

.teaser--carousel-rec-meninger .teaser--meninger__headline {
  font-size: 16px;
  line-height: 16px; }

.teaser--carousel-rec-meninger .teaser--meninger__author {
  margin-top: 4px;
  margin-bottom: 16px; }

.teaser--carousel-rec-meninger .teaser--meninger__button-circle {
  display: none; }

.teaser--carousel-rec-special {
  width: 205px;
  height: 100%;
  margin-right: 16px;
  border: 1px solid #e7e7e7; }

.teaser--carousel-rec-special .teaser__tile {
  margin-top: 0;
  height: calc(100% - 2px); }

.teaser--carousel-rec-special .teaser__info {
  padding: 8px; }

.teaser--carousel-rec-special .teaser__a-img {
  height: auto; }

.teaser--carousel-rec-special .teaser--special__headline {
  font-size: 16px;
  line-height: 18px;
  margin-top: 4px;
  margin-bottom: 16px; }

.teaser--carousel-rec-special .teaser--special__leseliste {
  display: none; }

/* Needed to reset display block and 100% width set in OwlCarousel styles */
.teaser--carousel-rec-special img.teaser--special__badge {
  display: inherit;
  width: 23px; }

.teaser--carousel-video {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-column: 1 / span 2; }
  @supports (display: grid) {
    .teaser--carousel-video {
      flex: 1; } }
  @media (min-width: 41.25em) {
    .teaser--carousel-video {
      grid-column: span 6; } }
  @media (min-width: 61.375em) {
    .teaser--carousel-video {
      grid-column: span 3; } }

.teaser--carousel-video__date-bar {
  background-color: #f0f0f0;
  display: block;
  width: 100%;
  padding-bottom: 4px; }

.teaser--carousel-video__date {
  color: #666; }

.teaser--carousel-video__image-a {
  display: block;
  position: relative; }

.teaser--carousel-video__img {
  min-width: 0px;
  min-height: 0px;
  width: 100%;
  display: block; }

.teaser--carousel-video__text {
  padding: 10px 10px 32px 10px; }
  @supports (display: grid) {
    .carousel--video-white-bg .teaser--carousel-video__text {
      flex: 1;
      border: 1px solid #e7e7e7;
      border-width: 0 1px 0 1px; } }

.teaser--carousel-video__h3 {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  line-height: 1; }

.teaser--carousel-video__h3-a {
  font-size: 18px;
  line-height: 22px;
  color: #2f2f2f;
  text-decoration: none;
  hyphens: auto; }

.carousel--video-highlight__teaser .teaser--carousel-video__date-bar {
  background-color: #FFF; }

.carousel--video-highlight__teaser .teaser--carousel-video__date {
  color: #004f84; }

.carousel--video-highlight__teaser .teaser--carousel-video__h3-a {
  color: #004f84; }

.teaser--native-ad__info {
  align-items: flex-start; }

.teaser--native-ad .tag--small {
  border-radius: 5px;
  border: 1px solid #828282;
  color: #828282;
  background: transparent;
  margin-bottom: 16px; }

.teaser--native-ad .tag--small:hover {
  border: 1px solid #828282;
  background: transparent; }

.teaser--native-ad__headline {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 36px; }

/**
 * Component specific overwrites of generated OwlCarousel2 default classes.
 */
/**
 * Theme 01 - Nav on the right side, auto-width of items
 */
.carousel.owl-carousel--theme01 {
  background: #fff; }

.carousel.owl-carousel--theme01 .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
  /* Min-height prevents collapse of nav if content is smaller than nav */
  min-height: 96px;
  margin: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); }
  .carousel.owl-carousel--theme01 .owl-nav.disabled {
    display: none; }

.carousel.owl-carousel--theme01 .owl-nav button {
  margin: 4px 8px 4px 32px;
  background-color: #FFF;
  border-radius: 4px;
  transition: 0.2s all ease-in-out;
  padding: 0;
  border: 0; }
  .carousel.owl-carousel--theme01 .owl-nav button.disabled {
    pointer-events: none; }
    .carousel.owl-carousel--theme01 .owl-nav button.disabled .carousel-nav-arrow {
      border: 1px solid #ababab;
      fill: #ababab; }

.carousel.owl-carousel--theme01 .owl-nav button:hover {
  color: #272727;
  cursor: pointer; }

.carousel.owl-carousel--theme01 .owl-nav button .carousel-nav-arrow {
  display: block;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: 22px;
  height: 22px;
  transition: 0.2s all ease-in-out; }

.carousel.owl-carousel--theme01 .owl-nav .owl-prev .carousel-nav-arrow {
  transform: rotate(-180deg); }

.owl-carousel--theme01 .carousel__item {
  margin-right: 48px; }

/**
 * Theme 02 - Nav on the left and right side, 3 items visible on desktop
 */
.carousel.owl-carousel--theme02 {
  width: calc(100% - 140px);
  padding-right: 70px;
  padding-left: 70px; }

.carousel.owl-carousel--theme02 .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0; }

.carousel.owl-carousel--theme02 .owl-nav button {
  position: absolute;
  margin: 0;
  outline: 0; }

.carousel.owl-carousel--theme02 .owl-nav .owl-prev {
  left: 0;
  margin-left: 16px; }

.carousel.owl-carousel--theme02 .owl-nav .owl-next {
  right: 0;
  margin-right: 16px; }

.carousel.owl-carousel--theme02 .owl-nav button .carousel-nav-arrow {
  display: block;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: 22px;
  height: 22px;
  transition: 0.2s all ease-in-out; }

.carousel.owl-carousel--theme02 .owl-nav .owl-prev .carousel-nav-arrow {
  transform: rotate(-180deg); }

/**
 * Theme 03 - Nav on the right top outside, 1 item visible, looped rotation
 */
.owl-carousel--theme03.owl-carousel,
.owl-carousel--theme03.owl-carousel .owl-stage-outer {
  position: static; }
  @media (max-width: 41.249em) {
    .owl-carousel--theme03.owl-carousel,
    .owl-carousel--theme03.owl-carousel .owl-stage-outer {
      position: relative; } }

.carousel.owl-carousel--theme03 .owl-nav {
  position: absolute;
  top: 2px;
  right: 8px;
  display: flex;
  justify-content: flex-start;
  margin: 0; }
  @media (max-width: 41.249em) {
    .carousel.owl-carousel--theme03 .owl-nav {
      top: 0;
      right: 0;
      flex-direction: column-reverse;
      justify-content: center;
      height: 100%;
      min-height: 96px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } }
  .carousel.owl-carousel--theme03 .owl-nav.disabled {
    display: none; }

.carousel.owl-carousel--theme03 .owl-nav button {
  background-color: #FFF;
  border-radius: 4px;
  margin-left: 4px;
  transition: 0.2s all ease-in-out; }
  @media (max-width: 41.249em) {
    .carousel.owl-carousel--theme03 .owl-nav button {
      background-color: #FFF;
      border-radius: 4px;
      transition: 0.2s all ease-in-out;
      padding: 0;
      margin: 4px 8px 4px 32px;
      border: 0; } }
  .carousel.owl-carousel--theme03 .owl-nav button.disabled {
    pointer-events: none; }
    .carousel.owl-carousel--theme03 .owl-nav button.disabled .carousel-nav-arrow {
      border: 1px solid #ababab;
      fill: #ababab; }

.carousel.owl-carousel--theme03 .owl-nav button:hover {
  color: #272727;
  cursor: pointer; }

.carousel.owl-carousel--theme03 .owl-nav button .carousel-nav-arrow {
  display: block;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: 22px;
  height: 22px;
  transition: 0.2s all ease-in-out; }

.carousel.owl-carousel--theme03 .owl-nav .owl-prev .carousel-nav-arrow {
  transform: rotate(-180deg); }

/**
 * Theme 05 - Nav on the right side, auto-width of items
 */
.carousel.owl-carousel--5-and-6 {
  background: #fff; }

.carousel.owl-carousel--5-and-6 .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  height: 100%;
  /* Min-height prevents collapse of nav if content is smaller than nav */
  min-height: 96px;
  margin: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); }

.carousel.owl-carousel--5-and-6 .owl-nav button {
  margin: 4px 16px 4px 32px;
  background-color: #FFF;
  border-radius: 4px;
  transition: 0.2s all ease-in-out;
  padding: 0;
  border: 0; }
  .carousel.owl-carousel--5-and-6 .owl-nav button.disabled {
    pointer-events: none; }
    .carousel.owl-carousel--5-and-6 .owl-nav button.disabled .carousel-nav-arrow {
      border: 1px solid #ababab;
      fill: #ababab; }

.carousel.owl-carousel--5-and-6 .owl-nav button:hover {
  color: #272727;
  cursor: pointer; }

.carousel.owl-carousel--5-and-6 .owl-nav button .carousel-nav-arrow {
  display: block;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: 22px;
  height: 22px;
  transition: 0.2s all ease-in-out; }

.carousel.owl-carousel--5-and-6 .owl-nav .owl-prev .carousel-nav-arrow {
  transform: rotate(-180deg); }

.owl-carousel--5-and-6 .carousel__item {
  margin-right: 48px; }

/**
 * Default carousel styles
 */
.carousel-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1; }

.carousel.owl-carousel--theme01 .carousel__item--placeholder {
  width: 264px; }

/**
 * Theme 07 - Inline Carousel
 */
.carousel.owl-carousel--theme07 .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 0; }

.carousel.owl-carousel--theme07 .owl-nav > button {
  margin: 0;
  outline: 0;
  border: 0;
  padding: 0; }
  .carousel.owl-carousel--theme07 .owl-nav > button:hover {
    cursor: pointer; }

.carousel.owl-carousel--theme07 .owl-nav button .carousel-nav-arrow {
  display: block;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  width: 22px;
  height: 22px;
  transition: 0.2s all ease-in-out; }

.carousel.owl-carousel--theme07 .owl-nav .owl-prev .carousel-nav-arrow {
  transform: rotate(-180deg); }

/**
 * Investor carousel styles (based on carousel theme 01)
 */
.carousel-wrapper--dn-investor {
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0;
  background-color: #ffffff; }

.carousel-wrapper--dn-investor__header {
  padding: 16px 10px; }

.carousel-wrapper--dn-investor__logo {
  width: 150px; }

.carousel-wrapper--dn-investor__title {
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0; }

.carousel--dn-investor {
  width: calc(100% - 20px);
  padding-left: 10px; }

.carousel--dn-investor .owl-stage {
  display: flex; }

.carousel--dn-investor__item {
  width: 264px; }

.carousel--dn-investor__item-time {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 12px;
  margin-bottom: 2px;
  color: #ff6027; }

.carousel__item-circle {
  display: inline-block;
  margin-right: 1px;
  fill: #ff6027; }

.carousel--dn-investor__item-title {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 4px;
  color: #2f2f2f; }

.carousel--dn-investor__item-title a {
  text-decoration: none;
  color: #2f2f2f;
  transition: 0.2s all ease-in-out; }
  .carousel--dn-investor__item-title a:hover {
    opacity: 0.75; }

.carousel--dn-investor__item-txt {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  line-height: 1.3;
  color: #3e3e3e; }

/**
 * Recommended articles carousel styles (based on carousel theme 01)
 */
.carousel-wrapper--recommended {
  background-color: #ffffff; }

.carousel-wrapper--recommended__header {
  padding-bottom: 16px; }

.carousel-wrapper--recommended__title {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  color: #004f84;
  letter-spacing: 0.2px; }

.carousel--recommended {
  width: 100%; }

.carousel--recommended .owl-stage {
  display: flex; }

/**
 * video articles carousel styles (based on carousel theme 05)
 */
.carousel-wrapper--video {
  padding-left: 0;
  padding-right: 0; }

.carousel-wrapper--video__header {
  padding-bottom: 12px; }

.carousel-wrapper--video-highlight__header {
  padding: 0 15px 16px; }
  @media (min-width: 41.25em) {
    .carousel-wrapper--video-highlight__header {
      padding: 0 0 16px; } }

.carousel-wrapper--video__column-heading {
  margin: 0; }

.carousel-wrapper--video__title {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  color: #004f84;
  letter-spacing: 0.2px; }

.carousel--video {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative; }
  .carousel--video:hover {
    cursor: move;
    cursor: grab; }
  .carousel--video.owl-carousel.carousel {
    background-color: transparent; }
  .carousel--video.carousel.owl-carousel--5-and-6 .owl-nav {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f0f0f0); }
    @media (max-width: 41.249em) {
      .carousel--video.carousel.owl-carousel--5-and-6 .owl-nav {
        width: 88px;
        pointer-events: none; }
        .carousel--video.carousel.owl-carousel--5-and-6 .owl-nav button {
          display: none; } }
  .carousel--video .owl-stage {
    display: flex; }
  .carousel--video .owl-item {
    border-bottom: 1.25px solid #ff6027;
    background-color: white; }
    @supports (display: grid) {
      .carousel--video .owl-item {
        display: flex;
        flex-direction: column;
        align-items: stretch; } }
  .carousel--video .owl-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 18px;
    margin-top: 8px; }
  .carousel--video .owl-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #004f84;
    background-color: transparent;
    border-radius: 50%;
    padding: 0; }
    .carousel--video .owl-dot:hover {
      cursor: pointer; }
    .carousel--video .owl-dot.active {
      background-color: #004f84; }
    .carousel--video .owl-dot + .owl-dot {
      margin-left: 6px; }

.carousel--video-white-bg .teaser--carousel-video__date-bar {
  background-color: #FFF; }

.carousel--video-white-bg.carousel.owl-carousel--5-and-6 .owl-nav {
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }

@media (min-width: 41.25em) {
  .carousel-wrapper--video-highlight {
    margin: 0 15px; } }

.carousel--video-highlight .owl-item {
  box-shadow: none;
  border-color: #004f84;
  background-color: #fff0eb; }

.carousel--video-highlight.carousel.owl-carousel--5-and-6 .owl-nav {
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }

.carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button {
  background-color: #FFF; }
  .carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button .carousel-nav-arrow {
    border: 1px solid #004f84;
    fill: #004f84;
    transition: 0.2s all ease-in-out; }
  .carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button:hover .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.25); }
  .carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button:active .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.5); }
  .carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button.disabled {
    pointer-events: none; }
    .carousel--video-highlight.owl-carousel--5-and-6 .owl-nav button.disabled .carousel-nav-arrow {
      border: 1px solid #FECCB9;
      fill: #FECCB9; }

/**
 * Jobb Search carousel styles (based on carousel theme 01)
 */
.carousel-wrapper--jobbsearch {
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0;
  background-color: #fff; }

.carousel-wrapper--jobbsearch__header {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  position: relative;
  padding: 16px 8px; }

.carousel-wrapper--jobbsearch__header-content {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0; }

.carousel-wrapper--jobbsearch__logo {
  width: 95px;
  height: 27px;
  display: inline-block;
  margin: 0 16px 4px 0; }

.carousel-wrapper--jobbsearch__nav {
  display: inline-block;
  margin-bottom: 4px; }

.carousel-wrapper--jobbsearch__nav ul {
  padding: 0;
  list-style: none; }

.carousel-wrapper--jobbsearch__nav ul li {
  display: inline-block;
  margin-right: 16px; }
  .carousel-wrapper--jobbsearch__nav ul li a {
    cursor: pointer; }
  .carousel-wrapper--jobbsearch__nav ul li:first-child a {
    font-weight: bold;
    cursor: text; }
  @media (max-width: 61.374em) {
    .carousel-wrapper--jobbsearch__nav ul li {
      display: none; } }

.carousel-wrapper--jobbsearch__nav ul li a {
  text-decoration: none;
  color: #949494; }

.carousel-wrapper--jobbsearch__nav ul li.active a {
  color: #008bd0; }

.carousel-wrapper--jobbsearch__cta {
  display: inline-block;
  margin-left: auto;
  flex: 0 0 auto; }

.carousel--jobbsearch {
  width: calc(100% - 16px);
  padding-left: 8px; }

.carousel__item.carousel--jobbsearch__item {
  width: 232px;
  padding: 4px 12px;
  margin-right: 10px; }
  .carousel__item.carousel--jobbsearch__item a {
    display: block; }
  .carousel__item.carousel--jobbsearch__item > a {
    height: 73px;
    padding-bottom: 8px; }

.carousel--jobbsearch__item-img {
  display: block;
  width: auto;
  max-width: 145px; }

.carousel--jobbsearch__item-title {
  border-top: 1px solid #008bd0;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  margin: 0; }
  .carousel--jobbsearch__item-title a {
    padding-top: 4px; }

.carousel--jobbsearch__item-title a {
  color: #008bd0;
  text-decoration: none; }

.carousel--jobbsearch__item-txt {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
  color: #949494; }
  .carousel--jobbsearch__item-txt a {
    color: #949494;
    text-decoration: none; }

/**
 * Jobb Search narrow carousel styles (based on carousel theme 01)
 */
.carousel-wrapper--jobbsearch-narrow {
  padding-bottom: 12px;
  border-bottom: 1px solid #008bd0;
  background-color: #fff;
  margin: 16px 0; }
  @media (min-width: 41.25em) {
    .carousel-wrapper--jobbsearch-narrow {
      width: 300px;
      float: right;
      margin-left: 16px; } }
  @media (min-width: 41.25em) {
    .carousel-wrapper--jobbsearch-narrow .owl-stage {
      height: 300px; } }
  @media (min-width: 41.25em) {
    .carousel-wrapper--jobbsearch-narrow .owl-item.active {
      width: 284px !important; }
      .carousel-wrapper--jobbsearch-narrow .owl-item.active + .active {
        width: 0 !important; }
        .carousel-wrapper--jobbsearch-narrow .owl-item.active + .active .carousel--jobbsearch-narrow__item {
          position: absolute;
          top: 150px;
          left: -284px;
          width: 280px; } }
  @media (min-width: 41.25em) {
    .carousel-wrapper--jobbsearch-narrow .owl-item.nearActive {
      width: 284px !important; }
      .carousel-wrapper--jobbsearch-narrow .owl-item.nearActive + .nearActive {
        width: 0 !important; }
        .carousel-wrapper--jobbsearch-narrow .owl-item.nearActive + .nearActive .carousel--jobbsearch-narrow__item {
          position: absolute;
          top: 150px;
          left: -284px;
          width: 280px; } }
  .article-body .carousel-wrapper--jobbsearch-narrow .inline-ad__label:not(.is-hidden) {
    margin-bottom: 8px; }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--jobbsearch-narrow .inline-ad__label:not(.is-hidden) {
        display: none; } }

.carousel--jobbsearch-narrow .owl-nav {
  top: 10px;
  right: 10px; }

.carousel-wrapper--jobbsearch-narrow__header {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  position: relative;
  padding: 8px 10px 16px 10px; }
  @media (min-width: 41.25em) {
    .carousel-wrapper--jobbsearch-narrow__header .carousel-wrapper--jobbsearch__cta {
      display: none; } }

.carousel-wrapper--jobbsearch-narrow__header-content {
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0; }
  @media (max-width: 41.249em) {
    .carousel-wrapper--jobbsearch-narrow__header-content {
      display: flex;
      align-items: flex-end;
      flex-direction: row;
      justify-content: flex-start; } }

.carousel-wrapper--jobbsearch-narrow__logo {
  display: inline-block;
  width: 82px;
  margin-bottom: 24px; }

.carousel-wrapper--jobbsearch-narrow__nav {
  font-size: 14px;
  display: block;
  max-width: calc(100% - 40px - 8px);
  padding-bottom: 4px; }

.carousel-wrapper--jobbsearch-narrow__nav ul {
  padding: 0;
  list-style: none; }

.carousel-wrapper--jobbsearch-narrow__nav ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 4px; }
  .carousel-wrapper--jobbsearch-narrow__nav ul li a {
    cursor: pointer; }
  .carousel-wrapper--jobbsearch-narrow__nav ul li:first-child a {
    font-weight: bold;
    cursor: text; }

.carousel-wrapper--jobbsearch-narrow__nav ul li.active a {
  color: #008bd0; }

.carousel-wrapper--jobbsearch-narrow__nav ul li a {
  text-decoration: none;
  color: #949494; }

.carousel--jobbsearch-narrow {
  width: calc(100% - 16px);
  padding-left: 8px; }

.carousel__item.carousel--jobbsearch-narrow__item {
  padding: 2px; }
  @media (max-width: 41.249em) {
    .carousel__item.carousel--jobbsearch-narrow__item {
      width: 232px;
      padding: 4px 12px;
      margin-right: 10px; } }
  .carousel__item.carousel--jobbsearch-narrow__item article > a {
    display: block;
    height: 73px;
    padding-bottom: 8px; }

.carousel--jobbsearch-narrow__item article {
  padding-bottom: 4px; }
  @media (min-width: 41.25em) {
    .carousel--jobbsearch-narrow__item article {
      border-bottom: 1px solid #008bd0;
      overflow: hidden;
      margin-bottom: 16px; } }
  @media (min-width: 41.25em) {
    .dnno-grid .carousel--jobbsearch-narrow__item article:last-child {
      margin-bottom: 10px; } }

.carousel--jobbsearch-narrow .carousel--jobbsearch-narrow__item .carousel--jobbsearch-narrow__item-img {
  width: auto;
  max-width: 145px; }

.carousel--jobbsearch-narrow__item-img + .carousel--jobbsearch-narrow__item-title {
  margin-top: 8px; }

.carousel--jobbsearch-narrow__item-title {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  margin: 0; }
  @media (max-width: 41.249em) {
    .carousel--jobbsearch-narrow__item-title {
      border-top: 1px solid #008bd0; }
      .carousel--jobbsearch-narrow__item-title a {
        display: block;
        padding-top: 4px; } }

.carousel--jobbsearch-narrow__item-title a {
  text-decoration: none;
  color: #009ed9; }

.carousel--jobbsearch-narrow__item-txt {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 4px;
  color: #949494; }
  .article-body .carousel--jobbsearch-narrow__item-txt a {
    color: #949494;
    text-decoration: none; }

.carousel-wrapper--jobbsearch-narrow__cta {
  padding: 0 8px; }
  @media (max-width: 41.249em) {
    .carousel-wrapper--jobbsearch-narrow__cta {
      display: none; } }
  .carousel-wrapper--jobbsearch-narrow__cta .button {
    box-sizing: border-box;
    color: #FFF;
    text-align: center; }

/**
 * Blogger carousel styles (based on carousel theme 02)
 */
.carousel-wrapper--blogger {
  padding-bottom: 16px;
  border-bottom: 1px solid #008bd0;
  background-color: #fff9f7; }

.carousel-wrapper--blogger__header {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  padding: 16px;
  color: #004f84; }

.carousel-wrapper--blogger__title span {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: normal; }

.carousel--blogger .owl-stage {
  display: flex; }

.carousel--blogger.owl-carousel--theme02 .owl-nav {
  top: 0;
  height: 0;
  justify-content: flex-start;
  color: #004f84; }

.carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev,
.carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next {
  background: transparent;
  top: 66px;
  transform: translateY(-50%); }
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev:hover .carousel-nav-arrow,
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next:hover .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.25); }
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev:active .carousel-nav-arrow,
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next:active .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.5); }
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev.disabled,
  .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next.disabled {
    pointer-events: none; }
    .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev.disabled .carousel-nav-arrow,
    .carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next.disabled .carousel-nav-arrow {
      border: 1px solid #FECCB9;
      fill: #FECCB9; }

.carousel--blogger.owl-carousel--theme02 .owl-nav .owl-prev .carousel-nav-arrow,
.carousel--blogger.owl-carousel--theme02 .owl-nav .owl-next .carousel-nav-arrow {
  border: 1px solid #004f84;
  fill: #004f84;
  transition: 0.2s all ease-in-out; }

.carousel--blogger__item-title {
  font: normal 16px/1.2 "Guardian Sans Black", "Helvetica", sans-serif;
  margin: 0 0 4px;
  color: #004f84; }

.carousel--blogger__item {
  padding-bottom: 32px;
  text-align: center; }

.carousel--blogger .carousel--blogger__item-avatar img {
  display: inline-block;
  width: 132px;
  margin-bottom: 4px;
  border-radius: 50%; }

.carousel--blogger__item-title {
  margin-bottom: 8px; }

.carousel--blogger__item .button--secondary {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #004f84;
  border-color: #004f84; }

/**
 * inline carousel styles (based on carousel theme 07)
 */
.article-job-carousel {
  margin-bottom: 16px; }
  @media (max-width: 41.249em) {
    .article-job-carousel {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .article-job-carousel {
      margin-left: 7px;
      margin-right: 7px; } }

.carousel--inline {
  transition: height 0.4s ease-in-out; }

.carousel-wrapper--inline {
  border-bottom: 1px solid #008bd0;
  background-color: #fff9f7; }

.carousel-wrapper--inline__header {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  color: #004f84; }

.carousel-wrapper--inline__title span {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: normal; }

.button-x--carousel {
  display: none; }

.js-combo-carousel {
  height: 0;
  transition: height 0.25s ease-in-out; }
  .js-combo-carousel.show {
    height: 290px;
    transition: none; }
    @media (min-width: 41.25em) {
      .js-combo-carousel.show {
        height: 520px;
        height: calc(33vh + 66px + 86px); } }

.carousel--inline .owl-stage {
  display: flex;
  line-height: 0; }
  .carousel--inline .owl-stage:hover {
    cursor: grab; }
  .carousel--inline .owl-stage:active {
    cursor: grabbing; }
  @media (max-width: 41.249em) {
    .carousel--inline .owl-stage {
      align-items: center; } }

.carousel--inline .owl-item {
  height: auto; }
  .carousel--inline .owl-item img {
    width: auto;
    height: auto;
    max-height: 200px; }
    @media (min-width: 41.25em) {
      .carousel--inline .owl-item img {
        width: auto;
        height: 100%;
        height: 33vh;
        max-height: none;
        max-height: unset; } }
  .carousel--inline .owl-item.indent {
    margin-left: 16px; }

.carousel--inline.owl-carousel--theme07 .owl-nav {
  top: 0;
  right: 8px;
  justify-content: center;
  color: #004f84;
  height: auto;
  top: calc((200px - 136px)/2); }
  @media (min-width: 41.25em) {
    .carousel--inline.owl-carousel--theme07 .owl-nav {
      height: auto;
      top: calc((33vh - 136px)/2);
      right: 16px; } }

.carousel--inline.owl-carousel--theme07 .owl-nav > button {
  background: transparent;
  max-width: 40px;
  max-height: 40px; }
  .carousel--inline.owl-carousel--theme07 .owl-nav > button:hover .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.25); }
  .carousel--inline.owl-carousel--theme07 .owl-nav > button:active .carousel-nav-arrow {
    fill: #004f84;
    background-color: rgba(0, 79, 132, 0.5); }
  .carousel--inline.owl-carousel--theme07 .owl-nav > button.disabled {
    pointer-events: none; }
    .carousel--inline.owl-carousel--theme07 .owl-nav > button.disabled .carousel-nav-arrow {
      border: 1px solid #fff0eb;
      fill: #fff0eb; }

.carousel--inline.owl-carousel--theme07 .owl-nav button .carousel-nav-arrow {
  border: 1px solid #004f84;
  fill: #004f84;
  background-color: white;
  transition: 0.2s all ease-in-out;
  max-width: 100%; }

.carousel--inline__item-title {
  font: normal 16px/1.2 "Guardian Sans Black", "Helvetica", sans-serif;
  margin: 0 0 4px;
  color: #004f84; }

.carousel--inline__item {
  text-align: center;
  transition: opacity 0.4s ease-in-out; }
  .owl-item .carousel--inline__item {
    opacity: 0.5; }
  .owl-item.current .carousel--inline__item {
    opacity: 1; }

.carousel--inline .carousel--inline__item-image {
  position: relative; }
  .carousel--inline .carousel--inline__item-image img {
    display: inline-block; }

.carousel--inline .carousel--inline__expand {
  opacity: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  border: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-decoration: none;
  transition: transform 0.2s ease-in-out;
  display: none;
  transform-origin: center center; }
  .carousel--inline .carousel--inline__expand:hover {
    transform: scale(1.2);
    cursor: pointer; }
  .carousel--inline .carousel--inline__expand:focus {
    outline: none; }
  .carousel--inline .carousel--inline__expand:active {
    outline: none;
    opacity: 0.75; }

.carousel--inline .owl-item.current .carousel--inline__expand {
  opacity: 1;
  padding: 0;
  display: flex;
  justify-content: center; }

.carousel--inline__expand-svg {
  fill: white;
  width: 14px;
  height: 14px; }

.carousel--inline__item-title {
  margin-bottom: 8px; }

.carousel--inline__item .button--secondary {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #004f84;
  border-color: #004f84; }

.carousel--inline__footer {
  display: flex;
  flex-direction: column; }

.carousel--inline__meta {
  height: 119px;
  padding: 16px;
  color: #004f84;
  transition: height 0.2s ease-in-out;
  font: normal 12px/17px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.13px; }
  @media (min-width: 41.25em) {
    .carousel--inline__meta {
      padding: 16px;
      font: normal 14px/18px "Guardian Sans", "Helvetica", sans-serif;
      height: 54px; } }

.carousel--inline .owl-dots {
  text-align: center;
  color: #004f84;
  border: 1px solid #004f84;
  background-color: white;
  counter-reset: slides-num;
  min-width: 38px;
  height: 38px;
  border-radius: 4px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  font: normal 12px/1 "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.13px; }
  .carousel--inline .owl-dots:after {
    content: counter(slides-num);
    display: inline-block; }

.carousel--inline .owl-dot {
  counter-increment: slides-num;
  border: none;
  background: transparent;
  padding: 0;
  color: #004f84; }
  .carousel--inline .owl-dot.active {
    display: inline-block; }
    .carousel--inline .owl-dot.active:before {
      content: counter(slides-num) " / ";
      /* Use the same counter to get current item. */
      display: inline-block;
      vertical-align: middle;
      line-height: 38px;
      white-space: pre;
      border: none;
      background: transparent; }

.carousel--inline .owl-dots,
.carousel--inline.owl-carousel--theme07 .owl-nav .owl-prev {
  margin-top: 8px; }

.carousel--inline__pagetools {
  display: none; }

.owl-thumbs {
  display: none;
  margin: 16px 16px 0 16px; }
  @media (min-width: 41.25em) {
    .owl-thumbs {
      display: flex; } }

.owl-thumb-item {
  width: auto;
  height: 50px;
  border: none;
  background: none;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out; }
  .owl-thumb-item img {
    width: auto;
    height: 50px; }
  .owl-thumb-item.current {
    opacity: 1; }
    .owl-thumb-item.current:hover {
      opacity: 1; }
  .owl-thumb-item:hover {
    opacity: 0.75;
    cursor: pointer; }
  .owl-thumb-item.overflow {
    display: none; }

.owl-thumb-item + .owl-thumb-item {
  margin-left: 8px; }

.owl-thumb-overflowing {
  margin-left: 8px;
  display: block;
  width: 75px;
  height: 50px;
  font: bold 14px/50px "Guardian Sans", "Helvetica", sans-serif;
  background-color: #2f2f2f;
  color: white;
  text-align: center;
  letter-spacing: 0.16px;
  opacity: 0.5; }

.article-body .carousel-wrapper--inline.fullscreen {
  z-index: 100;
  position: fixed;
  background-color: #2f2f2f;
  margin: 0;
  height: 100vh; }
  .article-body .carousel-wrapper--inline.fullscreen .carousel-wrapper__header {
    padding: 12px;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .carousel-wrapper__header {
        display: block;
        padding: 16px 48px;
        min-height: 36px; } }
  .article-body .carousel-wrapper--inline.fullscreen .button-x--carousel {
    position: relative;
    display: block; }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .button-x--carousel {
        position: absolute;
        top: 16px;
        right: 48px; } }
  .article-body .carousel-wrapper--inline.fullscreen .carousel-wrapper__title {
    font-size: 16px;
    line-height: 40px;
    color: white;
    letter-spacing: 0.22px;
    text-overflow: ellipsis;
    max-width: calc(100vw - 2 * 12px - 52px);
    overflow: hidden;
    white-space: nowrap; }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .carousel-wrapper__title {
        text-align: center;
        line-height: 36px;
        font-size: 20px; } }
  .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__footer {
    height: auto;
    position: fixed;
    bottom: 0;
    width: 100%;
    align-items: center; }
  .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__meta {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    height: unset;
    padding: 12px 0 64px;
    justify-content: space-between;
    color: white;
    letter-spacing: 0.3px;
    font-size: 18px;
    line-height: 27px;
    background-color: rgba(47, 47, 47, 0.9); }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__meta {
        padding: 0 48px;
        border-bottom: 1px solid #828282; } }
  .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__caption {
    height: auto; }
    @media (max-width: 41.249em) {
      .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__caption {
        font-size: 14px;
        letter-spacing: 0.23px;
        line-height: 20px;
        padding: 0 12px 12px;
        border-bottom: 1px solid #FFF; } }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .carousel--inline__caption {
        margin-bottom: 16px;
        height: calc(3 * 27px); } }
  .article-body .carousel-wrapper--inline.fullscreen .owl-thumbs {
    display: none; }
    @media (min-width: 41.25em) {
      .article-body .carousel-wrapper--inline.fullscreen .owl-thumbs {
        display: flex;
        justify-content: center;
        order: 2;
        margin: 0;
        padding: 16px 0;
        max-width: calc(100% - 2 * (136px + 48px)); } }

.carousel-wrapper--inline.fullscreen,
.carousel--inline.fullscreen {
  top: 0;
  left: 0;
  width: 100%;
  margin: 0; }

.carousel--inline.fullscreen .owl-stage-outer {
  margin: 0; }
  @media (min-width: 41.25em) {
    .carousel--inline.fullscreen .owl-stage-outer {
      margin: 0 48px; } }

.carousel--inline.fullscreen .owl-stage {
  align-items: flex-start; }

.carousel--inline.fullscreen .owl-nav {
  position: fixed;
  top: auto;
  right: auto;
  bottom: 12px;
  left: 12px;
  height: auto;
  max-height: 40px;
  flex-direction: row-reverse;
  z-index: 99;
  width: 136px; }
  @supports (display: grid) {
    .carousel--inline.fullscreen .owl-nav {
      top: unset;
      right: unset; } }
  @supports (display: grid) {
    .carousel--inline.fullscreen .owl-nav {
      width: auto; } }
  @media (min-width: 41.25em) {
    .carousel--inline.fullscreen .owl-nav {
      bottom: 21px;
      left: 48px; } }

.carousel--inline.fullscreen.owl-carousel--theme07 .owl-nav .owl-prev {
  margin-top: 0; }

.carousel--inline.fullscreen .owl-dots,
.carousel--inline.fullscreen.owl-carousel--theme07 .owl-nav .owl-next {
  margin: 0 0 0 8px; }

@media (max-width: 41.249em) {
  .carousel--inline.fullscreen .carousel--inline__item-image {
    width: 100vw; } }

.carousel--inline.fullscreen .owl-item img {
  height: 66vh;
  height: calc(100vh - 180px - 16px - 68px);
  object-fit: contain; }
  @media (max-width: 41.249em) {
    .carousel--inline.fullscreen .owl-item img {
      max-width: 100vw;
      max-height: unset;
      max-height: 66vh;
      height: auto; } }

.carousel--inline.fullscreen .owl-item.indent {
  margin-left: 0; }

.carousel--inline.fullscreen .owl-item.current .carousel--inline__expand {
  display: none; }

.carousel--inline.fullscreen .owl-item:not(.current) .carousel--inline__item {
  opacity: 0; }

.carousel-wrapper--inline.fullscreen .carousel--inline__pagetools {
  display: flex;
  align-self: flex-start;
  height: 40px;
  transition: height 0.2s ease-in-out; }
  @media (min-width: 41.25em) {
    .carousel-wrapper--inline.fullscreen .carousel--inline__pagetools {
      margin-left: 32px; } }
  @media (max-width: 41.249em) {
    .carousel-wrapper--inline.fullscreen .carousel--inline__pagetools .button-circle--pagetools-carousel {
      height: 0;
      transition: height 0.2s ease-in-out; }
      .carousel-wrapper--inline.fullscreen .carousel--inline__pagetools .button-circle--pagetools-carousel.button-circle--pagetools-carousel--share {
        display: block;
        height: 40px; }
    .carousel-wrapper--inline.fullscreen .carousel--inline__pagetools.is-active {
      height: 184px;
      justify-content: space-between; }
      .carousel-wrapper--inline.fullscreen .carousel--inline__pagetools.is-active .button-circle--pagetools-carousel {
        height: 40px;
        display: block; } }

.carousel--inline.fullscreen.owl-carousel--theme07 .owl-nav button .carousel-nav-arrow,
.carousel--inline.fullscreen .owl-dots,
.carousel--inline.fullscreen .owl-dot {
  border-color: white;
  fill: white;
  color: white;
  background: #2f2f2f; }

.carousel--inline.fullscreen.owl-carousel--theme07 .owl-nav button .carousel-nav-arrow:hover {
  background: #5d5d5d; }

.carousel--inline.fullscreen.owl-carousel--theme07 .owl-nav button .carousel-nav-arrow:active {
  background: #828282; }

.input-field {
  display: flex;
  flex-direction: column-reverse; }
  .input-field input,
  .input-field input[aria-invalid="false"] {
    display: block;
    border-radius: 3px;
    margin-top: 8px;
    padding: 8px 8px 8px 16px;
    border: 1px solid #ababab;
    min-height: 46px;
    width: 100%;
    box-sizing: border-box;
    color: #2f2f2f;
    font-family: "Guardian Sans", "Helvetica", sans-serif; }
    .input-field input::placeholder,
    .input-field input[aria-invalid="false"]::placeholder {
      color: #ababab; }
  .input-field input:focus,
  .input-field input[aria-invalid="false"][type~="email"]:focus,
  .input-field input[aria-invalid="false"][type~="text"]:focus,
  .input-field input[aria-invalid="false"][type~="password"]:focus {
    border: 1px solid #008bd0; }
    .input-field input:focus + label,
    .input-field input[aria-invalid="false"][type~="email"]:focus + label,
    .input-field input[aria-invalid="false"][type~="text"]:focus + label,
    .input-field input[aria-invalid="false"][type~="password"]:focus + label {
      color: #008bd0; }
  .input-field input[aria-invalid="true"] {
    border: 1px solid #ff001f; }
  .input-field input[aria-invalid="true"][type~="email"]:focus,
  .input-field input[aria-invalid="true"][type~="text"]:focus,
  .input-field input[aria-invalid="true"][type~="password"]:focus {
    border: 1px solid #ff001f; }
    .input-field input[aria-invalid="true"][type~="email"]:focus + label,
    .input-field input[aria-invalid="true"][type~="text"]:focus + label,
    .input-field input[aria-invalid="true"][type~="password"]:focus + label {
      color: #ff001f; }

.input-field--aria-label-only {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ababab;
  border-radius: 3px;
  padding: 8px 8px 8px 16px;
  color: #2f2f2f; }
  .input-field--aria-label-only::placeholder {
    color: #ababab; }
  .input-field--aria-label-only.no-border {
    border-color: transparent; }

.input-field--search {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ababab;
  border-radius: 3px;
  padding: 8px 32px 8px 16px;
  color: #2f2f2f;
  background: url("/assets/images/with-colors/search--grey.svg") right 16px center no-repeat;
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 16px; }
  .input-field--search::placeholder {
    color: #ababab; }
  .input-field--search.no-border {
    border-color: transparent; }

.textarea-field__input {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  display: block;
  border-radius: 4px;
  margin-top: 6px;
  padding: 8px 8px 8px 16px;
  border: 1px solid #ababab;
  min-height: 100px;
  width: 100%;
  box-sizing: border-box;
  color: #2f2f2f; }
  .textarea-field__input::placeholder {
    color: #ababab; }
  .textarea-field__input:focus {
    border: 1px solid #008bd0; }
    .textarea-field__input:focus + label {
      color: #008bd0; }
  .textarea-field__input[aria-invalid="true"] {
    border: 1px solid #ff001f; }

.textarea-field__label {
  display: block;
  margin-bottom: 4px; }

.radio-button {
  font: normal 14px/ 1 "Guardian Sans", "Helvetica", sans-serif;
  color: #ababab;
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 0 12px 48px;
  cursor: pointer; }
  @media (min-width: 41.25em) {
    .radio-button {
      padding: 16px 0 16px 48px; } }

.radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.radio-button__checkmark {
  position: absolute;
  left: 8px;
  height: 24px;
  width: 24px;
  background-color: #FFF;
  border: 1px solid #ababab;
  border-radius: 50%;
  top: 10px; }
  @supports (display: grid) {
    .radio-button__checkmark {
      top: auto; } }

.radio-button:hover input ~ .radio-button__checkmark {
  background-color: #ababab; }

.radio-button input:checked ~ .radio-button__checkmark {
  background-color: #008bd0;
  border: 1px solid #008bd0; }

.radio-button input:checked + .radio-button__text {
  color: #008bd0; }

.radio-button .radio-button__checkmark:after {
  top: 9px;
  left: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e1f4fc; }

.radio-button__checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.radio-button input:checked ~ .radio-button__checkmark:after {
  display: block; }

.radio-button-group__radio-button {
  border: 1px solid #008bd0;
  width: 100%; }

.radio-button-group__label {
  display: block;
  width: 90%;
  font: normal 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  color: #004f84;
  letter-spacing: 0.29px; }
  .radio-button-group__label span {
    font-weight: bold; }
  @media (min-width: 41.25em) {
    .radio-button-group__label {
      width: 100%; } }

.radio-button-group__wrap {
  display: flex;
  width: 100%;
  flex-direction: column; }
  @media (min-width: 41.25em) {
    .radio-button-group__wrap {
      flex-direction: row;
      justify-content: space-between; } }

.radio-button-group__radio-button:first-of-type {
  border-radius: 4px 4px 0 0;
  border-bottom: none; }
  @media (min-width: 41.25em) {
    .radio-button-group__radio-button:first-of-type {
      border-radius: 4px 0 0 4px;
      border-bottom: 1px solid #008bd0;
      border-right: none; } }

.radio-button-group__radio-button:last-of-type {
  border-radius: 0 0 4px 4px;
  border-top: none; }
  @media (min-width: 41.25em) {
    .radio-button-group__radio-button:last-of-type {
      border-radius: 0 4px 4px 0;
      border-top: 1px solid #008bd0;
      border-left: none; } }

.radio-button-group__radio-button:first-of-type + .radio-button-group__radio-button:last-of-type {
  border-left: 1px solid #008bd0; }
  @media (max-width: 41.249em) {
    .radio-button-group__radio-button:first-of-type + .radio-button-group__radio-button:last-of-type {
      border-top: 1px solid #008bd0; } }

.radio-button-group__radio-button--active {
  background-color: #e1f4fc; }

.radio-button-group__label + .radio-button-group__wrap {
  margin-top: 8px; }

.select-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: '';
  display: block;
  width: 100%;
  padding: 8px 32px 8px 8px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font: normal 16px/18px "Guardian Sans", "Helvetica", sans-serif;
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 12px; }
  .select-dropdown::-ms-expand {
    display: none; }

.select-dropdown__label {
  display: inline-block;
  color: #008bd0;
  font: 500 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px; }

.select-dropdown + .select-dropdown__label,
.select-dropdown__label + .select-dropdown {
  margin-top: 8px; }

.checkbox-button {
  font: normal 16px/ 1 "Guardian Sans", "Helvetica", sans-serif;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 5px 16px 5px 32px;
  cursor: pointer; }

.checkbox-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.checkbox-button__checkmark {
  position: absolute;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #FFF;
  border: 1px solid #008bd0;
  border-radius: 3px;
  top: 0;
  text-align: center; }
  .checkbox-button__checkmark svg {
    max-width: 16px;
    max-height: 16px;
    top: 3px;
    position: relative;
    fill: white; }

.checkbox-button input:checked ~ .checkbox-button__checkmark {
  background-color: #008bd0;
  border: 1px solid #008bd0; }

.select-filter {
  font: normal 16px/18px "Guardian Sans", "Helvetica", sans-serif;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #004f84;
  border-radius: 4px; }

.select-filter.is-active {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.select-filter__label {
  font: normal 16px/18px "Guardian Sans", "Helvetica", sans-serif;
  width: 100%;
  padding: 8px 32px 8px 8px;
  text-align: left;
  color: #004f84;
  border: none;
  border-radius: 4px;
  background: url(/assets/images/with-colors/arrow-expand.svg) right 12px center no-repeat;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  cursor: pointer;
  outline: 0; }

.select-filter.is-active .select-filter__label {
  font-weight: bold;
  background-image: url(/assets/images/with-colors/arrow-expand--rotated.svg); }

.select-filter__content {
  position: absolute;
  z-index: 30;
  top: 100%;
  right: -1px;
  left: -1px;
  display: none;
  box-sizing: border-box;
  width: calc(100% + 2px);
  padding: 8px 8px 16px 8px;
  border: 1px solid #004f84;
  border-top-width: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff; }

.select-filter--timeframe .select-filter__content {
  padding: 0; }

.select-filter__content.is-expanded {
  display: block; }

.select-filter__content .input-field--search {
  margin-bottom: 16px; }

.select-filter__checkboxes .checkbox-button {
  display: block;
  margin-bottom: 16px; }

.select-filter__radio .radio-button {
  border-bottom: 1px solid #004f84; }

.select-filter__radio .radio-button:first-child {
  border-top: 1px solid #004f84; }

.select-filter__content .button,
.select-filter__content .button--secondary {
  display: block;
  width: 100%; }

.select-filter__custom-timeframe {
  padding: 8px; }

.select-filter__custom-timeframe .input-field {
  margin-bottom: 8px; }

.select-filter__custom-timeframe .input-field label {
  font-size: 14px;
  color: #004f84; }

.select-filter__custom-timeframe .input-field input {
  margin-top: 2px; }

.select-filter--timeframe .select-filter__close {
  margin: 0 8px 16px;
  width: calc(100% - 16px); }

body, html {
  height: auto; }

.site-header, .site-header .header-bar__container, footer, footer * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

@media (max-width: 41.249em) {
  .page-map__title {
    justify-content: normal; } }

.page-map__title .button-circle--label--pagetools {
  margin: 0 0 0 15px; }
  @media (min-width: 41.25em) {
    .page-map__title .button-circle--label--pagetools .button-circle--pagetools__span {
      display: none; } }

.ambita-map .modal-footer button, .ambita-map table th, .ambita-map button, .ambita-map .property-next, .hover-box, .tipsInnerText {
  font-size: 16px;
  line-height: 24px; }

.ambita-map #filterModal .modal-header, .ambita-map #mainHeader, .ambita-map .modal-header, .ambita-map table .heading, .ambita-map table .turnover, .ambita-map .property-next {
  background: none;
  border: none;
  border-bottom: 1px dotted #000; }

.ambita-map.leaflet-container {
  height: 800px;
  width: 100%; }

.ambita-map a {
  color: #008bd0; }

.ambita-map .modal-backdrop {
  background: #FFF; }

.ambita-map #filterBody {
  padding: 0;
  margin: 15px 0; }

.ambita-map #filterModal {
  padding: 0 !important; }
  .ambita-map #filterModal .modal-header {
    color: #000; }

.ambita-map #mainHeader {
  color: #000; }

.ambita-map .modal-header {
  color: #000;
  padding: 9px 0; }
  .ambita-map .modal-header .close {
    background: none;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #ff6027;
    line-height: 20px;
    filter: alpha(opacity=100);
    opacity: 1;
    overflow: hidden;
    padding: 0;
    margin: 5px 0 0; }
    .ambita-map .modal-header .close:before {
      content: "\f057";
      margin: 0 1px; }

.ambita-map .modal-body {
  padding: 0; }

.ambita-map .modal-content {
  border: none;
  padding: 0 15px; }

.ambita-map .modal-footer {
  border-top: 1px dotted #000;
  padding: 9px 0; }
  .ambita-map .modal-footer button {
    background-color: #008bd0;
    color: #fff; }

.ambita-map .intro-text {
  font-size: 16px;
  color: #000;
  padding: 10px 0;
  margin: 0; }

.ambita-map table .heading {
  color: #000;
  text-transform: none; }

.ambita-map table th, .ambita-map table td {
  border: none;
  color: #000;
  padding: 8px 0; }

.ambita-map table th {
  font-weight: 700; }

.ambita-map table .turnover .date {
  width: 36%;
  font-weight: 500; }

.ambita-map table .turnover .button {
  background: none;
  border: none;
  color: #ababab;
  padding-right: 0;
  margin-right: 0; }

.ambita-map button {
  outline: none; }
  .ambita-map button.back {
    border: none;
    padding-top: 3px;
    height: 30px; }

.ambita-map .property-next {
  color: #000;
  padding: 10px 0;
  margin: 0; }

.ambita-map #tipsModal .modal-header {
  background: none;
  border-bottom: 1px dotted #000; }

.map_ad_Container {
  position: relative;
  background-color: #FFF;
  width: 100%;
  margin: 15px 0;
  z-index: 0; }

.adContainer {
  width: 100%;
  text-align: center; }

#fullScreenMap #loginModal, #fullScreenMap .modal-backdrop {
  display: none !important; }

.input-group {
  border: 2px solid #ababab; }
  @media (min-width: 41.25em) {
    .input-group {
      margin: 20px 0 0 20px; } }
  .input-group-addon {
    background-color: #FFF;
    border: none;
    border-radius: 0;
    font-size: 17px;
    color: #ababab;
    height: 38px;
    padding: 5px 10px; }

input.form-control[type="text"] {
  height: 38px;
  font-size: 16px;
  color: #828282;
  text-transform: none;
  padding-left: 0;
  margin: 0; }

.leaflet-top.leaflet-left {
  margin-top: 52px !important; }
  @media (min-width: 41.25em) {
    .leaflet-top.leaflet-left {
      margin-top: 62px !important; } }

.leaflet-left .leaflet-control {
  margin-top: 0; }
  @media (min-width: 41.25em) {
    .leaflet-left .leaflet-control {
      margin-left: 20px; } }

@media (min-width: 41.25em) {
  .leaflet-right .leaflet-control {
    margin: 20px 20px 0 0; } }

.leaflet-control-attribution {
  padding: 0; }

input.form-control[type="text"], .leaflet-bar, .leaflet-touch .leaflet-bar {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.leaflet-bar a, .leaflet-bar a:first-child, .leaflet-bar a:last-child, .leaflet-bar a:hover {
  border-radius: 0;
  width: 42px;
  height: 42px;
  line-height: 50px; }

.leaflet-bar a, .leaflet-touch .leaflet-bar a, .leaflet-bar a:visited, .leaflet-touch .leaflet-bar a:visited {
  background-color: #008bd0;
  color: #FFF;
  outline: none; }

.leaflet-bar a:hover, .leaflet-touch .leaflet-bar a:hover, .leaflet-bar a:visited:hover {
  background-color: #FFF;
  color: #008bd0; }

.leaflet-bar .fa-lg {
  font-size: 25px;
  line-height: 30px;
  vertical-align: 0; }

.tipsButton {
  color: #008bd0;
  padding: 0;
  margin-right: 15px; }
  .tipsButtonWrapper {
    padding: 8px; }
    .tipsText .tipsButtonWrapper {
      padding: 8px 0; }
  .tipsButtonIcon {
    width: 20px;
    height: 25px;
    font-size: 25px; }
  .tipsButtonText {
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    font-size: 17px;
    color: #000;
    line-height: 21px; }

.ambita-map #filterModalLabel, #popupHeader, #tipsModalLabel {
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  height: auto; }

#tipsModalLabel {
  width: auto !important; }

#popupSubHeader, .tipsText h4, .tipsText h5, .property-list li, .property-list li .heading h5, #filterForm h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  height: auto;
  margin: 0; }

.tipsText {
  color: #000; }
  .tipsText h4 {
    margin-bottom: 5px; }
  .tipsText h5 {
    font-weight: 500;
    margin-bottom: 5px; }

#tipsBody {
  margin: 15px 0; }

.ambita-map .modal-footer, .ambita-map .modal-footer button, .ambita-map table th, .ambita-map button, .leaflet-control-filter-expanded .leaflet-control-filter-list button, .sales-info, .hover-box, .tipsInnerText {
  font-family: "Guardian Sans", "Helvetica", sans-serif; }

.sales-info ul, .sales-info ul.left-col li {
  display: inline-block;
  font-size: 16px;
  color: #000;
  margin: 0; }

.sales-info {
  margin: 0; }
  .sales-info i {
    display: none; }
  .sales-info ul {
    font-weight: 500; }
    .sales-info ul li ul {
      display: block;
      font-weight: 400;
      margin-bottom: 10px; }
    .sales-info ul.left-col {
      width: 66.67%;
      float: none; }
      .sales-info ul.left-col li {
        width: 50%; }
        .sales-info ul.left-col li li {
          width: 100%; }
    .sales-info ul.right-col {
      width: 33.33%;
      float: none; }

.property-next:hover, .property-next:hover i, .property-next:active, .property-next:active i, .button-historic:hover, .button-historic:active, .button-historic:hover i, .button-historic:active i {
  background: none;
  color: #666; }

.property-list li {
  font-weight: 500;
  margin: 0 0 10px; }
  .property-list li ul {
    margin: 0; }
    .property-list li ul li {
      color: #000; }

.property-next i {
  border: none;
  color: #ababab;
  margin-right: 0; }

.hover-box {
  background-color: #008bd0;
  opacity: 1;
  filter: alpha(opacity=100);
  font-weight: normal; }

.hover-marker {
  background-color: #008bd0;
  background-image: none;
  width: 36px;
  height: 36px !important;
  color: #008bd0;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  margin-left: -18px;
  margin-top: -18px; }

.button-historic {
  color: #008bd0;
  text-align: left;
  font-weight: 400;
  margin: 0; }
  .button-historic span {
    margin: 0; }
  .button-historic i {
    border: none;
    color: #ababab;
    margin-right: 0; }
  .button-historic:hover i, .button-historic:active i {
    border: none;
    color: #ababab;
    margin-right: 0; }

.back {
  border: none;
  color: #ababab;
  padding: 0 10px 0 0;
  margin-right: 0; }

.tipsLink {
  color: #008bd0 !important; }
  .tipsLink:hover {
    color: #5babda !important; }

.tipsInnerText {
  font-size: 17px;
  margin-bottom: 10px; }

.fa-angle-left:before {
  content: "\f053"; }

.fa-angle-right:before {
  content: "\f054"; }

.fa-2x {
  font-size: 1em; }

/* Filter */
#filterForm {
  color: #000; }
  #filterForm h4 {
    margin-bottom: 5px; }
  #filterForm label {
    position: relative;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 0; }
  #filterForm select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAp0lEQVQ4T+XTvQ3CMBCG4TdbMBUVjAAJBauEn5JsQEtYiEnQh2xkIGcuVrq4PMuPzvdTMfGpJvaYMbgDHsC9sKZLYAFcYg0FtsCqABV2BfZAlzalBP3A9LvvLjfAwZnpDzYEKib0GNDeqOkgZoGK18DJQE0sB6boGriFTLPYP1D3W+AMCFW93920xsuzehGV8RqN3Kx6QL3fBCSLeb48enG8GbrhGYJPKVghFfMantkAAAAASUVORK5CYII=");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    width: auto;
    height: 33px;
    border: 2px solid #B7B7B7;
    color: #666;
    outline: none;
    margin: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px 0 5px; }
    #filterForm select::-ms-expand {
      display: none; }
  #filterForm button.view-all {
    border: 2px solid #B7B7B7;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0;
    padding: 2px 0;
    margin: 2px; }
  #filterForm .inner-next-header {
    margin-top: 10px; }
  #filterForm .cb-text {
    position: absolute;
    left: 0;
    background: #FFF;
    cursor: pointer;
    margin: 0; }
    #filterForm .cb-text:before {
      display: inline-block;
      width: 25px;
      content: "\f096";
      font-family: "FontAwesome";
      font-size: 21px;
      color: #B7B7B7;
      vertical-align: middle;
      padding-left: 2px; }
  #filterForm input[type=checkbox]:checked + .cb-text:before {
    content: "\f046";
    color: #47A600; }

.site-header {
  position: relative;
  z-index: 99; }

.investor-bar {
  width: 100%;
  background-color: #2f2f2f;
  display: block;
  color: white;
  position: relative; }

/*
* 1. Needs to match configured css-gridish padding
* 2. Needs to match configured css-gridish max-width
*/
.investor-bar__content {
  max-width: calc(63.125rem - 30px);
  margin: 0 auto;
  position: relative; }
  @media (min-width: 41.25em) {
    .investor-bar__content {
      padding-left: 15px;
      /* 1 */
      padding-right: 15px;
      /* 1 */ } }
  @media (max-width: 41.249em) {
    .investor-bar__content::after {
      content: "";
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: linear-gradient(to right, rgba(47, 47, 47, 0) 0%, #2f2f2f 50%); } }

.investor-bar__ticker {
  height: 30px;
  display: flex;
  align-items: center; }
  @media (max-width: 41.249em) {
    .investor-bar__ticker {
      overflow-x: auto; } }

.investor-bar__item {
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  align-items: center;
  margin: 0 8px;
  font: normal 12px/30px "Guardian Sans", "Helvetica", sans-serif;
  -webkit-font-smoothing: antialiased; }

@media (min-width: 41.251em) and (max-width: 61.374em) {
  .investor-bar__item--currency {
    display: none; } }

.investor-bar__item:first-child {
  margin-left: 0; }
  @media (max-width: 41.249em) {
    .investor-bar__item:first-child {
      padding-left: 8px; } }

.investor-bar__item:last-child {
  margin-right: 0; }

.investor-bar__item-name {
  padding-right: 4px; }

.investor-bar__item-value {
  font-weight: bold; }

.investor-bar__item-difference {
  font-weight: bold;
  padding-left: 8px; }
  @media (max-width: 41.249em) {
    .investor-bar__item-difference {
      display: none; } }

.investor-bar__item-percentage::after {
  content: "%"; }

.investor-bar__item-difference--increased {
  color: #00ff62; }
  .investor-bar__item-difference--increased::before {
    content: "+"; }

.investor-bar__item-difference--decreased {
  color: #ff001f; }
  .investor-bar__item-difference--decreased::before {
    content: "-"; }

.investor-bar__item-value--increased {
  color: #00ff62; }

.investor-bar__item-value--decreased {
  color: #ff001f; }

.investor-bar__item-arrow {
  height: 100%;
  width: 9px;
  margin-top: -3px;
  margin-left: 5px; }

.investor-bar__item-arrow--increased {
  fill: #00ff62; }

.investor-bar__item-arrow--decreased {
  transform: rotate(180deg);
  fill: #ff001f; }

.investor-bar__logo {
  flex: 0 0 auto;
  margin-left: auto; }

.investor-bar__logo-link {
  outline: 0;
  display: block;
  padding-top: 2px;
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  text-decoration: none; }

.investor-bar__logo-chevron {
  width: 8px;
  height: 15px;
  fill: white; }

.investor-bar__logo-link:focus:not(:hover):not(:active) {
  border-bottom-color: rgba(255, 255, 255, 0.4); }

.investor-bar__sub-expand-button {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  width: 48px;
  height: 20px;
  padding: 0;
  display: inline-flex;
  background: transparent;
  outline: none;
  font: normal 12px/20px "Guardian Sans", "Helvetica", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #FFF; }

.investor-bar__sub-expand-button-span {
  margin: 0 2px 0 4px; }

.investor-bar__sub-expand-button:hover,
.investor-bar__sub-expand-button:active,
.investor-bar__sub-expand-button:focus {
  background-color: rgba(255, 255, 255, 0.1); }

.investor-bar__sub-expand-button-icon {
  fill: #fff;
  width: 10px;
  height: 10px;
  margin: 4px;
  transition: transform 0.2s ease; }

.investor-bar__sub-expand-button[aria-expanded=true] .investor-bar__sub-expand-button-icon {
  transform: rotate(180deg); }

@media (max-width: 41.249em) {
  .investor-bar__sub-expand-button,
  .investor-bar__sub-menu {
    display: none; } }

.investor-bar__item + .investor-bar__sub-expand-button {
  margin-left: 8px; }

.investor-bar__sub-menu {
  background-color: #2f2f2f;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 15px;
  z-index: 11; }

.investor-bar__sub-menu.is-visible {
  height: auto; }

/*
* 1. Needs to match configured css-gridish padding
* 2. Needs to match configured css-gridish max-width
*/
.investor-bar__sub-menu-content {
  padding: 15px;
  /* 1 */
  max-width: 63.125rem;
  /* 2 */
  margin: 0 auto; }

.investor-bar-dropdown {
  width: 100%;
  color: white;
  background-color: #2f2f2f; }

.investor-bar-dropdown__inside {
  padding: 16px 32px 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.inv-bar-dd-news {
  width: calc(50% - 16px); }
  @media (min-width: 61.375em) {
    .inv-bar-dd-news {
      width: 30.13%; } }

.inv-bar-dd-indeks {
  width: calc(50% - 16px); }
  @media (min-width: 61.375em) {
    .inv-bar-dd-indeks {
      width: 41.81%; } }

.inv-bar-dd-tung {
  display: none; }
  @media (min-width: 61.375em) {
    .inv-bar-dd-tung {
      display: block;
      width: 21.07%; } }

.inv-bar-dd-news {
  font-family: "Guardian Sans", "Helvetica", sans-serif; }

.inv-bar-dd-news__title {
  font-size: 14px;
  line-height: 1.6;
  margin-left: 4px; }

.inv-bar-dd-news__article {
  margin-bottom: 8px;
  padding: 8px 8px 24px;
  background-color: rgba(93, 93, 93, 0.35); }

.inv-bar-dd-news__article:last-child {
  margin-bottom: 0; }

.inv-bar-dd-news__article-time {
  font-size: 12px;
  line-height: 1.6; }

.inv-bar-dd-news__article-time span {
  opacity: 0.7; }

.inv-bar-dd-news__article-circle {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 2px;
  fill: white; }

.inv-bar-dd-news__article-title {
  font-family: "Guardian Sans Condensed Bold", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 1.2; }

.inv-bar-dd-news__article-title a {
  text-decoration: none;
  color: white; }

.inv-bar-dd-indeks {
  font-family: "Guardian Sans", "Helvetica", sans-serif; }

.inv-bar-dd-indeks table {
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  border-collapse: collapse; }

.inv-bar-dd-indeks thead tr {
  text-align: left; }

.inv-bar-dd-indeks thead th,
.inv-bar-dd-indeks tbody td {
  overflow: hidden;
  max-width: 100px;
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.inv-bar-dd-indeks tbody tr:nth-child(odd) {
  background-color: rgba(93, 93, 93, 0.35); }

.inv-bar-dd-indeks tbody tr:nth-child(even) td {
  padding: 4px 8px; }

.inv-bar-dd-indeks__siste,
.inv-bar-dd-indeks__perf {
  text-align: right;
  font-variant: tabular-nums;
  font-variant-numeric: tabular-nums; }

.inv-bar-dd-indeks__perf--positive {
  color: #00ff62; }

.inv-bar-dd-indeks__perf--negative {
  color: #ff001f; }

.inv-bar-dd-tung {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px; }

.inv-bar-dd-tung__title {
  line-height: 1.6; }

.inv-bar-dd-tung__tiles {
  display: flex;
  flex-wrap: wrap; }

.inv-bar-dd-tung__tile {
  display: inline-block;
  width: calc(50% - 18px);
  padding: 8px;
  text-align: center;
  border: 1px solid #2f2f2f; }

.inv-bar-dd-tung__tile.pos01 {
  background-color: #6db53d; }

.inv-bar-dd-tung__tile.pos02 {
  background-color: #90c66a; }

.inv-bar-dd-tung__tile.neg01 {
  background-color: #bd2712; }

.inv-bar-dd-tung__tile.neg02 {
  background-color: #ca5039; }

.inv-bar-dd-tung__tile.neg03 {
  background-color: #d77c69; }

.inv-bar-dd-tung__tile.neg04 {
  background-color: #e29f92; }

.inv-bar-dd-tung__tile-title {
  font-size: 14px; }

.inv-bar-dd-tung__tile-perf {
  margin-top: 2px; }

.investor-bar-footer {
  width: 100%;
  padding: 16px 32px;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: #3e3e3e;
  align-items: center;
  box-sizing: border-box; }

.investor-bar-footer__info {
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  color: #3e3e3e;
  display: flex;
  justify-content: center;
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif; }

.investor-bar-footer__info-i {
  align-self: center;
  margin-top: 2px; }

.investor-bar-footer__text {
  color: #ababab;
  font: normal 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  text-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.5); }

.investor-bar-footer__button {
  margin-left: auto;
  white-space: nowrap; }

.investor-bar-footer__info + .investor-bar-footer__text {
  margin-left: 8px; }

.header-bar {
  background-color: #008bd0;
  color: #fff;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px;
  position: relative;
  z-index: 1; }

/*
 * 1. Hidden attribute added for ARIA only, the overlay is doing the "hiding"
 */
.header-bar[hidden] {
  display: block;
  /* 1 */ }

/*
 * Sticky navigation
 */
.header-bar--sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transition: transform 200ms linear; }

.header-bar--pinned {
  transform: translateY(0%); }

.header-bar--unpinned {
  transform: translateY(-100%); }

/*
 * 1. Mmkes space for investor bar when it is there
 */
.investor-bar ~ .header-bar--sticky {
  top: 30px; }

/*
 * When header-bar is sticky
 */
.header-bar--pinned.header-bar--not-at-top {
  position: fixed;
  top: 0;
  width: 100vw; }

/*
 * When header-bar is sticky
 */
@media (min-width: 41.25em) {
  .header-bar.is-sticky .header-bar__container,
  .header-bar--pinned.header-bar--not-at-top .header-bar__container {
    height: 54px; } }

/*
 * When mobile nav is open
 *
 * 1. Overflow scrolling inside header (body scroll is locked)
 * 2. Makes header-bar height relative to viewport i.e. 100%
 * 3. Hides investor bar when nav is open
 */
@media (max-width: 41.249em) {
  .is-mobile-nav-open .header-bar {
    height: 100%;
    /* 1 */
    overflow-y: scroll;
    /* 1 */
    -webkit-overflow-scrolling: touch; }
  .is-mobile-nav-open.is-scrolled-top .header-bar {
    position: fixed;
    /* 2 */
    top: 0;
    /* 2 */ }
  .is-mobile-nav-open.is-scrolled-top .investor-bar {
    display: none;
    /* 3 */ } }

/*
 * 1. Make sure toggle is positioned absolutely to header bar
 */
.header-bar .primary-navigation {
  position: static;
  /* 1 */ }

/*
 * 1. Should match configured css-gridish max-width
 * 2. Absolute position ref for the mobile toggle
 * 3. Should match configured css-gridish padding
 */
.header-bar__container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(63.125rem - 30px); }
  @media (max-width: 41.249em) {
    .header-bar__container {
      position: relative;
      /* 2 */
      height: 48px;
      padding-right: 8px;
      /* 3 */
      padding-left: 8px;
      /* 3 */ } }
  @media (min-width: 41.25em) {
    .header-bar__container {
      height: 60px;
      padding-right: 15px;
      /* 3 */
      padding-left: 15px;
      /* 3 */ } }

.header-bar__content {
  display: flex;
  width: 100%; }
  @media (min-width: 41.25em) {
    .header-bar__content {
      position: relative; } }

.header-bar__navigation {
  display: flex; }
  @media (max-width: 41.249em) {
    .header-bar__navigation {
      order: 2;
      margin-left: 8px; } }
  @media (min-width: 41.25em) {
    .header-bar__navigation {
      margin-left: 16px; } }

.header-bar__login {
  display: flex;
  margin-left: auto; }
  @media (max-width: 41.249em) {
    .header-bar__login {
      order: 1; } }

.header-bar__hide-mobile,
.header-bar__hide-desktop {
  display: flex; }

@media (max-width: 41.249em) {
  .header-bar__hide-mobile {
    display: none; } }

@media (min-width: 41.25em) {
  .header-bar__hide-desktop {
    display: none; } }

.header-logo {
  overflow: hidden;
  position: relative;
  align-self: center;
  background-color: #008bd0;
  outline: 0; }
  @media (max-width: 41.249em) {
    .header-logo {
      width: 55px;
      height: 32px; } }

.header-logo__sizer {
  position: relative; }
  @media (max-width: 41.249em) {
    .header-logo__sizer {
      width: 146px;
      height: 37px; } }

.header-logo,
.header-logo__sizer {
  display: block; }
  @media (min-width: 41.25em) {
    .header-logo,
    .header-logo__sizer {
      width: 148px;
      height: 37px; } }

.header-button {
  box-sizing: border-box;
  display: inline-flex;
  align-self: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  font: 500 16px/34px "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px;
  color: white;
  fill: #b6ddf5;
  white-space: nowrap;
  padding-right: 12px;
  padding-left: 12px;
  height: 38px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #008bd0;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  transition-property: border-color, background-color;
  outline: 0; }
  .edition-sidebar__link .header-button {
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px; }

.header-button--block {
  width: 100%;
  justify-content: center; }

.header-button--slim {
  padding-right: 17px;
  padding-left: 17px;
  height: 32px; }

.header-button--bordered {
  border-color: #5babda;
  fill: #fff; }

.header-button--ghost {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: transparent; }

.header-button:hover,
.header-button:active,
.header-button:focus {
  background-color: #5babda; }

.header-button--ghost:hover,
.header-button--ghost:active,
.header-button--ghost:focus {
  background-color: rgba(255, 255, 255, 0.1); }

.header-button__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.header-button__icon + .header-button__text {
  margin-left: 8px; }

.header-button__icon,
.header-button__icon-expanded {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  align-self: center; }

.header-button--small-icon .header-button__icon,
.header-button--small-icon .header-button__icon-expanded {
  width: 13px;
  height: 13px; }

.header-button__icon-expanded {
  display: none; }

/*
 * 1. Match flyout (instant) transition)
 */
.header-button[aria-expanded=true] {
  transition: none;
  fill: #fff; }

.header-button--toggle-icon[aria-expanded=true] .header-button__icon-expanded {
  display: block; }

.header-button--toggle-icon[aria-expanded=true] .header-button__icon {
  display: none; }

.header-button--transparent-active[aria-expanded=true] {
  border-color: transparent;
  background-color: transparent;
  outline: 0; }

.header-button--rotate-icon .header-button__icon {
  transition: transform 0.2s ease; }

.header-button--rotate-icon[aria-expanded=true] .header-button__icon {
  transform: rotate(180deg); }

.header-search {
  background-color: #085082; }

.header-search--desktop {
  max-width: 680px; }

.header-search--mobile {
  padding: 8px; }

.header-teaser__title,
.header-teaser__category {
  color: inherit;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 1.3; }

.header-teaser--image .header-teaser__title,
.header-teaser--image .header-teaser__category {
  display: inline; }

.header-teaser--image .header-teaser__category {
  padding-right: 16px; }

.header-teaser--text .header-teaser__category {
  display: block;
  margin-bottom: 2px; }

.header-teaser__link {
  display: block;
  color: inherit;
  text-decoration: none;
  outline: 0; }

.header-teaser__link:hover .header-teaser__title,
.header-teaser__link:active .header-teaser__title,
.header-teaser__link:focus .header-teaser__title {
  text-decoration: underline; }

.header-teaser__title {
  font-weight: normal; }

.header-teaser__category {
  text-transform: uppercase; }

.header-teaser__link:hover .header-teaser__image,
.header-teaser__link:active .header-teaser__image,
.header-teaser__link:focus .header-teaser__image {
  opacity: 0.75; }

.header-teaser__image {
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
  transition: opacity .2s ease-in-out; }

.header-teaser-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.header-teaser-list__item:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin-top: 16px;
  padding-top: 4px; }

.primary-navigation {
  display: flex;
  position: relative;
  z-index: 1; }

.primary-navigation--mobile {
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px; }

.primary-navigation--desktop .primary-navigation__list {
  list-style: none;
  padding-left: 0;
  display: flex; }

.primary-navigation--desktop .primary-navigation__item {
  display: flex;
  align-items: center;
  margin-left: 8px; }

.primary-navigation__menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0; }

.primary-navigation__toggle {
  max-height: 0;
  overflow: hidden; }

.primary-navigation__toggle.is-visible {
  max-height: 100%; }

.login-panel {
  display: inline-flex;
  flex-grow: 0;
  align-self: center;
  align-items: center; }
  .login-panel__warning-alert {
    position: absolute;
    left: -8px;
    top: 7px; }
    @media (min-width: 61.375em) {
      .login-panel__warning-alert {
        left: initial;
        right: -9px; } }

@media (max-width: 61.374em) {
  .login-panel .header-button {
    max-width: 7em; } }

@media (min-width: 61.375em) {
  .login-panel .header-button {
    max-width: 10em; } }

@media (min-width: 61.375em) {
  .login-panel .header-button + .header-button {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; } }

@media (max-width: 61.374em) {
  .login-panel .header-button:not(:last-child) {
    display: none; } }

@media (min-width: 61.375em) {
  .login-panel .header-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; } }

.navigation-toggle__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 24px 16px 16px;
  background-color: #008bd0;
  transition: background-color 0.2s ease-in-out;
  border: none;
  color: #fff;
  fill: #6ABAE0;
  text-decoration: none;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 24px;
  outline: none;
  cursor: pointer; }

.navigation-toggle__button[aria-expanded=true],
.navigation-toggle__button:hover,
.navigation-toggle__button:active,
.navigation-toggle__button:focus {
  background-color: #5babda;
  fill: #fff; }

.navigation-toggle__panel {
  max-height: 100%;
  overflow: hidden;
  background-color: #085082;
  color: #fff; }

.navigation-toggle__panel[hidden] {
  max-height: 0; }

.navigation-toggle__icon {
  pointer-events: none;
  margin-left: auto;
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease; }

[aria-expanded=true] .navigation-toggle__icon {
  transform: rotate(180deg); }

.navigation-toggle__tags {
  padding: 16px; }

.navigation-flyout--contain {
  position: relative; }

.navigation-flyout__button {
  margin-top: 11px;
  padding-bottom: 11px;
  display: inline-flex; }
  .navigation-flyout__button--login {
    position: relative; }

.navigation-flyout__button.is-toggle-active {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #085082; }

.navigation-flyout__menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0; }

.navigation-flyout__panel {
  max-height: 0;
  overflow: hidden; }

.navigation-flyout__panel.is-visible {
  max-height: 100%; }

.navigation-flyout__content {
  position: relative;
  color: #fff;
  background-color: #085082;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  background-clip: padding-box; }

/*
 * Gradients for overflow scrolling (fixed at top of flyout)
 */
.navigation-flyout__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 20px;
  z-index: 1;
  background: linear-gradient(to bottom, #085082 0%, #085082 20%, rgba(8, 80, 130, 0) 100%); }

.navigation-flyout--dark .navigation-flyout__content::before {
  background: linear-gradient(to bottom, #2f2f2f 0%, #2f2f2f 20%, rgba(47, 47, 47, 0) 100%); }
  @media (min-width: 61.375em) {
    .navigation-flyout--dark .navigation-flyout__content::before {
      right: 200px; } }

@media (min-width: 61.375em) {
  .navigation-flyout--dark .navigation-flyout__content::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 20px;
    z-index: 1;
    background: linear-gradient(to bottom, #3e3e3e 0%, #3e3e3e 20%, rgba(62, 62, 62, 0) 100%); } }

/*
 * 1. Remove scroll gradient from search flyout
 */
#search-flyout-panel .navigation-flyout__content::before {
  display: none;
  /* 1 */ }

/*
 * 1. Hide scrollbars
 */
.navigation-flyout__overflow {
  position: relative;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* 1 */ }

/*
 * 1. Allows for header hight + some padding, below flyout
 * when navigation is NOT sticky
 */
.is-scrolled-top .navigation-flyout__overflow {
  max-height: calc(100vh - 105px);
  /* 1 */ }

/*
 * 1. As above but navigation nav IS sticky
 */
.navigation-flyout__overflow {
  max-height: calc(100vh - 72px);
  /* 3 */ }

.navigation-flyout__overflow::-webkit-scrollbar {
  width: 0;
  /* 2 */ }

.navigation-flyout--dark .navigation-flyout__button.is-toggle-active {
  background-color: #2f2f2f; }

.navigation-flyout--dark .navigation-flyout__content {
  background-color: #2f2f2f; }

.navigation-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #085082;
  font-weight: 500;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px;
  line-height: 1.125; }
  .navigation-list__privacy-policy {
    background-color: #006295;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
    padding: 16px; }
    .navigation-list__privacy-policy p {
      margin-bottom: 8px; }
    .navigation-list__privacy-policy .button--inverse {
      border-color: #fff; }

.navigation-list__link {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: background-color 0.2s ease-in-out;
  outline: 0; }

.navigation-list__aside {
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 8px;
  text-align: right;
  color: #A6C0D2; }

.navigation-list--mobile {
  font-size: 20px; }

.navigation-list--mobile .navigation-list__link {
  padding: 16px; }

.navigation-list--mobile .navigation-list__link:hover,
.navigation-list--mobile .navigation-list__link:active,
.navigation-list--mobile .navigation-list__link:focus {
  background-color: #0C6393; }

.navigation-list--desktop .navigation-list__link:hover,
.navigation-list--desktop .navigation-list__link:active,
.navigation-list--desktop .navigation-list__link:focus {
  text-decoration: underline; }

.navigation-list--columns {
  display: flex;
  flex-wrap: wrap; }

.navigation-list--columns .navigation-list__item {
  width: 50%;
  box-sizing: border-box; }

.header-tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px; }

.header-tags__item {
  margin-top: 8px;
  margin-left: 8px; }
  @media (max-width: 41.249em) {
    .header-tags__item--utdannelse {
      display: none; } }

.flyout-content {
  color: #fff;
  background-color: #085082; }

.flyout-content--dark {
  background-color: #2f2f2f; }

.flyout-content__padding {
  padding: 16px; }
  @media (min-width: 61.375em) {
    .flyout-content__padding {
      padding: 32px; } }

.flyout-content--dark__padding {
  padding: 16px; }
  @media (min-width: 61.375em) {
    .flyout-content--dark__padding {
      padding: 32px; } }

.flyout-content__sections {
  display: flex;
  margin-left: -16px;
  margin-bottom: 16px; }

.flyout-content__section-item {
  box-sizing: border-box;
  min-width: 16.667%;
  padding-left: 32px; }

.flyout-content__section-item--colspan-2 {
  min-width: 33.33%;
  padding-left: 16px; }

.flyout-content__link-list {
  background-color: #008bd0;
  padding: 16px; }
  @media (min-width: 61.375em) {
    .flyout-content__link-list {
      padding-left: 32px;
      padding-right: 32px; } }

.flyout-content__split {
  display: flex; }

.flyout-content__split--column {
  flex-direction: column; }

.flyout-content__overview {
  width: 100%;
  flex-grow: 1; }

.flyout-content__sidebar {
  width: calc(200px + 32px);
  background-color: #00548b; }
  @media (max-width: 61.374em) {
    .flyout-content__sidebar {
      display: none; } }

.flyout-content__editions-padding {
  padding: 32px 48px; }

.flyout-content--dark__sidebar {
  width: 200px;
  flex: 0 0 200px;
  background-color: #3e3e3e; }

.flyout-content__grid {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px; }
  @media (min-width: 61.375em) {
    .flyout-content__grid {
      margin-left: -32px; } }

.flyout-content__grid-item {
  box-sizing: border-box;
  width: 50%;
  margin-bottom: 16px; }
  @media (min-width: 61.375em) {
    .flyout-content__grid-item {
      margin-bottom: 32px; } }

.flyout-content__grid-item--column-third {
  width: 33.33%;
  margin-bottom: 0; }

.flyout-content__grid-item,
.flyout-content__grid-aside {
  padding-left: 16px; }
  @media (min-width: 61.375em) {
    .flyout-content__grid-item,
    .flyout-content__grid-aside {
      padding-left: 32px; } }

.flyout-content__grid-aside {
  width: 180px;
  min-width: 180px;
  flex-shrink: 0; }

.flyout-content__crosslink {
  padding-top: 16px; }

.flyout-content__edition-grid {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 0; }

.flyout-content__edition-overview,
.flyout-content__edition-list {
  padding-top: 16px;
  padding-bottom: 16px; }

.flyout-content__edition-list {
  /*margin: 0 $spacing-base; LAN-1924: Will enable when new Dagen avis manu design implement*/ }

.flyout-content__edition-overview {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.flyout-content__edition-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px; }

.flyout-content__edition-button {
  flex-grow: 1;
  /*margin-left: $spacing-base; LAN-1924: Will enable when new Dagen avis manu design implement*/
  padding-left: 8px;
  /*LAN-1924: Will remove when new Dagen avis manu design implement*/
  padding-top: 8px;
  /*LAN-1924: Will remove when new Dagen avis manu design implement*/ }

.flyout-content__edition-button-button {
  padding: 0; }

.flyout-content__edition-grid--arkiv {
  padding-right: 0;
  margin-bottom: 0; }

.flyout-content__edition-list--arkiv {
  display: flex;
  margin-right: 0; }

.flyout-content__promo-box {
  display: flex;
  margin-top: 16px; }

.flyout-content__promo-box-text {
  margin-left: 16px;
  display: flex;
  flex-direction: column; }

.flyout-content__promo-box-headline {
  font: normal 36px "Guardian Sans Black", "Helvetica", sans-serif;
  margin-bottom: 16px; }

.flyout-content--search__info {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 12px;
  margin-top: 11px; }

.flyout-content--search__info a,
.flyout-content--search__links a {
  color: white; }

.flyout-content--search__links {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 14px; }

.flyout-content--search__links-nav {
  display: inline-block; }

.flyout-content--search__links-nav-list {
  display: inline-block;
  width: 100%;
  padding: 0;
  list-style: none;
  vertical-align: top; }
  @media (min-width: 41.25em) {
    .flyout-content--search__links-nav-list {
      width: auto;
      margin-right: 22px;
      vertical-align: bottom; } }

.flyout-content--search__links-nav-more {
  display: inline-block;
  margin-top: 11px; }
  @media (min-width: 41.25em) {
    .flyout-content--search__links-nav-more {
      margin-top: 0; } }

.section-contents {
  color: #fff;
  background-color: #085082; }

.section-contents__list {
  padding-top: 8px;
  padding-bottom: 8px; }

.edition-sidebar {
  background-color: #00548b;
  color: #fff;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  letter-spacing: 0.25px; }

.edition-sidebar--dark {
  background-color: #3e3e3e; }

.edition-sidebar__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px; }

.edition-sidebar__link {
  display: block; }

.edition-sidebar__cover {
  margin-bottom: 16px; }

.edition-sidebar__link + .edition-sidebar__link,
.section-title + .edition-sidebar {
  margin-top: 8px; }

.edition-overview {
  color: #fff;
  background-color: #085082;
  display: flex; }

.edition-overview__cover {
  box-sizing: border-box;
  width: 50%;
  padding-right: 8px; }

.edition-overview__buttons {
  flex-grow: 1;
  padding-left: 8px; }

.edition-overview__button-item + .edition-overview__button-item {
  margin-top: 8px; }

.article-headlines {
  background-color: #FFF;
  grid-column: 1/ span 2; }
  @media (min-width: 41.25em) {
    .article-headlines {
      grid-column: 2 / span 10; } }
  .article-headlines.is-active {
    background-color: #008bd0; }

.article-headlines__headline {
  margin-bottom: 16px; }

.article-headlines__subheadline {
  color: #828282; }

.article-headlines__headline--meninger {
  font-family: "Guardian Egyptian", "Georgia", sans-serif; }

.article-publish-times {
  grid-column-start: span 2;
  font: 14px/1 "Guardian Sans", "Helvetica", sans-serif;
  display: flex;
  color: #666; }
  @media (min-width: 41.25em) {
    .article-publish-times {
      grid-column: 2 / span 10; } }

.article-publish-times__icon {
  width: 60px;
  height: 28px;
  margin-right: 16px; }

.article-publish-times__p {
  line-height: 1; }
  @media (min-width: 41.25em) {
    .article-publish-times__p {
      display: inline-flex;
      align-items: center;
      line-height: 28px; } }

.article-publish-times__last-edit {
  margin-left: 16px; }

.article-publish-times__firstpublished {
  margin-left: 16px; }

.article-publish-times__publishedsince {
  display: none; }
  @media (min-width: 41.25em) {
    .article-publish-times__publishedsince {
      display: inline-flex;
      cursor: default; }
      .article-publish-times__publishedsince:before {
        content: url("../images/with-colors/timestamp.svg");
        margin-right: 8px;
        position: relative;
        top: 3px; } }

.article-publish-times__clock {
  margin-left: 8px; }

.article-publish-times__last-edit,
.article-publish-times__firstpublished {
  max-width: 100%;
  width: auto;
  display: inline-block; }
  @media (min-width: 41.25em) {
    .article-publish-times__last-edit,
    .article-publish-times__firstpublished {
      width: auto; } }

.article-summary {
  grid-column: 1 / span 2;
  font: 16px/1.5 "Guardian Sans", "Helvetica", sans-serif;
  color: #828282; }
  @media (min-width: 41.25em) {
    .article-summary {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .article-summary {
      margin-left: auto;
      margin-right: auto;
      grid-column: 3 / span 8;
      font-size: 18px;
      line-height: 30px;
      width: 100%; } }

.article-summary__intro {
  color: #5d5d5d; }

.article-login {
  grid-column-start: span 2;
  border-top: 1px solid #d8d8d8;
  color: #004f84;
  background-color: #f3f3f3;
  height: auto;
  padding: 16px; }
  .article-login p {
    font-size: 18px;
    line-height: 26px; }
  @media (min-width: 41.25em) {
    .article-login {
      grid-column: 3 / span 8; }
      .article-login p {
        font-size: 18px;
        line-height: 30px; } }

.article-login__title,
.article-login__list {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .article-login__title,
    .article-login__list {
      grid-column: 1 / span 8; } }

.article-login__title span {
  font-weight: bold;
  width: 100%;
  display: inline-block;
  margin: 0; }
  @media (min-width: 41.25em) {
    .article-login__title span {
      width: auto;
      display: inline;
      line-height: 30px;
      margin-left: 8px; } }

.article-login__list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font: normal 18px/26px "Guardian Sans", "Helvetica", sans-serif; }
  @media (min-width: 41.25em) {
    .article-login__list {
      line-height: 30px; } }
  .article-login__list .login-checkmark {
    background: url("/dn/static/assets/images/with-colors/check.svg") 2px 6px no-repeat; }
  .article-login__list .login-leseliste {
    background: url("/dn/static/assets/images/with-colors/bookmark.svg") 4px 6px no-repeat; }
  .article-login__list .login-screens {
    background: url("/dn/static/assets/images/with-colors/screens.svg") 0 6px no-repeat; }

.article-login__list-item {
  background-repeat: no-repeat;
  padding-left: 32px; }

.article-login__list + .button--secondary {
  margin-top: 8px; }

.article-body {
  color: #272727;
  grid-column-start: span 2;
  height: auto; }
  @media (min-width: 41.25em) {
    .article-body {
      margin-left: auto;
      margin-right: auto;
      grid-column: 2 / span 10; }
      @supports (display: grid) {
        .article-body {
          margin-left: unset;
          margin-right: unset; } } }
  .article-body > a {
    display: block; }

.article-body:not(.article-body--no-dropcap) > p:first-child:first-letter {
  color: #2f2f2f;
  float: left;
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-weight: 900;
  font-size: 48px;
  line-height: 48px;
  padding-right: 8px; }
  @media (min-width: 41.25em) {
    .article-body:not(.article-body--no-dropcap) > p:first-child:first-letter {
      font-size: 64px;
      line-height: 60px; } }

@media (min-width: 41.25em) {
  .article-body > p,
  .article-body > a,
  .article-body > h3,
  .article-body > h4,
  .article-body > ul,
  .article-body > ol,
  .article-body > figure[itemtype="http://schema.org/DigitalDocument"] {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; } }

.article-body > p,
.article-body > a,
.article-body > ul li,
.article-body > ol li,
.article-body > figure[itemtype="http://schema.org/DigitalDocument"] a {
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 41.25em) {
    .article-body > p,
    .article-body > a,
    .article-body > ul li,
    .article-body > ol li,
    .article-body > figure[itemtype="http://schema.org/DigitalDocument"] a {
      font-size: 18px;
      line-height: 30px; } }

.article-body > ul,
.article-body > ol {
  margin-top: 16px;
  margin-bottom: 16px; }

@media (max-width: 41.249em) {
  .article-body > ul {
    padding-left: 16px; } }

@media (max-width: 41.249em) {
  .article-body > ol {
    padding-left: 24px; } }

.article-body > ul li,
.article-body > ol li {
  padding-left: 0; }
  @media (min-width: 41.25em) {
    .article-body > ul li,
    .article-body > ol li {
      padding-left: 8px; } }

.article-body a {
  color: #008bd0; }
  .article-body a:hover {
    text-decoration: none; }

.article-body > h3,
.article-body > h4 {
  font: bold 16px/24px "Guardian Sans", "Helvetica", sans-serif; }
  @media (min-width: 41.25em) {
    .article-body > h3,
    .article-body > h4 {
      font-size: 18px;
      line-height: 30px; } }

.article-body > p + h3,
.article-body > p + h4,
.article-body > p + p,
.article-body > p + figure,
.article-body > p + .inline-ad,
.article-body figure + h3,
.article-body figure + p,
.article-body figure + a,
.article-body > p + a,
.article-body > a + p,
.article-body > ul li + li,
.article-body > ol li + li,
.article-body .monetization + p,
.article-body .monetization + a,
.article-body .carousel-wrapper--jobbsearch-narrow + p,
.article-body .carousel-wrapper--jobbsearch-narrow + a,
.article-body .startupmatcher-container + p,
.article-body .startupmatcher-container + a,
.article-body .inline-ad + h3,
.article-body .inline-ad + h4,
.article-body .inline-ad + p,
.article-body .inline-ad + a,
.article-body p + .blockquote,
.article-body a + .blockquote,
.article-body .blockquote + p,
.article-body .blockquote + a,
.article-body .dp-plugin-youtube-search + p,
.article-body .dp-plugin-youtube-search + a,
.article-body .dp-plugin-youtube-search + h3,
.article-body .dp-plugin-youtube-search + h4,
.article-body .dp-plugin-youtube-search + figure,
.article-body .dp-plugin-youtube-search + .blockquote,
.article-body .dp-plugin-youtube-search + .inline-ad,
.article-body p + .dp-plugin-youtube-search,
.article-body a + .dp-plugin-youtube-search,
.article-body .inline-ad + .dp-plugin-youtube-search {
  margin-top: 16px; }

@media (min-width: 41.25em) {
  .article-body p + .blockquote,
  .article-body a + .blockquote,
  .article-body .blockquote + p,
  .article-body .blockquote + a {
    margin-top: 32px; } }

.article-body h3 + div .inline-table,
.article-body h3 + .inline-table {
  margin-top: 4px; }

.article-body .infobox,
.article-body .proff-box {
  margin: 16px auto; }
  @media (min-width: 41.25em) {
    .article-body .infobox,
    .article-body .proff-box {
      max-width: 80%; } }

.article-body .carousel-wrapper--inline {
  margin: 16px -15px; }

@media (min-width: 41.25em) {
  .article-body .infobox,
  .article-body .proff-box,
  .article-body .carousel-wrapper--inline {
    margin: 32px auto; } }

@media (min-width: 41.25em) {
  .article-body .infobox--narrow {
    margin: 16px 0 16px calc(1/12 * 100% + 15px); } }

.article-body .inline-ad__label {
  font-family: "Guardian Sans", "Helvetica", sans-serif;
  font-size: 14px;
  color: #ababab;
  line-height: 24px;
  text-align: center;
  max-width: 80%;
  margin: 0 auto; }
  .article-body .inline-ad__label:not(.is-hidden) {
    display: block; }

.dn-relation-block, .dn-relation-block__wrapper {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  font-size: 16px;
  line-height: 24px;
  clear: both;
  justify-content: space-between;
  padding: 8px 0;
  margin-bottom: 16px;
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .dn-relation-block, .dn-relation-block__wrapper {
      font-size: 18px;
      line-height: 30px;
      max-width: 80%;
      margin-bottom: 24px;
      margin-top: 24px;
      margin-left: auto;
      margin-right: auto; } }
  .dn-relation-block .badge, .dn-relation-block__wrapper .badge {
    align-self: center;
    margin: 0 0 0 4px; }
    @media (max-width: 41.249em) {
      .dn-relation-block .badge, .dn-relation-block__wrapper .badge {
        align-self: flex-end; } }

.dn-relation-block__wrapper a, .dn-relation-block a {
  color: #272727;
  text-decoration: none; }
  @media (max-width: 41.249em) {
    .dn-relation-block__wrapper a, .dn-relation-block a {
      display: flex;
      max-height: 48px;
      overflow: hidden; } }
  @media (min-width: 41.25em) {
    .dn-relation-block__wrapper a, .dn-relation-block a {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  .dn-relation-block__wrapper a:hover, .dn-relation-block a:hover {
    color: #008bd0; }

.dn-relation-block:not(.dn-mulitple-relations-block) {
  display: flex; }
  @media (max-width: 41.249em) {
    .dn-relation-block:not(.dn-mulitple-relations-block) {
      flex-wrap: wrap; }
      .dn-relation-block:not(.dn-mulitple-relations-block) strong:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        background: #fff;
        width: 5px; } }

.dn-relation-block__wrapper {
  display: flex;
  width: 100%; }
  .dn-relation-block .dn-relation-block__wrapper {
    max-width: none;
    border: none;
    padding: 0;
    margin: 0;
    overflow: hidden; }

.dn-relation-block strong {
  position: relative;
  color: #008bd0;
  font-weight: bold;
  padding-right: 4px; }
  @media (max-width: 41.249em) {
    .dn-relation-block strong {
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .dn-relation-block strong {
      white-space: nowrap; } }

.dn-mulitple-relations-block {
  border: none;
  padding: 0; }
  .dn-mulitple-relations-block strong {
    padding-right: 0; }
    .dn-mulitple-relations-block strong:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      top: 0;
      right: 0;
      background: #fff;
      width: 5px; }
  .dn-mulitple-relations-block ul {
    border-top: 1px solid #e7e7e7;
    padding: 0;
    margin-top: 4px; }
    .dn-mulitple-relations-block ul li {
      display: flex;
      border-bottom: 1px solid #e7e7e7;
      color: #008bd0;
      list-style: none;
      justify-content: space-between;
      padding: 2px 0; }
      @media (max-width: 41.249em) {
        .dn-mulitple-relations-block ul li {
          padding: 8px 0; } }
      @media (max-width: 41.249em) {
        .dn-mulitple-relations-block ul li a {
          flex: auto; } }
      .dn-mulitple-relations-block ul li a:before {
        content: "\25CF";
        font-size: 14px;
        color: #008bd0;
        margin-right: 5px;
        vertical-align: top; }

.site-footer {
  background-color: #085082;
  border-bottom: 8px solid #008bd0;
  color: #fff;
  font-family: "Guardian Sans", "Helvetica", sans-serif; }
  .site-footer__gretting {
    display: flex;
    flex-direction: column; }
    .site-footer__gretting-ok {
      background-color: #006295;
      border-radius: 4px;
      font-size: 18px;
      line-height: 1.3;
      font-weight: bold;
      text-align: center;
      padding: 32px 0; }
      .site-footer__gretting-ok span {
        display: block;
        position: relative;
        border: 2px solid #FFF;
        border-radius: 50px;
        width: 50px;
        height: 50px;
        margin: 0 auto 16px !important; }
        .site-footer__gretting-ok span:before {
          content: "";
          position: absolute;
          left: 22px;
          top: 15px;
          display: block;
          width: 6px;
          height: 15px;
          border: solid #FFF;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
    .site-footer__gretting .site-footer__form-submit {
      width: auto; }

.site-footer__logo-bar {
  background-color: #008bd0;
  display: flex;
  align-items: center; }
  @media (max-width: 41.249em) {
    .site-footer__logo-bar {
      height: 48px; } }
  @media (min-width: 41.25em) {
    .site-footer__logo-bar {
      height: 60px; } }

.site-footer__content {
  padding-top: 16px;
  padding-bottom: 16px; }
  @media (min-width: 61.375em) {
    .site-footer__content {
      padding-top: 24px; } }

@media (max-width: 41.249em) {
  .site-footer__logo-wrap,
  .site-footer__wrap {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 41.25em) {
  .site-footer__logo-wrap,
  .site-footer__wrap {
    margin: 0 7px; } }

.site-footer__imprint,
.site-footer__contact {
  grid-column: 1 / span 2;
  margin-bottom: 16px; }
  @media (max-width: 41.249em) {
    .site-footer__imprint,
    .site-footer__contact {
      padding-left: 0;
      padding-right: 0; } }

@media (min-width: 41.25em) {
  .site-footer__imprint {
    grid-column: 1 / span 6; } }

@media (min-width: 61.375em) {
  .site-footer__imprint {
    grid-column: 1 / span 4; } }

@media (max-width: 41.249em) {
  .site-footer__imprint {
    padding-left: 0; } }

@media (min-width: 41.25em) {
  .site-footer__contact {
    grid-column: 7 / span 6; } }

@media (min-width: 61.375em) {
  .site-footer__contact {
    grid-column: 5 / span 4; } }

@media (max-width: 41.249em) {
  .site-footer__contact {
    padding-left: 0;
    padding-right: 0; } }

.site-footer__contact-form {
  grid-column: 1 / span 2;
  display: block; }
  @media (max-width: 41.249em) {
    .site-footer__contact-form {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .site-footer__contact-form {
      display: none; } }
  @media (min-width: 61.375em) {
    .site-footer__contact-form {
      display: block;
      grid-column: 9 / span 4; } }

.site-footer__p {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 21px; }

.site-footer__a {
  color: white;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }
  .site-footer__a:hover {
    text-decoration: none; }

.site-footer__phone,
.site-footer__mailto {
  color: white;
  font-weight: bold;
  text-decoration: none; }
  .site-footer__phone:hover,
  .site-footer__mailto:hover {
    opacity: 0.75; }

.site-footer__arrow {
  fill: white;
  transform: rotate(90deg);
  width: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  display: inline-flex;
  vertical-align: text-bottom; }

.site-footer__arrow {
  margin-right: 8px; }

@media (max-width: 41.249em) {
  .site-footer__outerwrap {
    padding-left: 0;
    padding-right: 0; } }

.site-footer__linkwrap {
  padding-top: 16px; }
  @media (min-width: 41.25em) {
    .site-footer__linkwrap {
      border-top: 1px solid #008bd0; } }

.site-footer__links {
  padding-top: 16px;
  letter-spacing: 0.25px;
  overflow: hidden; }
  @media (max-width: 41.249em) {
    .site-footer__links {
      padding-left: 0;
      padding-right: 0;
      width: 100%; } }
  @media (min-width: 41.25em) {
    .site-footer__links.dnno-container {
      padding: 16px 7px 0; } }

.error {
  display: flex; }
  .error svg {
    margin-right: 4px; }

/*
 * 1. Should match configured css-gridish max-width
 * 2. Should match configured css-gridish padding
 */
.footer-link-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-top: -16px;
  margin-left: -16px;
  margin-right: -16px; }

.footer-link-list__item {
  box-sizing: border-box;
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px; }
  @media (max-width: 41.249em) {
    .footer-link-list__item:nth-child(odd) {
      padding-right: 8px; }
    .footer-link-list__item:nth-child(even) {
      padding-left: 8px; }
    .footer-link-list__item:first-child, .footer-link-list__item:nth-child(2) {
      margin-top: 0; }
      .footer-link-list__item:first-child .footer-link-list__link, .footer-link-list__item:nth-child(2) .footer-link-list__link {
        padding-top: 16px;
        border-top: 1px solid #008bd0;
        width: 100%;
        display: inline-block; } }

@media (max-width: 41.249em) {
  .footer-link-list__item {
    width: 50%; } }

.footer-link-list__link {
  color: #fff;
  text-decoration: none; }

.footer-link-list__link:hover,
.footer-link-list__link:active,
.footer-link-list__link:focus {
  text-decoration: underline; }

.site-footer__form-textarea + .site-footer__form-email {
  margin-top: 4px; }

.site-footer__form-submit {
  margin-top: 8px; }

.article-header {
  position: relative;
  grid-column: 1/span 2; }
  .article-header.is-active {
    background-color: #008bd0; }
  @media (min-width: 41.25em) {
    .article-header {
      grid-column: 2 / span 10; } }
  .article-header .author--meninger + .tags-group {
    margin-top: 32px; }
  .article-header .tags-group + .article-headlines {
    margin-top: 8px; }
  .article-header .article-headlines + .article-publish-times {
    margin-top: 27px; }
  .article-header .article-publish-times + figure {
    margin-top: 8px; }
  @media (max-width: 41.249em) {
    .article-header .dnno-padding--horizontal {
      padding-left: 0; } }

.article-header__grunder-link {
  display: inline-block;
  margin: 0 0 16px 0;
  width: 200px; }

.article-header__grunder-logo {
  width: 100%; }

.article-main-content {
  grid-column-start: span 2;
  height: auto;
  position: relative; }
  @media (min-width: 41.25em) {
    .article-main-content {
      grid-column: 1 / span 12;
      margin-left: auto;
      margin-right: auto; } }
  .dn-preview-page .article-main-content {
    margin-left: 0;
    margin-right: 0; }
  .article-main-content .article-author + .article-summary,
  .article-main-content .page-tools + .article-summary,
  .article-main-content .page-tools + .article-body,
  .article-main-content .main-content + .article-footer {
    margin-top: 16px; }
    @media (min-width: 41.25em) {
      .article-main-content .article-author + .article-summary,
      .article-main-content .page-tools + .article-summary,
      .article-main-content .page-tools + .article-body,
      .article-main-content .main-content + .article-footer {
        margin-top: 32px; } }
  .article-main-content .article-summary + .article-body {
    margin-top: 24px; }
    @media (min-width: 41.25em) {
      .article-main-content .article-summary + .article-body {
        margin-top: 32px; } }
  @media (min-width: 41.25em) {
    .article-main-content .page-tools + .article-summary--meninger {
      margin-top: 0; } }
  .article-main-content .article-author + .page-tools {
    margin-top: 16px; }
    @media (min-width: 41.25em) {
      .article-main-content .article-author + .page-tools {
        margin-top: 0; } }

.article-footer {
  position: relative;
  grid-column-start: span 2;
  height: auto;
  margin-bottom: 16px; }
  @media (min-width: 41.25em) {
    .article-footer {
      grid-column: 1/span 12; } }
  @media (min-width: 41.25em) {
    .article-footer {
      width: calc(2/3 * 100%);
      grid-column: 3 / span 8; }
      @supports (display: grid) {
        .article-footer {
          width: unset;
          margin-left: unset;
          margin-right: unset; } } }
  .article-footer .button + .tags-group {
    margin-top: 16px; }
  .article-footer .tags-group + .like-buttons {
    margin-top: 16px; }
    @media (min-width: 41.25em) {
      .article-footer .tags-group + .like-buttons {
        margin-top: 8px; } }
  .article-footer__top {
    display: flex;
    align-items: center; }
    .article-footer__top .button {
      height: 34px;
      margin-right: 16px; }
      @media (min-width: 41.25em) {
        .article-footer__top .button {
          margin-right: 32px; } }
    .article-footer__top + .tags-group {
      margin-top: 16px; }

.like-buttons + .article-login {
  margin-top: 32px; }
  @media (min-width: 41.25em) {
    .like-buttons + .article-login {
      margin-top: 16px; } }

.help-section {
  font: normal 18px/ 1.5 "Guardian Sans", "Helvetica", sans-serif;
  background-color: #f0f0f0;
  padding: 32px 8px;
  grid-column: 1 / span 12;
  height: auto; }
  @media (min-width: 41.25em) {
    .help-section {
      grid-column: 1 / span 8; } }

.help-section--inverse {
  background-color: #ffffff;
  padding: 14px 10px 14px 10px;
  border-bottom: 1px solid #008bd0; }
  .help-section--inverse > * {
    margin-bottom: 10px; }
  @media (min-width: 41.25em) {
    .help-section--inverse {
      padding: 16px; } }

.help-section__label {
  color: #008bd0;
  display: inline-block; }

.help-section__label--bold {
  font-weight: bold; }

.help-section__button-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center; }
  .help-section__button-group > .help-section__button {
    margin: 0 0 10px 0;
    width: 100%; }
  .help-section__button-group .help-section__button:last-of-type {
    margin: 0; }
  @media (min-width: 41.25em) {
    .help-section__button-group {
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between; }
      .help-section__button-group > .help-section__button {
        width: 45%;
        margin: 0 18px 0 0; }
      .help-section__button-group .help-section__button:last-of-type {
        margin-bottom: 0; } }

.login-section {
  font: normal 16px/16px "Guardian Sans", "Helvetica", sans-serif;
  grid-column: 1 / span 2;
  height: auto;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 41.25em) {
    .login-section {
      grid-column: 1 / span 8; } }
  @media (min-width: 41.25em) {
    .login-section {
      padding-left: 8px;
      padding-right: 8px; } }

.login-section__login-fields {
  border-bottom: 1px solid #008bd0;
  padding: 0 8px 16px;
  background-color: #fff; }
  @media (min-width: 41.25em) {
    .login-section__login-fields {
      padding: 0 16px 30px; } }
  .login-section__login-fields .login-section__button {
    margin-top: 16px;
    margin-bottom: 16px; }

.login-section__label {
  text-align: center;
  line-height: 0.5;
  color: #828282;
  padding: 8px;
  margin-bottom: 16px;
  overflow: hidden; }

.login-section__label span {
  display: inline-block;
  position: relative; }

.login-section__label span::after,
.login-section__label span::before {
  content: "";
  position: absolute;
  top: 0;
  height: 50%;
  width: 600px;
  border-bottom: 1px solid #828282; }

.login-section__label span:before {
  right: 100%;
  margin-right: 16px; }

.login-section__label span:after {
  left: 100%;
  margin-left: 16px; }

.login-section__content-toggle-buttons {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between; }
  @media (min-width: 41.25em) {
    .login-section__content-toggle-buttons {
      margin-bottom: 25px; } }

.login-section__radio-button {
  display: flex;
  border: 1px solid #008bd0;
  border-radius: 4px 0 0 4px;
  width: 50%; }

.login-section__radio-button:last-of-type {
  border-radius: 0 4px 4px 0;
  border-left: none; }

.login-section__radio-button--active {
  background-color: #e1f4fc; }

.login-section__login-option .login-section__button {
  margin-top: 0;
  margin-bottom: 16px; }

.login-section__login-option .login-section__button:last-of-type {
  margin-top: 0;
  margin-bottom: 0; }

.login-section--input {
  margin-bottom: 24px; }

.login-section--input-tight {
  margin-bottom: 16px; }

.login-section__login-option--hidden {
  display: none; }

.login-section__error {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px; }

.login-section__error-icon {
  fill: white;
  height: 8px;
  width: 8px;
  display: inline-block;
  background-color: #ff001f;
  padding: 3px;
  border-radius: 50%;
  margin-right: 4px; }

.login-section__error-message {
  display: inline-block;
  color: #ff001f; }

.subscription-promo {
  grid-column: 1 / span 2;
  height: auto;
  margin-bottom: 36px;
  padding: 0; }
  @media (min-width: 41.25em) {
    .subscription-promo {
      grid-column: 9 / span 4;
      padding: 0 8px; } }

.subscription-promo__image-container {
  position: relative;
  margin-bottom: -2px;
  line-height: 0; }

.subscription-promo__image {
  width: 100%; }

.subscription-promo__context {
  font: normal 18px/ 1.5 "Guardian Sans", "Helvetica", sans-serif;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #e8e7e4;
  color: #004f84;
  border-left: 7px solid #d8d7d2; }
  .subscription-promo__context .subscription-promo__button {
    margin-top: 16px; }
    .subscription-promo__context .subscription-promo__button + .subscription-promo__button {
      margin-top: 8px; }

.subscription-promo__label {
  font-weight: bold; }

.subscription-promo__text {
  padding-right: 36px; }

.teaser-grid {
  clear: both;
  justify-content: center; }
  .teaser-grid.is-hidden {
    display: none; }

.teaser-grid--services,
.teaser-grid--dntv {
  height: auto;
  margin-top: 0;
  align-items: stretch; }
  @media (max-width: 41.249em) {
    .teaser-grid--services.dnno-padding--left, .teaser-grid--services.dnno-padding-right,
    .teaser-grid--dntv.dnno-padding--left,
    .teaser-grid--dntv.dnno-padding-right {
      padding: 0; } }

.teaser-grid--services {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .teaser-grid--services {
      grid-column: span 4; } }

.teaser-grid--services__top {
  align-items: stretch; }
  @media (min-width: 41.25em) {
    .teaser-grid--services__top {
      grid-column: span 6; } }

.teaser-grid--static-projects {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .teaser-grid--static-projects {
      grid-column: 1 / span 12;
      justify-content: center; } }

@media (min-width: 41.25em) {
  .teaser-grid--dagens-avis {
    grid-column: 1 / span 12;
    justify-content: center; } }

.teaser-grid--dagens-avis__wrap {
  margin: 0 7px; }

.teaser-grid--nyhetsbrev,
.teaser-grid--leseliste-nyhetsbrev {
  height: auto;
  grid-column: 1 / span 2;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 7px; }
  @supports (display: grid) {
    .teaser-grid--nyhetsbrev,
    .teaser-grid--leseliste-nyhetsbrev {
      justify-content: center;
      margin: 0; } }
  @media (min-width: 41.25em) {
    .teaser-grid--nyhetsbrev,
    .teaser-grid--leseliste-nyhetsbrev {
      grid-column: span 12; } }
  @media (max-width: 41.249em) {
    .teaser-grid--nyhetsbrev,
    .teaser-grid--leseliste-nyhetsbrev {
      margin: 0; }
      .teaser-grid--nyhetsbrev.dnno-padding--left, .teaser-grid--nyhetsbrev.dnno-padding-right,
      .teaser-grid--leseliste-nyhetsbrev.dnno-padding--left,
      .teaser-grid--leseliste-nyhetsbrev.dnno-padding-right {
        padding: 0; } }

.teaser-grid--nyhetsbrev__newsletter-author,
.teaser-grid--nyhetsbrev__alerts-topics {
  grid-column: span 6; }

.teaser-grid--nyhetsbrev__newsletters + .teaser-grid--nyhetsbrev__kommentatorer {
  margin-top: 32px; }

@media (max-width: 41.249em) {
  .teaser-grid--nyhetsbrev__alerts-topics,
  .teaser-grid--nyhetsbrev__newsletter-author + .teaser-grid--nyhetsbrev__alerts-topics {
    margin-top: 32px; } }

.teaser-list {
  clear: both;
  margin-top: 8px; }
  .teaser-list.is-hidden {
    display: none; }

.teaser-list__article-day {
  grid-column: 1 / span 12;
  margin-bottom: 16px;
  position: relative;
  z-index: 1; }
  @media (max-width: 41.249em) {
    .teaser-list__article-day.dnno-padding--horizontal {
      padding-left: 0;
      padding-right: 0; } }

.teaser-list__article-day--siste:after {
  position: absolute;
  background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
  content: " ";
  width: 1px;
  height: calc(100% - 40px);
  top: 8px;
  left: 15px; }
  @media (min-width: 41.25em) {
    .teaser-list__article-day--siste:after {
      left: 20px; } }

.teaser-list--ticker {
  position: relative;
  z-index: 1; }
  .teaser-list--ticker:after {
    position: absolute;
    background: url("/dn/static/assets/images/bg-line.gif") repeat-y;
    content: " ";
    width: 1px;
    height: calc(100% - 75px);
    top: 24px;
    left: 8px; }
  @media (max-width: 41.249em) {
    .teaser-list--ticker.dnno-padding--horizontal {
      padding-left: 0;
      padding-right: 0; } }

.teaser-list--ticker__header {
  display: flex;
  justify-content: space-between;
  background-color: #FFF;
  padding: 8px 8px 8px 0; }

.teaser-list--ticker__button {
  margin-left: auto; }

.teaser-list--ticker__ul {
  padding: 0;
  list-style: none;
  border-top: 1px solid #ff6027;
  border-bottom: 1px solid #ff6027;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 60em) {
    .teaser-list--ticker__ul {
      max-height: 327px; } }

.teaser-list--ticker__date {
  margin-left: 24px;
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  height: 19px;
  align-self: center;
  color: #ff6027; }

.teaser-list--ticker__datesvg {
  display: inline-block;
  fill: #ff6027;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  position: absolute;
  top: 19px;
  left: 2px; }
  @media (min-width: 41.25em) {
    .teaser-list--ticker__datesvg {
      top: 15px; } }

@media (min-width: 60em) {
  .teaser-list--ticker__gradient-overlay {
    position: absolute;
    background: linear-gradient(180deg, rgba(251, 245, 243, 0) 0%, #fbf5f3 100%);
    left: 0;
    bottom: 1px;
    height: 48px;
    width: 100%;
    max-width: 100%;
    pointer-events: none;
    z-index: 25;
    display: block; } }

.teaser-list--search {
  margin-top: 24px; }
  @media (max-width: 41.249em) {
    .teaser-list--search {
      grid-template-columns: repeat(auto-fill, 50vw); }
      .teaser-list--search.dnno-padding--horizontal {
        padding-left: 0;
        padding-right: 0; } }

.teaser-combo-abb {
  grid-column: 1 / span 12; }

.teaser-combo-abb {
  justify-content: center; }

.teaser-combo-abb__a {
  grid-column: 1 / span 8;
  height: 550px; }

.teaser-combo-abb__bb {
  grid-column: 9 / span 4; }

.teaser--combo-abb__a__tile {
  height: auto; }

.siste-date {
  margin-left: 28px;
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027; }
  @media (min-width: 41.25em) {
    .siste-date {
      margin-left: 24px; } }

.siste-date__svg {
  display: inline-block;
  fill: #ff6027;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  position: absolute;
  top: 2px;
  left: 9px; }
  @media (min-width: 41.25em) {
    .siste-date__svg {
      top: 2px;
      left: 14px; } }

.siste-date--developing:after {
  position: absolute;
  background: url(/assets/images/bg-line.gif) repeat-y;
  content: " ";
  width: 1px;
  height: 20px;
  top: 8px;
  left: 15px; }
  @media (min-width: 41.25em) {
    .siste-date--developing:after {
      left: 12px; } }

.siste-date--developing__svg {
  top: 2px;
  left: 9px; }
  @media (min-width: 41.25em) {
    .siste-date--developing__svg {
      top: 2px;
      left: 6px; } }

.view-switcher {
  float: right;
  z-index: 20;
  position: relative;
  padding-right: 16px; }
  @media (max-width: 41.249em) {
    .view-switcher {
      padding-right: 0; } }

.author-date {
  margin-left: 28px;
  font: bold 16px/19px "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027; }
  @media (min-width: 41.25em) {
    .author-date {
      margin-left: 24px; } }

.author-date__svg {
  display: inline-block;
  fill: #ff6027;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  position: absolute;
  top: 2px;
  left: 9px; }
  @media (min-width: 41.25em) {
    .author-date__svg {
      top: 2px;
      left: 14px; } }

.developing-topic-header {
  background-color: #FFF; }

.developing-topic-header__fullbleed {
  width: 100%;
  position: relative;
  line-height: 0;
  height: 0;
  padding-bottom: calc(240/320 * 100%);
  background-size: cover;
  background-position: center; }
  @media (min-width: 41.25em) {
    .developing-topic-header__fullbleed {
      padding-bottom: calc(240/768 * 100%); } }
  @media (min-width: 61.375em) {
    .developing-topic-header__fullbleed {
      background-size: cover;
      padding-bottom: calc(375/1440 * 100%); } }

.developing-topic-header__hero {
  width: 100%; }

.developing-topic-header__text,
.developing-topic-header__fullbleed-headline {
  position: absolute;
  bottom: 20px;
  left: 15px; }
  @media (min-width: 41.25em) {
    .developing-topic-header__text,
    .developing-topic-header__fullbleed-headline {
      left: calc(50% - .5 * 100vw); }
      .developing-topic-header__text.dnno-container,
      .developing-topic-header__fullbleed-headline.dnno-container {
        padding: 0 15px; } }
  @media (min-width: 61.375em) {
    .developing-topic-header__text,
    .developing-topic-header__fullbleed-headline {
      left: 0;
      right: 0; } }

.developing-topic-header__intro.dnno-container {
  padding: 16px 15px; }

.developing-topic-header--no-image__intro.dnno-container {
  padding: 24px 15px 16px; }

.developing-topic-header__wrap {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .developing-topic-header__wrap {
      grid-column: span 11; } }

.developing-topic-header__intro-text {
  font: normal 14px/20px "Guardian Egyptian", "Georgia", sans-serif;
  margin: 0 0 16px 0; }
  @media (max-width: 41.249em) {
    .developing-topic-header__intro-text.dnno-padding--left, .developing-topic-header__intro-text.dnno-padding--right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .developing-topic-header__intro-text {
      grid-column: span 11;
      line-height: 30px; } }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .developing-topic-header__intro-text {
      font-size: 16px;
      line-height: 22px; } }
  @media (min-width: 61.375em) {
    .developing-topic-header__intro-text {
      font-size: 24px; } }

@media (max-width: 41.249em) {
  .developing-topic-header__fullbleed-headline.dnno-container {
    max-width: calc(100% - 30px); } }

@media (max-width: 41.249em) {
  .developing-topic-header__headline-textonly.dnno-container {
    max-width: 100%; } }

.developing-topic-header__headline-textonly + .developing-topic-header__intro-text {
  margin-top: 16px; }

@media (max-width: 41.249em) {
  .developing-topic-headline.dnno-container {
    padding: 0; } }

.developing-topic-headline__h1 {
  font: normal 36px/1 "Guardian Sans Black", "Helvetica", sans-serif;
  word-wrap: break-word;
  overflow-y: hidden; }
  @supports (display: grid) {
    .developing-topic-headline__h1 {
      overflow-y: unset; } }
  @media (min-width: 41.25em) {
    .developing-topic-headline__h1 {
      word-wrap: normal; } }
  @media (min-width: 41.251em) and (max-width: 61.374em) {
    .developing-topic-headline__h1 {
      font-size: 48px;
      line-height: 55px; } }
  @media (min-width: 61.375em) {
    .developing-topic-headline__h1 {
      font-size: 56px; } }

.badge-spesial--orange + .developing-topic-headline__h1 {
  margin-top: 8px; }

.developing-topic-header__fullbleed-headline {
  color: White; }

.developing-topic-list {
  clear: both;
  margin-top: 16px; }

.developing-topic-list__day {
  grid-column: 1 / span 2;
  position: relative;
  margin-bottom: 16px; }
  @media (min-width: 41.25em) {
    .developing-topic-list__day {
      grid-column: 1 / span 8; } }

.developing-topic-list__list {
  position: relative;
  z-index: 1;
  list-style: none;
  padding: 0; }
  .developing-topic-list__list:after {
    position: absolute;
    background: url("/assets/images/bg-line.gif") repeat-y;
    content: " ";
    width: 1px;
    height: calc(100% - 40px);
    top: 8px;
    left: 15px; }
    @media (min-width: 41.25em) {
      .developing-topic-list__list:after {
        left: 12px; } }
  @media (max-width: 41.249em) {
    .developing-topic-list__list.dnno-padding--left, .developing-topic-list__list.dnno-padding--right {
      padding-left: 0;
      padding-right: 0; } }

.developing-topic-list-item {
  grid-column: 1 / span 2;
  background-color: #FFF;
  position: relative;
  margin: 8px 0;
  z-index: 10; }
  .developing-topic-list-item:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    left: 15px;
    background: url("/assets/images/bg-line.gif") repeat-y;
    display: flex; }
    @media (min-width: 41.25em) {
      .developing-topic-list-item:before {
        left: 12px;
        height: 25px; } }
  .developing-topic-list-item:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: url("/assets/images/bg-line.gif") repeat-y;
    display: flex;
    left: 15px; }
    @media (min-width: 41.25em) {
      .developing-topic-list-item:after {
        left: 12px; } }
  .developing-topic-list-item:first-of-type {
    margin-top: 8px; }
  .developing-topic-list-item:last-child:after {
    background: none; }
  @media (max-width: 41.249em) {
    .developing-topic-list-item.dnno-padding--left {
      padding-left: 0; }
    .developing-topic-list-item.dnno-padding--right {
      padding-right: 0; } }
  @media (min-width: 41.25em) {
    .developing-topic-list-item {
      padding-bottom: 0;
      grid-column: span 8; } }

.developing-topic-list-item--loading {
  padding: 16px;
  grid-column: span 2;
  width: 150px; }

.developing-topic-list-item__loader {
  margin: 0 auto; }

.developing-topic-list-item__datetime {
  font: normal 16px/1 "Guardian Sans", "Helvetica", sans-serif;
  color: #ff6027;
  align-items: center;
  display: inline-block;
  margin-left: 8px;
  margin-top: 2px; }
  @media (min-width: 41.25em) {
    .developing-topic-list-item__datetime {
      margin-top: 0;
      margin-left: 0;
      line-height: 30px; } }

.developing-topic-list-item__time {
  display: inline-block;
  width: 48px;
  font-variant: tabular-nums;
  font-variant-numeric: tabular-nums; }

.developing-topic-list-item__datesvg {
  position: absolute;
  top: 15px;
  left: 11px;
  display: inline-block;
  fill: #ff6027;
  width: 9px;
  height: 9px;
  margin-right: 6px; }
  @media (min-width: 41.25em) {
    .developing-topic-list-item__datesvg {
      top: 20px;
      left: 8px; } }

.developing-topic-list-item__headline {
  display: block;
  margin-top: 0;
  font: normal 18px/20px "Guardian Sans Black", "Helvetica", sans-serif;
  text-decoration: none;
  color: #2f2f2f; }
  @media (min-width: 61.375em) {
    .developing-topic-list-item__headline {
      display: inline;
      max-width: 60%;
      float: left;
      margin-top: 2px;
      line-height: 24px; } }

.developing-topic-list-item__headline--first {
  color: #ff6027; }

@media (min-width: 61.375em) {
  .developing-topic-list-item__headline-with-image {
    max-width: 60%;
    margin-bottom: 8px; } }

.developing-topic-list-item__comment {
  color: #2f2f2f;
  font: normal 16px/21px "Guardian Egyptian", "Georgia", sans-serif;
  margin-top: 8px; }
  @media (min-width: 41.25em) {
    .developing-topic-list-item__comment {
      font-size: 18px;
      line-height: 27px;
      float: left;
      clear: left; } }
  .developing-topic-list-item__comment a {
    color: #008bd0;
    text-decoration: none; }
    .developing-topic-list-item__comment a:hover {
      text-decoration: underline; }

@media (min-width: 41.25em) {
  .developing-topic-list-item__comment-with-image {
    float: none; } }

.developing-topic-list-item__info {
  height: inherit;
  top: 10px;
  padding: 10px 16px;
  overflow: auto;
  display: inline-flex; }
  @media (min-width: 41.25em) {
    .developing-topic-list-item__info {
      display: inline-flex;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 8px 10px 16px; } }

.developing-topic-list-item__content {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  margin: 0 16px 0 8px; }
  @media (min-width: 41.25em) {
    .developing-topic-list-item__content {
      align-items: center;
      margin-right: 0; } }

.developing-topic-list-item__image {
  align-self: start;
  margin: 8px 0;
  float: right;
  width: 100%; }
  @media (min-width: 61.375em) {
    .developing-topic-list-item__image {
      max-width: 175px;
      margin: 6px 6px 8px 8px; } }

.most-read-section {
  display: grid;
  background-color: #f0f0f0;
  padding-bottom: 36px; }
  @media (min-width: 41.25em) {
    .most-read-section {
      margin-left: 7px;
      margin-right: 7px; } }
  @media (max-width: 41.249em) {
    .most-read-section.dnno-padding--left, .most-read-section.dnno-padding--right {
      padding: 0; } }

.most-read-section__column {
  grid-column: 1 / span 12;
  border-bottom: 1px solid #008bd0;
  height: auto; }

.most-read-section__column + .most-read-section__column {
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .most-read-section__column + .most-read-section__column {
      margin-top: 0; } }

.most-read-section__column--first {
  margin-right: 0; }
  @media (min-width: 41.25em) {
    .most-read-section__column--first {
      grid-column: 1 / span 6;
      margin-right: 14px; } }

.most-read-section__column--second {
  margin-left: 0; }
  @media (min-width: 41.25em) {
    .most-read-section__column--second {
      grid-column: 7 / span 6;
      margin-left: 14px; } }

.most-read-section__column-label {
  font: normal 16px/ 1.5 "Guardian Sans", "Helvetica", sans-serif;
  color: #085082; }

.most-read-section__list {
  background-color: #FFF;
  border-top: 10px solid #085082;
  padding-left: 10px;
  padding-right: 10px;
  counter-reset: most-read-counter;
  margin: 0; }

.most-read-section_item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
  min-height: 48px; }
  .most-read-section_item:before {
    display: block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    line-height: 26px;
    border-radius: 50%;
    border: 1px solid #b6ddf5;
    color: #008bd0;
    text-align: center;
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    content: counter(most-read-counter);
    counter-increment: most-read-counter; }

.most-read-section_title {
  display: flex;
  font: bold 18px/ 22px "Guardian Sans", "Helvetica", sans-serif;
  margin: 2px 48px 0 10px;
  color: #2f2f2f;
  text-decoration: none;
  text-align: left; }
  .most-read-section_title:hover {
    text-decoration: underline; }

.most-read-section_badge {
  margin-left: auto; }

.most-watched-videos {
  display: grid;
  justify-content: center;
  background-color: #f0f0f0; }

.most-watched-videos__column {
  grid-column: 1 / span 12;
  height: auto; }
  @media (max-width: 41.249em) {
    .most-watched-videos__column.dnno-padding--left, .most-watched-videos__column.dnno-padding--right {
      padding: 0; } }

.most-watched-videos__column--first {
  margin-right: 0; }
  @media (min-width: 41.25em) {
    .most-watched-videos__column--first {
      grid-column: 1 / span 6; } }

.most-watched-videos__column--second {
  margin-top: 16px; }
  @media (min-width: 41.25em) {
    .most-watched-videos__column--second {
      margin-top: 0;
      grid-column: 7 / span 6; } }

.most-watched-videos__column-label {
  text-indent: 15px;
  font: bold 20px/1 "Guardian Sans", "Helvetica", sans-serif;
  margin-bottom: 10px;
  color: #ff6027; }
  @media (min-width: 41.25em) {
    .most-watched-videos__column-label {
      text-indent: 0; } }

.most-watched-videos__list {
  background-color: #FFF;
  border-top: 10px solid #ff6027;
  border-bottom: 1px solid #ff6027;
  padding-left: 10px;
  padding-right: 10px;
  counter-reset: most-read-counter;
  margin: 0; }

.most-watched-videos__item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 48px; }
  .most-watched-videos__item:before {
    display: block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    line-height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(255, 96, 39, 0.5);
    color: #ff6027;
    text-align: center;
    font-family: "Guardian Sans", "Helvetica", sans-serif;
    content: counter(most-read-counter);
    counter-increment: most-read-counter;
    margin-right: 8px; }

.most-watched-videos__item + .most-watched-videos__item {
  border-top: 1px solid #e7e7e7; }

.most-watched-videos_title {
  display: flex;
  font: bold 18px/ 22px "Guardian Sans", "Helvetica", sans-serif;
  margin: 2px 48px 0 10px;
  color: #2f2f2f;
  text-decoration: none;
  text-align: left; }
  .most-watched-videos_title:hover {
    text-decoration: underline; }

.most-watched-videos_badge {
  margin-left: auto; }

.dntv-video-header {
  padding-bottom: 32px; }
  @media (max-width: 41.249em) {
    .dntv-video-header {
      padding-left: 0;
      padding-right: 0; } }

.dntv-video-header__wrap {
  justify-content: center;
  grid-column: 1/span 12; }

.dntv-video-header__video {
  grid-column: 1/ span 2; }
  @media (min-width: 41.25em) {
    .dntv-video-header__video {
      grid-column: span 8; } }

.dntv-video-header__video-sidebar {
  grid-column: span 4; }

.dntv-video {
  grid-column: span 8; }
  @supports (display: grid) {
    .dntv-video {
      flex: 1 1 auto; } }
  @media (max-width: 41.249em) {
    .dntv-video.dnno-padding--left, .dntv-video.dnno-padding--right {
      padding-left: 0;
      padding-right: 0; } }

.dntv-video__wrap {
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.dntv-video__player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.dntv-video-info__subhead + .tag {
  margin-top: 8px; }

.dntv-video__info + .dntv-video__share-bar {
  margin-top: 16px; }

.dntv-video__player + .dntv-video__info {
  margin-top: 8px; }

.dntv-video__wrap + .dntv-video__share-bar {
  margin-top: 8px; }

.dntv-video-info {
  color: #2F2F2F; }

.dntv-video-info__headline {
  font: normal 32px/36px "Guardian Sans Black", "Helvetica", sans-serif;
  color: #2F2F2F;
  margin-top: 8px; }

.dntv-video-info__subhead {
  font: normal 18px/24px "Guardian Sans", "Helvetica", sans-serif; }

.dntv-video-info__headline + .dntv-video-info__subhead {
  margin-top: 8px; }

.dntv-video-info__publish-date {
  color: #666;
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif;
  width: auto;
  display: inline-block; }

.tag + .dntv-video-info__publish-date {
  margin-left: 8px; }

.dntv-video-info__subhead + .dntv-video-info__les-saken {
  margin-top: 8px; }

.dntv-video-info--standalone__publish-date {
  width: 100%; }

.dntv-video-info__subhead + .dntv-video-info--standalone__publish-date,
.dntv-video-info--standalone__publish-date + .dntv-video-info__les-saken {
  margin-top: 16px; }

.dntv-share-bar {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
  align-items: flex-start; }
  @media (min-width: 61.375em) {
    .dntv-share-bar {
      flex-direction: row;
      align-items: flex-end; } }

.dntv-share-bar__les-saken {
  margin-right: auto;
  max-height: 36px;
  align-self: flex-end; }

.dntv-share-bar__like-buttons {
  width: auto; }
  @media (min-width: 61.375em) {
    .dntv-share-bar__like-buttons {
      margin-left: 16px; } }

.dntv-share-bar__les-saken + .dntv-share-bar__page-tools,
.dntv-share-bar__page-tools + .dntv-share-bar__like-buttons {
  margin-top: 16px; }
  @media (min-width: 61.375em) {
    .dntv-share-bar__les-saken + .dntv-share-bar__page-tools,
    .dntv-share-bar__page-tools + .dntv-share-bar__like-buttons {
      margin-top: 0; } }

.dntv-share-bar--standalone__page-tools {
  padding: 0;
  border: 0; }

@media (min-width: 61.375em) {
  .dntv-share-bar--standalone__like-buttons {
    margin-left: auto; } }

.dntv-video-sidebar {
  position: relative;
  max-height: 600px; }
  @supports (display: grid) {
    .dntv-video-sidebar {
      display: flex;
      flex-direction: column;
      max-height: unset; } }
  @media (max-width: 41.249em) {
    .dntv-video-sidebar {
      max-height: none;
      margin-top: 16px; }
      .dntv-video-sidebar.dnno-padding--left, .dntv-video-sidebar.dnno-padding--right {
        padding-left: 0;
        padding-right: 0; } }

@media (min-width: 41.25em) {
  .dntv-video-sidebar__wrap {
    max-height: 560px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @supports (display: grid) {
      .dntv-video-sidebar__wrap {
        max-height: unset;
        flex: 1 1 0px; } } }

@media (min-width: 41.25em) {
  .dntv-video-sidebar__gradient-wrap:after {
    position: absolute;
    content: "";
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 48px;
    width: calc(100% - 2 * 8px);
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); } }

.dntv-video-list {
  padding: 0;
  list-style: none;
  max-width: 100%; }

.dntv-video-list-item {
  width: 100%; }

.dntv-video-list-item__link {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out; }
  .dntv-video-list-item__link:hover {
    opacity: 0.7; }

.dntv-video-list-item + .dntv-video-list-item {
  margin-top: 8px; }

.dntv-video-list-item__video {
  height: 80px;
  position: relative; }

.dntv-video-list-item__video-info {
  padding: 0 8px 8px; }

.dntv-video-list-item__date {
  color: #666;
  font: normal 14px/20px "Guardian Sans", "Helvetica", sans-serif; }

.dntv-video-list-item__title {
  color: #2f2f2f;
  font: bold 16px/20px "Guardian Sans", "Helvetica", sans-serif; }

.dntv-video-list-item--most-watched__title {
  font-size: 18px;
  line-height: 21px; }

.dntv-running-time {
  position: absolute;
  bottom: 4px;
  left: 4px;
  padding: 3px;
  background-color: #5d5d5d;
  color: White;
  font: normal 10px/1 "Guardian Sans", "Helvetica", sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.66);
  opacity: 0.75;
  border-radius: 3px;
  text-align: center; }

/*
 * 1. Fixes header jumping when open, scroll is locked and scrollbar disappears
 * https://aykevl.nl/2014/09/fix-jumping-scrollbar
 * 2. Overwrites body-scroll-lock inline style
 */
html {
  width: 100vw;
  /* 1 */
  overflow-x: hidden !important;
  /* 1, 2 */ }

/*
 * 1. Fixes nav not showing on Fractal @site-header and @header-bar pages
 */
html.is-scrolled-top {
  height: 100%;
  /* 1 */ }

html.is-flyout-open::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 3; }

html.is-modal-open::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 139, 208, 0.66);
  pointer-events: none;
  z-index: 3; }

/*
 * 1. Fixes nav not showing on Fractal @site-header and @header-bar pages
 */
body {
  position: relative;
  min-height: 100%;
  /* 1 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.body-grey {
  background-color: #f0f0f0; }

.body-grey {
  background-color: #f0f0f0; }

/*
 * 1. Account for header stickiness
 * 2. Hidden attribute added for ARIA only, the overlay is doing the "hiding"
 */
.is-sticky-header main {
  padding-top: 48px;
  /* 1 */ }
  @media (min-width: 41.25em) {
    .is-sticky-header main {
      padding-top: 60px;
      /* 1 */ } }

main[hidden] {
  display: block;
  /* 2 */ }

/*
 * Convenience classes
 */
.page-section-white {
  display: inline-block;
  width: 100%;
  background-color: White; }

.page-section-grey {
  width: 100%;
  background-color: #f0f0f0; }

.block {
  display: block; }

.page-article {
  padding-top: 16px;
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .page-article {
      grid-column: 1 / span 12;
      justify-content: center; } }
  .page-article .article-header + .article-main-content {
    margin-top: 32px; }
    @media (min-width: 41.25em) {
      .page-article .article-header + .article-main-content {
        margin-top: 48px; } }
  .page-article .article-main-content + .article-footer {
    margin-top: 16px; }
  .page-article:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    top: 0;
    background-color: #fff; }

.site-header + .page-article {
  margin-top: 16px; }

.page-siste__teaser-grid {
  justify-content: center; }

.page-siste__filter {
  margin: 16px auto; }

.page-siste__view-switcher {
  float: right;
  margin-bottom: -32px; }

.page-siste__articles {
  justify-content: center; }

.page-siste__loadmore {
  margin: 16px 0; }
  @media (max-width: 41.249em) {
    .page-siste__loadmore.dnno-padding--horizontal {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .page-siste__loadmore {
      margin: 16px 8px; } }

.page-siste__loadmore-button + .page-siste__loadmore-button {
  margin-left: 4px; }

.page-tag__teaser-grid {
  justify-content: center; }

@media (min-width: 41.25em) {
  .page-tag__title {
    margin-bottom: 0; } }

.page-tag__filter {
  margin: 16px auto; }

.page-tag__view-switcher {
  float: right;
  margin-bottom: -32px; }

.page-tag__articles {
  clear: both;
  display: flex;
  display: grid; }
  .page-tag__articles.is-hidden {
    display: none; }

.page-tag__articles--list {
  padding-top: 28px;
  justify-content: center; }

.page-tag__loadmore {
  margin: 16px 0; }
  @media (max-width: 41.249em) {
    .page-tag__loadmore.dnno-padding--left, .page-tag__loadmore.dnno-padding--right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .page-tag__loadmore {
      margin: 16px 8px; } }

.page-tag__loadmore-button + .page-tag__loadmore-button {
  margin-left: 4px; }

.page-author__teaser-grid {
  justify-content: center; }

.page-author__title {
  margin-bottom: 0; }

.page-author__filter {
  margin: 16px auto; }

.page-author__view-switcher {
  float: right;
  margin-bottom: -32px; }

.page-author__articles {
  clear: both;
  display: flex;
  display: grid; }
  .page-author__articles.is-hidden {
    display: none; }

.page-author__articles--list {
  padding-top: 28px;
  justify-content: center; }

.page-author__loadmore {
  margin: 16px 0; }
  @media (max-width: 41.249em) {
    .page-author__loadmore.dnno-padding--left, .page-author__loadmore.dnno-padding--right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .page-author__loadmore {
      margin: 16px 8px; } }

.page-author__loadmore-button + .page-author__loadmore-button {
  margin-left: 4px; }

.page-author__padding {
  padding-top: 10px; }

.page-login {
  background-color: #f0f0f0; }

.page-login__container {
  display: flex;
  display: grid;
  justify-content: center;
  max-width: 100%; }

.page-login__forms {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .page-login__forms {
      grid-column: 1 / span 12; } }
  @media (min-width: 41.25em) {
    .page-login__forms {
      grid-column: 1 / span 8; } }

.page-services__teaser-grid {
  justify-content: center; }

.page-services__articles {
  clear: both;
  display: flex;
  display: grid; }
  .page-services__articles.is-hidden {
    display: none; }

.page-services__articles--list {
  padding-top: 28px;
  justify-content: center; }

.page-leseliste__filter {
  margin: 16px auto; }

.blurb + .page-leseliste__subheading {
  margin-top: 48px; }
  @media (min-width: 41.25em) {
    .blurb + .page-leseliste__subheading {
      margin: 20px 7px 0; } }

.page-leseliste__subheading + .teaser-grid--leseliste-nyhetsbrev {
  margin-top: 16px; }

.page-leseliste__view-switcher {
  float: right;
  margin-bottom: -16px; }

.page-leseliste__teaser-grid {
  justify-content: center; }

.page-leseliste__articles {
  clear: both;
  margin-top: 32px;
  display: flex;
  display: grid; }
  .page-leseliste__articles.is-hidden {
    display: none; }

.page-leseliste__articles--list {
  padding-top: 19px; }

.page-leseliste__loadmore {
  margin: 16px 0; }
  @media (max-width: 41.249em) {
    .page-leseliste__loadmore.dnno-padding--horizontal {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .page-leseliste__loadmore {
      margin: 16px 8px; } }

.page-leseliste__loadmore-button + .page-leseliste__loadmore-button {
  margin-left: 4px; }

.page-static-projects__teaser-grid {
  justify-content: center;
  margin-bottom: 32px; }

.page-static-projects__intro {
  font: normal 18px/24px "Guardian Egyptian", "Georgia", sans-serif;
  margin: 16px 0; }
  @media (min-width: 41.25em) {
    .page-static-projects__intro {
      margin: 8px 8px 32px;
      font-size: 24px;
      line-height: 30px; } }
  @media (max-width: 41.249em) {
    .page-static-projects__intro.dnno-padding--left, .page-static-projects__intro.dnno-padding--right {
      padding: 0; } }

.page-static-projects__title {
  margin-bottom: 8px; }

.teaser-combo-abb + .most-read-section {
  margin-top: 32px; }

.most-read-section + .view-switcher {
  margin-top: 32px; }

.page-tag__filter {
  margin: 16px auto; }

.page-tag__view-switcher {
  float: right;
  margin-bottom: -16px; }

.page-tag__articles {
  clear: both;
  margin-top: 32px;
  display: flex;
  display: grid; }
  .page-tag__articles.is-hidden {
    display: none; }

.page-tag__articles--list {
  padding-top: 19px; }

.page-tag__loadmore {
  margin: 16px 0; }

.page-tag__loadmore-button + .page-tag__loadmore-button {
  margin-left: 4px; }

.page-nyhetsbrev {
  margin-bottom: 32px; }
  @media (max-width: 41.249em) {
    .page-nyhetsbrev {
      padding-left: 0;
      padding-right: 0; } }

.blurb + .teaser-grid--nyhetsbrev {
  margin-top: 32px; }

@media (max-width: 41.249em) {
  .page-nyhetsbrev__title.dnno-padding--left, .page-nyhetsbrev__title.dnno-padding--right {
    padding: 0 10px; } }

@media (max-width: 41.249em) {
  .page-nyhetsbrev__blurb {
    display: block; }
    .page-nyhetsbrev__blurb.dnno-padding--left, .page-nyhetsbrev__blurb.dnno-padding--right {
      padding: 0 10px; } }

@media (max-width: 41.249em) {
  .page-nyhetsbrev__subheading.dnno-padding--left, .page-nyhetsbrev__subheading.dnno-padding--right {
    padding: 0 10px; } }

@media (max-width: 41.249em) {
  .page-nyhetsbrev__subscription-list__category-heading,
  .page-nyhetsbrev__subscription-list__topic-heading,
  .page-nyhetsbrev__subscription-list__topic-subheading {
    padding-left: 10px;
    padding-right: 10px; } }

.page-nyhetsbrev__subheading + .teaser--nyhetsbrev,
.page-nyhetsbrev__subheading + .teaser--kommentatorer {
  margin-top: 16px; }

.page-nyhetsbrev__subheading + .page-nyhetsbrev__subscription-list {
  margin-top: 8px; }
  @media (min-width: 41.25em) {
    .page-nyhetsbrev__subheading + .page-nyhetsbrev__subscription-list {
      margin-top: 16px; } }

.page-dagens-avis {
  margin-bottom: 32px; }

.blurb + .teaser-grid--dagens-avis {
  margin-top: 32px; }

.page-dagens-avis__subheading + .teaser--dagens-avis,
.page-dagens-avis__subheading + .teaser--kommentatorer,
.page-dagens-avis__subheading + .page-dagens-avis__subscription-list {
  margin-top: 16px; }

@media (max-width: 41.249em) {
  .page-search {
    padding-right: 0;
    padding-left: 0; } }

.page-search__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr); }
  @media (max-width: 41.249em) {
    .page-search__grid.dnno-padding--left {
      padding-left: 10px; }
    .page-search__grid.dnno-padding--right {
      padding-right: 10px; } }
  @media (min-width: 41.25em) {
    .page-search__grid {
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr; } }

.page-search__filter-wrap .dnno-padding--left {
  padding-left: 15px; }

.page-search__filter-wrap .dnno-padding--right {
  padding-right: 15px; }

@media (max-width: 41.249em) {
  .page-search__filter-wrap .dnno-padding--left {
    padding-left: 10px; }
  .page-search__filter-wrap .dnno-padding--right {
    padding-right: 10px; } }

.page-search__filter {
  margin: 16px auto 32px; }

.page-search__articles-header {
  vertical-align: bottom; }
  @media (max-width: 41.249em) {
    .page-search__articles-header.dnno-padding--left {
      padding-left: 0; }
    .page-search__articles-header.dnno-padding--right {
      padding-right: 0; } }

.page-search__articles-header-inside {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #008bd0; }

.page-search__articles-title {
  font-family: "Guardian Sans Black", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.25px;
  display: inline-block;
  max-width: 70%;
  margin: 0;
  color: #008bd0; }
  @media (min-width: 41.25em) {
    .page-search__articles-title {
      max-width: 80%; } }
  @media (min-width: 61.375em) {
    .page-search__articles-title {
      max-width: 100%; } }

.page-search__view-switcher {
  float: right;
  padding: 0 0 8px; }

@media (max-width: 41.249em) {
  .page-search__teaser-grid {
    grid-template-columns: repeat(auto-fill, 50vw); } }

.page-search__teaser-grid .teaser:nth-child(-n+2) {
  margin-top: 4px; }

.page-search__loadmore {
  margin: 16px 0; }
  @media (max-width: 41.249em) {
    .page-search__loadmore.dnno-padding--left, .page-search__loadmore.dnno-padding--right {
      padding: 0; } }
  @media (min-width: 41.25em) {
    .page-search__loadmore {
      margin: 16px 8px; } }

.page-search__loadmore-button + .page-search__loadmore-button {
  margin-left: 4px; }

.page-search__sidebar {
  margin-bottom: 16px; }
  @media (max-width: 41.249em) {
    .page-search__sidebar.dnno-padding--left {
      padding-left: 0; }
    .page-search__sidebar.dnno-padding--right {
      padding-right: 0; } }

@media (max-width: 41.249em) {
  .page-developing-topic {
    padding-left: 0;
    padding-right: 0; } }

.page-developing-topic__header {
  width: 100%; }

.page-developing-topic__layout {
  height: auto;
  grid-column: 1 / span 2;
  align-items: stretch;
  justify-content: flex-start; }
  @supports (display: grid) {
    .page-developing-topic__layout {
      justify-content: center; } }
  @media (min-width: 41.25em) {
    .page-developing-topic__layout {
      grid-column: span 12; } }
  @media (max-width: 41.249em) {
    .page-developing-topic__layout.dnno-padding--left, .page-developing-topic__layout.dnno-padding-right {
      padding: 0; } }

.page-developing-topic__wrap {
  margin: 16px 7px;
  justify-content: center; }

.page-developing-topic__content {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .page-developing-topic__content {
      grid-column: span 8; }
      @supports (display: grid) {
        .page-developing-topic__content {
          max-width: calc(100% - 16px); } } }

.page-developing-topic__sidebar {
  grid-column: 1 / span 2; }
  @media (min-width: 41.25em) {
    .page-developing-topic__sidebar {
      grid-column: span 4; } }
  .page-developing-topic__sidebar .teaser-datetime {
    display: none; }

@media (max-width: 41.249em) {
  .page-developing-topic__content.dnno-padding--left,
  .page-developing-topic__sidebar.dnno-padding--left {
    padding-left: 0; }
  .page-developing-topic__content.dnno-padding--right,
  .page-developing-topic__sidebar.dnno-padding--right {
    padding-right: 0; } }

.page-developing-topic__author {
  padding: 16px 0 0 0;
  max-width: 100%;
  width: 100%;
  min-width: none; }
  .page-developing-topic__author.dnno-padding--left {
    padding-left: 0;
    min-width: 0; }
  .page-developing-topic__author.dnno-padding--right {
    padding-right: 0; }

.page-developing-topic__sidebar-teaser {
  max-width: 100%;
  padding: 0; }

.page-developing-topic__subscribe-banner {
  margin-bottom: 16px; }

.page-developing-topic__sidebar-teaser + .column-heading,
.page-developing-topic__sidebar-teaser-c + .page-developing-topic__sidebar-teaser-c,
.page-developing-topic__sidebar-teaser + .page-developing-topic__subscribe-banner,
.page-developing-topic__sidebar-teaser-c + .column-heading {
  margin-top: 16px; }

.page-developing-topic__loadmore {
  margin: 16px 0;
  padding: 0; }
  @media (max-width: 41.249em) {
    .page-developing-topic__loadmore.dnno-padding--left, .page-developing-topic__loadmore.dnno-padding--right {
      padding: 0 0 16px 0; } }
  @media (min-width: 41.25em) {
    .page-developing-topic__loadmore {
      margin: 16px 0; } }

.page-developing-topic__loadmore-button + .page-developing-topic__loadmore-button {
  margin-left: 4px; }

.page-dntv-overview__sub-menu {
  margin: 25px 0; }

.page-dntv-overview__section {
  padding: 16px 0; }

.page-dntv-overview__carousel {
  margin: 0 15px; }
  .page-dntv-overview__carousel + .page-dntv-overview__carousel {
    margin-top: 16px; }

.most-watched-videos + .page-dntv-overview__carousel {
  margin-top: 32px; }

.page-dntv-standalone__sub-menu {
  margin: 25px 0; }

.page-dntv-standalone__header-panel {
  padding-bottom: 16px; }

.page-dntv-standalone__section {
  padding: 16px 0; }

.page-dntv-standalone__carousel {
  margin: 0 15px; }
  .page-dntv-standalone__carousel + .page-dntv-standalone__carousel {
    margin-top: 16px; }

.page-dntv-standalone__header-carousel {
  margin: 0; }
  @media (min-width: 41.25em) {
    .page-dntv-standalone__header-carousel {
      margin: 0 15px; } }

.page-dntv-topic__column-heading {
  margin: 0 15px; }

.page-dntv-topic__teaser-grid {
  justify-content: center; }

.page-dntv-topic__column-heading + .page-dntv-topic__teaser-grid {
  margin-top: 12px; }
  @media (min-width: 41.25em) {
    .page-dntv-topic__column-heading + .page-dntv-topic__teaser-grid {
      margin-top: 16px; } }

.page-dntv-topic__section {
  padding: 24px 0 16px; }

.page-dntv-topic__carousel {
  margin: 0; }
  @media (min-width: 41.25em) {
    .page-dntv-topic__carousel {
      margin: 0 15px; } }

.page-dntv-topic__video-highlight {
  margin-bottom: 32px; }

.page-skattelister {
  background-color: #f0f0f0; }

.page-skattelister__container {
  display: flex;
  display: grid;
  position: relative;
  height: 2200px;
  border: 0; }

@media (max-width: 41.249em) {
  .article-author.dnno-padding--horizontal,
  .tags-group.dnno-padding--horizontal,
  .article-headlines.dnno-padding--horizontal,
  .article-publish-times.dnno-padding--horizontal,
  .figure--header.dnno-padding--horizontal,
  .article-summary.dnno-padding--horizontal,
  .article-body.dnno-padding--horizontal,
  .figure--main-content.dnno-padding--horizontal,
  .article-footer.dnno-padding--horizontal,
  .figure--left.dnno-padding--horizontal {
    padding: 0; } }

@media (max-width: 41.249em) {
  .dnno-container {
    max-width: 100%; } }

@media (min-width: 41.25em) {
  .dnno-container,
  .dnno-grid--bleed {
    padding-left: 0;
    padding-right: 0; }
  .dnno-grid__break--left {
    margin-left: 0; }
  .dnno-grid__break--right {
    margin-right: 0; } }

.modal-open {
  overflow: hidden; }

.newsletter-modal, .modal-backdrop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

.newsletter-modal {
  background-color: #FFFFFF;
  border: 1px solid #ababab;
  overflow: auto;
  z-index: 101;
  width: 410px;
  max-height: 606px;
  margin: 80px auto 0; }
  .newsletter-modal.hide {
    display: none; }

.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100; }

.dnno-container-frontpage, .teaser--dn-avisen {
  padding-left: 0;
  padding-right: 0; }

html.is-flyout-open, html.is-mobile-nav-open {
  overflow: hidden; }

.loader--space {
  padding: 16px 0; }
  @media (min-width: 41.25em) {
    .loader--space {
      padding: 16px; } }

@media (max-width: 41.249em) {
  .investor-bar__item {
    position: relative; } }

@media (max-width: 41.249em) {
  .investor-bar__item-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1; } }

.site-header + .dnno-top-ad {
  padding-top: 48px;
  margin-top: 15px; }
  @media (min-width: 41.25em) {
    .site-header + .dnno-top-ad {
      padding-top: 60px; } }
  .is-sticky-header .site-header + .dnno-top-ad {
    padding-top: 48px;
    margin-top: 15px; }
    @media (min-width: 41.25em) {
      .is-sticky-header .site-header + .dnno-top-ad {
        padding-top: 60px; } }
  .is-sticky-header .site-header + .dnno-top-ad:not([style*='display']) + main {
    padding-top: 0; }

.site-header + #dn-wallpaperad {
  margin-top: 63px; }
  @media (min-width: 41.25em) {
    .site-header + #dn-wallpaperad {
      margin-top: 75px; } }
  .site-header + #dn-wallpaperad + .dnno-top-ad {
    padding-top: 48px;
    margin-top: 15px; }
    @media (min-width: 41.25em) {
      .site-header + #dn-wallpaperad + .dnno-top-ad {
        padding-top: 60px; } }
    .is-sticky-header .site-header + #dn-wallpaperad + .dnno-top-ad {
      padding-top: 48px;
      margin-top: 15px; }
      @media (min-width: 41.25em) {
        .is-sticky-header .site-header + #dn-wallpaperad + .dnno-top-ad {
          padding-top: 60px; } }
    .is-sticky-header .site-header + #dn-wallpaperad + .dnno-top-ad:not([style*='display']) + main {
      position: relative;
      padding-top: 0; }
    .body-grey .site-header + #dn-wallpaperad + .dnno-top-ad:not([style*='display']) + main {
      background-color: #f0f0f0; }
    .is-sticky-header .site-header + #dn-wallpaperad + .dnno-top-ad:not([style*='display']) + main.dnno-container-frontpage {
      background-color: #f0f0f0; }

.navigation-flyout__menu--login {
  left: inherit;
  width: 10em; }
  .navigation-flyout__menu--login .navigation-list__link {
    padding: 16px; }
    .navigation-flyout__menu--login .navigation-list__link--logout {
      background-color: #008bd0; }
    .navigation-flyout__menu--login .navigation-list__link:not(.navigation-list__link--logout):hover {
      text-decoration: underline; }

.navigation-flyout__menu--login .navigation-flyout__content:before {
  display: none;
  background: none; }

@media (max-width: 41.249em) {
  .primary-navigation--login .header-button:not(:last-child) {
    display: inline-flex;
    margin-right: 8px; } }

@media (min-width: 61.375em) {
  .primary-navigation--login .header-button + .navigation-flyout__button .header-button {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; } }

@media (min-width: 41.25em) {
  .primary-navigation--login .header-button--slim {
    padding-right: 12px;
    padding-left: 12px;
    height: 38px; } }

@media (max-width: 41.249em) {
  .primary-navigation--login .header-button__icon + .header-button__text {
    display: none; } }

.lantern-item-lazy {
  background-color: #e7e7e7; }
  .theme-dn-est .dre-item--bg-image .lantern-item-lazy,
  .theme-dn-est .dre-item--size-full-image-left .lantern-item-lazy,
  .theme-dn-est .dre-item--image-right .lantern-item-lazy {
    padding-bottom: 0 !important; }
  @media (max-width: 47.938em) {
    .theme-dn-est .dre-item--sm-full-image-left .lantern-item-lazy {
      padding-bottom: 0 !important; } }
  .lantern-item-lazy .dre-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .lantern-item-lazy .dre-item__image.lazy {
      opacity: 0; }

.theme-dn-est .dre-item--skin-magasinet.dre-item--image-top .dre-item__asset::before,
.theme-dn-est .dre-item--skin-smak.dre-item--image-top .dre-item__asset::before,
.theme-dn-est .dre-item--skin-d2.dre-item--image-top .dre-item__asset::before {
  z-index: 1; }

.teaser__headline .teaser__text, .teaser__preview .teaser__text, .teaser--listview__headline .teaser__text {
  color: #2f2f2f;
  transition: initial; }

.teaser__headline {
  flex: 1;
  line-height: 1.1; }

.teaser__preview {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.teaser-footer {
  padding-top: 12px; }

.teaser-list--ticker {
  width: 100%; }
  .teaser-list--ticker__ul {
    overflow: auto;
    overflow-x: hidden; }

@media (max-width: 41.249em) {
  .widget-popular__wrap {
    padding: 0 8px; } }

@media (max-width: 41.249em) {
  .widget-popular__title {
    margin-left: 0; } }

.carousel-wrapper--jobbsearch__nav ul li {
  font-size: 16px; }

.carousel--dn-investor__item {
  height: 128px;
  overflow: hidden; }
  .carousel--dn-investor__item-txt {
    font-size: 16px; }
    .carousel--dn-investor__item-txt b {
      font-weight: normal; }

.is-hidden {
  display: none; }

.servicebox__title + .servicebox__copy,
.servicebox__copy + .servicebox__button {
  margin-left: 8px; }

.servicebox__copy + .servicebox__button {
  color: #fff; }

.front.theme-dn-est .dre-group .dre-item[data-placeholder] {
  display: flex;
  background: none;
  border-bottom: none; }
  .front.theme-dn-est .dre-group .dre-item[data-placeholder] .dre-group {
    margin-bottom: 0; }

.page-subscription .page-title {
  margin: 0; }

.page-title--topic-group {
  margin: 0; }
  .page-title--topic-group .button--secondary {
    color: #004f84;
    fill: #004f84;
    background-color: transparent;
    border: 1px solid #006295; }
    .page-title--topic-group .button--secondary__svg {
      fill: #004f84; }

.dnno-container-frontpage .page-title__h1 {
  color: #004f84; }

.page-title__h1 + .button + .button {
  margin-left: 16px; }

.badge-beta {
  display: none;
  position: relative;
  top: -5px;
  height: 32px;
  background-color: #cd542b;
  font-size: 13px;
  width: 84px;
  padding: 20px 12px;
  margin: 0 12px 0 0;
  z-index: 2; }
  .badge-beta:before, .badge-beta:after {
    content: "";
    bottom: 0;
    position: absolute;
    display: block; }
  .badge-beta:before {
    left: 0;
    background-color: #cd542b;
    width: 15px;
    height: 9px;
    z-index: 1; }
  .badge-beta:after {
    left: -3px;
    background-color: #883c28;
    width: 9px;
    height: 7px;
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    transform: skew(45deg); }
  @media (max-width: 41.249em) {
    .badge-beta {
      display: block;
      position: absolute;
      left: 75px;
      background-color: #333;
      padding: 14px 12px; }
      .badge-beta:before {
        background-color: #333; }
      .badge-beta:after {
        background-color: #333; } }
  @media (min-width: 61.375em) {
    .badge-beta {
      display: block; }
      html:not(.is-scrolled-top) .badge-beta {
        top: -6px;
        height: 27px; } }
  .header-bar[aria-hidden="true"] .badge-beta {
    background-color: #2f2f2f; }

.page-subscription.dnno-container {
  padding: 0; }

.page-subscription .subscribe-tag {
  padding: 0; }
  .page-subscription .subscribe-tag__fields {
    padding: 16px 0 32px; }
  .page-subscription .subscribe-tag__form-advanced {
    padding: 0 2px; }

.button-circle-pagetool-horizontal {
  width: auto;
  margin: 0px 0px 0px 45px !important; }

.diactivate-element {
  filter: blur(2px);
  opacity: 0.5;
  pointer-events: none; }

@media (min-width: 41.251em) and (max-width: 60em) {
  [data-md='hidden'] {
    display: none !important; } }

@media (max-width: 41.249em) {
  [data-sm='hidden'] {
    display: none !important; } }

.mid-footer {
  background-color: #f0f0f0;
  border-top: 8px solid #e7e7e7;
  margin-top: 16px; }

._lpStream {
  clear: both; }
  ._lpStream[data-lp-stream-slot="belowArticle"] {
    max-width: calc(63.125rem - 16px);
    padding: 8px 0;
    margin: 0 auto; }

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