.elementor-6489 .elementor-element.elementor-element-c57e2a7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-6489 .dialog-widget-content{animation-duration:0.4s;background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:30px 30px 30px 30px;}#elementor-popup-modal-6489{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6489 .dialog-message{width:845px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-6489 .dialog-close-button{display:flex;}/* Start custom CSS *//*
 * Educating Estheticians | On-Site Training Inquiry
 *
 * Paste this entire file into WordPress Additional CSS or global site CSS.
 * The imported form already has the CSS class: on-site-training-inquiry
 * Add ee-training-form to its Elementor widget/container to also scope
 * the confirmation message after a successful submission.
 *
 * Uses the website's existing fonts; no external font import is needed.
 */

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) {
  --ee-coral: var(--e-global-color-secondary, #f06260);
  --ee-blue: var(--e-global-color-accent, #b2c6d6);
  --ee-ink: #111111;
  --ee-muted: #555e66;
  --ee-border: #8196a6;
  --ee-surface: #ffffff;
  --ee-error: #a8302e;
  --ee-body-font: var(--e-global-typography-text-font-family, "Roboto"), Arial, sans-serif;
  --ee-heading-font: var(--e-global-typography-primary-font-family, "Playfair Display"), Georgia, serif;
  --ee-button-font: "Montserrat", var(--e-global-typography-text-font-family, "Roboto"), Arial, sans-serif;
  scroll-margin-top: 130px;
}

/* Form panel. Only this training form receives these styles. */
:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) {
  --gf-color-primary: var(--ee-coral);
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 44px);
  box-sizing: border-box;
  border: 1px solid var(--ee-blue);
  border-top: 4px solid var(--ee-coral);
  border-radius: 14px;
  background: var(--ee-surface);
  box-shadow: 0 12px 36px rgba(55, 76, 94, 0.06);
  color: var(--ee-ink);
  font-family: var(--ee-body-font);
  font-size: 16px;
  line-height: 1.6;
}

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_heading {
  margin-bottom: 28px;
}

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_title {
  margin: 0 0 12px;
  color: var(--ee-ink);
  font-family: var(--ee-heading-font);
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-transform: none;
}

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_description {
  display: block;
  max-width: 65ch;
  margin: 0 0 10px;
  color: var(--ee-muted);
  font-family: var(--ee-body-font);
  font-size: 16px;
  line-height: 1.7;
}

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_required_legend {
  margin: 0;
  color: var(--ee-muted);
  font-size: 12px;
  display: none;
}
div#field_7_12 h3 {
    margin-bottom: 20px;
}
/* Two columns on desktop; existing hidden/conditional fields stay hidden. */
:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_fields > .gfield {
  grid-column: span 6;
  min-width: 0;
  margin: 0;
  padding: 0;
}
div#field_7_9 {
    grid-column: span 12;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px;
}
.gfield_description {
    font-size: 12px!important;
    padding-top: 5px!important;
    color: #a19f9f;
}

.dialog-widget-content.dialog-lightbox-widget-content {
    border-radius: 20px!important;
}
div#gform_confirmation_message_7 h2 {
    margin: 0;
}
div#gform_confirmation_message_7 {
    background-color: #ffffff;
    padding: 45px 20px;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color:#f06260;
}
/* Field 9 is the Training Needs textarea in the supplied import file. */
:is(.on-site-training-inquiry_wrapper.gform_wrapper, .ee-training-form .gform_wrapper) .gform_fields > :is(/* End custom CSS */