body {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0;
}

/* Header subtitle */
.header .title h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  margin: -4px 0 0 0;
}

.header .subtitle h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  margin: 8px 0 0 0;
}
.rowtitle.lighttext {
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.rowsubtitle.darktext {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0 0 20px 0;
}
.rowtext {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0 auto 26px auto;
}
.header .row_text.new_rows_text {
  margin-top: 8px;
}
.iconcomponent-text,
.iconcomponent-title,
.iconcomponent-title p,
.page-template-page-new-campus p.iconcomponent-title,
.page-template-page-new-campus p.iconcomponent-text,
.page-template-page-new-campus p.iconcomponent-text p {
  text-align: left;
}
/* Campus style */
.page-template-page-new-campus .header-container .header .rowbutton,
.text .rowbutton {
  text-align: left;
}

.page-template-page-new-campus .header-container .title h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.page-template-page-new-campus .header-container .subtitle h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  margin: 8px 0 0 0;
}
.page-template-page-new-campus .header-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: left;
  text-transform: none;
  margin: 10px 0 20px 0;
}

.page-template-page-new-campus p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0 0 26px 0;
}

.page-template-page-new-campus p a {
  text-decoration: underline;
}

.sitemap p a {
  text-decoration: none;
}

/* Campus style end */

.textcomponent-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  margin: 14px 0 14px 0;
}

.textcomponent-text {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: left;
  text-transform: none;
  margin: 0 0 14px 0;
}

.iconcomponent-title,
.imagecomonpent-title {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  margin: 14px 0 14px 0;
}

.iconcomponent-text,
.imagecomonpent-text {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0 0 14px 0;
}

.quoterow .quote {
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0 auto 20px auto;
}

.quoterow .source {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 60px auto 20px auto;
}

.tabbedcontent .coxytabs-controls {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}

.tabbedcontent .coxytabs-control {
  display: inline-block;
  font-weight: 700;
  padding: 5px 10px;
  margin: 5px 10px;
  background-color: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  text-decoration: none;
}
.tabbedcontent .coxytabs-control:hover {
  background-color: transparent;
}

.tabbedcontent .coxytabs-control.active {
  background-color: transparent;
  border-bottom: 1.5px solid #c1c1c1;
}

.tabbedcontent .yellow .coxytabs-control {
  color: #111111;
}
.tabbedcontent .yellow .coxytabs-control.active {
  border-bottom: 1.5px solid #111;
}

.tabbedcontent .white .coxytabs-control {
  color: #393b59;
}
.tabbedcontent .white .coxytabs-control.active {
  border-bottom: 1.5px solid #393b59;
}

.tabbedcontent .grey .coxytabs-control {
  color: #111111;
}
.tabbedcontent .grey .coxytabs-control.active {
  border-bottom: 1.5px solid #111111;
}

.tabbedcontent .darkblue .coxytabs-control {
  color: #fff;
}
.tabbedcontent .darkblue.coxytabs-control.active {
  border-bottom: 1.5px solid #fff;
}

.tabbedcontent .off-black .coxytabs-control {
  color: #fff;
}
.tabbedcontent .off-black .coxytabs-control.active {
  border-bottom: 1.5px solid #fff;
}

.tabbedcontent .imgbg .coxytabs-control {
  color: #fff;
}
.tabbedcontent .imgbg .coxytabs-control.active {
  border-bottom: 1.5px solid #fff;
}

.lightbox-tabs .coxytabs-control {
  font-weight: 300;
}

.lightbox-tabs .coxytabs-control.active {
  font-weight: 700;
  border: 2px solid #111;
}
.lightbox-tabs.white .coxytabs-control {
  color: #393b59;
}
.lightbox-tabs.white .coxytabs-control {
  border-bottom: 1.5px solid #393b59;
}

.lightbox-tabs.grey .coxytabs-control {
  color: #111;
}
.lightbox-tabs.grey .coxytabs-control {
  border-bottom: 1.5px solid #111;
}

.lightbox-tabs.darkblue .coxytabs-control {
  color: #ffffff;
}
.lightbox-tabs.darkblue .coxytabs-control {
  border-bottom: 1.5px solid #ffffff;
}

