.elementor-889 .elementor-element.elementor-element-90b57df{--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;--justify-content:center;--overlay-opacity:0.15;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-889 .elementor-element.elementor-element-90b57df:not(.elementor-motion-effects-element-type-background), .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEDF;}.elementor-889 .elementor-element.elementor-element-90b57df::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-background-video-container::before, .elementor-889 .elementor-element.elementor-element-90b57df > .e-con-inner > .elementor-background-video-container::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-background-slideshow::before, .elementor-889 .elementor-element.elementor-element-90b57df > .e-con-inner > .elementor-background-slideshow::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://alekhyacollective.com/wp-content/uploads/2026/08/BG_1.jpg");--background-overlay:'';background-position:center center;background-repeat:repeat;background-size:contain;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-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-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-889 .elementor-element.elementor-element-7e7a712{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail__link{width:100%;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data span + span:before{content:"•";}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__text{margin-top:20px;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__badge{right:0;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title, .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title a{font-family:"Cormorant Garamond", Sans-serif;font-weight:600;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__excerpt p{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__read-more{color:#7F2320;}.elementor-889 .elementor-element.elementor-element-7e7a712 a.elementor-post__read-more{font-family:"Montserrat", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-889 .elementor-element.elementor-element-90b57df{--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:1025px){.elementor-889 .elementor-element.elementor-element-90b57df::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-background-video-container::before, .elementor-889 .elementor-element.elementor-element-90b57df > .e-con-inner > .elementor-background-video-container::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-background-slideshow::before, .elementor-889 .elementor-element.elementor-element-90b57df > .e-con-inner > .elementor-background-slideshow::before, .elementor-889 .elementor-element.elementor-element-90b57df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for posts, class: .elementor-element-7e7a712 *//* ============================================================
   LABEL : ALEKHYA_JOURNAL_POSTS_WIDGET_CSS_V1
   PURPOSE : Premium Alekhya editorial blog cards
   LOCATION:
   Elementor Posts Widget → Advanced → Custom CSS

   BRAND
   Ivory    : #F8F3E2
   Burgundy : #80221E
   Bronze   : #AD7C59

   IMPORTANT:
   ".elementor-889 .elementor-element.elementor-element-7e7a712" keeps these styles restricted to THIS widget.
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');


/* ============================================================
   01. GRID SPACING
   ============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-posts-container{
    column-gap: 32px !important;
    row-gap: 42px !important;
}


/* ============================================================
   02. MAIN CARD

   No normal box shadow.
   Very subtle warm border.
   Almost-square corners.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post{
    position: relative;
    overflow: hidden;

    background: #FBF8EF !important;

    border: 1px solid rgba(173,124,89,.20) !important;
    border-radius: 3px !important;

    box-shadow: none !important;

    transition:
        transform .65s cubic-bezier(.22,.61,.36,1),
        border-color .45s ease,
        background-color .45s ease !important;
}


/* ------------------------------------------------------------
   CARD HOVER
   Gentle 5px lift.
------------------------------------------------------------ */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover{
    transform: translateY(-5px);

    border-color: rgba(173,124,89,.55) !important;

    background: #FDFBF5 !important;

    box-shadow: none !important;
}


/* ============================================================
   03. LUXURY BRONZE ACCENT LINE

   Instead of a shadow, a bronze line grows across the
   bottom of the card when hovered.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post::after{
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 2px;

    background: #AD7C59;

    transform: scaleX(0);
    transform-origin: left center;

    transition:
        transform .75s cubic-bezier(.22,.61,.36,1);

    pointer-events: none;

    z-index: 10;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover::after{
    transform: scaleX(1);
}


/* ============================================================
   04. FEATURED IMAGE
   ============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail{
    position: relative;

    overflow: hidden !important;

    border-radius: 2px 2px 0 0 !important;

    background: #EEE7D7;
}


/* ------------------------------------------------------------
   IMAGE RATIO

   Creates a consistent editorial artwork presentation.
------------------------------------------------------------ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail__link{
    overflow: hidden !important;
}


/* ------------------------------------------------------------
   IMAGE

   Slow cinematic zoom.
------------------------------------------------------------ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail img{
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: scale(1);

    filter:
        saturate(.94)
        contrast(.98);

    transition:
        transform 1.15s cubic-bezier(.22,.61,.36,1),
        filter .9s ease !important;
}


/* ------------------------------------------------------------
   IMAGE HOVER

   Very subtle zoom — deliberately restrained.
------------------------------------------------------------ */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover .elementor-post__thumbnail img{
    transform: scale(1.045);

    filter:
        saturate(1.04)
        contrast(1.02);
}


/* ============================================================
   05. PREMIUM IMAGE LIGHT EFFECT

   A very soft light passes over the artwork during hover.
   This replaces flashy shadows/effects.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__thumbnail::after{
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 65%;
    height: 100%;

    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,0) 25%,
        rgba(255,248,226,.16) 50%,
        rgba(255,255,255,0) 75%,
        transparent 100%
    );

    transform: skewX(-12deg);

    transition:
        left 1.05s cubic-bezier(.22,.61,.36,1);

    pointer-events: none;

    z-index: 4;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover .elementor-post__thumbnail::after{
    left: 145%;
}


/* ============================================================
   06. CATEGORY

   Converts Elementor's category/badge into a much more
   restrained Alekhya editorial label.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__badge{
    top: 22px !important;
    right: 20px !important;

    left: auto !important;

    background: rgba(248,243,226,.94) !important;

    color: #80221E !important;

    border: 1px solid rgba(173,124,89,.55) !important;

    border-radius: 2px !important;

    padding: 7px 11px !important;

    font-family: "Montserrat", sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: 1.5px !important;

    text-transform: uppercase !important;

    box-shadow: none !important;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    transition:
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease !important;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover .elementor-post__badge{
    background: #80221E !important;

    color: #F8F3E2 !important;

    border-color: #80221E !important;
}


/* ============================================================
   07. CONTENT AREA
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__text{
    padding:
        36px
        32px
        32px !important;

    margin: 0 !important;
}


/* ============================================================
   08. ALEKHYA LOGO AVATAR

   Existing Elementor avatar circle is retained.

   We visually replace the author image with the Alekhya logo.

   LOGO URL — SEARCH:
   ALEKHYA BLOG AVATAR LOGO
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post-avatar{
    width: 68px !important;
    height: 68px !important;

    position: relative !important;

    margin-top: -34px !important;
    margin-left: 30px !important;

    z-index: 8 !important;

    overflow: hidden !important;

    border-radius: 50% !important;

    background:
        #F8F3E2
        url("https://alekhyacollective.com/wp-content/uploads/2026/05/Alekhya_Logo.png")
        center center / 76% auto
        no-repeat !important;

    border: 3px solid #F8F3E2 !important;

    box-shadow: none !important;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        border-color .4s ease !important;
}


/* Hide original Elementor avatar image */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post-avatar img{
    opacity: 0 !important;
}


/* Logo animation */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover .elementor-post-avatar{
    transform: rotate(5deg) scale(1.05);

    border-color: #AD7C59 !important;
}


/* ============================================================
   09. POST TITLE

   Alekhya Display Font:
   Cormorant Garamond
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title,
.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title a{

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size: clamp(26px, 2vw, 31px) !important;

    font-weight: 500 !important;

    line-height: 1.16 !important;

    letter-spacing: -.25px !important;

    color: #80221E !important;

    text-decoration: none !important;

    transition:
        color .35s ease !important;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title{
    margin:
        0
        0
        18px !important;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover .elementor-post__title a{
    color: #AD7C59 !important;
}


/* ============================================================
   10. EXCERPT

   Montserrat
   Maximum approximately 3 lines.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__excerpt{

    font-family:
        "Montserrat",
        Arial,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;

    color: #756A63 !important;

    margin:
        0
        0
        25px !important;


    /* 3 LINE LIMIT */

    display: -webkit-box !important;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__excerpt p{
    margin: 0 !important;

    font: inherit !important;

    color: inherit !important;
}


/* ============================================================
   11. READ MORE

   Elementor's existing Read More link becomes the
   Alekhya editorial CTA.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__read-more{

    display: inline-flex !important;

    align-items: center;

    gap: 9px;

    position: relative;

    padding:
        0
        0
        7px !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(173,124,89,.50) !important;

    border-radius: 0 !important;

    font-family:
        "Montserrat",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    line-height: 1.3 !important;

    letter-spacing: 1.6px !important;

    text-transform: uppercase !important;

    color: #80221E !important;

    box-shadow: none !important;

    transition:
        color .35s ease,
        border-color .35s ease,
        letter-spacing .45s ease !important;
}


/* ------------------------------------------------------------
   ADD ARROW AUTOMATICALLY
------------------------------------------------------------ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__read-more::after{
    content: "→";

    display: inline-block;

    color: #AD7C59;

    font-size: 16px;

    line-height: .7;

    transition:
        transform .4s cubic-bezier(.22,.61,.36,1);
}


/* READ MORE HOVER */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__read-more:hover{
    color: #AD7C59 !important;

    border-color: #AD7C59 !important;

    letter-spacing: 1.9px !important;
}


