/*
Theme Name: The Life Church - Campus Theme
Theme URI: http://thelifechurch.com
Author: David Song
Author URI: http://theestablishco.com
Description: A custom theme developed for The Life Church and its multiple locations.
Version: 1.0
*/
/* IMPORTS */
@import url(css/gotham.css);
@import url(css/tlc-fonts.css);
/* GLOBAL STYLES */
.container-fluid {
  max-width: 2000px;
}
/* TYPOGRAPHY */
.apercu-pro-light {
  font-family: 'Apercu Pro Light';
}
.molde-expanded-heavy-regular {
  font-family: 'Molde Expanded Heavy Regular';
  text-transform: uppercase;
}
body {
  font-family: 'Gotham', 'Raleway', sans-serif;
  font-weight: 400;
  padding-top: 61px;
}
.serif-light {
  font-family: 'Source Serif Pro', serif;
  font-weight: 300;
  font-style: italic;
}
.serif-medium {
  font-family: 'Source Serif Pro', serif;
  font-weight: 400;
  font-style: italic;
}
.serif-bold {
  font-family: 'Source Serif Pro', serif;
  font-weight: 600;
  font-style: italic;
}
.gotham-normal {
  font-family: 'Gotham';
  font-weight: normal;
  font-style: normal;
}
.gotham-medium {
  font-family: 'Gotham';
  font-weight: 500;
  font-style: normal;
}
.gotham-bold {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
}
.gotham-black {
  font-family: 'Gotham', sans-serif;
  font-weight: 900;
  font-style: normal;
}
p a {
  color: #000;
  opacity: 0.6;
}
p a:hover {
  opacity: 1;
  color: #589a61;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Gotham', sans-serif;
  font-weight: 900;
  font-style: normal;
}
h6 {
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
h6 i {
  margin-right: 10px;
}
.big-headline {
  font-size: 5vw;
  line-height: 105%;
}
@media (max-width: 768px) {
  .big-headline {
    font-size: 11vw;
  }
}
.bigger-headline {
  font-size: 4.25vw;
  line-height: 120%;
}
@media (max-width: 768px) {
  .bigger-headline {
    font-size: 7vw;
  }
}
@media (max-width: 550px) {
  .bigger-headline {
    font-size: 9vw;
  }
}
.headline-inverse {
  border-bottom: 1px solid #fff;
  color: #fff;
}
.text-inverse {
  color: #fff;
}
.text-inverse a {
  color: #fff;
}
.text-accent {
  color: #589a61 !important;
}
.oops {
  font-size: 7rem;
}
.all-caps {
  text-transform: uppercase;
}
.keep-together {
  white-space: nowrap;
}
.scribble-underline,
.scribble-underline span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.scribble-underline::before,
.scribble-underline::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333;
  /* set the line color */
}
.scribble-underline::before {
  bottom: 4px;
  /* adjust the distance from the text */
  transform: rotate(-2deg) skewX(10deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline::after {
  bottom: 2px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-5deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline span::before {
  content: "";
  position: absolute;
  left: 0;
  width: 80%;
  height: 2px;
  background: #333;
  /* set the line color */
  bottom: 1px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-40deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline span::after {
  content: "";
  position: absolute;
  left: -0.25em;
  width: 95%;
  height: 2px;
  background: #333;
  /* set the line color */
  bottom: 4px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-40deg);
  /* set the transformation */
  opacity: 0.7;
}
.circle-sketch-highlight {
  position: relative;
  font-family: 'Source Serif Pro', serif;
  font-weight: 600;
  font-style: italic;
}
.circle-sketch-highlight:before {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  width: 115%;
  height: 1em;
  transform: rotate(2deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.circle-sketch-highlight:after {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.2em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 115%;
  height: 1em;
  transform: rotate(-1deg);
  opacity: 0.7;
  border-radius: 50%;
}
.scribble-circle,
.scribble-circle span {
  position: relative;
  white-space: nowrap;
}
.scribble-circle::before {
  content: "";
  z-index: 5;
  left: -0.5em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  position: absolute;
  width: 120%;
  height: 1em;
  transform: rotate(2deg);
  opacity: 0.5;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.scribble-circle::after {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.2em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 115%;
  height: 1em;
  transform: rotate(-1deg);
  opacity: 0.5;
  border-radius: 50%;
}
.scribble-circle span::before {
  content: "";
  z-index: 5;
  left: -0.5em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  position: absolute;
  width: 130%;
  height: 1em;
  transform: rotate(-1deg);
  opacity: 0.5;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.scribble-circle span::after {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.2em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 110%;
  height: 1em;
  transform: rotate(-2deg);
  opacity: 0.5;
  border-radius: 50%;
}
.current-month .scribble-circle::before {
  width: 140%;
}
.current-month .scribble-circle::after {
  width: 135%;
}
.current-month .scribble-circle span::before {
  width: 150%;
}
.current-month .scribble-circle span::after {
  width: 130%;
}
/* REVERSE SCRIBBLE */
.scribble-underline-reverse,
.scribble-underline-reverse span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.scribble-underline-reverse::before,
.scribble-underline-reverse::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  /* set the line color */
}
.scribble-underline-reverse::before {
  bottom: 4px;
  /* adjust the distance from the text */
  transform: rotate(-2deg) skewX(7deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline-reverse::after {
  bottom: 2px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-5deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline-reverse span::before {
  content: "";
  position: absolute;
  left: 0;
  width: 80%;
  height: 1px;
  background: #fff;
  /* set the line color */
  bottom: 1px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-40deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-underline-reverse span::after {
  content: "";
  position: absolute;
  left: -0.25em;
  width: 95%;
  height: 1px;
  background: #fff;
  /* set the line color */
  bottom: 4px;
  /* adjust the distance from the text */
  transform: rotate(1deg) skewX(-40deg);
  /* set the transformation */
  opacity: 0.7;
}
.scribble-circle-reverse,
.scribble-circle-reverse span {
  position: relative;
  white-space: nowrap;
}
.scribble-circle-reverse::before {
  content: "";
  z-index: 5;
  left: -0.5em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  width: 120%;
  height: 1em;
  transform: rotate(2deg);
  opacity: 0.5;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.scribble-circle-reverse::after {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.2em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 115%;
  height: 1em;
  transform: rotate(-1deg);
  opacity: 0.5;
  border-radius: 50%;
}
.scribble-circle-reverse span::before {
  content: "";
  z-index: 5;
  left: -0.5em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  position: absolute;
  width: 130%;
  height: 1em;
  transform: rotate(-1deg);
  opacity: 0.5;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.scribble-circle-reverse span::after {
  content: "";
  z-index: 5;
  left: -0.25em;
  top: 0.2em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 110%;
  height: 1em;
  transform: rotate(-2deg);
  opacity: 0.5;
  border-radius: 50%;
}
/* MAIN NAV */
.navbar {
  background-color: #000;
  color: #fff;
  max-width: 2000px;
  margin: auto;
  z-index: 1031;
}
.home .lifechurch-nav-logo {
  fill: #fff;
  width: 80px;
  height: 35px;
  opacity: 0;
}
.lifechurch-nav-logo {
  fill: #fff;
  width: 80px;
  height: 35px;
  opacity: 1;
}
.show-me {
  transition: opacity 0.5s ease-in-out;
  opacity: 1 !important;
}
.navbar-icon {
  padding: 0 10px;
}
.navbar-icon a {
  color: #fff;
}
.hamburger-navbar-icon .icon-inverse {
  color: #000 !important;
}
.main-navbar-options ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-navbar-options ul li {
  display: inline-block;
}
.main-navbar-options ul li a {
  display: inline-block;
  padding: 10px 30px 7px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.125rem;
}
.main-navbar-options ul li a:hover {
  color: #589a61;
}
.navbar .current_page_item a {
  font-family: 'Source Serif Pro', serif;
  font-weight: 600;
  font-style: italic;
  color: #589a61 !important;
  font-size: 1.3rem !important;
  padding-top: 7px !important;
  position: relative;
  z-index: 10;
}
.navbar .current_page_item span {
  position: relative;
  display: inline-block;
}
.navbar .current_page_item a::before {
  content: "";
  z-index: 5;
  left: 1.1em;
  top: 0.2em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  position: absolute;
  width: 70%;
  height: 1.75em;
  transform: rotate(2deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.navbar .current_page_item a::after {
  content: "";
  z-index: 5;
  left: 1em;
  top: 0.3em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 70%;
  height: 1.75em;
  transform: rotate(-1deg);
  opacity: 0.7;
  border-radius: 50%;
}
.navbar .current_page_item span::before {
  content: "";
  z-index: 5;
  left: 1.1em;
  top: 0.4em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  position: absolute;
  width: 70%;
  height: 1.75em;
  transform: rotate(2deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.navbar .current_page_item span::after {
  content: "";
  z-index: 5;
  left: 1.3em;
  top: 0.3em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  border-bottom-color: transparent;
  position: absolute;
  width: 70%;
  height: 1.75em;
  transform: rotate(-1deg);
  opacity: 0.7;
  border-radius: 50%;
}
.offcanvas-social-links a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
}
.offcanvas-social-links a:hover {
  color: #589a61;
}
.offcanvas-social-links a:hover .fa-inverse {
  color: #fff;
}
.offcanvas-social-links a .fa-inverse {
  color: #000;
}
.offcanvas-mobile-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.offcanvas-mobile-nav li {
  padding: 2px 0;
}
.offcanvas-mobile-nav a {
  padding: 10px 0 7px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 2rem;
  opacity: 1 !important;
}
.offcanvas-mobile-nav a:hover {
  color: #589a61;
}
.offcanvas-mobile-nav .current_page_item a {
  font-family: 'Source Serif Pro', serif;
  font-weight: 400;
  font-style: italic;
  color: #589a61 !important;
  font-size: 2.25rem !important;
  padding-top: 7px !important;
  position: relative;
  display: inline-block;
}
.offcanvas-mobile-nav .current_page_item span {
  position: relative;
  display: inline-block;
}
.offcanvas-mobile-nav .current_page_item a::before {
  content: "";
  z-index: 5;
  left: -0.5em;
  top: 0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  position: absolute;
  width: 135%;
  height: 1.5em;
  transform: rotate(2deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.offcanvas-mobile-nav .current_page_item a::after {
  content: "";
  z-index: 5;
  left: -0.6em;
  top: 0.3em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 140%;
  height: 1.5em;
  transform: rotate(-1deg);
  opacity: 0.7;
  border-radius: 50%;
}
.offcanvas-mobile-nav .current_page_item span::before {
  content: "";
  z-index: 5;
  left: -1em;
  top: 0.5em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  position: absolute;
  width: 140%;
  height: 3.5em;
  transform: rotate(3deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.offcanvas-mobile-nav .current_page_item span::after {
  content: "";
  z-index: 5;
  left: -1em;
  top: 0.5em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: #589a61;
  border-bottom-color: transparent;
  position: absolute;
  width: 140%;
  height: 3.5em;
  transform: rotate(5deg);
  opacity: 0.7;
  border-radius: 50%;
}
.offcanvas-nav {
  background: url('imgs/offcanvas-dots.png') top left no-repeat;
}
.offcanvas-nav h6 {
  font-size: 0.8rem;
}
.offcanvas-highlights ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.offcanvas-highlights ul li {
  padding: 0;
  margin: 0 0 1.5rem 0;
}
.offcanvas-highlights .highlight-image img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #fff;
}
.offcanvas-highlights .highlight-image .white-button-small {
  margin-top: -1rem;
}
.offcanvas-locations {
  background: url('imgs/offcanvas-locations-dots.png') center left no-repeat;
}
.offcanvas-quick-links ul,
.offcanvas-highlights-mobile ul {
  list-style: none;
  padding: 0;
}
.offcanvas-quick-links ul li,
.offcanvas-highlights-mobile ul li {
  padding: 5px 0;
}
.offcanvas-quick-links ul a,
.offcanvas-highlights-mobile ul a {
  color: #fff;
  opacity: 1 !important;
  text-decoration: none;
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
}
.offcanvas-quick-links ul a:hover,
.offcanvas-highlights-mobile ul a:hover {
  color: #589a61;
}
.offcanvas-locations h5 {
  background-color: #589a61;
  text-transform: uppercase;
  font-size: 0.8rem !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.current-location-image {
  height: 275px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.current-location {
  background: url('imgs/current-location-bg.jpg') center no-repeat;
}
.current-location .locations-globe {
  bottom: 10px;
  right: 10px;
  z-index: 100;
}
.current-location-details {
  background-color: #000;
}
.current-location-details .current-location-button {
  background-color: #fff;
  color: #000 !important;
}
.current-location-details .current-location-button h1 {
  text-transform: uppercase;
  line-height: 100%;
  font-size: 2rem;
}
.current-location-details .current-location-button span {
  text-transform: uppercase;
  color: #6D6D6D;
  font-size: 0.8rem;
  font-family: 'Gotham', sans-serif;
  font-weight: 900;
  font-style: normal;
}
.current-location-details .current-location-button a {
  color: #000;
}
.current-location-details .current-location-button a:hover {
  color: #589a61;
}
.current-location-details .current-location-address {
  border-bottom: 1px solid #6D6D6D;
}
.current-location-details .current-location-address a {
  color: #fff;
}
.current-location-details .current-location-address a:hover {
  color: #589a61;
}
.current-location-details i {
  margin-left: 0.75rem;
}
#chooseCampus {
  z-index: 101;
}
#chooseCampus h6 {
  font-size: 0.75rem;
  color: #6D6D6D;
  border-color: #6D6D6D;
}
#chooseCampus .accordion-button,
#chooseCampus .accordion-item,
#chooseCampus .accordion {
  background-color: transparent !important;
  color: #fff;
}
#chooseCampus .accordion-button,
#chooseCampus .accordion-body {
  border-bottom: 1px solid #6D6D6D;
}
#chooseCampus .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#chooseCampus .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #589a61 !important;
  box-shadow: none;
  border-bottom: none;
}
#chooseCampus .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#chooseCampus .region-location-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#chooseCampus .region-location-list li {
  padding-left: 1rem;
}
#chooseCampus .region-location-list li a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 12px 0;
}
#chooseCampus .region-location-list li a:hover {
  color: #589a61;
}
#chooseCampus .region-location-list li a p {
  text-decoration: underline;
}
#chooseCampus .region-location-list li a span {
  color: #6D6D6D;
  font-size: 0.9rem;
}
.new-location h6 {
  font-size: 0.75rem;
  color: #6D6D6D;
  border-color: #6D6D6D;
}
.new-location .accordion-button,
.new-location .accordion-item,
.new-location .accordion {
  background-color: transparent !important;
  color: #fff;
}
.new-location .accordion-button,
.new-location .accordion-body {
  border-bottom: 1px solid #6D6D6D;
}
.new-location .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.new-location .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #589a61 !important;
  box-shadow: none;
  border-bottom: none;
}
.new-location .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.new-location .location-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.new-location .location-list li {
  border-bottom: 1px solid #6D6D6D;
}
.new-location .location-list li a {
  display: inline-block;
  width: 100%;
  padding: 16px 20px 14px;
  color: #fff;
  opacity: 1 !important;
  text-decoration: none;
}
.new-location .location-list li a:hover {
  color: #589a61;
}
.new-location .region-location-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.new-location .region-location-list li {
  padding-left: 1rem;
}
.new-location .region-location-list li a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 12px 0;
}
.new-location .region-location-list li a:hover {
  color: #589a61;
}
.new-location .region-location-list li a p {
  text-decoration: underline;
}
.new-location .region-location-list li a span {
  color: #6D6D6D;
  font-size: 0.9rem;
}
.offcanvas-backdrop.show {
  opacity: 0.8;
}
/* FAB */
.fab-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1044;
}
.fab-button {
  text-decoration: none;
  color: #589a61;
}
.fab-button:hover {
  color: #589a61;
}
.fab-button .fa-inverse {
  color: #fff;
}
.fab-backdrop {
  background: #fff url('imgs/offcanvas-dots.png') top left no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  opacity: 0.98;
}
.fab-options {
  position: fixed;
  bottom: 100px;
  left: 0;
  right: 0;
  z-index: 1044;
}
.fab-options h6 {
  font-size: 0.8rem;
}
#menu-action-button-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menu-action-button-links a {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  width: 100%;
  padding: 15px 15px 15px 20px;
}
#menu-action-button-links a:hover {
  color: #fff;
  background-color: #589a61;
}
#menu-action-button-links .current-menu-item a {
  color: #fff;
  background-color: #589a61;
}
#menu-action-button-links i {
  margin-right: 0.75rem;
}
/* FOOTER */
.footer-moving-forward {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  height: 100%;
}
@media (max-width: 990px) {
  .footer-moving-forward {
    height: 550px;
  }
}
@media (max-width: 540px) {
  .footer-moving-forward {
    height: 400px;
  }
}
.campus-details-footer {
  background-color: #000;
}
.campus-footer-columns {
  background: url('imgs/footer-globe.png') bottom left no-repeat;
}
.campus-contact-info {
  padding-top: 3rem;
  background: url('imgs/footer-cirlces.png') center right no-repeat;
}
.footer-social-links a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
}
.footer-social-links a:hover {
  color: #589a61;
}
.footer-social-links a:hover .fa-inverse {
  color: #fff;
}
.footer-social-links a .fa-inverse {
  color: #000;
}
.footer-copyright p {
  opacity: 0.5;
  font-size: 0.9rem;
}
/* BUTTONS */
.black-button {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
}
@media (max-width: 768px) {
  .black-button {
    font-size: 0.8em;
  }
}
.black-button:hover {
  color: #fff;
  background-color: #589a61;
}
.black-button-narrow {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
}
.black-button-narrow:hover {
  color: #fff;
  background-color: #589a61;
}
.black-button-narrow .float-start {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .black-button-narrow {
    font-size: 0.8em;
  }
}
p .black-button {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
  opacity: 1;
}
@media (max-width: 768px) {
  p .black-button {
    font-size: 0.8em;
  }
}
p .black-button:hover {
  color: #fff !important;
  background-color: #589a61;
}
p .black-button-narrow {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
  opacity: 1;
}
p .black-button-narrow:hover {
  color: #fff !important;
  background-color: #589a61;
}
p .black-button-narrow .float-start {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  p .black-button-narrow {
    font-size: 0.8em;
  }
}
.white-button {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #fff;
  color: #000 !important;
  display: inline-block;
  border-radius: 50px;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
}
.white-button:hover {
  color: #fff !important;
  background-color: #589a61;
}
@media (max-width: 768px) {
  .white-button {
    font-size: 0.8em;
  }
}
.white-button-narrow {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #fff;
  color: #000 !important;
  display: inline-block;
  border-radius: 50px;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
}
.white-button-narrow i {
  margin-left: 2rem;
}
.white-button-narrow:hover {
  color: #fff !important;
  background-color: #589a61;
}
@media (max-width: 768px) {
  .white-button-narrow {
    font-size: 0.8em;
  }
}
.link-landing-button {
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  width: 100%;
  padding: 25px 30px;
  text-decoration: none;
}
.link-landing-button:hover {
  color: #fff;
  background-color: #589a61;
}
.link-landing-button p {
  clear: both;
  font-family: 'Gotham';
  font-weight: normal;
  font-style: normal;
}
.rollover-image {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  height: auto;
}
.normal-image {
  z-index: 1;
  width: 100%;
  height: auto;
}
.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: auto;
}
.rollover-image:hover .hover-image {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
/* LINK LANDING PAGE */
.link-landing-body {
  background: #fff top center no-repeat;
  background-size: contain;
  color: #fff;
  max-width: 500px;
}
.link-landing-intro h1 {
  font-size: 2.3rem;
}
/* HOME PAGE */
.horizontal-drag {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.horizontal-drag::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #e1e1e1;
}
.horizontal-drag::-webkit-scrollbar-track {
  width: 5px;
  height: 5px;
  background-color: #e1e1e1;
}
.horizontal-drag::-webkit-scrollbar-thumb {
  background: #000;
}
.horizontal-drag .draggable-item {
  position: relative;
  display: inline-block;
  width: 23%;
}
@media (max-width: 990px) {
  .horizontal-drag .draggable-item {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .horizontal-drag .draggable-item {
    width: 75%;
  }
}
.horizontal-drag .featured-event-item {
  width: 31% !important;
}
@media (max-width: 990px) {
  .horizontal-drag .featured-event-item {
    width: 45% !important;
  }
}
@media (max-width: 768px) {
  .horizontal-drag .featured-event-item {
    width: 75% !important;
  }
}
.horizontal-drag .item-description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s;
}
.horizontal-drag .draggable-item:hover .item-description {
  visibility: visible;
  opacity: 0.8;
}
.horizontal-drag .hover-item-description {
  white-space: normal;
}
.horizontal-drag .modal-body {
  white-space: normal;
}
.new-location-header {
  border-bottom: 1px solid;
}
.new-location-header .lifechurch-hero-logo {
  fill: #000;
  width: 160px;
  height: 70px;
}
@media (max-width: 768px) {
  .new-location-header .lifechurch-hero-logo {
    margin: 0 auto;
  }
}
.new-location-header h6 {
  font-family: 'Gotham';
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.25rem;
  font-size: 0.7rem;
  padding: 0;
  margin: 0;
  border: none;
  text-align: right;
}
@media (max-width: 768px) {
  .new-location-header h6 {
    text-align: center;
  }
}
.new-location-header h1 {
  text-transform: uppercase;
  font-size: 5vw;
  line-height: 100%;
  text-align: right;
}
@media (max-width: 768px) {
  .new-location-header h1 {
    text-align: center;
    font-size: 10vw;
  }
}
.hero-grid {
  background-image: url(imgs/hero-grid-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 80%;
}
.hero-grid-intro {
  position: relative;
  width: 45%;
  margin-top: -15%;
  z-index: 8;
}
@media (max-width: 992px) {
  .hero-grid-intro {
    width: 100%;
    margin-top: 0;
  }
}
.hero-grid-intro h6 {
  border: none;
}
.hero-grid-intro h1 {
  font-size: 4vw;
  line-height: 100%;
}
@media (max-width: 550px) {
  .hero-grid-intro h1 {
    font-size: 8vw;
  }
}
.hero-grid-details ul {
  list-style-type: none;
}
.hero-grid-details ul li {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #c4c4c4;
}
.hero-grid-details ul li p {
  padding: 0;
  margin: 0;
}
.hero-grid-details ul li:first-child {
  border-top: 1px solid #c4c4c4;
}
.hero-grid-items {
  position: relative;
}
.hero-grid-items img {
  position: relative;
}
.hero-grid-items .grid-1 {
  width: 60%;
  z-index: 7;
  margin: 0 0 -15% 0;
}
@media (max-width: 989px) {
  .hero-grid-items .grid-1 {
    width: 100%;
    margin: 0;
  }
}
.hero-grid-items .grid-2 {
  width: 20%;
  z-index: 5;
  transform: translate(-125%, -40%);
  margin: 0 0 0 0;
}
@media (max-width: 989px) {
  .hero-grid-items .grid-2 {
    display: none;
  }
}
.hero-grid-items .grid-3 {
  width: 15%;
  z-index: 6;
  transform: translate(55%, -45%);
}
@media (max-width: 989px) {
  .hero-grid-items .grid-3 {
    display: none;
  }
}
.hero-grid-items .grid-4 {
  width: 39%;
  z-index: 1;
  transform: translate(90%, 5%);
  margin: 0 0 0 0;
}
@media (max-width: 989px) {
  .hero-grid-items .grid-4 {
    display: none;
  }
}
.hero-grid-items .grid-5 {
  width: 20%;
  z-index: 2;
  transform: translate(200%, 65%);
  margin: 0 0 0 0;
}
@media (max-width: 989px) {
  .hero-grid-items .grid-5 {
    display: none;
  }
}
.hero-grid-items .grid-6 {
  position: relative;
  width: 30%;
  z-index: 7;
  transform: translate(-20%, -35%);
  margin: 0 0 0 0;
}
@media (max-width: 989px) {
  .hero-grid-items .grid-6 {
    display: none;
  }
}
.latest-message {
  position: relative;
}
.latest-message video {
  width: 100%;
}
.latest-message a {
  position: relative;
  display: inline-block;
}
.latest-message .latest-message-details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 10px;
}
.latest-message .latest-message-details p {
  color: #589a61;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.2rem;
  padding: 4px;
}
.latest-message i {
  position: absolute;
  top: 40%;
  left: 45%;
  margin: auto;
  z-index: 8;
  color: #589a61;
}
.latest-message i:hover {
  color: #fff;
}
@media (max-width: 989px) {
  .latest-message i {
    top: 30%;
    left: 40%;
  }
}
.welcome-grid {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.welcome-grid .color-block-split {
  height: auto;
  background: linear-gradient(to top, black 30%, transparent 30%);
}
@media (max-width: 990px) {
  .welcome-grid .color-block-split {
    background: linear-gradient(to top, black 10%, transparent 10%);
  }
}
@media (max-width: 768px) {
  .welcome-grid .color-block-split {
    background: linear-gradient(to top, black 15%, transparent 15%);
  }
}
.welcome-grid .welcome-latest-message {
  position: relative;
  width: 70%;
  margin: 0 auto;
  container-type: inline-size;
}
.welcome-grid .welcome-latest-message .video-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 82%;
  /* Scale relative to parent container width */
  font-size: clamp(12px, 4.75cqw, 28px);
  padding: clamp(4px, 1cqw, 12px) clamp(8px, 2cqw, 24px);
  border: clamp(1px, 0.25cqw, 2px) solid #fff;
}
@media (max-width: 768px) {
  .welcome-grid .welcome-latest-message {
    background: linear-gradient(to top, black 15%, transparent 15%);
    width: 90%;
  }
}
.welcome-grid .welcome-latest-message video {
  width: 100%;
}
.welcome-grid .welcome-latest-message a {
  position: relative;
  display: inline-block;
}
.welcome-grid .welcome-latest-message .latest-message-details {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
}
.welcome-grid .welcome-latest-message .latest-message-details p {
  color: #589a61;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.2rem;
  padding: 5px 7px 2px;
}
.welcome-grid .welcome-latest-message i {
  position: absolute;
  top: 40%;
  left: 45%;
  margin: auto;
  z-index: 8;
  color: #589a61;
}
.welcome-grid .welcome-latest-message i:hover {
  color: #fff;
}
@media (max-width: 989px) {
  .welcome-grid .welcome-latest-message i {
    top: 30%;
    left: 40%;
  }
}
.welcome-grid .welcome-grid-intro {
  background-color: #000;
}
.welcome-grid .welcome-grid-intro h6 {
  border: none;
}
.welcome-grid .welcome-grid-intro h1 {
  font-size: 6vw;
  line-height: 100%;
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.75);
}
@media (max-width: 550px) {
  .welcome-grid .welcome-grid-intro h1 {
    font-size: 8vw;
  }
}
.welcome-grid .welcome-grid-intro .welcome-invitation {
  position: relative;
  padding-top: 12rem;
  padding-bottom: 12rem;
  margin-top: 3rem;
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .welcome-grid .welcome-grid-intro .welcome-invitation {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
.welcome-grid .welcome-grid-intro .welcome-invitation .hero-grid-details {
  position: relative;
  z-index: 2;
  width: 90%;
  margin: auto;
}
.welcome-grid .welcome-grid-intro .welcome-invitation img {
  position: absolute;
}
.welcome-grid .welcome-grid-details ul {
  list-style-type: none;
}
.welcome-grid .welcome-grid-details ul li {
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #c4c4c4;
}
.welcome-grid .welcome-grid-details ul li p {
  padding: 0;
  margin: 0;
}
.welcome-grid .welcome-grid-details ul li:first-child {
  border-top: 1px solid #c4c4c4;
}
.vision-statement {
  position: relative;
  margin-top: 8rem;
  margin-bottom: 4rem;
}
@media (max-width: 550px) {
  .vision-statement {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.vision-statement video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vision-statement .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.vision-statement .vision-statement-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.vision-statement .vision-statement-text {
  position: relative;
  z-index: 3;
}
.vision-statement-2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 4rem;
}
@media (max-width: 550px) {
  .vision-statement-2 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.vision-statement-2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vision-statement-2 .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.vision-statement-2 .vision-statement-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.vision-statement-2 .vision-statement-text {
  position: relative;
  z-index: 3;
}
.leadership-block h1 {
  font-size: 6vw;
  line-height: 100%;
}
.leadership-block .pastor-signature {
  width: 60%;
  margin-top: -5%;
  margin-bottom: -5%;
  margin-left: 20%;
  z-index: 10;
  position: relative;
}
@media (max-width: 550px) {
  .leadership-block .pastor-signature {
    width: 80%;
    margin-left: 10%;
  }
}
.leadership-block p {
  background-color: #fff;
}
.photo-grid {
  position: relative;
}
.photo-grid img {
  position: relative;
}
.photo-grid .image-1 {
  width: 30%;
  z-index: 1;
}
.photo-grid .image-2 {
  width: 75%;
  z-index: 2;
  margin-bottom: -20%;
}
.photo-grid .image-3 {
  width: 40%;
  z-index: 3;
}
.photo-grid .image-4 {
  width: 50%;
  z-index: 4;
}
.photo-grid .image-5 {
  width: 20%;
  z-index: 5;
}
.photo-grid-2 {
  background-image: url(imgs/photo-grid-bg-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
}
.photo-grid-2 h1 {
  font-size: 4vw;
  line-height: 100%;
}
@media (max-width: 550px) {
  .photo-grid-2 h1 {
    font-size: 8vw;
  }
}
.photo-grid-3 {
  background-image: url(imgs/photo-grid-bg-3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
}
.photo-grid-3 h1 {
  font-size: 4vw;
  line-height: 100%;
}
@media (max-width: 550px) {
  .photo-grid-3 h1 {
    font-size: 8vw;
  }
}
/* Whats Happening Block */
.ways-to-connect-carousel-category {
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  font-size: 0.75vw;
  top: 7%;
  left: 7%;
}
@media (max-width: 550px) {
  .ways-to-connect-carousel-category {
    font-size: 2.4vw;
    top: 8%;
    left: 8%;
  }
}
.ways-to-connect-carousel-title {
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  white-space: pre-wrap;
  line-height: 90%;
  padding-right: 35%;
  position: absolute;
  font-size: 1.8vw;
  top: 12%;
  left: 7%;
}
@media (max-width: 550px) {
  .ways-to-connect-carousel-title {
    font-size: 5.5vw;
    top: 13%;
    left: 8%;
  }
}
.ways-to-connect-carousel-action-text {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  font-size: 0.75vw;
  top: 88%;
  left: 7%;
}
@media (max-width: 550px) {
  .ways-to-connect-carousel-action-text {
    font-size: 2.4vw;
    top: 88%;
    left: 8%;
  }
}
.next-steps-block h1 {
  font-size: 6vw;
  line-height: 100%;
}
.next-steps-block .step-photo {
  height: 500px;
  width: 100%;
  background-size: cover;
  background-position: center;
}
@media (max-width: 768px) {
  .next-steps-block .step-photo {
    height: 200px;
  }
}
.next-steps-item {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 100%;
}
.next-steps-item:hover {
  color: #589a61;
}
.next-steps-item h1 {
  font-size: 5vw;
}
@media (max-width: 990px) {
  .next-steps-item h1 {
    font-size: 10vw;
  }
}
@media (max-width: 550px) {
  .next-steps-item h1 {
    font-size: 20vw;
  }
}
.next-steps-item .next-steps-item-image {
  margin-bottom: -15%;
  height: 17vh;
  background-size: cover;
}
@media (max-width: 550px) {
  .next-steps-item .next-steps-item-image {
    height: 25vh;
  }
}
/* Plan Your Visit Button */
#planyourvisit {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 85%;
  left: 75%;
}
@media (max-width: 1024px) {
  #planyourvisit {
    display: none !important;
  }
}
#planyourvisit > .white-button-narrow {
  border: 1px solid black !important;
}
#planyourvisit_close {
  float: right;
  padding: 2px;
  width: 26px;
  height: 26px;
  margin-left: 2px;
  font-size: 11px;
  font-weight: normal;
  border: 1px solid black;
}
@media (max-width: 1024px) {
  #planyourvisit_close {
    display: none !important;
  }
}
/* EVENT DETAILS PAGE */
.event-details-page {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.event-details-header {
  z-index: 1;
}
.event-details-body {
  background-color: #fff;
  margin-top: -2rem;
  z-index: 7;
  position: relative;
}
.event-details-body ul {
  list-style-type: none;
}
.event-details-body ul li {
  padding: 20px 0;
  border-bottom: 1px solid #6D6D6D;
}
.event-details-body ul li p {
  margin: 0;
  padding: 0;
}
.share-event {
  background-color: #589a61;
  color: #fff;
}
.share-event h5 {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.share-icons a {
  text-decoration: none;
  color: #fff;
}
.share-icons a:hover {
  color: #000;
}
.share-icons a:hover .fa-inverse {
  color: #fff;
}
.share-icons a .fa-inverse {
  color: #589a61;
}
.related-event-block {
  display: flex;
  flex-flow: column;
  height: 100%;
  border: 3px solid #000;
}
.related-event-details {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.related-event-details a {
  color: #fff;
  text-decoration: none;
}
.related-event-details a:hover {
  color: #589a61;
}
.all-event-grid {
  background-repeat: no-repeat;
  background-position: bottom left, center right;
}
.all-event-grid .current-month {
  font-family: 'Source Serif Pro', serif;
  font-weight: 600;
  font-style: italic;
  color: #589a61;
}
/* MAIN CONTENT */
.text-bg-dark {
  color: #fff !important;
  background-color: #000 !important;
}
.text-bg-dark p a {
  color: #fff !important;
  opacity: 0.6;
}
.text-bg-dark p a:hover {
  opacity: 1;
  color: #589a61;
}
.page-background {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.page-bg-top-1 {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 90%;
}
.page-bg-bottom-1 {
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 90%;
}
.page-bg-middle-1 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}
.page-bg-middle-2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}
.page-hero .page-hero-image {
  height: 60vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page-hero .page-hero-text {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  color: #fff !important;
}
.page-hero .page-hero-text h1 {
  text-transform: uppercase;
  font-size: 8vw;
  line-height: 90%;
}
@media (max-width: 576px) {
  .page-hero .page-hero-text h1 {
    font-size: 10vw;
  }
}
.page-hero .page-hero-text h6 {
  display: inline;
  width: fit-content;
}
@media (max-width: 576px) {
  .page-hero .page-hero-text h6 {
    font-size: 3vw;
  }
}
.page-hero .page-hero-text-only {
  height: 40vh;
  width: 100%;
}
.page-hero .page-hero-text-only h1 {
  text-transform: uppercase;
  font-size: 10vw;
  line-height: 90%;
}
.page-hero .page-hero-text-only h6 {
  display: inline;
  width: fit-content;
}
@media (max-width: 576px) {
  .page-hero .page-hero-text-only h6 {
    font-size: 3vw;
  }
}
.page-hero .page-hero-text-only-inline {
  width: 100%;
}
.page-hero .page-hero-text-only-inline h1 {
  text-transform: uppercase;
  font-size: 7vw;
  line-height: 100%;
}
@media (max-width: 576px) {
  .page-hero .page-hero-text-only-inline h1 {
    font-size: 14vw;
  }
}
.page-hero .page-hero-text-only-inline h6 {
  display: inline;
  width: fit-content;
}
@media (max-width: 576px) {
  .page-hero .page-hero-text-only-inline h6 {
    font-size: 3vw;
  }
}
.page-hero .page-hero-button {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25rem;
  background-color: #fff;
  color: #000 !important;
  display: inline-block !important;
  border-radius: 50px;
  padding: 15px 30px;
  text-decoration: none;
}
.page-hero .page-hero-button i {
  margin-left: 2rem;
}
.page-hero .page-hero-button:hover {
  color: #fff !important;
  background-color: #589a61;
}
@media (max-width: 768px) {
  .page-hero .page-hero-button {
    font-size: 1rem;
  }
}
.page-header {
  padding: 10rem 0;
  background-color: #6D6D6D;
  margin-bottom: -3rem;
}
.main-content {
  font-size: 1.125rem;
  z-index: 5;
  position: relative;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5 {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.main-content p {
  line-height: 170%;
}
.main-content p a,
.main-content ul a,
.main-content ol a {
  color: #000 !important;
  opacity: 0.6;
}
.main-content p a:hover,
.main-content ul a:hover,
.main-content ol a:hover {
  opacity: 1;
  color: #589a61;
}
.main-content p .black-button {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  width: 100%;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
  opacity: 1;
}
@media (max-width: 768px) {
  .main-content p .black-button {
    font-size: 0.8em;
  }
}
.main-content p .black-button:hover {
  color: #fff !important;
  background-color: #589a61;
}
.main-content p .black-button-narrow {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 15px 30px;
  text-decoration: none;
  line-height: 130%;
  opacity: 1;
}
.main-content p .black-button-narrow:hover {
  color: #fff !important;
  background-color: #589a61;
}
.main-content p .black-button-narrow .float-start {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .main-content p .black-button-narrow {
    font-size: 0.8em;
  }
}
.main-content .lead {
  font-size: 1.5rem;
  font-family: 'Gotham';
  font-weight: 500;
  font-style: normal;
}
.main-content .big-statement {
  font-size: 3vw;
  line-height: 120%;
}
@media (max-width: 768px) {
  .main-content .big-statement {
    font-size: 9vw;
  }
}
.main-content .big-quote h1 {
  font-size: 3vw;
  line-height: 120%;
}
@media (max-width: 768px) {
  .main-content .big-quote h1 {
    font-size: 9vw;
  }
}
.main-content .big-quote h6 {
  text-transform: uppercase;
  color: #6D6D6D;
  border: none;
}
.main-content hr {
  border-top: 2px solid #000;
  opacity: 1;
}
.main-content h3 a {
  color: #000;
  text-decoration: none;
}
.main-content h3 a:hover {
  color: #589a61;
}
.main-content .black-button-narrow {
  color: #fff !important;
  opacity: 100;
  padding: 10px 30px;
  font-size: 1rem;
}
.text-bg-dark p a,
.text-bg-dark ul a,
.text-bg-dark ol a {
  color: #fff !important;
  opacity: 0.6;
}
.text-bg-dark p a:hover,
.text-bg-dark ul a:hover,
.text-bg-dark ol a:hover {
  opacity: 1;
  color: #589a61;
}
.text-image-5050 .image-50 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.text-image-5050 .image-50-separate {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.text-image-5050 .text-50 {
  padding: 3rem;
}
@media (max-width: 768px) {
  .text-image-5050 .text-50 {
    padding: 2rem;
  }
}
.text-image-5050 .text-50-separate {
  padding: 1rem 3rem 3rem;
}
@media (max-width: 990px) {
  .text-image-5050 .text-50-separate {
    padding: 2rem;
  }
}
.text-image-overlay .image-50 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 400px;
}
.text-image-overlay .text-50 {
  padding: 4rem 2rem 4rem 0;
}
@media (max-width: 768px) {
  .text-image-overlay .text-50 {
    padding: 0;
  }
}
.text-image-overlay .text-50 h1 {
  font-size: 3vw;
  line-height: 110%;
  background-color: #fff;
  margin-left: -15%;
}
@media (max-width: 768px) {
  .text-image-overlay .text-50 h1 {
    font-size: 9vw;
    margin-top: -15%;
    margin-left: 0;
  }
}
.text-image-overlay .text-50.left-caption {
  padding: 4rem 0 4rem 2rem;
}
@media (max-width: 768px) {
  .text-image-overlay .text-50.left-caption {
    padding: 0;
  }
}
.text-image-overlay .text-50.left-caption h1 {
  font-size: 3vw;
  line-height: 110%;
  background-color: #fff;
  margin-right: -15%;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .text-image-overlay .text-50.left-caption h1 {
    font-size: 9vw;
    margin-top: -15%;
    margin-right: 0;
  }
}
.countdown-clock small {
  font-size: 0.75em;
}
.countdown-clock h2 {
  font-size: 4vw;
}
@media (max-width: 768px) {
  .countdown-clock h2 {
    font-size: 6vw;
  }
}
.error-404 {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.main-text-bg-dark {
  color: #fff !important;
  background-color: #000 !important;
}
.main-text-bg-dark p a,
.main-text-bg-dark ul a,
.main-text-bg-dark ol a {
  color: #fff !important;
  opacity: 0.6;
}
.main-text-bg-dark p a:hover,
.main-text-bg-dark ul a:hover,
.main-text-bg-dark ol a:hover {
  opacity: 1;
  color: #589a61;
}
.img-fill {
  display: block;
  width: 100%;
  height: auto;
}
.main-text-bg-gray {
  color: #fff !important;
  background-color: #6D6D6D !important;
}
.main-text-bg-gray p a,
.main-text-bg-gray ul a,
.main-text-bg-gray ol a {
  color: #fff !important;
  opacity: 0.6;
}
.main-text-bg-gray p a:hover,
.main-text-bg-gray ul a:hover,
.main-text-bg-gray ol a:hover {
  opacity: 1;
  color: #589a61;
}
.watch-message {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.watch-message i {
  position: absolute;
  top: 45%;
  left: 45%;
  margin: auto;
  z-index: 8;
  color: #589a61;
}
.watch-message i:hover {
  color: #fff;
}
@media (max-width: 989px) {
  .watch-message i {
    top: 30%;
    left: 40%;
  }
}
.live-ticker {
  background-color: #589a61;
  color: #fff;
}
.live-ticker a {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 50px;
  padding: 10px 25px;
}
.live-ticker a:hover {
  color: #fff;
  background-color: #000;
}
.has-live-ticker {
  padding-top: 134px;
}
.has-live-ticker .navbar {
  margin-top: 73px;
}
.announcement-banner img {
  border-top: 1px solid #000;
}
.custom-banner-button {
  color: #fff;
}
.custom-banner-button a {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 50px;
  padding: 10px 25px;
}
.custom-banner-button a:hover {
  color: #fff;
  background-color: #000;
}
.custom-banner-no-button {
  color: #000;
}
.custom-banner-no-button a {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 50px;
  padding: 10px 25px;
}
/* Counter Styling */
.counter-row {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2em;
  color: #fff;
}
@media (max-width: 768px) {
  .counter-row {
    font-size: 0.9em;
  }
}
#counter-value {
  font-size: 1.3em;
}
/*
.counter-item-name { 
	font-family: 'fangsong';
	font-style: italic; 
	font-size: 1.3em;
}*/
.counter-button-container {
  max-width: 300px;
}
.counter-banner-button {
  color: #fff;
}
.counter-banner-button a {
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 50px;
  padding: 10px 25px;
}
.counter-banner-button a:hover {
  color: #fff;
  background-color: #000;
}
@media (max-width: 768px) {
  .counter-banner-button {
    width: 242px;
  }
  .counter-banner-button a {
    padding: 12px 12px;
  }
}
.main-content .accordion {
  border-top: 2px solid #000;
}
.main-content .accordion .accordion-item {
  border: none;
  background-color: transparent;
}
.main-content .accordion .accordion-button,
.main-content .accordion .accordion-body {
  border-bottom: 2px solid #000;
}
.main-content .accordion .accordion-button.collapsed {
  background-color: transparent;
}
.main-content .accordion .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.main-content .accordion .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #000 !important;
  box-shadow: none;
  border-bottom: none;
}
.main-content .accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
  .body-carousel {
    background: none;
  }
  .body-carousel .carousel-inner {
    background-color: #000;
  }
}
.body-carousel .carousel-control-prev,
.body-carousel .carousel-control-next {
  width: 32px;
  opacity: 1;
}
.body-carousel .carousel-control-prev {
  left: -25px;
}
.body-carousel .carousel-control-next {
  right: -25px;
}
.body-carousel .carousel-item img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (min-width: 768px) {
  .body-carousel .carousel-item {
    margin-right: 0;
    flex: 0 0 33.3333%;
    display: block;
  }
  .body-carousel .carousel-inner {
    display: flex;
  }
}
@media (min-width: 990px) {
  .body-carousel .carousel-item {
    flex: 0 0 25%;
  }
}
.tabbed-content .tabs {
  border-bottom: 1px solid #000;
}
.tabbed-content .tabs .nav-link {
  border: none;
  background: none;
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #000;
  text-transform: uppercase;
}
.tabbed-content .tabs .active {
  border-bottom: 5px solid #000;
}
.video-caption a {
  color: #fff;
  text-decoration: none;
}
.video-caption a:hover {
  color: #589a61;
}
.page-submenu {
  background-color: #589a61;
  color: #fff;
  max-width: 2000px;
  margin: 61px auto;
}
.page-submenu ul {
  list-style-type: none;
}
.page-submenu li {
  display: inline-block;
}
.page-submenu li a {
  color: #fff;
  text-decoration: none;
  font-family: 'Gotham';
  font-weight: 500;
  font-style: normal;
  font-size: 0.9em;
}
.page-submenu li a:hover {
  text-decoration: underline;
}
.page-mobile-submenu {
  background-color: #589a61;
  color: #fff;
  margin-top: 61px;
}
.page-mobile-submenu button {
  background: none;
  border: none;
  color: #fff;
  font-family: 'Gotham';
  font-weight: 500;
  font-style: normal;
  font-size: 0.9em;
}
.page-mobile-submenu .dropdown-menu {
  background-color: #000;
  border-radius: 0;
}
.page-mobile-submenu .dropdown-menu a {
  color: #fff;
}
.page-mobile-submenu .dropdown-menu .active {
  background-color: #589a61;
}
.has-submenu {
  padding-top: 99px;
}
.has-live-ticker-with-submenu {
  padding-top: 134px;
}
.has-live-ticker-with-submenu .page-submenu {
  margin-top: 135px;
}
.has-live-ticker-with-submenu .page-mobile-submenu {
  margin-top: 135px;
}
.modal-trigger {
  cursor: pointer;
}
.modal-header {
  background-color: #000;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.modal-header .btn-close {
  color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}
.modal-content {
  border-radius: 25px;
}
.color-block-bg {
  height: auto;
  background: linear-gradient(to top, black 30%, transparent 30%);
}
@media (max-width: 990px) {
  .color-block-bg {
    background: linear-gradient(to top, black 10%, transparent 10%);
  }
}
@media (max-width: 768px) {
  .color-block-bg {
    background: linear-gradient(to top, black 15%, transparent 15%);
  }
}
/* WATCH PAGE STYLES */
.latest-messages-grid {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
.message-event-details {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.message-event-details a {
  color: #fff;
  text-decoration: none;
}
.message-event-details a:hover {
  color: #589a61;
}
.message-event-details small {
  text-transform: uppercase;
  font-family: 'Gotham', sans-serif;
  font-weight: bold;
  font-style: normal;
}
#youtube-channel-carousel {
  background-repeat: no-repeat;
  background-position: top right;
}
#youtube-channel-carousel .youtube-location-item a {
  text-decoration: none;
  color: #000;
}
#youtube-channel-carousel .youtube-location-item a:hover {
  color: #589a61;
}
#youtube-channel-carousel .youtube-location-item i {
  color: red;
}
/* VISIT US PAGE */
.current-location-image {
  position: relative;
}
.current-location-image i {
  position: absolute;
  top: 40%;
  left: 45%;
  margin: auto;
  z-index: 8;
  color: #589a61;
}
.current-location-image i:hover {
  color: #fff;
}
@media (max-width: 989px) {
  .current-location-image i {
    top: 30%;
    left: 40%;
  }
}
.photo-grid-caption {
  background-color: #000;
  color: #fff;
  position: relative;
  transform: translate(-10%, 70%);
  display: inline-block;
  z-index: 4;
  padding: 2rem;
}
@media (max-width: 924px) {
  .photo-grid-caption {
    transform: translate(-5%, 15%);
    width: 60%;
  }
}
@media (max-width: 550px) {
  .photo-grid-caption {
    transform: translate(-5%, 15%);
  }
}
.main-content .accordion-reverse {
  border-top-color: #fff !important;
}
.main-content .accordion-reverse h4,
.main-content .accordion-reverse .accordion-body p {
  color: #fff;
}
.main-content .accordion-reverse .accordion-button {
  border-bottom-color: #fff !important;
}
.main-content .accordion-reverse .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.main-content .accordion-reverse .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.main-content .accordion-reverse .accordion-button:not(.collapsed) {
  background-color: #fff !important;
}
.main-content .accordion-reverse .accordion-button:not(.collapsed) h4 {
  color: #000 !important;
}
/* ANIMATIONS */
:root {
  --animate-delay: 0.125s !important;
}