.elementor-18 .elementor-element.elementor-element-0be0340{--display:flex;--min-height:545px;--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:center;--overlay-opacity:0.73;}.elementor-18 .elementor-element.elementor-element-0be0340:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-0be0340 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background:url("https://firstjerusalem.org/wp-content/uploads/2026/05/P1138332-scaled-e1778258264340.jpg") 50% 50%;background-size:cover;}.elementor-18 .elementor-element.elementor-element-0be0340::before, .elementor-18 .elementor-element.elementor-element-0be0340 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-0be0340 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-0be0340 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-0be0340 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-0be0340 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(80deg, var( --e-global-color-accent ) 0%, var( --e-global-color-95706f3 ) 100%);}.elementor-18 .elementor-element.elementor-element-c9577ba{--display:flex;}.elementor-18 .elementor-element.elementor-element-c9577ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-b723d80 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:58px;font-weight:600;letter-spacing:0.8px;color:var( --e-global-color-bb7fd54 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-69b9070{font-family:"Cinzel", Sans-serif;font-size:19px;font-weight:400;color:var( --e-global-color-bb7fd54 );}.elementor-18 .elementor-element.elementor-element-a92d8c7{--display:flex;}.elementor-18 .elementor-element.elementor-element-11f8d6b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-11f8d6b:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-11f8d6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://firstjerusalem.org/wp-content/uploads/2026/05/P1252946-scaled.jpg");}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-0be0340{--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;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-0be0340{--min-height:717px;--overlay-opacity:0.82;}.elementor-18 .elementor-element.elementor-element-b723d80 .elementor-heading-title{font-size:29px;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-c9577ba{--width:58.694%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-c9577ba{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-0be0340 *//* ============================================================
   FJMBC HOMEPAGE HERO WIDTH FIX
   Makes hero section wider and less compressed
   ============================================================ */

/* Force hero to full browser width */
.fj-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
}

/* Make hero inner container wider */
.fj-hero .fj-container {
  width: min(1720px, calc(100% - 64px)) !important;
  max-width: 1720px !important;
  margin: 0 auto !important;
}

/* Give hero text more breathing room */
.fj-hero-content {
  max-width: 780px !important;
}

/* Make headline wider */
.fj-hero-title {
  max-width: 820px !important;
}

/* Make subtitle wider */
.fj-hero-subtitle {
  max-width: 660px !important;
}

/* Optional: increase hero height slightly */
.fj-hero {
  min-height: 760px !important;
}

/* Tablet */
@media (max-width: 1200px) {
  .fj-hero .fj-container {
    width: min(100% - 40px, 1100px) !important;
    max-width: 1100px !important;
  }

  .fj-hero {
    min-height: 680px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .fj-hero .fj-container {
    width: min(100% - 28px, 100%) !important;
    max-width: calc(100% - 28px) !important;
  }

  .fj-hero {
    min-height: 620px !important;
  }

  .fj-hero-content {
    max-width: 100% !important;
  }

  .fj-hero-title {
    max-width: 100% !important;
    font-size: 54px !important;
  }

  .fj-hero-subtitle {
    max-width: 100% !important;
  }
}/* End custom CSS */