/* ---------------------------------------------------------------------------------------------

	Theme Name: WorkDigital Foundation Child
	Version: 0.1
	Description: Child theme for WorkDigital Foundation theme
	Author: WorkDigital
	Author URI: https://workdigital.dk
    Template: wd-foundation

/* --------------------------------------------------------------------------------------------- */

body {
    background-color: var(--surface-color);
}

:root {
	--body-before-height: 110px;

	--large-font-size: 35px;
	--large-line-height: 35px;
	--xtra-large-font-size: 45px;
	--xtra-large-line-height: 45px;
	--hero-headline-font-size: calc(var(--xtra-large-font-size) + 7px);
	--hero-headline-line-height: calc(var(--xtra-large-font-size) + 7px);

    --header-height: 50px !important;
}

@media screen and (min-width: 900px) {
    :root {    
        --large-font-size: 40px;
        --large-line-height: 40px;
        --xtra-large-font-size: 55px;
        --xtra-large-line-height: 55px;
        --hero-headline-font-size: calc(var(--xtra-large-font-size) + 7px);
        --hero-headline-line-height: calc(var(--xtra-large-font-size) + 7px);

        --header-height: 100px !important;
    }
}

@media screen and (min-width: 1100px) {
    :root {    
        --large-font-size: 45px;
        --large-line-height: 50px;
        --xtra-large-font-size: 65px;
        --xtra-large-line-height: 65px;
        --hero-headline-font-size: calc(var(--xtra-large-font-size) + 7px);
        --hero-headline-line-height: calc(var(--xtra-large-font-size) + 7px);

        
    }
}

body:before {
    content: '';
    display: block;
    height: var(--body-before-height);
    background: var(--accent-color);
    width: 100%;
    position: absolute;
}

a {
    color: var(--accent-color);
}

.wp-block-columns {
    gap: var(--post-whitespace);
}

.entry-content > *:not(.wdf-width--full) {
    max-width: 90%;
    margin: 0 auto;
}

.entry-content > .wdf-width--full > * > *:not(.wdf-width--full) {
    max-width: 90%;
}

.entry-content > *:not(.wdf-width--full) .artikel-full-wrapper {
    width: 100%;
}

.wd-icon {
    display: flex;
}

h3.wp-block-heading {
    font-size: calc(var(--large-font-size) - 10px);
}

.entry-content .wp-block-button .wp-block-button__link, .entry-content .btn, .entry-content .wpcf7 .kontaktform-rows .kontaktform-form-row input.wpcf7-submit, .wp-block-button .wp-block-button__link, .btn, .wpcf7 .kontaktform-rows .kontaktform-form-row input.wpcf7-submit, .vfbp-form .btn-primary {
    padding: 23px 50px;
    line-height: normal;
    border-radius: 0;
    font-weight: bold;
    transition: all var(--standard-transition);
    font-size: 16px;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid var(--btn-text-color);
    background-color: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border-color: var(--btn-text-color-hover);
}

.breadcrumbs-wrapper {
    margin-bottom: 50px !important;
    margin-top: 0 !important;
}

.breadcrumbs {
    color: var(--text-color-faded);
}

.breadcrumbs a.breadcrumbs__item {
    color: inherit;
}

span.breadcrumbs__item.breadcrumbs__item--current {
    font-weight: bold;
}

.artikel-full-wrapper .wp-block-buttons {
    margin: 20px 0 0;
}

.artikel-full-wrapper .wp-block-buttons:not(:last-child) {
    margin: 20px 0;
}

.full-width-half-height-color {
    position: relative;
}

.full-width-half-height-color * {
    z-index: 1;
    position: relative;
}

.full-width-half-height-color:after {
    content: '';
    background-color: var(--secondary-color);
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
}

.wp-block-columns.magazine-wrapper {
    gap: 80px;
    justify-content: center;
    flex-wrap: wrap !important;
}

.magazine-wrapper .wp-block-column {
	max-width: 275px;
}

.magazine-wrapper figure {
    box-shadow: var(--shadowlevel-4);
	width: 235px;
	margin-bottom: 30px;
	max-width: 100%;
}

.magazine-wrapper a {
    color: var(--text-color);
    text-decoration: none;
}

.magazine-wrapper .wd-icon {
    padding: 0 10px 0 0;
    transition: var(--standard-transition);
}

.magazine-wrapper .wp-block-column > .wp-block-group:hover .wd-icon {
    padding: 0 0 0 10px;
}

.magazine-wrapper .wp-block-column > .wp-block-group > * {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

@media screen and (min-width: 500px) {
    .wp-block-columns.magazine-wrapper {
        justify-content: start;
        flex-wrap: nowrap !important;
    }
}

@media screen and (min-width: 782px) {
    .wp-block-columns.magazine-wrapper {
        justify-content: start;
    }
}





/* HEADER START */

:root {
	--main-header-padding-top: 60px;
    --main-header-padding-bottom: 50px;
}

body:not(:has(.header-topper)) {
    border-top: calc(var(--header-height) + var(--main-header-padding-top) + var(--main-header-padding-bottom)) solid var(--accent-color);
    padding-top: 0;
}

header.wd-header {
    box-shadow: none;
	z-index: 99;
    transition: all .2s ease-in-out;
}

.main-header-inner-topper {
    display: flex;
    justify-content: center;
	font-size: 26px;
}

header .main-header {
    width: var(--standard-width);
    margin: 0 auto;
	padding: var(--main-header-padding-top) 0 var(--main-header-padding-bottom);
    max-width: 95%;
    transition: all .2s ease-in-out;
}

header.scrolled .main-header {
	padding: 10px 0 10px;
}

header.wd-header.scrolled.hidden {
    top: calc(var(--header-height) - var(--header-height)* 2.5);
}

.main-header-inner {
    position: relative;
    justify-content: center;
    height: var(--header-height);
}

.main-header-leftside {
    position: absolute;
    left: 0;
}

.main-header-rightside {
    position: absolute;
    right: 0;
    display: flex;
    gap: 40px;
    height: 100%;
    align-items: center;
}

.main-header-nav-open, .main-header-nav-close {
    cursor: pointer;
    align-items: center;
    display: flex !important;
}

.main-header-nav-open {
    gap: 15px;
	flex-direction: row;
}

.main-header-nav-open .wd-icon {
    border: 1px solid;
    padding: 15px;
    border-radius: 100px;
	transition: all .2s ease-in-out;
}

.main-header-nav-open span {
    display: none;
    font-weight: bold;
}

.main-header-nav-close {
    justify-content: end;
}

.main-header-logo-link img {
    padding: 0;
    max-height: 50px;
    width: auto;
}

ul.main-header-inner-some-list {
    display: none;
}

ul.main-header-inner-search {
    display: flex;
}

ul.main-header-inner-some-list, ul.main-header-inner-search {
    list-style-type: none;
	margin: 0;
	gap: 10px;
	align-items: center;
}

li.main-header-inner-some-item, li.expand-search {
    margin: 0;
}

li.main-header-inner-some-item a {
    padding: 10px;
    border: 1px solid var(--text-color);
    color: var(--text-color);
    display: block;
    border-radius: 100px;
	transition: all .2s ease-in-out;
}

li.main-header-inner-some-item a:hover, li.expand-search .wd-icon:hover, .main-header-nav-open:hover .wd-icon {
    background-color: var(--header-active-color);
}

li.main-header-inner-some-item a .wd-icon svg {
    width: 20px;
    height: 20px;
}

li.expand-search .wd-icon {
    padding: 8px 15px;
    border: 1px solid var(--text-color);
    color: var(--text-color);
    transition: all .2s ease-in-out;
}

.nav-drawer-header {
    display: flex;
}

.nav-drawer-title {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.main-header-menu > .menu-item > a:before {
	display: none;
}

@media screen and (min-width: 600px) {
    .main-header-nav-open span {
        display: block;
    }

    ul.main-header-inner-some-list {
        display: flex;
    }
}

@media screen and (min-width: 900px) {
    .main-header-logo-link img {
        height: var(--img-height);
        max-height: unset;
    }
}
/*
@media screen and (min-width: 1190px) and (hover: hover) {
    
    .main-header-menu .menu-item > a.expand-sub-menu {
        display: block;
    }

	.sub-menu, .main-header-nav-open, .nav-backdrop, .main-header-menu .menu-item.menu-item-has-children > span.icon {
		display: block;
	}

	nav.main-header-nav {
        color: var(--text-color);
		display: block;
		background: var(--background-color);
		position: fixed;
		width: 90vw;
		max-width: 360px;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100vh;
		border-radius: 12px 0 0 12px;
		border-top: 2px solid color-mix(in srgb, var(--header-bg-color) 20%, transparent);
		border-left: 2px solid color-mix(in srgb, var(--header-bg-color) 20%, transparent);
		border-bottom: 2px solid color-mix(in srgb, var(--header-bg-color) 20%, transparent);
		z-index: 2;
		pointer-events: none;
		transition: transform var(--standard-transition);
		transform: translateX(100%);
	}
    
	ul.main-header-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
	}

    .main-header-menu .menu-item > a {
        height: auto;
    }

    .main-header.main-header--hide-icons .menu-item > a, .main-header:not(.main-header--hide-icons) .menu-item > a:not(:has(.wd-icon)), .main-header:not(.main-header--hide-icons-on-desktop) .menu-item > a:not(:has(.wd-icon)) {
        padding: 10px 28px;
    }
}
*/

/* HEADER END */






/* SEARCH START */

.search-bar-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.search-bar-wrapper.search-bar-wrapper--active{
	display: block;
}

.search-bar-wrapper:has(:focus) {
    box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.4);
}

body.dark-mode .search-bar-wrapper:has(:focus) {
    box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.9);
}

