main {
  margin-block-start: 0;
}

:where(.wp-site-blocks :focus) {
  outline-width: 2px;
  outline-style: none;
}

.nav-background.wp-block-navigation.has-background a.wp-block-navigation-item__content, 
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)) {
    padding: 0 0.25rem;
}

.eyebrow {
    color: var(--wp--preset--color--accent-2);
    font-family: var(--wp--preset--font-family--eyebrow);
    font-size: var(--wp--preset--font-size--large);
}

.black {
    color: black;
}
.wp-block-columns.hero-big {
    position: relative;
}

/* Position the heading absolutely relative to its parent */
.wp-block-columns.hero-big .wp-block-column:first-child .hero-text-stack {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%; 
}

.wp-block-columns.hero-big .wp-block-column:first-child .hero-text-stack p {
    max-width:675px;
}

/* Optional: Add additional styling to ensure the image column fills the space properly */
.wp-block-columns.hero-big .wp-block-column:last-child {
    width: 100%;
}

.header-blue {
    color: var(--wp--preset--color--accent-6);
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--xxx-large);
}

.wp-block-group.product-hero {
    background: linear-gradient(90deg,rgb(83,94,172) 60%,rgb(255,253,246) 60%) !important;
}

@keyframes slideUp {
    from {
        transform: translateY(40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-up {
    animation: slideUp 1.5s forwards;
}

.slide-up.eyebrow {
    animation: slideUp 2.5s forwards;
}


figure.animation img { 
    transition: transform 0.6s ease-in-out;
}

figure.animation:hover img {
    transform: scale(1.1);
    
}
figure.animation {
    overflow:hidden; 
}

.wp-block-button__link { 
    transition: transform 0.3s ease-in-out;
    position: relative;
    padding-right: 2em;
}
.wp-block-button__link:hover {
    transform: scale(1.1);
}

.wp-block-button__link::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-48%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuMzMzNSA4LjAwMDA0SDEyLjY2NjhNMTIuNjY2OCA4LjAwMDA0TDguMDAwMTYgMy4zMzMzN00xMi42NjY4IDguMDAwMDRMOC4wMDAxNiAxMi42NjY3IiBzdHJva2U9IiNGNUY1RjUiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    background-size: contain;
    background-repeat: no-repeat;
}

.wp-block-button__link.has-white-background-color::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-48%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNjY2NzUgMTEuMzMzM0wxMS4zMzM0IDQuNjY2NjNNMTEuMzMzNCA0LjY2NjYzSDQuNjY2NzVNMTEuMzMzNCA0LjY2NjYzVjExLjMzMzMiIHN0cm9rZT0iIzJDMkMyQiIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 769px) {
    .desktop-right {
        text-align:right;
    }
}
@media (max-width: 768px) {
    .wp-block-group.product-hero {
        background: linear-gradient(180deg,rgb(83,94,172) 60%,rgb(255,253,246) 60%) !important;
    }
    .wp-block-columns.hero-big .wp-block-column:first-child .hero-text-stack {
        position: static;
        transform: none;
        text-align: left;
        padding-top:2rem;
    }

    .wp-block-columns.column-reverse {
        flex-direction: column-reverse; 
    }

    footer .wp-block-columns .wp-block-column.mobile-1 {
        order: 1;
    }
    footer .wp-block-columns .wp-block-column.mobile-2 {
        order:2;
    }
    footer .wp-block-columns .wp-block-column.mobile-3 {
        order:3;
    }
    .mobile-center {
        text-align:center !important;
        justify-content:center;
    }

    .mobile-left {
        text-align:left !important;
        justify-content: flex-start !important;
    }

    header .wp-block-navigation ul .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--large); 
    }

    .carousel-padding {
        padding-right: 0 !important;
    }


}