/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
		/*--primary: #FF0000;*/
		--primary: #13182B;
		--secondary: #F7F6F2;
        --gray: #85878F;
        --body-left-gap: 96px;
        --body-left-gap-negative: -96px;
        --border-width: 2px;

        --h1-large: clamp(3rem, 7vw, 152px);
        --h1: clamp(3rem, 7vw, 75px);
        --h2: clamp(2.5rem, 5vw, 46px);
        --h3: clamp(1.7rem, 4vw, 34px);
        --h4: 28px;
        --h5: 24px;
        --h6: 20px;
        --fsbase: 18px;

        --transition: ease-in .3s ;
	}


    /*
    Flatsome breakpoints

        Small (default / mobile)
        0 – 549px

        Medium
        ≥ 550px

        Large
        ≥ 850px

        X-Large
        ≥ 1200px

        XX-Large
        ≥ 1600px
*/

/* Flyt fixed menu ned, når admin-baren er synlig */
body.admin-bar #header {
    top: 32px!important; /* standard-højde for wp-admin bar på desktop */
}

/* På små skærme er admin-baren højere */
@media screen and (max-width: 782px) {
    body.admin-bar header {
        top: 46px;
    }
}



body {
    font-size: var(--fsbase);
    border: var(--border-width) solid var(--primary);
}

h1, h2, h3, h4, h5, h6 {
    opacity: 1;
    letter-spacing: 0;
    color: var(--primary);
    line-height: 1.2;
}

h1, .fs-1, .h1 {
    font-size: var(--h1);
    text-transform: none;
    color: var(--primary);
    letter-spacing: -0.04em;

}

h1.large, .fs-1-large, .h1-large {
    font-size: var(--h1-large);
    line-height: 1;
    text-transform: none;
    letter-spacing: -0.04em;
}

h2, .fs-2, .h2 {
    font-size: var(--h2);
    text-transform: none;
    letter-spacing: -0.02em;
}

h3, .fs-3, .h3 {
    font-size: var(--h3);
    text-transform: none;
    letter-spacing: -0.02em;
}

h4, .fs-4, .h4 {
    font-size: var(--h4);
    text-transform: none;
    letter-spacing: -0.02em;
}

h5, .fs-5, .h5 {
    font-size: var(--h5);
    text-transform: none;
    letter-spacing: -0.02em;
}

h6, .fs-6, .h6 {
    font-size: var(--h6);
    text-transform: none;
    letter-spacing: -0.02em;
}

.lead {
    font-size: var(--h2);
    margin-bottom: 0;
    line-height: 1.5;
    letter-spacing: -0.02em;
}


p, li {
font-size: var(--fsbase);
}

li {
margin-bottom: initial;
}

[data-line-height=xs],
 [data-line-height=s]{
    line-height: 1 !important;
    margin-bottom: 0;
}

main a:where(:not(.wp-element-button)) {
font-size: var(--fsbase);
text-decoration: underline!important;
}

@media screen and (min-width: 850px) {
    
            body.full-width {
                    max-width: 100%!important;

            }

            .header, .header-wrapper {
                width: auto!important;
            }

            
            footer {
                max-width: calc(100% - (var(--body-left-gap)))!important;
                border-left: var(--border-width) solid var(--primary);
                margin-left: var(--body-left-gap);
            }

            main {
                max-width: calc(100% - (var(--body-left-gap)))!important;
                margin-left: var(--body-left-gap);
            }

}

b, strong {
    font-weight: 600;
}

.rounded img,
.rounded iframe {
    border-radius: 100px;
}

.row-grid .gallery-col:not(:last-child) {
    border-right: var(--border-width) solid var(--primary);
    border-bottom: var(--border-width) solid var(--primary);
}

.frontpage-media-ratio {
    height: 200px;
}
.frontpage-media-ratio div {
    aspect-ratio: 9 / 14;
    overflow: hidden;
}   
.frontpage-media-ratio .img,
.frontpage-media-ratio .img-inner, 
.frontpage-media-ratio .video-button-wrapper {
    width: 130px;
    max-width: 130px;
    height: 197px;
}

@media screen and (max-width: 550px) {
    .frontpage-media-ratio .img,
.frontpage-media-ratio .img-inner, 
.frontpage-media-ratio .video-button-wrapper {
    width: 100px;
    max-width: 100px;
    height: 187px;
}
}

.frontpage-media-ratio img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* så det beskæres pænt */
    display: block;
    border-radius: 75px;
}

