/*** agrega aqui los estilos necesarios para modificar el template ***/
.bs-header {
    background: #2D4899;
}
.bs-header-search .input-group {
    background: #e9ecef;
    border: 1px solid var(--primary-color);
}
.announcement-bar {
    background: WHITE;
}
.bs-categories__title {
    color: #e96006;
}

.btn-primary, .badge-primary {
    background: #e3602b;
    border-color: #e05f34;
    color: white;
}

.btn-secondary:hover {
    background: #2D4899;
    border-color: #2D4899;
    color: white;
}
.bs-collection-filter .btn-secondary {
    color: white;
}
.bs-collection-filter .btn-secondary:hover {
    background-color: #2D4899;
    border-color: #2D4899;
}

.bs-banner-grid__info {
    background: #314a93;
}

.bs-banner-grid__title {
    color: #fff;
}

.fa-brands, .fab {
    color: #fff;
}

.fa-share-alt, .fa-share-nodes {
    color: white;
}

.btn-secondary, .badge-secondary {
    color: white;
}

.bs-copyright {
    color: #fff;
}

.bs-footer__social .btn-social {
    background: #e6611f;
}

.cart-items {
    background: #e6611f;
}

.badge-success {
    color: #fff;
}

.btn-dark:hover {
    color: #fff;
    background-color: #6a7db7;
    border-color: #6a7db7;
}


.checkout-header img {
    max-height: 150px;
    width: auto
}

.breadcrumb-item.active {
    text-transform: capitalize;
}

.bs-footer__chat .chat-whatsapp {
background: #25D366;
color: white;
 position: fixed;
 z-index: 5000;
 right: 1em;
border: 0;
 border-radius: 50rem;
width: 57px;
height: 54px;
margin: .125rem .125rem;
display: inline-flex;
 justify-content: center;
 align-items: center;
 font-size: 3.5rem; }

 @media only screen and (max-width : 992px) {
.bs-footer__chat .chat-whatsapp {
      position: fixed;
      bottom: 50%;
      right: 1rem;
      flex-direction: column;
      z-index: 9000;  
      font-size: 3.5rem;
      }
 }

 .fa-facebook-messenger {
    display: none;
}

.bs-collection-filter .bs-filter-btn {
    text-transform: uppercase;
}

.custom-control-label {
    text-transform: uppercase;
}

.fa-angle-right {
    color: white;
}

.fa-angle-left {
    color: white;
}