/**
 * Static theme CSS, migrated from the Code Snippets plugin.
 * Loaded after build/css/app.css (see FLChildTheme::enqueue_scripts).
 */

/* MENY: pin posisjoneringen av nedtrekkspanelet. Et innlogget-only script
   injiserer runtime-CSS som overstyrer til position:relative — da havner
   panelet i dokumentflyten og blåser opp headeren for innloggede. */
.arctic-menu__wrapper {
    position: absolute !important;
}

/* MENY: reparer ugyldig calc-fallback fra app.css / alphamal-menu
   (var(--menu-top-offset, 100) mangler enhet -> hele max-height forkastes).
   Clamper også til 0 så en negativ JS-måling aldri kan blåse opp menyen. */
.arctic-menu__nav,
.alphamal-menu__nav {
    max-height: calc(100vh - max(var(--menu-top-offset, 100px), 0px));
}

/* FULLBREDDE FOR BEAVER BUILDER PÅ SINGLE-VISNINGER */
.fl-builder.single .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

.fl-builder.single .fl-content {
    margin: 0 !important;
}

.fl-builder.single .fl-post-header, .fl-builder.single .fl-post-meta-bottom {
    display: none !important;
}

.fl-builder.single .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.fl-builder.single .col-xs-1, .fl-builder.single .col-sm-1, .fl-builder.single .col-md-1, .fl-builder.single .col-lg-1, .fl-builder.single .col-xs-2, .fl-builder.single .col-sm-2, .fl-builder.single .col-md-2, .fl-builder.single .col-lg-2, .fl-builder.single .col-xs-3, .fl-builder.single .col-sm-3, .fl-builder.single .col-md-3, .fl-builder.single .col-lg-3, .fl-builder.single .col-xs-4, .fl-builder.single .col-sm-4, .fl-builder.single .col-md-4, .fl-builder.single .col-lg-4, .fl-builder.single .col-xs-5, .fl-builder.single .col-sm-5, .fl-builder.single .col-md-5, .fl-builder.single .col-lg-5, .fl-builder.single .col-xs-6, .fl-builder.single .col-sm-6, .fl-builder.single .col-md-6, .fl-builder.single .col-lg-6, .fl-builder.single .col-xs-7, .fl-builder.single .col-sm-7, .fl-builder.single .col-md-7, .fl-builder.single .col-lg-7, .fl-builder.single .col-xs-8, .fl-builder.single .col-sm-8, .fl-builder.single .col-md-8, .fl-builder.single .col-lg-8, .fl-builder.single .col-xs-9, .fl-builder.single .col-sm-9, .fl-builder.single .col-md-9, .fl-builder.single .col-lg-9, .fl-builder.single .col-xs-10, .fl-builder.single .col-sm-10, .fl-builder.single .col-md-10, .fl-builder.single .col-lg-10, .fl-builder.single .col-xs-11, .fl-builder.single .col-sm-11, .fl-builder.single .col-md-11, .fl-builder.single .col-lg-11, .fl-builder.single .col-xs-12, .fl-builder.single .col-sm-12, .fl-builder.single .col-md-12, .fl-builder.single .col-lg-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
    width: 100% !important;
}

.fl-comments, .fl-sidebar  {
    display: none !important;
}

/* LENKER */
body .fl-page a,
body  .fl-responsive-preview-content a{
    color: var(--link-text-color);
}
body .fl-page a:hover, body .fl-page a:focus,
body  .fl-responsive-preview-content a:hover, body  .fl-responsive-preview-content a:focus{
    color: var(--link-text-hover-color);
}

.fl-screen-reader-text,
.screen-reader-shortcut{
    color: var(--link-text-color) !important;
}
.fl-screen-reader-text:hover, .fl-screen-reader-text:focus,
.screen-reader-shortcut:hover, .screen-reader-shortcut:focus{
    color: var(--link-text-hover-color) !important;
    text-decoration: underline !important;
}
body *{
    outline-color: var(--main-color) !important;
}

