.serviceTimes.podcasts .wrap .row .col .text .hold .bottom:after, .serviceTimes.events .wrap .row .col .text:after {
  content: '';
  display: block;
  clear: both; }

form .input input, form .input textarea, .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content, .boxGrid .wrap .row .col .box .text, .introPanel .wrap, .serviceTimes.podcasts .wrap > .link, .serviceTimes.podcasts .wrap .row .col .text .hold .bottom, .serviceTimes .wrap .row .col .text, .filter form .input input, .filter form .input select, .videoModal {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.social a, header[role="banner"] .wrap .mainNav button, .gallery .swiper-menu button, .introPanel .wrap .down:before, .serviceTimes.podcasts .wrap .row .col .text p.duration:before, .serviceTimes .wrap .pagination .pageLinks .previous, .serviceTimes .wrap .pagination .pageLinks .next, .filter form .search button, .filter form .input.select:after, footer .wrap .cols .col .social a, .videoModal .wrap .close {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

p {
  font-size: 0.875rem;
  color: var(--color1); }

:root {
  --color-1: rgb(51, 51, 51);
  --color-2: rgb(51, 102, 102);
  --color-3: rgb(183, 209, 193);
  --color-4: rgb(32, 38, 37);
  --color-5: rgb(255, 255, 255);
  --body-font: 'Work Sans', sans-serif;
  --heading-font: 'Merriweather', serif;
  --header-bg: var(--color-1);
  --border: var(--color-2);
  --btn-1: var(--color-2);
  --btn-2: var(--color-3);
  --bg-1: var(--color-1);
  --bg-2: var(--color-2);
  --bg-3: var(--color-3);
  --bg-4: var(--color-4);
  --bg-5: rgb(238, 240, 242);
  --bg-6: rgb(241, 241, 241);
  --bg-7: var(--color-5); }

.featuredPanel + .boxGrid {
  margin-top: 60px; }

.link {
  padding: 15px 25px;
  border-radius: 30px;
  display: inline-block;
  font-size: 0.875rem;
  font-family: var(--body-font);
  font-weight: 500;
  text-align: center;
  color: white;
  background-color: var(--btn-1);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .link:hover {
    background-color: var(--btn-2); }
  .link.linkTwo {
    background-color: var(--btn-2); }

iframe {
  width: 100%; }

form .input {
  position: relative; }
  form .input ul {
    display: none; }
  form .input [data-invalid="true"] {
    border: 2px solid red; }
  form .input input, form .input textarea {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    width: 100%;
    border-radius: 3px; }

.social a {
  font-size: 0;
  display: inline-block;
  margin: 0 auto;
  background-position: -20px -20px;
  width: 30px;
  height: 30px; }
  .social a + a {
    margin-left: 5px; }
  .social a.facebook {
    background-position: -60px -20px; }
  .social a.instagram {
    background-position: -140px -20px; }

.hide {
  display: none !important; }

.desktop {
  display: none; }

body {
  color: var(--color1);
  font-family: var(--body-font);
  -webkit-font-smoothing: antialiased; }
  body.noMenu header[role="banner"] {
    display: none; }
  body.noMenu .slider .logo {
    display: block; }
  body.home .serviceTimes.podcasts .wrap header h2 {
    text-align: center; }
  body.heroPage {
    padding-top: 0; }
  body.showNav header[role="banner"] .wrap .mainNav {
    left: 0; }
  body h1, body h2, body h3, body h4, body h5, body p {
    padding: 0;
    margin: 0; }
  body a {
    text-decoration: none; }

.logo {
  width: 96px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -29px;
  z-index: 10000; }

header[role="banner"] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: var(--color-4);
  height: 75px; }
  header[role="banner"] .wrap {
    margin: 0 20px; }
    header[role="banner"] .wrap .navButton {
      width: 25px;
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -10px; }
      header[role="banner"] .wrap .navButton span {
        height: 3px;
        display: block;
        background-color: var(--color-5);
        width: 100%;
        pointer-events: none; }
        header[role="banner"] .wrap .navButton span + span {
          margin-top: 6px; }
        header[role="banner"] .wrap .navButton span:nth-of-type(2) {
          width: 70%; }
    header[role="banner"] .wrap .mainNav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
      background-color: var(--color-4);
      overflow: auto;
      left: -100%;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      header[role="banner"] .wrap .mainNav button {
        background-position: -180px -20px;
        width: 26px;
        height: 26px;
        position: static;
        margin: 22px 0 0 20px; }
      header[role="banner"] .wrap .mainNav ul {
        margin: 0 20px;
        margin-top: 40px; }
        header[role="banner"] .wrap .mainNav ul li {
          list-style: none;
          font-family: var(--body-font);
          color: var(--color-5);
          font-weight: 500;
          line-height: 2.5;
          font-size: 1.125rem;
          letter-spacing: 0.05em;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: color;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: color;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: color;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: color;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: color; }
          header[role="banner"] .wrap .mainNav ul li.opensubmenu ul {
            display: block;
            margin-left: 20px; }
            header[role="banner"] .wrap .mainNav ul li.opensubmenu ul li {
              color: var(--color2);
              line-height: 2; }
          header[role="banner"] .wrap .mainNav ul li ul {
            display: none;
            margin: 0; }
      header[role="banner"] .wrap .mainNav .social {
        margin-left: 20px; }

.hero.slider {
  position: relative;
  overflow: hidden; }
  .hero.slider .logo {
    display: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -100px;
    width: 120px; }
  .hero.slider .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 100;
    text-align: center; }
    .hero.slider .swiper-container .swiper-pagination span {
      border: 1px solid var(--color-5);
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%; }
      .hero.slider .swiper-container .swiper-pagination span + span {
        margin-left: 10px; }
      .hero.slider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: var(--color-5); }
  .hero.slider .swiper-container .swiper-wrapper .swiper-slide {
    background-size: cover;
    height: 500px;
    background-position: center center; }
    .hero.slider .swiper-container .swiper-wrapper .swiper-slide:before {
      content: '';
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
      /* IE6-9 */
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 100%; }
    .hero.slider .swiper-container .swiper-wrapper .swiper-slide:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      background-color: rgba(0, 0, 0, 0.3); }
    .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: 35px;
      padding: 0 30px;
      color: var(--color-5);
      text-align: center;
      z-index: 100; }
      .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content h2 {
        font-family: var(--heading-font);
        font-size: 2rem;
        line-height: 1.2; }
      .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content p {
        margin-top: 20px; }
      .hero.slider .swiper-container .swiper-wrapper .swiper-slide .content a {
        margin-top: 40px; }

