/*----------------INICIO BLOG----------------*/

/*fondo inicio blog*/
.ybc_blog #wrapper {
    background-color: #ffffff;
}

/*contenedor principal blog*/
.ybc_blog .container {
    width: unset;
    max-width: 1300px;
}

/*contenedor columna principal*/
#content-wrapper .ybc-blog-wrapper {
    padding-left: 0;
}

/*titulo inicio blog*/
.ybc-blog-wrapper .page-heading {
    text-transform: none !important;
    font-size: 30px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 2rem;
}

/*contenedor filtros "ordenar por"*/
div#js-post-list-top {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/*texto "ordenar por"*/
#js-post-list-top span.sort-by {
    padding-left: 0;
    text-align: left;
    width: unset;
    color: #7a7a7a;
}

/*desplegable "ordenar por"*/
#js-post-list-top select.select {
    background-color: #F9F9F9;
    border-radius: 10px;
    border: none;
    color: #7a7a7a;
}

/*imagenes de entradas de blog*/
#ybc_blog_page #content-wrapper a:has(>img) {
    border-radius: 20px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}

/*titulo primera entrada en inicio blog*/
.ybc-blog-wrapper-content-main .ybc_title_block {
    margin-top: 2rem !important;
    text-transform: none;
    font-size: 20px !important;
    line-height: 30px;
}

/*titulo post de todas las entradas excepto la primera en inicio blog*/
.ybc-blog-list li:not(:first-child) .ybc_title_block {
    min-height: 7rem;
}

/*texto de visitas*/
.ybc-blog-latest-toolbar {
    color: #76C9BA;
}

/*descripcion de post en inicio*/
.blog_description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*texto "leer mas"*/
.ybc_blog .read_more {
    background-color: #76C9BA !important;
    color: #ffffff;
    margin-top: 0;
    font-weight: 600;
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: .8rem 2rem;
    border: none;
    font-style: normal;
}

.ybc_blog .read_more:hover {
    color: #ffffff;
}

/*contenedor primera entrada en inicio*/
.ybc-blog-list li {
    margin-bottom: 4rem;
}

/*contenedores de columna derecha inicio blog*/
#right-column .ybc_blog_sidebar .block {
    box-shadow: none;
    background-color: #F9F9F9;
    border-radius: 20px;
}

/*titulos de contenedor en sidebar inicio blog*/
.ybc-navigation-blog-content .title_blog {
    text-transform: none;
    font-size: 20px !important;
}

/*bloque de categorias inicio blog*/
.block.ybc_block_categories.ybc_blog_ltr_mode .tree a::before {
    display: none !important;
}

/*boton "ver todo"*/
.blog_view_all_button .blog_view_all,
.blog_view_all_button .view_all_link {
    text-transform: none;
    width: 100% !important;
    border-radius: 10px;
    padding: .8rem 0 !important;
    background-color: #9CCF4A;
} .blog_view_all_button .blog_view_all:hover,
  .blog_view_all_button .view_all_link:hover {
    background-color: #90be44;
}

/*titulo post en sidebar*/
.ybc_blog_content_block_item .ybc_title_block {
    text-transform: none;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 22px;
}

/*boton "leer mas" en sidebar*/
.ybc_blog_content_block_item .read_more {
    padding: 0;
    background-color: transparent !important;
    color: #76C9BA;
    margin-top: 1rem;
}

.ybc_blog_content_block_item .read_more:hover {
    color: #5ca89a;
}

/*estilos movil*/
@media (max-width: 768px) {
    #content-wrapper .ybc-blog-wrapper {
        padding: 0;
    }
}

#js-post-list-top span.sort-by {
    display: inline !important;
}

#js-post-list-top>div:has(> span.sort-by) {
    display: flex;
}

/*contenedor paginacion*/
.blog-paggination .links {
    flex-wrap: wrap;
}