/* BRODTEKST */
body .fl-page,
body  .fl-responsive-preview-content {
    font-family: var(--normal-text-family);
    color: var(--normal-text-color);
    text-transform: var(--normal-text-transform);
    font-weight: var(--normal-text-weight);
}
@media (min-width:1025px) {
    body .fl-page,
    body  .fl-responsive-preview-content {
        font-size: var(--big-normal-text-size);
        letter-spacing: var(--big-normal-text-spacing);
        line-height: var(--big-normal-text-height);
    }
}
@media (max-width:1024px) {
    body .fl-page,
    body  .fl-responsive-preview-content {
        font-size: var(--medium-normal-text-size);
        letter-spacing: var(--medium-normal-text-spacing);
        line-height: var(--medium-normal-text-height);
    }
}
@media (max-width:640px) {
    body .fl-page,
    body  .fl-responsive-preview-content {
        font-size: var(--small-normal-text-size);
        letter-spacing: var(--small-normal-text-spacing);
        line-height: var(--small-normal-text-height);
    }
}

/* OVERSKRIFTER*/
h1,
body .fl-page h1,
body  .fl-responsive-preview-content h1,
body .fl-row-content-wrap .h1-size,
.h1-size .fl-heading{
    color: var(--headline-1-color);
    font-family: var(--headline-1-family);
    font-weight: var(--headline-1-weight);
    text-transform: var(--headline-1-transform);
}
@media (min-width:1025px) {
    h1,
    body .fl-page h1,
    body  .fl-responsive-preview-content h1,
    body .fl-row-content-wrap .h1-size,
    .h1-size .fl-heading{
        font-size: var(--big-headline-1-size);
        line-height: var(--big-headline-1-height);
        letter-spacing: var(--big-headline-1-spacing);
    }
}
@media (max-width:1024px) {
    h1,
    body .fl-page h1,
    body  .fl-responsive-preview-content h1,
    body .fl-row-content-wrap .h1-size,
    .h1-size .fl-heading{
        font-size: var(--medium-headline-1-size);
        line-height: var(--medium-headline-1-height);
        letter-spacing: var(--medium-headline-1-spacing);
    }
}
@media (max-width:640px) {
    h1,
    body .fl-page h1,
    body  .fl-responsive-preview-content h1,
    body .fl-row-content-wrap .h1-size,
    .h1-size .fl-heading{
        font-size: var(--small-headline-1-size);
        line-height: var(--small-headline-1-height);
        letter-spacing: var(--small-headline-1-spacing);
    }
}
h2,h3,h4,h5,h6,
body .fl-page h2, body .fl-page h3, body .fl-page h4, body .fl-page h5, body .fl-page h6,
body .fl-responsive-preview-content h2,
body .fl-responsive-preview-content h3,
body .fl-responsive-preview-content h4,
body .fl-responsive-preview-content h5,
body .fl-responsive-preview-content h6,
body .fl-row-content-wrap .h2-size ,
body .fl-row-content-wrap .h3-size ,
body .fl-row-content-wrap .h4-size ,
body .fl-row-content-wrap .h5-size ,
body .fl-row-content-wrap .h6-size {
    color: var(--headline-color);
    font-family: var(--headline-family);
    font-weight: var(--headline-weight);
    text-transform: var(--headline-transform);
}
@media (min-width:1025px) {
    h2,
    body .fl-page h2, body  .fl-responsive-preview-content h2,
    body .fl-row-content-wrap .h2-size,
    .h2-size .fl-heading{
        font-size: var(--big-headline-2-size);
        line-height: var(--big-headline-2-height);
        letter-spacing: var(--big-headline-2-spacing);
    }
}
@media (max-width:1024px) {
    h2,
    body .fl-page h2, body  .fl-responsive-preview-content h2,
    body .fl-row-content-wrap .h2-size,
    .h2-size .fl-heading{
        font-size: var(--medium-headline-2-size);
        line-height: var(--medium-headline-2-height);
        letter-spacing: var(--medium-headline-2-spacing);
    }
}
@media (max-width:640px) {
    h3,
    body .fl-page h2, body  .fl-responsive-preview-content h2,
    body .fl-row-content-wrap .h2-size,
    .h2-size .fl-heading{
        font-size: var(--small-headline-2-size);
        line-height: var(--small-headline-2-height);
        letter-spacing: var(--small-headline-2-spacing);
    }
}
@media (min-width:1025px) {
    h3,
    body .fl-page h3, body  .fl-responsive-preview-content h3,
    body .fl-row-content-wrap .h3-size,
    .h3-size .fl-heading{
        font-size: var(--big-headline-3-size);
        line-height: var(--big-headline-3-height);
        letter-spacing: var(--big-headline-3-spacing);
    }
}
@media (max-width:1024px) {
    h3,
    body .fl-page h3, body  .fl-responsive-preview-content h3,
    body .fl-row-content-wrap .h3-size,
    .h3-size .fl-heading{
        font-size: var(--medium-headline-3-size);
        line-height: var(--medium-headline-3-height);
        letter-spacing: var(--medium-headline-3-spacing);
    }
}
@media (max-width:640px) {
    h3,
    body .fl-page h3, body  .fl-responsive-preview-content h3,
    body .fl-row-content-wrap .h3-size,
    .h3-size .fl-heading{
        font-size: var(--small-headline-3-size);
        line-height: var(--small-headline-3-height);
        letter-spacing: var(--small-headline-3-spacing);
    }
}