.intro {
  padding: 50px 0; }
  .intro.one {
    background-color: var(--bg-1); }
    .intro.one .wrap .text h3, .intro.one .wrap .text p {
      color: var(--color-5); }
  .intro.two {
    background-color: var(--bg-2); }
    .intro.two .wrap .text h3, .intro.two .wrap .text p {
      color: var(--color-4); }
    .intro.two .wrap .text a {
      background-color: var(--btn-2);
      color: var(--color-4); }
  .intro.three {
    background-color: var(--bg-3); }
  .intro.four {
    background-color: var(--bg-4); }
    .intro.four .wrap .text h3, .intro.four .wrap .text p {
      color: var(--color-5); }
  .intro.five {
    background-color: var(--bg-5); }
  .intro.six {
    background-color: var(--bg-6); }
  .intro.seven {
    background-color: var(--bg-7); }
  .intro .wrap .text {
    padding: 0 20px;
    text-align: center; }
    .intro .wrap .text h3 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      display: inline-block;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
    .intro .wrap .text h4 {
      margin-top: 40px;
      font-weight: 600;
      text-transform: uppercase; }
    .intro .wrap .text h6 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      font-size: 0.875rem; }
    .intro .wrap .text p {
      padding-top: 20px;
      line-height: 1.5; }
      .intro .wrap .text p a {
        color: var(--color3); }
    .intro .wrap .text .link {
      margin-top: 30px; }

.boxGrid.boxGridThree .wrap .row .col {
  background-color: var(--bg-5); }
  .boxGrid.boxGridThree .wrap .row .col + .col {
    background-color: var(--bg-2); }
    .boxGrid.boxGridThree .wrap .row .col + .col .box .text .link {
      border: 2px solid var(--color-4);
      color: var(--color-4); }
.boxGrid .wrap {
  margin: 0 20px; }
  .boxGrid .wrap .row .col + .col {
    margin-top: 20px; }
  .boxGrid .wrap .row .col .box {
    padding-top: 50%;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .boxGrid .wrap .row .col .box.overlay.lightOverlay:before {
      background-color: rgba(229, 183, 46, 0.5); }
    .boxGrid .wrap .row .col .box.overlay:before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: opacity;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: opacity;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: opacity;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: opacity;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: opacity; }
    .boxGrid .wrap .row .col .box a:not(.link) {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block; }
    .boxGrid .wrap .row .col .box .text {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0;
      width: 100%;
      padding: 0 40px 0 20px;
      color: var(--color-5); }
      .boxGrid .wrap .row .col .box .text h3 {
        text-transform: uppercase;
        letter-spacing: 3px;
        display: inline-block;
        font-size: 1rem;
        font-family: var(--heading-font);
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all; }
      .boxGrid .wrap .row .col .box .text p {
        padding-top: 20px;
        line-height: 1.4; }
      .boxGrid .wrap .row .col .box .text .link {
        margin-top: 30px;
        border: 2px solid var(--color-5);
        color: var(--color-5); }

.quote {
  min-height: 450px;
  text-align: center;
  background-color: var(--bg-1);
  color: var(--color-5);
  position: relative; }
  .quote.two {
    background-color: var(--bg-2); }
  .quote.three {
    background-color: var(--bg-3); }
  .quote.four {
    background-color: var(--bg-4); }
  .quote.image {
    background-size: cover;
    background-position: center center;
    position: relative; }
    .quote.image:before {
      content: '';
      background-color: rgba(51, 51, 51, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block; }
  .quote .wrap blockquote {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--color-5);
    margin: 0 10px; }
    .quote .wrap blockquote p {
      font-family: var(--heading-font);
      line-height: 1.4;
      font-weight: 300; }
    .quote .wrap blockquote h5 {
      font-size: 0.875rem;
      text-transform: uppercase;
      margin-top: 30px; }
  .quote.large .wrap blockquote p {
    font-size: 1.625rem; }
  .quote.small .wrap blockquote p {
    font-size: 1rem; }

