Event Highlight

KICK-OFF SUNDAY | SEPTEMBER 7, 2025
Sunday morning services at 8:00 a.m., 9:00 a.m. (via Zoom), and 10:15 a.m.
Celebrate Kick-off Sunday
Services at 8:00 a.m., 9:00 a.m. (via Zoom), & 10:15 a.m.
Sunday School at 9:00 a.m. &
Children’s Chapel at 10:15 a.m.
Brats & hotdogs in St. John’s Commons following the 10:15 a.m. service
</frame>
view="week"</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section 
    
      user-items-list-section
      full-bleed-section
    
    white'
  
  data-section-id="67dd746970e731440f0c4fb5"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.3,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
}"
  data-current-context="{
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation=""
  
  data-json-schema-section 
  
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
<div
  class="user-items-list"
  style="
    min-height: 100px;
    padding-top: 2vmax;
    padding-bottom: 5vmax;
    "
  data-card-theme=""
  data-section-id="user-items-list"
  data-section-title-enabled="false"
  data-space-below-section-title-value="40"
  data-space-below-section-title-unit="px"
  data-layout-width="inset"
>
  
<style>
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__title {
    font-size: 2.2rem;
  }
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__description {
    font-size: 1.1rem;
  }
  .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] .list-item-content__button {
    font-size: 1rem;
  }

  @supports (--test-custom-property: true) {
    .user-items-list-item-container[data-section-id="67dd746970e731440f0c4fb5"] {
      --title-font-size-value: 2.2;
      --body-font-size-value: 1.1;
      --button-font-size-value: 1;
    }
  }
</style>

<ul class="
    user-items-list-item-container
    user-items-list-simple
  "
  style="
    grid-gap: 20px 60px;
  "
  data-controller="UserItemsListSimple"
  data-num-columns="3"
  data-content-order="media-first"
  data-alignment-vertical="stretch"
  data-section-id="67dd746970e731440f0c4fb5"
  data-current-context="{
