<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@import url("https://use.typekit.net/wzf3tts.css");

/*Easter 2024 Font Masqualero*/

@import url("https://use.typekit.net/fsu2ccl.css");

/*Reach Font Jay Gothic*/

@import url("https://use.typekit.net/lng3plm.css");

/*Kids Advent Font*/

@import url("https://use.typekit.net/eyg2mzx.css");

/*Easter Script 25*/

@import url("https://use.typekit.net/iga5zuk.css");

/*Group Life Squares*/

.gl-square-gray {
  height: 20rem;
  width: auto;
  border-radius: 2rem;
  background-color: #e6e6e6;
}

#gray {
  background-color: #e6e6e6;
}

#sage {
  background-color: #000000;
}

#tangerine {
  background-color: #000000;
}

/*Kids Advent*/

.chaloops {
  font-family: chaloops, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.week-wrapper {
  margin: 0 20%;
}

.advent-img {
  height: 14rem;
  width: 100%;
  border-radius: 2rem 2rem 0 0;
  object-fit: scale-down;
}

.advent-green {
  background-color: #225446;
  border: solid 225446;
  border-radius: 2rem;
  padding: 0 0 1rem 0;
}

.advent-blue {
  background-color: #6ba3b4;
  border: solid #6ba3b4;
  border-radius: 2rem;
  padding: 0 0 1rem 0;
}

.advent-lavender {
  background-color: #C0A3C3;
  border: solid #C0A3C3;
  border-radius: 2rem;
  padding: 0 0 1rem 0;
}

.advent-gold {
  background-color: #bb9d67;
  border: solid #bb9d67;
  border-radius: 2rem;
  padding: 0 0 1rem 0;
}

.advent-orange {
  background-color: #db5634;
  border: solid #db5634;
  border-radius: 2rem;
  padding: 0 0 1rem 0;
}

/*Reach Style*/

.jaygothic {
  font-family: jay-gothic-urw, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  line-height: 0.75;
}

.reach-wrapper {
  background-color: #f0ecda;
  padding: 0 15% 0.5rem;
  margin: 2rem 15%;
  border-radius: 2rem;
}

.margin-15 {
  margin: 0 15%;
}

.stacked-square1 {
  background-color: #007fe7;
  border-radius: 3rem 5px 5px 5px;
  width: ;
  margin: 0.5rem;
  flex: 0 1 16rem;
}

.stacked-square2 {
  background-color: #e59b0d;
  border-radius: 3rem 5px 5px 5px;
  width: ;
  margin: 0.5rem;
  flex: 0 1 16rem;
}

.stacked-square3 {
  background-color: #e86455;
  border-radius: 3rem 5px 5px 5px;
  width: ;
  margin: 0.5rem;
  flex: 0 1 16rem;
}

.inside-square {
  background-color: #f0ecda;
  border-radius: 40px 0 0 0rem;
  margin: 1rem 0rem 0rem 1rem;
  padding: 0.5rem 0 1rem 0.5rem;
}

.huge {
  font-size: 6vw;
  text-transform: uppercase;
}

.rcream {
  color: #ffffff;
}

.rblue {
  color: #0047e4;
}

.rlightblue {
  color: #3874dd;
}

.rpink {
  color: #fa6abf;
}

.rred {
  color: #d16150;
}

.ryellow {
  color: #efa33f;
}

.rsquare {
  width: 100%;
  height: 7rem;
  background-color: #ffffff;
  margin: 1rem;
  background-blend-mode: luminosity;
  background-image: url('https://cdn.faithchapel.cc/images/overflow/Reach+BG-WebP.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rsquare:hover {
  border-radius: 1.5rem;
  transition: border-radius 0.7s;
}

.rbutton {
  background-color: #ffffff;
  font-family: jay-gothic-urw, sans-serif;
  color: #fa6abf;
  padding: 0.5rem 1rem;
  font-size: 2rem;
  margin: 2rem;
  text-transform: uppercase;
  text-align: center;
}

.rbutton:hover {
  background-color: #fa6abf;
  color: #ffffff;
  border-radius: 0.7rem;
  transition: all 0.6s;
}

.rbreakout-wrapper:hover .breakout-copy {
  visibility: visible;
  opacity: 100%;
  transition: opacity 1s;
}

.rbreakout-wrapper:hover .bo-title {
  transition: font-size 0.7s, line-height 0.7s, letter-spacing 0.7s ease-in-out;
  font-size: 1.9rem;
  line-height: 0.9;
  letter-spacing: normal;
}

.breakout-copy {
  font-size: 1vw;
  padding: 0.5rem;
  visibility: hidden;
  opacity: 0%;
}

.bo-title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.5rem 0.5rem 0.1rem 0.5rem;
  text-transform: uppercase;
  text-align: center;
  font-family: jay-gothic-urw, sans-serif;
}

/*Easter 2024*/

.easterfont {
  font-weight: 900;
  font-style: normal;
  font-family: masqualero, sans-serif;
}

.easterbg {
  background: url('https://cdn.faithchapel.cc/images/easter/EasterTextureFlipped.webp');
  padding: 1rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.servicetimes {
  background-image: url('https://cdn.faithchapel.cc/images/easter/blackcircle1.png');
  background-repeat: no-repeat;
  background-size: contain;
  color: #ffffff;
  padding: 7rem 4rem;
  margin: 0 -5% 0 10%;
  flex: 2;
}

.gfwrapper {
  margin-right: 20vw;
}

.servicetimestext {
  margin: 0;
  font-size: min(5vw, 1.2rem);
  line-height: 2rem;
}

.easterimgs {
  height: auto;
  width: 23vw;
  flex: 2;
  object-fit: cover;
  margin: 0.5rem 0.25rem 0 0.25rem;
  position: absolute;
}

.easterimgs:hover {
  transform: scale(1.1);
  transition: transform 0.7s;
}

.easterimgwrapper {
  margin: 0.5rem 0 1rem 0;
  flex: 2;
  display: block;
  overflow: visible;
  position: relative;
}

.ebwrapper {
  position: relative;
  margin-top: 3rem;
}

.gfbg {
  background-color: #161616;
}

.easterorange {
  color: #ff2f00;
}

.easterblue {
  color: #5ea7b4;
}

/*Easter 2025*/

.day-header {
  font-size: 1.6rem;
  font-weight: bold;
}

.pys-outer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.pys-day {
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  background-color: #fef2e6;
  border-radius: 2rem;
  padding: 1rem;
}

.pys-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.pys-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  flex: 1;
  margin: 0.5rem;
}

.easter-wrapper {
  margin: 0;
  background-color: #efd6bd;
  padding: 0.5rem 15% 1rem;
}

.easter-img-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.easter-imgs {
  flex: 1;
  object-fit: cover;
  object-position: center;
  width: 20%;
  filter: saturation(110%) brightness(1.1);
}

.gf-wrapper {
  background-color: #d1c4b8;
  padding: 0.5rem 15% 2rem;
  position: relative;
}

.easter-title {
  font-family: "adventures-unlimited", sans-serif;
  font-weight: 400;
  font-size: calc(5vw + 1rem);
}

.gf-wave1 {
  background-image: url("https://cdn.faithchapel.cc/images/easter/2025/gf-wavestacked.webp");
  background-size: cover;
  width: 100%;
  position: relative;
  height: auto;
  z-index: 1;
}

.gf-wave2 {
  background-image: url("https://cdn.faithchapel.cc/images/easter/2025/gf-middlewave.webp");
  background-size: cover;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 5;
}

.gf-wave3 {
  background-image: url("https://cdn.faithchapel.cc/images/easter/2025/gf-frontwave.webp");
  background-size: cover;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 10;
}

.gf-flexbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.gf-images {
  object-fit: cover;
  object-position: center;
  flex: 1;
  filter: grayscale(100%);
  width: 25%;
}

.baptism-imgs {
  height: 10vh;
  width: 10vw;
  object-fit: cover;
  object-position: center;
  flex-wrap: wrap;
}

/*Animate on Scroll*/

[data-aos="expand1"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 00;
}

[data-aos="expand1"].aos-animate {
  margin: 0 0 0 0;
  top: -12vw;
  left: -10vw;
}

[data-aos="expand2"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand2"].aos-animate {
  margin: 0 0 0 0;
  top: -11vw;
  left: 13vw;
}

[data-aos="expand3"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand3"].aos-animate {
  margin: 0 0 0 0;
  top: -2vw;
  left: -14vw;
}

[data-aos="expand4"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand4"].aos-animate {
  margin: 0 0 0 0;
  top: 0vw;
  left: 9vw;
}

[data-aos="expand5"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand5"].aos-animate {
  margin: 0 0 0 0;
  top: 20vw;
  left: 20vw;
}

[data-aos="expand6"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand6"].aos-animate {
  margin: 0 0 0 0;
  top: 9vw;
  left: -14vw;
}

[data-aos="expand7"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand7"].aos-animate {
  margin: 0 0 0 0;
  top: 12vw;
  left: 11vw;
}

[data-aos="expand8"] {
  transition: margin top left;
  margin: 0px 0 0 0px;
  top: 25%;
  left: 0;
}

[data-aos="expand8"].aos-animate {
  margin: 0 0 0 0;
  top: 16vw;
  left: -8vw;
}

.custom-responsive-layout {
  display: flex;
  flex-direction: row;
}

.ar-section {
  display: flex;
  flex: 1;
}

.ar-statstack {
  display: inline-table;
  z-index: 1;
}

.ar-stattext {
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  font-size: 2rem;
}

#big {
  font-size: 4rem;
  font-weight: 900;
}

