@import url("https://fonts.googleapis.com/css?family=Muli:300,300i,400,500,600i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Racing+Sans+One&display=swap");
body,
html {
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: var(--font-light); }

p {
  font-weight: var(--font-light); }

body {
  background-color: #1b1b1b; }

h1,
h2,
h3,
h4,
h4,
h5 {
  font-family: "Muli", sans-serif;
  font-style: italic;
  color: #ffffff; }

p {
  font-family: "Lato", sans-serif; }

a,
button {
  font-family: "Lato", sans-serif;
  font-weight: var(--font-light);
  color: #84c411; }
  a:hover,
  button:hover {
    text-decoration: none;
    color: #c8f47a; }

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background-video video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.navigation {
  background-image: linear-gradient(to right, #222222, #252525); }

.inspirational-statement h2 {
  font-family: "Racing Sans One", sans-serif;
  color: #ffffff; }

.special-offer-modal,
.modal-content.blank-template-modal-content,
.carousel-card-background,
.card-template-card,
.content-block-card,
.schedule-day,
.sliding-card,
.special-offers-card,
.testimonial-card,
.wildcard-card,
.modal-content.special-offer-modal-content,
.modal-content.offers-modal-content,
.modal-content.content-block-modal-content,
.accordion-container,
.instructor,
.multiple-location-container,
.page-section-schedule {
  background-image: linear-gradient(#353535, #252525);
  box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3); }

.blank-template-media img,
.callout-image,
.card-template-image,
.carousel-card,
.content-block-image,
.instructor-photo img,
.special-offers-image,
.wildcard-image,
.single_post_featured_image {
  background-color: var(--body-background-darkened); }

.secondary-gradient {
  background-image: linear-gradient(#252525, #1b1b1b); }

.contact-us radialGradient stop:nth-child(1) {
  stop-color: #999; }

.contact-us radialGradient stop:nth-child(2) {
  stop-color: #222222; }

#home-bg-top linearGradient:nth-child(odd) stop:nth-child(1),
#home-bg-bottom linearGradient:nth-child(odd) stop:nth-child(1),
#inner-bg-top linearGradient:nth-child(odd) stop:nth-child(1),
#inner-bg-bottom linearGradient:nth-child(odd) stop:nth-child(1) {
  stop-color: #2b2b2b; }

#home-bg-top linearGradient:nth-child(odd) stop:nth-child(2),
#home-bg-bottom linearGradient:nth-child(odd) stop:nth-child(2),
#inner-bg-top linearGradient:nth-child(odd) stop:nth-child(2),
#inner-bg-bottom linearGradient:nth-child(odd) stop:nth-child(2) {
  stop-color: #2f2f2f; }

#home-bg-top linearGradient:nth-child(even) stop:nth-child(1),
#home-bg-bottom linearGradient:nth-child(even) stop:nth-child(1),
#inner-bg-top linearGradient:nth-child(even) stop:nth-child(1),
#inner-bg-bottom linearGradient:nth-child(even) stop:nth-child(1) {
  stop-color: #2b2b2b; }

#home-bg-top linearGradient:nth-child(even) stop:nth-child(2),
#home-bg-bottom linearGradient:nth-child(even) stop:nth-child(2),
#inner-bg-top linearGradient:nth-child(even) stop:nth-child(2),
#inner-bg-bottom linearGradient:nth-child(even) stop:nth-child(2) {
  stop-color: #2f2f2f; }

#home-bg-top filter feFlood,
#home-bg-bottom filter feFlood,
#inner-bg-top filter feFlood,
#inner-bg-bottom filter feFlood {
  flood-color: #090810; }

/* Dropdown Menu Style */
.offers-modal-header .dropdown-menu,
.location-select-wrapper .dropdown-menu,
.program-select-wrapper .dropdown-menu {
  width: 100%;
  border-radius: 25px;
  background-color: var(--body-background-darkened);
  border: 1px solid var(--main-accent); }
  .offers-modal-header .dropdown-menu .dropdown-item,
  .location-select-wrapper .dropdown-menu .dropdown-item,
  .program-select-wrapper .dropdown-menu .dropdown-item {
    color: var(--primary-text);
    width: auto;
    height: auto;
    white-space: normal; }
    .offers-modal-header .dropdown-menu .dropdown-item:hover,
    .location-select-wrapper .dropdown-menu .dropdown-item:hover,
    .program-select-wrapper .dropdown-menu .dropdown-item:hover {
      color: var(--main-accent);
      background-color: rgba(122, 122, 122, 0.3);
      border-radius: 15px;
      margin: 0 0.5rem;
      padding: 0.25rem 1rem; }

.navigation .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-accent); }

.dropdown-menu .dropdown-item.active {
  background-color: var(--secondary-accent);
  color: var(--main-accent-lightened); }

.dropdown-menu .dropdown-item:hover {
  background-color: var(--third-accent); }

.mobile-contact-us-shadow {
  background-image: linear-gradient(#333, transparent 50%); }

@media screen and (min-width: 992px) {
  .page-section-schedule {
    background-color: #020202; } }

:root {
  --primary-text: #ffffff;
  --dark-text: #090810;
  --light-text: #ffffff;
  --main-accent: #84c411;
  --main-accent-lightened: #c8f47a;
  --main-accent-darkened: #557e0b;
  --svg-gradient-first: #2b2b2b;
  --svg-gradient-second: #2f2f2f;
  --secondary-accent: #353535;
  --third-accent: #252525;
  --drop-shadow: 7px 7px 15px rgba(0, 0, 0, 0.3);
  --image-background-color: #090810;
  --card-background: linear-gradient(#353535, #252525);
  --secondary-gradient: linear-gradient(#252525, #1b1b1b);
  --body-background: #1b1b1b;
  --body-background-darkened: #020202;
  --scroll-thumb: #353535;
  --scroll-track: #1b1b1b; }