/* Theme Name: Hello Elementor Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Version: 3.4.5 Stable tag: 3.4.5 Requires at least: 6.0 Tested up to: 6.8 Requires PHP: 7.4 License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: hello-elementor Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, */ /*--------- Site Custom Styling Starts Here ---------*/ /*--------- Header CSS ---------*/ .elementor-location-header { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); } /*-------- Header CSS End Here ---------*/ /* General CSS */ .text-margin p{ margin: 0px; } .icon-box-cont .icon-box .elementor-icon-box-wrapper h4.elementor-icon-box-title { margin: 0; } .gradient-text { background: linear-gradient(90deg, #007AFF, #0080FF, #0091FF, #0097FF, #009CFF, #00B6FF, #00C1FF, #00C6FF ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .pink-gradient-text { background: linear-gradient(90deg, #C736D8, #DB4388); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .purple-gradient-text { background: linear-gradient(90deg, #4574FF, #C736D8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .outer-effect { background: #fff; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), 0 0 60px rgba(0, 150, 255, 0.08); } .outer-effects:hover { background: #fff; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), 0 0 60px rgba(0, 150, 255, 0.08); } .effect-line { background: #fff; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), 0 0 60px rgba(0, 150, 255, 0.08); } .effect-line::before { content: ""; position: absolute; top: -1px; left: 40px; width: 80px; height: 6px; border-radius: 100px; background: linear-gradient(90deg, #06A0FF 0%, #1EB8FF 50%, #00C2FF 100% ); box-shadow: 0 0 15px rgba(0, 160, 255, 0.6); } .glass-inner { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 122, 255, 0.1) 0px 8px 32px 0px, rgba(255, 255, 255, 0.1) 0px 1px 0px 0px inset; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; } .icon-section .icon-container .icon-widget .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon { margin-top: 3px; } .icon-section .icon-container .icon-widget .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-content h4.elementor-icon-box-title { margin-top: 0px; } @media (max-width: 768px) { .icon-section .icon-container .icon-widget .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon span.elementor-icon { margin-top: 6px; } } /*----------- WPForms Fields CSS -------*/ /* WPForms field specific - focus effect only */ /* Inner input/textarea/select */ .form-section .outer-effect .form-widget div#wpforms-2370 .wpforms-field-required input, .form-section .outer-effect .form-widget div#wpforms-2370 .wpforms-field-required textarea, .form-section .outer-effect .form-widget div#wpforms-2370 .wpforms-field-required select { display: block; width: 100%; border: none; outline: none; padding: 10px 12px; background: #ffffff; box-sizing: border-box; transition: all 0.3s ease; } /* Focus effect - when user clicks / types in field */ .form-section .outer-effect .form-widget div#wpforms-2370 { margin: 0px; } .form-section .outer-effect .form-widget div#wpforms-2370 .wpforms-field-required { font-size: 16px !important; padding: 15px 15px !important; font-family: 'Inter'; } .form-section .outer-effect .form-widget div#wpforms-2370 .wpforms-field-required:focus-within { border-radius: 50px; border-color: #007AFF !important; box-shadow: 0 0 8px rgba(0, 122, 255, 0.4); } .form-section .outer-effect .form-widget div#wpforms-2370 textarea#wpforms-2370-field_3 { border-radius: 18px; display: block; width: 100%; padding: 15px 15px; background: #ffffff; box-sizing: border-box; transition: all 0.3s ease; font-size: 16px; font-family: inter; color: #555555; } .form-section .outer-effect .form-widget div#wpforms-2370 textarea#wpforms-2370-field_3:focus-within { border-radius: 18px; border-color: #007AFF !important; box-shadow: 0 0 8px rgba(0, 122, 255, 0.4); } .form-section .outer-effect .form-widget div#wpforms-2370 label.wpforms-field-label { font-size: 15px; font-family: inter; font-weight: 500; } .form-section .outer-effect .form-widget div#wpforms-2370 button#wpforms-submit-2370 { background: linear-gradient(90deg, #007AFF, #00C6FF); color: #fff; font-family: inter; font-size: 15px; width: 100%; border-radius: 100px; height: 55px; position: relative; } .form-section .outer-effect .form-widget div#wpforms-2370 button#wpforms-submit-2370:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05), 0 0 60px rgba(0, 150, 255, 0.08); } /*---- WPForms Field CSS End Here*/