body{font-family: 'IBM Plex Sans', sans-serif;font-size: 16px;line-height: 2.4 !important;text-decoration: none;}

/*برای تغییر فونت بخصوص برای اعداد فارسی.*/
@font-face {
    font-family: 'BNazanin';
    src: url('../fonts/BNazanin.eot');
    src: url('../fonts/BNazanin.eot#iefix') format('embedded-opentype'),
         url('../fonts/BNazanin.woff') format('woff'),
         url('../fonts/BNazanin.woff.woff2') format('woff2'),
         url('../fonts/BNazanin.ttf') format('truetype'),
         url('../fonts/BNazanin.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* فقط زمانی که صفحه RTL باشد، فونت BNazanin اعمال شود */
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] span,
[dir="rtl"] br,
[dir="rtl"] div,
[dir="rtl"] button,
[dir="rtl"] li span,
[dir="rtl"] li p,
[dir="rtl"] strong,
[dir="rtl"] b,
/* اگر spmenu-number یک کلاس است، باید نقطه داشته باشد */
[dir="rtl"] .spmenu-number
{
    font-family: BNazanin, sans-serif;
}

/*آیکونها رو درست نشون میده*/
.fa, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}
.fab {
    font-family: "Font Awesome 5 Brands" !important;
}

/*برای درست شدن فلش هوم*/
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}

/*برای درست کردن فلش تدریس زبان در منو*/
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-weight: 800;
}

/*کنوس رو آوردم راست*/
body.rtl.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
}

/*لوگو به چپ*/
.logo-image {
    float: left;
}
/*زنگ هدر رو دورنگ کردم*/
#sp-section-1 {
    background: linear-gradient(90deg, #001807, #177b51) !important;

}

/*لیست چهارتایی رو درست میکنه*/
#dj-megamenu122 li:hover div.dj-subwrap li:hover > div.dj-subwrap, #dj-megamenu122 li.hover div.dj-subwrap li.hover > div.dj-subwrap {
    direction: ltr;
}

/*منو رو آوردم پایینتر. جاش خیلی بد بود*/
@media (min-width: 992px) {
    #sp-top3 {
        margin-top: 30px; /* این عدد را انقدر کم و زیاد کن تا منو دقیقا وسط بیاید */
    }
}

/*سایه بین هدر و بالاش رو حذف کردم*/
#sp-header {
    box-shadow: unset;
}

/*رنگ آیکونهای سوشیال سفید شد*/
#sp-top-bar a {
    color: #fff;
}

/*اعداد انگلیسی بشه توی فرم ثبت نام*/
.form-control {
    font-family: auto;
}

/*رنگ بالای جستجو در دیکشنری*/
label.finder {
    margin-right: 150px;

    color: white;
    font-size: larger;
}

/*آیکون ذره بین رو در جستجو میاره*/
.fas, [class^=icon-], [class*=\ icon-], .fa-solid {
    font-family: 'Font Awesome 6 Free' !important;
}

/*نتیجه جستجوی دیکشنری رو میاره روی همه چیز*/
.awesomplete > ul {
    z-index: 2 !important;
}

/*سایز نوشته های منوی اصلی*/
.dj-megamenu-default li a.dj-up_a span {
    font-size: 15px !important;
}

/*سایز نوشته های ساب منو*/
.dj-megamenu-default li ul.dj-submenu>li>a {
    font-size: 16px !important;
	direction: rtl;
}

/*ذره بین در جستجوی الت گلاسوری*/
.fa-search:before {
    font-family: 'Font Awesome 6 Free' !important;
}

/* اصلاح گوشه‌های دکمه آبی (سمت چپ) جستجو در آلت گلاسوری*/
.input-group .btn-primary {
    border-radius: 0.5rem 0 0 0.5rem !important;
}

/*به چپ آوردن جستجو*/
.mod-finder__search.input-group {
	justify-content: flex-end !important; 
}


/*با این ماوس تبدیل میشه به دست در جاهایی که صدا پخش میشه*/
img[onclick*="playSound"] {
	cursor:pointer;
}

/*چهار ستونه کردن زیرمنوی مشخص شده در منوی دیکشنری*/
.itemid111 ul {
    column-count: 4 !important;
}