/*numero destacado en paginacion*/
.blog-paggination .links>b {
    background-color: #76C9BA;
    border-radius: 5px;
}

/*numeros en paginacion*/
.blog-paggination .links a {
    border: none;
    font-size: 17px;
}

.blog-paggination .links a:hover {
    color: #76C9BA;
}

/*--INICIO CARRUSEL BLOG EN HOME--*/

/*contenedor carrusel blog post recientes*/
.block.ybc_block_latest.page_home.ybc_block_slider {
    padding: 0;
}

.ybc_blog_content_block.blog_type_slider {
    display: flex;
    flex-wrap: wrap;
    row-gap: 3rem;
}

@media (max-width: 768px) {
    
    /* contenedor principal entradas blog */
    .ybc_blog_content_block.blog_type_slider {
        flex-wrap: nowrap;
        column-gap: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem;
        overflow: scroll;
        height: auto;
        max-width: 100%;
    }
    
    .ybc_block_latest.page_home .ybc_blog_content_block_item {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    
    .ybc_blog_content_block_item .ybc_item_img img {
        display: block;
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    
    /*contenedor info post blog carrusel home*/
    .ybc_block_latest.page_home .ybc_blog_content_block_item .ybc-blog-latest-post-content {
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
    }
    
    .ybc_blog_content_block_item .ybc_title_block {
        margin-bottom: 0;
    }
    
    /* boton leer mas */
    .ybc-blog-latest-post-content .read_more {
        width: 50%;
        text-align: center;
    }
    
}

/*ocultar titulo carrusel blog*/
.block.ybc_block_latest.page_home.ybc_block_slider .title_blog.title_block {
    display: none !important;
}

/*flecha izquierda carrusel blog*/
.ybc_block_slider button.slick-arrow.slick-prev {
    display: flex;
    position: absolute;
    left: -5px;
    right: unset;
    top: 20%;
    border-radius: 50% !important;
    padding: 1rem!important;
    border: 1px solid #c5c5c5;
    font-size: 0;
    z-index: 9;
}

.ybc_block_slider button.slick-prev:before {
    font-family: 'ceicons';
    content: '\e81d';
    font-size: 25px;
    color: #000000;
    border: none;
    top: 0.4rem;
    right: 1.3rem;
    transform: rotate(0deg);   
}

/*flecha derecha carrusel blog*/
.ybc_block_slider button.slick-arrow.slick-next {
    display: flex;
    position: absolute;
    right: -5px;
    top: 20%;
    border-radius: 50% !important;
    padding: 1rem!important;
    border: 1px solid #c5c5c5;
    font-size: 0;
}

@media (max-width: 768px) {

    .ybc_block_slider button.slick-arrow.slick-prev {
        left: 0;
    }

    .ybc_block_slider button.slick-arrow.slick-next {
        right: 0;
    }
    
}

.ybc_block_slider .slick-next.slick-arrow:before {
    font-family: 'ceicons';
    content: '\e81e';
    font-size: 25px;
    color: #000000;
    border: none;
    top: 0.4rem;
    right: 1.2rem;
    transform: rotate(0deg);    
}

/*imagen post blog en carrusel*/
.ybc_item_img {
    border-radius: 20px !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05) !important;
}

/*titulo post blog en carrusel*/
.ybc_title_block {
    display: block;
    margin-top: 1rem !important;
    min-height: 50px;
    color: #000000;
}

.ybc_title_block:hover {
    color: #76C9BA;
}

/*bloque texto "publicado en"*/
.ybc-blog-latest-post-content .ybc-blog-sidear-post-meta {
    display: none;
}

/*boton "leer mas" post blog en carrusel*/
.ybc-blog-popular-content .read_more, .ybc-blog-latest-post-content .read_more {
    background-color: #9CCF4A !important;
    color: #ffffff !important;
    margin-top: 0;
    font-weight: 600;
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: .8rem 2rem;
    border: none;
    font-style: normal;
    width: auto;
}

.ybc-blog-latest-post-content .read_more:hover {
    color: #ffffff;
    background-color: #5ca89a !important;
}

/*--FIN CARRUSEL BLOG EN HOME--*/

/*--INICIO PAGINA ENTRADA DE BLOG--*/

/*titulo post en pagina entrada de blog*/
.ybc-blog-wrapper-content .title_cat {
    text-transform: none !important;
    font-size: 30px;
    line-height: 40px;
}

/*contenedor imagen*/
.ybc_blog_img_wrapper {
    margin-bottom: 3rem !important;
}

/*imagen*/
.ybc_image-single img {
    display: block;
    border-radius: 20px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
}

/*bloque encuesta blog*/
.form-polls {
    background-color: #f9f9f9;
    border-radius: 20px;
}

/*contenedor comentario blog*/
.ybc_comment_form_blog {
    background-color: #f9f9f9;
    border-radius: 20px;
    border: none;
}

/*titulo comentario blog*/
.ybc_comment_form_blog .title_blog {
    border-bottom: none;
    font-size: 25px;
}

@media (max-width: 768px) {
    .ybc-blog-wrapper-detail {
        padding: 0;
    }
}

/*label correo electronico en comentario de post blog*/
.blog-comment-row.blog-email label {
    text-align: left;
}

.blog-comment-row.blog-email label::after {
    content: 'Sólo para responderte. Nunca se mostrará';
    display: block;
    font-weight: 400;
    font-size: 12px;
}

/*campo calificacion en comentario de post blog*/
.blog-rate-post {
    flex-direction: column;
}

/*label calificacion en comentario de post blog*/
.blog-rate-post label {
    text-align: left;
}

/*boton enviar comentario en post blog*/
.blog-submit .button {
    text-transform: none !important;
    font-weight: 600;
    font-size: 17px !important;
    background-color: #9CCF4A !important;
} .blog-submit .button:hover {
    background-color: #90be44 !important;
}

/*--FIN PAGINA ENTRADA DE BLOG--*/

/*----------------FIN BLOG------------------*/

/*----------------INICIO PAGINA PERFIL "MI BLOG COMENTA"-------------------*/

#ybc_blog_page #content {
    box-shadow: none;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 5rem;
}

