.elementor-4435 .elementor-element.elementor-element-b196a07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4435 .elementor-element.elementor-element-68b1a6f{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4435 .elementor-element.elementor-element-3bedf12{text-align:center;color:var( --e-global-color-primary );}.elementor-4435 .elementor-element.elementor-element-d47dd54 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4435 .elementor-element.elementor-element-d47dd54:not(.elementor-motion-effects-element-type-background), .elementor-4435 .elementor-element.elementor-element-d47dd54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rupertlawgroup.com/wp-content/uploads/2025/05/Citizen_Slide-1-1024x680-1.jpg");background-position:center center;background-size:cover;}.elementor-4435 .elementor-element.elementor-element-d47dd54 > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4435 .elementor-element.elementor-element-d47dd54{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 30px 80px 30px;}.elementor-4435 .elementor-element.elementor-element-1991016 > .elementor-element-populated{text-align:center;}.elementor-4435 .elementor-element.elementor-element-98a887e{text-align:start;}.elementor-4435 .elementor-element.elementor-element-98a887e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:var( --e-global-color-017ddc6 );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-4435 .elementor-element.elementor-element-d47dd54:not(.elementor-motion-effects-element-type-background), .elementor-4435 .elementor-element.elementor-element-d47dd54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-07cba12 *//* =====================================================
   Rupert Law — Contact Page Form (ID 1) Fix
   Paste into: WP Admin > Appearance > Customize > Additional CSS

   Matches live Divi site: pill-shaped white inputs
   on hero background, gold submit button, hidden labels
   ===================================================== */

/* ---- 2-Column Grid Layout ---- */
#gform_wrapper_1 .gform_fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

/* Full-width fields: consent, checkbox, honeypot, hidden */
#gform_wrapper_1 .gfield--type-consent,
#gform_wrapper_1 .gfield--type-checkbox,
#gform_wrapper_1 .gfield--type-honeypot,
#gform_wrapper_1 .gfield--type-hidden,
#gform_wrapper_1 .gfield--input-type-hidden {
  grid-column: 1 / -1 !important;
}

/* ---- Hide Field Labels (placeholders used instead) ---- */
#gform_wrapper_1 .gfield_label {
  display: none !important;
}

/* Show consent/checkbox labels (WHITE text on hero bg) */
#gform_wrapper_1 .gfield--type-consent .gfield_label,
#gform_wrapper_1 .gfield--type-consent label,
#gform_wrapper_1 .gfield_consent_label,
#gform_wrapper_1 .gfield--type-checkbox label,
#gform_wrapper_1 .gfield--type-checkbox .gchoice label {
  display: inline !important;
  color: #FFFFFF !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* Privacy policy link */
#gform_wrapper_1 .gfield--type-consent a {
  color: #3AD3F2 !important;
  text-decoration: underline !important;
}

/* Hide "Relationship" label (field #7) that shows between checkboxes */
#gform_wrapper_1 #field_1_7 > .gfield_label {
  display: none !important;
}

/* Left-align checkbox/consent fields */
#gform_wrapper_1 .gfield--type-consent,
#gform_wrapper_1 .gfield--type-checkbox {
  text-align: left !important;
}

/* Required legend text (white on hero bg) */
#gform_wrapper_1 .gform_required_legend {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-family: 'Roboto', sans-serif !important;
  margin-bottom: 10px !important;
}

/* Required asterisk */
#gform_wrapper_1 .gfield_required {
  color: #ff6b6b !important;
}

/* Checkbox border — white on hero bg */
#gform_wrapper_1 .gfield--type-consent input[type="checkbox"],
#gform_wrapper_1 .gfield--type-checkbox input[type="checkbox"] {
  border-color: #FFFFFF !important;
}

/* ---- Pill-Shaped White Inputs ---- */
#gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 select,
#gform_wrapper_1 textarea {
  width: 100% !important;
  background-color: #FFFFFF !important;
  border: none !important;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  height: 56px !important;
  padding: 14px 28px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #072F6C !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: all 0.3s ease !important;
}

/* Textarea — taller, less round */
#gform_wrapper_1 textarea {
  height: 120px !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  resize: vertical !important;
}

/* Select dropdown arrow */
#gform_wrapper_1 select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23072F6C' stroke-width='2' fill='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
  padding-right: 48px !important;
  cursor: pointer !important;
}

/* Placeholders */
#gform_wrapper_1 input::placeholder,
#gform_wrapper_1 textarea::placeholder {
  color: #072F6C !important;
  opacity: 0.6 !important;
  font-weight: 500 !important;
}

/* Focus state */
#gform_wrapper_1 input:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_1 textarea:focus {
  outline: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(58, 211, 242, 0.3) !important;
}

/* ---- Checkbox Styling ---- */
#gform_wrapper_1 input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #FFFFFF !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
}

/* ---- Gold Submit Button (Right-Aligned) ---- */
#gform_wrapper_1 .gform_footer,
#gform_wrapper_1 .gform_page_footer {
  text-align: right !important;
  margin-top: 10px !important;
}

#gform_wrapper_1 input[type="submit"],
#gform_wrapper_1 button[type="submit"],
#gform_wrapper_1 .gform_button {
  background-color: #EEE86D !important;
  color: #072F6C !important;
  border: none !important;
  border-top-left-radius: 50px !important;
  border-top-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  padding: 14px 40px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  min-width: 140px !important;
  transition: all 0.3s ease !important;
  height: auto !important;
}

#gform_wrapper_1 input[type="submit"]:hover,
#gform_wrapper_1 .gform_button:hover {
  background-color: #e0da58 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-1px) !important;
}

/* ---- Validation Messages ---- */
#gform_wrapper_1 .gfield_description.validation_message {
  color: #ff6b6b !important;
  font-size: 13px !important;
  margin-top: 6px !important;
}

#gform_wrapper_1 .validation_error {
  color: #FFFFFF !important;
  background: rgba(157, 24, 28, 0.35) !important;
  border: 1px solid #ff6b6b !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding: 12px 20px !important;
  margin-bottom: 20px !important;
}

/* ---- Form max width ---- */
#gform_wrapper_1 {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* ---- Responsive: Single column on mobile ---- */
@media (max-width: 768px) {
  #gform_wrapper_1 .gform_fields {
    grid-template-columns: 1fr !important;
  }

  #gform_wrapper_1 input[type="text"],
  #gform_wrapper_1 input[type="email"],
  #gform_wrapper_1 input[type="tel"],
  #gform_wrapper_1 select,
  #gform_wrapper_1 textarea {
    height: 50px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
  }

  #gform_wrapper_1 .gform_footer {
    text-align: center !important;
  }

  #gform_wrapper_1 input[type="submit"],
  #gform_wrapper_1 .gform_button {
    width: 100% !important;
    padding: 14px 20px !important;
  }
}/* End custom CSS */