.search-bar-inner {
    display: block;
    position: fixed;
    top: 10%;
    width: 100%;
    background: var(--background-color);
    z-index: 99;
    border-top: 1px solid var(--separator);
    box-shadow: var(--shadowlevel-2);
    transition: box-shadow var(--standard-transition);
	padding: 20px 0;
}

form.search-bar-form {
    display: grid;
    grid-template-columns: 1fr auto;
    width: var(--theme-standard-width);
    margin: 0 auto;
}

button.search-bar-submit-btn {
    background: none;
    display: block;
    border: none;
    color: var(--text-color);
	cursor: pointer;
}

button.search-bar-submit-btn svg {
	width: 40px;
	height: 40px;
}

form.search-bar-form {
    display: grid;
    grid-template-columns: 1fr auto;
}

.search-bar-form input.search-bar {
    padding: 0 0 0 18px;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--separator);
    font-size: 20px;
	color: var(--text-color);
}

.search-bar-form input.search-bar:focus {
    outline: none;
    border-bottom-color: var(--text-color);
}

@keyframes spin { 
    100% { 
        transform:rotate(360deg); 
    } 
}

.psr--hidden{
    display: none!important;
}

.psr-wrapper {
    position: absolute;
    top: 100%;
    background: var(--background-color);
    z-index: 9;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: var(--shadowlevel-2);
    padding: 10px 0;
}

