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

	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

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




/* GENERAL STYLING */

:root {
	--wd-form-radius: 0px;
}

a {
    color: inherit!important;
}

ul, ol {
    margin: 22px 0 22px 2ch;
}

strong {
    font-weight: bold;
}

.wp-block-button .wp-block-button__link, .btn, .wd-contact-form .wd-form-actions .wd-submit-btn, .button, button {
    color: var(--dark)!important;
	border-radius: 0;
}

.wp-block-button.no-btn-style a.wp-block-button__link {
    background-color: transparent;
    color: var(--text-color);
    font-size: var(--body-font-size);
    font-weight: normal;
    padding: 0;
}

.wp-block-button.no-btn-style a.wp-block-button__link:hover {
    background-color: transparent;
    text-decoration: underline;
}

.entry-content > :is(.wdf-width, .wp-block-cover) > *:not(.wp-block-cover__background, .wp-block-cover__image-background, .wp-block-cover__video-background) {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 781px) {
	.wp-block-columns.wd-full-split > * {
			max-width: 100% !important;
	}
}





/* MENU / HEADER */



body.sometimes-burger .main-header-inner {
    padding: 0 var(--gap);
}

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

header.wd-header * {
    transition: all .2s ease-in-out;
}

body.small-header header.wd-header {
    --header-height: 70px;
}

.main-header-menu {
    padding-bottom: 100px;
}