.ar-photo {
  object-fit: cover;
  margin: 0 -5rem 0 0;
  width: 115%;
  background-position: center;
  background-repeat: no-repeat;
  height: 18rem;
}

.ar-photoright {
  object-fit: cover;
  margin: 0 0 0 -5rem;
  width: 125%;
  background-position: center;
  background-repeat: no-repeat;
  height: 18rem;
}

.ar-wrapper {
  margin: 2rem 20%;
}

.kevin {
  border-radius: 50%;
  width: 10rem;
  object-fit: cover;
  height: auto;
}

.holidaywrapper {
  margin: 1rem 10%;
}

.camp-header {
  font-size: 3rem;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: bold;
  letter-spacing: -0.1rem;
  text-align: center;
  padding: 1rem;
}

.camp-container-kids {
  background-color: #e09f58;
  position: relative;
}

.camp-details {
  margin: 0rem;
  position: relative;
  text-align: center;
  padding: 0rem;
}

.camp-details-kids {
  position: relative;
}

.camp-container-students {
  background-color: #d56858;
  position: relative;
}

.camp-container-missions {
  background-color: #7c8b7e;
}

.camp-container-retreats {
  background-color: #a2c9c1;
}

.camp-container-other {
  background-color: #282b32;
}

.camp-splash {
  background-image: url("https://cdn.faithchapel.cc/images/Camp/2023/AboutBG-80.jpg");
  background-position: center;
  background-size: cover;
  padding: 0 0 2rem 0;
}

