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

/**Cabcera**/

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

.bs-header {
    border-bottom: 3px #dddddd70 solid;
}



.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    box-shadow: 0 -3px inset #dfe026;
}

.bs-header .bs-social-media a {
    padding: .5rem;
    border-radius: 50rem;
    border-color: #c2bd0a;
    width: 2em;
    height: 2em;
    margin: 1rem .125rem .125rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #c2bd0a;
    color: #ffffff;
    font-size: medium;
}

.bs-header .bs-social-media a:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: white;
    text-decoration: none;
}

a.btn.btn-login.d-none.d-lg-flex:hover {
    color: #0155a2;
}

.btn-cart:hover{
 color: #0155a2;
}

.badge-secondary {
    background: #dedf0f;
    color: black;
    font-weight: bold;
}

.bs-collection__product-brand {
    color: #101010;
    background: #ececec;
    }

.bs-title::before, .bs-title::after {
    background: var(--secondary-color);
}

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

.row {
    justify-content: center;
}
 

/**Colecciones**/

.bs-collection__title {
    font-weight: 600;
    text-transform: uppercase;
}

.btn-share {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.btn-share:hover {
    color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.bs-collection-filter .btn-secondary {
    background-color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

/**pie**/

.bs-footer {
    background-image: url(fotop1.png);
}

.bs-footer__title {
    font-weight: 400;
    color: var(--secondary-color);
}

.bs-footer__social .btn-social:hover {
    background: var(--secondary-color);
    color: #000000;
}





/**Tarjeta de clases de profesores de padel**/

.card-clases {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 200px;
  margin: auto;
  text-align: center;
}

img.img-tarjeta {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.col-12.bs-collection__title.text-center {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.title-card-clases {
  color: #444446;
  font-size: 18px;
}

.comentario-card{
font-size: medium;
}

.card-clases .btn-primary, .badge-primary {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}