.elementor-2260 .elementor-element.elementor-element-f9ed2b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2260 .elementor-element.elementor-element-031e975{--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;--z-index:10;}.elementor-2260 .elementor-element.elementor-element-fd742a8:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2260 .elementor-element.elementor-element-fd742a8 img{border-radius:20px 20px 20px 20px;}.elementor-2260 .elementor-element.elementor-element-f6ab1e1{--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;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:2px;--padding-right:40px;}.elementor-2260 .elementor-element.elementor-element-ca79fc5{text-align:start;}.elementor-2260 .elementor-element.elementor-element-ca79fc5 .elementor-heading-title{font-family:"Estedad", Sans-serif;font-size:32px;font-weight:900;line-height:1.8em;color:#252525;}.elementor-2260 .elementor-element.elementor-element-42700a5{color:#252525;font-family:"Estedad", Sans-serif;font-size:18px;font-weight:400;line-height:1.8em;}.elementor-2260 .elementor-element.elementor-element-13bc7de{--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;--flex-wrap:wrap;}.elementor-2260 .elementor-element.elementor-element-940c1f6{font-family:"Estedad", Sans-serif;font-weight:400;}.elementor-2260 .elementor-element.elementor-element-89bc1c1{font-family:"Estedad", Sans-serif;font-weight:400;}.elementor-2260 .elementor-element.elementor-element-85f2a77{font-family:"Estedad", Sans-serif;font-weight:400;}.elementor-2260 .elementor-element.elementor-element-0763586{font-family:"Estedad", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-2260 .elementor-element.elementor-element-f9ed2b8{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2260 .elementor-element.elementor-element-f6ab1e1{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2260 .elementor-element.elementor-element-ca79fc5 .elementor-heading-title{font-size:26px;}}@media(min-width:768px){.elementor-2260 .elementor-element.elementor-element-f9ed2b8{--content-width:1200px;}.elementor-2260 .elementor-element.elementor-element-031e975{--width:30%;}.elementor-2260 .elementor-element.elementor-element-f6ab1e1{--width:70%;}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-fd742a8 *//* ۱. استایل بدنه اصلی عکس: خالص و بدون کادر اضافی */
.elementor-2260 .elementor-element.elementor-element-fd742a8 img {
    border-radius: 30px !important;
    filter: grayscale(100%) opacity(0.9);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    /* کادر و پدینگ حذف شد تا عکس خالص بماند */
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ۲. لایه پشت تصویر: ایجاد عمق با هاله نرم */
.elementor-2260 .elementor-element.elementor-element-fd742a8 {
    position: relative;
    padding: 0; /* حذف فاصله برای چسبیدن هاله به لبه‌های عکس */
}

.elementor-2260 .elementor-element.elementor-element-fd742a8::before {
    content: '';
    position: absolute;
    top: 5%;
    right: 5%;
    width: 90%;
    height: 90%;
    background: #f4f4f4; 
    border-radius: 40px;
    z-index: -1;
    transition: all 0.6s ease;
    filter: blur(10px); /* محو کردن لبه‌ها برای ایجاد هاله */
}

/* ۳. افکت هاور: زنده شدن رنگ و حرکت نرم */
.elementor-2260 .elementor-element.elementor-element-fd742a8:hover img {
    filter: grayscale(0%) opacity(1);
    transform: translateY(-8px); /* جهش ملایم به بالا */
}

.elementor-2260 .elementor-element.elementor-element-fd742a8:hover::before {
    width: 95%;
    height: 95%;
    background: #ebebeb;
    box-shadow: 0 25px 50px rgba(0,0,0,0.06); /* سایه بسیار محو در عمق */
    filter: blur(20px);
}

/* ۴. حذف نوشته کنار عکس */
.elementor-2260 .elementor-element.elementor-element-fd742a8::after {
    content: none !important;
}

/* ۵. تنظیمات موبایل */
@media (max-width: 767px) {
    .elementor-2260 .elementor-element.elementor-element-fd742a8 img {
        border-radius: 20px !important;
    }
    .elementor-2260 .elementor-element.elementor-element-fd742a8:hover img {
        transform: translateY(-5px);
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-ca79fc5 *//* ۱. تنظیم کانتینر اصلی عنوان */
.elementor-2260 .elementor-element.elementor-element-ca79fc5 .elementor-heading-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row; 
    gap: 8px; 
    direction: rtl;
    text-align: right;
    position: relative;
    width: fit-content;
}

/* ۲. آیکون تیک سفید */
.elementor-2260 .elementor-element.elementor-element-ca79fc5 .elementor-heading-title::before {
    content: '\f00c'; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9px;
    color: #ffffff; 
    
    position: absolute;
    left: -28px; 
    /* مقدار بیشتر برای پایین‌تر آمدن */
    top: 14px; 
    width: 22px; 
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

/* ۳. لایه سیاه کنگره‌دار */
.elementor-2260 .elementor-element.elementor-element-ca79fc5 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: -28px; 
    /* این مقدار باید دقیقاً با مقدار top در بالا یکی باشد */
    top: 14px; 
    width: 22px; 
    height: 22px;
    background-color: #252525; 
    z-index: 1;
    
    clip-path: polygon(100% 50%, 94.4% 39.2%, 93.3% 25%, 82.5% 17.5%, 75% 6.7%, 60.8% 5.6%, 50% 0%, 39.2% 5.6%, 25% 6.7%, 17.5% 17.5%, 6.7% 25%, 5.6% 39.2%, 0% 50%, 5.6% 60.8%, 6.7% 75%, 17.5% 82.5%, 25% 93.3%, 39.2% 94.4%, 50% 100%, 60.8% 94.4%, 75% 93.3%, 82.5% 82.5%, 93.3% 75%, 94.4% 60.8%);
    
    animation: spin-badge 10s linear infinite;
}

/* ۴. تعریف انیمیشن چرخش */
@keyframes spin-badge {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13bc7de *//* ۱. تنظیم چیدمان ۲ ستونه در دسکتاپ و ۱ ستونه در موبایل */
.elementor-2260 .elementor-element.elementor-element-13bc7de {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0;
}

/* ۲. استایل ظریف باکس‌ها */
.elementor-2260 .elementor-element.elementor-element-13bc7de > .elementor-widget-text-editor {
    flex: 0 0 calc(50% - 10px); /* دو ستونه */
    background: #ffffff;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    padding: 20px !important;
    transition: all 0.3s ease;
}

/* ۳. هدف قرار دادن بخش "قبل" (Title) برای Bold شدن */
/* المنتور بخش Before را معمولاً در همان تگ متن قرار می‌دهد، 
لذا ما از متد تفکیک استایل بر اساس چیدمان خطی استفاده می‌کنیم */

.elementor-2260 .elementor-element.elementor-element-13bc7de .elementor-text-editor {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #444 !important;
    font-weight: 400 !important; /* حالت پیش‌فرض معمولی */
}

/* ۴. ترفند اصلی: Bold کردن کلمه اول یا بخش قبل از دو نقطه */
/* اگر متن را به صورت "عنوان: مقدار" می‌آورید، این بخش آن را بلد می‌کند */
.elementor-2260 .elementor-element.elementor-element-13bc7de .elementor-text-editor {
    display: block;
}

/* اگر در کادر Before متن را می‌نویسید، کد زیر آن را پیدا و Bold می‌کند */
.elementor-2260 .elementor-element.elementor-element-13bc7de .elementor-widget-container {
    font-weight: 400;
}

/* استایل دهی به کل متن باکس برای جداسازی بصری */
.elementor-2260 .elementor-element.elementor-element-13bc7de > .elementor-widget-text-editor:hover {
    border-color: #000;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* ۵. تنظیمات موبایل */
@media (max-width: 767px) {
    .elementor-2260 .elementor-element.elementor-element-13bc7de > .elementor-widget-text-editor {
        flex: 0 0 100% !important; /* تک ستونه در موبایل */
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Estedad';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://thetehranschool.com/wp-content/uploads/2025/12/Estedad-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */