@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* XxxNorway — nordlys. Kun denne siden.
   Champion #795B84 · Legendary Purple #4D4C64 · Unreal Teal #5A8E71
   Pool Tide #6E918F · Dark Pine #163031 · Intense Jade #67C8A3 */
:root,
body.blogg,
body.auth-site {
    --auth-solid: #040e0c;
    --auth-veil: rgba(245, 248, 247, 0.86);
    --auth-veil-2: rgba(245, 248, 247, 0.90);
    --auth-hero: url('/assets/img/hero-aurora.png');
    --blog-accent: #67c8a3;
    --blog-accent-2: #5a8e71;
    --blog-bg: #e6ecec;
    --blog-bg-soft: #6e918f;
    --blog-card: #efe8dc;
    --blog-ink: #163031;
    --blog-muted: #4d4c64;
    --blog-border: #163031;
    --blog-on-accent: #ffffff;
    --blog-header-bg: #163031;
    --blog-menu-bg: #163031;
    --blog-tag-bg: #795b84;
    --blog-more: #163031;
}

body.blogg.blogg-landing-page,
.blogg-landing-page {
    --blog-accent: #67c8a3;
    --blog-accent-2: #5a8e71;
    --blog-bg: #e6ecec;
    --blog-bg-soft: #6e918f;
    --blog-card: #efe8dc;
    --blog-ink: #163031;
    --blog-muted: #4d4c64;
    --blog-border: #e8d48a;
    --blog-header-bg: transparent;
    --blog-menu-bg: #0d1a28;
    --blog-tag-bg: #795b84;
    --blog-more: #163031;
    background-color: #163031;
    background-image: url('/assets/img/hero-aurora-5.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #163031;
}

body.blogg.blogg-landing-page .blog-header--landing {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: clamp(1.25rem, 3.5vw, 3.25rem);
    padding-right: clamp(1.25rem, 3.5vw, 3.25rem);
    background-color: #163031;
    background-image: url('/assets/img/hero-aurora-5.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: none;
}

body.blogg.blogg-landing-page .blog-header-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
}

body.blogg.blogg-landing-page .blog-landing-brand {
    grid-column: 2;
    align-items: center;
    text-align: center;
}

body.blogg.blogg-landing-page .blog-landing-brand .blog-brand-name {
    font-family: Cinzel, Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: #e8d48a;
}

body.blogg.blogg-landing-page .blog-brand-tag {
    color: rgba(232, 212, 138, 0.78);
}

body.blogg.blogg-landing-page .blog-header-actions {
    grid-column: 3;
    justify-self: end;
}

body.blogg.blogg-landing-page .blog-nav-landing {
    justify-content: center;
    border-top-color: rgba(232, 212, 138, 0.32);
}

body.blogg.blogg-landing-page .blog-brand-name,
body.blogg.blogg-landing-page .blog-nav-link,
body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover,
body.blogg.blogg-landing-page .blog-admin-menu-btn {
    color: #e8d48a;
}

body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover {
    border-bottom-color: #e8d48a;
}

body.blogg.blogg-landing-page .blog-header--landing .blog-header-inner {
    max-width: min(1720px, 98vw);
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1.25rem, 3.5vw, 3.25rem);
    padding-right: clamp(1.25rem, 3.5vw, 3.25rem);
}

body.blogg.blogg-landing-page .blog-landing-card,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-body,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media--empty,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side {
    background: #efe8dc !important;
}

body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side,
body.blogg.blogg-article-page .blog-article {
    border: 3px solid #e8d48a !important;
    box-shadow: 0 0 0 1px rgba(255, 244, 210, 0.5), inset 0 1px 0 rgba(255, 250, 230, 0.55);
}

body.blogg.blogg-landing-page .blog-kort-tag {
    background: #795b84;
    color: #ffffff;
}

body.blogg.blogg-landing-page .blog-kort-more {
    color: #163031;
}

body.blogg.blogg-landing-page .blog-admin-menu-btn,
body.blogg.blogg-landing-page .blog-admin-menu-panel {
    background: #0d1a28;
    border-color: rgba(255, 255, 255, 0.28);
}

body.blogg.blogg-article-page,
body.blogg.blogg-editor-page {
    background-color: #163031;
    background-image: url('/assets/img/hero-aurora-5.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #163031;
}

body.blogg.blogg-article-page .blog-article,
body.blogg.blogg-editor-page .blog-editor,
body.blogg.blogg-editor-page .blog-input,
body.blogg.blogg-editor-page .blog-textarea {
    background: #efe8dc;
    color: #163031;
}