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

	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

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

:root {
    --btn-color: var(--accent-color);
    --btn-color-hover: var(--accent-color-hover);
}

/* Body */

body:has(.header-topper) {
    padding: 0;
}

/* Header */

.wd-header {
    border-bottom: 40px solid var(--primary-color);
}

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

.header-topper-items {
    min-height: 60px;
}

header.wd-header {
    box-shadow: unset;
    color: var(--light);
}

a.main-header-logo-link {	
    color: transparent;
    flex-direction: row;
}

.main-header-inner .main-header-logo-link:has(img):after {
    content: "Køleteknik ApS";
    display: block;
    width: 100%;
    color: var(--light);
    padding: 6px;
    margin-top: auto;
    font-size: 56px;
    margin-bottom: 5px;
}

.main-header-inner .main-header-logo-link img {
    max-height: 130px;
    min-height: 130px;
    margin-top: -60px;
}

/* Generelt styling */

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    color: var(--accent-color);
}


.wrapper {
    margin-top: 150px;
}

/* WD Topsektion */

.wd-topsektion {
    padding: 0;
}

.wd-topsektion .top-sektion-tekst {
    width: 35%;
    background-color: rgba(0, 0, 0, 0.7);
    height: 550px;
    display: flex;
    align-items: center;
    margin-left: 0 !important;
}

.wd-topsektion .top-sektion-tekst .wp-block-group__inner-container {
    max-width: 80%;
    margin: 0 auto;
}

.wd-topsektion .wp-block-cover__inner-container {
    max-width: 100% !important;
}

.wp-block-cover.is-light {
margin-bottom: 0;
padding-bottom: 0;  
} 

/* WD Cards */

.wd-card {
    /*background-color: transparent;*/
    box-shadow: none;
    text-align: left;
}

.wd-card .wd-card-button {
    flex-direction: row;
}

.wd-card .wd-card-button .wp-block-button__link {
    /*background-color: transparent;*/
    text-align: left;
    /*padding: 0;*/
    /*color: var(--link-color);*/
    font-style: italic;
    color: var(--light);
}

.wd-card .wd-card-button .wp-block-button__link:hover {
    /*background-color: transparent;*/
    /*color: var(--link-color-hover);*/
    text-decoration: underline !important;
}

.wd-card .wd-card-content {
    font-style: italic;
}

/* Afrunding af billeder og højreside elementer */

.entry-content .wp-block-image img,
.entry-content .rightside-element,
.entry-content .rightside-element iframe {
    border-radius: 10px;
}

/* Kontakt formular */

.entry-content .wd-contact-form .kontaktform-rows {
    grid-template-columns: 1fr;
}

/* WD USP'er */

.entry-content .wd-usp-container .wd-usp .wd-usp__icon .wd-icon *:not(rect) {
    fill: #ffc817;
}

/* Lille undertekst til billeder */

.entry-content .has-small-subtext p {
    font-size: 15px;
}

/*Footer*/
footer .footer-columns .footer-column {
    font-style: italic;
}

footer .footer-columns .footer-column .footer-headline {
    font-style: normal;
}

footer .footer-columns .footer-column .footer-item-content-link,
footer .footer-columns .footer-column .footer-item--type-menu-item a {
    color: var(--link-color);
}

footer .footer-columns .footer-column .footer-item-content-link:hover,
footer .footer-columns .footer-column .footer-item--type-menu-item a:hover {
    color: var(--link-color-hover);
}

.wd-contact-form .wd-form-actions .wd-submit-btn {
    color: var(--light);
}

/*Header menu hover*/
@media screen and (min-width: 1190px) and (hover: hover) {
    body.sometimes-burger .main-header-menu > .menu-item > a:before {
        background-color: var(--light);
    }
}

/*Responsive*/
@media screen and (max-width: 1410px) {
    .main-header-inner .main-header-logo-link:has(img):after {
        font-size: 40px;
        margin-bottom: -5px;
    }
    
    .main-header-inner .main-header-logo-link img {
        max-height: 110px;
        min-height: 110px;
        margin-top: -40px;
    }

    .wd-topsektion .top-sektion-tekst {
        width: 42%;
    }
}

@media screen and (max-width: 1300px) {
    .main-header-inner .main-header-logo-link:has(img):after {
        font-size: 36px;
        margin-bottom: -3px;
    }
    .main-header-inner .main-header-logo-link img {
        max-height: 100px;
        min-height: 100px;
        margin-top: -30px;
    }
}

@media screen and (max-width: 1000px) {
    .wd-topsektion .top-sektion-tekst {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .wd-topsektion .top-sektion-tekst {
        width: 100%;
    }
    .wd-topsektion .top-sektion-tekst .wp-block-group__inner-container {
        max-width: 90%;
    }
}


@media screen and (max-width: 500px) {
    .main-header-inner .main-header-logo-link:has(img):after {
        font-size: 26px;
        margin-bottom: -5px;
    }
    .main-header-inner .main-header-logo-link img {
        max-height: 80px;
        min-height: 80px;
        margin-top: -15px;
    }
}

.cky-revisit-bottom-left {
	left: unset !important;
	right: 15px !important;
}