/* این سه تای پایینی برای چهار قسمت کردن درسها هست */
.itemid242 ul, .itemid550 ul, .itemid747 ul, .itemid345 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse !important; /* راست به چپ کردن ترتیب ستون‌ها */
    padding: 10px !important;
	width: 800px !important; /* عرض لازم برای ۴ ستون */
}

.itemid242 ul li, .itemid550 ul li, .itemid747 ul li, .itemid345 ul li {
    flex: 0 0 25% !important; /* تقسیم دقیق به ۴ ستون */
}

.itemid242 .dj-subwrap, .itemid550 .dj-subwrap, .itemid747 .dj-subwrap, .itemid345 .dj-subwrap {
    width: 850px !important;
    left: auto !important;
    right: 0 !important;
}

/*راستچین کردن نوشته ها و کلیدهای لاگین*/
.mb-3, .sclogin .scprofile-pic, .sclogin .sclogin-greeting, .sclogin .sclogin-profile-link {
    text-align: right;
	color: white;
}

/*خروج در لاگین میاد راست*/
.sclogin .sclogout-button {
    float: right;
}

/*نوشته پروفایل زیر خروجی لاگین در صفحه اصلی*/
.sclogin-profile-link a {
    color: cadetblue;
	font-size: larger;
}

/*آیکون ورود با یک کد از موبایل رو آیکونش سفید بود دیده نمیشد*/
#icon-passkey {
    fill: #333;
}


/* جابجا کردن منوی لول ۳ به سمت چپ منوی لول ۲ */
#dj-megamenu122 .dj-subwrap .dj-subwrap {
    right: 100% !important; /* منو را به چسبیده به لبه منوی قبلی منتقل می‌کند */
}


ul.dj-mobile-light ul li.dj-mobileitem:hover>a, ul.dj-mobile-light ul li.dj-mobileitem.active>a, ul.dj-mobile-light li.dj-mobileitem>a {
    color: #cdcdcd !important;
}

/*منوی اصلی رو اضافه سبزش رو از بین میبره*/
.dj-megamenu-wrapper { 
	display: inline-block !important; 
}

/* برای اینکه متن‌های داخلش دوباره فارسی و راست‌چین بمانند */
.sppb-carousel-extended {
	direction: initial !important; 
}



/*جای سلام فلانی رو درست میکنه*/
#jlexcomment ul.jcm-top li{float:left!important;border:none!important;margin-right:10px}
#jlexcomment ul.jcm-top li.jcm-pull-right{float:right!important;}
#jlexcomment ul.jcm-top:after{content:"";display:table;clear:both}
/*اسم نویسنده در کامنت رو آوردم راست*/
#jlexcomment .jcm-author a, #jlexcomment .jcm-author>span {
    float: inline-start;
}

#jlexcomment .jcm-count-nof span {
    background: #177b5121;
}

/*دو فرمان پایین برای اینکه خطا رو از پایین و قرمز بودن در بیاره*/
#system-message-container {
    position: relative;
	max-width: unset !important;
	z-index: 1 !important;
}
#system-message-container joomla-alert {
    font-size: xx-large;
    color: black !important;
    background-color: unset !important;
}

/*فوتر*/

#sp-footer, #sp-bottom {
    background: #b90000;
}

/*بک گراند جستجو*/
.awesomplete>ul {
    background: white;
	font-family: auto !important;
}

/*در بی ام آی نوشته های بخش انتخاب رفته بودن زیر و دیده نمیشدند.*/
select:not(.form-select):not(.form-control) {
    padding: 0rem .5rem !important;
}

/*لوگو و گوگل رو آوردم در یک خط*/
#sp-search .sp-module:last-child {
    justify-items: center;
}

/* تنظیم فاصله کل بخش از سقف */
#sp-search { padding-top: 35px !important; }

/* چسباندن دکمه گوگل به باکس جستجو */
#sp-search .sp-module:last-child { margin-top: -10px !important; }


/*وسط آوردن گوگل*/
@media (min-width: 992px) {
	.sc_gologin {
	margin-right: 100px;
}}

/*کلید خروج برای لاگین گوگل*/
#scGoogleLogoutButton {
    margin-top: 20px;
    margin-right: 100px;
}


/*لوگو در موبایل رو آوردم بالا*/
@media (max-width: 992px) {
    #sp-logo {
        order: -1 !important;
        margin: 0 auto -75px !important;
    }
}