.psr-loading {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

.psr-loading .wd-icon{
    animation: spin 600ms linear infinite;
}

.psr-loading svg{
    display: block;
}

.psr {
    width: 100%;
    max-width: calc(var(--theme-standard-width) + 40px);
    margin: 0 auto;
}

.psr-categories{
    padding: 0 20px;
    margin-bottom: 16px;
}

.psr-cateogies-inner {
    display: flex;
    flex-direction: column;
    padding: 7px 0;
}

.psr-cateogies-inner a{
    text-decoration: none;
    font-size: 15px;
    padding: 7px 0;
}

.psr-wrapper .embolden{
    font-weight: bold;
}

.psr-products {
    max-height: 50vh;
    overflow: auto;
}

.psr-products-inner a {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 20px;
    color: var(--primary-color);
    transition: background-color var(--standard-transition);
    text-decoration: none;
    font-size: 15px;
}
.psr-products-inner a:hover {
    background-color: var(--surface-color);
}

.psr-product-image {
    width: 45px;
    height: 45px;
    border: 1px solid var(--separator);
    border-radius: 3px;
    overflow: hidden;
}

.psr-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.psr-products-more a {
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    justify-content: center;
    padding: 7px 10px;
    transition: background-color var(--standard-transition);
}

.psr-products-more a:hover {
    background-color: var(--surface-color);
}

.psr-failed {
    padding: 0px 10px 10px;
    text-align: center;
    font-size: 15px;
}

.woocommerce-product-gallery__trigger{
	color: transparent;
    display: block;
    height: 48px;
    width: 48px;
    background-image: url(icons/gallery-dark.svg);
    background-color: var(--background-color);
    border-radius: 24px;
	border: 1px solid var(--separator);
    background-position: center;
    background-repeat: no-repeat;
	transition: background-color var(--standard-transition);
}

.woocommerce-product-gallery__trigger:hover{
	background-color: color-mix(in srgb, var(--text-color), var(--background-color) 90%);
}

body.dark-mode .woocommerce-product-gallery__trigger{
	background-image: url(icons/gallery.svg);
}

/* SEARCH END */







/* TOPSEKTION START */

.hero-section {
    width: var(--wide-width);
    margin: 0 auto;
    max-width: 100%;
}

.hero-section-content {
    max-width: var(--standard-width);
    width: 95%;
    margin: 0 auto;
    z-index: 2;
	align-self: center;
}

.hero-section p {
	max-width: 100%;
}

.hero-section-inner h1 {
    font-size: var(--hero-headline-font-size);
    line-height: var(--hero-headline-line-height);
    margin-bottom: 20px;
}

.hero-section-image-wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--surface-color);
    opacity: 60%;
    z-index: 1;
    display: block;
    position: absolute;
}

@media screen and (min-width: 800px) {
	.hero-section-inner {
		max-width: 50%;
		margin: 0;
	}

	.hero-section-inner h1 {
		margin-bottom: 40px;
	}

    .hero-section-image-wrapper:after {
        display: none;
    }
}

/* TOPSEKTION END */







/* FORSIDE ARTIKEL CARD START */

.wd-cards.forside-artikel-single-card {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.wd-cards.forside-artikel-single-card .wd-card {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.wd-card-tags-wrapper, .artikel-tag {
    font-weight: bold;
    font-family: Noto Sans, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 25px;
    height: 21px;
}

.wd-cards.forside-artikel-single-card .wd-card-image-wrapper {
    max-height: 500px;
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
}

.wd-cards.forside-artikel-single-card .wd-card-image {
    object-position: left top;
}

.wd-cards-wrapper:not(:has(.forside-artikel-single-card)) .wd-card-image-wrapper {
    height: auto;
    aspect-ratio: 3 / 2;
}

.wd-card-image-wrapper img.wd-card-image {
    height: 100%;
    border-radius: 0;
}

.wd-cards.forside-artikel-single-card .wd-card-content-wrapper .wd-card-title:is(h1,h2,h3,h4,h5,h6,p) {
    font-size: calc(var(--large-font-size) + 5px);
    margin-top: 25px;
    color: var(--text-color);
    text-decoration: none;
}

.wd-cards.forside-artikel-single-card .wd-card-button.wp-block-button a {
    background: none;
    color: var(--text-color);
    text-align: right;
    justify-content: end;
    padding: 10px 10px;
    transition: var(--standard-transition);
}

.wd-cards.forside-artikel-single-card .wd-card-button.wp-block-button a:hover {
    padding: 10px 0px 10px 20px;
}

.wd-cards.forside-artikel-single-card p.wd-card-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.artikel-byline-wrapper .artikel-byline-inner-wrapper:first-child {
    align-self: flex-start;
}

/* FORSIDE ARTIKEL CARD END */







/* FORSIDE CARDS START */

a.wd-card {
    box-shadow: none;
    border-radius: 0;
}

a.wd-card:hover :is(.wd-card-title, .wd-card-excerpt) {
    color: var(--text-color-hover) !important;
}

.wd-card .wd-card-image-wrapper {
    border-radius: 0;
    margin-bottom: 25px;
}

.wd-card-content-wrapper {
    padding: 0;
}

.wd-card-content-wrapper a {
    text-decoration: none;
}

.wd-card-content-wrapper .wd-card-date {
    margin-bottom: 0;
}

.wd-card-content-wrapper .wd-card-title:is(h1,h2,h3,h4,h5,h6,p) {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
}

.wd-card-image-wrapper {
    height: 200px;
    display: flex;
    align-items: center;
}

.artikel-byline-wrapper {
    margin: 20px 0;
}

p.wd-card-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* FORSIDE CARDS END */







/* INDLÆG / ARTIKEL START */

:root {
	--post-whitespace: 45px;
}

body.post-template-default:not(:has(.header-topper)) #mainContent {
    /* padding-top: var(--body-before-height); */
	z-index: 100;
    position: relative;
}

.top-ad-wrapper {
    width: 930px;
    height: auto;
    max-width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
	font-weight: bold;
    z-index: 10;
    position: relative;
}

.artikel-full-wrapper {
    display: flex;
    flex-direction: column;
    max-width: var(--standard-width);
    width: 90%;
    justify-content: center;
    margin: 60px auto 10px;
}

.artikel-full-wrapper *:not(iframe) {
    height: auto;
}

.artikel-full-wrapper img {
    max-width: 100%;
}

.artikel-content-wrapper :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure) + :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure){
    margin-top: 22px;
}