.frontpage-media-ratio .video-button-wrapper .button.open-video {
    display: flex;
    align-items: center;
    justify-content: center;
}

.frontpage-media-ratio .button.open-video {
    background-color: var(--primary);
    width: 100%;
    height: 100%;
    border-radius: 75px;
    border:0;
}

.button, 
.button:hover {
    box-shadow: none!important;
    text-decoration: none!important;
}
.button.secondary {
    background-color: var(--secondary);
    color: var(--primary);
}




/* ====== HEADER ======*/

body header,
body .header-wrapper {
    max-width: 100%!important;
}


#header {
    border: var(--border-width) solid var(--primary);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

@media screen and (max-width: 849px) {
 #header {
    top: 0;
    right: 0;
    left: 0;
}   
}

.nav .html,
.nav .nav-top-link {
    font-size: var(--fsbase)!important;
    text-decoration: none!important;
}

.nav a.nav-top-link:hover {
    text-decoration: underline!important;
}

header a {
    color: var(--primary)!important;
}

.header-wrapper {
    display: flex;
}


header #megamenu .megamenu-toggle { 
    border-right: var(--border-width) solid var(--primary);
    height: 100%;
    width: calc(var(--body-left-gap) + var(--border-width));
    z-index: +1;
}

header #masthead {
    width: 100%;
}

@media screen and (max-width: 850px) {
    #megamenu .megamenu-toggle {
        display: inline-block;
        width: 65px!important;
    }

    header #masthead {
    width: calc(100% - 79px);
    }
    
    header #masthead .container {
    padding-left: 0;
    }
}

.header-main {
    height: 70px!important;
}

.header-main .nav > li > a {
    font-weight: 500;
}

/* ====== MEGA MENU ====== */
/* ----------------------------------------------------------
   Fuldskærms overlay
---------------------------------------------------------- */
.megamenu-overlay {
    position: absolute;
    inset: 0;
    top: 77px;
    left: calc(var(--body-left-gap) + 3px);
    width: calc(100% - var(--body-left-gap));
    height: calc(100vh - 77px);
    background: var(--secondary);
    display: none;
    opacity: 0;
    z-index: 9999;
    transition: opacity .25s ease;
    overflow-x: scroll;
    padding: 5rem clamp(2rem, 5vw, 6rem);
    border-right: var(--border-width) solid var(--primary);
}

 

.megamenu-overlay.is-open {
    display: block;
    opacity: 1;
}

/* Lås scroll når menuen er åben */
body.megamenu-open {
    overflow: hidden;
}

@media screen and (max-width: 850px) {
    .megamenu-overlay {
    top: 72px;
    left: 0;
    width: 100%;
    padding: 0;
    }
}

/* Standard: behold normal rækkefølge på større skærme */
.megamenu-body.row > .col {
    order: 0;
}

/* På små/medium enheder: byt om på de to kolonner */
@media (max-width: 849px) { /* Flatsome: under large */
    .megamenu-body.row > .col:first-child {
        order: 2; /* ryger nederst */
    }

    .megamenu-body.row > .col:last-child {
        order: 1; /* ryger øverst */
    }
}

/* ----------------------------------------------------------
   Kolonne 1 – topniveau
---------------------------------------------------------- */
.megamenu-parent-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.megamenu-parent,
.megamenu-parent-link {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 600;
    line-height: 1.2;
    font-size: var(--h2);
    cursor: pointer;
    text-decoration: none!important;
    color: var(--primary);
}

.megamenu-parent:hover,
.megamenu-parent-link:hover {
    text-decoration: underline;
    color: var(--gray)!important;
}

.megamenu-parent.is-active {
    font-weight: 600;
    color: var(--gray)!important;
}

/* Links (1. level uden children) */
.megamenu-parent-link {
    cursor: pointer;
}

@media screen and (max-width: 850px) {
.megamenu-parent-list {
    padding: 0!important;
}
    .megamenu-parent,
.megamenu-parent-link {
    font-size: var(--fsbase);
    font-weight: 600;
    padding: 20px;
    border-bottom: var(--border-width) solid var(--primary);
}

.megamenu-parent:after {
content: url('../flatsome-child/assets/img/arrow_menu.svg');
    position: absolute;
    right: 20px;
}
}


/* ----------------------------------------------------------
   Kolonne 2 – undermenu
---------------------------------------------------------- */

.megamenu-sub {
    display: none;
    max-width: 450px;
}