@media screen and (min-width: 1190px) and (hover: hover) {
	body.sometimes-burger .main-header-menu {
        display: flex;
     	gap: 35px;
	}

    body.sometimes-burger .main-header-menu > .menu-item > a:before {
		width: 60%;
        height: 5px;
		border-radius: 0px 0px 0 0;
	}

	body.sometimes-burger .main-header-menu > .menu-item.current_page_item > a:before, body.sometimes-burger .main-header-menu > .menu-item.current-menu-parent > a:before {
        opacity: 0.8;
    }

	.main-header-menu {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 999px) {
	.header-topper {
		height: auto;
	}
}






/* MEGAMENU */

@media screen and (hover: none) {
	.megamenu-wrapper{
		display: none!important;
	}
}
@media screen and (max-width: 1190px) {
	.megamenu-wrapper{
		display: none!important;
	}
}

@media screen and (min-width: 1190px) and (hover: hover) {
	.megamenu-wrapper{
		position: absolute;
        top: var(--header-height);
        right: 0;
        background: var(--background-color);
        max-width: 100%;
        width: 60vw;
        box-shadow: var(--shadowlevel-1);
        padding: var(--small-gap);
		display: none;
	}

	.megamenu {
		display: grid;
		grid-template-columns: repeat(var(--num-columns), auto);
        gap: 40px;
	}

	.megamenu.megamenu--no-empty-headlines > li:not(.menu-item-has-children),
	.megamenu .expand-sub-menu {
		display: none;
	}

	.megamenu ul{
		list-style: none;
	}

	.megamenu .menu-item-has-children > .sub-menu {
		display: flex;
		flex-direction: column;
	}

	.megamenu ul, .megamenu li, .megamenu a,
	.main-header:not(.main-header--hide-icons-on-desktop) .megamenu .menu-item > a:not(:has(.wd-icon)) {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.main-header .megamenu .menu-item > a {
		text-decoration: none;
		color: var(--text-color);
	}

	.main-header .megamenu .menu-item > a:hover {
		text-decoration: underline;
	}

	.main-header .megamenu .menu-item.menu-item-has-children > a {
		font-weight: bold;
	}

	.main-header .megamenu .sub-menu .menu-item > a {
		font-weight: normal;
		padding-left: 0!important;
	}

	.main-header .megamenu .menu-item.menu-item-object-custom.menu-item-has-children > a {
		pointer-events: none;
	}

	.main-header .megamenu .menu-item.current_page_item > a {
        font-weight: bold;
        text-decoration: underline;
        text-decoration-color: var(--secondary-color-hover);
	}

	.main-header.main-header--with-megamenu .main-header-menu .sub-menu{
		display: none!important;
	}

	.main-header.main-header--with-megamenu:has(.main-header-menu .menu-item.menu-item-has-children:hover) .megamenu-wrapper,
	.main-header.main-header--with-megamenu .megamenu-wrapper:hover{
		display: block;
	}
	
	nav.main-header-nav:has(.megamenu-wrapper) {
		position: static;
	}

	.main-header-inner:has(.megamenu-wrapper) {
		position: relative;
	}

	.megamenu .current_page_ancestor > a {
		color: var(--accent-color);
	}

	.megamenu .menu-item-has-children:hover {
		outline: 1px solid var(--separator);
		outline-offset: 20px;
	}

}






/* TOPSEKTIONER */

.entry-content > :is(.wdf-width, .wp-block-cover) > video.wp-block-cover__video-background {
    width: 100%;
    max-width: none !important;
}





/* CARDS */

@property --gradiant-transition-color {
	syntax: '<color>';
	initial-value: #000;
	inherits: false;
}

.wd-card {
    overflow: hidden;
}

.wd-cards.card-text-on-img * {
	transition: all .25s ease-in-out;
}

.wd-cards.card-text-on-img .wd-card:hover {
	bottom: 0;
}

.wd-cards.card-text-on-img .wd-card-content-wrapper .wd-card-title {
	font-size: var(--big-headline-font-size);
    line-height: var(--big-headline-line-height);
	font-weight: bold;
}

.wd-cards.card-text-on-img .wd-card-image-wrapper:before{
	background: linear-gradient(0deg, var(--gradiant-transition-color) 0%, rgba(255, 255, 255, 0) 100%);
	transition: --gradiant-transition-color .25s ease-in-out;
}

.wd-cards.card-text-on-img .wd-card:hover .wd-card-image-wrapper:before {
	--gradiant-transition-color: var(--secondary-color-hover); 
    /*background: linear-gradient(0deg, var(--secondary-color-hover) 0%, rgba(255, 255, 255, 0) 100%);*/
}

.wd-cards.card-text-on-img .wd-card-content-wrapper * {
    color: var(--light);
}

.wd-cards.card-text-on-img .wd-card:hover .wd-card-content-wrapper * {
    color: var(--dark);
}

.wd-card-small-img .wd-card {
	--wd-card-bg: var(--background-color);
}

.wd-card-small-img .wd-card-image-wrapper {
    width: 82px;
    height: 82px;
    border-radius: 0;
    background-color: var(--secondary-color);
    padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wd-card-small-img .wd-card-image-wrapper .wd-card-image {
    border-radius: 0;
    height: auto;
    width: auto;
    object-fit: none;
    aspect-ratio: auto;
}

.wd-card-small-img .wd-card-content-wrapper .wd-card-title {
	font-weight: bold;
}

.wd-card-small-img .wd-card-button.wp-block-button {
    justify-content: start;
}





/* GALLERI */

.gallery-outer-wrapper .wp-block-columns {
    row-gap: 10px;
}

.gallery-outer-wrapper .wp-block-heading {
    margin-bottom: 0;
}

.lightbox-dialog {
    overflow: hidden;
    border-radius: 0;
}

.lightbox-dialog img {
    border-radius: 0;
	height: auto;
}

button.dialog-close {
    border: 2px solid var(--text-color);
    opacity: 0.7;
    background-color: var(--background-color);
	padding: 3px;
	top: 10px;
    right: 10px;
}

.lightbox-dialog button.dialog-close svg {
	fill: var(--text-color);
	width: 24px;
    height: 24px;
}

.wp-block-gallery .lightbox-dialog button.dialog-close:hover {
	background-color: var(--background-color);
	border-color: var(--text-color);
	opacity: 1;
}

.lightbox-dialog .arrow {
    border: 2px solid var(--text-color);
	width: auto;
    height: auto;
	background-color: var(--background-color);
}

.lightbox-dialog .arrow.arrow-next{
    padding: 3px 2px 3px 4px;
}

.lightbox-dialog .arrow.arrow-prev{
    padding: 3px 4px 3px 2px;
}

.lightbox-dialog .arrow svg {
    fill: var(--text-color);
    width: 24px;
    height: 24px;
    transform: none;
}

.small-gallery-wrapper {
    padding: var(--small-gap) 0;
}
 
.small-gallery-wrapper .wp-block-group.has-background {
    padding: var(--small-gap);
}

@media screen and (max-width: 781px) {
	.gallery-outer-wrapper .wp-block-columns > * {
		justify-items: flex-start;
	}
}





/* HØJRESIDE */

.wd-right-side-block hr {
    border-top: 1px solid;
    margin: 10px auto;
}





/* KUNDEUDTALELSER */

.review-display-slider {
    max-width: 90%;
}

.review-display-controls {
    top: auto;
    bottom: 0;
    transform: none;
}

nav.review-display-pagination {
    padding: 4px 0;
}




/* CUSTOM ELEMENTS */

.wp-block-cover.gazelle-block {
	min-height: unset;
}

.wp-block-cover.gazelle-block * {
	width: fit-content;
	margin: 0 auto;
}




/* FOOTER */

p.footer-headline {
	font-size: 22px;
}

li.footer-item a.btn:hover {
	text-decoration: none;
}

li.footer-item a.btn {
	text-decoration: none;
	width: 100%;
}





/* ANIMATIONS */

.wd-animation {
	animation-delay: .5s;
}

.wd-animation--fade-in-up {
	opacity: 0;
}

.entry-content > *:not(.wd-topsektion).wd-animation--active, .wd-animation--fade-in-up.wd-animation--active {
	animation-name: fade-in-up;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		opacity: 1;
	}
}

.wd-animation--flip {
	transform: scaleX(0);
}

.wd-animation--flip.wd-animation--active {
	animation-name: flip;
	animation-duration: 1.4s;
	animation-fill-mode: forwards;
}

@keyframes flip {
	0% {
		transform: scaleX(0);
		opacity: 0;
	}
	
	100% {
		transform:  scaleX(1);
		opacity: 1;
	}
}