.artikel-content-outer-wrapper {
    border-bottom: 1px solid var(--separator);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.artikel-full-wrapper:not(:has(.artikel-sidebar)) .artikel-content-outer-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.artikel-primary-img-text-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.artikel-primary-img-billedtekst {
    font-style: italic;
    font-size: calc(var(--body-font-size) - 4px);
}

.artikel-byline-wrapper {
    display: flex;
    color: var(--text-color-faded);
	gap: 20px;
    align-items: center;
	font-size: calc(var(--body-font-size) - 4px);
	margin: 30px 0;
    line-height: 18px;
}

.artikel-content-wrapper .artikel-byline-inner-wrapper * {
    margin-top: 0;
}

.artikel-byline-wrapper svg {
    fill: currentColor;
}

.artikel-share-btns {
    display: flex;
    color: var(--text-color);
    gap: 20px;
    align-items: center;
    font-size: calc(var(--body-font-size) - 4px);
    margin: 40px 0 30px;
    border-top: 1px solid var(--text-color-faded);
    border-bottom: 1px solid var(--text-color-faded);
    padding: 20px 0;
    font-weight: bold;
}

.artikel-title-wrapper > * {
    font-size: var(--xtra-large-font-size);
    line-height: var(--xtra-large-line-height);
    margin-bottom: 20px;
}

.artikel-manchet-wrapper {
    font-weight: bold;
    margin-bottom: 40px;
    font-size: calc(var(--body-font-size) + 2px);
}


.artikel-content-wrapper .wp-element-caption {
    font-style: italic;
    font-size: calc(var(--body-font-size) - 4px);
}

.artikel-content-wrapper blockquote * {
    font-family: var(--primary-font-stack) !important;
    font-style: italic;
    font-size: 30px;
	font-weight: bold;
    margin: 50px 0 50px;
}

.artikel-faktaboks {
    background: var(--secondary-color-faded);
    padding: 20px 25px;
    margin: 30px auto;
    border: 1px solid var(--secondary-color);
}

.artikel-faktaboks .wp-block-heading {
    font-size: 36px;
}

.artikel-faktaboks a {
    color: var(--accent-color);
}

.artikel-faktaboks a:hover {
    color: var(--accent-color-hover);
}



.relateret-artikel *, .wd-cards-wrapper:not(:has(.forside-artikel-single-card)) p.wd-card-title {
    color: var(--text-color);
    text-decoration: none;
    font-size: var(--body-font-size);
}

p.relateret-artikel-toptitle, .wp-block-column.right-side-innerwrapper .wp-block-heading {
    font-family: var(--primary-font-stack) !important;
    font-size: 34px;
    font-weight: bold;
	margin-bottom: 10px;
    line-height: normal;
}

div + p.relateret-artikel-toptitle, .wp-block-column.right-side-innerwrapper .wp-block-heading {
	margin-top: 30px;
}

.wd-cards {
    margin-top: 0;
    margin-bottom: 0;
}

.wd-cards-filters {
    background: none;
    padding: 0;
    color: var(--dark);
}

.wd-cards-filter-dropdown-list label {
    background-color: var(--light);
}

.wd-cards-filter-dropdown-list label:hover {
    background-color: var(--light-hover);
}

.right-side-innerwrapper .wd-cards {
    gap: 0;
    grid-template-columns: repeat(var(--mobile-columns), 1fr);
}

.wd-cards.most-read-front-page-cards {
    gap: 45px 30px;
}

.most-read-front-page-cards a.wd-card {
    grid-template-rows: auto auto 1fr;
}

.most-read-front-page-cards .wd-card-content-wrapper {
    grid-template-rows: auto auto 90px;
}

.most-read-front-page-cards h2.wd-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.relateret-artikel-inner-wrapper {
    position: relative;
}

.wd-card .wd-card-category-wrapper, .artikel-kategori, .relateret-artikel-kategori {
    z-index: 1;
    position: absolute;
    background: var(--dark);
    color: var(--light);
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px 10px;
    letter-spacing: 3px;
    line-height: normal;
}

.relateret-artikel a * {
    transition: var(--standard-transition);
}

.relateret-artikel a:hover *:not(.relateret-artikel-kategori) {
    color: var(--text-color-hover);
}

.relateret-artikel-image-wrapper {
    aspect-ratio: 3 / 2;
    margin-bottom: 20px;
    overflow: hidden;
}

.relateret-artikel img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    display: block;
    height: 100%;
}

