@import url('https://cdn.heimildin.is/heimildin/static/site/fonts/fonts.css?v=10012020');

:root {
    --red: rgb(240, 78, 35);
    --black: rgb(20, 25, 30);
    --offblack: rgb(40, 50, 60);
    --darkgrey: rgb(90, 100, 110);
    --grey: rgb(120, 130, 140);
    --midgrey: rgb(165, 175, 185);
    --lightgrey: rgb(200, 208, 216);
    --bg: rgb(230, 235, 240);
    --offwhite: rgb(240, 244, 248);
    --white: rgb(255, 255, 255);
    --yellow: rgb(255, 215, 0);
    --cyan: rgb(0, 174, 141);
    --blue: rgb(0, 179, 227);
    --green: rgb(75, 190, 75);

    --fa_free: "Font Awesome 5 Free";
    --fa_brands: "Font Awesome 5 Brands";
    --default: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --tiempostext: "tiempostext_web", serif;
    --tiempos: "tiemposheadline_web", serif;
    --sanomatsans: "sanomattextsans_web";
    --sans: "sanomattextsans_web", "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cond: "franklin-gothic-urw-cond", "sanomattextsans_web", "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --compressed: "dharma-gothic-e", "sanomattextsans_web", "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    --h-frettir: hsl(0, 85%, 55%);
    --h-umraeda: hsl(210, 100%, 47%);
    --h-menning: hsl(167, 100%, 27.5%);
    --h-thekking: hsl(338, 60%, 40%);
    --h-lifid: hsl(32, 95%, 52%);
}

body {
    font-size: 16px;
    line-height: 1.4;
    font-family: var(--sans);
    margin: 0;
    padding-top: 10px;
}

a {
    color: black;
    text-decoration: none;
}

/* Hide elements */
.ad,
.grecaptcha-badge,
div#top-header,
.header__menu,
.header__btns,
.slogan,
div#subheader,
.inline-seemore,
.inline-ad,
.article__body__extras,
.article-list__list,
.article-list__banner,
.article-list__grid,
.chapter-menu,
.article__old,
.inline-video,
#footer,
.modal-user,
.figure__mediaentry {
    display: none !important;
}

.header__logo {
    width: 12rem;
}

.image>img {
    width: 100%;
}

.figure__image {
    margin: 0;
}

.figure__image,
.article__byline {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.article__meta-extra,
.article__body {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

h1.article__headline {
    font-size: 2rem;
    margin: .5rem 0 1rem;
    line-height: 1.25;
    font-family: var(--tiempos);
    text-wrap: balance;
}

.article__subhead {
    font-size: 1rem;
    font-family: var(--tiempostext);
}

section#page {
    margin-top: 1.25rem;
    padding-top: 1.5rem;
    border-top: 2px solid black;
}

.article__label__category {
    color: var(--h-frettir);
}

.article__section--umraeda .article__label__category {
    color: var(--h-umraeda);
}

.article__section--menning .article__label__category {
    color: var(--h-menning);
}

.article__section--thekking .article__label__category {
    color: var(--h-thekking);
}

.article__section--lifid .article__label__category {
    color: var(--h-lifid);
}

.article__label__category,
.journalist__name {
    font-weight: 700;
}

.article__label,
.journalist__subtitle {
    font-size: .875rem;
}

.journalist__image img {
    width: 100%;
    height: auto;
}

.journalist__image {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    filter: grayscale(1);
}

.article__byline__journalist {
    display: flex;
    grid-gap: 1em;
}

.journalist__info {
    align-self: center;
    line-height: 1.2;
}

.caption {
    font-size: .875em;
}

.image_title {
    font-weight: 700;
    margin-right: 3px;
}

.copyright {
    color: grey;
    font-size: .75rem;
    font-style: italic;
    display: block;
    margin-top: 3px;
}

.article__body__text>p,
.article__body__text>h2 {
    font-family: var(--tiempostext);
}

.article__body__text>h2 {
    margin: 1.5rem 0 0;
    font-size: 1.125rem;
}

.article__body__text>p {
    font-size: 1rem;
    line-height: 1.4;
}

.article__body__text>p.dropcap:first-letter,
.article__body__text>p:not(.number_dropcap):first-of-type::first-letter {
    font-size: 3.25em;
    float: left;
    line-height: .825;
    margin: 0 0.05em -0.125rem 0;
    font-style: normal;
    font-family: "tiemposheadline_web", serif;
    font-weight: 500;
}

.article__body__text>blockquote,
.article__body__text .citat-content {
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--tiempos);
    margin: 0;
    padding: 1em 0;
    border-style: solid;
    border-width: 1px 0;
}

.article__body__text>blockquote,
.article__body__text .inline-citat.position-block {
    text-align: center;
    font-size: 1.125rem;
}

.article__body__text>blockquote,
.article__body__text .inline-citat.position-block .citat-content {
    font-size: 1.25rem;
}

.article__body__text .citat-caption {
    font-size: .75rem;
    margin-top: 0.5rem;
}

.citat-caption_title {
    font-weight: 700;
}

.article__body__text>blockquote,
.article__body__text .inline {
    margin: 2rem 0;
}

.article__body__text .inline.position-right-small,
.article__body__text .inline.position-right-offset,
.article__body__text .inline.position-right,
.article__body__text .inline.position-right-medium {
    float: right;
    width: 40%;
    margin-left: 2em;
    margin-top: 0;
}

.article__body__text .inline.position-left-small,
.article__body__text .inline.position-left-offset,
.article__body__text .inline.position-left,
.article__body__text .inline.position-left-medium {
    float: left;
    width: 40%;
    margin-right: 2em;
}

.article__body__text .inline.position-left-small,
.article__body__text .inline.position-left-offset,
.article__body__text .inline.position-right-small,
.article__body__text .inline.position-right-offset {
    width: 25%;
}

.article__body__text .inline-image.position-block-small {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.article__body__text .inline-box {
    border: 1px solid;
    padding: 1em;
    margin: 2em 0;
}

.article__body__text .inline-box h1.box-title {
    margin: 0;
    font-size: 1.25em;
}

.article__body__text .inline-box h1.box-title:before {
    width: 0.5em;
    height: 0.5em;
    display: inline-block;
    content: '';
    margin-right: 0.25em;
    background: black;
}

.article__body__text .inline-box h2.box-subtitle {
    margin: .25em 0 1em;
    padding: 0;
    font-family: var(--sans);
    font-weight: 400;
    font-size: 1em;
}

.article__body__text .inline-box .box-image img {
    width: 100%;
    height: auto;
}

.article__body__text .inline-box .box-content p {
    font-family: var(--sans);
    font-size: .875em;
}

.article__body__text .inline-box .box-content p:last-child {
    margin-bottom: 0;
}

.article__featured-product {
    margin: 1em 0 2em;
    padding: 1em 0;
    font-size: .875em;
    border-bottom: 1px solid var(--h-line-color);
    border-top: 1px solid var(--h-line-color);
}

.article__featured-product .product-title {
    font-size: 1.25rem;
    margin: 0.25em 0 0.75em;
}

.article__featured-product .product-label {
    line-height: 1;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    color: var(--h-grey);
}

.article__section--menning .article__featured-product .product-label {
    color: var(--h-menning);
}

.article__featured-product .product-button {
    display: none;
}