/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1784896572
Updated: 2026-07-24 12:36:12

*/

/* =========================================================
   GPN – FormCraft restyle (form 1 = most countries, form 2 = US + Canada)
   Cream rgb(251,238,230) | Navy rgb(35,55,111) | Orange rgb(243,100,8)
   CSS override only: do not edit the forms themselves.
   ========================================================= */

/* 0. Field height per form: inspect a text input and match it */
.formcraft-css .fc-form-1 { --fc-field-h: 48px; }
.formcraft-css .fc-form-2 { --fc-field-h: 48px; }

/* 1. Form + hidden Prev/Next bar background */
.formcraft-css .fc-form,
.formcraft-css .prev-next {
  background: rgb(251, 238, 230) !important;
  color: rgb(35, 55, 111) !important;
}

/* 2. Section bars (scoped per form: field IDs differ) */
.formcraft-css .fc-form-1 .form-element-field25 .customText-cover,
.formcraft-css .fc-form-2 :is(.form-element-field23, .form-element-field31, .form-element-field43) .customText-cover {
  background-color: rgb(251, 238, 230) !important;
}

/* 3. Form 2 top heading: navy bar, white text */
.formcraft-css .fc-form-2 .form-element-field1 .heading-cover {
  background-color: rgb(35, 55, 111) !important;
}
.formcraft-css .fc-form-2 .form-element-field1 .heading-cover :is(div, span) {
  color: #fff !important;
}

/* 4. Text colours: custom text (bars + consent), labels, radio/checkbox options */
.formcraft-css .fc-form .customText-cover .full,
.formcraft-css .fc-form .customText-cover .full *,
.formcraft-css .fc-form-1 .form-element-field25 .customText-cover h3,
.formcraft-css .fc-form-1 .form-element-field22 .customText-cover p {
  color: rgb(35, 55, 111) !important;
}
.formcraft-css .fc-form .field-cover :is(.main-label, .sub-label),
.formcraft-css .fc-form .checkbox-cover label,
.formcraft-css .fc-form .checkbox-cover label span {
  color: rgb(35, 55, 111) !important;
}

/* 5. Typed text, dropdown text, placeholders */
.formcraft-css .fc-form .field-cover :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
  color: rgb(35, 55, 111) !important;
}
.formcraft-css .fc-form .field-cover ::placeholder {
  color: rgb(35, 55, 111) !important;
  opacity: 1 !important;
}

/* 6. Buttons: orange, white 19px bold text (3.2:1 passes AA as large text) */
.formcraft-css .fc-form .submit-cover .submit-button,
.formcraft-css .fc-form .fileupload-cover .button-file {
  background: rgb(243, 100, 8) !important;
  border: 2px solid rgb(243, 100, 8) !important;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  min-height: 48px !important;
  padding: 12px 24px !important;
}
.formcraft-css .fc-form .fileupload-cover .button-file {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
}
.formcraft-css .fc-form .fileupload-cover .button-file span {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
/* Hide the cloud icon */
.formcraft-css .fc-form .fileupload-cover .button-file :is(i, .formcraft-icon, .icon-upload-cloud) {
  display: none !important;
}
.formcraft-css .fc-form .submit-cover .submit-button:hover,
.formcraft-css .fc-form .fileupload-cover .button-file:hover {
  background: rgb(190, 75, 0) !important; /* white on this passes 4.5:1 */
  border-color: rgb(190, 75, 0) !important;
}
.formcraft-css .fc-form .submit-cover .submit-button:focus-visible,
.formcraft-css .fc-form .fileupload-cover .button-file:focus-within {
  outline: 3px solid rgb(35, 55, 111) !important;
  outline-offset: 2px !important;
}

/* 7. Checked radio/checkbox + field focus border */
.formcraft-css .fc-form .field-cover :is(input[type="radio"], input[type="checkbox"]):checked {
  background: rgb(35, 55, 111) !important;
  border-color: rgb(35, 55, 111) !important;
}
.formcraft-css .fc-form .form-element-html :is(input, textarea, select):focus {
  border-color: rgb(35, 55, 111) !important;
}

/* 8. Hide "FormCraft - WordPress form builder" link */
.formcraft-css a.powered-by {
  display: none !important;
}

/* 9. Datepicker (popup is appended to <body>, hence the #ui-datepicker-div scope) */
#ui-datepicker-div.formcraft-datepicker .ui-datepicker-header,
#ui-datepicker-div.formcraft-datepicker .ui-datepicker-title {
  background: rgb(35, 55, 111) !important;
  border-color: rgb(35, 55, 111) !important;
  color: #fff !important;
}
.formcraft-datepicker td .ui-state-active,
.formcraft-datepicker td .ui-state-hover {
  background: rgb(35, 55, 111) !important;
  border-color: rgb(35, 55, 111) !important;
  color: #fff !important;
}
#ui-datepicker-div.formcraft-datepicker .ui-datepicker-prev:hover,
#ui-datepicker-div.formcraft-datepicker .ui-datepicker-next:hover,
#ui-datepicker-div.formcraft-datepicker select.ui-datepicker-month:hover,
#ui-datepicker-div.formcraft-datepicker select.ui-datepicker-year:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
#ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar th,
#ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a {
  color: rgb(35, 55, 111) !important;
}

