.elementor-86 .elementor-element.elementor-element-3a9351e{--display:flex;--margin-top:39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-86 .elementor-element.elementor-element-807407f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-86 .elementor-element.elementor-element-3cbcd9c{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-86 .elementor-element.elementor-element-3cbcd9c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-86 .elementor-element.elementor-element-3cbcd9c:after{content:"0.66";}.elementor-86 .elementor-element.elementor-element-3cbcd9c .elementor-post__thumbnail__link{width:100%;}.elementor-86 .elementor-element.elementor-element-3cbcd9c .elementor-post__meta-data span + span:before{content:"///";}.elementor-86 .elementor-element.elementor-element-3cbcd9c.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-86 .elementor-element.elementor-element-3cbcd9c.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-86 .elementor-element.elementor-element-3cbcd9c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-86 .elementor-element.elementor-element-7345b39{--display:flex;}body.elementor-page-86:not(.elementor-motion-effects-element-type-background), body.elementor-page-86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ffc9f9c );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-86 .elementor-element.elementor-element-3cbcd9c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-86 .elementor-element.elementor-element-3cbcd9c:after{content:"0.5";}.elementor-86 .elementor-element.elementor-element-3cbcd9c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-3cbcd9c *//* =========================================================
   NEWDOOR — BLOG / POSTS
   LIGHT EDITORIAL CARDS
   FULL IMAGE / PREMIUM / RTL
========================================================= */

.nd-blog,
.nd-blog *{
    box-sizing:border-box;
}


/* =========================================================
   VARIABLES
========================================================= */

.nd-blog{

    direction:rtl;

    --green:#17382C;
    --green-2:#315746;

    --gold:#B89450;
    --gold-light:#D2B875;

    --cream:#F7F6F1;
    --white:#FFFFFF;

    --text:#26332D;
    --muted:#7D8580;

}


/* =========================================================
   GRID
========================================================= */

.nd-blog .elementor-posts-container{

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:24px !important;

}


/* =========================================================
   CARD
========================================================= */

.nd-blog .elementor-post{

    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    min-width:0 !important;

    height:auto !important;

    padding:0 !important;

    margin:0 !important;

    overflow:hidden !important;

    border-radius:20px !important;

    background:
        #FFFFFF !important;

    border:
        1px solid
        rgba(23,56,44,.09) !important;

    box-shadow:
        0 12px 35px
        rgba(23,56,44,.055),

        0 2px 8px
        rgba(23,56,44,.025) !important;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        border-color .35s ease,
        box-shadow .35s ease !important;

}


/* =========================================================
   HOVER
========================================================= */

.nd-blog .elementor-post:hover{

    transform:
        translateY(-6px) !important;

    border-color:
        rgba(184,148,80,.28) !important;

    box-shadow:
        0 22px 50px
        rgba(23,56,44,.10),

        0 4px 14px
        rgba(184,148,80,.05) !important;

}


/* =========================================================
   IMAGE WRAPPER
========================================================= */

.nd-blog .elementor-post__thumbnail__link{

    position:relative !important;

    display:block !important;

    width:100% !important;

    height:auto !important;

    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    /*
     * نسبت تصویر بزرگ‌تر تا تصویر کمتر کراپ شود
     */

    aspect-ratio:
        16 / 10 !important;

    line-height:0 !important;

}


/* Elementor pseudo */

.nd-blog .elementor-post__thumbnail__link::before{

    display:none !important;

    content:none !important;

}


/* =========================================================
   THUMBNAIL
========================================================= */

.nd-blog .elementor-post__thumbnail{

    position:relative !important;

    width:100% !important;

    height:100% !important;

    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    line-height:0 !important;

}


/* =========================================================
   IMAGE
========================================================= */

.nd-blog .elementor-post__thumbnail img{

    position:absolute !important;

    inset:0 !important;

    width:100% !important;

    height:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    display:block !important;

    /*
     * تصویر کامل‌تر دیده می‌شود
     */

    object-fit:contain !important;

    object-position:center center !important;

    /*
     * زمینه پشت تصویر
     */

    background:
        #EEEDE7 !important;

    transform:
        scale(1) !important;

    filter:
        none !important;

    transition:
        transform .8s cubic-bezier(.22,1,.36,1) !important;

}


/* =========================================================
   IMAGE HOVER
========================================================= */

.nd-blog .elementor-post:hover
.elementor-post__thumbnail img{

    transform:
        scale(1.025) !important;

    filter:
        none !important;

}


/* =========================================================
   IMAGE FRAME
========================================================= */

.nd-blog .elementor-post__thumbnail__link{

    background:
        #EEEDE7 !important;

}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.nd-blog .elementor-post__thumbnail__link::after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(23,56,44,0),
            rgba(23,56,44,.07)
        );

    opacity:.75;

}


