/* =================================================================================== Theme Name: Bexon Child Theme URI: https://bexon.themejunction.net/ Author: Theme Junction Author URI: https://themeforest.net/user/theme-junction/portfolio Description: Bexon is a Corporate Business WordPress Theme. Version: 1.0.0 Template: bexon License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready We encourage you to create Child theme for any modifications you will want to do. Why use Child theme? Because of future updates we may provide for this theme that will overwrite your modifications and all your custom work. If you are not familiar with Child Themes, you can read about it here: http://codex.wordpress.org/Child_Themes http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/ ====================================================================================== */ /* مات شدن تصویر اسلایدر در حالت هاور بدون تیرگی */ .tj-project-slider .swiper-slide:hover img, .tj-project-slider .slick-slide:hover img, .project-item:hover .project-thumb img, .project-item:hover img, [class*="project"]:hover img { filter: blur(8px) !important; -webkit-filter: blur(8px) !important; opacity: 1 !important; transition: filter 0.3s ease !important; } /* افکت شیشه‌ای شفاف با عرض بزرگتر و پوشش بیشتر */ .tj-project-slider .project-content, .project-item .project-content, .project-item .content-wrap, [class*="project-content"] { backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; width: 97% !important; /* افزایش عرض کادر شیشه‌ای */ margin: 0 auto !important; /* قرارگیری دقیق در وسط */ padding: 30px 15px !important; /* بزرگ‌تر شدن ارتفاع و فضای داخلی */ border-radius: 16px !important; /* گرد شدن تمیز لبه‌ها */ } /* حل ریشه‌ای: اعمال روی لایه‌های داخلی کارت‌های قالب Bexon */ .contact-boxes-wrapper, .contact-boxes-wrapper .elementor-widget-container, .contact-boxes-wrapper [class*="tj-contact"], .contact-boxes-wrapper [class*="contact-item"], .contact-boxes-wrapper [class*="contact-box"] { width: 100% !important; min-height: 360px !important; height: 360px !important; max-height: 360px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; box-sizing: border-box !important; } /* جلوگیری از جمع شدن عرض کارت‌های داخلی */ .contact-boxes-wrapper > div { width: 100% !important; height: 100% !important; } /* آوردن کل بخش فرم به وسط صفحه و تنظیم عرض آن */ .centered-form-box { max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; box-sizing: border-box !important; } /* وسط‌چین کردن عناوین بالای فرم (Get In Touch و Drop Us a Line) */ .centered-form-box h2, .centered-form-box h3, .centered-form-box .elementor-heading-title { text-align: center !important; } /* ۱. تغییر پس‌زمینه فرم، ایجاد گوشه‌های گرد و سایه نرم (مخصوص کلاسی که ساختیم) */ .centered-form-box { background: rgba(255, 255, 255, 0.75) !important; /* پس‌زمینه روشن اما شیشه‌ای و جدا از بدنه سایت */ backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; padding: 40px !important; border-radius: 20px !important; /* گوشه‌های کاملاً گرد */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* سایه مدرن برای جدا شدن از صفحه */ } /* ۲. گرد کردن گوشه‌ها، تیره کردن کادرها و بهبود استایل اینپوت‌های فرم */ .centered-form-box input[type="text"], .centered-form-box input[type="email"], .centered-form-box input[type="url"], .centered-form-box input[type="tel"], .centered-form-box textarea, .centered-form-box select { background-color: #f4f6f9 !important; /* پس‌زمینه تیره‌تر و متمایز برای فیلدها */ border: 1px solid #d1d9e0 !important; border-radius: 10px !important; /* گوشه‌های گرد برای اینپوت‌ها */ padding: 12px 15px !important; font-size: 15px !important; transition: all 0.3s ease !important; } /* ۳. افکت فوکوس روی فیلدها (وقتی کاربر روشون کلیک می‌کنه) */ .centered-form-box input:focus, .centered-form-box textarea:focus { background-color: #ffffff !important; border-color: #0d6efd !important; box-shadow: 0 0 0 3px rgba(13, 110, 253, 15%) !important; } /* ۴. شیک کردن دکمه ارسال (Submit) */ .centered-form-box input[type="submit"], .centered-form-box button[type="submit"] { background-color: #0f172a !important; /* رنگ تیره و مدرن */ color: #ffffff !important; border: none !important; border-radius: 10px !important; padding: 12px 30px !important; font-weight: 600 !important; cursor: pointer !important; transition: background 0.3s ease !important; } .centered-form-box input[type="submit"]:hover, .centered-form-box button[type="submit"]:hover { background-color: #1e293b !important; } /* مخفی کردن نام نویسنده در نتایج جستجو و لیست نوشته‌ها */ .search-results .author, .search-results .post-author, .search-results [class*="author"], .search-results .post-meta, .search-results .blog-meta, .search-results .entry-meta, .search-results span:has(a[href*="author"]) { display: none !important; } /* مخفی کردن سایدبار در تمام حالات سرچ (با نتیجه و بدون نتیجه) */ .search aside, .search .sidebar, .search .blog-sidebar, .search .tj-sidebar, .search [class*="sidebar"], .search-no-results aside, .search-no-results .sidebar, .search-no-results [class*="sidebar"] { display: none !important; } /* تمام‌عرض کردن بخش محتوا در تمام حالات سرچ */ .search .col-lg-8, .search .content-area, .search [class*="content-col"], .search-no-results .col-lg-8, .search-no-results .content-area, .search-no-results [class*="content-col"] { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } /* تنظیم ساختار کارت‌ها برای پر کردن کل ستون */ .equal-news-grid .elementor-widget-container, .equal-news-grid .tj-blog-item, .equal-news-grid [class*="blog-item"], .equal-news-grid article { display: flex !important; flex-direction: column !important; height: 100% !important; } /* کشیدن بخش متنی کارت تا انتهای کادر */ .equal-news-grid [class*="blog-content"], .equal-news-grid [class*="post-content"], .equal-news-grid .content-box { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; } /* تثبیت ارتفاع توضیحات برای جلوگیری از نامتوازن شدن کارت‌ها */ .equal-news-grid [class*="blog-content"] p, .equal-news-grid [class*="post-content"] p, .equal-news-grid [class*="desc"] { min-height: 50px !important; margin-bottom: 15px !important; } /* قفل کردن دکمه Read More و آیکون فلش در کف کارت */ .equal-news-grid a[class*="btn"], .equal-news-grid a[class*="read"], .equal-news-grid [class*="read-more"] { margin-top: auto !important; display: inline-flex !important; align-items: center !important; }