/*
 * Styles for Elementor content and the [stock_status] label. Loads on every front-end page, whatever the theme.
 * Moved from the Simple Custom CSS & JS "Custom Css" snippet (ID 164575).
 */

.play-icon-bottom-right .elementor-custom-embed-play {
    transform: translate(0, 0) !important;
    inset-block-start: 84% !important;
    inset-inline-start: 90% !important;
}

.play-icon-bottom-right .e-font-icon-svg {
    opacity: 1 !important;
    filter: none !important;
}

.header-search .e-search-input {
    width: 200px !important;
    outline: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    padding-left: 20px;
}

.checked-items ul,
.checked-items ol {
    list-style: none;
}

.checked-items ul ul,
.checked-items ol ol {
    list-style: disc;
}

.checked-items ul li,
.checked-items ol li {
    position: relative;
    padding-left: 18px;
}

.checked-items ul li:before,
.checked-items ol li:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 7px;
}

.elementor-widget-text-editor a {
    word-wrap: break-word;
}

.checked-items ul ul li:before,
.checked-items ol ol li:before {
    display: none;
}

/* The product template's own CSS forces this label to #272626, so these only show if that rule is removed. */
.neobio-stock-status--in {
    color: green;
}

.neobio-stock-status--out {
    color: red;
}

@media (max-width: 1025px) {
    .elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 991px) {
    .header-search .e-search-input {
        width: 123px !important;
    }
}

@media (max-width: 720px) {
    .header-search .e-search-input {
        width: 100% !important;
    }

    .home-search .e-search-submit {
        padding: 11px 15px !important;
    }
}