/*
Theme Name: Digital Impact Lab Theme
Theme URI: https://impact-lab.eu
Author: Kristjan Schröder
Description: A WordPress Twenty Twenty-Five Child-Theme for Digital Impact Lab
Requires at least: 6.7
Requires PHP: 7.2
Version: 1.0
Template: twentytwentyfive
Tags: digital impact lab
*/

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: "Inter Variable", sans-serif;
}

main {
    margin: 0;
}

.wp-block-navigation-item li:hover {
    background: var(--wp--preset--color--dil-mint);
    color: var(--wp--preset--color--dil-blue);
}

.wp-block-navigation-item a:hover {    
    text-decoration: none !important;
}
  
.wp-site-blocks, .site-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh !important;
}
  
.entry-content, .site-content {
    flex: 1;
}

footer {
    margin-top: auto;
}

.wp-block-navigation__responsive-container-close svg {
    fill: #0cba91 !important;
}

.current-menu-item a {   
   font-weight: 700;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline: none !important;
}

.wp-block-navigation__responsive-container-open {
    outline: none !important;
}

.gradient-bg {
	background: linear-gradient(-45deg, #ff9900, #004284, #0cba91);
	background-size: 400% 400%;
	animation: gradient 20s ease infinite;
	
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.svg-button img {
    width: 40px;
    transition: filter 0.3s ease;
}

.svg-button:hover img {
    filter: brightness(0) invert(1); 
}

.gradient-text {
    background: linear-gradient(-45deg, #ff9900, #004284, #0cba91);
    background-size: 400% 400%;
    animation: gradient 20s ease infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.wp-block-button__link:hover {
    background: #a1d7e3 !important;
}

.wp-block-button_link{
    border-width: 2px;
    border-radius: 0px;
    border-color: var(--wp--preset--color--dil-mint) !important;
}

.languages-mobile {
    display: none;
}

@media (max-width: 782px) {
    .languages-desktop {
        display: none !important;
    }
    .languages-mobile {
        display: block !important;
        padding: 12px 0;
    }
}

.page-up{
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.dil-header-gradient{
    background: linear-gradient(to bottom, #004284 0%, transparent 100%);
}

.languages-desktop { 
    display: block;
}
.languages-mobile {
    display: none;
}

.wp-block-navigation__responsive-container.is-menu-open .languages-mobile {
    display: block;
}

.dil-project-grid a.cover-link-wrapper {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit;
}

.dil-project-grid .wp-block-cover:hover .wp-block-cover__background {
    background-color: rgba(12, 186, 145, 0.8) !important;
}

@media (min-width: 768px) {
    .languages-mobile {
        display: none !important;
    }
    .languages-desktop {
        display: block !important;
    }
}

.n2-ss-layer {
    padding: 0 !important;
}

.wp-block-list {
    list-style: none;       
    padding-left: 0;        
    margin-left: 0;
}

.wp-block-list li {
    display: flex;
    margin-bottom: 0.5em;   
}

.wp-block-list li::before {
    content: "■";         
    color: #0cba91;         
    display: inline-block;   
    width: 1em;            
    margin-right: 0.5em;    
    flex-shrink: 0;      
    font-size: 0.8em;    
}

.cursor-default {
    cursor: default !important;
}


.am-ecs__side-header__text{
     font-family: "Inter Variable", sans-serif !important;
}