.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__read-more:hover::after{
    transform: translateX(5px);
}


/* ============================================================
   12. META DATA

   Date / author / comments if enabled in Elementor.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data{

    font-family:
        "Montserrat",
        Arial,
        sans-serif !important;

    font-size: 10px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 1.1px !important;

    text-transform: uppercase !important;

    color: #AD7C59 !important;

    margin-bottom: 13px !important;
}


/* ============================================================
   13. CSS-ONLY ENTRANCE ANIMATION

   Cards gently fade upward when the widget loads.

   Because you requested CSS ONLY, this happens when the
   posts render rather than detecting actual scroll position.
============================================================ */

@keyframes alekhyaJournalCardReveal{

    from{
        opacity: 0;
        transform: translateY(22px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }

}


.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post{
    opacity: 0;

    animation:
        alekhyaJournalCardReveal
        .85s
        cubic-bezier(.22,.61,.36,1)
        forwards;
}


/* CARD 01 */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(1){
    animation-delay: .08s;
}


/* CARD 02 */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(2){
    animation-delay: .20s;
}


/* CARD 03 */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(3){
    animation-delay: .32s;
}


/* Future posts */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(4){
    animation-delay: .44s;
}

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(5){
    animation-delay: .56s;
}

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:nth-child(6){
    animation-delay: .68s;
}


/* ============================================================
   14. TABLET
   ============================================================ */

@media (max-width:1024px){

    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-posts-container{
        column-gap: 25px !important;
        row-gap: 34px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__text{
        padding:
            32px
            25px
            28px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title,
    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title a{
        font-size: 27px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__excerpt{
        font-size: 15px !important;
    }

}


/* ============================================================
   15. MOBILE
   ============================================================ */

@media (max-width:767px){

    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-posts-container{
        row-gap: 30px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post{
        border-radius: 2px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__text{
        padding:
            31px
            22px
            27px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post-avatar{
        width: 60px !important;
        height: 60px !important;

        margin-top: -30px !important;
        margin-left: 21px !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title,
    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__title a{
        font-size: 26px !important;

        line-height: 1.18 !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__excerpt{
        font-size: 15px !important;

        line-height: 1.7 !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__badge{
        top: 15px !important;
        right: 14px !important;

        font-size: 8px !important;
    }

}


/* ============================================================
   16. TOUCH DEVICE SAFETY

   Removes unnecessary lift effects on phones/tablets
   that do not have true hover capability.
============================================================ */

@media (hover:none){

    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover{
        transform: none;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover
    .elementor-post__thumbnail img{
        transform: none;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post:hover
    .elementor-post-avatar{
        transform: none;
    }

}


/* ============================================================
   17. ACCESSIBILITY — REDUCED MOTION

   Visitors who disable animations in their operating system
   will see a static version.
============================================================ */

@media (prefers-reduced-motion:reduce){

    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post,
    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post *,
    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post::after{

        animation: none !important;

        transition: none !important;
    }


    .elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post{
        opacity: 1 !important;

        transform: none !important;
    }

}


/* ============================================================
   END
   LABEL : ALEKHYA_JOURNAL_POSTS_WIDGET_CSS_V1
============================================================ */
/* ============================================================
   LABEL : ALEKHYA_REMOVE_POST_AVATAR_V1

   Removes the oval/avatar/logo element completely.
   Applies automatically to all current + future posts.
============================================================ */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post-avatar,
.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__avatar,
.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__avatar-wrapper{
    display: none !important;
}


/* Remove any leftover spacing created by the avatar */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data{
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* ============================================================
   LABEL : ALEKHYA_POST_DATE_ALIGNMENT_FIX_V1

   Keeps all post dates aligned at the bottom.
============================================================ */


/* Make every post card a vertical flex container */

.elementor-889 .elementor-element.elementor-element-7e7a712 article.elementor-post{
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}


/* Allow main content area to consume available space */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__text{
    flex: 1 1 auto !important;
}


/* Push date/meta section to the bottom */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data{
    margin-top: auto !important;

    width: 100% !important;

    padding: 18px 28px !important;

    text-align: left !important;

    border-top: 1px solid rgba(128,34,30,.12) !important;

    box-sizing: border-box !important;
}


/* Keep date text perfectly aligned */

.elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post-date{
    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: 1.1px !important;

    text-transform: uppercase !important;

    color: #AD7C59 !important;
}


/* MOBILE */

@media (max-width:767px){

    .elementor-889 .elementor-element.elementor-element-7e7a712 .elementor-post__meta-data{
        padding: 16px 22px !important;
    }

}/* End custom CSS */