.lightbox-tabs.off-black .coxytabs-control {
  color: #ffffff;
}
.lightbox-tabs.off-black .coxytabs-control {
  border-bottom: 1.5px solid #ffffff;
}

.lightbox-tabs.yellow .coxytabs-control {
  color: #111111;
}
.lightbox-tabs.yellow .coxytabs-control {
  border-bottom: 1.5px solid #111;
}

.lightbox-tabs.imgbg .coxytabs-control {
  color: #ffffff;
}
.lightbox-tabs.imgbg .coxytabs-control {
  border-bottom: 1.5px solid #ffffff;
}

.carousel-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0;
}

.carousel-item-text {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: none;
  margin: 0;
}

.slideshow-caption {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: left;
  text-transform: none;
  margin: 20px 0 20px 0;
  display: block;
}

.navigation.with-site-nav ~ .wrapper .header-container .header {
  height: calc(100vh - 50px);
}

.section-row {
  padding: 100px 20px;
}
.quoterow .section-row {
  padding: 200px 40px;
}
.imagecomponent-image {
  width: 100%;
}
.slideshowwrap .slideshow {
  width: 100%;
}
.page-template-page-campus .header-container .header {
  height: calc(87vh - 50px);
  min-height: calc(87vh - 50px);
}

.button {
  text-decoration: none !important;
  font-weight: 700;
  letter-spacing: 0.05em;
}
a.button {
  letter-spacing: 0.05em;
}
/* BG: White ---------------------------- */
.whitefullrowbutton,
.white {
  background-color: #fff;
  color: #393b59;
}

.white .rowtitle {
  color: #393b59;
}

.white .rowsubtitle {
  color: #393b59;
}

.white .rowtext {
  color: #393b59;
}

.white .lighttext {
  color: #393b59;
}

.white .darktext {
  color: #393b59;
}

.white + .white .section-row {
  padding-top: 0px;
}

.white a {
  text-decoration: underline;
  transition: all linear 0.2s;
}

.white,
.white .church-locator__search-box,
.white .church-locator__search-box::placeholder,
.white a {
  color: #393b59;
}

.grey,
.grey .church-locator__search-box,
.grey .church-locator__search-box::placeholder,
.grey a {
  color: #111111;
}

.yellow,
.yellow .church-locator__search-box,
.yellow .church-locator__search-box::placeholder,
.yellow a {
  color: #111111;
}

.darkblue,
.darkblue .church-locator__search-box,
.darkblue .church-locator__search-box::placeholder,
.darkblue a {
  color: #ffffff;
}

.off-black,
.off-black a,
.off-black .church-locator__search-box,
.off-black .church-locator__search-box::placeholder {
  color: #ffffff;
}

.imgbg,
.imgbg .church-locator__search-box,
.imgbg .church-locator__search-box::placeholder,
.imgbg a {
  color: #ffffff;
}

.imgbg a {
  text-decoration: underline;
}

.button:hover,
.button a:hover {
  background-position: 0 -1px;
}

.rowtext a {
  text-decoration-thickness: 3%;
  text-underline-offset: 12%;
}

.rowtext a:hover {
  transition: all linear 0.2s;
  color: #eac2b5;
}

.white a:hover {
  color: #eac2b5;
  text-decoration: none;
}
.white .button {
  color: #fff;
  background-color: #393b59;
}

.white .buttton:hover {
  color: #393b59;
  background-color: #ffecbd;
}
.off-blackfullrowbutton,
.darkgreyfullrowbutton,
.darkgrey,
.off-black {
  background-color: #111111;
  color: #ffffff;
}
.darkgrey .rowtitle,
.off-black .rowtitle,
.darkgrey .rowsubtitle,
.off-black .rowsubtitle,
.darkgrey .rowtext,
.off-black .rowtext,
.darkgrey .lighttext,
.off-black .lighttext,
.darkgrey .darktext,
.off-black .darktext {
  color: #ffffff;
}
.darkgrey + .darkgrey .section-row .off-black + .off-black .section-row {
  padding-top: 0px;
}
.darkgrey a {
  color: #fff;
  transition: all linear 0.2s;
}
.off-black a {
  color: #fff;
  text-decoration: underline;
  transition: all linear 0.2s;
}
.darkgrey a:hover,
.off-black a:hover {
  text-decoration: none;
}
.darkgrey .button,
.off-black .button {
  color: #111111;
  background-color: #fff;
}
.darkgrey .button:hover,
.off-black .button:hover {
  color: #111111;
  background-color: #ffecbd;
}
.text,
.text.col,
.text .rowtitle {
  text-align: left;
}
.schedule-content .title {
  text-align: left;
}
.schedule-content .date {
  text-align: left;
}
.schedule-content .time,
.schedule-content .time ~ div {
  text-align: left;
}
.button + .button {
  margin-left: 0px;
}

