@import url("https://use.typekit.net/ihy6szv.css");
/**
 * Use Utopia to generate responsive font sizes
 * @link https://utopia.fyi/type/calculator
 */
.button {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

:root {
  --ff-primary: futura-pt, system-ui, sans-serif;
  --ff-primary: futura-pt;
  --ff-gothic: baroque-text-jf;
  --fs-200: 0.678rem;
  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.25rem;
  --fs-600: 1.5rem;
  --fs-700: 2rem;
  --fs-800: 2.5rem;
  --fs-900: 3.5rem;
  --fw-light: 300;
  --fw-normal: 400;
  --fw-bold: 700;
  --clr-base: #ffffff;
  --clr-contrast: #2d2d2d;
  --clr-almost-aqua: #cbd3c1;
  --clr-baltic-sea: #86b4d4;
  --clr-blue-fusion: #4f6173;
  --clr-cloud-dancer: #f0efeb;
  --clr-lemon-icing: #f3ebcb;
  --clr-orchid-tint: #dad3db;
  --clr-light-gray: #f3f4f7;
  --mg-xs: 0.28rem;
  --mg-sm: 0.48rem;
  --mg-md: 0.88rem;
  --mg-lg: 1.088rem;
  --mg-xl: 1.288rem;
  --pd-xs: 0.28rem;
  --pd-sm: 0.48rem;
  --pd-md: 0.88rem;
  --pd-lg: 1.088rem;
  --pd-xl: 1.288rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
}

input,
button,
textarea {
  font: inherit;
}

img,
picture {
  max-width: 100%;
  display: block;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wp-site-blocks {
  margin: 0;
  padding: 0;
  width: 100%;
}

html {
  width: 100%;
}

body {
  background: var(--clr-base);
  color: var(--clr-contrast);
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  font-weight: 400;
  text-wrap: pretty;
  width: 100%;
}

main {
  margin: 0 auto;
  max-width: 87.5em;
  padding: var(--pd-xl);
  position: relative;
  width: 100%;
}

h1,
h2,
h3 {
  font-weight: var(--fw-normal);
  line-height: 1.1;
}

p {
  margin: var(--mg-lg) var(--mg-sm);
}

a {
  color: var(--clr-contrast);
  text-decoration: none;
}

ul {
  list-style: none;
}
strong {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  line-height: 1.2 !important;
}

.wp-block-post-title {
  display: none;
}

.Page-Title {
  font-family: var(--ff-gothic);
  font-size: 2.48rem;
  margin-bottom: var(--mg-xl) !important;
  white-space: nowrap;
}
@media (width > 36em) {
  .Page-Title {
    font-size: 2.88rem;
  }
}
@media (width > 48em) {
  .Page-Title {
    font-size: 3.018rem;
  }
}
@media (width > 62em) {
  .Page-Title {
    font-size: 3.88rem;
  }
}
.Page-Title--Lemon-Icing {
  color: var(--clr-lemon-icing);
}

.Home {
  color: var(--clr-blue-fusion);
  font-size: var(--fs-500);
  margin: 0 auto;
  padding: var(--pd-xl) 1rem;
  padding-top: calc(var(--pd-xl) * 1.88);
  position: relative;
}
@media (width > 36em) {
  .Home {
    background: linear-gradient(rgba(240, 239, 235, 0.88), rgba(240, 239, 235, 0.88)), url("/wp-content/uploads/2026/02/Soddy-Methodist-church-opt.jpg") no-repeat center center;
    background-size: cover;
    min-height: 85vh;
    padding: calc(var(--pd-xl) * 1.88);
  }
}
@media (width > 48em) {
  .Home {
    font-size: var(--fs-400) !important;
    min-height: 100vh;
    padding-top: 6.88vh;
  }
}
.Home-Content {
  margin: auto;
  max-width: 1280px;
  width: 100%;
}
.Home-Content--Mission-Statement {
  background: var(--clr-almost-aqua);
  background: rgba(203, 211, 193, 0.88);
  border-radius: 24px;
  font-size: var(--fs-600);
  line-height: 1.88;
  margin-top: var(--mg-xl) !important;
  padding: var(--pd-xl);
  width: 100%;
}
@media (width > 36em) {
  .Home-Content--Mission-Statement {
    background: rgba(203, 211, 193, 0.8);
    padding: calc(var(--pd-xl) * 2);
    width: fit-content;
  }
}
@media (width > 48em) {
  .Home-Content--Mission-Statement {
    margin-top: calc(var(--mg-xl) * 4) !important;
    width: fit-content;
  }
}
.Home-Content--Mission-Statement p {
  width: initial !important;
}
.Home-Content p {
  font-size: 1.428rem;
  line-height: 2.0884rem;
  padding: 0;
}
@media (width > 36em) {
  .Home-Content p {
    font-size: var(--fs-600);
    line-height: inherit;
    max-width: 430px;
  }
}
@media (width > 48em) {
  .Home-Content p {
    font-size: var(--fs-500);
    max-width: 500px;
  }
}
.Home-Content p span {
  white-space: wrap;
}

.Our-Beliefs {
  color: var(--clr-blue-fusion);
  font-size: var(--fs-400);
  margin: 0 auto;
  padding: var(--pd-xl);
  padding-top: calc(var(--pd-xl) * 1.88);
  position: relative;
}
@media (width > 36em) {
  .Our-Beliefs {
    background: linear-gradient(rgba(220, 230, 241, 0.58), rgba(220, 230, 241, 0.88)), url("/wp-content/uploads/2026/02/SUMC-steeple-1.jpg") no-repeat left bottom;
    background-size: cover;
    justify-content: flex-start !important;
    align-items: start;
    min-height: 85vh;
    padding: calc(var(--pd-xl) * 1.88);
  }
}
@media (width > 48em) {
  .Our-Beliefs {
    background-position: left top;
  }
}
@media (width > 62em) {
  .Our-Beliefs {
    background-position: left center;
    min-height: 80vh;
  }
}
.Our-Beliefs .Page-Title {
  font-size: 1.488rem !important;
  margin-bottom: var(--mg-xl);
  white-space: initial;
}
@media (width > 36em) {
  .Our-Beliefs .Page-Title {
    font-size: 2.28rem !important;
  }
}
@media (width > 48em) {
  .Our-Beliefs .Page-Title {
    font-size: 3.28rem !important;
  }
}
@media (width > 62em) {
  .Our-Beliefs .Page-Title {
    font-size: 4.28rem !important;
    margin-bottom: calc(var(--mg-xl) * 4) !important;
  }
}
.Our-Beliefs-Content {
  margin: var(--mg-xl) auto !important;
  max-width: 1280px;
  width: 100%;
}
.Our-Beliefs-Content--Who-We-Are {
  line-hegiht: 1.48;
  padding: var(--pd-sm);
}
@media (width > 36em) {
  .Our-Beliefs-Content--Who-We-Are {
    background: rgba(255, 255, 255, 0.68);
    border-radius: 24px;
    padding: calc(var(--pd-xl) * 2);
  }
}
@media (width > 48em) {
  .Our-Beliefs-Content--Who-We-Are {
    line-height: 1.68;
    padding: calc(var(--pd-xl) * 2);
  }
}
@media (width > 62em) {
  .Our-Beliefs-Content--Who-We-Are {
    line-height: 1.68;
    padding: calc(var(--pd-xl) * 3.6) calc(var(--pd-xl) * 2.88);
  }
}
.Our-Beliefs-Content--Our-Christian-Beliefs {
  background: var(--clr-blue-fusion);
  border-radius: 24px;
  color: var(--clr-base);
  font-size: var(--fs-400);
  line-height: 1.48;
  margin-bottom: calc(var(--mg-xl) * 2);
  padding: var(--pd-xl);
  width: 100%;
}
@media (width > 36em) {
  .Our-Beliefs-Content--Our-Christian-Beliefs {
    padding: calc(var(--pd-xl) * 2);
    width: fit-content;
  }
}
@media (width > 48em) {
  .Our-Beliefs-Content--Our-Christian-Beliefs {
    font-size: var(--fs-300);
    line-height: 1.548;
  }
}
@media (width > 62em) {
  .Our-Beliefs-Content--Our-Christian-Beliefs {
    margin-bottom: calc(var(--mg-xl) * 3);
  }
}
.Our-Beliefs-Content--Our-Christian-Beliefs h3 {
  font-weight: var(--fw-light) !important;
}
.Our-Beliefs-Content--Our-Christian-Beliefs p {
  width: initial !important;
}
.Our-Beliefs-Content--Our-Christian-Beliefs-Logo {
  width: 64px !important;
}
.Our-Beliefs--Social-Principles {
  font-size: var(--fs-300);
  margin: var(--mg-xl) auto;
  max-width: 568px;
}
@media (width > 48em) {
  .Our-Beliefs--Social-Principles {
    margim: auto;
    width: 500px;
  }
}
@media (width > 62em) {
  .Our-Beliefs--Social-Principles {
    max-width: 992px;
    width: 688px;
  }
}

.Our-Story {
  background: var(--clr-base);
  color: var(--clr-blue-fusion);
  font-size: var(--fs-500);
  margin: 0 auto;
  min-height: 65vh;
  padding: var(--pd-xl) 1rem;
  padding-top: calc(var(--pd-xl) * 1.88);
  position: relative;
}
@media (width > 36em) {
  .Our-Story {
    background: linear-gradient(rgba(240, 239, 235, 0.88), rgba(240, 239, 235, 0.88)), url("/wp-content/uploads/2026/02/Forward-Sunday-School-Class-1923.jpeg") no-repeat center bottom;
    background-size: cover;
    min-height: 78vh;
    padding: calc(var(--pd-xl) * 1.88);
  }
}
@media (width > 48em) {
  .Our-Story {
    font-size: var(--fs-400);
    min-height: 78vh;
    padding-top: 6.88vh;
  }
}
.Our-Story .Page-Title {
  font-size: 1.88rem !important;
  margin-bottom: var(--mg-sm);
}
@media (width > 36em) {
  .Our-Story .Page-Title {
    font-size: 2.68rem !important;
    margin-bottom: calc(var(--mg-xl) * 2.88) !important;
  }
}
@media (width > 48em) {
  .Our-Story .Page-Title {
    font-size: 3.28rem !important;
  }
}
@media (width > 62em) {
  .Our-Story .Page-Title {
    font-size: 4.28rem !important;
    margin-bottom: calc(var(--mg-xl) * 4) !important;
  }
}
.Our-Story-Content {
  margin: var(--mg-xl) auto !important;
  max-width: 1280px;
  width: 100%;
}
.Our-Story-Content--Introduction {
  background: var(--base);
  font-size: var(--fs-500);
  max-width: 468px;
  padding: var(--pd-sm);
  width: 100%;
}
@media (width > 36em) {
  .Our-Story-Content--Introduction {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    font-size: var(--fs-500);
    padding: calc(var(--pd-xl) * 2);
  }
}
.Our-Story--History {
  color: var(--clr-blue-fusion);
  padding: var(--pd-sm) var(--pd-xl) var(--pd-xl);
  width: 100%;
}
.Our-Story--History-Content {
  font-size: var(--fs-200);
}
@media (width > 48em) {
  .Our-Story--History-Content {
    font-size: var(--fs-300);
    margin: auto !important;
    max-width: 768px;
  }
}
@media (width > 62em) {
  .Our-Story--History-Content {
    max-width: 992px;
  }
}

.Our-History-Timeline {
  background: #f7f6f4;
  display: block;
  margin: auto;
  padding: var(--pd-xl) var(--pd-md);
  padding-top: calc(var(--pd-xl) * 3);
  position: relative;
}
.Our-History-Timeline .Our-History-Timeline-marker {
  display: flex;
  align-items: center;
  height: 100px;
  justify-content: center;
  position: relative;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.Our-History-Timeline .Our-History-Timeline-marker--center {
  background-color: var(--clr-blue-fusion);
  border-radius: 2px;
  height: 14px;
  margin: 0;
  width: 12px;
  position: relative;
  z-index: 1;
}
.Our-History-Timeline .Our-History-Timeline-marker--center:before, .Our-History-Timeline .Our-History-Timeline-marker--center:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  background-color: var(--clr-blue-fusion);
  transform: translateX(-50%);
}
.Our-History-Timeline .Our-History-Timeline-marker--center:before {
  bottom: 100%;
  height: 50px;
}
.Our-History-Timeline .Our-History-Timeline-marker--center:after {
  top: 100%;
  height: 60px;
}
@media (width > 36em) {
  .Our-History-Timeline .Our-History-Timeline-marker {
    position: absolute;
    top: 120px;
  }
}
.Our-History-Timeline--axis {
  background: var(--clr-almost-aqua);
  height: 100px;
  position: relative;
  left: 50%;
  top: -40px;
  margin: 0;
  margin-bottom: -30px;
  transform: translateX(-50%);
  width: 2px;
}
@media (width > 36em) {
  .Our-History-Timeline--axis {
    display: none;
  }
}
.Our-History-Timeline li {
  position: relative;
  padding-left: var(--pd-sm);
  margin-bottom: var(--mg-xl);
}
@media (width > 36em) {
  .Our-History-Timeline li:after {
    content: "";
    background: var(--clr-almost-aqua);
    padding-bottom: calc(var(--pd-xl) * 2) !important;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
  }
}
@media (width > 36em) and (width > 36em) {
  .Our-History-Timeline li:after {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.Our-History-Timeline--date {
  color: var(--clr-blue-fusion);
  font-family: var(--ff-gothic);
  font-size: var(--fs-700);
  text-align: center;
}
@media (width > 62em) {
  .Our-History-Timeline--date {
    font-size: var(--fs-800);
  }
}
.Our-History-Timeline-event {
  align-items: center;
  color: var(--clr-blue-fusion);
  display: flex;
  flex-direction: column;
  font-size: var(--fs-300);
  line-height: 1.48;
  margin: auto;
  margin-bottom: calc(var(--mg-xl) * 2);
  padding: var(--pd-sm);
  text-align: left;
  width: 90%;
}
.Our-History-Timeline-event b {
  font-size: var(--fs-500);
  font-weight: var(--fw-normal);
}
@media (width > 36em) {
  .Our-History-Timeline-event {
    flex-direction: row;
    font-size: var(--fs-400);
  }
}
@media (width > 36em) {
  .Our-History-Timeline-event {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (width > 48em) {
  .Our-History-Timeline-event img {
    margin: auto;
    max-width: 80%;
  }
}
.Our-History-Timeline-event--left {
  border-radius: 18px;
  padding: var(--pd-lg);
  width: 90%;
}
@media (width > 36em) {
  .Our-History-Timeline-event--left {
    width: 50%;
  }
  .Our-History-Timeline-event--left.has-text {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-left: -4px;
  }
}
@media (width > 36em) and (width > 36em) {
  .Our-History-Timeline-event--left {
    padding: var(--pd-xl);
    text-align: right;
  }
}
@media (width > 48em) {
  .Our-History-Timeline-event--left.has-text {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-left: calc(var(--pd-xl) * 2.18) !important;
  }
}
@media (width > 48em) and (width > 62em) {
  .Our-History-Timeline-event--left {
    padding-left: calc(var(--pd-xl) * 4);
  }
}
.Our-History-Timeline-event--right {
  border-radius: 18px;
  padding: var(--pd-lg);
}
@media (width > 36em) {
  .Our-History-Timeline-event--right {
    width: 50%;
  }
  .Our-History-Timeline-event--right.has-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    margin-right: 10px;
  }
}
@media (width > 48em) {
  .Our-History-Timeline-event--right.has-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    padding-right: calc(var(--pd-xl) * 2.18) !important;
  }
}
@media (width > 48em) {
  .Our-History-Timeline-event--right {
    width: 50%;
  }
}
.Our-History-Timeline img {
  border-radius: 18px;
  padding: 0;
}
.Our-History-Timeline .has-text {
  background: var(--clr-almost-aqua);
}

.Pastor-Keith-Moore {
  background-image: url("/wp-content/uploads/2026/05/pastor-keith.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  height: 288px;
  margin: auto;
  width: 300px;
}
@media (width > 48em) {
  .Pastor-Keith-Moore {
    width: 350px;
  }
}

.Plan-a-Visit {
  color: var(--clr-blue-fusion);
  padding: var(--pd-xl);
  width: 100vw;
}
.Plan-a-Visit-Page-Header {
  background: #dfe9f3;
  color: var(--clr-blue-fusion);
  display: flex;
  align-items: center;
  height: 100px;
  padding: var(--pd-lg) 0;
  padding-left: var(--pd-xl);
  width: 100vw;
}
@media (width > 48em) {
  .Plan-a-Visit-Page-Header {
    padding: var(--pd-xl);
  }
}
@media (width > 62em) {
  .Plan-a-Visit-Page-Header {
    height: 188px;
    padding: calc(var(--pd-xl) * 2) 0;
  }
}
.Plan-a-Visit-Page-Header h2 {
  margin-bottom: 0 !important;
  padding: 0;
}
.Plan-a-Visit-Page-Header--Content {
  margin: auto !important;
  max-width: 1280px !important;
}
.Plan-a-Visit-Content {
  margin: auto !important;
  max-width: 1280px;
  width: 100%;
}
.Plan-a-Visit-Content--About {
  margin: auto !important;
  max-width: 1024px !important;
  padding: var(--pd-xl);
  width: 100% !important;
}
.Plan-a-Visit-Content--About h4 {
  font-size: var(--fs-300);
  margin: var(--mg-xl) auto;
  max-width: 350px;
}
.Plan-a-Visit-Content--About img {
  border-radius: 24px;
  margin: auto;
  max-width: 420px;
}
.Plan-a-Visit-Content--About p {
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}
.Plan-a-Visit-Content--Services {
  background: var(--clr-blue-fusion);
  border-radius: 24px;
  color: var(--clr-cloud-dancer);
  margin: auto;
  margin-bottom: calc(var(--mg-xl) * 2);
  max-width: 350px;
  padding: var(--pd-xl);
}
.Plan-a-Visit-Content--Services-Content {
  font-size: 110%;
  margin: auto;
}
.Plan-a-Visit-Content--Services-Content a {
  color: var(--clr-cloud-dancer);
}
.Plan-a-Visit-Content--Services-Content p span {
  display: block;
}
.Plan-a-Visit-Content--Contact-Form {
  background: #ebf1f8;
  border-radius: 24px;
  display: flex;
  align-items: center;
  margin: auto;
  padding: var(--pd-lg);
  text-align: center;
  width: fit-content;
}
.Plan-a-Visit-Content--Contact-Form .wp-block-contact-form-7-contact-form-selector {
  background-color: #ebf1f8;
}
.Plan-a-Visit-Content--Contact-Form .wpcf7 {
  width: 250px !important;
}
@media (width > 36em) {
  .Plan-a-Visit-Content--Contact-Form .wpcf7 {
    width: 288px !important;
  }
}
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=text],
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=email],
.Plan-a-Visit-Content--Contact-Form .wpcf7 textarea {
  border: none !important;
}
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=text],
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=email],
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=subject] {
  height: 30px;
  padding: var(--pd-sm);
  width: 100%;
}
.Plan-a-Visit-Content--Contact-Form .wpcf7-textarea {
  margin-bottom: calc(var(--mg-xl) * 4);
  padding: var(--pd-sm);
  width: 100%;
}
.Plan-a-Visit-Content--Contact-Form .wpcf7 input::placeholder,
.Plan-a-Visit-Content--Contact-Form .wpcf7 textarea::placeholder {
  color: #ebf1f8;
  opacity: 1;
}
.Plan-a-Visit-Content--Contact-Form .wpcf7 input[type=submit i] {
  background: var(--clr-blue-fusion);
  border-radius: 1rem;
  border: none;
  color: var(--clr-cloud-dancer);
  padding: var(--pd-sm);
  width: 100%;
}