.camp-about {
  background-image: url("https://cdn.faithchapel.cc/images/Camp/2023/campbg.jpg");
  background-size: cover;
  background-position: center;
  background-origin: border-box;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0 2rem 0;
}

.camp-summary {
  color: #e09f58;
  position: sticky;
  top: 4rem;
  z-index: 1;
  background-color: #ffffff;
}

.camp-summary:hover {
  color: #448369;
}

.camp-summary-missions {
  color: #7c8b7e;
  position: sticky;
  z-index: 1;
  top: 4rem;
  background-color: #ffffff;
}

.camp-summary-missions:hover {
  color: #448369;
}

.camp-summary-retreats {
  color: #a2c9c1;
  position: sticky;
  top: 4rem;
  z-index: 1;
  background-color: #ffffff;
}

.camp-summary-retreats:hover {
  color: #448369;
}

.camp-summary-other {
  color: #282b32;
  position: sticky;
  top: 4rem;
  z-index: 1;
  background-color: #ffffff;
}

.camp-summary-other:hover {
  color: #448369;
}

.ar-cover {
  background-size: cover;
  background-image: url("https://cdn.faithchapel.cc/images/annualreport/ar2022/cover-50.jpg");
  background-repeat: no-repeat;
  z-index: 0;
  background-position: center;
}

.ar-title {
  font-size: 5rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #de671c99;
  padding: 6vw;
  height: 26vh;
}

.ar-header {
  font-weight: bold;
  color: #ffffff;
  padding: 1rem 1rem 0rem;
}

.ar-header-cotb {
  font-weight: bold;
  color: #ffffff;
  padding: 1rem 1rem 0rem;
}

.ar-stats {
  margin: 1rem 2rem 1rem 0rem;
  padding: 1rem 10vw;
}

.ar-number {
  font-weight: bold;
  font-size: 3rem;
  color: #ffffff;
  padding: 0rem 1rem 1rem;
}

.ar-square {
  background-color: #de761c99;
  margin: 1rem;
}

.ar-square-cotb {
  background-color: #51795a99;
  margin: 1rem;
}

.ar-square-ic {
  background-color: #c53f3199;
  margin: 1rem;
}

.ar-square-ty {
  background-color: #99999970;
  margin: 2rem;
  padding: 1rem;
}

.cotb-height {
  height: 10rem;
}

.tithe-large {
  visibility: visible;
}

.tithe-mobile {
  display: none;
}

.ic-promo-bg {
  height: 18rem;
  background-color: #161616;
  position: relative;
  padding: 2rem;
}

.ic-promo-img {
  background-image: url("https://cdn.faithchapel.cc/images/IC/IC+Logo+Red+Opaque.png");
  height: 25vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
  top: 0;
  bottom: 0;
}

.ic-promo-text {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 7rem;
  font-weight: 900;
  color: #ffffff;
}

.ic-promo-sub {
  font-family: ff-tisa-web-pro, serif;
  font-size: 1.5rem;
  top: 10rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0rem auto;
  position: absolute;
  font-style: italic;
  color: #ffffff;
  font-weight: normal;
}

#home-button {
  top: 15rem;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  text-align: center;
  z-index: 15;
}

.ic-button {
  padding: 0.5rem 1rem;
  border-width: 3px;
  color: #ffffff;
  border-color: #ffffff;
  border-style: solid;
  border-radius: 1rem;
  font-weight: normal;
  font-size: 1.2rem;
}

.christmassplash {
  width: 100%;
  object-fit: cover;
  max-height: 600px;
}

.flexbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.flexbox-responsive {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.staffbox {
  flex: 1;
  background-color: #ffffff;
  margin: 0.5rem;
  border-radius: 1rem;
  position: relative;
  text-align: center;
  flex-direction: row;
}

.staffwrapper {
  display: flex;
}

.staffphoto {
  object-fit: cover;
  position: relative;
  width: 10vw;
  border-radius: 50%;
  margin: 0.5rem;
  height: 10vw;
}

.dept-header {
  border-bottom: solid black 3px;
}

.namelink {
  color: #de761c;
  font-size: 1.1rem;
  font-weight: bold;
  position: relative;
  padding: 0 0 1rem 0;
  width: 10vw;
}

.namelink:hover {
  letter-spacing: 0.6;
  transition: all 0.5s;
  color: #57b0f5;
}

.namelink&gt;a:hover {
  color: #57b0f5;
  transition: color 0.5s;
}

.role {
  text-transform: uppercase;
  font-weight: 500;
  font-style: italic;
  font-size: 0.75rem;
  letter-spacing: 1.7;
  text-align: left;
  position: relative;
  margin: -0.8rem 0 0.5rem 0;
}

.staffstack {
  flex-direction: column;
  text-align: left;
  padding: 1rem;
}

@media only screen and (max-width: 1439px) {
  .servicetimestext {
    line-height: 1rem;
  }

  .gfwrapper {
    margin-right: 8vw;
    padding: 0;
  }

  .ebwrapper {
    margin-top: 0vh;
  }

  .servicetimes {
    padding: 12rem 2rem;
    margin: 1rem 0 5rem;
    background-position: right;
    background-size: cover;
  }

  .easterimgs {
    width: 31vw;
  }

  [data-aos="expand1"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand1"].aos-animate {
    margin: 0 0 0 0;
    top: -5vh;
    left: -1vw;
  }

  [data-aos="expand2"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand2"].aos-animate {
    margin: 0 0 0 0;
    top: -2vh;
    left: 17vw;
  }

  [data-aos="expand3"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand3"].aos-animate {
    margin: 0 0 0 0;
    top: 6vh;
    left: -10vw;
  }

  [data-aos="expand4"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand4"].aos-animate {
    margin: 0 0 0 0;
    top: 15vh;
    left: 15vw;
  }

  [data-aos="expand6"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand6"].aos-animate {
    margin: 0 0 0 0;
    top: 18vh;
    left: -11vw;
  }

  [data-aos="expand7"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand7"].aos-animate {
    margin: 0 0 0 0;
    top: 28vh;
    left: 10vw;
  }

  [data-aos="expand8"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 30%;
  }

  [data-aos="expand8"].aos-animate {
    margin: 0 0 0 0;
    top: 40vh;
    left: 0vw;
  }

  .ic-promo-text {
    font-size: 6rem;
    line-height: 4rem;
    top: 1rem;
  }

  .ic-promo-sub {
    top: 8rem;
  }

  #home-button {
    top: 12rem;
  }
}

