.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .validation_message{display:block !important;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .validation_error{display:block !important;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gform_wrapper .gf_scroll_text{width:100%;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gform_footer input[type="submit"]{width:100px;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gform_body .gform_page_footer input[type="submit"]{width:100px;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gform_body .gform_page_footer input[type="button"]{width:100px;}.elementor-10317 .elementor-element.elementor-element-f8f4640 .eael-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-10317 .elementor-element.elementor-element-f8f4640 .gform_wrapper li.gfield_error textarea{border-width:1px;}/* Start custom CSS *//* ============================================================
   HOLY NAME CATHOLIC PARISH
   RCIA GRAVITY FORM — FORM ID 22
   Elementor Widget Custom CSS
   Presentation layer only
   ============================================================ */


/* ------------------------------------------------------------
   FORM WRAPPER
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 {
    width: 100%;
    max-width: 100%;

    font-family: Georgia, "Times New Roman", Times, serif;
    color: #2d2619;
}


/* ------------------------------------------------------------
   MAIN FORM SURFACE
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 form {
    box-sizing: border-box;

    width: 100%;
    margin: 0;

    padding: 30px 32px 32px;

    border: 1px solid #eadfc8;
    border-top: 4px solid #b08d41;
    border-radius: 16px;

    background:
        radial-gradient(
            circle at top left,
            rgba(212, 175, 55, 0.07),
            transparent 28%
        ),
        linear-gradient(
            to bottom,
            #fffefb 0%,
            #fbf6ec 100%
        );

    box-shadow:
        0 14px 30px rgba(68, 50, 18, 0.09);
}


/* ------------------------------------------------------------
   GRAVITY FORMS TITLE / DESCRIPTION
   Safeguard in case they are ever enabled.
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_title {
    margin: 0 0 8px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 29px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    color: #2d2619 !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gform_description {
    display: block;

    margin: 0 0 22px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px !important;
    line-height: 1.6 !important;

    color: #62543a !important;
}


/* ------------------------------------------------------------
   PROGRESS BAR
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar_wrapper {
    margin: 0 0 30px !important;
    padding: 0 0 22px;

    border-bottom: 1px solid #eadfc8;
}

body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar_title {
    margin: 0 0 9px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;

    color: #80601f !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar {
    height: 12px !important;
    overflow: hidden;

    border: 1px solid #dfd2b7;
    border-radius: 999px !important;

    background: #eee5d5 !important;

    box-shadow:
        inset 0 1px 2px rgba(60, 42, 13, 0.06);
}

body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar_percentage {
    min-height: 10px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #80601f 0%,
            #b08d41 72%,
            #c7a348 100%
        ) !important;

    box-shadow: none !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar_percentage span {
    display: none !important;
}


/* ------------------------------------------------------------
   PAGE / FIELD GRID
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_fields {
    row-gap: 22px !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gfield {
    min-width: 0;
}


/* ------------------------------------------------------------
   SECTION HEADINGS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gsection {
    margin-top: 12px !important;
    margin-bottom: 3px !important;

    padding: 20px 0 10px !important;

    border: 0 !important;
    border-bottom: 1px solid #eadfc8 !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gsection:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gsection_title {
    margin: 0 0 5px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 23px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    color: #80601f !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gsection_description {
    margin: 0 !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px !important;
    line-height: 1.58 !important;

    color: #62543a !important;
}


/* ------------------------------------------------------------
   PRIMARY FIELD LABELS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gfield_label,
body.elementor-page-10317 #gform_wrapper_22 .gfield > legend.gfield_label {
    margin-bottom: 8px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    color: #2d2619 !important;
}


/* ------------------------------------------------------------
   REQUIRED INDICATOR
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gfield_required {
    margin-left: 4px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #8f3f32 !important;
}


/* ------------------------------------------------------------
   SUBLABELS
   Name / Address fields
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform-field-label--type-sub,
body.elementor-page-10317 #gform_wrapper_22 .ginput_complex label {
    margin-top: 5px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;

    color: #75684f !important;
}


/* ------------------------------------------------------------
   FIELD DESCRIPTIONS / HELP TEXT
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gfield_description,
body.elementor-page-10317 #gform_wrapper_22 .instruction,
body.elementor-page-10317 #gform_wrapper_22 .gform_fileupload_rules {
    margin-top: 7px !important;

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13.5px !important;
    line-height: 1.5 !important;

    color: #75684f !important;
}


/* ------------------------------------------------------------
   TEXT INPUTS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input[type="text"],
body.elementor-page-10317 #gform_wrapper_22 input[type="email"],
body.elementor-page-10317 #gform_wrapper_22 input[type="tel"],
body.elementor-page-10317 #gform_wrapper_22 input[type="url"],
body.elementor-page-10317 #gform_wrapper_22 input[type="number"],
body.elementor-page-10317 #gform_wrapper_22 input[type="password"],
body.elementor-page-10317 #gform_wrapper_22 input[type="date"],
body.elementor-page-10317 #gform_wrapper_22 select,
body.elementor-page-10317 #gform_wrapper_22 textarea {
    width: 100% !important;
    max-width: 100% !important;

    border: 1px solid #d8ccb4 !important;
    border-radius: 7px !important;

    background: rgba(255, 255, 255, 0.94) !important;

    box-shadow:
        inset 0 1px 2px rgba(57, 42, 18, 0.035) !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;

    color: #2d2619 !important;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}


/* ------------------------------------------------------------
   INPUT HEIGHTS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input[type="text"],
body.elementor-page-10317 #gform_wrapper_22 input[type="email"],
body.elementor-page-10317 #gform_wrapper_22 input[type="tel"],
body.elementor-page-10317 #gform_wrapper_22 input[type="url"],
body.elementor-page-10317 #gform_wrapper_22 input[type="number"],
body.elementor-page-10317 #gform_wrapper_22 input[type="password"],
body.elementor-page-10317 #gform_wrapper_22 input[type="date"],
body.elementor-page-10317 #gform_wrapper_22 select {
    min-height: 46px !important;
    padding: 9px 12px !important;
}

body.elementor-page-10317 #gform_wrapper_22 textarea {
    min-height: 130px !important;
    padding: 11px 12px !important;

    resize: vertical;
}


/* ------------------------------------------------------------
   PLACEHOLDERS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input::placeholder,
body.elementor-page-10317 #gform_wrapper_22 textarea::placeholder {
    opacity: 1;

    color: #9b907c !important;
}


/* ------------------------------------------------------------
   INPUT FOCUS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input[type="text"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="email"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="tel"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="url"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="number"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="password"]:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="date"]:focus,
body.elementor-page-10317 #gform_wrapper_22 select:focus,
body.elementor-page-10317 #gform_wrapper_22 textarea:focus {
    outline: none !important;

    border-color: #b08d41 !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 3px rgba(176, 141, 65, 0.13),
        inset 0 1px 2px rgba(57, 42, 18, 0.025) !important;
}


/* ------------------------------------------------------------
   RADIO BUTTONS / CHECKBOXES
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input[type="radio"],
body.elementor-page-10317 #gform_wrapper_22 input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    margin: 0 !important;

    accent-color: #80601f;
}

body.elementor-page-10317 #gform_wrapper_22 .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;

    margin-bottom: 7px !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gchoice label {
    margin: -1px 0 0 !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 15.5px !important;
    line-height: 1.45 !important;

    color: #62543a !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gfield_radio,
body.elementor-page-10317 #gform_wrapper_22 .gfield_checkbox {
    display: grid;
    gap: 3px;

    margin-top: 2px !important;
}


/* ------------------------------------------------------------
   FILE UPLOADS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input[type="file"] {
    width: 100%;
    max-width: 100%;

    padding: 9px;

    border: 1px dashed #ccb986;
    border-radius: 8px;

    background: rgba(255, 250, 240, 0.74);

    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;

    color: #62543a;
}

body.elementor-page-10317 #gform_wrapper_22 input[type="file"]::file-body.elementor-page-10317-button {
    margin-right: 10px;
    padding: 8px 13px;

    border: 1px solid #9b7730;
    border-radius: 6px;

    background:
        linear-gradient(
            to bottom,
            #ad8840,
            #80601f
        );

    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 700;

    color: #ffffff;

    cursor: pointer;
}


/* ------------------------------------------------------------
   SIGNATURE FIELD
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .ginput_container_signature {
    max-width: 100% !important;

    padding: 8px !important;

    border: 1px solid #d8ccb4 !important;
    border-radius: 8px !important;

    background: #ffffff !important;

    box-shadow:
        inset 0 1px 2px rgba(57, 42, 18, 0.035) !important;
}

body.elementor-page-10317 #gform_wrapper_22 .ginput_container_signature canvas {
    max-width: 100% !important;

    border-radius: 5px;
}


/* ------------------------------------------------------------
   PAGE FOOTER
   Previous / Next / Submit
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_page_footer,
body.elementor-page-10317 #gform_wrapper_22 .gform_footer {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
    overflow: visible !important;

    margin-top: 31px !important;
    padding-top: 22px !important;

    border-top: 1px solid #eadfc8;
}


/* ------------------------------------------------------------
   PRIMARY BUTTONS
   Next + Submit
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_next_button,
body.elementor-page-10317 #gform_wrapper_22 input[type="submit"],
body.elementor-page-10317 #gform_wrapper_22 button[type="submit"],
body.elementor-page-10317 #gform_wrapper_22 .gform_button {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 11px 21px !important;

    border: 1px solid #755519 !important;
    border-radius: 7px !important;

    background:
        linear-gradient(
            to bottom,
            #a58034 0%,
            #80601f 100%
        ) !important;

    box-shadow:
        0 4px 10px rgba(69, 47, 11, 0.14) !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    color: #ffffff !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    cursor: pointer;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}

body.elementor-page-10317 #gform_wrapper_22 .gform_next_button:hover,
body.elementor-page-10317 #gform_wrapper_22 .gform_next_button:focus,
body.elementor-page-10317 #gform_wrapper_22 input[type="submit"]:hover,
body.elementor-page-10317 #gform_wrapper_22 input[type="submit"]:focus,
body.elementor-page-10317 #gform_wrapper_22 button[type="submit"]:hover,
body.elementor-page-10317 #gform_wrapper_22 button[type="submit"]:focus,
body.elementor-page-10317 #gform_wrapper_22 .gform_button:hover,
body.elementor-page-10317 #gform_wrapper_22 .gform_button:focus {
    transform: translateY(-1px);

    background:
        linear-gradient(
            to bottom,
            #94712c 0%,
            #6d5018 100%
        ) !important;

    box-shadow:
        0 6px 13px rgba(69, 47, 11, 0.18) !important;
}


/* ------------------------------------------------------------
   PREVIOUS BUTTON
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_previous_button {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 10px 18px !important;

    border: 1px solid #c8b995 !important;
    border-radius: 7px !important;

    background:
        linear-gradient(
            to bottom,
            #fffdf8,
            #f4ecdd
        ) !important;

    box-shadow: none !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    color: #80601f !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    cursor: pointer;
}

body.elementor-page-10317 #gform_wrapper_22 .gform_previous_button:hover,
body.elementor-page-10317 #gform_wrapper_22 .gform_previous_button:focus {
    border-color: #b08d41 !important;

    background: #f8f0df !important;

    color: #654916 !important;
}


/* ------------------------------------------------------------
   VALIDATION SUMMARY
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gform_validation_errors {
    margin: 0 0 24px !important;
    padding: 16px 18px !important;

    border: 1px solid #d7aaa0 !important;
    border-left: 4px solid #9b4b3e !important;
    border-radius: 8px !important;

    background: #fff7f5 !important;

    box-shadow: none !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gform_validation_errors h2 {
    margin: 0 !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;

    color: #743a30 !important;
}


/* ------------------------------------------------------------
   INDIVIDUAL FIELD ERRORS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gfield_error {
    padding: 14px !important;

    border: 1px solid #e2bcb4 !important;
    border-radius: 8px;

    background: rgba(255, 246, 244, 0.76) !important;
}

body.elementor-page-10317 #gform_wrapper_22 .gfield_validation_message,
body.elementor-page-10317 #gform_wrapper_22 .validation_message {
    margin-top: 7px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;

    color: #8d4034 !important;
}


/* ------------------------------------------------------------
   ERROR INPUT STATES
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 .gfield_error input[type="text"],
body.elementor-page-10317 #gform_wrapper_22 .gfield_error input[type="email"],
body.elementor-page-10317 #gform_wrapper_22 .gfield_error input[type="tel"],
body.elementor-page-10317 #gform_wrapper_22 .gfield_error input[type="date"],
body.elementor-page-10317 #gform_wrapper_22 .gfield_error select,
body.elementor-page-10317 #gform_wrapper_22 .gfield_error textarea {
    border-color: #bd7568 !important;

    box-shadow:
        0 0 0 2px rgba(189, 117, 104, 0.08) !important;
}


/* ------------------------------------------------------------
   LINKS INSIDE FORM
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 a,
body.elementor-page-10317 #gform_wrapper_22 a:visited {
    color: #80601f;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: rgba(128, 96, 31, 0.40);
}

body.elementor-page-10317 #gform_wrapper_22 a:hover,
body.elementor-page-10317 #gform_wrapper_22 a:focus {
    color: #654916;
    text-decoration-color: currentColor;
}


/* ------------------------------------------------------------
   DISABLED CONTROLS
   ------------------------------------------------------------ */

body.elementor-page-10317 #gform_wrapper_22 input:disabled,
body.elementor-page-10317 #gform_wrapper_22 select:disabled,
body.elementor-page-10317 #gform_wrapper_22 textarea:disabled,
body.elementor-page-10317 #gform_wrapper_22 button:disabled {
    opacity: 0.62;
    cursor: not-allowed;
}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 780px) {

    body.elementor-page-10317 #gform_wrapper_22 form {
        padding: 26px 24px 28px;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gform_fields {
        row-gap: 20px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gsection_title {
        font-size: 21px !important;
    }
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 520px) {

    body.elementor-page-10317 #gform_wrapper_22 form {
        padding: 22px 16px 24px;

        border-radius: 12px;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gf_progressbar_wrapper {
        margin-bottom: 24px !important;
        padding-bottom: 18px;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gform_fields {
        row-gap: 18px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gsection {
        padding-top: 16px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gsection_title {
        font-size: 20px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gfield_label,
    body.elementor-page-10317 #gform_wrapper_22 .gfield > legend.gfield_label {
        font-size: 15.5px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 input[type="text"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="email"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="tel"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="url"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="number"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="password"],
    body.elementor-page-10317 #gform_wrapper_22 input[type="date"],
    body.elementor-page-10317 #gform_wrapper_22 select,
    body.elementor-page-10317 #gform_wrapper_22 textarea {
        font-size: 16px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gform_page_footer,
    body.elementor-page-10317 #gform_wrapper_22 .gform_footer {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.elementor-page-10317 #gform_wrapper_22 .gform_previous_button,
    body.elementor-page-10317 #gform_wrapper_22 .gform_next_button,
    body.elementor-page-10317 #gform_wrapper_22 input[type="submit"],
    body.elementor-page-10317 #gform_wrapper_22 button[type="submit"],
    body.elementor-page-10317 #gform_wrapper_22 .gform_button {
        width: 100% !important;
        max-width: none !important;

        white-space: normal !important;

        text-align: center !important;
    }
}/* End custom CSS */