/* 10. Dropdowns: fallback navy selected row (Firefox/Safari) */
.formcraft-css .fc-form .field-cover select option:checked {
  background: rgb(35, 55, 111) !important;
  color: #fff !important;
}

/* Chrome/Edge customisable select: full control of list + hover */
@supports (appearance: base-select) {
  .formcraft-css .fc-form .field-cover select,
  .formcraft-css .fc-form .field-cover select::picker(select) {
    appearance: base-select !important;
  }

  /* Closed box: one line, same height as the text inputs */
  .formcraft-css .fc-form .field-cover select {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    box-sizing: border-box !important;
    height: var(--fc-field-h, 48px) !important;
    min-height: 0 !important;
    line-height: var(--fc-field-h, 48px) !important;
    margin: 0 !important;
    padding: 0 40px 0 16px !important; /* room for FormCraft's chevron */
    background-color: #fafafa !important;
  }
  .formcraft-css .fc-form .field-cover select::picker-icon {
    display: none !important; /* avoids a second arrow */
  }
  .formcraft-css .fc-form .field-cover select selectedcontent {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    line-height: normal !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Open list */
  .formcraft-css .fc-form .field-cover select::picker(select) {
    background: #fafafa !important;
    border: 1px solid rgb(35, 55, 111) !important;
    padding: 0 !important;
    max-height: 320px !important;
  }

  /* Options */
  .formcraft-css .fc-form .field-cover select option {
    background: #fafafa !important;
    color: rgb(35, 55, 111) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 12px !important;
  }
  .formcraft-css .fc-form .field-cover select option:is(:hover, :focus, :focus-visible, :checked) {
    background: rgb(35, 55, 111) !important;
    color: #fff !important;
  }
  .formcraft-css .fc-form .field-cover select option::checkmark {
    display: none !important;
  }
  .formcraft-css .fc-form .field-cover select option a {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
  }
}

/* ===== Form 2 only (US + Canada) ===== */

/* Success message: navy instead of #24b5e5 */
html .formcraft-css .fc-form-2 .final-success,
html .formcraft-css .fc-form-2 .final-success * {
  color: rgb(35, 55, 111) !important;
}

/* Section bars read as dividers */
.formcraft-css .fc-form-2 :is(.form-element-field23, .form-element-field31, .form-element-field43) .customText-cover {
  border-left: 4px solid rgb(243, 100, 8) !important;
  padding-left: 12px !important;
}

/* Upload button in a narrow column */
.formcraft-css .fc-form-2 .fileupload-cover .button-file {
  padding: 10px 16px !important;
}