@media only screen and (max-width: 799px) {
  .servicetimestext {
    line-height: 1rem;
  }

  .staffphoto {
    width: 7.5rem;
    height: 8rem;
  }

  .staffbox {
    margin: 0;
  }

  .staffstack {
    padding: 0.5rem;
  }

  .namelink {
    font-size: 1rem;
    width: 40vw;
  }

  .reach-wrapper {
    margin: 0 3%;
    padding: 0 8% 1rem;
  }

  .jaygothic {
    padding: 0.1rem 0 0 0;
  }

  .stacked-square1 {
    width: 95%;
  }

  .stacked-square2 {
    width: 95%;
  }

  .stacked-square3 {
    width: 95%;
  }

  .flexbox-responsive {
    flex-direction: column;
  }

  .margin-15 {
    margin: 0.5rem 3%;
  }

  .easter-title {
    font-size: 3.5rem;
  }

  .title {
    font-size: 3rem;
  }

  .pys-day {
    margin: 0.5rem 0;
  }

  .pys-container {
    margin: 0;
  }

  .easter-wrapper {
    padding: 0.5rem 10% 1rem;
  }

  .gf-wrapper {
    padding: 0.5rem 10% 1rem;
  }

  .easter-imgs {
    width: 50%;
  }

  .gf-images {
    width: 50%;
  }

  .week-wrapper {
    margin: 0 0.5rem;
  }

  .bo-title {
    font-size: 1.2rem;
    letter-spacing: 0.05;
  }

  .rbreakout-wrapper:hover .bo-title {
    font-size: 1.2rem;
  }

  .rbreakout-wrapper:hover .breakout-copy {
    font-size: 0.8rem;
  }

  .huge {
    font-size: 4rem;
    line-height: 0.7;
  }

  .rsquare {
    margin: 0.2rem;
  }

  .gfwrapper {
    margin-right: 0;
  }

  .ebwrapper {
    margin-top: 12rem;
  }

  .servicetimes {
    padding: 2rem;
    margin: 1rem 0rem 5rem;
    background-size: cover;
    background-position: right;
  }

  .easterimgs {
    width: 50vw;
  }

  .easterimgs:hover {
    transform: scale(1.2);
  }

  [data-aos="expand1"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand1"].aos-animate {
    margin: 0 0 0 0;
    top: -17vh;
    left: -4vw;
  }

  [data-aos="expand2"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand2"].aos-animate {
    margin: 0 0 0 0;
    top: -16vh;
    left: 30vw;
  }

  [data-aos="expand3"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand3"].aos-animate {
    margin: 0 0 0 0;
    top: -6vh;
    left: -10vw;
  }

  [data-aos="expand4"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand4"].aos-animate {
    margin: 0 0 0 0;
    top: -4vh;
    left: 36vw;
  }

  [data-aos="expand6"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand6"].aos-animate {
    margin: 0 0 0 0;
    top: 8vh;
    left: -6vw;
  }

  [data-aos="expand7"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand7"].aos-animate {
    margin: 0 0 0 0;
    top: 10vh;
    left: 42vw;
  }

  [data-aos="expand8"] {
    transition: margin top left;
    margin: 0px 0 0 0px;
    top: 10%;
    left: 25%;
  }

  [data-aos="expand8"].aos-animate {
    margin: 0 0 0 0;
    top: 18vh;
    left: 0vw;
  }

  .custom-responsive-layout {
    flex-direction: column;
  }

  .camp-header {
    font-size: 2.5rem;
    text-align: left;
  }

  .ar-section {
    display: grid;
  }

  .ar-photo {
    width: 100%;
    z-index: 0;
    margin: 0;
  }

  .ar-photoright {
    width: 120%;
    z-index: 0;
    margin: 0;
  }

  .ar-statstack {
    z-index: 0;
  }

  .ar-stattext {
    font-size: 1.3rem;
  }

  #big {
    font-size: 2rem;
  }

  .ar-wrapper {
    margin: 0 1rem;
  }

  .holidaywrapper {
    margin: 0rem 5%;
  }

  .camp-details {
    text-align: left;
  }

  .tithe-mobile {
    display: inherit;
  }

  .tithe-large {
    display: none;
  }

  .ar-number {
    font-size: 2.4rem;
  }

  .ar-title {
    font-size: 2rem;
    padding: 6vw;
  }

  .ic-promo-bg {
    height: 12rem;
  }

  .ic-promo-text {
    font-size: 4rem;
    line-height: 2.5rem;
    top: 1rem;
  }

  .ic-promo-sub {
    top: 6rem;
    line-height: 1.2rem;
    font-size: 1rem;
    margin: 0 3rem;
  }

  #home-button {
    top: 11rem;
  }
}

