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

	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

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


/* GUTENSLIDER */

.entry-content .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav {
    z-index: 1;
}

.entry-content .wp-block-eedee-block-gutenslider .eedee-gutenslider-pagination {
    z-index: 1;
}

/* 
    ——————————
    Styling til site content og tilhørende elementer
    ——————————
*/

#site-content{
    margin-top: calc(var(--header-height) + 32px);
}

@media screen and (max-width: 999px) {
    #site-content{
        margin-top: 110px;
    }
}

#site-content .post-inner {
    padding-top: 0;
}

body .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide).wp-block-contact-form-7-contact-form-selector {
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.wpcf7 {
    width: 100%;
    max-width: 600px;
}

.content-wrapper {
    display: grid;
    width: 100%;
}

.content-wrapper--has-right-side {
    grid-template-columns: 1fr 360px;
}


/* 
    ——————————
    Styling til to-top-btn
    ——————————
*/

.to-top {
    position: fixed;
    right: 40px;
    bottom: 20px;
    height: 50px;
    width: 50px;
    background: var(--theme-highlight-color);
    opacity: 0;
    transform: translateX(calc(100% + 100px));
    transition: transform var(--standard-transition);
    transition-property: transform, opacity;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
}

.to-top.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.to-top__icon {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid var(--theme-primary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 
    ——————————
    Styling til 404-side
    ——————————
*/

.error404-content {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.to-front-page-btn {
    color: #FFFFFF;
    padding: 12px 20px;
    border: 3px solid #FFFFFF;
    line-height: 1em;
    transition: all var(--standard-transition);
    transition-property: background-color, color;
    text-decoration: none;
}

.to-front-page-btn:hover {
    background: #FFFFFF;
    color: var(--theme-primary-color);
}


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

    .header-topper {
        height: 40px;
    }

    .header-topper-inner {
        width: 100%;
        padding: 0 20px;
    }
    
    .site-header {
        display: none;
    }
    
    .site-header-mobile {
        display: flex;
    }

    .mute-btn {
        bottom: 20px;
        right: 20px;
    }
}

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

    .hero-section-inner {
        padding: 60px 0 120px;
    }

    .opening-hours-table{
        width: auto;
    }
}

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

}

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

    .hero-section-inner {
        padding: 60px 0 50px;
        width: 100%;
    }

    .hero-title {
        font-size: var(--large-font-size);
    }

    .usps {
        display: none;
    }

    .to-top {
        right: 20px;
    }


    .header-topper-inner {
        display: flex;
        justify-content: center;
        justify-items: center;
    }

}

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

    .hero-title {
        font-size: var(--medium-font-size);
    }
}

html .privacy-policy{
    margin: 0;
}

body *:not(.post-inner) > .entry-content > *:first-child{
    margin-top: 0;
}

body .entry-content > *:first-child{
    margin-top: 3.5rem;
}

@media screen and (min-width: 700px) {
    body .entry-content > *:first-child{
        margin-top: 6rem;
    }
}


/*menukort*/

p:not([class]):has(+ p.has-text-align-right) {
    margin-bottom: 0;
}

p:not([class]) + p.has-text-align-right:has(+ p > strong),
p:not([class]) + p.has-text-align-right:has(+ p.has-text-align-center) {
    margin-bottom: 1.25em;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 1.25em;
}

p:not([class]) + p.has-text-align-right + p:not(.has-text-align-center):not(:has(strong)) {
    margin-top: -1.25em;
    margin-bottom: 1.25em;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 1.25em;
}

h3.wp-block-heading:has(+ p.has-text-align-center) {
    margin-bottom: 0;
}

h3.wp-block-heading + p.has-text-align-center {
    margin-bottom: 3rem;
}


.hamburger-text{
    display: none;
}

.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
    border-radius: 16px;
}

.maps-container iframe {
    border-radius: 16px;
}

/*Firmainfo*/

ul.list-style-none{
    list-style: none;
}

ul.firmainfo {
    margin: 0 0 4rem;
    padding: 0;
}

ul.firmainfo li {
    margin: 0 0 4px;
    display: flex;
    gap: 6px;
}

ul.firmainfo li:not(:has(.wd-icon)) {
    padding-left: 30px;
}

/* rightside */

.right-side-elements__element > h2 {
    font-size: 32px;
}

.added-footer-text {
    margin: 20px 0 0;
    color: inherit!important;
}
.added-footer-text + * a{
    color: inherit!important;
}

