/**handles:bb-splide-slider-init-css**/
.entry-content {
    overflow-x: hidden;
}

.splide-wrapper {
    &.overflow {
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: hidden;

        .splide {
            max-width: var(--wp--style--global--content-size);
            margin-left: auto !important;
            margin-right: auto !important;

            .splide__track {
                overflow: visible;
            }

            .splide__slide {
                opacity: 0.1;
                pointer-events: none;

                &.is-active,
                &.is-visible {
                    opacity: 1;
                    pointer-events: unset;
                }
            }
        }
    }

    .splide__arrow {
        width: 21px;
        height: 32px;

        &:before {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.109" height="31.691" viewBox="0 0 21.109 31.691"><path d="M734.359,684.172l-5.159,5.263,15.846,15.846,15.846-15.846-5.159-5.263-10.687,10.791Z" transform="translate(-684.172 760.892) rotate(-90)" fill="%23222"/></svg>');
            width: 21px;
            height: 32px;
        }

        &.splide__arrow--prev {

            &:before {
                transform: rotate(180deg);
            }
        }

        path {
            display: none;
        }
    }

    &.arrows-default {
        .splide__arrow {
            svg {
                display: none;

                &:before {
                    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.109" height="31.691" viewBox="0 0 21.109 31.691"><path d="M734.359,684.172l-5.159,5.263,15.846,15.846,15.846-15.846-5.159-5.263-10.687,10.791Z" transform="translate(-684.172 760.892) rotate(-90)" fill="%23222"/></svg>');
                    width: 21px;
                    height: 32px;
                }
            }
        }
    }

    &.arrows-alternate {
        .splide__arrow {
            &.splide__arrow--prev {
                left: -4vw;
            }
            &.splide__arrow--next {
                right: -4vw;
            }

            svg {
                fill: black;
            }
        }
    }

    .splide__pagination--ttb {
        right: -2em;

        .splide__pagination__page {
            background-color: transparent;
            border: 1px solid var(--wp--preset--color--secondary);

            &.is-active {
                background: var(--wp--preset--color--secondary);
                transform: none;
            }
        }
    }
}

@media screen and (min-width: 1366px) {
    .splide-wrapper {
        &.overflow {
            width: 100vw;
            max-width: 100vw;
            padding: 0;
            margin-left: calc(var(--wp--style--root--padding-right) * -1) !important;
            margin-right: 0 !important;
            overflow: hidden;
        }
    }
}

.splide {
    &.alignment-top {
        .splide__slide {
            display: flex;
            align-items: flex-start;
        }
    }

    &.alignment-centre {
        .splide__slide {
            display: flex;
            align-items: center;
        }
    }

    &.alignment-bottom {
        .splide__slide {
            display: flex;
            align-items: flex-end;
        }
    }
}