.whitefullrowbutton a,
.whitefullrowbutton button {
  background-color: #393b59;
  color: #fff;
}

.greyfullrowbutton a,
.greyfullrowbutton button {
  background-color: #111111;
  color: #ffffff;
}

.yellowfullrowbutton a,
.yellowfullrowbutton button {
  background-color: #111111;
  color: #ffffff;
  background-image: linear-gradient(
    to left,
    transparent,
    transparent 50%,
    #ffffff 50%,
    #ffffff
  );
}

.bluefullrowbutton a,
.bluefullrowbutton button {
  background-color: #fff;
  color: #393b59;
}

.off-blackfullrowbutton a,
.off-blackfullrowbutton button {
  background-color: #ffffff;
  color: #111111;
}
.fullrowbutton a:hover,
.fullrowbutton button:hover {
  color: #111111;
  opacity: 1;
  background-position: 0 -1px;
  border: none;
}
.whitefullrowbutton a:hover,
.whitefullrowbutton button:hover,
.darkbluefullrowbutton a:hover,
.darkbluefullrowbutton button:hover {
  color: #393b59;
  opacity: 1;
  background-position: 0 -1px;
  border: none;
}

.fullrowbutton a,
.fullrowbutton button {
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

.fullrowbutton a,
.fullrowbutton button {
  letter-spacing: 0.05em;
}

.button:hover,
.button a:hover {
  background-position: 0 -1px;
}
.yellow.quoterow .source,
.yellow.quoterow .quote {
  color: #111;
}
.darkgrey.quoterow .source,
.darkgrey.quoterow .quote {
  color: #fff;
}
.off-black.quoterow .source,
.off-black.quoterow .quote {
  color: #fff;
}
.white.quoterow .source,
.white.quoterow .quote {
  color: #393b59;
}
.grey.quoterow .source,
.grey.quoterow .quote {
  color: #111111;
}

.darkblue.quoterow .source,
.darkblue.quoterow .quote {
  color: #ffffff;
}

.imgbg.quoterow .source,
.imgbg.quoterow .quote {
  color: #ffffff;
}
.coxytabs-content-item {
  text-align: left;
}

/*
//---------------------------------------
// BACKGROUND OPTIONS
//---------------------------------------
*/

/* BG: Yellow */
.yellowfullrowbutton,
.yellow {
  background-color: #ffecbd;
  color: #111111;
}

.yellow .rowtitle {
  color: #111111;
}

.yellow .rowsubtitle {
  color: #111111;
}

.yellow .rowtext {
  color: #111111;
}

.yellow .lighttext {
  color: #111111;
}

.yellow .darktext {
  color: #111111;
}

.yellow + .yellow .section-row {
  padding-top: 0px;
}

.yellow a {
  text-decoration: underline;
  transition: all linear 0.2s;
}
.yellow a:hover {
  text-decoration: none;
}
.yellow .button {
  color: #fff;
  background-color: #111;
  background-image: linear-gradient(
    to left,
    transparent,
    transparent 50%,
    #ffffff 50%,
    #ffffff
  );
}

.yellow .button:hover {
  color: #111111;
  background-color: #ffffff;
}

.bluefullrowbutton,
.darkbluefullrowbutton,
.darkblue {
  background: #393b59;
  color: #ffffff;
}

.darkblue .rowtitle {
  color: #ffffff;
}

.darkblue .rowsubtitle {
  color: #ffffff;
}

.darkblue .rowtext {
  color: #ffffff;
}

.darkblue .lighttext {
  color: #ffffff;
}

.darkblue .darktext {
  color: #ffffff;
}

.darkblue + .darkblue .section-row {
  padding-top: 0px;
}

.darkblue a {
  text-decoration: underline;
  transition: all linear 0.2s;
}
.darkblue a:hover {
  text-decoration: none;
}
.darkblue .button {
  color: #393b59;
  background-color: #fff;
}

.darkblue .buttton:hover {
  color: #393b59;
  background-color: #ffecbd;
}

.greyfullrowbutton,
.grey {
  background: #f2f2f2;
}

.grey .rowtitle {
  color: #111111;
}

.grey .rowsubtitle {
  color: #111111;
}

.grey .rowtext {
  color: #111111;
}

.grey .lighttext {
  color: #111111;
}

.grey .darktext {
  color: #111111;
}

.grey a {
  text-decoration: underline;
  transition: all linear 0.2s;
}

.grey a:hover {
  text-decoration: none;
}

.grey + .grey .section-row {
  padding-top: 0px;
}

.grey input,
.grey textarea,
.grey select {
  border: 2px solid #fff;
  background-color: #fff;
}

.grey .button[disabled="disabled"] {
  color: #dadada;
  border-color: #dadada;
}

.grey .button {
  background-color: #111111;
  color: #ffffff;
}

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

/* BG: Mashup Grey ---------------------- */

.mashupgrey {
  background-color: #d7d7d7;
}

.mashupgrey .rowtitle {
  color: #464646;
}

.mashupgrey .rowsubtitle {
  color: #464646;
}

.mashupgrey .rowtext {
  color: #464646;
}

.mashupgrey a {
  color: #fff;
}

.mashupgrey + .mashupgrey .section-row {
  padding-top: 0px;
}

.mashupgrey input,
.mashupgrey textarea,
.mashupgrey select {
  border: 2px solid #fff;
  background-color: #fff;
}

.mashupgrey .button {
  color: #898989;
}

.mashupgrey .button:hover {
  color: #ffffff;
  border-color: rgba(170, 144, 85, 1);
}

.mashupgrey .button[disabled="disabled"] {
  color: #dadada;
  border-color: #dadada;
}

.brown {
  background-color: #c3aa92;
}

/* BG: Red ----------------------------- */
.redfullrowbutton,
.red {
  background: #800a2d;
}

.red .rowtitle {
  color: white;
}

.red .rowsubtitle {
  color: white;
}

.red .rowtext {
  color: white;
}

.red .lighttext {
  color: white;
}

.red .darktext {
  color: white;
}

.red a {
  text-decoration: underline;
  transition: all linear 0.2s;
}

.red a:hover {
  text-decoration: none;
}

.red + .red .section-row {
  padding-top: 0px;
}

.red input,
.red textarea,
.red select {
  border: 2px solid #111111;
  background-color: #111111;
}

.red .button[disabled="disabled"] {
  color: #111111;
  border-color: #111111;
}

.red .button {
  background-color: white;
  color: #111111;
}

.red .button:hover {
  background-color: #111111;
  color: white;
}

.darkgrey input,
.darkgrey textarea,
.darkgrey select {
  border: 2px solid #fff;
  background-color: #fff;
}

.darkgrey .button[disabled="disabled"] {
  color: #dadada;
  border-color: #dadada;
}
.subpage-header .rowtitle {
  color: #393b59;
  font-weight: 800;
  text-align: left;
}
.subpage-header .rowsubtitle {
  color: #393b59;
  font-weight: 400;
}
.subpage-header .rowtitle.lighttext,
.subpage-header .rowsubtitle.darktext {
  text-align: left;
}

/* Desktop */
@media only screen and (min-width: 767px) {
  body {
    font-size: 18px;
    line-height: 24px;
  }

  /* Header subtitle */
  .header .title h1 {
    font-size: 100px;
    line-height: 100px;
  }

  .header .subtitle h2 {
    font-size: 44px;
    line-height: 44px;
  }

  .rowtitle.lighttext {
    font-size: 38px;
    line-height: 44px;
  }

  .rowsubtitle.darktext {
    font-size: 30px;
    line-height: 36px;
  }
  .rowtext {
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto 34px auto;
  }

  /* Campus style */
  .page-template-page-new-campus .header-container .title h1 {
    font-size: 100px;
    line-height: 100px;
  }

  .page-template-page-new-campus .header-container .subtitle h2 {
    font-size: 44px;
    line-height: 44px;
  }

  .page-template-page-new-campus p {
    font-size: 18px;
    line-height: 24px;
  }

  /* Campus style end */

  .textcomponent-title {
    margin: 14px auto 8px auto;
  }

  .textcomponent-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: none;
    margin: 0 0 0 14px;
  }

  .iconcomponent-text,
  .imagecomonpent-text {
    font-size: 18px;
    line-height: 24px;
  }

  .quoterow .quote {
    font-size: 36px;
    line-height: 42px;
  }

  .quoterow .source {
    font-size: 18px;
    line-height: 24px;
  }

  .tabbedcontent .coxytabs-control {
    font-size: 18px;
    line-height: 24px;
  }

  .carousel-item-title {
    font-size: 18px;
    line-height: 24px;
  }

  .carousel-item-text {
    font-size: 18px;
    line-height: 24px;
  }

  .slideshow-caption {
    font-size: 18px;
    line-height: 24px;
  }
  .section-row {
    padding: 120px 40px;
  }
  .rowtitles {
    width: 600px;
  }
  .site-nav-logo img {
    height: 50px;
  }
  .site-nav-logo {
    width: 300px;
  }

  .site-nav-item:active .site-nav-link,
  .site-nav-item:focus .site-nav-link,
  .site-nav-item:hover .site-nav-link,
  .site-nav-link:active,
  .site-nav-link:focus,
  .site-nav-link:hover {
    color: #eac2b5;
    border-bottom: 3px solid #eac2b5;
  }
  .global-nav {
    background-color: #ffffff;
    border-bottom: 0.5px solid #ccc;
  }
  .button + .button {
    margin-left: 0px;
  }

  .church-locator__toggle {
    padding-top: 8px !important;
  }
  .church-locator__toggle::after {
    margin-left: 9px;
  }
}

