/*** agrega aqui los estilos necesarios para modificar el template ***/

.bs-header-navbar {
    background: #ffffff;
}

.bs-menu__lv1 {
    white-space: normal;
    color: #000;
    background: var(--lv1-bg-color);
    font-size: var(--lv1-size);
    font-weight: var(--font-bold);
    text-align: center;
}

.btn-cart, .btn-login {
    color: #000000;
}

.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    box-shadow: 0 -3px inset #69b517;
    color: #c3c3c3;
}

.bs-title, .bs-title a, .bs-title:hover {
    font-size: var(--home-title-size);
    color: #000000;
 }


 @media screen and (max-width: 992px) {
 .bs-menu__lv1 {
    white-space: normal;
    color: #3e5621;
    background: var(--lv1-bg-color);
}}

.bs-footer {
    box-shadow: 0px 2px 10px -4px rgb(0 0 0 / 75%);
    background: #2b2b2b;
    color: var(--footer-txt-color);
    padding-top: 3rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.page-link {
    border: 0px none;
    border-radius: var(--default-border-radius);
    margin: 0 .25rem;
    background: #000;
    color: #fff;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #fdb8b7;
    border-color: #dee2e6;
}

.breadcrumb {
    background: #f2f2f2;
}

@media (max-width: 992px) {
    img[data-bs="header.logo"] {
        width: 160px !important;
        height: auto !important;
        transition: none !important;
    }
}

@media screen and (max-width: 992px) {
    .bs-banner__title {
        opacity: 1;
        background: #0000004f;
        color: #fff;
    }
}

 @media screen and (min-width: 1200px) {
    .bs-banner__title {
        opacity: 0;
        background: rgb(0 0 0 / 47%);
        color: #ffffff;
    }
}