/*
Theme Name: Zen Balance
Theme URI: https://zebalance.com.mx/
Author: ImaginaEstudio
Author URI: https://zenbalance.com.mx/
Description: Un tema para zenbalance.com.mx
Version: 1.0
*/

h1,h2,h3,h4,h5,h6{
    font-family: "Barlow", sans-serif;
    color: #675246;
}

#b-post{
    background: #ffffff;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}

#single-post{
    background: #ffffff;
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}

#single-post .btn-regresar-blog{
    background-color: #53662c;
    border-color: #53662c;
    color: #fff;
}

#img-post-single-header .card-img{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


#b-post .card-title{
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #675246;
    display: -webkit-box; /* Activa el modelo de caja flexible para compatibilidad */
    -webkit-line-clamp: 2; /* Limita el texto a 2 líneas */
    -webkit-box-orient: vertical; /* Orientación de las líneas */
    overflow: hidden; /* Oculta el texto que exceda el área */
    text-overflow: ellipsis; /* Añade los puntos suspensivos */
    white-space: normal; /* Permite el salto de línea */
    line-clamp: 2; /* Limita el texto a 2 líneas */
}

#b-post .card-text{
    font-family: "Montserrat", sans-serif;
    color: #675246;
}

#b-post .card-footer .author-muted{
    font-family: "Abel", sans-serif;
    font-weight: 400;
    color:#cf6f78;
    font-size: 1rem;
}

#b-post .btn-read-more-post {
    font-family: "Montserrat", sans-serif;
    background-color: #cf6f78;
    border-color: #cf6f78;
    padding: .375rem 1.75rem;
    font-size: 1.1rem;
    border-radius: .40rem;
}


/* Mobiles in Potrait mode */
@media only screen
and (max-width : 320px) {
    /* Add you style here */
}

/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {



}

/* Tablets */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

}

/* Desktops and laptops computers */
@media only screen
and (min-width : 1224px) {

}

/* very large screen devices */
@media only screen
and (min-width : 1824px) {

}