/* Image Aspect Ratio Fixes - All Sections */

/* ============================================
   MAIN POST SECTION (Homepage hero)
   ============================================ */

/* Main featured article (left) - 900x600 */
.main-post-section-style-1 .rt-post-overlay-xl.layout-1 .post-img a {
    display: block;
    aspect-ratio: 900 / 600;
}

.main-post-section-style-1 .rt-post-overlay-xl.layout-1 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Medium posts on the right - 696x491 */
.main-post-section-style-1 .post-md.style-10 .post-img a {
    display: block;
    aspect-ratio: 696 / 491;
}

.main-post-section-style-1 .post-md.style-10 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   TOP STORIES SECTION
   ============================================ */

/* Grid posts - 551x431 */
.top-stories-style-1 .rt-post-grid .post-img a {
    display: block;
    aspect-ratio: 551 / 431;
}

.top-stories-style-1 .rt-post-grid .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   WHAT'S NEW SECTION
   ============================================ */

/* Large post - 900x600 */
.whats-new-style-1 .rt-post-overlay-lg .post-img a {
    display: block;
    aspect-ratio: 900 / 600;
}

.whats-new-style-1 .rt-post-overlay-lg .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Small posts (style-2) - 143x110 */
.whats-new-style-1 .post-sm.style-2 .post-img a {
    display: block;
    aspect-ratio: 143 / 110;
}

.whats-new-style-1 .post-sm.style-2 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   LIFE STYLE SECTION
   ============================================ */

/* Medium overlay - 900x600 */
.rt-post-overlay-md .post-img a {
    display: block;
    aspect-ratio: 900 / 600;
}

.rt-post-overlay-md .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   LATEST NEWS SECTION
   ============================================ */

/* Post style-2 - 696x491 */
.post-md.style-2 .post-img a {
    display: block;
    aspect-ratio: 696 / 491;
}

.post-md.style-2 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   FEATURED POST SECTION (tabs)
   ============================================ */

/* Small grid posts (style-8) - 343x250 */
.post-md.style-8 .post-img a {
    display: block;
    aspect-ratio: 343 / 250;
}

.post-md.style-8 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   SECTION PAGE (list view)
   ============================================ */

/* Post style-9 - 696x491 */
.post-md.style-9 .post-img a {
    display: block;
    aspect-ratio: 696 / 491;
}

.post-md.style-9 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Section page featured - 900x500 */
.section-articles-grid .rt-post-overlay-lg .post-img a {
    display: block;
    aspect-ratio: 900 / 500;
}

.section-articles-grid .rt-post-overlay-lg .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Section page grid - 696x491 */
.section-articles-grid .rt-post-grid .post-img a {
    display: block;
    aspect-ratio: 696 / 491;
}

.section-articles-grid .rt-post-grid .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   SIDEBAR
   ============================================ */

/* Sidebar small posts - 100x100 */
.rt-sidebar .post-sm .post-img {
    flex-shrink: 0;
}

.rt-sidebar .post-sm .post-img a {
    display: block;
    width: 100px;
    height: 100px;
}

.rt-sidebar .post-sm .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

/* ============================================
   NEWSLETTER PAGE
   ============================================ */

.post-wrap-style-3 .post-img a {
    display: block;
    aspect-ratio: 696 / 491;
}

.post-wrap-style-3 .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================
   GENERAL GRID POSTS
   ============================================ */

.rt-post-grid .post-img a {
    display: block;
    aspect-ratio: 16 / 10;
}

.rt-post-grid .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}