جستوجوهای پرطرفدار
موضوع موردنظرت رو انتخاب کن یا عبارت دلخواهت رو بنویس.
مهراندیشان پویا | جستوجو در سایت
/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7eada2c *//* حذف نوشته ورود و ثبتنام فقط در موبایل */
@media (max-width: 767px) {
.elementor-702 .elementor-element.elementor-element-7eada2c .elementor-icon-box-content {
display: none !important;
}
.elementor-702 .elementor-element.elementor-element-7eada2c .elementor-icon-box-wrapper {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-08e2f6b *//* ==========================================
MAP PREMIUM LIGHT MOBILE MENU
Light Blue + Navy + Orange
Elementor Pro | Custom CSS
========================================== */
@media (max-width: 767px) {
/* ======================================
1. دکمه فهرست در هدر
در حالت بسته، شناور نباشد
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: row !important;
gap: 12px !important;
padding: 10px 14px !important;
color: #F2F7FF !important;
background: linear-gradient(
135deg,
#172B48,
#10213A
) !important;
border: 1px solid rgba(66, 174, 255, 0.35) !important;
border-radius: 12px !important;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12) !important;
z-index: auto !important;
}
/* مخفی کردن آیکون سهخطی */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle i,
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle svg {
display: none !important;
}
/* نمایش نوشته فهرست */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle::before {
content: "فهرست" !important;
display: inline-block !important;
color: #F2F7FF !important;
font-family: Vazirmatn, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
/* فلش نارنجی دکمه فهرست */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle::after {
content: "" !important;
display: inline-block !important;
width: 8px;
height: 8px;
border-right: 2px solid #FF962E;
border-bottom: 2px solid #FF962E;
transform: rotate(45deg);
transition: transform .25s ease;
}
/* ======================================
2. پنل کشویی منو
پسزمینه روشن هماهنگ با هدر
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown:not(.sub-menu) {
display: block !important;
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
bottom: 0 !important;
width: 86vw !important;
max-width: 380px !important;
height: 100vh !important;
height: 100dvh !important;
max-height: 100vh !important;
max-height: 100dvh !important;
margin: 0 !important;
padding: 82px 22px 30px !important;
box-sizing: border-box !important;
background:
radial-gradient(
ellipse at 100% 0%,
rgba(60, 145, 255, 0.13),
transparent 48%
),
linear-gradient(
155deg,
#F4F8FF 0%,
#EAF3FF 55%,
#F8FBFF 100%
) !important;
border: 0 !important;
border-left: 3px solid #FF962E !important;
border-radius: 0 !important;
box-shadow:
-15px 0 40px rgba(16, 42, 84, 0.16),
inset 1px 0 0 rgba(255, 255, 255, 0.8) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain;
transform: translateX(105%) !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
transition:
transform .35s ease,
opacity .25s ease,
visibility .35s ease !important;
z-index: 99998 !important;
}
/* ======================================
3. عنوان بالای پنل
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown:not(.sub-menu)::before {
content: "فهرست" !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
height: 70px !important;
padding: 16px 22px !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
color: #102A54 !important;
background: rgba(255, 255, 255, 0.72) !important;
border-bottom: 1px solid rgba(16, 42, 84, 0.12) !important;
font-family: Vazirmatn, sans-serif !important;
font-size: 18px !important;
font-weight: 800 !important;
z-index: 1 !important;
}
/* ======================================
4. باز شدن پنل با کلیک روی فهرست
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b:has(.elementor-menu-toggle.elementor-active)
.elementor-nav-menu--dropdown:not(.sub-menu) {
transform: translateX(0) !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* ======================================
5. دکمه بستن منو
در حالت باز، فلش به ضربدر تبدیل شود
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle.elementor-active {
position: fixed !important;
top: 14px !important;
left: max(
calc(14vw + 16px),
calc(100vw - 364px)
) !important;
right: auto !important;
bottom: auto !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #102A54 !important;
background: transparent !important;
border: 0 !important;
border-radius: 8px !important;
box-shadow: none !important;
transform: none !important;
z-index: 100001 !important;
}
/* ضربدر بستن پنل */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle.elementor-active::before {
content: "×" !important;
display: block !important;
color: #102A54 !important;
font-family: Arial, sans-serif !important;
font-size: 34px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
/* حذف فلش هنگام باز بودن پنل */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle.elementor-active::after {
display: none !important;
content: none !important;
}
/* ======================================
6. فهرست اصلی و خطوط جداکننده
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown:not(.sub-menu)
> .elementor-nav-menu {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
position: relative !important;
z-index: 2 !important;
direction: rtl !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* آیتمهای اصلی منو */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown:not(.sub-menu)
> .elementor-nav-menu > li > a.elementor-item {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 60px !important;
padding: 15px 5px !important;
box-sizing: border-box !important;
color: #102A54 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(16, 42, 84, 0.14) !important;
border-radius: 0 !important;
font-family: Vazirmatn, sans-serif !important;
font-size: 16px !important;
font-weight: 650 !important;
line-height: 1.8 !important;
text-align: right !important;
white-space: normal !important;
transition:
color .2s ease,
background .2s ease !important;
}
/* هاور و فوکوس گزینههای اصلی */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
a.elementor-item:hover,
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
a.elementor-item:focus-visible {
color: #E97818 !important;
background: rgba(255, 150, 46, 0.10) !important;
}
/* ======================================
7. زیرمنوها
بسته در حالت اولیه
====================================== */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown ul.sub-menu {
display: none !important;
position: static !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 12px 0 0 !important;
box-sizing: border-box !important;
background: linear-gradient(
155deg,
#F4F8FF 0%,
#EAF3FF 55%,
#F8FBFF 100%
) !important;
border: 0 !important;
border-right: 3px solid #FF962E !important;
border-radius: 10px 0 0 10px !important;
box-shadow: none !important;
overflow: hidden !important;
list-style: none !important;
}
/* باز شدن زیرمنوی انتخابشده */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
li.menu-item-has-children.highlighted > ul.sub-menu,
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
li.menu-item-has-children > a[aria-expanded="true"] + ul.sub-menu {
display: block !important;
}
/* لینکهای زیرمنو */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
ul.sub-menu a.elementor-item {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 48px !important;
padding: 11px 10px !important;
box-sizing: border-box !important;
color: #18365F !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid rgba(16, 42, 84, 0.10) !important;
font-family: Vazirmatn, sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.8 !important;
text-align: right !important;
white-space: normal !important;
}
/* هاور زیرمنو */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
ul.sub-menu a.elementor-item:hover,
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown
ul.sub-menu a.elementor-item:focus-visible {
color: #E97818 !important;
background: rgba(255, 150, 46, 0.12) !important;
}
/* فلش کنار گزینههای دارای زیرمنو */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-nav-menu--dropdown .sub-arrow {
color: #E97818 !important;
}
/* MAP | تغییر رنگ دکمه فهرست در حالت بسته */
@media (max-width: 767px) {
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle:not(.elementor-active) {
background: linear-gradient(
135deg,
#4DA3FF 0%,
#2E6BFF 100%
) !important;
border: 1px solid #2E6BFF !important;
color: #FFFFFF !important;
}
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle:not(.elementor-active)::before {
color: #FFFFFF !important;
}
}
/* دکمه فهرست همرنگ پسزمینه هدر */
@media (max-width: 767px) {
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle:not(.elementor-active) {
background: transparent !important;
border: 1px solid rgba(16, 42, 84, 0.18) !important;
color: #102A54 !important;
box-shadow: none !important;
}
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle:not(.elementor-active)::before {
color: #102A54 !important;
}
}
/* پایان تنظیمات منوی موبایل
خارج از موبایل تغییری اعمال نمیشود */
/* بالا بردن دکمه فهرست در موبایل */
.elementor-702 .elementor-element.elementor-element-08e2f6b .elementor-menu-toggle:not(.elementor-active) {
transform: translateY(-15px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88521b8 *//* MAP - Fade Header on Scroll */
.elementor-702 .elementor-element.elementor-element-88521b8 {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition:
opacity .3s ease,
visibility 0s linear 0s;
}
/* حالت محو */
.elementor-702 .elementor-element.elementor-element-88521b8.map-scroll-hidden {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition:
opacity .3s ease,
visibility 0s linear .3s;
}/* End custom CSS */