.elementor-13 .elementor-element.elementor-element-5a8f726{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5a8f726:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5a8f726 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://csuiteera.com/wp-content/uploads/2025/11/pic-5.jpg");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-00ca2cf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-5433754 );}.elementor-13 .elementor-element.elementor-element-2ddc1ba .eael-breadcrumbs .eael-breadcrumbs__content{color:var( --e-global-color-5433754 );}.elementor-13 .elementor-element.elementor-element-2ddc1ba .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-13 .elementor-element.elementor-element-2ddc1ba .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-13 .elementor-element.elementor-element-47524a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 20px;--row-gap:10px;--column-gap:20px;--padding-top:20px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-13 .elementor-element.elementor-element-0f689b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-post-excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-0212860 .eael-grid-post-holder{background-color:#fff;}.elementor-13 .elementor-element.elementor-element-0212860 .eael-entry-title a{color:#303133;}.elementor-13 .elementor-element.elementor-element-0212860 .eael-entry-title:hover, .elementor-13 .elementor-element.elementor-element-0212860 .eael-entry-title a:hover{color:#23527c;}.elementor-13 .elementor-element.elementor-element-0212860 .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-13 .elementor-element.elementor-element-0212860 .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-13 .elementor-element.elementor-element-0212860 .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-13 .elementor-element.elementor-element-0212860 .eael-post-elements-readmore-btn{color:var( --e-global-color-0497147 );}.elementor-13 .elementor-element.elementor-element-2d7472a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-69d51f6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-de33f84 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-0f689b8{--width:85%;}.elementor-13 .elementor-element.elementor-element-2d7472a{--width:50%;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-5a8f726{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-47524a2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13 .elementor-element.elementor-element-2d7472a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-7ec3728 *//* Container: Pure White Background */
.wide-cover-list {
    width: 100% !important;
    background: #ffffff;
    padding: 0px 0px; /* Laptop Padding */
    box-sizing: border-box;
}

.wide-container {
    display: flex;
    flex-direction: column; /* One below the other */
    gap: 15px; /* Minimal gap between wide bars */
    max-width: 1200px;
    margin: 0 auto;
}

/* Wide & Short Card Design */
.wide-item-card {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 7; /* Wide and Short height */
    overflow: hidden;
    border-radius: 4px;
    background: #000;
}

.wide-link {
    display: block;
    width: 100%;
    height: 100%;
}

.wide-img-wrap {
    width: 100%;
    height: 100%;
}

.wide-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills the wide space */
    display: block;
    opacity: 0.9; /* Slight dimming to help text pop */
}

/* Perfect Black-Transparent Gradient Overlay */
.wide-overlay {
    position: absolute;
    inset: 0; /* Cover whole card */
    padding: 20px 30px;
    box-sizing: border-box;
    /* Gradient from bottom-left to make white text very clear */
    background: linear-gradient(75deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers title vertically within the short height */
}

/* Small Title Style */
.wide-small-title {
    color: #ffffff !important;
    font-size: 1.1rem; /* Small & Clean */
    font-weight: 700;
    margin: 0 0 5px 0;
    max-width: 70%; /* Keeps title from stretching too wide */
    line-height: 1.2;
}

/* Meta Branding Row */
.wide-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.wide-red-badge {
    background: #e31e24;
    color: #ffffff !important;
    padding: 3px 3px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;
    border-radius: 2px;
    text-transform: uppercase;
}

.wide-date {
    color: rgba(255,255,255,0.7);
    font-size: 11px;
    text-transform: uppercase;
}

/* MOBILE RESPONSIVE: No Padding, Edge-to-Edge */
@media (max-width: 768px) {
    .wide-cover-list {
        padding: 0 !important; /* NO SIDE OR TOP PADDING */
    }

    .wide-container {
        gap: 2px; /* Nearly flush on mobile */
    }

    .wide-item-card {
        aspect-ratio: 16 / 8; /* Slightly taller on mobile for better thumb-scrolling */
        border-radius: 0;
    }

    .wide-overlay {
        padding: 15px;
        background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
    }

    .wide-small-title {
        font-size: 0.95rem;
        max-width: 100%;
    }
}/* End custom CSS */