:root {
    --hero-height: 900px;
    --content-width: 1400px;
    --header-global-padding: min(6.5rem, 8vw);
    --header-fullwidth-padding: 20px;
    --header-width: 100%;

    --animation-duration: 0.5s;
    --animation-delay-fast: 0.2s;
    --animation-delay-mid: 0.4s;
    --animation-delay-slow: 0.6s;
    --animation-delay-extra-slow: 1s;
    --animation-delay-super-slow: 1.5s;
}
a {
    outline: none;
}
/*
* Keyframes Fade in up 
*/
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/**
* Fade in up reverse
*/
@keyframes fadeInUpReverse {
    from {
        opacity: 1;
        transform: translateY(-20px);
    }
    to {
        opacity: 0;
        transform: translateY(0);
    }
}
.animate.delay-fast {
    animation-delay: var(--animation-delay-fast);
}
.animate.delay-mid {
    animation-delay: var(--animation-delay-mid);
}
.animate.delay-slow {
    animation-delay: var(--animation-delay-slow);
}
.animate.delay-extra-slow {
    animation-delay: 1s;
}
.animate.delay-super-slow {
    animation-delay: 1.5s;
}
.animate-fade-in-up {
    opacity: 0;
    animation: fadeInUp 0.5s ease-in-out forwards;
}
.animate-fade-in-up-reverse {
    opacity: 1;
    animation: fadeInUpReverse 0.5s ease-in-out forwards;
}
.karriereportal_header {
    padding-left: var(--header-fullwidth-padding);
    padding-right: var(--header-fullwidth-padding);
}
.karriereportal_header .alignwide {
    max-width: var(--header-width);
}
:where(.wp-site-blocks *:focus) {
    outline-width:2px;
    outline-style:solid;
}
body.medarbejder-template .wp-block-post-title::before {
    content: "Mød ";
}
footer .footer-go-to-home {
    position: relative;
}
footer .footer-go-to-home::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2024/09/to_homesite_icon.png);
    width: 17px;
    height: 17px;
    top: -30px;
    left: 50%;
}
.employee-video-wrapper {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}
.employee-video, .employee-image{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -20px;
    z-index: 9;
    cursor: pointer;
}
.employee-video video {
    height: 100%;
    width: 100%;
}
.employee-video::after {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/employee_play_button.svg);
    width: 75px;
    height: 76px;
    position: absolute;
    display: block;
    opacity: 1;
    transition: ease-in-out 0.5s opacity;
    pointer-events: none;
}
.employee-video.playing::after,
.employee-video.loading::after {
    opacity: 0;
}
.page-template-wp-custom-template-forside-midterstillet .karriereportal_frontpage_hero {
    max-width: var(--wp--style--global--content-size);
    min-height: 900px !important;
    margin: auto;
}
.karriereportal_frontpage_hero {
    position: relative;
}
.karriereportal_frontpage_hero .hero-down-arrow {
    position: absolute !important;
    bottom: 20px;
    left: 0;
    right: 0;
}
.karriereportal_frontpage_hero.centered .hero-down-arrow {
    left: unset;
}
/*
* joblisting grid component
*/
.karriere-joblisting-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 40px;
}
.karriere-joblisting-grid a {
    text-decoration: none;
    outline: none;
}
.karriere-joblisting-grid .karriere-joblisting-list__item {
    background-color: #ffffff;
    border-radius: 5px;
    opacity: 0;
    overflow:hidden;
}
.karriere-joblisting-grid .karriere-joblisting-list__item .item-header .karriere-joblisting-list__item-image {
    transform: scale(1);
    transition: transform 0.5s ease;
    overflow: hidden;
    height: 154px;
}
.karriere-joblisting-grid .karriere-joblisting-list__item:hover .item-header .karriere-joblisting-list__item-image img {
    transform: scale(1.05);
}
.karriere-joblisting-grid .karriere-joblisting-list__item-image img {
    width: 100%;
    height: 100%;
    transition: ease-in-out 0.3s all;
    object-fit: cover;
}
.karriere-joblisting-grid .karriere-joblisting-list__item .item-body {
    padding: 20px;
}
.karriere-joblisting-grid .karriere-joblisting-list__item-title {
    font-size: 22px;
    font-weight: bold;
}
.karriere-joblisting-grid .karriere-joblisting-list__item-term {
    color: #969696 !important;
}
/*
* Medarbejder grid component
*/
.karriere-medarbejder-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 40px;
}
.karriere-medarbejder-list a {
    text-decoration: none;
    outline: 0;
}
.karriere-medarbejder-list .karriere-medarbejder-list__item {
    background-color: #ffffff;
    border-radius: 5px;
    opacity: 0;
}
.karriere-medarbejder-list__item .karriere-medarbejder-list__item-content {
    padding: 30px 30px;
}
.karriere-medarbejder-list__item .karriere-medarbejder-list__item-image {
    height: 326px;
    overflow: hidden;
}
.karriere-medarbejder-list .karriere-medarbejder-list__item-image img {
   /*  width: 100%; */
   width: auto;
    height: 326px;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.5s ease;
} 
.karriere-medarbejder-list .karriere-medarbejder-list__item:hover .karriere-medarbejder-list__item-image img {
    transform: scale(1.05);
}
.karriere-medarbejder-list .item-body {
    height: 140px;
    display: flex;
    align-items: flex-start
}
.karriere-medarbejder-list__item-title,
.karriere-medarbejder-list__item-position {
    margin: 0;
}
.karriere-medarbejder-list h3 {
    font-size: 22px;
	color: var(--wp--preset--color--custom-header-farve);
	margin-bottom: 5px;
}
.karriere-medarbejder-list__item-position {
	color: #969696;
	font-weight: 300;
}

