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

/*** Paginación ***/
/* color de números e íconos */
.page-link {
    color: grey;
}

/* color al clickear un botón */
.page-link:focus {
    box-shadow: none;
}

/* color de la página actual */
.page-item.active .page-link {
    background-color: #5970BA;
    border-color: #5970BA;
}


/* Estilos generales */

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

.bs-header .bs-social-media a {
    color: #000000;
}

.bs-header .bs-social-media a:hover {
    color: #c79819;
}

.btn.btn-primary {
    background: #c79819;
    border-color: #c79819;
}
.btn.btn-primary:hover {
    background: #e0c57e;
    border-color: #c79819;
    font-weight: 400;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background: #e0c57e;
    border-color: #c79819;
}

.bs-header-cart {
    background: #000000;
}

.btn.btn-secondary {
    background: #ffffff;
    border-color: #cccccc;
    color: #000;
}
.btn.btn-secondary:hover {
    background: #c79819;
    border-color: #c79819;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #c79819;
    border-color: #c79819;
}

.alert-primary {
    color: #ffffff;
    background-color: #c79819;
    border-color: #c79819;
}








/* Menú */

.bs-menu-lv1, .bs-menu-lv1 + .dropdown-menu, .bs-menu-lv3 {
    background-color: #c79819;
}

.bs-menu-lv1:hover, .show > .bs-menu-lv1 {
    background: #000000;
}

.bs-menu-lv1 + .dropdown-menu {
    background-color: #ffffff;
}

.bs-menu-lv2 {
    color: #000000;
}
.bs-menu-lv2.bs-menu-lv2:hover {
    background-color: #ffffff;
    color: #c79819;
}    

@media screen and (max-width: 992px){
    .btn-link {
        text-shadow: 0 0 3px #929292, 0 0 5px #888;
    }
}

.navbar-collapse.collapse.show {
    background-color: #c79819;
}




.bs-title {
    color: #000000;
}

a, .btn-link {
    color: #000000;
}
a:hover {
    color: #c79819;
}    

.badge-secondary {
    color: #aaaaaa;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.noUi-connect {
    background-color: #e2e6ea;
}




/* Footer */

.bs-footer {
    background: #191919;
}    

.bs-footer h5 {
    color: #c79819;
}

.bs-footer .list-group-item {
    background: transparent;
}
.bs-footer .list-group-item:hover {
    opacity: .7;
}

.btn-link:hover {
    text-decoration: none;
}

.bs-footer .bs-social-media .btn-link:hover {
    color: #c79819;
}



.page-item.active .page-link {
    background-color: #191919;
    border-color: #c79819;
}
.page-link:hover {
    color: #c79819;
    background-color: #ffffff;
    border-color: #ffe397;
}

.bs-collection .bs-stock {
    background: #c79819d4;
}    

.btn-danger {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-danger:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #c79819;
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #c79819;
}
.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgb(199 152 25 / 27%);
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(199 152 25 / 27%);
}


.btn-light:hover {
    color: #212529;
    background-color: #ffffff;
    border-color: #c798196b;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #ffffff;
    border-color: #c79819;
}

.breadcrumb {
    color: #c79819;
}

.bs-article a, .btn-pinterest, .btn-light {
    color: #c79819!important;
}    

.bs-article .btn-light {
    color: #c79819!important;
}
.bs-article .btn-light:hover {
    opacity: .7;
}

.btn-link-term {
    color: #000000;
}
.btn-link-term:hover {
    color: #c79819;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #c79819;
    background-color: #c79819;
}

@media screen and (max-width: 992px){
    .btn-facebook:hover, .btn-whatsapp:hover {
        background: transparent;
        color: #c79819;
    }
}

#btn-bsale {
    color: #ffffff;
}