.megamenu-sub-active {
    display: block;
}

.megamenu-sub-title {
    font-size: var(--fsbase);
    margin-bottom: 1rem;
    font-weight: 400;
}

/* Kolonne 2 – undermenu (2. lvl i to spalter) */
.megamenu-sub-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 0.5rem;
}

.megamenu-sub-list li {
    margin: 0; /* styres nu af row-gap */
}

.megamenu-sub-list a {
    text-decoration: none!important;
    color: var(--primary);
    font-size: 24px;
    font-weight: 600;
}

.megamenu-sub-list a:hover {
    text-decoration: none;
    color: var(--gray);
}


.megamenu-footer {
    padding-top: 5rem;
}


.megamenu-close {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    background: transparent;
    border: 0;
    font-size: 2rem;
    cursor: pointer;
    color: inherit;
}

@media screen and (max-width: 850px) {
    .megamenu-sub {
    max-width: 100%;
    padding: 30px 0;
    border-bottom: var(--border-width) solid var(--primary);
}

.megamenu-sub-list a {
    font-size: var(--fsbase);
}
}

/* MobilMenu - Flatsome */

.mfp-content {
 top: 72px!important;
 width: 100%!important;
 background-color: var(--secondary)!important;
 color: var(--primary);
 box-shadow: none!important;
 border-top: var(--border-width) solid var(--primary)!important;
 border-right: var(--border-width) solid var(--primary)!important;
 border-left: var(--border-width) solid var(--primary)!important;
}

body.admin-bar .mfp-content {
    top: 109px;
}

.main-menu-overlay,
.mfp-bg {
background-color: transparent!important;
}

.off-canvas .sidebar-menu {
    padding: 0!important;
}

.nav-sidebar.nav-vertical>li+li {
    border-top: var(--border-width) solid var(--primary)!important;
}

.off-canvas .nav-vertical li>a {
    font-size: var(--fsbase)!important;
    font-weight: 600;
    color: var(--primary);
}

.mfp-content .menu-item:not(:has(.children)) a::after {
    content: url('../flatsome-child/assets/img/arrow_menu.svg');
    position: absolute;
    right: 20px;
}

.mfp-content .toggle {
    color: var(--primary)!important;
    opacity: 1!important;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: transparent;
}


@media screen and (max-width: 849px) {

    .header-main {
        
    }

    .medium-logo-center .flex-left {
        flex: 0;
    }
}
.mobile-nav .nav-icon a {
    border-right: var(--border-width) solid var(--primary)!important;
    padding: 20px 16px 19px 0px;
}

button.mfp-close {
    display: none;
}

/* ====== CONTENT ======*/

main {
    margin-top: 70px;
}

#content {
    margin-top: -4px;
    margin-right: -2px;
    margin-bottom: -1px;
    border-left: var(--border-width) solid var(--primary);
    border-right: var(--border-width) solid var(--primary);
}

@media screen and (max-width: 850px) {
    #content {
    border-left: 0;
    border-right: 0;
}


.row p, 
.row h1, 
.row h2, 
.row h3, 
.row h4, 
.row h5, 
.row h6, 
.row ul {
    padding-left: 20px;
    padding-right: 20px;
}

.row .icon img {
    margin: auto 20px;
}
}

.container .section, .row .section {
    padding: 0!important;
}   

.container-width, .container, .row {
    max-width: 100%!important;
}

.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
    margin: auto;
}

.page-wrapper {
    padding-bottom: 0; 
    padding-top: 0; 
}

.col, .columns, .gallery-item {
    padding: 0;
}

@media screen and (min-width: 1200px) {
    

.frontpage-grid {
    height: 100%;
}
.frontpage-grid .h-25 {
    height: 25%;
}

.frontpage-grid .h-50 {
    height: 50%;
}

.frontpage-grid .h-75 {
    height: 75%;
}

.frontpage-grid > .col:last-child > .col-inner {
    position: absolute;
    top: auto;
    bottom: 0px;
}



}

.banner {
    margin-left: 1px;
}

/* Menu Navigation */

.ux-menu-link {
    background-color: var(--secondary)!important;
    transition: var(--transition);
}

.ux-menu-link a {
    color: var(--primary)!important;
    transition: var(--transition);
}

.ux-menu-link:hover {
    background-color: var(--primary)!important;
    transition: var(--transition);
}

.ux-menu-link:hover a {
    color: var(--secondary)!important;
    transition: var(--transition);
}

.ux-menu {
    margin: auto 0px;
}