.gallery {
  margin: 50px 20px;
  overflow: hidden;
  background-color: transparent;
  padding: 0; }
  .gallery .wrap {
    width: auto; }
  .gallery header {
    text-align: center;
    margin: 0 20px 20px 20px; }
    .gallery header h2 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      padding-bottom: 10px; }
  .gallery .swiper-pagination {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 20px;
    right: 0;
    text-align: center; }
    .gallery .swiper-pagination span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1px solid var(--color-5);
      display: inline-block; }
      .gallery .swiper-pagination span + span {
        margin-left: 10px; }
      .gallery .swiper-pagination span.swiper-pagination-bullet-active {
        background-color: var(--color-5); }
  .gallery .swiper-menu button {
    background-color: transparent;
    background-position: -230px -20px;
    width: 17px;
    height: 30px;
    margin-top: -15px;
    left: 20px; }
    .gallery .swiper-menu button + button {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      left: auto;
      right: 20px; }
  .gallery .swiper-container .swiper-wrapper .swiper-slide {
    padding-top: 100%;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .gallery .swiper-container .swiper-wrapper .swiper-slide:before {
      content: '';
      background-color: rgba(0, 0, 0, 0.3);
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }

.featuredPanel {
  background-color: var(--bg-6);
  color: var(--color-1); }
  .featuredPanel.two {
    background-color: var(--bg-2);
    color: var(--color-5); }
    .featuredPanel.two .wrap .cols .col .link {
      background-color: var(--bg-1); }
  .featuredPanel.three {
    background-color: var(--bg-3);
    color: var(--color-5); }
    .featuredPanel.three .wrap .cols .col .link {
      background-color: var(--bg-1); }
  .featuredPanel.four {
    background-color: var(--bg-4);
    color: var(--color-5); }
    .featuredPanel.four .wrap .cols .col .link {
      background-color: var(--bg-3); }
  .featuredPanel.featuredPanelTwo {
    margin-bottom: 40px; }
  .featuredPanel .wrap .cols .col {
    padding-top: 0;
    position: relative; }
    .featuredPanel .wrap .cols .col.imageCol {
      padding-top: 75%;
      background-size: cover;
      background-position: center center; }
    .featuredPanel .wrap .cols .col .content {
      padding: 60px 20px; }
      .featuredPanel .wrap .cols .col .content h3 {
        font-family: var(--heading-font);
        font-size: 1.625rem;
        line-height: 1.2;
        color: var(--color1);
        padding-bottom: 20px; }
      .featuredPanel .wrap .cols .col .content p {
        font-size: 0.875rem;
        line-height: 1.4; }
        .featuredPanel .wrap .cols .col .content p + p {
          margin-top: 20px; }
      .featuredPanel .wrap .cols .col .content span {
        margin-top: 30px; }

.introPanel {
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 500px; }
  .introPanel:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }
  .introPanel .wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    margin-top: 35px;
    color: var(--color-5); }
    .introPanel .wrap header {
      text-align: center; }
      .introPanel .wrap header h2 {
        font-family: var(--heading-font);
        font-size: 1.625rem;
        line-height: 1.2;
        color: var(--color1); }
      .introPanel .wrap header p {
        font-size: 1rem;
        margin-top: 20px; }
    .introPanel .wrap a:not(.down) {
      margin-top: 40px;
      padding: 15px 25px;
      border-radius: 30px;
      display: inline-block;
      font-size: 0.875rem;
      font-family: var(--body-font);
      font-weight: 500;
      text-align: center;
      color: white;
      background-color: var(--btn-1);
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      .introPanel .wrap a:not(.down):hover {
        background-color: var(--btn-2); }
      .introPanel .wrap a:not(.down).secondaryBtn {
        background-color: var(--btn-2);
        color: var(--color-5); }
      .introPanel .wrap a:not(.down) + a {
        margin-left: 10px; }
    .introPanel .wrap .down {
      width: 60px;
      height: 60px;
      border: 1px solid transparent;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      cursor: pointer;
      position: relative;
      text-align: center;
      margin: 40px auto 0 auto !important;
      display: block; }
      .introPanel .wrap .down:before {
        content: '';
        background-position: -50px -90px;
        width: 12px;
        height: 8px;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin: 20px 0 0 -6px;
        -webkit-animation: 1.5s ease infinite moveDown;
        animation: 1.5s ease infinite moveDown; }
@-webkit-keyframes moveDown {
  0% {
    margin-top: 20px;
    opacity: 1; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 40px;
    opacity: 0; } }
@keyframes moveDown {
  0% {
    margin-top: 20px;
    opacity: 1; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 40px;
    opacity: 0; } }
.pageText {
  padding: 50px 0 100px 0; }
  .pageText .wrap {
    margin: 0 20px; }
    .pageText .wrap article {
      padding-right: 20px; }
      .pageText .wrap article time {
        font-weight: 600;
        margin-bottom: 20px;
        display: block;
        font-size: 0.875rem;
        color: var(--color-2); }
      .pageText .wrap article h2 {
        font-family: var(--heading-font);
        font-size: 1.875rem;
        padding-bottom: 30px;
        line-height: 1.3; }
      .pageText .wrap article h4 {
        font-size: 1.25rem;
        font-family: var(--heading-font);
        line-height: 1.2;
        font-weight: 300; }
      .pageText .wrap article h4 + p {
        margin-top: 50px; }
      .pageText .wrap article h3 {
        font-family: var(--heading-font);
        font-size: 1.25rem;
        line-height: 1.5; }
      .pageText .wrap article figure {
        margin: 60px 0; }
      .pageText .wrap article h3 + p {
        margin-top: 25px; }
      .pageText .wrap article p + h3 {
        margin-top: 40px; }
      .pageText .wrap article ul + h3 {
        margin-top: 50px; }
      .pageText .wrap article p + a {
        margin-top: 40px; }
      .pageText .wrap article p {
        line-height: 1.4; }
        .pageText .wrap article p + p {
          margin-top: 20px; }
      .pageText .wrap article blockquote {
        margin: 40px 0;
        padding-left: 20px; }
        .pageText .wrap article blockquote p {
          font-family: var(--heading-font);
          font-size: 1.25rem;
          line-height: 1.3;
          font-style: italic;
          color: var(--color-2); }
        .pageText .wrap article blockquote h5 {
          font-size: 0.875rem;
          margin-top: 20px; }
      .pageText .wrap article ul {
        padding-left: 20px;
        margin-top: 40px; }
        .pageText .wrap article ul li {
          list-style: none;
          line-height: 1.4;
          position: relative;
          padding-left: 20px;
          color: rgba(51, 51, 51, 0.7); }
          .pageText .wrap article ul li + li {
            margin-top: 15px; }
          .pageText .wrap article ul li:before {
            content: '-';
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0; }

.serviceTimes {
  padding: 60px 20px;
  background-color: var(--bg-5); }
  .serviceTimes.gallery {
    background-color: transparent;
    padding: 0; }
    .serviceTimes.gallery .wrap {
      position: relative; }
  .serviceTimes.instagram .wrap .row .col figure {
    padding-top: 0; }
    .serviceTimes.instagram .wrap .row .col figure.video {
      height: 100%; }
    .serviceTimes.instagram .wrap .row .col figure:before {
      content: '';
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
    .serviceTimes.instagram .wrap .row .col figure:hover:before {
      opacity: 1; }
    .serviceTimes.instagram .wrap .row .col figure:hover figcaption {
      opacity: 1;
      pointer-events: all; }
    .serviceTimes.instagram .wrap .row .col figure video {
      width: 100%;
      object-fit: cover;
      height: 100%;
      padding-bottom: 0; }
    .serviceTimes.instagram .wrap .row .col figure figcaption {
      line-height: 1.2;
      font-size: 0.875rem;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      height: 50px;
      max-height: 50px;
      overflow: hidden;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      color: var(--color-5);
      z-index: 1000;
      width: -moz-calc(100% - 40px);
      width: -o-calc(100% - 40px);
      width: -webkit-calc(100% - 40px);
      width: calc(100% - 40px);
      right: 0;
      margin: 0 auto; }
  .serviceTimes.socialMedia .wrap .row .col {
    width: 100%; }
    .serviceTimes.socialMedia .wrap .row .col #instafeed {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
      .serviceTimes.socialMedia .wrap .row .col #instafeed figure {
        margin-bottom: 10px;
        padding-top: 0;
        width: -moz-calc(50% - 5px);
        width: -o-calc(50% - 5px);
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        position: relative; }
        .serviceTimes.socialMedia .wrap .row .col #instafeed figure:hover:before {
          opacity: 1; }
        .serviceTimes.socialMedia .wrap .row .col #instafeed figure:hover figcaption {
          opacity: 1; }
        .serviceTimes.socialMedia .wrap .row .col #instafeed figure:before {
          z-index: 10;
          background-color: rgba(0, 0, 0, 0.7);
          pointer-events: none;
          opacity: 0;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
        .serviceTimes.socialMedia .wrap .row .col #instafeed figure a {
          display: block;
          width: 100%;
          height: 100%; }
        .serviceTimes.socialMedia .wrap .row .col #instafeed figure figcaption {
          line-height: 1.2;
          font-size: 0.875rem;
          opacity: 0;
          pointer-events: none;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0;
          height: 50px;
          max-height: 50px;
          overflow: hidden;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          color: var(--color-5);
          z-index: 1000;
          width: -moz-calc(100% - 40px);
          width: -o-calc(100% - 40px);
          width: -webkit-calc(100% - 40px);
          width: calc(100% - 40px);
          right: 0;
          margin: 0 auto; }
  .serviceTimes.aboutPanel .wrap .row .col:nth-of-type(odd) .text {
    background-color: var(--color-2);
    color: var(--color-5); }
    .serviceTimes.aboutPanel .wrap .row .col:nth-of-type(odd) .text h4 {
      color: var(--color-5); }
    .serviceTimes.aboutPanel .wrap .row .col:nth-of-type(odd) .text p {
      color: var(--color-5); }
  .serviceTimes.aboutPanel .wrap .row .col .text {
    position: static;
    padding: 40px;
    border-radius: 0; }
    .serviceTimes.aboutPanel .wrap .row .col .text h4 {
      font-family: var(--body-font);
      letter-spacing: 0;
      font-size: 1.5rem;
      font-weight: 600; }
  .serviceTimes.podcasts {
    background-color: transparent; }
    .serviceTimes.podcasts .wrap {
      text-align: left; }
      .serviceTimes.podcasts .wrap > .link {
        width: 200px;
        margin: 40px auto 0 auto;
        display: block; }
      .serviceTimes.podcasts .wrap nav {
        text-align: center;
        margin-bottom: 60px; }
        .serviceTimes.podcasts .wrap nav a {
          display: inline-block;
          text-transform: uppercase;
          font-size: 0.875rem;
          font-weight: 500;
          padding: 10px 0;
          border-bottom: 2px solid transparent;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
          .serviceTimes.podcasts .wrap nav a.active, .serviceTimes.podcasts .wrap nav a:hover {
            border-bottom: 2px solid var(--color-2);
            color: var(--color-2); }
          .serviceTimes.podcasts .wrap nav a.active {
            font-weight: 700; }
          .serviceTimes.podcasts .wrap nav a + a {
            margin-left: 20px; }
      .serviceTimes.podcasts .wrap .row + header {
        margin-top: 60px; }
      .serviceTimes.podcasts .wrap header {
        margin-bottom: 30px; }
        .serviceTimes.podcasts .wrap header:after {
          display: none; }
        .serviceTimes.podcasts .wrap header h2 {
          font-weight: 500;
          text-align: left; }
        .serviceTimes.podcasts .wrap header h3 {
          color: var(--color-2); }
      .serviceTimes.podcasts .wrap .row .col {
        position: relative; }
        .serviceTimes.podcasts .wrap .row .col figure {
          position: relative;
          padding-top: 100%; }
          .serviceTimes.podcasts .wrap .row .col figure:before {
            content: '';
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            opacity: 1; }
        .serviceTimes.podcasts .wrap .row .col .text {
          padding: 0;
          border-bottom: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-shadow: 0 0 0 0;
          background-color: transparent;
          text-align: left; }
          .serviceTimes.podcasts .wrap .row .col .text .options {
            position: absolute;
            top: 20px;
            left: 15px; }
            .serviceTimes.podcasts .wrap .row .col .text .options .link {
              margin: 0;
              background-color: var(--color-5);
              color: var(--color-4); }
              .serviceTimes.podcasts .wrap .row .col .text .options .link + .link {
                background-color: var(--color-2);
                color: var(--color-5); }
          .serviceTimes.podcasts .wrap .row .col .text p.duration {
            position: relative;
            padding-left: 23px; }
            .serviceTimes.podcasts .wrap .row .col .text p.duration:before {
              content: '';
              background-position: -20px -90px;
              width: 13px;
              height: 13px;
              display: inline-block;
              position: absolute;
              top: 4px;
              left: 0; }
          .serviceTimes.podcasts .wrap .row .col .text .hold {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%; }
            .serviceTimes.podcasts .wrap .row .col .text .hold h4 {
              color: var(--color-5);
              padding: 0 20px 30px 15px;
              font-size: 1.625rem;
              line-height: 1.2; }
            .serviceTimes.podcasts .wrap .row .col .text .hold .bottom {
              background-color: rgba(0, 0, 0, 0.45);
              padding: 15px;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              -moz-align-items: center;
              -ms-align-items: center;
              align-items: center;
              -webkit-justify-content: space-between;
              -moz-justify-content: space-between;
              -ms-justify-content: space-between;
              justify-content: space-between;
              -ms-flex-pack: space-between; }
              .serviceTimes.podcasts .wrap .row .col .text .hold .bottom p {
                color: var(--color-5); }
              .serviceTimes.podcasts .wrap .row .col .text .hold .bottom time {
                color: var(--color-5) !important;
                margin-bottom: 0;
                display: block;
                font-size: 1rem;
                font-weight: normal;
                text-transform: none;
                font-size: 0.875rem; }
  .serviceTimes.videos .wrap .row .col figure {
    padding-top: 57%; }
  .serviceTimes.events {
    background-color: transparent; }
    .serviceTimes.events .wrap .row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .serviceTimes.events .wrap .row .col {
        padding-top: 0;
        width: 50%; }
        .serviceTimes.events .wrap .row .col + .col {
          margin-top: 0; }
        .serviceTimes.events .wrap .row .col:hover {
          				/*
          		.text {
          							background-color: var(--bg-3);
          							color: var(--color-5);
          							
          							time, h4, p {
          								color: var(--color-5);
          							}
          							
          							span {
          								background-color: transparent;
          								color: var(--color-5);;
          							}
          						}
          */ }
          .serviceTimes.events .wrap .row .col:hover figure:before {
            opacity: 1; }
        .serviceTimes.events .wrap .row .col figure {
          background-size: cover;
          background-position: center center;
          padding-top: 0%;
          position: relative;
          border-radius: 50%;
          width: 140px;
          height: 140px;
          margin: 0 auto; }
          .serviceTimes.events .wrap .row .col figure:before {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            border-radius: 50%;
            top: 0;
            left: 0;
            background-color: rgba(243, 105, 55, 0.4);
            opacity: 0;
            -webkit-transition-timing-function: linear;
            -webkit-transition-duration: 300ms;
            -webkit-transition-property: opacity;
            -moz-transition-timing-function: linear;
            -moz-transition-duration: 300ms;
            -moz-transition-property: opacity;
            -o-transition-timing-function: linear;
            -o-transition-duration: 300ms;
            -o-transition-property: opacity;
            -ms-transition-timing-function: linear;
            -ms-transition-duration: 300ms;
            -ms-transition-property: opacity;
            transition-timing-function: linear;
            transition-duration: 300ms;
            transition-property: opacity; }
        .serviceTimes.events .wrap .row .col .text {
          position: static;
          box-shadow: 0 0 0 0;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
          .serviceTimes.events .wrap .row .col .text span {
            color: var(--color-3); }
          .serviceTimes.events .wrap .row .col .text h4 {
            font-size: 1.5rem;
            line-height: 1.2;
            padding-bottom: 30px; }
          .serviceTimes.events .wrap .row .col .text p {
            font-size: 0.875rem; }
          .serviceTimes.events .wrap .row .col .text .link {
            background-color: transparent;
            border-radius: 0;
            padding: 0;
            font-size: 1rem; }
  .serviceTimes.news {
    background-color: transparent; }
    .serviceTimes.news .wrap .row .col figure {
      padding-top: 75%; }
    .serviceTimes.news .wrap .row .col .text {
      background-color: var(--bg-1);
      padding: 20px 10px;
      box-shadow: none;
      border-bottom: 0; }
  .serviceTimes.churchServices {
    background-color: transparent; }
    .serviceTimes.churchServices.organisations .wrap .row .col {
      -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21);
      -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21);
      box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21); }
      .serviceTimes.churchServices.organisations .wrap .row .col figure:before {
        display: none; }
      .serviceTimes.churchServices.organisations .wrap .row .col .text {
        padding: 20px;
        text-align: left;
        position: static;
        border-radius: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
        .serviceTimes.churchServices.organisations .wrap .row .col .text p {
          padding-right: 30px; }
        .serviceTimes.churchServices.organisations .wrap .row .col .text time {
          margin-bottom: 10px; }
    .serviceTimes.churchServices .wrap header {
      padding-bottom: 0;
      border-bottom: 0; }
    .serviceTimes.churchServices .wrap .link {
      background-color: var(--bg-3); }
    .serviceTimes.churchServices .wrap .row .col {
      position: relative; }
      .serviceTimes.churchServices .wrap .row .col figure {
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: all;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: all;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: all;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: all;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: all;
        padding-top: 50%; }
      .serviceTimes.churchServices .wrap .row .col .text {
        padding: 20px 0 0 0;
        position: static;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        background-color: var(--bg-7);
        text-align: left;
        box-shadow: 0 0 0 0; }
        .serviceTimes.churchServices .wrap .row .col .text p {
          color: var(--color-1); }
        .serviceTimes.churchServices .wrap .row .col .text h4 {
          letter-spacing: 0;
          font-size: 1.125rem; }
      .serviceTimes.churchServices .wrap .row .col.two .text {
        background-color: var(--bg-2); }
      .serviceTimes.churchServices .wrap .row .col.three .text {
        background-color: var(--bg-3); }
      .serviceTimes.churchServices .wrap .row .col.four .text {
        background-color: var(--bg-4); }
  .serviceTimes.circle.xtraSmallIcons .wrap .row .col figure {
    max-width: 50%;
    padding-top: 50%; }
  .serviceTimes.circle.smallIcons .wrap .row .col figure {
    max-width: 75%;
    padding-top: 75%; }
  .serviceTimes.circle .wrap .row .col figure {
    border-radius: 100%;
    max-width: 90%;
    margin: 0 auto 20px auto; }
  .serviceTimes.one {
    background-color: var(--bg-1); }
    .serviceTimes.one .wrap header {
      color: var(--color-5); }
  .serviceTimes.two {
    background-color: var(--bg-2); }
    .serviceTimes.two .wrap header {
      color: var(--color-4); }
    .serviceTimes.two .wrap .link {
      background-color: var(--color-4); }
  .serviceTimes.three {
    background-color: var(--bg-3); }
    .serviceTimes.three .wrap .link {
      color: var(--color-4); }
  .serviceTimes.four {
    background-color: var(--bg-4); }
    .serviceTimes.four .wrap header {
      color: var(--color-5); }
  .serviceTimes.five {
    background-color: var(--bg-5); }
  .serviceTimes.six {
    background-color: var(--bg-6); }
  .serviceTimes.seven {
    background-color: var(--bg-7); }
  .serviceTimes .wrap {
    text-align: center; }
    .serviceTimes .wrap .pagination {
      text-align: center;
      position: relative;
      margin-top: 60px;
      width: 220px;
      margin: 60px auto; }
      .serviceTimes .wrap .pagination .pageLinks .previous, .serviceTimes .wrap .pagination .pageLinks .next {
        font-size: 0;
        width: 13px;
        height: 22px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0; }
      .serviceTimes .wrap .pagination .pageLinks .next {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        left: auto;
        right: 0; }
      .serviceTimes .wrap .pagination .pageLinks a {
        display: inline-block;
        font-size: 1.5rem; }
        .serviceTimes .wrap .pagination .pageLinks a.active {
          font-weight: 600; }
    .serviceTimes .wrap header {
      text-align: center;
      margin: 0 20px 40px 20px; }
      .serviceTimes .wrap header h2 {
        font-family: var(--heading-font);
        font-size: 1.625rem;
        line-height: 1.2;
        color: var(--color1); }
      .serviceTimes .wrap header h3 {
        padding-bottom: 10px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--color-2); }
        .serviceTimes .wrap header h3 a {
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: color;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: color;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: color;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: color;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: color; }
          .serviceTimes .wrap header h3 a:hover {
            color: var(--color-2); }
    .serviceTimes .wrap > .link {
      margin-top: 40px; }
    .serviceTimes .wrap .row .col {
      position: relative; }
      .serviceTimes .wrap .row .col + .col {
        margin-top: 30px; }
      .serviceTimes .wrap .row .col figure {
        background-size: cover;
        background-position: center center;
        padding-top: 90%;
        position: relative; }
        .serviceTimes .wrap .row .col figure a {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
        .serviceTimes .wrap .row .col figure.video {
          padding-bottom: 0; }
        .serviceTimes .wrap .row .col figure:before {
          content: '';
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all; }
      .serviceTimes .wrap .row .col .text {
        padding: 30px 20px;
        width: 100%;
        background-color: var(--bg-7);
        text-align: center;
        -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21);
        -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21);
        box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.21);
        border-radius: 0 0 4px 4px; }
        .serviceTimes .wrap .row .col .text time {
          position: relative;
          text-transform: uppercase;
          font-size: 0.75rem;
          font-weight: 700;
          color: var(--color-1);
          font-family: var(--body-font);
          display: block; }
        .serviceTimes .wrap .row .col .text time + h4 {
          margin-top: 10px; }
        .serviceTimes .wrap .row .col .text h4 {
          font-size: 1.5rem;
          line-height: 1.1;
          padding-bottom: 10px;
          font-family: var(--heading-font);
          color: var(--color-1); }
        .serviceTimes .wrap .row .col .text p {
          font-size: 0.875rem;
          line-height: 1.3;
          color: rgba(51, 51, 51, 0.7); }
        .serviceTimes .wrap .row .col .text .link {
          margin-top: 25px; }

