@font-face{
    src: url("https://s3.amazonaws.com/bsalemarket/8351/3/DLEGeomet.ttf"); 
    font-family: DLEGeomet;  
}
@font-face{
    src: url("https://s3.amazonaws.com/bsalemarket/8351/3/Brightwall_Dafont.ttf"); 
    font-family: Brightwall_Dafont;  
}
p.col.destacado {
    font-size: 22px;
    font-family: 'Arima Madurai', cursive;
}
.container-fluid.bg-light.pt-2 {
    background-color: white!important;
}
.bs-discount.triangle:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-color: #f4b2c0 transparent transparent #f4b2c0;
    border-style: solid;
    border-width: 2em 3em;
    color: black;
}
h6.bs-trunc {
    white-space: unset;
    line-height: 18px;
}
h6.text-truncate {
    white-space: unset;
    line-height: 18px;    
}
.bs-discount.triangle span, .bs-discount.triangle strong {
    position: relative;
    top: -3em;
    width: 100%;
    padding: 0 .3em;
    display: block;
    color: #000000a3;
    text-align: left;
    font-size: 19px;
}
.bs-title {
    text-align: center;
    margin: 60px 0;
    font-size: 37px;
    text-transform: uppercase;
    font-family: 'Raleway';
    text-shadow: 2px 2px 2px #5d5c5d3b;
}

/*** 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: #b3b3b4;
    border-color: #b3b3b4;
}
.bs-header .bs-social-media a {
    padding: .5rem;
    color: #000000;
    font-size: 24px;
}
.bs-header .bs-social-media a:hover {
    padding: .5rem;
    color: #000000;
    font-size: 24px;
    opacity:0.6;
}
.bs-header .btn-link, .navbar-toggler {
    color: black;
}
.bs-header form input, .bs-header form input:focus, .bs-header form .btn, .bs-header form .btn:focus {
    background: transparent;
    color: black;
    border-width: 0 0 1px;
    border-color: black;
    outline: none;
    box-shadow: none !important;
    text-decoration: none;
}
.featured.text.text-info.mb-1 {
    color: grey!important;
    font-size: 12px;
}
.featured-text.text-info.mb-1 {
    color: grey!important;
    font-size: 12px;    
}
.badge-secondary {
    color: #6f6f6f;
    background-color: #f4b2c0;
}
.btn-primary {
    background-color: white;
    border: 1.5px solid #f4b2c0;
    color: grey;
}
.btn-secondary {
    background-color: white;
    border: 1.5px solid #f4b2c0;
    color: grey;
}
.btn-secondary:hover, .btn-secondary.active, .btn-primary:hover, .btn-primary.active {
    color: #fff;
    background: #f4b5c2;
    border: 1.5px solid #f4b2c0;
    box-shadow: 0 0 0 0 transparent;
}
.bs-agregar .btn-primary {
    background-color: white;
    border: 1.5px solid #f4b2c0;
    color: grey;
}
.bs-collection-filter .btn:not(.collapsed) {
    background-color: white;
    border: 1.5px solid #f4b2c0;
    color: grey;
}
.bs-collection-filter .btn:not(.collapsed):hover {
    color: #fff;
    background: #f4b5c2;
    border: 1.5px solid #f4b2c0;
    box-shadow: 0 0 0 0 transparent;
}
.bs-footer .list-group-item:hover {
    opacity: .9;
    transition: .3s;
    color: #e6718a;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus, .btn-primary:active, .btn-primary:hover {
    color: #fff;
    background: #f4b5c2;
    border: 1.5px solid #f4b2c0;
    box-shadow: 0 0 0 0 transparent;
}
.bs-footer {
    background: #fcf5f4;
    padding: 1rem 0;
    color: black;
}
.bs-footer .bs-social-media a {
    font-size: 2rem;
    color: black;
}
.bs-footer .bs-social-media a:hover {
    font-size: 2rem;
    color: #f4b2c0;
}
.bg-light {
    background-color: #fcf5f4!important;
}
h3.bs-title.text-capitalize {
    background-color: #fcf5f4;
}
.bs-informacion {
    background-color: #fcf5f4;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
    font-size: 1.25rem;
}
a.list-group-item.btn.btn-link.text-truncate {
    color: black;
}
a.list-group-item.btn.btn-link.text-truncate:hover {
    color: #e6718a;
}
.navbar-toggler:hover {
    color: #f4b2c0;
    outline: #f4b2c0;
}
.navbar-collapse, .navbar-collapse .bs-header-nav {
    background: #fcf5f4;
}
.dropdown-menu.show {
    background: #fddde1;
}
.bs-form-inline input {
    background-color: white;
    height: 2.5em;
}
.bs-form-inline button {
    background-color: #f4b2c0;
    color: #3d3c3c;
    border: 1px solid #f4b2c0;
    border-radius: 0;
    height: 2.5em;
}d
.bs-form-inline button:hover {
    background-color: #f4b2c0;
    color: #3d3c3c;
    border: 1px solid #f4b2c0;
    border-radius: 0;
    height: 2.5em;
    opacity:0.6;
}
img.img-fluid.logo {
    max-width: 174px;
}
.bs-product-final-price {
    color: #edadad;
    font-family: sans-serif;
    font-weight: 500;
}
.bs-product-price {
    font-size: 16px;
    display: inline-block;
    padding-bottom: 8px;
    color: gray;
    font-family: sans-serif;
        font-weight: 500;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f4b2c0;
    background-color: #f4b2c0;
}
@media screen and (max-width: 992px){
    .bs-chat a {
        width:auto;
        height:auto;
        padding: .5rem .75rem;
        margin: 0;
        color: black;
        box-shadow:none;
    }

    .btn-facebook,
    .btn-whatsapp {
        background: #fbf6f5;
    }
    
    .btn-facebook:hover,
    .btn-whatsapp:hover{
        background-color: #fbf6f5;
    }
    
    .bs-chat a:hover {
        background-color: #fcf5f4;
        color: #f4b2c0;
    }
}
.bs-discount.circle {
    background: #f4b2c0;
    color: #fff;
    height: 3em;
    width: 3em;
    border-radius: 500em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -.5em;
}
.bs-banners .bs-banner-info {
    background: #fbf6f5;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
body {
    font-family: 'Raleway', sans-serif;
}
.bs-header {
    border-top: 10px solid #fcf5f4;
    border-bottom: 10px solid #fcf5f4;
    background: #fcf5f4;
}
.bs-menu-lv2 {
    font-weight: 300;
}
.bs-menu-lv3 {
    font-size: 0.9em;
    font-weight: 400;
}
.bs-menu-title .bs-menu-lv2, .bs-menu-title ~ div > .bs-menu-lv2 {
    /* color: red; */
    font-weight: 900;
    color: black;
}
.bs-menu-lv1 {
    padding: 10px;
}
.badge-primary {
    color: #fff;
    background-color: #721c47;
}