/*ocultar titulo tabla blog*/
.ybc-blog-panel .panel-heading {
    display: none;
}

/*padding celdas tabla blog*/
.ybc-blog-panel table.table td {
    padding: 2rem .5rem;
}

/*primera fila tabla blog*/
.ybc-blog-panel table tr:first-child th {
    background-color: transparent;
    font-size: 14px;
    color: #000000;
}

/*inputs de tabla blog*/
.ybc-blog-wrapper-form-managament input,
.ybc-blog-wrapper-form-managament select {
    height: 2.5rem;
    border-radius: 10px;
}

/*boton "filtrar" en inputs de tabla blog*/
.actions #ybc_submit_ybc_comment {
    border-radius: 10px;
    max-height: unset;
    height: 2.5rem;
    padding: 0 1.5rem;
    box-sizing: content-box;
    color: #ffffff;
}

.actions #ybc_submit_ybc_comment:hover {
    background-color: #5CA89A;
}

/*titulo comentario en tabla de blog*/
.panel.ybc-blog-panel .pointer.subject {
    color: #000000;
}

/*titulo entrada de blog en tabla de blog*/
.panel.ybc-blog-panel .pointer.title a {
    color: #76C9BA;
}

/*----------------FIN PAGINA PERFIL "MI BLOG COMENTA"-------------------*/

/*----------------INICIO PAGINA PERFIL "INFORMACION DE MI BLOG"--------------*/

/*textarea en pagina informacion de mi blog*/
.blog-managament-information textarea {
    border-radius: 10px;
}


/*----------------FIN PAGINA PERFIL "INFORMACION DE MI BLOG"--------------*/