.workingareas li {
    font-size: var(--body-font-size) !important;
}

@media screen and (max-width: 781px){
    .content-reversed {
        flex-direction: column-reverse;
    }

    .wp-block-column .wp-block-image img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 560px){
    .hero-section-content .wp-block-buttons {
        display: flex;
        flex-direction: column;
        max-width: 300px !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 410px){
    .header-topper {
        display: none !important;
    }
}

.site-header.is-scrolled {
    top: 0 !important;
    --header-height: 80px !important;
}

.site-header {
    transition: all 01s ease;
}

.site-header.is-scrolled .site-header-inner img {
    height: 80px;
}

.site-header-inner img {
    transition: all 01s ease;
}

/* Tema opdatering starter her */

p strong {
    font-weight: bold;
}

/* Header */

.header-topper .header-topper-inner .header-topper-item a:hover {
    color: var(--secondary-color);
}

.main-header-logo-link img {
    max-height: 100%;
    padding: 0;
}

.main-header-menu:not(:has(a:focus, a:active)) .menu-item.current_page_item > a {
    background-color: var(--header-bg-color);
}

/* Content */

.entry-content .wd-topsektion {
    margin-bottom: 3rem;
}

.entry-content > :is(.wdf-width, .wp-block-cover) > *:not(.wp-block-cover__background, .wp-block-cover__image-background) {
    max-width: 100%;
}

.entry-content .masonry {
    margin-top: 6rem;
}

.entry-content > .wdf-width:not(:last-child),
.right-side-elements .right-side-elements__element:not(:last-child) {
    margin-bottom: 2rem;
}

.entry-content .wdf-width .wp-block-column:not(.right-side-elements) p {
    margin-bottom: 2rem;
}

.entry-content .wdf-width .wp-block-heading {
    margin-bottom: 1rem;
    margin-top: 3rem;
}

.right-side-elements__element {
    padding: 40px;
    border-radius: 16px;
    background-color: color-mix(in srgb, var(--theme-primary-color) 5%, #fff);
    box-shadow: var(--shadowlevel-1);
}

.right-side-elements .right-side-elements__element h2 {
    font-size: 32px;
}

.right-side-elements .right-side-elements__element:first-child,
.right-side-elements .right-side-elements__element > *:first-child {
    margin-top: 0 !important;
}

.entry-content .wp-block-group .wp-block-column:not(.right-side-elements) .maps-container {
    height: 525px;
}

.firmainfo li a:hover,
.entry-content * a:hover,
footer.site-footer li.footer-item a:hover {
    text-decoration: none;
}

/* Knapper */

.wp-block-button .wp-block-button__link {
    text-transform: uppercase;
}

/* Footer */

footer.site-footer {
    margin-top: 4rem;
}

footer.site-footer li.footer-item a:hover {
    color: var(--secondary-color);
}

footer.site-footer li.footer-item img {
	max-width: 100%;
	height: 100%;
}

/* Media queries */

@media screen and (max-width: 1200px) {
    .entry-content > * {
        padding: 0 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .main-header-logo-link {
        margin-left: 4rem;
    }
}

@media screen and (max-width: 768px) {
    .entry-content > * {
        padding: 0 2rem;
    }
}

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

    .header-topper-item a {
        font-size: 13px;
    }

    .wd-topsektion .wp-block-buttons-is-layout-flex {
        flex-direction: column;
    }

    .wd-topsektion .wp-block-buttons-is-layout-flex .wp-block-button {
        width: 80%;
    }
}

@media screen and (min-width: 1000px) {
    .wd-topsektion > *:has(.wdf-width) {
        margin-top: auto;
        padding-bottom: 2rem;
    }
}

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

    body.sometimes-burger .main-header-menu > .menu-item > a:before {
        background-color: var(--secondary-color);
    }

    body.sometimes-burger .main-header-menu li a:hover {
        color: var(--secondary-color);
    }

    body.sometimes-burger .main-header-menu ul.sub-menu {
        background: var(--header-bg-color);
    }

    body.sometimes-burger .main-header-menu ul.sub-menu li a:hover {
        background-color: var(--header-bg-color);
        color: var(--secondary-color);
    }

    body.sometimes-burger .main-header-menu .menu-item.menu-item-has-children:hover > ul.sub-menu {
        padding: 10px;
    }
}