.ux-menu a {
    text-decoration: none!important;
}
.ux-menu .ux-menu-link__link {
    border-bottom-color: var(--primary)!important;
    border-bottom-width: var(--border-width)!important;
    padding: 20px 30px;
    font-size: var(--h3);
    font-weight: 600;
}

.ux-menu .ux-menu-link__link ::after {
    content: url('../flatsome-child/assets/img/arrow.svg');
    position: absolute;
    right: 30px;
    width: 32px;
    height: auto;
    margin-top: 5px;
}

.ux-menu-link:hover .ux-menu-link__link ::after {
    content: url('../flatsome-child/assets/img/arrow-hvid.svg');
}

/* Accordion */
.accordion-item {
    border-bottom: var(--border-width) solid var(--primary);
}

.accordion-item:last-child {
    border-bottom: 0;
}

.accordion-item .icon-angle-down {
    visibility: hidden;
}

.accordion-title {
    border-top: 0;
    padding: 20px 50px;
    font-weight: 600;
    text-decoration: none!important;
}

.accordion-title.active {
    background-color: var(--primary)!important;
    color: var(--secondary);
    margin-left: 0px;
}


.accordion-inner {
    background-color: var(--primary)!important;
    color: var(--secondary);
     padding: 0px 50px 20px 50px;
}


.accordion-title:after {
    content: url('../flatsome-child/assets/img/accordion-plus.svg');
    position: absolute;
    top: 20px;
    right: 20px;
    transition: var(--transition);
}

.accordion-title.active:after {
    content: url('../flatsome-child/assets/img/accordion-close.svg');
    transition: var(--transition);

}

@media screen and (max-width: 850px) {
    .accordion-title {
    padding: 20px 50px 20px 20px;
    
}
.accordion-inner {
     padding: 0px 20px 20px 00px;
}

}


/* Roteret tekst */
@media screen and (min-width: 550px) {
    .rotate-wrapper {
         
    }
    .rotate-wrapper .col-inner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rotate-wrapper h3 {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg); /* ekstra for Safari */
        text-align: center;
        white-space: nowrap;
        margin: auto;
    }

}

/* Breadcrumbs */
.breadcrumbs {
    margin-bottom: 1rem;
    font-weight: 400!important;
    color: var(--primary);
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumbs-list li {
    margin-left: 0!important;
}

.breadcrumbs-item a {
    text-decoration: none!important;
    color: var(--primary);
    text-underline-offset: 2px;
}

.breadcrumbs-item a:hover {
    text-decoration: underline;
}

.breadcrumbs-separator img {
    width: auto;
    height: 5px;
}

@media screen and (max-width: 850px) {
    .breadcrumbs {
        padding-left: 20px;
        padding-right: 20px;
    }
}




/* Striber Stripes .striber */
.col.striber > .col-inner {
    --stripe-count: 33;
    --module: calc(100% / var(--stripe-count));

    background-image: linear-gradient(
        to right,
        var(--primary) 0 1px,
        transparent 1px 100%
    );
    background-size: var(--module) 100%;
    background-repeat: repeat-x;
}

@media screen and (max-width: 1200px) {
    .col.striber > .col-inner {
    --stripe-count: 24;
    }
}

@media screen and (max-width: 850px) {
    .col.striber > .col-inner {
    --stripe-count: 18;
    }
}

@media screen and (max-width: 550px) {
    .col.striber > .col-inner {
    --stripe-count: 12;
    }
}

/* ====== ROW BORDER ====== */


.row .col-inner:has(.row) .row.align-equal {
    height: 100%;
}

.section {
    border-top: 0px solid var(--primary);
    border-bottom: 0px solid var(--primary);
    border-color:  var(--primary);
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.row-solid {
    border-top: var(--border-width) solid var(--primary);
    border-bottom: var(--border-width) solid var(--primary);
}


.row-solid .col:before {
    border-left: var(--border-width) solid var(--primary);
    left: -2px!important;
}

.row-solid .col:after,
.row-solid .col:first-child:before {
    display: none; 
}

.row-small.row-solid {
    border-top: calc(var(--border-width) / 2) solid var(--primary)!important;
    border-bottom: calc(var(--border-width) / 2) solid var(--primary)!important;
}


.row-collapse .col:before {
    display: none;
}

.row-solid .col-inner {
    padding: 0;
}

.is-border {
    border-color: var(--primary)!important;
    outline-offset: 0px;
}

/* Priser */

.priser .row {
    border-bottom: var(--border-width) solid var(--primary);
}

.priser p {    
    margin-top: 30px;
    margin-bottom: 30px;
}

.priser h4 {    
    margin-bottom: 0px;
    padding-bottom: 30px;
}

@media screen and (max-width: 550px) {
    .priser p {
         text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .priser {
        text-align: center;
    }

    .row .priser .row {
        padding: 30px 0;
    }
}

/* ====== MEDARBEJDERE ====== */

#medarbejdere.row {
        margin-left: -1px!important;
    margin-right: -1px!important;
    margin-bottom: -2px!important;
    border-top: var(--border-width) solid var(--primary);
    border-bottom: 0;
}

#medarbejdere.row .col {
    border-right: var(--border-width) solid var(--primary);
    border-bottom: var(--border-width) solid var(--primary);
}
#medarbejder .col-inner {
padding: 2.2em;
}

