.elementor-111893 .elementor-element.elementor-element-5a5e0fe{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.77;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-111893 .elementor-element.elementor-element-5a5e0fe:not(.elementor-motion-effects-element-type-background), .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://localcatholicchurches.com/wp-content/uploads/2025/06/Untitled-design-5.webp");}.elementor-111893 .elementor-element.elementor-element-5a5e0fe::before, .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .elementor-background-video-container::before, .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .e-con-inner > .elementor-background-video-container::before, .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .elementor-background-slideshow::before, .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-111893 .elementor-element.elementor-element-5a5e0fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-111893 .elementor-element.elementor-element-c457f97{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-111893 .elementor-element.elementor-element-d843816 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-111893 .elementor-element.elementor-element-d843816{text-align:left;}.elementor-111893 .elementor-element.elementor-element-d843816 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:700;text-transform:uppercase;}.elementor-111893 .elementor-element.elementor-element-e581916 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D8D8D8;border-radius:5px 5px 5px 5px;box-shadow:6px 6px 4px 0px rgba(0, 0, 0, 0.27);}.elementor-111893 .elementor-element.elementor-element-e581916 form.glsr-form .glsr-field-rating{--glsr-form-star:2em;}.elementor-111893 .elementor-element.elementor-element-e581916 .glsr[data-theme] .glsr-field-rating [data-stars]{font-size:initial;}.elementor-111893 .elementor-element.elementor-element-e581916 .glsr[data-theme] .glsr-field-rating [data-stars] > span{font-size:initial;height:var(--glsr-form-star);width:var(--glsr-form-star);}.elementor-111893 .elementor-element.elementor-element-e581916 form.glsr-form .glsr-field-rating span[data-rating]{column-gap:2px;}.elementor-111893 .elementor-element.elementor-element-e581916 .glsr-review-form{--glsr-gap-md:0.75em;}.elementor-111893 .elementor-element.elementor-element-e581916 .elementor-form .elementor-form-fields-wrapper .glsr-field{margin-bottom:0.75em;}@media(min-width:768px){.elementor-111893 .elementor-element.elementor-element-c457f97{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for site_reviews_form, class: .elementor-element-e581916 *//*
  Modern & Clear Button Styles
  Targeting the button within the specific data-field wrapper
*/

/* Optional: Style the wrapper if you want to control its alignment */
div[data-field="submit-button"] .wp-block-button {
    /*
      By default, WordPress .wp-block-button might have its own alignment.
      If you want to center the button container, uncomment one of these:
    */
    /* text-align: center; */ /* If button is display: inline-block */
    /* display: flex; justify-content: center; */ /* If you want to use flexbox */

    /* Reset any unwanted default margins from WordPress themes */
    margin-bottom: 0; /* Or adjust as needed */
}

/* Main button styling */
div[data-field="submit-button"] button.glsr-button {
    /* --- Resets & Base --- */
    background: none; /* Override default WP/theme background */
    border: none;     /* Override default WP/theme border */
    box-shadow: none; /* Override default WP/theme shadow */
    text-shadow: none;/* Override default WP/theme text-shadow */
    padding: 0;       /* Override default WP/theme padding to apply our own */
    text-decoration: none; /* Ensure no underline from .wp-block-button__link */
    -webkit-appearance: none; /* Remove default OS styling on some browsers */
    -moz-appearance: none;
    appearance: none;

    /* --- Modern & Clear Styles --- */
    display: inline-block; /* Allows padding, margin, and flows with text */
    background-color: #007AFF; /* A modern, vibrant blue (common in UI design) */
    color: #FFFFFF; /* White text for good contrast */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* System font stack for wide compatibility and modern feel */
    font-size: 16px; /* Clear, readable size */
    font-weight: 600; /* Semi-bold for emphasis */
    line-height: 1.5; /* Good line height for readability */
    padding: 12px 28px; /* Generous padding for a comfortable click target */
    border-radius: 8px; /* Softly rounded corners */
    cursor: pointer; /* Indicates interactivity */
    text-align: center; /* Ensures text is centered */
    transition: background-color 0.2s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.2s ease-in-out;
    outline: none; /* We'll provide a custom :focus-visible style */
}

/* --- Interactive States --- */

/* Hover State */
div[data-field="submit-button"] button.glsr-button:hover {
    background-color: #005ECB; /* A slightly darker shade of blue for hover */
    transform: translateY(-2px); /* Subtle lift effect */
    box-shadow: 0 4px 12px rgba(0, 94, 203, 0.25); /* Softer, modern shadow */
}

/* Focus State - Crucial for Accessibility (Keyboard Navigation) */
div[data-field="submit-button"] button.glsr-button:focus-visible {
    outline: 2px solid #007AFF; /* Clear focus ring matching the button color */
    outline-offset: 3px;        /* Space between button and outline */
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.3); /* Optional: A softer glow as well */
}
/*
  Note: :focus-visible is preferred over :focus for styling keyboard-only focus.
  If you must support older browsers that don't know :focus-visible, you might
  still use :focus, but be aware it can also trigger on mouse click.
*/


/* Active/Pressed State */
div[data-field="submit-button"] button.glsr-button:active {
    background-color: #004C9E; /* An even darker blue for pressed state */
    transform: translateY(0px); /* Remove the lift, simulate being pressed down */
    box-shadow: 0 2px 6px rgba(0, 76, 158, 0.2); /* Smaller shadow when pressed */
}

/* --- Loading State (aria-busy="true") --- */
/*
  The data-loading attribute is typically used by JavaScript to change the button's
  text content. CSS alone can't easily replace the button text with the
  data-loading attribute's value while keeping the original text hidden.
  However, we can style the button when it's busy.
*/
div[data-field="submit-button"] button.glsr-button[aria-busy="true"] {
    background-color: #B0B0B0; /* A muted color for loading state */
    color: #505050;
    cursor: wait; /* Indicate a waiting process */
    /* Prevent interaction effects when busy */
    transform: none;
    box-shadow: none;
}

/*
  If your JavaScript ALSO adds a specific class like "is-loading",
  you could target that for more specific loading styles, e.g., adding a spinner.
  Example (requires a spinner element or pseudo-element trickery):

  div[data-field="submit-button"] button.glsr-button.is-loading::before {
      content: "";
      display: inline-block;
      width: 1em;
      height: 1em;
      border: 2px solid currentColor;
      border-right-color: transparent;
      border-radius: 50%;
      animation: button-spinner 0.75s linear infinite;
      margin-right: 8px;
      vertical-align: middle;
  }

  @keyframes button-spinner {
      to { transform: rotate(360deg); }
  }
*//* End custom CSS */