.relateret-artikel-title, .wd-cards-wrapper:not(:has(.forside-artikel-single-card)) .wd-card-title {
    font-weight: bold;
}

.artikel-sidebar .sidebar-ad-wrapper {
    padding-top: var(--post-whitespace);
    padding-bottom: var(--post-whitespace);
	border-top: 1px solid var(--separator);
    border-bottom: 2px solid var(--separator);
}

.sidebar-ad-wrapper p {
    height: 600px;
    background: lightgray;
    align-content: center;
    text-align: center;
    font-weight: bold;
}

.artikel-sidebar > *:last-child {
    border-bottom: 2px solid var(--separator);
}

.artikel-sidebar > *:not(p), .right-side-innerwrapper .wd-cards > * {
    padding-top: calc(var(--post-whitespace) / 2);
    padding-bottom: calc(var(--post-whitespace) / 2);
    border-bottom: 1px solid var(--separator);
}

.right-side-innerwrapper .wd-cards > :last-child {
    border-bottom: 0;
}

.wp-block-columns:has(.right-side-innerwrapper) {
    flex-wrap: wrap !important;
}

@media screen and (min-width: 571px) {
    .right-side-innerwrapper .wd-cards {
        grid-template-columns: repeat(var(--tablet-columns), 1fr);
        gap: 0 30px;
    }

    .most-read-front-page-cards .wd-card-content-wrapper {
        grid-template-rows: 102px auto 90px;
    }
}

