.elementor-kit-5{--e-global-color-primary:#1F3059;--e-global-color-secondary:#1B2A4A;--e-global-color-text:#2C3547;--e-global-color-accent:#1F3059;--e-global-color-78e2b0e:#F7F2E9;--e-global-color-jspsgold:#E4B173;--e-global-color-jpsgoldsoft:#F5C87D;--e-global-color-jspsviolet:#90718E;--e-global-color-jspsviolets:#C4A7C2;--e-global-color-jspscream:#FDFBF7;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#B8863B;}.elementor-kit-5 a:hover{color:#1F3059;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   MOBILE-ONLY REFINEMENTS  -  Jersey Shore Psychiatric Services
   Prepared by Dawah Marketing.

   EVERY rule below sits inside @media (max-width: 767px), so the desktop
   and tablet designs are mathematically untouched. Verified at 1440px:
   hero type still 46px, section padding still 60px, columns still 56%.
   ========================================================================== */

@media (max-width: 767px) {

  /* 1 - Let rows wrap so the full-width columns below land on their own
     line instead of running off the side of the screen. */
  [data-elementor-type] .e-con {
    flex-wrap: wrap !important;
  }

  /* 2 - Stack columns full width. Desktop widths (56% / 50% / 46% / 44% /
     24% / 23%) had no mobile value, so copy squeezed into 59-154px slivers
     and pushed the page wider than the screen. */
  [data-elementor-type] .e-con.e-child,
  [data-elementor-type] .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }

  /* 3 - Cap oversized padding. Each rule reads the container's own Elementor
     padding variable and limits it, so full-bleed sections that use zero
     padding stay full-bleed and nothing ever gains padding it did not have. */
  .e-con {
    padding-inline-start: min(var(--padding-inline-start, 0px), 24px) !important;
    padding-inline-end:   min(var(--padding-inline-end, 0px), 24px) !important;
    padding-block-start:  min(var(--padding-block-start, 0px), 56px) !important;
    padding-block-end:    min(var(--padding-block-end, 0px), 56px) !important;
  }

  /* 4 - Desktop overlay sections flow in normal order instead of sitting on
     top of the copy beneath them. */
  [data-elementor-type] .e-con.e-child {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* 5 - Headline scale for small screens */
  .elementor-widget-text-editor h1,
  .elementor-widget-text-editor h2 {
    font-size: 34px !important;
    line-height: 1.18 !important;
  }
  .elementor-widget-heading h1.elementor-heading-title {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }
  .wp-block-post-title, .entry-title {
    font-size: 30px !important;
    line-height: 1.22 !important;
  }

  /* 6 - Media never overflows its column */
  img, video, iframe { max-width: 100% !important; }

  /* 7 - Comfortable tap targets */
  .elementor-button { min-height: 48px; }

}

/* NOTE: overflow-x:hidden is deliberately NOT used here. On html/body it
   creates a nested scroll container that breaks momentum scrolling and
   sticky headers on iOS. Overflow is fixed at its source in rules 1 and 2. *//* End custom CSS */