body {
    --wp--preset--font-size--medium: 1.125em;
	--c7-heading-font-family: "Noto Serif Display", Sans-serif;
}

.elementor-widget-button:not(.elementor-button-info) .elementor-button,
.c7-btn,
.c7-product .c7-product__add-to-cart__form button,
.c7-personalization .elementor-button,
.wp-block-button a.wp-element-button,
.c7-date-picker-toggle {
    background: url(../img/bg-wood.jpg);
    background-size: 750px auto;
    transition: none;
    border-radius: 0.25em;
    color: #fff;
    text-shadow: -1px -1px 1px #8F4F19;

    &:hover {
        background-image: url(../img/bg-wood.jpg);
        background-size: 750px auto;
    }

    &.c7-btn--alt:hover {
        background-image: none;
    }

    &.kalala-button-1 {
        background-position: -200px -30px;
    }

    &.kalala-button-2 {
        background-position: -100px 0px;
    }

    &.kalala-button-3 {
        background-position: 0px -10px;
    }

    &.kalala-button-4 {
        background-position: 150px -40px;
    }

    &.kalala-button-5 {
        background-position: -200px 0px;
    }
}

.c7-product {

    &:nth-of-type(5n+1) .c7-product__add-to-cart__form button {
        background-position: -200px -30px;
    }

    &:nth-of-type(5n+2) .c7-product__add-to-cart__form button {
        background-position: -100px 0px;
    }

    &:nth-of-type(5n+3) .c7-product__add-to-cart__form button {
        background-position: 0px -10px;
    }

    &:nth-of-type(5n+4) .c7-product__add-to-cart__form button {
        background-position: 150px -40px;
    }

    &:nth-of-type(5n+5) .c7-product__add-to-cart__form button {
        background-position: -200px 0px;
    }

}

.elementor-nav-menu--dropdown {
    font-size: 1em;
}

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0;
}

.hero-animate {

    overflow: hidden;

    &:before {
        animation-duration: 45s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    &.hero-zoom-in:before {
        animation-name: heroZoomIn;
    }

    &.hero-zoom-out:before {
        animation-name: heroZoomOut;
    }
}

@keyframes heroZoomIn {
    from { transform: scale(1.5); }
    to { transform: scale(1); }
}

@keyframes heroZoomOut {
    from { transform: scale(1); }
    to { transform: scale(1.5); }
}

.c7-product__teaser {
    font-size: 0.875em;
}

.c7-pagination {
    display: none;
}

.c7-product__add-to-cart {

    .c7-product__add-to-cart__price {

        span:not(.c7-product__add-to-cart__price__variant, .c7-product__variant__price__title) {
            color: var(--e-global-color-accent);
        }
    }

    button {

        width: 5em;
        display: flex;
        justify-content: center;
        align-items: center;

        span {
            color: transparent;
            text-shadow: none;
            position: relative;
            height: 2em;
            width: 2em;
            left: 1px;

            &:before,
            &:after {
                content: '';
                width: 100%;
                height: 100%;
                background: #fff;
                position: absolute;
                top: 0; left: 0;
                mask-image: url(../img/icon-bag-add.svg);
                mask-repeat: no-repeat;
            }

            &:before {
                background: #8F4F19;
                top: -1px; left: -1px;
                filter: blur(1px);
            }
        }
    }
}

.c7-user-nav__cart {

    display: flex;

    button {
        position: relative;
    }

    .c7-user-nav__cart__title {

        background: var( --e-global-color-accent );
        width: 1.5em;
        height: 1.5em;
        display: block;
        mask-image: url(../img/icon-bag.svg);
        mask-repeat: no-repeat;

        svg { display: none; }

    }

    .c7-user-nav__cart__count {
        position: absolute;
        top: 0;
        right: -0.75em;
        padding-bottom: 0.2em;
        text-shadow: none;
    }

    .c7-side-cart__header {
        .c7-side-cart__header__title {
            display: none;
        }
    }

    .c7-link {
        text-shadow: none;
    }

}

.elementor-nav-menu span.sub-arrow { display: none; }

/* GUTENBERG STUFF */

p.has-text-align-center {
    max-width: 35em;
    margin-right: auto;
    margin-left: auto;
}

.wp-block-image.aligncenter {
    margin-right: auto;
    margin-left: auto;
}