.filter {
  margin-bottom: 100px; }
  .filter h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.75rem;
    margin-bottom: 15px;
    color: var(--color-2); }
  .filter form .search {
    margin-bottom: 10px;
    position: relative; }
    .filter form .search button {
      text-indent: -9999px;
      background-position: -420px -20px;
      width: 27px;
      height: 27px;
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -14px; }
  .filter form .input.select:after {
    content: '';
    background-position: -420px -60px;
    width: 27px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 12px;
    pointer-events: none; }
  .filter form .input + .input {
    margin-top: 10px; }
  .filter form .input input, .filter form .input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    border: 0;
    font-size: 1.25rem;
    background-color: #f1f1f1;
    height: 60px;
    padding: 0 12px;
    color: var(--color-1);
    width: 100%; }
  .filter form .input label {
    font-size: 1.25rem;
    left: 12px;
    margin-top: -9px;
    top: 50%;
    color: black; }

.fullWidth .wrap .row .col {
  position: relative; }
  .fullWidth .wrap .row .col figure {
    padding-top: 75%;
    background-size: cover;
    position: relative;
    background-position: center center;
    position: relative; }
    .fullWidth .wrap .row .col figure:after {
      content: '';
      background-color: rgba(51, 51, 51, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block; }
  .fullWidth .wrap .row .col .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
    color: var(--color-5); }
    .fullWidth .wrap .row .col .content h3 {
      font-size: 1.875rem;
      font-family: var(--heading-font);
      padding-bottom: 20px; }
    .fullWidth .wrap .row .col .content p {
      padding-bottom: 30px;
      margin: 0 30px;
      line-height: 1.3; }
      .fullWidth .wrap .row .col .content p span {
        text-transform: uppercase;
        font-family: var(--body-font);
        font-weight: 700;
        font-size: 0.875rem;
        color: var(--color-2); }
    .fullWidth .wrap .row .col .content a {
      padding: 15px 25px;
      border-radius: 30px;
      display: inline-block;
      font-size: 0.875rem;
      font-family: var(--body-font);
      font-weight: 500;
      text-align: center;
      color: white;
      background-color: var(--btn-1);
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all;
      width: 120px;
      display: block;
      margin: 0 auto; }
      .fullWidth .wrap .row .col .content a:hover {
        background-color: var(--btn-2); }
      .fullWidth .wrap .row .col .content a + a {
        margin-top: 10px; }

