body, body.custom-background, .page-style {
    background-color: var(--hf-background-color);
}

a {
    color: var(--hf-header-text-color);
}

#main-content a {
    color: var(--hf-accent-color);
}

.footer-section a {
    color: var(--hf-accent-color);
}

.footer_follow a {
    color: var(--hf-footer-text-color);
}
.footer_follow a.social_icon_in.icon_1, .footer_follow a.social_icon_in.icon_2 {
    background: none;
    background-color: var(--hf-secondary-accent-color);
}
a.social_icon_in {
    padding: 3px;
}

div#header.site-header, .site-menu-content, .site-menu-content--sticky.sticky-menu {
    background-color: var(--hf-primary-color);
    color: var(--hf-header-text-color);
}

section.inner_slider_part, .footer-section {
    background-color: var(--hf-secondary-color);
}

div#header a {
    color: var(--hf-header-text-color);
}

.wp-element-button {
    background-color: var(--hf-accent-color);
    color: var(--hf-button-text-color);
}

.gdpr_lightbox.gdpr_lightbox-opened {
    background-color: var(--hf-box-shadow-100);
}

/** layout tilpasninger */

/** .container {
    padding-right: 0;
    padding-left: 0;
} */
.site-menu-content--sticky.sticky-menu-in-view {
    padding: 0 4%;    
}

/** END layout tilpasninger */

/** LOGO og SITE-TILE */
.site-branding img.custom-logo {
    background-color: var(--hf-background-color);
    border-radius: 50%;
    padding: 1px 2px;
    width: 96px;
    height: 96px;    
    max-height: 96px;
    max-width: 96px;
}

.site-title {
    font-size: 1.5em;
}

/** END LOGO og SITE-TITLE */

:root {
    --hf-primary-color: #5A8FA6;
    --hf-secondary-color: #6C9C6F;
    --hf-accent-color: #447604;
    --hf-accent-color-hover: #7FAE3A;
    --hf-secondary-accent-color: #044576;
    --hf-dark-color: #022F4F;
    --hf-header-text-color: #F4F7F5;
    --hf-box-shadow: #022F4F40;
    --hf-box-shadow-100: #022F4F;
    --hf-button-text-color: #F4F7F5;
    --hf-background-color: #F4F7F5;
    --hf-secondary-menu-text-color: #5A8FA6;
    --hf-secondary-meny-hover-text-color: #F4F7F5;
    --hf-footer-text-color: #F4F7F5;
}

/* box shadow tilpasninger */
#header {
    position: static;
}

/* navigation */
@media screen and (min-width: 767px) {
    .main-navigation li:hover {
        border-bottom: 2px solid var(--hf-accent-color-hover);
        padding-bottom: 0;
    }
}

button.open-nav-btn {
    border: none;
    color: var(--hf-header-text-color);
}

@media screen and (max-width: 767px) {
    .slide-content {
        background-color: var(--hf-background-color);
        height: 100vh;
    }
    
    div#slide-nav.slide-content li:hover, div#slide-nav.slide-content li:active {
        background-color: #2F6A3D;
    }
    
    div#slide-nav.slide-content li:hover, div#slide-nav.slide-content li:active a {
        color: var(--hf-secondary-meny-hover-text-color);
    }
    
    div#slide-nav.slide-content a {
        color: var(--hf-secondary-menu-text-color);
    }
    div#slide-nav.slide-content a:hover, div#slide-nav.slide-content a:active {
        color: var(--hf-secondary-meny-hover-text-color);   
    }
    .slide-content .close-btn {
        border: none;
    }
    .open-nav-btn:focus, .slide-content button:focus {
        outline: none;
    }
}

/* END navigation */

/* hover effects */
div#header a:hover {
    text-decoration:none;
}

.wp-element-button:hover {
    background-color: var(--hf-accent-color-hover);
    text-decoration: underline;
    color: var(--hf-button-text-color);
}

.main-navigation .menu>li:focus, .main-navigation .menu>li>a:focus {
    outline: none !important;
}

/* END hover effects */

/* effects */
/* prøv box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.2); på elementet etter, titelen til hver side altså -> inner_slider_part
div#header.site-header, .site-menu-content--sticky.sticky-menu {
    -moz-box-shadow: 1px 2px 4px var(--hf-box-shadow);
    -webkit-box-shadow: 1px 2px 4px var(--hf-box-shadow);
    box-shadow: 1px 2px 4px var(--hf-box-shadow);
}