.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-question {
	font-size: 20px;
	color: var(--wp--preset--color--custom-header-farve);
	font-weight: 600;
}




/*
* Media Queries
*/

/**
 * max width: 599px
 */
@media (width <= 599px) {
    .wp-block-navigation .wp-block-navigation__responsive-container-close svg {
        fill: var(--wp--preset--color--custom-header-farve) !important;
    }
    .wp-block-navigation .wp-block-navigation__container {
        display: flex;
        justify-content: flex-start;
    }
    .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content .wp-block-navigation-item__label {
        color: var(--wp--preset--color--custom-header-farve) !important;
    }
    .position-task-candidate-container ul {
        padding-left: 20px;
    }
    footer .footer-go-to-home {
        width: fit-content;
    }
    footer .footer-go-to-home::before {
        top: 0px;
        left: unset;
        right: -25px;
    }
}
.wp-block-navigation__responsive-container-close {
	right: -20px;
}

/*
* Max width: 767px 
*/
@media(width <= 767px) {
    .karriereportal_frontpage_hero.centered,
    .page-template-wp-custom-template-forside-midterstillet .karriereportal_frontpage_hero {
        min-height: 500px !important;
    }
    .page-template-default .entry-content .wp-block-group:not(:has(.grouped-container)) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .subpage-hero {
        min-height: 250px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .subpage-hero h1 {
        text-align: center !important;
    }
    .jobposition-hero-banner {
        min-height: 300px !important;
    }
    .wp-block-spacer {
        height: 20px !important;
    }
    .wp-block-uagb-container:not(.grouped-container) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .wp-block-uagb-container:has(.uagb-container-inner-blocks-wrap .wp-block-uagb-container .uagb-block-uagb-image) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* inner columns */
    .wp-block-uagb-container .uagb-container-inner-blocks-wrap .wp-block-uagb-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .text-image-container .wp-block-uagb-container,
    .wp-block-uagb-container.text-image-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .text-image-container .wp-block-uagb-container .text-column,
    .wp-block-uagb-container.text-image-container .text-column {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .wp-block-uagb-container.column-reverse .uagb-container-inner-blocks-wrap {
        flex-direction: column-reverse;
    }
    .wp-block-uagb-container.column-reverse .uagb-container-inner-blocks-wrap .wp-block-uagb-container:nth-child(2) {
        order: 2;
    }
    .employee-image, .employee-video {
        position: relative;
        padding-block: 1.5rem;
    }
    .employee-image img {
        width: 100%;
        height: auto; 
        border-radius: 10px;
    }
    .employee-hero {
        min-height: 300px !important;
    }
    ul li {
        text-wrap: balance;
        padding-right: 20px;
    }

    .karriere-medarbejder-list .karriere-medarbejder-list__item-image img {
        width: 100%;
     } 
}.wp-block-navigation .wp-block-navigation-item__label {
    font-size: 14px;
}
/* @media (max-width: 801px) {
    .wp-block-navigation__container {
        display: none;
    }
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__mobile-container {
        display: block; 
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block; 
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        color: var(--wp--preset--color--custom-header-farve) !important;
    }
}

@media (min-width: 802px) {
    .wp-block-navigation__container {
        display: flex;
    }
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__mobile-container {
        display: none;
    }
} */