.Plan-a-Visit--Last-Supper {
  aspect-ratio: 16/9;
  background-image: url("/wp-content/uploads/2026/05/The-Last-Supper-scaled.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
  width: 100%;
}
@media (width > 36em) {
  .Plan-a-Visit--Last-Supper {
    height: 250px;
  }
}
@media (width > 48em) {
  .Plan-a-Visit--Last-Supper {
    height: 450px;
  }
}
@media (width > 62em) {
  .Plan-a-Visit--Last-Supper {
    height: 500px;
  }
}

.Join-Our-Church-Family {
  background: #ebf1f7;
  color: var(--clr-blue-fusion);
  width: 100%;
}
.Join-Our-Church-Family-Content {
  margin: var(--mg-xl) auto !important;
  max-width: 1280px;
  padding: var(--pd-xl);
  width: 100%;
}
.Join-Our-Church-Family-Content h2 {
  font-size: 1.68rem;
}
@media (width > 62em) {
  .Join-Our-Church-Family-Content h2 {
    font-size: 2.88rem;
  }
}
.Join-Our-Church-Family-Content-Gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (width > 36em) {
  .Join-Our-Church-Family-Content-Gallery {
    flex-direction: row;
    justify-content: center;
  }
}
.Join-Our-Church-Family-Content-Gallery-Image-1 {
  background-image: url("/wp-content/uploads/2026/05/USMC-candlelight-3-scaled.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 24px;
  height: 300px;
  width: 300px;
}
@media (width > 36em) {
  .Join-Our-Church-Family-Content-Gallery-Image-1 {
    margin: auto;
    width: 48% !important;
  }
}
.Join-Our-Church-Family-Content-Gallery-Image-2 {
  background-image: url("/wp-content/uploads/2026/05/children-holding-hands.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 24px;
  height: 300px;
  width: 300px;
}
@media (width > 36em) {
  .Join-Our-Church-Family-Content-Gallery-Image-2 {
    margin: auto;
    width: 48% !important;
  }
}
.Join-Our-Church-Family-Content-Gallery-Image-3 {
  background-image: url("/wp-content/uploads/2026/05/USMC-candlelight-7_iphone-scaled.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 24px;
  height: 300px;
  width: 300px;
}
@media (width > 36em) {
  .Join-Our-Church-Family-Content-Gallery-Image-3 {
    width: 100% !important;
  }
}
@media (width > 48em) {
  .Join-Our-Church-Family-Content-Gallery-Image-3 {
    aspect-ratio: 16/9;
    height: 400px;
    width: 100% !important;
  }
}
@media (width > 62em) {
  .Join-Our-Church-Family-Content-Gallery-Image-3 {
    height: 600px;
    width: 95% !important;
  }
}

div.wpcf7 {
  background-color: #ebf1f8;
}

.Donate {
  background: linear-gradient(rgba(250, 250, 250, 0.8) 30%, rgba(240, 239, 235, 0.8)), url("/wp-content/uploads/2026/05/USMC-candlelight-7_iphone-scaled.jpg") no-repeat left bottom;
  background-size: cover;
  color: var(--clr-blue-fusion);
  min-height: 100vh;
  padding: var(--pd-xl);
  width: 100%;
}
.Donate-Content {
  margin: var(--mg-xl) auto !important;
  max-width: 1280px;
  width: 100%;
}
.Donate-Paypal-Portal {
  display: flex;
  background: var(--clr-lemon-icing);
  border: solid 1px var(--clr-blue-fusion);
  border-radius: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  margin: var(--mg-xl) auto !important;
  padding: var(--pd-xl);
  width: 288px;
}
@media (width > 36em) {
  .Donate-Paypal-Portal {
    width: 320px;
  }
}
@media (width > 62em) {
  .Donate-Paypal-Portal {
    width: 420px;
  }
}
.Donate-Paypal-Portal h2 {
  max-width: 288px;
  margin-bottom: var(--mg-xl);
}
@media (width > 62em) {
  .Donate-Paypal-Portal h2 {
    max-width: 420px;
  }
}
.Donate #paypal-container-SNV4NZ59UNDXG {
  width: 100%;
}

.Site-Header {
  color: var(--clr-base);
  color: var(--clr-blue-fusion);
  height: 88px;
  margin-bottom: 0;
  padding: var(--pd-md);
  padding-top: var(--pd-lg);
  width: 100%;
}
@media (width > 48em) {
  .Site-Header {
    border-bottom: solid 1px var(--clr-blue-fusion);
    height: 120px;
  }
}
.Site-Header .custom-logo {
  width: 128px;
}
@media (width > 36em) {
  .Site-Header .custom-logo {
    width: 155px;
  }
}
@media (width > 48em) {
  .Site-Header .custom-logo {
    width: 155px;
  }
}
@media (width > 62em) {
  .Site-Header .custom-logo {
    width: 168px;
  }
}
.Site-Header-Content {
  margin: auto !important;
  max-width: 1280px;
  padding: 0 var(--pd-lg);
  text-align: center;
}
@media (width > 36em) {
  .Site-Header-Content {
    font-size: 15pt;
  }
}
@media (width > 36em) {
  .Site-Header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding-left: 0.88rem !important;
    padding-right: 0.88rem !important;
  }
}
@media (width > 48em) {
  .Site-Header {
    padding: var(--pd-lg);
  }
}
.Site-Header-Mobile-Call-to-Action-Container {
  margin: auto;
  margin-bottom: var(--mg-md);
}
.Site-Header--Mobile-Call-to-Action {
  background: var(--clr-almost-aqua);
  border-radius: 4px;
  color: var(--clr-base);
  padding: var(--pd-sm) calc(var(--pd-xl) * 1.28);
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-transform: uppercase;
}
.Site-Header--Mobile-Call-to-Action h3 {
  font-size: 12pt;
}
.Site-Header--Mobile-Call-to-Action a {
  color: var(--clr-blue-fusion);
}
@media (width > 36em) {
  .Site-Header--Mobile-Call-to-Action {
    display: none;
  }
}

.Site-Header-Contact-Link .fa-phone {
  font-size: 1.2em !important;
  margin-right: 2px;
  padding: 2px !important;
}
@media (width > 36em) {
  .Site-Header-Contact-Link .fa-phone {
    font-size: 1.288em !important;
  }
}
@media (width > 48em) {
  .Site-Header-Contact-Link {
    font-size: 1.488rem;
  }
}

.Site-Footer {
  background: var(--clr-base);
  border-top: solid 1px var(--clr-blue-fusion);
  color: var(--clr-blue-fusion);
  font-weight: var(--fw-light);
  padding: var(--pd-lg);
  padding-bottom: var(--pd-lg);
  position: relative;
  width: 100%;
}
.Site-Footer-Content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  max-width: 728px;
  justify-content: center;
  overflow: hidden;
  padding: --pd-sm var(--pd-lg);
  text-align: center;
}
@media screen and (min-width: 480px) {
  .Site-Footer-Content {
    max-width: 1280px;
    padding: var(--pd-lg) calc((var(--pd-lg)) * 2);
  }
}
.Site-Footer-Content a {
  color: var(--clr-blue-fusion);
}
.Site-Footer-Content--Column {
  padding: var(--pd-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 480px) {
  .Site-Footer-Content--Column {
    margin-bottom: inherit;
  }
}
@media screen and (min-width: 480px) {
  .Site-Footer-Content {
    flex-direction: row;
    justify-content: space-between;
  }
}
.Site-Footer-Content--Navigation {
  font-size: 90%;
  /* flex-direction: row; */
  line-height: 2.28;
  margin: auto;
  padding: 0 var(--pd-sm);
  text-transform: uppercase;
}
.Site-Footer-Content--Navigation ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  padding: 0;
  width: 70%;
}
@media screen and (min-width: 430px) {
  .Site-Footer-Content--Navigation ul {
    margin: auto;
    width: 88%;
  }
}
@media screen and (min-width: 768px) {
  .Site-Footer-Content--Navigation ul {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.Site-Footer-Content--Navigation ul li {
  margin: 0;
  padding: 1px;
}
@media screen and (min-width: 480px) {
  .Site-Footer-Content--Navigation ul li {
    padding: initial;
  }
}
.Site-Footer-Content--Hours {
  display: flex;
  font-size: var(--fs-300);
  flex-direction: column;
  align-items: center;
}
.Site-Footer-Content--Hours h3,
.Site-Footer-Content--Hours h4,
.Site-Footer-Content--Hours p {
  margin: 0;
  padding: 0;
}
.Site-Footer-Content--Hours h3 {
  font-size: 1.25em;
  font-weight: var(--fw-200) !important;
}
.Site-Footer-Content--Hours span {
  display: block;
}
.Site-Footer-Content--Contact {
  display: flex;
  font-size: var(--fs-300);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.Site-Footer-Content--Contact a {
  align-self: flex-start;
}
.Site-Footer-Content--Social-Media-Links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-top: var(--pd-lg);
  width: 40%;
}
@media screen and (min-width: 768px) {
  .Site-Footer-Content--Social-Media-Links {
    width: 88%;
  }
}
.Site-Footer-Content--Mailing-Address {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}
.Site-Footer-Content--Google-Maps-Link img {
  width: 1.48rem;
}
.Site-Footer-Content--Facebook-Link {
  color: var(--clr-baltic-sea) !important;
  font-size: 1.68rem !important;
}
.Site-Footer-Content--Youtube-Link {
  color: var(--clr-contrast) !important;
  font-size: 1.68rem !important;
}
.Site-Footer-Content--Content-Seperator {
  background: rgba(92, 140, 87, 0.68);
  height: 1px;
  margin: var(--mg-lg) auto;
  width: 48.88%;
}
@media screen and (min-width: 480px) {
  .Site-Footer-Content--Content-Seperator {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .Site-Footer--Disclaimer {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 55px;
    margin: 0 auto;
  }
}
@media (width > 62em) {
  .Site-Footer--Disclaimer {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 60px;
    margin: 0 auto;
    width: 400px;
  }
}
.Site-Footer--Disclaimer p {
  font-size: 0.648em;
  font-style: italic;
  text-align: center;
}
@media screen and (min-width: 430px) {
  .Site-Footer--Disclaimer p {
    font-size: 78%;
  }
}
.Site-Footer--Disclaimer p span {
  display: block !important;
}
@media screen and (min-width: 480px) {
  .Site-Footer--Disclaimer p span {
    display: inline;
  }
}
.Site-Footer--Disclaimer p span a {
  color: var(--clr-blue-fusion);
}

.Callout-Block {
  background: var(--clr-almost-aqua);
  border-radius: 24px;
  color: var(--clr-blue-fusion);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Callout-Block h3 {
  font-family: serif;
  font-size: 2.288rem !important;
  font-style: italic;
  font-weight: 600;
  line-height: 1.3;
}
.Callout-Block button {
  min-width: 250px !important;
}

.grid-flow {
  display: grid;
  gap: 1rem;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.button {
  background: var(--clr-blue-fusion) !important;
  border-radius: 0.5em !important;
  color: var(--clr-base) !important;
  padding: var(--pd-sm) var(--pd-xl) !important;
  text-decoration: none;
}
.button-baltic-sea {
  background-color: var(--clr-baltic-sea);
}
.button:hover {
  background-color: var(--clr-secondary);
}

.wp-block-button__link {
  background-color: var(--clr-baltic-sea) !important;
  border-radius: 4rem;
  color: var(--clr-base);
  font-size: var(--fs-500);
  padding: var(--pd-sm) calc(var(--pd-xl) * 2) !important;
  text-decoration: none;
}

#navigation-toggle {
  display: none;
}

.main-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*@media screen and (min-width: 480px) {
      margin: auto;
    }
  */
}
.main-navigation--menu {
  display: flex;
  list-style: none;
  margin: 0 4px;
}
.main-navigation--menu li {
  margin: 0 4px;
  padding: 0 2px;
  width: 128px;
}
.main-navigation--menu li a {
  background: var(--clr-cloud-dancer);
  border-radius: 8px;
  color: var(--clr-blue-fusion);
  display: inline-block;
  font-size: var(--fs-400);
  margin: 0;
  padding: var(--pd-md);
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.288s ease 0s;
  width: 100%;
}
.main-navigation--menu li a:hover {
  background: var(--clr-blue-fusion) !important;
  color: var(--clr-base) !important;
}

.menu-btn {
  display: none;
  cursor: pointer;
  font-size: var(--fs-400);
  padding-left: 4px;
  z-index: 3;
}
.menu-btn::before {
  content: "MENU";
}
@media screen and (max-width: 768px) {
  .main-navigation {
    background: var(--clr-base);
    z-index: 3;
  }
  .main-navigation--menu {
    background: var(--clr-base);
    position: fixed;
    bottom: 0;
    left: -100%;
    height: calc(100vh - 88px);
    width: 90vw;
    display: block;
    transition: all 0.3s ease;
    z-index: 3;
  }
  .main-navigation--menu li {
    margin: var(--mg-xl) auto;
    padding: var(--pd-lg);
    width: 90vw;
    border-bottom: solid 1px var(--clr-blue-fusion);
  }
}
@media screen and (max-width: 768px) and (width > 36em) {
  .main-navigation--menu li {
    padding: var(--pd-xl);
  }
}
@media screen and (max-width: 768px) {
  .main-navigation--menu li:nth-child(5) {
    border-bottom: none;
  }
  .main-navigation--menu li a {
    background: var(--clr-base);
    border: none;
    color: var(--clr-blue-fusion);
    font-size: var(--fs-500);
    margin: auto;
    padding: var(--pd-sm);
    width: 100% !important;
  }
  #navigation-toggle:not(:checked) ~ .main-navigation--menu {
    left: -100%;
  }
  #navigation-toggle:not(:checked) ~ .cta {
    left: -100%;
  }
  #navigation-toggle:checked ~ .main-navigation--menu {
    left: -1%;
    width: 100vw;
  }
  #navigation-toggle:checked ~ .cta {
    left: 0%;
    width: 100vw;
  }
  #navigation-toggle:checked ~ .menu-btn i:before {
    content: "\f00d";
  }
  .menu-btn {
    background: var(--clr-light-gray);
    border-radius: 4px;
    color: var(--clr-blue-fusion);
    display: inline-block;
    font-size: calc(var(--fs-400) * 1.2);
    padding: 4px 8px;
    position: absolute;
    top: 32px;
    right: 68px;
    z-index: 9;
  }
}
@media screen and (max-width: 768px) and (width > 36em) {
  .menu-btn {
    font-size: var(--fs-500);
    right: 85px;
  }
}
.fa .fa-bars {
  font-size: 2rem;
}

.container {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding-inline: 2rem;
}

.main-title {
  font-size: var(--fs-900);
  margin-block: 0;
}

.text-highlight {
  color: var(--clr-accent);
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

/*
body {
  display: grid;
  place-items: center;
}

.logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
}
*/

/*# sourceMappingURL=style.css.map */