/* ******************SKIP_CONTENTS*********************** */
.skip-link {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-120%);
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 9999;
}

.skip-link:focus {
    transform: translateY(0);
}

/* ******************FOCUS_ELEMENTS*********************** */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
    outline: 3px solid #005fcc !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 2px 2px rgba(0, 95, 204, 0.5) !important;
}

*:focus {
    outline: 3px solid #005fcc !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 2px 2px rgba(0, 95, 204, 0.5) !important;
}

/* ******************SEARCH_PLACEHOLDER*********************** */
.main-nav-bar .navigation .search-form .form-field .search-input::placeholder {
    color: #737579;
}

/* ******************SEARCH_FORM_INPUT*********************** */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

/* ******************BUTTON_PRIMARY*********************** */
button,
a.button,
a.button.button-primary,
.button.button-primary,
input.button,
.alert.alert-error,
.alert.error,
.blog .post-read-more,
.button,
.product_detail_button,
button.button.add-to-cart,
.main-nav-bar .navigation .search-form .button-search-submit,
.carousel-item-info .carousel-item-link,
.three_bonsai_section .bonsai_inner_container .button_section a {
    background-color: #578136;
}

/* ******************BUTTON_SECONDARY*********************** */
a.button.button-secondary,
.login-modal .account-create .button {
    color: #6ea846;
}

/* ******************EDIT_REMOVE*********************** */
aside .mini-cart-item .mini-cart-item-actions .link:focus {
    opacity: 1;
}

aside .mini-cart-item-actions {
    opacity: 1;
}

aside .mini-cart-item .mini-cart-item-actions .link {
    opacity: 0;
}

aside .mini-cart-item:hover .mini-cart-item-actions .link {
    opacity: 1;
}

/* ******************BANNER_HEADING*********************** */
.banner_section [data-sub-layout="73af7911-8b68-49e9-ab03-417d3c8d81e1"],
.banners.banners-top .banner h2 span {
    background-color: #578136 !important;
}

/* ****************************CODE_FOR_PLAY_PAUSE_BTN*********************************** */
.slider-buttons-wrapper {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.slider-buttons-wrapper .slider-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #578136;
    color: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.slider-buttons-wrapper .slider-toggle-btn svg {
    fill: currentColor;
}

.slider-buttons-wrapper .slider-toggle-btn:hover {
    color: #578136;
    background: #ffffff;
}