/*
Theme Name: Foton Child
Theme URI: https://foton.qodeinteractive.com/
Description: A child theme of Foton Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.2
Text Domain: foton
Template: foton
*/

/* ===========================================
   Blog Archive — Masonry card grid
   =========================================== */

/* Make image container a full-width block (theme default is inline-block) */
.mkdf-blog-holder.mkdf-blog-masonry article .mkdf-post-image {
    display: block !important;
    width: 100% !important;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
}

/* Fill card width, uniform height, no bottom margin bleeding into card */
.mkdf-blog-holder.mkdf-blog-masonry article .mkdf-post-image img {
    display: block;
    width: 100% !important;
    height: 210px;
    object-fit: cover;
    object-position: center top;
    border-radius: 0;
    margin-bottom: 0;
}

/* Card body */
.mkdf-blog-holder.mkdf-blog-masonry article .mkdf-post-text {
    padding: 16px 4px 4px;
}

/* Card title size */
.mkdf-blog-holder.mkdf-blog-masonry .mkdf-post-title {
    font-size: 17px !important;
    line-height: 1.4;
}

/* Excerpt */
.mkdf-blog-holder.mkdf-blog-masonry .mkdf-post-excerpt p {
    font-size: 14px;
    line-height: 1.6;
}

/* Keep date badge inside image bounds */
.mkdf-blog-holder.mkdf-blog-masonry .mkdf-post-info-date-on-image {
    top: 12px;
    left: 12px;
    width: 48px;
    height: 48px;
    line-height: 24px;
}

.mkdf-blog-holder.mkdf-blog-masonry .mkdf-post-info-date-on-image .mkdf-post-info-date-day {
    font-size: 20px;
    line-height: 28px;
}

/* ===========================================
   Blog Single — Hide duplicate title area
   =========================================== */

.single-post .mkdf-title-holder {
    display: none;
}

/* ===========================================
   Blog Single — Featured image
   =========================================== */

/* Full width block (override inline-block), capped height to prevent portrait images going huge */
.single-post .mkdf-post-heading .mkdf-post-image {
    display: block !important;
    width: 100% !important;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 32px;
}

.single-post .mkdf-post-heading .mkdf-post-image img {
    display: block;
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    object-position: center top;
    border-radius: 0;
    margin-bottom: 0;
}

/* ===========================================
   Blog Single — Heading scale
   =========================================== */

.mkdf-post-text-main .mkdf-post-title,
.mkdf-post-text-main .mkdf-post-title a {
    font-size: 32px !important;
    line-height: 1.25;
}

.mkdf-post-text-main h2 {
    font-size: 24px !important;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 12px;
}

.mkdf-post-text-main h3 {
    font-size: 20px !important;
    line-height: 1.35;
    margin-top: 32px;
    margin-bottom: 10px;
}

.mkdf-post-text-main h4 {
    font-size: 18px !important;
    line-height: 1.4;
    margin-top: 24px;
    margin-bottom: 8px;
}

/* Comfortable reading line length */
.mkdf-post-text-main p,
.mkdf-post-text-main li {
    font-size: 16px;
    line-height: 1.75;
}

/* Tables should still be full width */
.mkdf-post-text-main .wp-block-table,
.mkdf-post-text-main table {
    width: 100%;
}