@media (min-width:1025px) {
    h4,
    body .fl-page h4, body  .fl-responsive-preview-content h4,
    body .fl-row-content-wrap .h4-size,
    .h4-size .fl-heading{
        font-size: var(--big-headline-4-size);
        line-height: var(--big-headline-4-height);
        letter-spacing: var(--big-headline-4-spacing);
    }
}
@media (max-width:1024px) {
    h4,
    body .fl-page h4, body  .fl-responsive-preview-content h4,
    body .fl-row-content-wrap .h4-size,
    .h4-size .fl-heading{
        font-size: var(--medium-headline-4-size);
        line-height: var(--medium-headline-4-height);
        letter-spacing: var(--medium-headline-4-spacing);
    }
}
@media (max-width:640px) {
    h4,
    body .fl-page h4, body  .fl-responsive-preview-content h4,
    body .fl-row-content-wrap .h4-size,
    .h4-size .fl-heading{
        font-size: var(--small-headline-4-size);
        line-height: var(--small-headline-4-height);
        letter-spacing: var(--small-headline-4-spacing);
    }
}
@media (min-width:1025px) {
    h4,
    body .fl-page h5, body  .fl-responsive-preview-content h5,
    body .fl-row-content-wrap .h5-size,
    .h5-size .fl-heading{
        font-size: var(--big-headline-5-size);
        line-height: var(--big-headline-5-height);
        letter-spacing: var(--big-headline-5-spacing);
    }
}
@media (max-width:1024px) {
    h4,
    body .fl-page h5, body  .fl-responsive-preview-content h5,
    body .fl-row-content-wrap .h5-size,
    .h5-size .fl-heading{
        font-size: var(--medium-headline-5-size);
        line-height: var(--medium-headline-5-height);
        letter-spacing: var(--medium-headline-5-spacing);
    }
}
@media (max-width:640px) {
    h5,
    body .fl-page h5, body  .fl-responsive-preview-content h5,
    body .fl-row-content-wrap .h5-size,
    .h5-size .fl-heading{
        font-size: var(--small-headline-5-size);
        line-height: var(--small-headline-5-height);
        letter-spacing: var(--small-headline-5-spacing);
    }
}
@media (min-width:1025px) {
    h6,
    body .fl-page h6, body  .fl-responsive-preview-content h6,
    body .fl-row-content-wrap .h6-size,
    .h6-size .fl-heading{
        font-size: var(--big-headline-6-size);
        line-height: var(--big-headline-6-height);
        letter-spacing: var(--big-headline-6-spacing);
    }
}
@media (max-width:1024px) {
    h6,
    body .fl-page h6, body  .fl-responsive-preview-content h6,
    body .fl-row-content-wrap .h6-size,
    .h6-size .fl-heading{
        font-size: var(--medium-headline-6-size);
        line-height: var(--medium-headline-6-height);
        letter-spacing: var(--medium-headline-6-spacing);
    }
}
@media (max-width:640px) {
    h6,
    body .fl-page h6, body  .fl-responsive-preview-content h6,
    body .fl-row-content-wrap .h6-size,
    .h6-size .fl-heading{
        font-size: var(--small-headline-6-size);
        line-height: var(--small-headline-6-height);
        letter-spacing: var(--small-headline-6-spacing);
    }
}
