/** Theme Name: JDC Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: jdc-astra-child Template: astra */ /* Target the specific inline form by its ID: wpcf7-f237-o1 */ #wpcf7-f237-o1 { /* Clear outer margins/padding left by the theme */ margin: 0 !important; padding: 0 !important; } /* Set the main container to FLEXBOX */ #wpcf7-f237-o1 .inline-subscribe { display: flex !important; align-items: stretch !important; gap: 10px !important; padding: 0 !important; } /* Override CF7's default block behavior */ #wpcf7-f237-o1 .inline-subscribe > p, #wpcf7-f237-o2 .inline-subscribe > p { /* Set the paragraphs that wrap the field/button to be inline or flex items */ display: contents !important; /* The 'contents' value effectively removes the container without affecting its children, letting the children become the flex items. */ } /* Input Field Styling (Rounded Corners and Padding) */ #wpcf7-f237-o1 .wpcf7-form-control-wrap { flex-grow: 1 !important; width: 100% !important; } #wpcf7-f237-o1 input[type="email"] { width: 100% !important; box-sizing: border-box !important; /* Input Field Styling */ padding: 10px 12px !important; border-radius: 10px; /* Rounded Corners for the Input Field */ line-height: normal; } /* TIGHTER BUTTON STYLING (Override everything) */ #wpcf7-f237-o1 .subscribe-button { /* Padding/Size */ padding: 10px 15px !important; /* Adjust height and width padding */ min-height: auto !important; height: auto !important; /* Aesthetics: Rounded Corners */ border-radius: 10px !important; /* Aesthetics: Colors (Add your desired colors here) */ background-color: #1f4fff !important; /* Example: WordPress Blue */ color: #FFFFFF !important; /* Example: White text */ border: 1px solid #0073AA !important; /* Ensure border matches background */ /* Typography */ font-size: 16px !important; font-weight: bold !important; line-height: normal !important; /* Layout */ width: auto !important; white-space: nowrap !important; margin: 0 !important; cursor: pointer !important; /* Ensure no unwanted shadows or default theme effects */ box-shadow: none !important; transition: none !important; } /* RESPONSIVENESS: Stack elements on mobile */ @media (max-width: 600px) { #wpcf7-f237-o1 .inline-subscribe { flex-direction: column !important; gap: 15px !important; } #wpcf7-f237-o1 .wpcf7-form-control-wrap, #wpcf7-f237-o1 .subscribe-button { width: 100% !important; } } /** for the same form but different id*/ /* Target the specific inline form by its ID: wpcf7-f237-o2 */ #wpcf7-f237-o2 { /* Clear outer margins/padding left by the theme */ margin: 0 !important; padding: 0 !important; } /* Set the main container to FLEXBOX */ #wpcf7-f237-o2 .inline-subscribe { display: flex !important; align-items: stretch !important; gap: 10px !important; padding: 0 !important; } /* Input Field Styling (Rounded Corners and Padding) */ #wpcf7-f237-o2 .wpcf7-form-control-wrap { flex-grow: 1 !important; width: 100% !important; } #wpcf7-f237-o2 input[type="email"] { width: 100% !important; box-sizing: border-box !important; /* Input Field Styling */ padding: 10px 12px !important; border-radius: 10px; /* Rounded Corners for the Input Field */ line-height: normal; } /* TIGHTER BUTTON STYLING (Override everything) */ #wpcf7-f237-o2 .subscribe-button { /* Padding/Size */ padding: 8px 15px !important; /* Adjust height and width padding */ min-height: auto !important; height: auto !important; /* Aesthetics: Rounded Corners */ border-radius: 10px !important; /* Aesthetics: Colors (Add your desired colors here) */ background-color: #1f4fff !important; /* Example: WordPress Blue */ color: #FFFFFF !important; /* Example: White text */ border: 1px solid #0073AA !important; /* Ensure border matches background */ /* Typography */ font-size: 16px !important; font-weight: bold !important; line-height: normal !important; /* Layout */ width: auto !important; white-space: nowrap !important; margin: 0 !important; cursor: pointer !important; /* Ensure no unwanted shadows or default theme effects */ box-shadow: none !important; transition: none !important; } /* RESPONSIVENESS: Stack elements on mobile */ @media (max-width: 600px) { #wpcf7-f237-o2 .inline-subscribe { flex-direction: column !important; gap: 15px !important; } #wpcf7-f237-o2 .wpcf7-form-control-wrap, #wpcf7-f237-o2 .subscribe-button { width: 100% !important; } } /**Free Seminar Form*/ /* Target the specific stacked form by its unique ID */ #wpcf7-f236-p245-o1 { /* Ensure the main form wrapper has no default padding from the theme */ padding: 0 !important; margin: 0 !important; } /* 1. Add Space Below ALL Form Fields */ /* This targets the wrapper around every input field to consistently push the next field down. */ #wpcf7-f236-p245-o1 .wpcf7-form-control-wrap { margin-bottom: 20px !important; /* Adjust this value (20px) to control the space between fields */ margin-top: 0 !important; } /* 2. Style the Submit Button */ /* The button does not have a wrapper, so we add the margin directly to it. */ #wpcf7-f236-p245-o1 input[type="submit"] { margin-top: 10px !important; /* Adds a small gap above the button */ /* Add any other consistent button styling here if needed */ } /* 3. FINAL CLEANUP (Crucial when using the 'autop' filter) */ /* We ensure any leftover elements don't create unwanted gaps. */ #wpcf7-f236-p245-o1 p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; /* Collapse any residual space from text elements */ } /* 1. Define the Glow Effect and Color */ .glow-text { /* Critical for rendering the shadow correctly */ position: relative !important; z-index: 0 !important; overflow: visible !important; display: inline-block !important; /* Ensures the span behaves independently */ /* Apply the glow effect */ color: #0099FF !important; text-shadow: 0 0 2px #00FFFF, 0 0 4px #FFFFFF, 0 0 6px #00DFFF !important; } /* 2. CRITICAL FIX: Overcome Clipping on Parent Containers */ /* Target common Elementor parent classes to ensure nothing clips the shadow */ .elementor-column, .elementor-container, .elementor-widget-heading, .elementor-widget-text-editor { overflow: visible !important; }