&quot;userItems&quot;: [ {
&quot;title&quot;: &quot;Resources&quot;,
&quot;description&quot;: &quot;&lt;p data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Whether you need to update your information, access the prayer list, or seek assistance, you can find what you need by exploring our resources.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;EXPLORE RESOURCES&quot;,
&quot;buttonLink&quot;: &quot;/resources&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fae&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fae&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737043138037,
&quot;updatedOn&quot;: 1737043138106,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737043138037,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;adf1e435-3a97-4db5-b3e1-619bcb7a38fa&quot;,
&quot;systemDataVariants&quot;: &quot;2405x1459,100w,300w,500w,750w,1000w,1500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;Red+Doors+750x456.jpeg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;d4d0c7&quot;,
&quot;topRightAverage&quot;: &quot;a8acab&quot;,
&quot;bottomLeftAverage&quot;: &quot;989794&quot;,
&quot;bottomRightAverage&quot;: &quot;8b7369&quot;,
&quot;centerAverage&quot;: &quot;9d9e9c&quot;,
&quot;suggestedBgColor&quot;: &quot;7a5e57&quot;
},
&quot;urlId&quot;: &quot;v6ez59mmwy5b89osiw79gjnji2y4d3-kyey8-5d6mt-crew8-bfees-lbkha-l49ty-alpzd-9y6p4-zks4c&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;author&quot;: {
&quot;id&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;displayName&quot;: &quot;Erin Gottfried&quot;,
&quot;firstName&quot;: &quot;Erin&quot;,
&quot;lastName&quot;: &quot;Gottfried&quot;,
&quot;bio&quot;: &quot;&quot;
},
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/adf1e435-3a97-4db5-b3e1-619bcb7a38fa/Red%2BDoors%2B750x456.jpeg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2405x1459&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
}, {
&quot;title&quot;: &quot;Give&quot;,
&quot;description&quot;: &quot;&lt;p data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Your generosity supports St. John’s mission of worship, service, and community outreach, helping us grow in faith and make a meaningful impact.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;GIVE TO ST. JOHN\&quot;S&quot;,
&quot;buttonLink&quot;: &quot;/give&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fb1&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fb1&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737043459373,
&quot;updatedOn&quot;: 1737043459445,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737043459373,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;69aa17ba-4e86-4eb5-bf36-9ed8af2b6396&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1358,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;IMG_6081+-+Copy.jpeg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;94877a&quot;,
&quot;topRightAverage&quot;: &quot;ab9a8d&quot;,
&quot;bottomLeftAverage&quot;: &quot;3a401f&quot;,
&quot;bottomRightAverage&quot;: &quot;474f24&quot;,
&quot;centerAverage&quot;: &quot;5f4d38&quot;,
&quot;suggestedBgColor&quot;: &quot;7c725b&quot;
},
&quot;urlId&quot;: &quot;speeycd43pn91ytgqqv9b6jrvjo9oe-dfs2b-gjcnl-6w6f8-4td2f-yk842-jjnl6-zejfm-z5fkj-53eb3&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;author&quot;: {
&quot;id&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;displayName&quot;: &quot;Erin Gottfried&quot;,
&quot;firstName&quot;: &quot;Erin&quot;,
&quot;lastName&quot;: &quot;Gottfried&quot;,
&quot;bio&quot;: &quot;&quot;
},
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/69aa17ba-4e86-4eb5-bf36-9ed8af2b6396/IMG_6081%2B-%2BCopy.jpeg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2500x1358&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
}, {
&quot;title&quot;: &quot;Get Involved&quot;,
&quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Enrich worship at St. John’s by joining our choir, serving as a reader, assisting with communion, or volunteering in other meaningful roles that uplift our congregation.&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;SERVING AT ST. JOHN'S&quot;,
&quot;buttonLink&quot;: &quot;/get-involved&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;imageId&quot;: &quot;67dd746970e731440f0c4fb4&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;67dd746970e731440f0c4fb4&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1737044113687,
&quot;updatedOn&quot;: 1737044113755,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1737044113687,
&quot;authorId&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;systemDataId&quot;: &quot;77b5563e-588c-4659-a392-40e763d8fcbf&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1407,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;IMG_5172.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;52612f&quot;,
&quot;topRightAverage&quot;: &quot;56715b&quot;,
&quot;bottomLeftAverage&quot;: &quot;728878&quot;,
&quot;bottomRightAverage&quot;: &quot;6d774b&quot;,
&quot;centerAverage&quot;: &quot;697073&quot;,
&quot;suggestedBgColor&quot;: &quot;64684f&quot;
},
&quot;urlId&quot;: &quot;tk46e37nebu6u86jhqsxxpgwaqurk2-ebnw6-tjy6n-y7pwz-hdsjy-zc9dc-9hm7p-aazl6-mfse3-w2nk7&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;author&quot;: {
&quot;id&quot;: &quot;65b9293029a4f2104bc5534e&quot;,
&quot;displayName&quot;: &quot;Erin Gottfried&quot;,
&quot;firstName&quot;: &quot;Erin&quot;,
&quot;lastName&quot;: &quot;Gottfried&quot;,
&quot;bio&quot;: &quot;&quot;
},
&quot;assetUrl&quot;: &quot;https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/77b5563e-588c-4659-a392-40e763d8fcbf/IMG_5172.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;originalSize&quot;: &quot;2500x1407&quot;,
&quot;recordTypeLabel&quot;: &quot;image&quot;
}
} ],
&quot;styles&quot;: {
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.3,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
},
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageFocalPoint&quot;: null,
&quot;backgroundImageId&quot;: null,
&quot;options&quot;: {
&quot;maxColumns&quot;: 3,
&quot;isCardEnabled&quot;: true,
&quot;isMediaEnabled&quot;: false,
&quot;isTitleEnabled&quot;: true,
&quot;isBodyEnabled&quot;: true,
&quot;isButtonEnabled&quot;: true,
&quot;mediaAspectRatio&quot;: &quot;4:3&quot;,
&quot;layoutWidth&quot;: &quot;inset&quot;,
&quot;mediaWidth&quot;: {
&quot;value&quot;: 100,
&quot;unit&quot;: &quot;%&quot;
},
&quot;mediaAlignment&quot;: &quot;center&quot;,
&quot;contentWidth&quot;: {
&quot;value&quot;: 75,
&quot;unit&quot;: &quot;%&quot;
},
&quot;titleAlignment&quot;: &quot;center&quot;,
&quot;bodyAlignment&quot;: &quot;center&quot;,
&quot;buttonAlignment&quot;: &quot;center&quot;,
&quot;titlePlacement&quot;: &quot;center&quot;,
&quot;bodyPlacement&quot;: &quot;center&quot;,
&quot;buttonPlacement&quot;: &quot;center&quot;,
&quot;cardVerticalAlignment&quot;: &quot;stretch&quot;,
&quot;contentOrder&quot;: &quot;media-first&quot;,
&quot;verticalPaddingTop&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;verticalPaddingBottom&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;spaceBetweenColumns&quot;: {
&quot;value&quot;: 60,
&quot;unit&quot;: &quot;px&quot;
},
&quot;spaceBetweenRows&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;spaceBetweenContentAndMedia&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBelowTitle&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBelowBody&quot;: {
&quot;value&quot;: 11,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingTop&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingRight&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingBottom&quot;: {
&quot;value&quot;: 10,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingLeft&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;%&quot;
},
&quot;titleFontSize&quot;: &quot;heading-2&quot;,
&quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
&quot;buttonFontSize&quot;: &quot;button-medium&quot;,
&quot;customOptions&quot;: {
&quot;customTitleFontSize&quot;: {
&quot;value&quot;: 2.2,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customBodyFontSize&quot;: {
&quot;value&quot;: 1.1,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customButtonFontSize&quot;: {
&quot;value&quot;: 1,
&quot;unit&quot;: &quot;rem&quot;
}
}
},
&quot;layout&quot;: &quot;simple&quot;,
&quot;isSectionTitleEnabled&quot;: false,
&quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Make it stand out.&lt;\/p&gt;&quot;,
&quot;spaceBelowSectionTitle&quot;: {
&quot;value&quot;: 40,
&quot;unit&quot;: &quot;px&quot;
},
&quot;sectionTitleAlignment&quot;: &quot;center&quot;,
&quot;isSectionButtonEnabled&quot;: false,
&quot;sectionButton&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;,
&quot;buttonLink&quot;: &quot;&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;sectionButtonSize&quot;: &quot;medium&quot;,
&quot;sectionButtonAlignment&quot;: &quot;center&quot;,
&quot;spaceAboveSectionButton&quot;: {
&quot;value&quot;: 40,
&quot;unit&quot;: &quot;px&quot;
}
}"
  data-media-alignment="center"
  data-title-alignment="center"
  data-body-alignment="center"
  data-button-alignment="center"
  data-title-placement="center"
  data-body-placement="center"
  data-button-placement="center"
  data-layout-width="inset"
  data-title-font-unit="rem"
  data-description-font-unit="rem"
  data-button-font-unit="rem"
  data-space-between-rows="20px"
  data-space-between-columns="60px"
  data-vertical-padding-top-value="2"
  data-vertical-padding-bottom-value="5"
  data-vertical-padding-top-unit="vmax"
  data-vertical-padding-bottom-unit="vmax"
>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Resources</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p data-rte-preserve-empty="true" style="white-space:pre-wrap;">Whether you need to update your information, access the prayer list, or seek assistance, you can find what you need by exploring our resources.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/resources"
          
        >EXPLORE RESOURCES</a>
      </div>

    </div>
  
</div>

    </li>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Give</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p data-rte-preserve-empty="true" style="white-space:pre-wrap;">Your generosity supports St. John’s mission of worship, service, and community outreach, helping us grow in faith and make a meaningful impact.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/give"
          
        >GIVE TO ST. JOHN"S</a>
      </div>

    </div>
  
</div>

    </li>
  
    <li
      class="
        list-item
        
          list-item-basic-animation
        
      "
      style="
        
          padding-top: 10%;
          padding-right: 2%;
          padding-bottom: 10%;
          padding-left: 2%;
        
      "
      data-is-card-enabled="true"
    >
      
        <div class="list-item-content">

    <div class="list-item-content__text-wrapper">

        <h2
          class="list-item-content__title"
          style="max-width: 75%;"
        >Get Involved</h2>
      
        <div class="list-item-content__description
          
          "
          style="
            margin-top: 5%;
            max-width: 75%;
          "
        >
          <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;">Enrich worship at St. John’s by joining our choir, serving as a reader, assisting with communion, or volunteering in other meaningful roles that uplift our congregation.</p>
        </div>
      
    </div>
  
    <div class="list-item-content__button-wrapper">

      <div class="list-item-content__button-container"
        style="
          margin-top: 11%;
          max-width: 75%;
        "
        data-animation-role="button"
      >
        <a class="
            list-item-content__button
            sqs-block-button-element
            
              sqs-block-button-element--medium
              sqs-button-element--primary
            
          "
          href="/get-involved"
          
        >SERVING AT ST. JOHN'S</a>
      </div>

    </div>
  
</div>

    </li>
  
</ul>

</div>

    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme="dark"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    dark'
  
  data-section-id="67dd74639f8a79714cec17f9"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;dark&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67dd74639f8a79714cec17f8 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(11,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67dd74639f8a79714cec17f8 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67dd74639f8a79714cec17f8 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-a233daa8dd4c621a5817 {
    grid-area: 1/2/4/10;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-a233daa8dd4c621a5817 .sqs-block {
    justify-content: center;
  }

  .fe-block-a233daa8dd4c621a5817 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-a233daa8dd4c621a5817 {
      grid-area: 1/2/3/26;
      z-index: 1;

    }

    .fe-block-a233daa8dd4c621a5817 .sqs-block {
      justify-content: center;
    }

    .fe-block-a233daa8dd4c621a5817 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-4938118a98d744c4aef0 {
    grid-area: 4/2/6/10;
    z-index: 2;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-4938118a98d744c4aef0 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-4938118a98d744c4aef0 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-4938118a98d744c4aef0 {
      grid-area: 3/4/4/24;
      z-index: 2;

    }

    .fe-block-4938118a98d744c4aef0 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-4938118a98d744c4aef0 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-0f85431a7a5369b60d73 {
    grid-area: 6/2/12/10;
    z-index: 3;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-0f85431a7a5369b60d73 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-0f85431a7a5369b60d73 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-0f85431a7a5369b60d73 {
      grid-area: 4/4/6/24;
      z-index: 3;

    }

    .fe-block-0f85431a7a5369b60d73 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-0f85431a7a5369b60d73 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-67dd74639f8a79714cec17f8"><div class="fe-block fe-block-a233daa8dd4c621a5817"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-a233daa8dd4c621a5817"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <h3 style="text-align:center;white-space:pre-wrap;">Join the St. John’s Email List</h3>
</div>

</div></div></div><div class="fe-block fe-block-4938118a98d744c4aef0"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-4938118a98d744c4aef0"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <p style="text-align:center;white-space:pre-wrap;" class="">Sign up with your email address to receive news and updates from St. John’s.</p>
</div>

</div></div></div><div class="fe-block fe-block-0f85431a7a5369b60d73"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-0f85431a7a5369b60d73"><div class="sqs-block-content"><p><center> Add MailChimp sign up code here.</center></p></div></div></div></div></div>
    </div>
  
  </div>
  
</section>

<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    '
  
  data-section-id="67dd74733f68ff7b3a940a7c"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 2,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67dd74733f68ff7b3a940a7b {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(21,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67dd74733f68ff7b3a940a7b {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67dd74733f68ff7b3a940a7b {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(17,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-ae27cb0ee4ce91db7e32 {
    grid-area: 1/2/12/10;
    z-index: 0;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-ae27cb0ee4ce91db7e32 .sqs-block {
    justify-content: center;
  }

  .fe-block-ae27cb0ee4ce91db7e32 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-ae27cb0ee4ce91db7e32 {
      grid-area: 2/5/17/17;
      z-index: 0;

    }

    .fe-block-ae27cb0ee4ce91db7e32 .sqs-block {
      justify-content: center;
    }

    .fe-block-ae27cb0ee4ce91db7e32 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-40eb6c72eb0c021503ee {
    grid-area: 12/2/21/10;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-40eb6c72eb0c021503ee .sqs-block {
    justify-content: center;
  }

  .fe-block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-40eb6c72eb0c021503ee {
      grid-area: 4/14/14/23;
      z-index: 1;

    }

    .fe-block-40eb6c72eb0c021503ee .sqs-block {
      justify-content: center;
    }

    .fe-block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-164b7674d39fbc2c8c9b {
    grid-area: 13/3/15/9;
    z-index: 2;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-164b7674d39fbc2c8c9b .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-164b7674d39fbc2c8c9b .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-164b7674d39fbc2c8c9b {
      grid-area: 6/15/8/23;
      z-index: 2;

    }

    .fe-block-164b7674d39fbc2c8c9b .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-164b7674d39fbc2c8c9b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-3c40685274fed5e657bb {
    grid-area: 15/3/17/9;
    z-index: 3;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-3c40685274fed5e657bb .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-3c40685274fed5e657bb .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-3c40685274fed5e657bb {
      grid-area: 8/15/10/22;
      z-index: 3;

    }

    .fe-block-3c40685274fed5e657bb .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-3c40685274fed5e657bb .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-7ee76225b74c1389da74 {
    grid-area: 17/3/20/9;
    z-index: 4;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-7ee76225b74c1389da74 .sqs-block {
    justify-content: center;
  }

  .fe-block-7ee76225b74c1389da74 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-7ee76225b74c1389da74 {
      grid-area: 10/15/12/20;
      z-index: 4;

    }

    .fe-block-7ee76225b74c1389da74 .sqs-block {
      justify-content: center;
    }

    .fe-block-7ee76225b74c1389da74 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-67dd74733f68ff7b3a940a7b"><div class="fe-block fe-block-ae27cb0ee4ce91db7e32"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-ae27cb0ee4ce91db7e32"><div class="sqs-block-content">

    <div
      class="
        image-block-outer-wrapper
        layout-caption-below
        design-layout-fluid
        image-position-left
        combination-animation-none
        individual-animation-none
      "
      data-test="image-block-fluid-outer-wrapper"
    >
      <div
        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
        data-animation-role="image"
        
      >
        <div
          class="fluid-image-container sqs-image-content"
          
          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;width: 100%;height: 100%;"
          data-sqsp-image-block-image-container
        >
          
              <div class="content-fill">
                
            <img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg" data-image="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg" data-image-dimensions="1280x960" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg" width="1280" height="960" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/96571350-c564-46c6-8621-3b237bfafa4f/thumbnail_IMG_9211.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            <div class="fluidImageOverlay"></div>
          
              </div>
            
        </div>
      </div>
    </div>
    <style>
      .sqs-block-image .sqs-block-content {
        height: 100%;
        width: 100%;
      }

        .fe-block-ae27cb0ee4ce91db7e32 .fluidImageOverlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          mix-blend-mode: normal;
          
            opacity: 0;
          
        }
      
    </style>
  
</div></div></div><div class="fe-block fe-block-40eb6c72eb0c021503ee"><div class="sqs-block website-component-block sqs-block-website-component" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/33aff276-fe34-4a17-8a3d-4daffb355808_245/website.components.shape.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/33aff276-fe34-4a17-8a3d-4daffb355808_245/website.components.shape.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.shape" id="block-40eb6c72eb0c021503ee"><div class="sqs-block-content">

<div
  class="sqs-shape-block-container sqs-block-alignment-wrapper hidden-stretch-block"
  data-stretched-to-fill
  data-shape-name="rectangle"
  
      data-blend-mode='normal'
    
>
  
    <div class="sqs-shape sqs-shape-rectangle"
    style="
      
          border-top-left-radius: 5px;
        
          border-top-right-radius: 5px;
        
          border-bottom-left-radius: 5px;
        
          border-bottom-right-radius: 5px;
        
    "
    ></div>
  
  <style>
    #block-40eb6c72eb0c021503ee .sqs-block-alignment-wrapper {
      
      justify-content: center;
      
    }

      #block-40eb6c72eb0c021503ee .sqs-shape > * {
        
          stroke: none;
        
      }
    
  </style>
  
</div>
</div></div></div><div class="fe-block fe-block-164b7674d39fbc2c8c9b"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-164b7674d39fbc2c8c9b"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <h2 style="white-space:pre-wrap;"><span class="sqsrte-text-color--darkAccent">Contact Us!</span></h2>
</div>

</div></div></div><div class="fe-block fe-block-3c40685274fed5e657bb"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-3c40685274fed5e657bb"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <p class="" style="white-space:pre-wrap;">We’d love to hear from you with any questions you may have! </p>
</div>

</div></div></div><div class="fe-block fe-block-7ee76225b74c1389da74"><div class="sqs-block button-block sqs-block-button" data-block-type="53" data-sqsp-block="button" id="block-7ee76225b74c1389da74"><div class="sqs-block-content">

<div
  class="sqs-block-button-container sqs-block-button-container--left"
  data-animation-role="button"
  data-alignment="left"
  data-button-size="large"
  data-button-type="secondary"
>
  <a
    href="/contact"
    class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
    data-sqsp-button
    
  >
    CONTACT ST. JOHN'S
  </a>
</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</article>

      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
<section
  data-test="page-section"
  
  data-section-theme="black"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
        section-height--custom
      
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    black'
  
  data-section-id="67890f2c22338146c392321f"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 0,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
        
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-67890f2c22338146c392321e {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(20,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 0.0px;
  column-gap: 0.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-67890f2c22338146c392321e {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-67890f2c22338146c392321e {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-yui_3_17_2_1_1737040503061_160632 {
    grid-area: 2/4/5/8;
    z-index: 4;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1737040503061_160632 {
      grid-area: 2/11/5/17;
      z-index: 4;

    }

    .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1737040503061_160632 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-06fd2672274bca480995 {
    grid-area: 6/4/8/8;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-06fd2672274bca480995 .sqs-block {
    justify-content: center;
  }

  .fe-block-06fd2672274bca480995 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-06fd2672274bca480995 {
      grid-area: 5/12/7/16;
      z-index: 1;

    }

    .fe-block-06fd2672274bca480995 .sqs-block {
      justify-content: center;
    }

    .fe-block-06fd2672274bca480995 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 {
    grid-area: 9/2/13/10;
    z-index: 5;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1737040503061_191822 {
      grid-area: 7/8/9/20;
      z-index: 5;

    }

    .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1737040503061_191822 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-e088d64a97f5faf4b52d {
    grid-area: 13/2/21/10;
    z-index: 6;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-e088d64a97f5faf4b52d .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-e088d64a97f5faf4b52d .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-e088d64a97f5faf4b52d {
      grid-area: 10/2/16/26;
      z-index: 6;

    }

    .fe-block-e088d64a97f5faf4b52d .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-e088d64a97f5faf4b52d .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-67890f2c22338146c392321e"><div class="fe-block fe-block-yui_3_17_2_1_1737040503061_160632"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" data-sqsp-block="image" id="block-yui_3_17_2_1_1737040503061_160632"><div class="sqs-block-content">

    <div
      class="
        image-block-outer-wrapper
        layout-caption-below
        design-layout-fluid
        image-position-center
        combination-animation-site-default
        individual-animation-site-default
      "
      data-test="image-block-fluid-outer-wrapper"
    >
      <div
        class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
        data-animation-role="image"
        
      >
        <div
          class="fluid-image-container sqs-image-content"
          
          style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
          data-sqsp-image-block-image-container
        >
          
              <div class="content-fit">
                
            <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png" data-image="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png" data-image-dimensions="2152x849" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" data-sqsp-image-block-image src="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png" width="2152" height="849" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 25vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/67890f2c22338146c3923204/deafafb4-b3c5-4c95-83c7-3258d3424da1/SJEC+Logo+White.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">

            <div class="fluidImageOverlay"></div>
          
              </div>
            
        </div>
      </div>
    </div>
    <style>
      .sqs-block-image .sqs-block-content {
        height: 100%;
        width: 100%;
      }

        .fe-block-yui_3_17_2_1_1737040503061_160632 .fluidImageOverlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          mix-blend-mode: normal;
          
            opacity: 0;
          
        }
      
    </style>
  
</div></div></div><div class="fe-block fe-block-06fd2672274bca480995"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-06fd2672274bca480995"><div class="sqs-block-content">

<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-small social-icons-shape-circle social-icons-style-knockout" >
  <style>
    #block-06fd2672274bca480995 .social-icons-style-border .sqs-svg-icon--wrapper {
      
        box-shadow: 0 0 0 2px inset;
      
      border: none; 
    }
  </style>
  <nav class="sqs-svg-icon--list">
    <a href="https://www.facebook.com/stjohnslaf" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://twitter.com/stjohnslaf" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth" aria-label="Twitter">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#twitter-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#twitter-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://www.flickr.com/people/124616090@N03/" target="_blank" class="sqs-svg-icon--wrapper flickr-unauth" aria-label="Flickr">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#flickr-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#flickr-unauth-mask"></use>
        </svg>
      </div>
    </a>
  </nav>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1737040503061_191822"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-yui_3_17_2_1_1737040503061_191822"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">600 Ferry Street &nbsp; | &nbsp; Lafayette, Indiana 47901<br>765.742.4079 &nbsp; | &nbsp;&nbsp;<a href="mailto:stjohns@stjohns-laf.org"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">stjohns@stjohns-laf.org</span></span></a><span class="sqsrte-text-color--white">&nbsp;</span></p>
</div>

</div></div></div><div class="fe-block fe-block-e088d64a97f5faf4b52d"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" data-sqsp-block="text" id="block-e088d64a97f5faf4b52d"><div class="sqs-block-content">

<div class="sqs-html-content" data-sqsp-text-block-content>
  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><span class="sqsrte-text-color--white">St. John's Episcopal Church is a congregation of </span><a href="http://www.episcopalchurch.org/"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">the Episcopal Church</span></span></a><span class="sqsrte-text-color--white"> in </span><a href="http://indydio.org/" target="_blank"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">the Diocese of Indianapolis</span></span></a><span class="sqsrte-text-color--white">.<br>Some pictures courtesy of </span><a href="http://www.jasminenorris.com/" target="_blank"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">www.jasminenorris.com</span></span></a><span class="sqsrte-text-color--white">.</span></p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small" data-rte-preserve-empty="true"></p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><a href="/privacy-policy"><span class="sqsrte-text-color--white">Privacy Policy</span></a><span class="sqsrte-text-color--white"> </span></p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p>
</div>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</footer>

    </div>

    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.5ca0760c857d4d1f0a0219dcf447e03d.js" type="text/javascript"></script>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="flickr-unauth-icon" viewBox="0 0 64 64"><path d="M32,16c-8.8,0-16,7.2-16,16s7.2,16,16,16s16-7.2,16-16S40.8,16,32,16z M26,37c-2.8,0-5-2.2-5-5 s2.2-5,5-5s5,2.2,5,5S28.8,37,26,37z M38,37c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S40.8,37,38,37z"/></symbol><symbol id="flickr-unauth-mask" viewBox="0 0 64 64"><path d="M38,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S40.8,27,38,27z M0,0v64h64V0H0z M32,48c-8.8,0-16-7.2-16-16 s7.2-16,16-16s16,7.2,16,16S40.8,48,32,48z M26,27c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5S28.8,27,26,27z"/></symbol></svg>

  </body>
</html>