.elementor-280 .elementor-element.elementor-element-08fe95e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-280 .elementor-element.elementor-element-254c767{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-280 .elementor-element.elementor-element-d9a60f2{--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;}.elementor-280 .elementor-element.elementor-element-90c77e6 > .elementor-widget-container{padding:0px 0px 035px 0px;}.elementor-280 .elementor-element.elementor-element-458a0ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;border-style:none;--border-style:none;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-280 .elementor-element.elementor-element-458a0ed:not(.elementor-motion-effects-element-type-background), .elementor-280 .elementor-element.elementor-element-458a0ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-280 .elementor-element.elementor-element-538438b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 6px;border-color:#2463E9;border-radius:4px 4px 4px 4px;}.elementor-280 .elementor-element.elementor-element-538438b.elementor-element{--align-self:flex-start;}.elementor-280 .elementor-element.elementor-element-538438b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:2.4rem;font-weight:800;color:#FFFFFF;}.elementor-280 .elementor-element.elementor-element-d8687a9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-280 .elementor-element.elementor-element-d8687a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5rem 0rem 8rem 0rem;}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-280 .elementor-element.elementor-element-d8687a9:after{content:"0.66";}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__thumbnail__link{width:100%;}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__meta-data span + span:before{content:"•";}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__text{margin-top:20px;}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__badge{right:0;}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:1024px){.elementor-280 .elementor-element.elementor-element-538438b .elementor-heading-title{font-size:2rem;}.elementor-280 .elementor-element.elementor-element-d8687a9 > .elementor-widget-container{padding:3rem 0rem 5rem 0rem;}}@media(min-width:768px){.elementor-280 .elementor-element.elementor-element-d9a60f2{--width:100%;}.elementor-280 .elementor-element.elementor-element-458a0ed{--content-width:1140px;}}@media(max-width:767px){.elementor-280 .elementor-element.elementor-element-538438b{border-width:0px 0px 0px 4px;border-radius:0px 0px 0px 12px;}.elementor-280 .elementor-element.elementor-element-538438b .elementor-heading-title{font-size:1.6rem;}.elementor-280 .elementor-element.elementor-element-d8687a9 > .elementor-widget-container{padding:2rem 0rem 4rem 0rem;}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-280 .elementor-element.elementor-element-d8687a9:after{content:"0.5";}.elementor-280 .elementor-element.elementor-element-d8687a9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-b44d099 */<style>
/* =========================================
   GSL REFINED DESIGN SYSTEM (V5)
   ========================================= */

/* --- 1. GLOBAL TYPOGRAPHY & SPACING --- */
.elementor-widget-theme-post-content, 
.elementor-widget-text-editor { 
    color: #e5e7eb; 
    font-family: 'Inter', sans-serif; 
    font-size: 1.125rem; /* 18px - Perfect for long-form reading */
    line-height: 1.7;    /* Optimal line height for 18px text */
    font-weight: 300;
}

/* Paragraph Rhythm: 1.5rem (24px) ensures paragraphs feel connected but distinct */
.elementor-widget-theme-post-content p,
.elementor-widget-text-editor p {
    margin-bottom: 1.5rem !important; 
}

/* --- 2. HEADINGS (Visual Hierarchy) --- */
/* H2: The Section Breaker */
.elementor-widget-theme-post-content h2, .elementor-widget-text-editor h2 {
    font-family: 'Manrope', sans-serif; 
    color: white; 
    font-size: 2rem; 
    font-weight: 800; 
    /* Margin Justification: 4rem top pushes it away from previous topic. 1.5rem bottom pulls text closer. */
    margin-top: 4rem; 
    margin-bottom: 1.5rem; 
    display: flex; align-items: center; gap: 1rem; 
    letter-spacing: -0.02em;
}
.elementor-widget-theme-post-content h2::before, .elementor-widget-text-editor h2::before {
    content: ''; display: block; width: 6px; height: 32px; background: #2463E9; border-radius: 4px; flex-shrink: 0;
    box-shadow: 0 0 15px rgba(36, 99, 233, 0.4);
}

/* H3: The Sub-Topic */
.elementor-widget-theme-post-content h3, .elementor-widget-text-editor h3 {
    font-family: 'Manrope', sans-serif; color: white; font-weight: 700;
    font-size: 1.5rem; 
    margin-top: 2.5rem; 
    margin-bottom: 1rem;
    display: flex; align-items: center; gap: 0.75rem;
}
.elementor-widget-theme-post-content h3::before, .elementor-widget-text-editor h3::before {
    content: ''; display: block; width: 4px; height: 20px; background: rgba(255,255,255,0.3); border-radius: 4px;
}

/* --- 3. MEDIA (Videos & Images) --- */
/* Fix YouTube/Vimeo Embeds - Making them look premium */
.wp-block-embed, .elementor-video-widget, .elementor-fit-aspect-ratio {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);
    margin: 3rem 0 !important;
    border: 1px solid rgba(255,255,255,0.05);
}