@media screen and (min-width: 900px) {
    .wp-block-columns:has(.right-side-innerwrapper) {
        flex-wrap: nowrap !important;
    }
    
    .wp-block-columns:has(.right-side-innerwrapper) > .wp-block-column {
        flex-basis: inherit;
    }

    .right-side-innerwrapper .wd-cards {
        gap: 0;
        grid-template-columns: repeat(var(--desktop-columns), 1fr);
    }

    .artikel-full-wrapper {
        display: flex;
        flex-direction: row;
        max-width: var(--standard-width);
        width: 95%;
        justify-content: center;
        margin: 60px auto 10px;
    }

    .artikel-title-wrapper > * {
        margin-bottom: 20px;
    }

	.artikel-sidebar, .wp-block-column.right-side-innerwrapper {
        border-left: 1px solid var(--separator);
        width: 351px;
        max-width: 33.33%;
        flex-basis: auto !important;
	}

	.artikel-sidebar > *, .wp-block-column.right-side-innerwrapper > .wp-block-heading, .wp-block-column.right-side-innerwrapper .wd-cards .wd-card > * {
		padding-left: var(--post-whitespace);
	}
	
	.artikel-content-outer-wrapper {
		padding-right: var(--post-whitespace);
		width: 790px;
        max-width: 66.66%;
	}

    p.relateret-artikel-toptitle, .wp-block-column.right-side-innerwrapper .wp-block-heading {
        font-size: 34px;
    }

    .relateret-artikel *, .wd-cards-wrapper:not(:has(.forside-artikel-single-card)) p.wd-card-title {
        color: var(--text-color);
        text-decoration: none;
    }

    .relateret-artikel-kategori, .wd-card .wd-card-category-wrapper, .artikel-kategori {
        position: absolute;
        background: var(--dark);
        color: var(--light);
        font-size: 11px;
        text-transform: uppercase;
        padding: 8px 10px;
        letter-spacing: 3px;
        line-height: normal;
    }

    .artikel-content-outer-wrapper {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1100px) {
    p.relateret-artikel-toptitle, .wp-block-column.right-side-innerwrapper .wp-block-heading {
        font-size: 44px;
    }

    .relateret-artikel *, .wd-cards-wrapper:not(:has(.forside-artikel-single-card)) p.wd-card-title {
        color: var(--text-color);
        text-decoration: none;
        font-size: var(--body-font-size);
    }

    .artikel-title-wrapper > * {
        margin-bottom: 20px;
    }

    .relateret-artikel-kategori, .wd-card .wd-card-category-wrapper, .artikel-kategori {
        position: absolute;
        background: var(--dark);
        color: var(--light);
        font-size: 11px;
        text-transform: uppercase;
        padding: 8px 10px;
        letter-spacing: 3px;
        line-height: normal;
    }
}

@media screen and (max-width: 1000px) {
    .wd-cards {
        /*grid-template-columns: repeat(var(--mobile-columns), 1fr);*/
    }
}

@media screen and (max-width: 899px) {
    .wp-block-columns:has(.right-side-innerwrapper) .wp-block-column {
        width: 100%;
        flex-basis: 100% !important;
    }
}

/* INDLÆG / ARTIKEL END */







/* FORMULAR START */

.vfbp-form {
    margin-top: 20px;
}

.vfbp-form .vfb-form-control {
    border-radius: 0;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    padding: 10px 15px;
    box-shadow: none;
}

.vfb-col-1, .vfb-col-2, .vfb-col-3, .vfb-col-4, .vfb-col-5, .vfb-col-6, .vfb-col-7, .vfb-col-8, .vfb-col-9, .vfb-col-10, .vfb-col-11, .vfb-col-12 {
    padding: 0;
}

.vfbp-form .btn-primary {
    color: var(--dark);
    background-color: var(--primary-color);
    border: none;
}

.vfbp-form .btn-primary:hover, .vfbp-form .btn-primary:focus, .vfbp-form .btn-primary.focus, .vfbp-form .btn-primary:active, .vfbp-form .btn-primary.active, .vfbp-form .open>.dropdown-toggle.btn-primary{
    background-color: var(--primary-color-hover);
    color: inherit;
    border: none;
    outline: none;
}


/* FORMULAR END */







/* FOOTER START */

footer.site-footer {
    margin-top: 120px;
}

footer.site-footer .footer-inner {
    padding: 90px 0 60px;
}

footer ul {
	list-style-type: none;
    margin: 0;
}

footer ul li {
    margin: 0;
}

footer ul li:before {
    content: '›';
    padding-right: 10px;
}

.right-aligned-content {
    text-align: right;
    justify-self: end;
}

footer a {
    text-decoration: none;
	color: inherit;
}

footer a:hover {
    text-decoration: underline;
}

.footer-logo-wrapper {
    max-width: 375px;
	gap: 15px;
}

.footer-some-wrapper .wp-block-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.footer-some-wrapper .wp-block-button a {
    border: 1px solid var(--light);
    border-radius: 100px;
    padding: 10px;
	color: var(--light);
	background-color: var(--footer-background-color);
}

.footer-some-wrapper .wp-block-button a:hover {
    background-color: var(--light);
    border-color: var(--footer-background-color);
    color: var(--footer-background-color);
}

.footer-some-wrapper .wp-block-button a svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 781px) {
    .right-aligned-content {
        text-align: left;
        justify-self: start;
    }

    footer .wp-block-spacer {
        max-height: 45px;
    }
}

