/*
Theme Name: Hello Elementor Child
Theme URI: https://welldesignstudio.com/
Description: Child theme of Hello Elementor, by Well Design Studio
Author: Well Design Studio
Author URI: https://welldesignstudio.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Global Defaults */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
}

body {
  overflow-x: hidden;
}

/* List Styles */
body ul, body ol {
  margin-top: 0;
}

ul li:last-child {
  margin-bottom: 20px;
}

/* Header Styles */
h1, h2, h3, h4, h5, h6 {
  color: unset;
}

/* Elementor Widget Defaults */
.elementor-widget-text-editor a, .elementor-widget-text-editor a:hover,
.elementor-widget-container p a, .elementor-widget-container p a:hover {
  color: inherit;
}

.elementor-widget-divider .elementor-divider,
.elementor-widget-spacer,
.elementor-widget-divider {
  margin-bottom: 0 !important;
  overflow: hidden;
}

.elementor-widget-icon {
  line-height: 1em;
}

.elementor-widget p:last-child {
  margin: 0;
}

.elementor-widget-wrap > aside.elementor-section {
  width: auto;
}

.elementor-widget-nav-menu li.menu-item > a.elementor-item > span.hidden {
  display: none;
}

.elementor a, .elementor a:hover {
  color: unset;
}

/* Video Banners */
.elementor-background-video-container iframe {
  opacity: 1;
  animation: fadeInOpacity 2s ease-in 1;
}

@keyframes fadeInOpacity {
  0%, 80% { opacity: 0; }
  100% { opacity: 1; }
}

/* Custom Utility Classes */
.no-margin {
  margin: none;
}

.no-wrap {
  white-space: nowrap;
}

/* Apply an underline effect to all links within paragraphs. */
p a{
  text-decoration: underline !important;
}

/* Additional Styles */
/* (Place additional custom styles here) */

/* Footer Styles */
/* (Define footer styles here) */

/* Miscellaneous Styles */
/* (Define miscellaneous styles here) */

/* --------------------------- */
/* Global Form Overrides — Micah 6:8 */
/* --------------------------- */

/* 1) Labels, descriptions, etc. already set to white & sentence case */
body .gform_wrapper .gfield_label,
body .gform_wrapper .gfield_description,
body .gform_wrapper .gform_description,
body .gform_wrapper .gsection_title,
body .gform_wrapper .instruction,
body .gform_wrapper legend.gfield_label,
body .gform_wrapper .ginput_complex label,
body .gform_wrapper .gfield_checkbox label,
body .gform_wrapper .gfield_radio label,
body .gform_wrapper .gchoice label {
  color: #ffffff !important;
  text-transform: none !important;
  font-variant: normal !important; 
}

/* 2) Required text */
body .gform_wrapper .gfield_required,
body .gform_wrapper .gfield_required_text {
  color: #ffffff !important;
}

/* 3) Inputs, textareas, selects */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="number"],
body .gform_wrapper input[type="password"],
body .gform_wrapper select,
body .gform_wrapper textarea {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;
  box-shadow: none !important;
}

/* Placeholder styling */
body .gform_wrapper ::placeholder {
  color: rgba(0,0,0,0.6) !important;
}

/* WebKit autofill fix */
body .gform_wrapper input:-webkit-autofill,
body .gform_wrapper select:-webkit-autofill,
body .gform_wrapper textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  -webkit-text-fill-color: #000000 !important;
}

/* 4) Checkboxes & radios: white fill + black check/indicator */
body .gform_wrapper input[type="checkbox"],
body .gform_wrapper input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #ffffff !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  cursor: pointer;
  position: relative;
}

body .gform_wrapper input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  color: #000000 !important;
}

body .gform_wrapper input[type="radio"] {
  border-radius: 50% !important;
}

body .gform_wrapper input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000000 !important;
}

/* 5) Submit Button — your style */
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type="submit"] {
  font-family: "Inter", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  border: none !important;
  border-radius: 12px !important;
  background: #ED4F00 !important;
  color: #ffffff !important;
  padding: 12px 24px !important;
  cursor: pointer;
}

/* Contact-only submit button via form ID */
body #gform_submit_button_2,
body #gform_wrapper_2 .gform_footer input[type="submit"] {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #ED4F00 !important;
  padding: 12px 24px !important;
  cursor: pointer;
}