.contactPanel {
  background-color: var(--bg-5);
  padding-top: 40px; }
  .contactPanel + .contactPanel {
    margin-top: 100px; }
  .contactPanel + footer {
    margin-top: 0; }
  .contactPanel .wrap header {
    position: relative; }
    .contactPanel .wrap header h3 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      text-align: center;
      padding: 0 20px 40px; }
    .contactPanel .wrap header .hold {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      right: 0;
      text-align: center; }
      .contactPanel .wrap header .hold h2 {
        font-family: var(--heading-font);
        font-size: 1.625rem;
        line-height: 1.2;
        color: var(--color1);
        color: var(--color-5); }
  .contactPanel .wrap .cols .col + .col {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: white; }
  .contactPanel .wrap .cols .col form {
    margin: 0 20px; }
    .contactPanel .wrap .cols .col form.success .message {
      display: block; }
    .contactPanel .wrap .cols .col form.success h4, .contactPanel .wrap .cols .col form.success .input, .contactPanel .wrap .cols .col form.success button {
      display: none; }
    .contactPanel .wrap .cols .col form .lobsterpot {
      display: none; }
    .contactPanel .wrap .cols .col form legend {
      font-size: 1.25rem;
      font-family: var(--heading-font);
      margin-bottom: 40px; }
    .contactPanel .wrap .cols .col form button {
      margin-top: 25px; }
    .contactPanel .wrap .cols .col form h4 {
      padding-bottom: 10px;
      padding-left: 10px;
      font-family: var(--heading-font); }
    .contactPanel .wrap .cols .col form .message {
      margin-bottom: 20px;
      display: none; }
    .contactPanel .wrap .cols .col form .input + h4 {
      margin-top: 25px; }
    .contactPanel .wrap .cols .col form .field + .field {
      margin-top: 20px; }
    .contactPanel .wrap .cols .col form .input input, .contactPanel .wrap .cols .col form .input textarea {
      height: 45px;
      font-size: 1rem;
      background-color: rgba(241, 241, 241, 0.5);
      padding: 0 15px;
      font-family: var(--body-font); }
    .contactPanel .wrap .cols .col form .input input:focus {
      border: 1px solid var(--color-4); }
    .contactPanel .wrap .cols .col form .input textarea {
      height: 170px;
      padding-top: 12px; }
    .contactPanel .wrap .cols .col form .input label {
      font-size: 1rem;
      top: 16px;
      left: 15px; }
  .contactPanel .wrap .cols .col .contactInfo {
    padding: 0 20px 60px; }
    .contactPanel .wrap .cols .col .contactInfo h3 {
      font-size: 1.25rem;
      margin-bottom: 14px;
      font-family: var(--heading-font); }
    .contactPanel .wrap .cols .col .contactInfo p + h3 {
      margin-top: 50px; }
    .contactPanel .wrap .cols .col .contactInfo p {
      line-height: 1.5; }
  .contactPanel.newsletter .wrap header {
    margin: 30px auto 0; }
    .contactPanel.newsletter .wrap header h2 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      padding: 0 20px;
      text-align: center; }
    .contactPanel.newsletter .wrap header h3 {
      text-transform: uppercase;
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--color-2);
      padding: 0 20px;
      text-align: center;
      font-family: var(--body-font);
      padding-bottom: 10px; }
      .contactPanel.newsletter .wrap header h3 a {
        -webkit-transition-timing-function: linear;
        -webkit-transition-duration: 300ms;
        -webkit-transition-property: color;
        -moz-transition-timing-function: linear;
        -moz-transition-duration: 300ms;
        -moz-transition-property: color;
        -o-transition-timing-function: linear;
        -o-transition-duration: 300ms;
        -o-transition-property: color;
        -ms-transition-timing-function: linear;
        -ms-transition-duration: 300ms;
        -ms-transition-property: color;
        transition-timing-function: linear;
        transition-duration: 300ms;
        transition-property: color; }
        .contactPanel.newsletter .wrap header h3 a:hover {
          color: var(--color-2); }
  .contactPanel.newsletter .wrap .cols .col {
    padding: 40px 0; }
    .contactPanel.newsletter .wrap .cols .col form .input input, .contactPanel.newsletter .wrap .cols .col form .input textarea {
      background-color: var(--color-5); }

