/* Normalize */
.wp-site-blocks h1, .wp-block h1, 
.wp-site-blocks h2, .wp-block h2, 
.wp-site-blocks h3, .wp-block h3, 
.wp-site-blocks h4, .wp-block h4, 
.wp-site-blocks h5, .wp-block h5,
.wp-site-blocks h6, .wp-block h6,
.wp-site-blocks p, .wp-block p {
    margin: 0;
}

.wp-site-blocks h1, .wp-site-blocks h2, .wp-site-blocks h3 {
    text-wrap: balance;
}
.wp-site-blocks *, .wp-block * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wp-site-blocks input[type="checkbox"] {
    cursor: pointer;
}

.wp-site-blocks p > strong {
    font-weight: 500;
}

html {
    scroll-behavior: smooth;
}
.wp-site-blocks section {
    scroll-margin: 48px;
}
/* Utility classes */
.grow {
    flex-grow: 1;
    & >* {
        width: 100%;
    }
}


/* Block styles */
.text-bubble-group {
    mask: url(/wp-content/themes/slniecko/assets/images/bublina-text.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
    aspect-ratio: 3/2;
    background: linear-gradient( var(--wp--preset--color--alt-background), transparent);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--wp--preset--spacing--80-40);
}
.zvieratka {
    position: relative;
}
.zvieratka::before {
    content: '';
    background: url(/wp-content/themes/slniecko/assets/images/vtacik.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -88px;
    right: 0;
    z-index: 16;

}

.bubble-image img {
    mask: url(/wp-content/themes/slniecko/assets/images/mask-bubble.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
    aspect-ratio: 1;
}
.bubble-image {
	position: relative;
    margin-bottom: 0;
}
.bubble-image::after {
	content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--wp--preset--color--alt-background);
    mix-blend-mode: color;
    transition: 350ms ease-out;
    opacity: 0.75;
}
.wp-block-slniecko-blocks-osobnost:hover .bubble-image::after {
	opacity: 0;
}


/* After wide content */
@media screen and (max-width: 1200px) {
    .footer-container {
        border-radius: 0 !important;
    }
}

/* After column stack */
@media screen and (max-width: 782px) {
    footer {
        text-align: center;
        & nav, nav > ul {
            align-items: center !important;
        }
        & .wp-block-social-links {
            justify-content: center;
            margin-top: var(--wp--preset--spacing--32-16);
        }
    }
}

/*  After mobile menu change */
@media screen and (max-width: 599px) {
    
}
/* FORMULAR */
.wp-site-blocks input:not([type="submit"], [type="checkbox"], [type="radio"], [type="file"], [type="range"]) {
    background-color: var(--wp--preset--color--background);
    padding: var(--wp--preset--spacing--16-8);
    border-radius: 0.25rem;
    border: none;
    box-shadow: inset 0px 0px 6px 0px #082d7632;
    font-size: var(--wp--preset--font-size--normal);
}