@charset "UTF-8";
@font-face {
  font-family: "Barlow-Bold";
  src: local("☺"), url("../fonts/Barlow-Bold.woff") format("woff"), url("../fonts/Barlow-Bold.woff2") format("woff2"), url("../fonts/Barlow-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Barlow-Black";
  src: local("☺"), url("../fonts/Barlow-Black.woff") format("woff"), url("../fonts/Barlow-Black.woff2") format("woff2"), url("../fonts/Barlow-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Barlow-Light";
  src: local("☺"), url("../fonts/Barlow-Light.woff") format("woff"), url("../fonts/Barlow-Light.woff2") format("woff2"), url("../fonts/Barlow-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Barlow-Regular";
  src: local("☺"), url("../fonts/Barlow-Regular.woff") format("woff"), url("../fonts/Barlow-Regular.woff2") format("woff2"), url("../fonts/Barlow-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  color: #222;
}
body p a {
  color: #288E88;
}
body p a:hover, body p a:focus {
  color: #288E88;
}
body a {
  color: #288E88;
}
body a:hover, body a:focus {
  color: #288E88;
}
body a h2,
body a h3,
body a h4 {
  color: #222;
}
body a h2:hover, body a h2:focus,
body a h3:hover,
body a h3:focus,
body a h4:hover,
body a h4:focus {
  color: #222;
}

.app-label {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
  color: #288E88;
}

.region-sidebar h2 {
  color: #288E88;
}

.block-premiumblock {
  background: none;
  background-size: contain;
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23288E88' stroke-width='4' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.block-premiumblock .premium-top h4 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.block-premiumblock .premium-top p {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
.block-premiumblock .premium-block-content {
  padding: 0;
}

#okf-mediaconnect-buy-form .teaser-texts .header {
  color: #288E88;
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
#okf-mediaconnect-buy-form .teaser-texts .header:after {
  content: "Om Husbil & husvagn";
}
#okf-mediaconnect-buy-form .products .product.active .wrapper {
  border: 2px solid #288E88;
}
#okf-mediaconnect-buy-form .activate-subscription {
  background: none;
  background-size: contain;
  padding: 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23288E88' stroke-width='4' stroke-dasharray='3%2c 3' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.ff {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.ffb {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.cap {
  color: #288E88;
}

h1,
h2.h1 {
  font-family: "Barlow-Black", "Helvetica", "Arial", sans-serif;
}

h2 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

h3 {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

h4 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

ul.standard-list {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

#quiz-question-number {
  color: #288E88;
}

#okf-mediaconnect-buy-form .activate-subscription {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
#okf-mediaconnect-buy-form .handla-teasers {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
#okf-mediaconnect-buy-form .handla-quote-byline {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
#okf-mediaconnect-buy-form .teaser-texts :nth-child(odd) {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

header .navbar {
  box-shadow: 0 1px 4px rgba(157, 157, 157, 0.5);
  padding-bottom: 0;
  padding-top: 0;
  background: #222;
  border-top: 3px solid #FFF101;
}
header .navbar .site-logo img {
  height: 44px;
  width: 156px;
}
@media all and (max-width: 991.98px) {
  header .navbar .site-logo img {
    height: 44px;
    width: 156px;
  }
}
header .navbar .navigation {
  border-left: 1px solid #666;
}
header .navbar li.nav-item a {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
  color: #FFF;
}
header .navbar .user-actions li .nav-item a {
  color: #222;
}
header .navbar .user-actions li a.nav-link {
  background-color: #8b8b8b;
}
header .navbar .has-megamenu > .nav-link {
  background: url("../images/icons/menu-mega-light.svg") no-repeat 14px 15px;
  padding-left: 44px;
}
@media all and (max-width: 991.98px) {
  header .navbar .has-megamenu > .nav-link {
    background: url("../images/icons/menu-mega-mobile-light.svg");
    background-size: cover;
    height: 18px;
    overflow: hidden;
    padding: 0;
    width: 26px;
    text-indent: -999px;
  }
}
header .navbar .has-megamenu.show > .nav-link {
  background: url("../images/icons/menu-mega-close-light.svg") no-repeat 16px 12px;
  padding-left: 44px;
}
@media all and (max-width: 991.98px) {
  header .navbar .has-megamenu.show > .nav-link {
    background: url("../images/icons/menu-mega-mobile-close-light.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 18px;
    overflow: hidden;
    padding: 0;
    width: 26px;
    text-indent: -999px;
  }
}

.megamenu ul li ul li.nav-item a {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.channel-date {
  color: #288E88;
}
.channel-date .channel {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.channel-date .date {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.story-full .story-top .channel {
  background-color: #FFF101;
  color: #222;
}

.article-full .channel {
  background-color: #FFF101;
  color: #222;
}
.article-full .paragraph--type--quote p {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.article-teaser .channel-date {
  color: #288E88;
}
.article-teaser .teaser-image .field--name-field-subtitle {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.teaser-stats {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.article-content .field--name-field-preamble {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.article-content .article-preamble {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.author-photograph .author .author-text {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.author-photograph .author .author-text .author-label {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.article-feature .author-photograph .author-text {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
.article-feature .author-photograph .author-text .author-label {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

#block-paywallblock .paywall-top {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
#block-paywallblock .paywall-top a {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
#block-paywallblock .paywall-content ul.usps {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
#block-paywallblock .paywall-content .usp-title {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
#block-paywallblock .paywall-content .paywall-info {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.article-full .article-content h1,
.article-full .article-content h2,
.article-full .article-content h3,
.article-full .article-content h4 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.article-full .article-content .field--name-field-paragraphs h1,
.article-full .article-content .field--name-field-paragraphs h2,
.article-full .article-content .field--name-field-paragraphs h3,
.article-full .article-content .field--name-field-paragraphs h4,
.article-full .article-content .field--name-field-paragraphs h5,
.article-full .article-content .field--name-field-paragraphs h6 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.article-full .paywall-unlocked span.unlocked-text {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.upordown {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}

.paragraph--type--facts .field--name-field-title, .article-index-header {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
  color: #288E88;
}

.below-article a {
  color: #288E88;
}
.below-article .field--name-field-tags a {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
  color: #288E88;
}

#mc_embed_signup h2, .rulemailer-subscriber-form h2 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

footer .tests-wrapper h3 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
footer .footer-bottom h3 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.article-teaser a,
.article-small-teaser a {
  color: #222;
}

.article-content .field--name-field-paragraphs .field--type-text-long ul li::marker,
.article-content .field--name-field-paragraphs .field--type-text-long ol li::marker {
  color: #288E88;
}
.article-content .field--name-field-paragraphs .paragraph--type--facts .field--type-text-long ul li::marker,
.article-content .field--name-field-paragraphs .paragraph--type--facts .field--type-text-long ol li::marker {
  color: #288E88;
}
.article-content .field--name-field-paragraphs .paragraph--type--facts .field--type-text-long ol li::marker {
  color: #288E88;
}
.article-content .paragraph--type--quote {
  padding-left: 0;
  margin-bottom: 35px;
  max-width: 650px;
}
@media all and (max-width: 991.98px) {
  .article-content .paragraph--type--quote {
    margin-bottom: 10px;
  }
}
.article-content .paragraph--type--quote p {
  color: #222;
  font-size: 1.625rem;
  line-height: 2rem;
}
.article-content .paragraph--type--quote p:before {
  content: "";
  display: block;
  background: url("../images/icons/quote.svg") no-repeat;
  background-size: contain;
  width: 58px;
  height: 50px;
  float: left;
  margin: 8px 19px 6px 0;
}
@media all and (max-width: 991.98px) {
  .article-content .paragraph--type--quote p {
    font-size: 20px;
    line-height: 26px;
  }
  .article-content .paragraph--type--quote p:before {
    width: 47px;
    height: 40px;
    margin: 6px 23px 5px 0;
  }
}

.below-article-alt {
  background-color: #F7F3EC;
}

.paragraph--type--facts, .article-index {
  background-color: #F7F3EC;
}

.article-index {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
.article-index li.article-index-item-level-2 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.paragraph--type--facts ul li:before {
  content: "";
  border-color: transparent #288E88;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  display: block;
  height: 0;
  width: 0;
  left: 0px;
  top: 7px;
  position: absolute;
}
.paragraph--type--facts ol li::marker {
  color: #288E88;
}

.story .story-line::after {
  background: #288E88;
}
.story .story-header {
  background: #288E88;
}

.connected-story .connected-story-line::after {
  background: #222;
}
.connected-story .connected-story-header {
  background: #222;
}
.connected-story .connected-story-header h2 {
  color: #FFF101;
}

.navbar #views-exposed-form-search-page-1 .form--inline {
  border: 1px solid #222;
}
.navbar #views-exposed-form-search-page-1 .form--inline.active {
  border: 1px solid transparent;
}
.navbar #views-exposed-form-search-page-1 .form--inline.active input.form-text {
  background-color: #FFF;
}
.navbar #views-exposed-form-search-page-1 .form--inline input.form-text {
  background-color: #222;
}
.navbar #views-exposed-form-search-page-1 .form-submit {
  background: url(../images/icons/search-light.svg) no-repeat 47px 7px transparent;
  border: none;
  color: #FFF;
  font-weight: bold;
  font-size: 0.875rem;
  margin: 2px 5px 0 0;
  padding-right: 32px;
}

input::-webkit-input-placeholder {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
}
input:-moz-placeholder {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
}
input::-moz-placeholder {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
}
input:-ms-input-placeholder {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
}

.path-search #block-exposedformsearchpage-1-2 h2 {
  font-family: "Barlow-Black", "Helvetica", "Arial", sans-serif;
}

.path-quiz .quiz-start-link {
  background: #288E88;
}
.path-quiz .quiz-start-link, .path-quiz .quiz-start-link:hover, .path-quiz .quiz-start-link:focus {
  color: #FFF;
}
.path-quiz .quiz-start-link:hover, .path-quiz .quiz-start-link:focus {
  background: #288E88;
  opacity: 0.75;
}

#quiz-question-answering-form .field--type-text-long p {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.quiz-question-multichoice table tr.active {
  background: #288E88;
  color: #FFF;
}
.quiz-question-multichoice table tr td {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.btn-cta, .btn-primary, .btn-success {
  background: #288E88;
}
.btn-cta, .btn-cta:hover, .btn-cta:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-success, .btn-success:hover, .btn-success:focus {
  color: #FFF;
}
.btn-cta:hover, .btn-cta:focus, .btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus {
  background: #288E88;
  opacity: 0.75;
}

.manage-premium {
  font-family: "Barlow-Light", "Helvetica", "Arial", sans-serif;
}
.manage-premium strong {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
.manage-premium h1 {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.manage-premium h2 {
  font-family: "Barlow-Regular", "Helvetica", "Arial", sans-serif;
}
.manage-premium h2 strong {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}
.manage-premium li a {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.manage-premium-hero {
  background-image: url("../images/manage-premium-hero.jpg");
  padding: 20.058381985%;
}

.manage-premium-button a {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

.okf-load-more button {
  font-family: "Barlow-Bold", "Helvetica", "Arial", sans-serif;
}

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