/*** agrega aqui los estilos necesarios para modificar el template ***/

.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    box-shadow: 0 -3px inset #fece3c;
    color: #F2F2F2;
    }

.btn-cart, .btn-login {
    color: #fece3c;
    }


.alert {
    background: #000;
    border-color: #000;
    color: white
    }

.bs-header .bs-social-media a {
    color: #000000;
    }

.ir-arriba {
    background: #fece3c;
    color: #000;
    }

.bs-parallax__title {
    filter: drop-shadow(2px 4px 6px black);
    }


/*** pie de pagina ***/

.bs-footer {
    background: url(footer.png);
    background-size: cover;
}

img.img-fluid.footer {
    max-width: 50%;
}

.bs-footer__title {
    font-weight: 500;
    color: #fece3b;
}

.bs-footer__social .btn-social {
    border: 1px solid black;
    color: #fbcc50;
    background-color: black;
}

.bs-footer__social .btn-social:hover {
    background: #fccd4d;
    color: black;
}

.bs-parallax {
 padding: 10rem 0;
    }

.logo {
max-width: 150px;
    }

.bs-title::before, .bs-title::after {
    background: #c8a64a;
    }

.bs-menu__lv3:hover {
    color: #6c757d;
    }

.bs-header {
    background: #ffffff;
}

.bs-footer__link {
    font-weight: 500;
    filter: drop-shadow(2px 4px 6px black);
    color: #fff
    }

.bs-header .bs-social-media a:hover {
    color: #fece3c;
    }

.badge-warning {
    color: #000;
    background-color: #ced4da;
    }

 .btn-primary:disabled {
    background: #fece3b;
    border-color: #fece3b;
    color: #000000;
    font-weight: 500;
}


.btn-primary:hover {
    background:#fdcf50;
    border-color: #fdcf50;
    color: black;
}

.bs-footer__link.bs-footer__link:hover {
    color: #fff;
}

.bs-collection__product-brand {
    color: #6c757d;
    background: #eeeded;
    font-weight: 400;
}

.bs-menu__title {
    color: #000;
}

.bs-menu__lv3 {
font-weight: 300;
}

label.custom-control-label a {
    color: #000000;
}

.btn-share:hover {
    color: #818182;
    border-color: #818182;
}

.h6 {
    color: black;
}



.navbar-brand {
    padding-top: 2.3125rem;
    padding-bottom: .3125rem;
    margin-right: 1040px;
    z-index: 1;
}

@media screen and (max-width: 992px) {
.navbar-brand {
    padding-top: unset;
    padding-bottom: unset;
    margin-right: 0px;
    
    }
    }

.bs-header .bs-social-media a {

    z-index: 3;
}

.logo
{
z-index: 2;
}

.bs-header {
    background: url(topreal.png);
    background-size: cover;
    }

.bs-header .form-control::placeholder
{
color: white;
}

.bs-header-search .form-control {
    color: white;
}

.bs-footer__social .chat-whatsapp:hover {
    background: #020102;
    color: #fbcc50;
    border: #020102;
}

.bs-footer__social .chat-facebook {
    border: #000000 1px solid;
    color: #fbcc50;
    background-color: #000000;
}

 

@media screen and (min-width: 992px) {
    .bs-menu__lv1 {
       background: #000000;
    }}

    a.ecosubclase {
    font-weight: bold;
}

.fa-instagram {
 color: white;
 font-size: 20px;

}
 

.fa-facebook {
     color: white;
     font-size: 20px;

}

.page-item.active .page-link {
    
    color: #fdcf50;

}

.bs-form-inline input::placeholder {

    color: black !important;
}



.bs-footer__social .chat-whatsapp {
        background: #000000;
        color: var(--chat-whatsapp-hover-txt-color);
    }

    .bs-footer__social .chat-facebook {
    border: #000000 1px solid;
    color: #ffffff;
    background-color: #000000;
}

.bs-footer__social .chat-whatsapp:hover {
    background: #25d366;
    color: #eaeaea;
    border: #020102;
}



@media screen and (max-width: 992px) {
 .show > .bs-menu__lv1 {
     box-shadow: 0 -3px inset #fece3c;
    color: #000000;
}}