/* =========================================================
   IMAGE TOP ACCENT
========================================================= */

.nd-blog .elementor-post__thumbnail__link{

    border-bottom:
        1px solid
        rgba(23,56,44,.06);

}


/* =========================================================
   CONTENT
========================================================= */

.nd-blog .elementor-post__text{

    position:relative !important;

    display:flex !important;

    flex-direction:column !important;

    width:100% !important;

    height:auto !important;

    min-height:0 !important;

    margin:0 !important;

    padding:
        20px 21px 22px !important;

    background:
        #FFFFFF !important;

    text-align:right !important;

    direction:rtl !important;

}


/* =========================================================
   SMALL LABEL
========================================================= */

.nd-blog .elementor-post__text::before{

    content:"NEWDOOR MAGAZINE";

    display:block;

    width:max-content;

    margin-bottom:
        9px;

    color:
        var(--gold);

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        1.5px;

}


/* =========================================================
   TITLE
========================================================= */

.nd-blog .elementor-post__title{

    margin:
        0 0 8px !important;

    padding:0 !important;

    color:
        var(--green) !important;

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

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.7 !important;

}


.nd-blog .elementor-post__title a{

    color:
        inherit !important;

    text-decoration:
        none !important;

    transition:
        color .3s ease;

}


.nd-blog .elementor-post:hover
.elementor-post__title a{

    color:
        var(--green-2) !important;

}


/* =========================================================
   EXCERPT
========================================================= */

.nd-blog .elementor-post__excerpt{

    margin:
        0 !important;

    padding:0 !important;

    color:
        var(--muted) !important;

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

    font-size:
        10px !important;

    line-height:
        2.15 !important;

}


/* =========================================================
   META
========================================================= */

.nd-blog .elementor-post__meta-data{

    margin-top:
        14px !important;

    padding-top:
        11px !important;

    border-top:
        1px solid
        rgba(23,56,44,.08) !important;

    color:
        rgba(38,51,45,.42) !important;

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

    font-size:
        8px !important;

}


/* =========================================================
   READ MORE
========================================================= */

.nd-blog .elementor-post__read-more{

    display:inline-flex !important;

    align-items:center;

    gap:7px;

    width:max-content;

    margin-top:
        12px !important;

    color:
        var(--gold) !important;

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

    font-size:
        10px !important;

    text-decoration:
        none !important;

    transition:
        gap .3s ease,
        color .3s ease;

}


.nd-blog .elementor-post:hover
.elementor-post__read-more{

    gap:
        11px;

    color:
        var(--green) !important;

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .nd-blog .elementor-posts-container{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            18px !important;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    .nd-blog .elementor-posts-container{

        grid-template-columns:
            1fr !important;

        gap:
            17px !important;

    }


    .nd-blog .elementor-post{

        border-radius:
            17px !important;

    }


    .nd-blog .elementor-post__thumbnail__link{

        /*
         * روی موبایل ارتفاع تصویر بیشتر
         * تا عکس کامل‌تر دیده شود
         */

        aspect-ratio:
            16 / 10 !important;

    }


    .nd-blog .elementor-post__text{

        padding:
            17px 18px 20px !important;

    }


    .nd-blog .elementor-post__text::before{

        font-size:
            6.5px;

    }


    .nd-blog .elementor-post__title{

        font-size:
            16px !important;

        line-height:
            1.65 !important;

    }


    .nd-blog .elementor-post__excerpt{

        font-size:
            9px !important;

        line-height:
            2.1 !important;

    }


    .nd-blog .elementor-post:hover{

        transform:
            translateY(-3px) !important;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .nd-blog .elementor-post__thumbnail__link{

        aspect-ratio:
            16 / 10 !important;

    }


    .nd-blog .elementor-post__text{

        padding:
            16px !important;

    }


    .nd-blog .elementor-post__title{

        font-size:
            15px !important;

    }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

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

    .nd-blog .elementor-post,
    .nd-blog .elementor-post__thumbnail img{

        transition:none !important;

    }

}/* End custom CSS */