/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

/* --- ARREGLO DE IMÁGENES GIGANTES --- */

/* 1. Para la imagen destacada (la de arriba del todo) */
.kl-blog-post-img img, 
.zn_post_thumbnail {
    max-width: 100%; /* Asegura que no se salga de la pantalla */
    width: auto;     /* Mantiene la proporción */
}

/* Si quieres que sean PEQUEÑAS como antes (tipo miniatura a la izquierda) */
/* Descomenta (quita las barras) del siguiente bloque si las quieres pequeñas: */

/* .kl-blog-list-wrapper .kl-blog-post-img {
    max-width: 420px !important;
    float: left;
    margin-right: 20px;
} 
*/

.site-footer-bottom {
    padding-top: 30px;
    border-top: none !important;
    color: #8b8c8d !important;
}
.latest_posts3-post-details
 {
    float: left !important;
    width: auto !important;
    display: flex;
    gap: 9px;
}
.latest_posts3-post-text {
    margin-left: 0px !important;
}
.site-header.style1:after {
    border: none !important;
}
.site-footer-bottom {
    border: none;
}
.site-footer a {
    color: #494748 !important;
}

#totop {
    background-color: #a7d72b !important;
}
.site-content {

    margin-top: 0px;
}
.zn_sidebar {
    box-shadow: none
}
.social-icons-item:hover {
    box-shadow: none;
}
.h1, h1 {
    font-size: 2rem;
}
.topnav-item, .topnav .menu-item>a{
    font-size: 15px !important;
}
.site-logo-anch {
    padding: 0;
    display: block;
    /* position: relative; */
    vertical-align: middle;
    text-align: center;
}
.topnav-li, .topnav .menu-item {
  
    margin-right: 0px;
}
.w-auto {
    width: auto !important;
}
img.image-boxes-img{
    width: auto !important;
    box-shadow: none !important;
}
.calculate-button {
    background: black !important;
    color: white !important;
    font-size: 13px !important;
}
.calculate-button:hover {
    background: #A7D72B !important;

}
button.myLetterButton {
    font-size: 12px !important;
    padding: 5px 10px 4px !important;
    line-height: 1.6;
}
a.col-auto.btn.btn-primary.btn-sm.m-1.paginate_button{
    font-size: 12px !important;
    padding: 5px 10px 4px !important;
    background: black;
}
@media only screen and (min-width: 992px) {
    #totop:before {
        top: 25px !important;
        left: 49% !important;
        margin-left: 0px !important;
        font-size: 18px !important;
        right: 50%;
    }
    .kl-blog-item-container.has-post-thumbnail {
        padding: 0 !important;
        align-items: stretch !important;
    }

    .post-media {
        display: flex;
        width: 100%;
        overflow: hidden;
    }

    .post-media .zn_full_image,
    .post-media .zn_full_image a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .post-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
}
.sh-tcolor--light .breadcrumbs.bread-style--minimal li a {
    color: hsl(0deg 0% 0% / 50%) !important;
}
.sh-tcolor--light .breadcrumbs.bread-style--minimal li {
    color: hsl(0deg 0% 0% / 85%) !important;
}