/*
Theme Name: Codetech Media
Theme URI: https://codetechmedia.com/
Author: Codetech Media
Author URI: https://codetechmedia.com/
Description: WordPress theme based on the current Codetech Media static site design.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: codetechmedia
*/

/* Add custom theme styles below if needed */

.blog__detail{background:#f9fafb;padding:100px 80px;}

/* Show feature image twice in blog listing */
.blog__img-wrapper .img-box {
    display: flex;
    flex-direction: column;
    overflow: visible !important;
    position: relative !important;
    height: auto;
}

.blog__img-wrapper .img-box .image-box__item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 250px !important;
    opacity: 1 !important;	
    visibility: visible !important;
    transform: none !important;
    display: block !important;
        filter: blur(0px);
}

/* ── Breadcrumb ── */
.blog__breadcrumb {
    margin-bottom: 16px;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb-list li a {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-list li a:hover {
    color: #121212;
}

.breadcrumb-sep {
    color: #aaa;
    font-size: 13px;
}

.breadcrumb-current {
    color: #121212;
    font-size: 14px;
    font-weight: 600;
}

/* ── Post Date ── */
.blog__detail-postdate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f4f4f4;
    border-radius: 6px;
    padding: 6px 14px;
    margin-bottom: 18px;
    font-size: 14px;
    color: #555;
    font-weight: 500;
}

.blog__detail-postdate i {
    color: #121212;
    font-size: 14px;
}

.blog__detail-postdate span {
    color: #121212;
    font-weight: 600;
}


@media only screen and (max-width:767px) {
.blog__detail{background:#f9fafb;padding:0px 10px;}
}