#medarbejder .billede {
    aspect-ratio: 5 / 4;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 1rem;
}

#medarbejder img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* så det beskæres pænt */
    display: block;
}

#medarbejder .navn,
#medarbejder .titel,
#medarbejder .beskrivelse {
    text-align: center;
}

#medarbejder .overlay {
    align-content: space-evenly;
    visibility: hidden;
    transition: var(--transition);
    position: absolute;
    height: 100%;
    background-color: var(--primary);
    color: var(--secondary);
    padding: 2.2em;
}

#medarbejder .beskrivelse {
    margin-bottom: 1rem;
}

#medarbejder:hover .overlay {
    visibility: visible;
    transition: var(--transition);
}


#fremhaev_medarbejdere {
}
#fremhaev_medarbejdere .navn {
    font-size: var(--h5);
}

#fremhaev_medarbejdere .billede {
    aspect-ratio: 1 / 1;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: var(--border-width) solid var(--primary);
    border-radius: 100%;
}

#fremhaev_medarbejdere img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* så det beskæres pænt */
    display: block;
}

@media screen and (max-width: 850px) {
        #fremhaev_medarbejdere .beskrivelse p {
            padding-left: 0;
            padding-right: 0;
        }
        #fremhaev_medarbejdere {
            padding-left: 20px;
            padding-right: 20px;
        }
    }



/* ====== ARTIKLER ====== */
/* Kategorivælger */
.artikkelkategorier-wrapper {
    padding: 10px 30px;
}
select.artikkelkategorier-select,
select.artikkelkategorier-select:hover,
select.artikkelkategorier-select:active   {
    background-color: transparent;
    border: 0;
    border-bottom: var(--border-width) solid var(--primary);
    box-shadow: none!important;
    color: var(--primary);
}


/* Archive */

section #kategorier {
    border-bottom: var(--border-width) solid var(--primary);
}

#kategorier .row, 
#artikler .row {
    margin-left: 0px!important;
    margin-right: -1px!important;
    margin-bottom: -2px!important;
    border-top: var(--border-width) solid var(--primary);
}
#artikler .row .col, 
#kategorier .row .col {
    border-right: var(--border-width) solid var(--primary);
    border-bottom: var(--border-width) solid var(--primary);

}

/* Single blog post artikler */

article .blogpost {
    padding: 120px 50px;
}
@media screen and (max-width: 550px) {
    article .blogpost {
        padding: 120px 15px;
    }    
}




article .blogpost h1, 
article .blogpost h2, 
article .blogpost h3, 
article .blogpost h4, 
article .blogpost h5, 
article .blogpost h6, 
article .blogpost p, 
article .blogpost a, 
article .blogpost .byline {
    max-width: 912px!important;
    margin-left: auto;
    margin-right: auto;
}

article .blogpost h2, 
article .blogpost h3, 
article .blogpost h4, 
article .blogpost h5, 
article .blogpost h6 {
    font-size: var(--h5);
}

article .blogpost .byline {
    margin-bottom: 65px;
}

article .blogpost .byline .author {
    margin-right: 30px;
}
@media screen and (min-width: 550px) {

    article .blogpost .byline {
        display: flex;
        align-items: center;
    }

}
article .blogpost .byline .reading_time img {
     margin-right: 5px;
     margin-bottom: var(--border-width);
}


article .blogpost .img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

/* SINGLE Behandlinger */



.behandlinger-content ul {
    list-style: none;        /* fjern standard bullet */
    margin: 0;
    padding: 0;
}