@media only screen and (min-width: 770px) {
  .lightbox-tabs.white .coxytabs-content {
    border-top: 1px solid #393b59;
  }
  .lightbox-tabs.white .coxytabs-controls {
    border-top: 1.5px solid #393b59;
  }

  .lightbox-tabs.grey .coxytabs-content {
    border-top: 1px solid #111;
  }
  .lightbox-tabs.grey .coxytabs-controls {
    border-top: 1.5px solid #111;
  }

  .lightbox-tabs.darkblue .coxytabs-content {
    border-top: 1px solid #fff;
  }
  .lightbox-tabs.darkblue .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }

  .lightbox-tabs.off-black .coxytabs-content {
    border-top: 1px solid #fff;
  }
  .lightbox-tabs.off-black .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }

  .lightbox-tabs.yellow .coxytabs-content {
    border-top: 1px solid #111;
  }
  .lightbox-tabs.yellow .coxytabs-controls {
    border-top: 1.5px solid #111;
  }

  .lightbox-tabs.imgbg .coxytabs-content {
    border-top: 1px solid #fff;
  }
  .lightbox-tabs.imgbg .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }
}
@media only screen and (max-width: 767px) {
  .lightbox-tabs.white .coxytabs-controls {
    border-top: 1.5px solid #393b59;
  }
  .lightbox-tabs.grey .coxytabs-controls {
    border-top: 1.5px solid #111;
  }
  .lightbox-tabs.darkblue .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }
  .lightbox-tabs.off-black .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }
  .lightbox-tabs.imgbg .coxytabs-controls {
    border-top: 1.5px solid #fff;
  }
  .lightbox-tabs.yellow .coxytabs-controls {
    border-top: 1.5px solid #111;
  }
  .lightbox-tabs .coxytabs-control.active {
    border: 2px solid #111;
  }
  .lightbox-tabs .coxytabs-control {
    border-bottom: 0 !important;
    background-color: transparent !important;
    text-decoration: none !important;
  }
}