/*
Theme Name: artifacts-minimal
Theme URI: https://artifacts.de
Author: Artifacts
Author URI: https://artifacts.de
Description: artifacts-minimal is a minimalistic theme for WordPress.
Version: 1.0
License: GPLv2 or later
*/


.wp-site-blocks {
    /* background-color: pink !important; */
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    --wp--style--root--padding-top: 20px;
    --wp--style--root--padding-right: 20px;
    --wp--style--root--padding-bottom: 20px;
    --wp--style--root--padding-left: 20px;
}

.sp-lc-logo img, 
.white-filter,
.wp-block-group.category-brands img {
    filter: brightness(0) invert(1);    
}

.wp-block-cover {
    padding: 0;
}

.blur img.wp-block-cover__image-background {
    filter: blur(15px) !important;
}

.wp-block-cover.inner-container-alignfull .wp-block-cover__inner-container{
    width: 100% !important;    
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
}

p {
    margin: 20px 0 !important;
}

p.kicker {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

.wpforms-container-full {
    width: 100% !important;
}

.wpforms-submit-container button[type="submit"] {
    border-radius: 24px !important;
    font-weight: 700 !important;
}

.wpforms-field-sublabel {
    color: #fff !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
    pointer-events: none;    
}

.no-underline a {
    text-decoration: none !important;
    text-shadow: 1px 1px 2px #000; 
}

.wp-block-search__button {
    border-radius: 24px !important;
    font-weight: 700 !important;
}
.wp-block-search__input {
    border-radius: 24px !important;    
    padding-left: 24px !important;
}
.wp-block-search__label {
    margin-left: 24px;
}
   
.margin-block-start-0 {
    margin-block-start: 0 !important;
}

.wpforms-white-text .wpforms-field-description {
    color: #bbbbbb !important;
}

@media (max-width: 600px) {
    .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr;
    }
    

    div.is-layout-flex {
        flex-wrap: wrap;
    }
    
    .wp-block-cover.inner-container-alignfull {
        padding: 20px;        
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        width: 100%;
    }
    
    footer .wp-block-navigation__container {
        gap: 10px;
    }

    :root {
        --wp--preset--font-size--small: 11px;
        --wp--preset--font-size--medium: 16px;
        --wp--preset--font-size--large: 30px;
        --wp--preset--font-size--x-large: 28px;    
    }

    h1 {
        line-height: 1.2;
    }

    footer.is-layout-flex {
        flex-wrap: wrap;
        align-items: flex-start;        
    }

    footer.is-layout-flex > div:first-child {
        flex-basis: 100%;
    }
    footer.is-layout-flex > div {
        flex-basis: 130px;
    }

    footer.wp-block-navigation__container {
        gap: 10px;
    }

}