.primary-color {
  background-color: #de761c;
}

.font-color {
  background-color: #59595b;
}

.form-background-color {
  background-color: #e5e5e8;
}

.white {
  color: #ffffff;
}

.black {
  color: #1c1c1c;
}

.orange {
  color: #de761c;
}

/*Constrain*/

.center-constrained {
  margin: 0 auto;
}

.center-constrained-large {
  max-width: 90%;
  min-width: 650px;
  margin: 0 auto;
}

.center-constrained-mid {
  max-width: 70%;
  min-width: 650px;
  margin: 0 auto;
}

.center-constrained-small {
  max-width: 45%;
  margin: 0 auto;
}

@media screen and (max-width:1280px) {
  .center-constrained-large,
  .center-constrained-mid,
  .center-constrained-small {
    max-width: 95%;
  }
}

@media screen and (max-width:736px) {
  .center-constrained-large,
  .center-constrained-mid,
  .center-constrained-small {
    max-width: 100%;
    min-width: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

/*Basics- Setup FC specific elements*/

html {
  font-family: neue-haas-grotesk-display,sans-serif;
  font-weight: 500;
  color: #1c1c1c;
  font-size: 20px;
  line-height: 1.25rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.neue-bold,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: neue-haas-grotesk-display,sans-serif;
  font-weight: 700;
  color: #1c1c1c;
}

.neue-regular {
  font-family: neue-haas-grotesk-display,sans-serif;
  font-weight: 500;
  color: #1c1c1c;
}

.regular {
  font-family: neue-haas-grotesk-display,sans-serif;
  font-weight: 500;
  color: #1c1c1c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.h1,
h1 {
  font-size: max(3vw, 1.8rem);
  line-height: min(8vw, 2.2rem);
}

.h2,
h2 {
  font-size: max(2vw, 1.3rem);
  line-height: 100%;
}

.h3,
h3 {
  font-size: max(1vw, 1.2rem);
  line-height: 1.5rem;
}

.h4,
h4 {
  font-size: 1rem;
  line-height: 1rem;
}

.h5,
h5 {
  font-size: .8rem;
  line-height: .9rem;
}

.h6,
h6 {
  font-size: .6rem;
  line-height: .7rem;
}

.bold,
b {
  font-weight: 700;
}

.p,
p {
  line-height: 1.25rem;
  letter-spacing: .015rem;
  padding-bottom: 1rem;
}

.i,
i {
  font-style: italic;
}

ol,
ul {
  list-style: revert;
  margin-left: 1rem;
  line-height: 1.4rem;
  letter-spacing: .015rem;
}

.required-field:before {
  color: red;
  content: "*";
}

/*Button States-  Note that these stack on top of each other to create a completed button*/

a.button,
a.button-secondary,
a.button-tertiary,
a.button-action,
a.button-grey,
a.button-small,
a.button-toggled,
a.cta-button {
  white-space: nowrap;
}

.button,
.button-action,
.button-grey,
.button-small,
.button-toggled,
.button-secondary,
.button-tertiary,
.cta-button,
.button-white {
  -webkit-border-radius: .4em;
  -moz-border-radius: .4em;
  -ms-border-radius: .4em;
  border-radius: 0.7em;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  color: #de761c;
  font-weight: 700;
  padding: .4em .8em;
  border: solid #de761c 2.5px;
  background: 0;
  outline: 0;
  cursor: pointer;
  display: inline-block;
}

.button-action[disabled],
.button-grey[disabled],
.button-small[disabled],
.button-toggled[disabled],
.button[disabled],
.button-secondary[disabled],
.button-tertiary[disabled],
.cta-button[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.button-action[disabled]:hover,
.button-grey[disabled]:hover,
.button-small[disabled]:hover,
.button-toggled[disabled]:hover,
.button[disabled]:hover,
.button-secondary[disabled],
.button-tertiary[disabled],
.cta-button[disabled]:hover {
  background-color: initial;
  color: #de761c;
}

.button-action:focus,
.button-action:hover,
.button-grey:focus,
.button-grey:hover,
.button-small:focus,
.button-small:hover,
.button-toggled:focus,
.button-toggled:hover,
.button:focus,
.button:hover,
.button-secondary:hover,
.button-secondary:focus,
.button-tertiary:hover,
.button-tertiary:focus,
.cta-button:focus,
.cta-button:hover {
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
  background-color: #de761c;
  color: #ffffff;
}

.ic-button:hover,
.ic-button:focus {
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
  background-color: #ffffff;
  color: #161616;
}

.button-toggled {
  background-color: #de761c;
  color: #ffffff;
}

.button-action {
  background-color: #de761c;
  color: #ffffff;
}

.button-action[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

.button-action[disabled]:hover {
  background-color: initial;
  color: #ffffff;
}

.button-action:hover {
  background-color: #ffffff;
  color: #de761c;
}

.button-action:focus {
  outline: 0;
}

.button-small {
  font-size: 0.7rem;
}

.cta-button {
  color: #ffffff;
  background-color: #de761c;
}

.cta-button:hover {
  color: #de761c;
  background-color: #ffffff;
  border-color: #de761c;
}

.button-grey {
  color: #aaaaaa;
  border-color: #aaaaaa;
}

.button-grey:hover {
  background-color: #aaaaaa;
}

.button-white {
  color: #ffffff;
  border-color: #ffffff;
}

.button-white:hover {
  color: #de761c;
  background-color: #ffffff;
}

.button-green {
  color: #ffffff;
  background-color: #007b00;
}

.button-green:hover {
  color: #ffffff;
  background-color: #6e956e;
}

.button-secondary {
  color: #828282;
  border-color: #828282;
  background-color: transparent;
}

.button-secondary:hover {
  color: #ffffff;
  background-color: #828282;
}

.button-tertiary {
  color: #57b0f5;
  border-color: #57b0f5;
  background-color: transparent;
}

.button-tertiary:hover {
  color: #ffffff;
  background-color: #57b0f5;
}

/*Text Elements*/

.text,
.text-inline {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #e5e5e8;
  border: solid 2px #e5e5e8;
  width: 100%;
  padding: 5px;
}

.text-inline:focus,
.text:focus {
  outline: 0;
  background-color: #ffffff;
}

.readonly.text-inline,
.text-inline:disabled,
.text-inline:read-only,
.text.readonly,
.text:disabled,
.text:read-only {
  opacity: .5;
  cursor: not-allowed;
}

.readonly.text-inline:focus,
.text-inline:disabled:focus,
.text-inline:read-only:focus,
.text.readonly:focus,
.text:disabled:focus,
.text:read-only:focus {
  background-color: #e5e5e8;
}

.text-inline {
  width: initial;
}

.validation-error {
  background-color: #f2dede!important;
  border: solid 2px #f88;
}

.validation-success {
  background-color: #dff0d8!important;
  border: solid 2px #85c66a;
}

a {
  text-decoration: none;
  color: #de761c;
  cursor: pointer;
}

/*Checkbox elements*/

.checkbox {
  width: 1.1rem;
  height: 1.1rem;
  display: inline-block;
  cursor: pointer;
  background-color: #e5e5e8;
  user-select: none;
}

.checkbox-inside {
  position: relative;
  width: calc(100% - .6rem);
  height: calc(100% - .6rem);
  top: .3rem;
  left: .3rem;
  background-color: #de761c;
}

/*Dropdown Styles*/

.dropdown {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  padding: .48rem .8rem;
  margin: .2rem;
  border: 1px solid #4a4a4a;
  color: #4a4a4a;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  text-align: left;
  border-radius: .2rem;
}

.dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 5;
  width: 100%;
  color: #4a4a4a;
  background-color: #f8f8f8;
  display: none;
  max-height: 20rem;
  overflow-y: auto;
}

.dropdown li {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: .3rem .6rem;
}

.dropdown li.selectd {
  display: none;
}

.dropdown li:hover {
  background-color: #de761c;
  color: #fff;
}

.dropdown:after {
  content: '\25bc';
  float: right;
  margin-top: .25rem;
  margin-left: .5rem;
  font-size: .75rem;
}

hr {
  margin: .5rem 0;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #e5e5e8;
  background-color: #e5e5e8;
}

/*Data Balloon */

button[data-balloon] {
  overflow: visible;
}

[data-balloon] {
  position: relative;
}

[data-balloon]:after,
[data-balloon]:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .18s ease-out .18s;
  transition: all .18s ease-out .18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%,10px);
  -ms-transform: translate(-50%,10px);
  transform: translate(-50%,10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

[data-balloon]:after {
  background: rgba(17,17,17,.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}

[data-balloon]:before {
  background: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"&gt;&lt;path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/&gt;&lt;/svg&gt;') no-repeat;background-size:100% auto;height:6px;width:18px;content:"";margin-bottom:5px}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}[data-balloon][data-balloon-break]:after{white-space:normal}[data-balloon-pos=down]:after,[data-balloon-pos=down]:before{bottom:auto;left:50%;top:100%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon-pos=down]:after{margin-top:11px}[data-balloon-pos=down]:before{background:url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"&gt;&lt;path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/&gt;&lt;/svg&gt;') no-repeat;background-size:100% auto;height:6px;width:18px;margin-top:5px;margin-bottom:0}[data-balloon-pos=down]:hover:after,[data-balloon-pos=down]:hover:before,[data-balloon-pos=down][data-balloon-visible]:after,[data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}[data-balloon-pos=left]:after,[data-balloon-pos=left]:before{bottom:auto;left:auto;right:100%;top:50%;-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon-pos=left]:after{margin-right:11px}[data-balloon-pos=left]:before{background:url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"&gt;&lt;path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/&gt;&lt;/svg&gt;') no-repeat;background-size:100% auto;height:18px;width:6px;margin-right:5px;margin-bottom:0}[data-balloon-pos=left]:hover:after,[data-balloon-pos=left]:hover:before,[data-balloon-pos=left][data-balloon-visible]:after,[data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}[data-balloon-pos=right]:after,[data-balloon-pos=right]:before{bottom:auto;left:100%;top:50%;-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon-pos=right]:after{margin-left:11px}[data-balloon-pos=right]:before{background:url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"&gt;&lt;path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/&gt;&lt;/svg&gt;') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[data-balloon-pos=right]:hover:after,
[data-balloon-pos=right]:hover:before,
[data-balloon-pos=right][data-balloon-visible]:after,
[data-balloon-pos=right][data-balloon-visible]:before {
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
}

[data-balloon-length]:after {
  white-space: normal;
}

[data-balloon-length=small]:after {
  width: 80px;
}

[data-balloon-length=medium]:after {
  width: 150px;
}

[data-balloon-length=large]:after {
  width: 260px;
}

[data-balloon-length=xlarge]:after {
  width: 90vw;
}

@media screen and (min-width:768px) {
  [data-balloon-length=xlarge]:after {
    width: 380px;
  }
}

[data-balloon-length=fit]:after {
  width: 100%;
}

/*Table styles*/

.underline {
  border-bottom: 3px solid #de771c;
}

.table {
  color: #1c1c1c;
}

.table .table-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: .2rem;
  border-bottom: solid #1c1c1c 3px;
  font-family: neue-haas-grotesk-display,sans-serif;
  color: #1c1c1c;
  text-align: center;
  width: 100%;
}

.table .table-row {
  padding: .7rem .5rem;
  border-bottom: solid 1px #f1f1f1;
}

.table .table-desktop *,
.table .table-header * {
  flex-grow: 1;
  flex-basis: 0;
}

.table .table-desktop :first-child,
.table .table-header :first-child {
  text-align: left;
}

.table .table-desktop :last-child,
.table .table-header :last-child {
  text-align: right;
}

.table .table-desktop {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.table .table-mobile {
  display: none;
  margin: .5rem 0;
}

@media screen and (max-width:736px) {
  .table .table-desktop {
    display: none;
  }

  .table .table-header {
    display: none;
  }

  .table .table-mobile {
    display: block;
  }
}

/*Select Styles (Also Dropdowns)*/

.select {
  outline: 0;
  background-color: #e5e5e8;
  border: none;
  padding: .3rem .5rem;
  color: #de761c;
  font-weight: 700;
  cursor: pointer;
}

.select:focus {
  box-shadow: 0 0 1pt 1pt;
}

.change-profile-pic-container {
  padding: .4rem;
}

/*Profile */

.profile-pic {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 5rem;
  height: 5rem;
  background-size: cover;
  margin-top: .2rem;
  margin-right: .2rem;
  background-color: #e5e5e8;
  transition: transform .2s;
}

.change-profile-pic {
  position: relative;
  width: 5rem;
  height: 5rem;
  color: #d3d3d3;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transform: translate3d(0,0,0);
}

.change-profile-pic:hover&gt;.change-profile-pic-banner {
  color: #fff;
  background-color: rgba(0,0,0,.9);
}

.change-profile-pic-banner {
  position: absolute;
  background-color: rgba(0,0,0,.5);
  width: 5rem;
  height: 1rem;
  z-index: 100;
  bottom: 0;
  font-size: 12px;
  cursor: pointer;
}

/*Footer Styles*/

#footer-mobile-only {
  display: none;
}

.footer {
  height: auto;
  background-color: #efefef;
  color: #3d3d3d;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  position: relative;
  z-index: 2;
}

.footer-nav-container {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 1.8rem;
  padding-bottom: 1rem;
}

.footer-item {
  text-align: left;
  margin: 0 .8rem;
}

.footer-item-header {
  font-weight: 700;
  font-size: 1rem;
  padding: 0 .8rem .2rem 0;
  margin-bottom: .2rem;
  border-bottom: 2px solid #3d3d3d;
  user-select: none;
}

.footer-item-container {
  display: flex;
}

.footer-item-content {
  display: flex;
  flex-direction: column;
}

.footer-item-content-item {
  text-decoration: none;
  color: #3d3d3d;
  font-size: .9rem;
  margin: .2rem 0;
  user-select: none;
}

.footer-social-container {
  display: flex;
  justify-content: center;
}

.footer-social-container a {
  color: #3d3d3d;
  font-size: 1.5rem;
  margin: 0 .5rem;
}

.footer-address-container {
  display: flex;
  text-align: center;
  font-size: .9rem;
  margin: 1.5rem 0;
}

.footer-address-container div {
  margin: 0 .5rem;
}

footer img {
  display: none;
}

.arrow-down,
.arrow-up,
.expander-down,
.expander-up {
  transition-timing-function: ease-out;
}

@media all and (max-width:890px) {
  footer img {
    display: inline-block;
    height: 1rem;
    width: auto;
    margin-right: .5rem;
    transition: transform .3s;
  }

  .footer-nav-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .footer-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    margin-bottom: .5rem;
  }

  #footer-mobile-only {
    display: flex;
    flex-direction: column;
  }

  .footer-item-header {
    cursor: pointer;
    padding: .3rem;
    display: flex;
    align-items: center;
    user-select: none;
    padding-right: 0;
  }

  .footer-item:first-child,
  .footer-item:last-child {
    text-align: center;
  }

  .footer-item-container {
    justify-content: center;
    flex-direction: column;
    text-align: left;
    opacity: 0;
    margin-left: calc(12.23px + .8rem);
    display: none;
    transition: opacity .5s;
  }

  .footer-item-content {
    margin: 0;
  }

  .footer-address-container {
    flex-direction: column;
    align-items: center;
  }

  .footer-address-container div {
    margin: 0;
  }

  .expander-down {
    opacity: 1;
    display: block;
  }

  .expander-up {
    opacity: 0;
    display: none;
  }

  .arrow-down {
    transform: rotate(90deg);
  }

  .arrow-up {
    transform: rotate(0);
  }
}

/*Header styles*/

.header {
  width: 100%;
  background-color: #ffffff;
  padding: .5rem 0;
  z-index: 25;
  position: fixed;
  top: 0;
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.header-content ol ul {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.5rem;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.navigation-logo {
  background-image: url(https://faithchapelcdn.s3.amazonaws.com/images/shared/faith-chapel-logo-new.svg);
  background-repeat: no-repeat;
  width: 176px;
  height: 66px;
  display: flex;
  align-items: center;
  float: left;
}

.application-title {
  font-size: 3rem;
  margin-right: 1rem;
  margin-top: -.5rem;
  float: right;
}

.sandwitch-button.fa-regular {
  font-size: 1.5rem;
  display: none;
  color: #1c1c1c;
}

.main-content {
  padding-top: 4.35rem;
}

.live-main-content {
  padding-top: 7.35rem;
}

@media screen and (max-width:1000px) {
  ul.navigation-menu {
    display: none;
  }

  .sandwitch-button.fa-regular {
    display: inline-block;
  }

  .navigation-logo-text {
    display: none;
  }
}

@media screen and (max-width:451px) {
  .live-main-content {
    padding-top: 8.35rem;
  }
}

@media screen and (max-width:248px) {
  .live-main-content {
    padding-top: 9.35rem;
  }
}

.navigation-menu {
  list-style-type: none;
  display: flex;
  margin: 0;
  float: right;
  font-family: neue-haas-grotesk-display,sans-serif;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
}

.navigation-menu li {
  position: relative;
  display: inline-block;
  padding: .45rem;
  white-space: nowrap;
}

.navigation-menu li a {
  color: #000000;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
}

.navigation-menu li a:hover {
  -webkit-transition: border-bottom .2s ease-in-out;
  -moz-transition: border-bottom .2s ease-in-out;
  -ms-transition: border-bottom .2s ease-in-out;
  -o-transition: border-bottom .2s ease-in-out;
  transition: border-bottom .2s ease-in-out;
  border-bottom: 3px solid #de761c;
}

.navigation-menu .search-icon {
  display: flex;
  align-items: center;
}

.navigation-menu .search-icon i {
  color: #1c1c1c;
  position: relative;
  cursor: pointer;
}

.navigation-multi-tier-menu,
.navigation-sub-menu {
  display: none;
  position: absolute;
  padding-left: 0;
  margin: 0;
  line-height: 1rem;
  left: 0;
  top: 100%;
  background: #fff;
  z-index: 9;
}

.navigation-multi-tier-menu li,
.navigation-sub-menu li {
  display: block;
  padding: .4rem .7rem;
  min-width: 75px;
}

.navigation-multi-tier-menu li:hover,
.navigation-sub-menu li:hover {
  background: #de761c;
}

.navigation-multi-tier-menu a:hover li,
.navigation-sub-menu a:hover li {
  color: #ffffff;
}

.navigation-menu li:hover .navigation-multi-tier-menu,
.navigation-menu li:hover .navigation-sub-menu {
  display: block;
}

.navigation-mobile-menu {
  list-style-type: none;
  display: none;
  text-align: center;
  font-family: neue-haas-grotesk-display,sans-serif;
  margin-left: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

.navigation-mobile-menu li {
  padding: .3rem 0;
}

.navigation-mobile-menu li:hover {
  background: #de761c;
  color: #ffffff;
}

.navigation-mobile-menu a {
  color: #000;
  font-weight: 700;
}

/*Legacy Ministry Group Block styles*/

.group-box-header div div,
.group-table-header div div {
  text-align: center;
}

.group-box-header div div:first-child,
.group-table-header div div:first-child {
  text-align: left;
}

.group-box-header div div:last-child,
.group-table-header div div:last-child {
  text-align: right;
}

.group-box {
  margin: .3em 0;
}

.group-box:last-child {
  margin: 0;
}

.group-box-header,
.group-table-header {
  padding-top: .4rem;
  padding-bottom: .4rem;
  background-color: #e5e5e8;
  border-bottom: solid 1px #e5e5e8;
}

.group-table-description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  text-align: left;
  line-height: 1.2;
}

.group-box-header {
  background-color: #ffffff;
}

.group-box-body {
  padding: .5rem;
}

details summary {
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  padding: 0.5rem;
  line-height: 0.8;
}

details p {
  padding-left: 2rem;
}

details ul {
  padding-left: 4rem;
}

@media screen and (max-width:736px) {
  .group-box {
    margin: 1.5em 0;
  }

  .group-box-header {
    border-bottom: none;
  }
}

.universal-form-opportunity-date {
  margin-top: 0.2rem;
}

.universal-form-opportunity-length {
  margin-top: 0.2rem;
}

.universal-form-opportunity-info {
  color: #666666;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  word-spacing: 0.2rem;
  font-weight: bold;
}

.favorite-style-button {
  text-align: center;
  border: none;
  width: 200px;
  white-space: normal !important;
  height: 130px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.favorite-style-button-icon-container {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #eeeeee;
  padding: 0.3rem;
  margin-bottom: 0.5rem;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}</pre></body></html>