.behandlinger-content ul li {
    position: relative;
    padding-left: 0px;      /* plads til ikon */
    margin-bottom: .5rem;
}

.behandlinger-content ul li::before {
    content: "";
    position: absolute;
    left: -19px;
    top: 10px;                /* justér hvis nødvendigt */
    width: 12.32px;
    height: 8.46px;
    background-image: url('../flatsome-child/assets/img/list-checkmark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 850px) {
    .behandlinger-content ul {
    padding: 0 20px;
}
    
}



/* ====== SHORTCODES ======= */
/* Blog posts shortcode */

.single-blogpost {
    background: var(--secondary);
    color: var(--primary);
    padding: 50px;
    transition: var(--transition);
}

.single-blogpost:hover {
    background: var(--primary);
    color: var(--secondary);
    transition: var(--transition);
}

.single-blogpost:hover a {
    color: var(--secondary);
    transition: var(--transition);
}

.single-blogpost:hover .readmore:after {
    content: url('../flatsome-child/assets/img/arrow_readmore-hvid.svg');
    transition: var(--transition);
}

.single-blogpost:hover img {
    transform: scale(1.1);
    transition: var(--transition);
}



.single-blogpost .thumbnail {
    margin-bottom: 30px;
}

.single-blogpost .date {
    margin-bottom: 5px;
}

.single-blogpost .title {
    margin-bottom: 45px;
    min-height: 93px;
}

.single-blogpost .title a {
    font-size: var(--h5);
    text-decoration: none!important;
    line-height: 1.2;
    transition: var(--transition);
}

.single-blogpost .readmore
.relaterede-behandlinger .readmore, {
    display: flex;
}

.single-blogpost .readmore a {
    text-decoration: none!important;
    transition: var(--transition);
}

.single-blogpost .readmore:after {
    content: url('../flatsome-child/assets/img/arrow_readmore.svg');
    margin-top: 6px;
    margin-left: 10px;
}

@media screen and (max-width: 850px) {
    .single-blogpost {
        padding: 20px;
    }

    .single-blogpost .title {
    margin-bottom: 20px;
}
    
}

/* Relaterede Behandlinger */

.relaterede-behandlinger .col-inner {
    padding: 30px 50px;
}
.relaterede-behandlinger .col {
    padding: 50px;
    background: var(--secondary);
    color: var(--primary);
    transition: var(--transition);
}

.relaterede-behandlinger .col:hover {
    background: var(--primary);
    color: var(--secondary)!important;
    transition: var(--transition);
}

.relaterede-behandlinger .col a,
.relaterede-behandlinger .col .title {
    color: var(--primary);
    transition: var(--transition);
}

.relaterede-behandlinger .col:hover a,
.relaterede-behandlinger .col:hover .title h3 {
    color: var(--secondary)!important;
    transition: var(--transition);
}


.relaterede-behandlinger .title a {
    text-decoration: none!important;
}



.relaterede-behandlinger .readmore, {
    display: flex;
}

.relaterede-behandlinger a {
    text-decoration: none!important;
}

.relaterede-behandlinger .readmore:after {
    content: url('../flatsome-child/assets/img/arrow_readmore.svg');
    margin-top: 6px;
    margin-left: 10px;
    transition: var(--transition);
}

.relaterede-behandlinger .col:hover .readmore:after {
    content: url('../flatsome-child/assets/img/arrow_readmore-hvid.svg');
    transition: var(--transition);
}

@media screen and (max-width: 850px) {
    .relaterede-behandlinger .col-inner {
    padding: 0;
}

    .relaterede-behandlinger .readmore {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}



/* ====== FOOTER ====== */

footer a:where(:not(.wp-element-button)) {
font-size: var(--fsbase);
text-decoration: underline!important;
}

footer .social-buttons .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

footer .social-buttons .col-inner a.button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center; 
    width: 100%;
}

footer .social-buttons a.button {
    margin-bottom: 0!important;
    min-height: 100px;
}

footer .social-buttons a.button:hover  {
    background: var(--primary);
    color: var(--secondary);
    margin-left: -1px;
}

footer .social-buttons a.button:not(:last-child) {
    border-bottom: var(--border-width) solid var(--primary)!important;
}

@media screen and (max-width: 550px) {
footer .social-buttons a.button:first-child {
    border-top: var(--border-width) solid var(--primary)!important;
}
footer .social-buttons a.button {
    border-bottom: var(--border-width) solid var(--primary)!important;
}
    
}


.absolute-footer {
    display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}