/* Custom Blog Image Sizing for EA Visual Artists */

/* Featured Images - Blog Cards (850x456px) */
.ltn__blog-item .ltn__blog-img img,
.ltn__blog-item .ltn__blog-gallery-item img,
.ltn__video-img img,
.ltn__blog-audio img,
.th-blog .blog-img img {
    width: 850px !important;
    height: 456px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px;
}

/* Gallery Images */
.ltn__blog-gallery-active .ltn__blog-gallery-item img {
    width: 850px !important;
    height: 456px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Video Thumbnail Images */
.ltn__video-img img,
.blog-img img {
    width: 850px !important;
    height: 456px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Audio Post Images */
.ltn__blog-audio img {
    width: 850px !important;
    height: 456px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Recent Posts Images (85x85px) */
.recent-post-img img,
.ltn__recent-post-widget .recent-post-img img,
.widget .recent-post-img img,
.media-img img {
    width: 85px !important;
    height: 85px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 6px;
}

/* Blog Detail Page Images */
.blog-single .blog-img img {
    width: 100% !important;
    max-width: 850px !important;
    height: 456px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .ltn__blog-item .ltn__blog-img img,
    .ltn__blog-item .ltn__blog-gallery-item img,
    .ltn__video-img img,
    .ltn__blog-audio img,
    .th-blog .blog-img img {
        width: 100% !important;
        max-width: 750px !important;
        height: 400px !important;
    }
    
    .blog-single .blog-img img {
        width: 100% !important;
        height: 400px !important;
    }
}

@media (max-width: 767px) {
    .ltn__blog-item .ltn__blog-img img,
    .ltn__blog-item .ltn__blog-gallery-item img,
    .ltn__video-img img,
    .ltn__blog-audio img,
    .th-blog .blog-img img {
        width: 100% !important;
        height: 300px !important;
    }
    
    .blog-single .blog-img img {
        width: 100% !important;
        height: 300px !important;
    }
}

@media (max-width: 575px) {
    .ltn__blog-item .ltn__blog-img img,
    .ltn__blog-item .ltn__blog-gallery-item img,
    .ltn__video-img img,
    .ltn__blog-audio img,
    .th-blog .blog-img img {
        width: 100% !important;
        height: 250px !important;
    }
    
    .blog-single .blog-img img {
        width: 100% !important;
        height: 250px !important;
    }
    
    /* Keep recent posts smaller on mobile */
    .recent-post-img img,
    .ltn__recent-post-widget .recent-post-img img,
    .widget .recent-post-img img,
    .media-img img {
        width: 70px !important;
        height: 70px !important;
    }
}

/* Color branding adjustments */
.ltn__blog-item .ltn__blog-brief .ltn__blog-title a:hover,
.th-blog .blog-title a:hover {
    color: #FFAC00 !important;
}

.ltn__blog-meta a:hover,
.blog-meta a:hover {
    color: #FFAC00 !important;
}

.ltn__blog-btn a:hover,
.th-btn:hover {
    background-color: #FFAC00 !important;
    border-color: #FFAC00 !important;
}

/* Search and category widgets */
.ltn__search-widget button:hover,
.widget_search button:hover {
    background-color: #FFAC00 !important;
    border-color: #FFAC00 !important;
}

.ltn__menu-widget ul li a:hover,
.widget_categories a:hover {
    color: #FFAC00 !important;
}

.ltn__tagcloud-widget ul li a:hover,
.tagcloud a:hover {
    background-color: #FFAC00 !important;
    border-color: #FFAC00 !important;
}

/* Active category highlighting */
.ltn__menu-widget ul li a.active {
    color: #FFAC00 !important;
    font-weight: 600;
}

/* Pagination styling */
.ltn__pagination ul li a:hover,
.th-pagination ul li a:hover {
    background-color: #FFAC00 !important;
    border-color: #FFAC00 !important;
    color: #ffffff !important;
}

.ltn__pagination ul li.active a,
.th-pagination ul li.active a {
    background-color: #171717 !important;
    border-color: #171717 !important;
    color: #ffffff !important;
}

/* Blog container adjustments */
.ltn__blog-img,
.blog-img {
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.recent-post-img {
    overflow: hidden;
    border-radius: 6px;
    flex-shrink: 0;
}

/* Ensure consistent spacing */
.ltn__blog-item {
    margin-bottom: 50px;
}

.recent-post-img {
    margin-right: 15px;
}

/* Fix for gallery sliders */
.ltn__blog-gallery-active {
    border-radius: 8px;
    overflow: hidden;
}

/* Video play button positioning */
.ltn__video-icon-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}