/* Images */
.elementor-widget-theme-post-content img, .elementor-widget-text-editor img {
    width: 100% !important; height: auto !important;
    border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.08) !important;
    transition: all 0.4s ease !important;
}
.elementor-widget-theme-post-content img:hover, .elementor-widget-text-editor img:hover {
    transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.3) !important;
}

/* --- 4. LISTS (Blue Accents) --- */
.elementor-widget-theme-post-content ul, .elementor-widget-text-editor ul {
    margin: 2rem 0; padding-left: 1.5rem;
}
.elementor-widget-theme-post-content ul li, .elementor-widget-text-editor ul li {
    list-style: none; position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem;
}
.elementor-widget-theme-post-content ul li::before, .elementor-widget-text-editor ul li::before {
    content: ''; position: absolute; left: 0; top: 11px;
    width: 6px; height: 6px; background: #2463E9; border-radius: 1px;
}

/* --- 5. QUOTES (Glass Effect) --- */
.elementor-widget-theme-post-content blockquote, .elementor-widget-text-editor blockquote {
    position: relative;
    background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-left: 4px solid #2463E9 !important; 
    border-radius: 16px !important; padding: 2.5rem !important; margin: 3rem 0 !important;
}
.elementor-widget-theme-post-content blockquote p, .elementor-widget-text-editor blockquote p {
    color: white !important; font-family: 'Manrope', sans-serif !important; font-style: italic !important; font-size: 1.35rem !important;
}

/* --- 6. CAPTIONS --- */
figcaption, .wp-element-caption, .gallery-caption {
    text-align: center; font-family: 'Inter', sans-serif !important; font-size: 0.85rem !important;
    color: #9ca3af !important; margin-top: 10px !important; font-style: italic !important;
}
</style>/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-d8687a9 *//* =========================================
   GSL RELATED POSTS (FINAL LAYOUT FIX)
   ========================================= */

/* 1. CONTAINER: THE "SIDEBAR KILLER" */
/* We give this a background and high Z-index so it covers the sticky sidebar */
.elementor-widget-posts {
    position: relative !important;
    z-index: 50 !important; /* Higher than the sidebar */
    background-color: #050505 !important; /* Matches your site background */
    padding-top: 2rem !important; 
    margin-top: 4rem !important; 
    width: 100% !important;
}

/* 2. GRID LAYOUT */
.elementor-widget-posts .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}
@media (max-width: 768px) {
    .elementor-widget-posts .elementor-grid { grid-template-columns: 1fr !important; }
}

/* --- THE GLASS PURIFIER (Removes Dark Shades) --- */

/* 3. Kill Elementor's Image Overlay */
.elementor-widget-posts .elementor-post__thumbnail__link::after,
.elementor-widget-posts .elementor-post__thumbnail::after {
    content: none !important;
    background: transparent !important;
    opacity: 0 !important;
}

/* 4. Force TOTAL Transparency on Card Layers */
.elementor-widget-posts .elementor-post,
.elementor-post__card,
.elementor-post__text,
.elementor-post__card-body,
.elementor-post__card-footer {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- END GLASS PURIFIER --- */


/* 5. THE CARD CONTAINER (Glass Border) */
.elementor-widget-posts .elementor-post {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin: 0 !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

/* HOVER: Subtle Lift + Blue Border */
.elementor-widget-posts .elementor-post:hover {
    transform: translateY(-5px);
    border-color: rgba(36, 99, 233, 0.5) !important; /* GSL Blue */
}

/* 6. IMAGE (16:9 Ratio) */
.elementor-widget-posts .elementor-post__thumbnail__link {
    width: 100% !important;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    position: relative !important;
    display: block !important;
}
.elementor-widget-posts .elementor-post__thumbnail img {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
}

/* 7. CONTENT PADDING & TYPOGRAPHY */
.elementor-post__text { padding: 1.5rem !important; }

/* META: Brand Blue */
.elementor-post__meta-data {
    color: #2463E9 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 0.75rem !important;
}

/* TITLE: Manrope, White */
.elementor-post__title { margin: 0 0 1rem 0 !important; }
.elementor-post__title a {
    color: white !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}
.elementor-post__title a:hover { color: #60a5fa !important; }

/* EXCERPT: Light Grey */
.elementor-post__excerpt p {
    color: #9ca3af !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* BOTTOM BAR (Date) */
.elementor-post__card-footer {
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    padding: 1rem 1.5rem !important;
}
.elementor-post__card-footer .elementor-post-date {
    color: #6b7280 !important;
    font-size: 0.75rem !important;
    font-family: 'Inter', sans-serif !important;
}

/* HIDE EXTRAS */
.elementor-post__avatar, .elementor-post__badge, .elementor-post__read-more { display: none !important; }/* End custom CSS */