/* FOOTER END */







/* ADS START */

.mithe-highlight-wrapper, .mithe-article-banner, .mithe-sidebar-banner, .mithe-top-banner {
    margin: 30px auto !important;
    display: flex;
    justify-content: center;
    max-width: 100%;
}

.mithe-highlight-wrapper:first-child, .mithe-article-banner:first-child, .mithe-sidebar-banner:first-child, .mithe-top-banner:first-child {
    margin: 0 auto !important;
}

.mithe-highlight-wrapper *, .mithe-article-banner *, .mithe-sidebar-banner *, .mithe-top-banner * {
    max-width: 100%;
    height: auto;
}

/* ADS END */







/* POPOUT START */

.foldudmenu-wrapper {
    display: block;
    position: fixed;
    right: -300px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 300px;
    color: var(--text-color);
    transition: transform 400ms ;
    background: var(--primary-color);
    padding: 30px;
}

.foldudmenu-wrapper.foldudmenu-wrapper--open {
    transform: translateX(-300px) translateY(-50%);
}

.foldudmenu-knap {
    background-color: transparent;
    position: absolute;
    left: -87px;
    top: 55px;
    cursor: pointer;
    border-radius: 0;
    border-right: none;
    transition: var(--standard-transition);
    rotate: 90deg;

    /*-webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    }
    @-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    }
    50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    }
    }
    @keyframes pulse {
    0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    }
    50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    }*/
}

.foldudmenu-wrapper .foldudmenu-knap p {
    transition: var(--standard-transition);
    padding: 5px 10px;
    background-color: var(--primary-color);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.foldudmenu-knap:hover p {
    background-color: var(--primary-color-hover);
}

.foldudmenu-wrapper.foldudmenu-wrapper--open .foldudmenu-knap p {
    opacity: 0;
}

.foldudmenu-knap .wd-icon {
    margin-left: 5px;
}

.foldudmenu-wrapper.foldudmenu-wrapper--open .foldudmenu-knap {
    animation: none;
    left: -83px;
}

.foldudmenu-wrapper .wp-block-heading {
    font-size: 35px;
}

.foldudmenu-wrapper .kontaktform-rows {
    grid-template-columns: 1fr;
}

.foldudmenu-wrapper .vfbp-form .vfb-form-control {
    border: 1px solid var(--light);
    color: var(--light);
    background-color: transparent;
    padding: 10px 15px;
}

.foldudmenu-wrapper .vfbp-form .btn-primary {
    background: var(--light);
    width: 100%;
}

.foldudmenu-wrapper .vfbp-form .btn-primary:hover {
    background: var(--light-hover);
}

.wpcf7 .kontaktform-rows .kontaktform-form-row :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure) + :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure) {
    margin-top: 0;
}

/* POPOUT END */

.kategori-content-outer-wrapper {
    padding: 200px 0;
    margin: 0 auto;
    max-width: var(--standard-width);
}

h1.kategori-headline {
    font-size: var(--hero-headline-font-size);
    line-height: var(--hero-headline-line-height);
    text-align: center;
    border-bottom: 1px solid var(--separator);
    padding-bottom: 10px;
    margin-bottom: 20px;
}







/* MAGAZINE CARDS START */

.wd-cards.magazine-cards {
    gap: 30px 20px;
}

.wd-cards-wrapper .magazine-cards a.wd-card {
    flex-direction: column-reverse;
    display: flex;
    margin-top: 3px;
    transition: var(--standard-transition);
}

.wd-cards-wrapper .magazine-cards a.wd-card:hover {
    margin-bottom: 3px;
    margin-top: 0;
}

.magazine-cards .wd-card-image-wrapper {
    aspect-ratio: 3/4 !important;
    margin-bottom: 0;
}

.wd-cards.magazine-cards .wd-card-title {
    font-size: var(--body-font-size);
    font-family: var(--secondary-font-stack)!important;
    margin-bottom: 2px;
}

/* MAGAZINE CARDS END */