footer {
  padding: 50px 20px;
  background-color: var(--color-4);
  color: var(--color-5); }
  footer .wrap .cols .col + .col {
    margin-top: 40px; }
  footer .wrap .cols .col h3 {
    font-family: var(--heading-font);
    font-size: 1rem;
    padding-bottom: 10px; }
  footer .wrap .cols .col p {
    font-size: 0.875rem;
    line-height: 1.4; }
    footer .wrap .cols .col p a {
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: color;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: color;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: color;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: color;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: color; }
      footer .wrap .cols .col p a:hover {
        color: var(--color-2); }
  footer .wrap .cols .col .social a {
    position: relative;
    top: 2px;
    background-position: -20px -60px;
    width: 17px;
    height: 14px;
    text-indent: -9999px; }
    footer .wrap .cols .col .social a + a {
      margin-left: 10px; }
    footer .wrap .cols .col .social a.facebook {
      background-position: -60px -60px;
      width: 9px;
      height: 17px;
      top: 0; }
    footer .wrap .cols .col .social a.instagram {
      background-position: -100px -60px;
      width: 16px;
      height: 16px;
      top: 1px; }
    footer .wrap .cols .col .social a.youtube {
      background-position: -120px -60px;
      width: 19px;
      height: 13px; }

.videoModal {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  height: 100%;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  top: -1000px; }
  .videoModal.openModalWindow {
    top: 0; }
  .videoModal .wrap {
    margin: 0; }
    .videoModal .wrap .close {
      text-indent: -9999px;
      background-position: -180px -20px;
      width: 26px;
      height: 26px;
      margin: 0 0 20px auto; }

