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

	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

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

/* Header */

.main-header-logo-link img {
	padding: 8px 0;
	max-height: 85px;
}

@media screen and (min-width: 840px) {
	.main-header-logo-link {
		height: calc(var(--header-height) + 15px);
		transform: translateY(-12px);
	}
}

/* Content */

.is-type-fancy-list {
	margin: 20px 0;
}

.is-type-fancy-list li {
    margin: 0;
    line-height: 2em;
    position: relative;
    left: 5px;
    list-style: none;
}

.is-type-fancy-list li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1.5em;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent currentColor transparent;
    transform: rotate(90deg) translate(-50%, 0);
}

.is-type-fancy-list li a {
	color: var(--text-color);
	text-decoration: underline;
}

.is-type-fancy-list li a:hover {
	text-decoration: none;
}

.entry-content > .align-full,
.entry-content > .alignfull {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 2rem;
}

figure.is-type-with-shadow {
    box-shadow: 20px 20px 0 0 var(--primary-color-faded);
    transform: translateX(-20px);
    margin-left: 20px;
}

.entry-content .kontakt-banner a {
    color: var(--light);
}

.entry-content .kontakt-banner a:hover {
    text-decoration: none;
}

/* WD usp */

.wd-usp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
    text-align: center;
}

.wd-usp__title {
    font-size: var(--small-font-size);
    font-weight: var(--bold);
    margin-bottom: 0;
}

/* WD cards */

.wd-cards-wrapper {
    --wd-cards-space: 15px;
    --wd-card-bg: transparent;
    --wd-card-border-radius: var(--theme-border-radius);
    --wd-card-text-color: var(--text-color);
    --desktop-columns: 4;
    --tablet-columns: 2;
    --mobile-columns: 1;
    --wd-card-shadowlevel: none;
    --wd-cards-aspect-ratio: 4 / 3;
}

.wd-cards {
    display: grid;
    grid-template-columns: repeat(var(--desktop-columns), 1fr);
    gap: var(--wd-cards-space);
    margin-top: var(--wd-cards-space);
    margin-bottom: var(--wd-cards-space);
}

.wd-card {
    display: grid;
    grid-template-rows: auto 1fr;
    background-color: var(--wd-card-bg);
    border-radius: var(--wd-card-border-radius);
    margin: 0 auto;
    height: 100%;
    width: 100%;
    box-shadow: var(--wd-card-shadowlevel);
}

a.wd-card {
    text-decoration: none;
    color: var(--wd-card-text-color);
}

.wd-card-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: var(--wd-card-border-radius);
}

.wd-card-image {
    border-radius: var(--wd-card-border-radius);
    object-fit: cover;
    object-position: center center;
    aspect-ratio: var(--wd-cards-aspect-ratio);
    width: 100%;
}

.wd-card-content-wrapper {
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 16px;
}

.wd-card-content-wrapper .wd-card-title:is(h1,h2,h3,h4,h5,h6,p) {
    margin: 0;
    font-size: var(--medium-font-size);
    font-weight: var(--bold);
    text-align: center;
}

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

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

/* Custom classes */ 

.maps-section {
    padding: 0!important;
}

.maps-section,
.maps-section .maps-container {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
}

.maps-section .maps-container iframe {
    max-height: 300px;
}



/* Tema opdatering */

.entry-content *:is(strong) {
    font-weight: bold;
}

/* Header */

.header-topper .header-topper-inner .header-topper-item a:hover {
    text-decoration: underline;
}

/* Content */

.entry-content h2.wp-block-heading {
    margin-bottom: 1.5rem;
}

.entry-content .wd-topsektion {
	background-color: #000;
	padding: 0;
}

.entry-content .wd-topsektion > .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    margin-top: auto;
    margin-bottom: 40px;
}


.entry-content .wd-topsektion:has(.topsektion-video-iframe) > .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    margin-bottom: auto;
}

.entry-content .wd-topsektion.topsektion-video-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: unset;
    height: 56.25vw;
    max-height: 600px;
}

.wd-topsektion iframe.topsektion-video-iframe.topsektion-video-iframe--vimeo {
    width: 100vw;
    height: 100vw;
    display: block;
    max-width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.entry-content .wd-topsektion .topsektion-content {
    position: relative;
}

.entry-content .wd-topsektion .topsektion-content h1.topsektion-sticker-background-primary {
    background-color: var(--secondary-color);
	color: var(--light);
    margin: 0 auto;
    padding: 30px;
    width: max-content;
}

.entry-content .wd-topsektion .topsektion-content p.topsektion-sticker-background-secondary {
    margin: 0 auto;
    background-color: var(--light);
    color: var(--dark);
	padding: 0.75rem 1.25rem;
	width: max-content;
	font-weight: bold;
}

.entry-content .wp-block-group:has(.wd-usp-container) {
    margin-bottom: 2rem;
}

.is-type-right-side-element {
    padding: 2.5rem 2rem;
}

/* Footer */

/* Bottom nav */

.bottom-nav {
    background-color: var(--secondary-color);
}

.bottom-nav .bottom-nav-list .bottom-nav-item .wd-icon,
.bottom-nav .bottom-nav-list .bottom-nav-item span.bottom-nav-label {
    color: var(--light);
}

/* Media queries */

@media screen and (max-width: 400px) {
    .entry-content .wd-topsektion .topsektion-content h1.topsektion-sticker-background-primary {
        padding: 20px;
        font-size: 15px;
    }

    .entry-content .wd-topsektion .topsektion-content .wp-block-buttons a {
        font-size: 14px;
    }
}