.sermon {
  padding: 50px 20px; }
  .sermon.one {
    background-color: var(--bg-4); }
    .sermon.one .wrap header h3 {
      color: var(--color-5); }
    .sermon.one .wrap .text * {
      color: var(--color-5); }
  .sermon.two {
    background-color: var(--bg-1); }
    .sermon.two .wrap header h3 {
      color: var(--color-3); }
    .sermon.two .wrap .text * {
      color: var(--color-3); }
  .sermon.three {
    background-color: var(--bg-2); }
    .sermon.three .wrap header h3 {
      color: var(--color-4); }
    .sermon.three .wrap .text * {
      color: var(--color-4); }
  .sermon.four {
    background-color: var(--bg-4); }
    .sermon.four .wrap header h3 {
      color: var(--color-5); }
    .sermon.four .wrap .text * {
      color: var(--color-5); }
  .sermon.five {
    background-color: var(--bg-5); }
    .sermon.five .wrap header h3 {
      color: var(--color-4); }
    .sermon.five .wrap .text * {
      color: var(--color-4); }
  .sermon.six {
    background-color: var(--bg-6); }
    .sermon.six .wrap header h3 {
      color: var(--color-4); }
    .sermon.six .wrap .text * {
      color: var(--color-4); }
  .sermon.seven {
    background-color: var(--bg-7); }
    .sermon.seven .wrap header h3 {
      color: var(--color-1); }
    .sermon.seven .wrap .text * {
      color: var(--color-1); }
  .sermon .wrap header {
    text-align: center;
    margin-bottom: 30px; }
    .sermon .wrap header h3 {
      font-family: var(--heading-font);
      font-size: 1.625rem;
      line-height: 1.2;
      color: var(--color1);
      display: inline-block;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
  .sermon .wrap .link {
    margin: 30px auto 0 auto;
    display: block;
    width: 100%;
    max-width: fit-content; }
  .sermon .wrap .row .col {
    margin-bottom: 40px; }
    .sermon .wrap .row .col figure:not(.video) {
      padding-top: 100%;
      background-size: cover;
      background-position: center;
      margin-bottom: 20px; }
    .sermon .wrap .row .col .video {
      margin-bottom: 25px; }
    .sermon .wrap .row .col .text h4 {
      margin-bottom: 5px;
      font-weight: 600; }
    .sermon .wrap .row .col .text h5 {
      font-size: 0.875rem;
      line-height: 1.5; }
    .sermon .wrap .row .col .text time {
      display: block;
      margin-bottom: 10px; }

.churchServices.one {
  background-color: var(--bg-4); }
  .churchServices.one .wrap header h3 {
    color: var(--color-5); }
  .churchServices.one .wrap .text * {
    color: var(--color-5); }
.churchServices.two {
  background-color: var(--bg-1); }
  .churchServices.two .wrap header h3 {
    color: var(--color-3); }
  .churchServices.two .wrap .text * {
    color: var(--color-3); }
.churchServices.three {
  background-color: var(--bg-2); }
  .churchServices.three .wrap header h3 {
    color: var(--color-4); }
  .churchServices.three .wrap .text * {
    color: var(--color-4); }
.churchServices.four {
  background-color: var(--bg-4); }
  .churchServices.four .wrap header h3 {
    color: var(--color-5); }
  .churchServices.four .wrap .text * {
    color: var(--color-5); }
.churchServices.five {
  background-color: var(--bg-5); }
  .churchServices.five .wrap header h3 {
    color: var(--color-4); }
  .churchServices.five .wrap .text * {
    color: var(--color-4); }
.churchServices.six {
  background-color: var(--bg-6); }
  .churchServices.six .wrap header h3 {
    color: var(--color-4); }
  .churchServices.six .wrap .text * {
    color: var(--color-4); }
.churchServices.seven {
  background-color: var(--bg-7); }
  .churchServices.seven .wrap header h3 {
    color: var(--color-1); }
  .churchServices.seven .wrap .text * {
    color: var(--color-1); }

.threeCols + .twoCols,
.threeCols + .introCols {
  margin-top: 40px; }

.twoCols + footer,
.introCols + footer {
  margin-top: 60px; }

.twoCols, .introCols {
  margin-top: 80px; }
  .twoCols.circle .wrap .row .col.imageCol, .introCols.circle .wrap .row .col.imageCol {
    border-radius: 50%;
    padding-top: 0;
    width: 250px;
    height: 250px;
    margin: 20px auto; }
  .twoCols.full-width .wrap, .introCols.full-width .wrap {
    margin: 0; }
  .twoCols.transparent .wrap .row .col, .introCols.transparent .wrap .row .col {
    background-color: transparent; }
    .twoCols.transparent .wrap .row .col .content, .introCols.transparent .wrap .row .col .content {
      color: var(--color-1); }
      .twoCols.transparent .wrap .row .col .content p a, .introCols.transparent .wrap .row .col .content p a {
        color: var(--color-1);
        border-bottom: 1px solid var(--color-1); }
  .twoCols.one .wrap .row .col, .introCols.one .wrap .row .col {
    background-color: var(--bg-4); }
    .twoCols.one .wrap .row .col .content, .introCols.one .wrap .row .col .content {
      color: var(--color-5); }
      .twoCols.one .wrap .row .col .content p a, .introCols.one .wrap .row .col .content p a {
        color: var(--color-5);
        border-bottom: 1px solid var(--color-5); }
  .twoCols.two .wrap .row .col, .introCols.two .wrap .row .col {
    background-color: var(--bg-1); }
    .twoCols.two .wrap .row .col .content p a, .introCols.two .wrap .row .col .content p a {
      border-bottom: 1px solid var(--color-3); }
  .twoCols.three .wrap .row .col, .introCols.three .wrap .row .col {
    background-color: var(--bg-2); }
    .twoCols.three .wrap .row .col .content h3, .twoCols.three .wrap .row .col .content p, .introCols.three .wrap .row .col .content h3, .introCols.three .wrap .row .col .content p {
      color: var(--color-4); }
      .twoCols.three .wrap .row .col .content h3 a, .twoCols.three .wrap .row .col .content p a, .introCols.three .wrap .row .col .content h3 a, .introCols.three .wrap .row .col .content p a {
        color: var(--color-4);
        border-bottom: 1px solid var(--color-4); }
  .twoCols.four .wrap .row .col, .introCols.four .wrap .row .col {
    background-color: var(--bg-4); }
    .twoCols.four .wrap .row .col .content h3, .introCols.four .wrap .row .col .content h3 {
      color: var(--color-5); }
    .twoCols.four .wrap .row .col .content p, .introCols.four .wrap .row .col .content p {
      color: var(--color-5); }
      .twoCols.four .wrap .row .col .content p a, .introCols.four .wrap .row .col .content p a {
        color: var(--color-5);
        border-bottom: 1px solid var(--color-5); }
  .twoCols.five .wrap .row .col, .introCols.five .wrap .row .col {
    background-color: var(--bg-5); }
    .twoCols.five .wrap .row .col .content h3, .introCols.five .wrap .row .col .content h3 {
      color: var(--color-4); }
    .twoCols.five .wrap .row .col .content p, .introCols.five .wrap .row .col .content p {
      color: var(--color-4); }
      .twoCols.five .wrap .row .col .content p a, .introCols.five .wrap .row .col .content p a {
        color: var(--color-4);
        border-bottom: 1px solid var(--color-4); }
  .twoCols.six .wrap .row .col, .introCols.six .wrap .row .col {
    background-color: var(--bg-6); }
    .twoCols.six .wrap .row .col .content h3, .introCols.six .wrap .row .col .content h3 {
      color: var(--color-4); }
    .twoCols.six .wrap .row .col .content p, .introCols.six .wrap .row .col .content p {
      color: var(--color-4); }
      .twoCols.six .wrap .row .col .content p a, .introCols.six .wrap .row .col .content p a {
        color: var(--color-4);
        border-bottom: 1px solid var(--color-4); }
  .twoCols.seven .wrap .row .col, .introCols.seven .wrap .row .col {
    background-color: var(--bg-7); }
    .twoCols.seven .wrap .row .col .content h3, .introCols.seven .wrap .row .col .content h3 {
      color: var(--color-1); }
    .twoCols.seven .wrap .row .col .content p, .introCols.seven .wrap .row .col .content p {
      color: var(--color-1); }
      .twoCols.seven .wrap .row .col .content p a, .introCols.seven .wrap .row .col .content p a {
        color: var(--color-1);
        border-bottom: 1px solid var(--color-1); }
  .twoCols .wrap, .introCols .wrap {
    margin: 0 20px; }
    .twoCols .wrap .row .col, .introCols .wrap .row .col {
      background-color: var(--color-2);
      color: var(--color-3); }
      .twoCols .wrap .row .col .content, .introCols .wrap .row .col .content {
        padding: 40px 20px; }
        .twoCols .wrap .row .col .content h3, .introCols .wrap .row .col .content h3 {
          font-family: var(--heading-font);
          font-size: 1.5rem;
          padding-bottom: 30px; }
        .twoCols .wrap .row .col .content p, .introCols .wrap .row .col .content p {
          font-size: 0.8125rem;
          line-height: 1.5;
          font-weight: 300;
          padding-right: 30px; }
          .twoCols .wrap .row .col .content p + p, .introCols .wrap .row .col .content p + p {
            margin-top: 15px; }
          .twoCols .wrap .row .col .content p a, .introCols .wrap .row .col .content p a {
            -webkit-transition-timing-function: linear;
            -webkit-transition-duration: 300ms;
            -webkit-transition-property: all;
            -moz-transition-timing-function: linear;
            -moz-transition-duration: 300ms;
            -moz-transition-property: all;
            -o-transition-timing-function: linear;
            -o-transition-duration: 300ms;
            -o-transition-property: all;
            -ms-transition-timing-function: linear;
            -ms-transition-duration: 300ms;
            -ms-transition-property: all;
            transition-timing-function: linear;
            transition-duration: 300ms;
            transition-property: all;
            color: var(--color-3);
            font-weight: 700;
            border-bottom: 1px solid transparent; }
            .twoCols .wrap .row .col .content p a:hover, .introCols .wrap .row .col .content p a:hover {
              border-bottom: 1px solid white; }
        .twoCols .wrap .row .col .content > a, .introCols .wrap .row .col .content > a {
          padding: 15px 25px;
          border-radius: 30px;
          display: inline-block;
          font-size: 0.875rem;
          font-family: var(--body-font);
          font-weight: 500;
          text-align: center;
          color: white;
          background-color: var(--btn-1);
          -webkit-transition-timing-function: linear;
          -webkit-transition-duration: 300ms;
          -webkit-transition-property: all;
          -moz-transition-timing-function: linear;
          -moz-transition-duration: 300ms;
          -moz-transition-property: all;
          -o-transition-timing-function: linear;
          -o-transition-duration: 300ms;
          -o-transition-property: all;
          -ms-transition-timing-function: linear;
          -ms-transition-duration: 300ms;
          -ms-transition-property: all;
          transition-timing-function: linear;
          transition-duration: 300ms;
          transition-property: all;
          margin-top: 25px; }
          .twoCols .wrap .row .col .content > a:hover, .introCols .wrap .row .col .content > a:hover {
            background-color: var(--btn-2); }
      .twoCols .wrap .row .col.imageCol, .introCols .wrap .row .col.imageCol {
        padding-top: 50%;
        background-size: cover;
        background-position: center center; }
      .twoCols .wrap .row .col.one, .introCols .wrap .row .col.one {
        background-color: var(--bg-1);
        color: var(--color-3); }
        .twoCols .wrap .row .col.one .content a, .introCols .wrap .row .col.one .content a {
          color: var(--color-3);
          font-weight: bold; }
      .twoCols .wrap .row .col.two, .introCols .wrap .row .col.two {
        background-color: var(--bg-2);
        color: var(--color-3); }
        .twoCols .wrap .row .col.two .content a, .introCols .wrap .row .col.two .content a {
          color: var(--color-3);
          font-weight: bold; }
      .twoCols .wrap .row .col.three, .introCols .wrap .row .col.three {
        background-color: var(--bg-6);
        color: var(--color-3); }
        .twoCols .wrap .row .col.three .content a, .introCols .wrap .row .col.three .content a {
          color: var(--color-3);
          font-weight: bold; }
      .twoCols .wrap .row .col.four, .introCols .wrap .row .col.four {
        background-color: var(--bg-5);
        color: var(--color-1); }
        .twoCols .wrap .row .col.four .content a, .introCols .wrap .row .col.four .content a {
          color: var(--color-1);
          font-weight: bold; }

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