/*
======================
Variables
Global
Header
Pages
    Home
    Services
    Misk (revs., feedback, contact, etc)
Footer
@media
=======================*/
/* Variables / Mixins
=======================*/
/*END: Variables
=======================*/
/* Global
=================================*/
.sticky-bump {
  display: none !important;
}

.rev-cont:before {
  color: #97121F;
  background: #c51728;
}

#content h1, #content h2, #content h3, #content h4 {
  color: #009eb5;
}
#content a {
  /* color: #F5B411;*/
  color: #c00;
  font-weight: 700;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
#content a:hover {
  text-decoration: none;
  opacity: 0.5;
}

button,
input[type=submit],
.btn-primary,
.biziq-button, .client-button {
  background: #009eb5;
  padding: 1em;
  color: #fff !important;
  border-radius: 0;
  border: none;
}
button:hover,
input[type=submit]:hover,
.btn:hover, .btn-primary:hover,
.biziq-button:hover,.client-button:hover {
  cursor: pointer;
  background: #F5B411;
  color: #000 !important;
}

form {
  background: transparent !important;
  margin-top: 1em;
}
form ::-webkit-input-placeholder {
  color: #009eb5;
}
form ::-moz-placeholder {
  color: #009eb5;
}
form :-ms-input-placeholder {
  color: #009eb5;
}
form ::-ms-input-placeholder {
  color: #009eb5;
}
form ::placeholder {
  color: #009eb5;
}

img {
  max-width: 100% !important;
}

.inner_hero img {
  width: 100%;
}

.breakout {
  left: 0 !important;
}

.fa-ul li {
  margin-bottom: 1em !important;
}

/*END: Global
=================================*/
/* Header
==================================*/
.sticky-background {
  height: 2em !important;
}

.phone-attached .sticky-background {
  height: 5em !important;
}

.topPhone {
  margin-top: 1em !important;
}

.phone-attached header#header .header-c .topPhone {
  margin: 0 !important;
}

.sticky-bump {
  background: #fff;
}

.logo-wrap, .phone-wrap {
  height: 5em;
}

header#header {
  padding-top: 0 !important;
}
header#header, header#header .sticky-background {
  background: #fff;
}
header#header .header-c {
  padding: 0;
}
header#header .header-c .logo p {
  margin: 0.5em 0 0;
  padding-top: 1em;
}
header#header .header-c .logo a {
  color: #009eb5;
  font-size: 2em;
  line-height: 0.8em;
  margin-left: 2em;
  max-width: auto;
}
header#header .header-c a.hidden-logo {
  padding: 2em 0 0 3em;
  max-width: auto;
}
header#header .header-c a.hidden-logo * {
  color: #009eb5;
  font-size: 2em;
  height: 2em;
}
header#header .header-c a.hidden-logo img {
  margin-top: 0.2em;
  margin-left: 0.2em;
  height: auto;
}
header#header .header-c .topPhone {
  margin-top: -3em !important;
  padding-right: 3em;
}
header#header .topPhone2 {
  margin-top: 5em !important;
  padding-right: 3em;
}
header#header .header-c .topPhone a {
  background: #009eb5;
}
header#header .header-c .topPhone span {
  color: #F5B411;
  display: block;
}
header#header .header-c .nav-wrap {
  background: #009eb5;
}
header#header .header-c .nav-wrap .nav-bar ul li a {
  margin: 0 0.5em;
  color: #fff;
}

/*END: Header
==================================*/
/* Nav
==================================*/
.menu-bar, .menu-icon {
  background: #009eb5 !important;
}

#mobile-menu-container, #mobile-menu-container ul {
  background: #BC3225 !important;
}
#mobile-menu-container li.current_page_item a, #mobile-menu-container ul li.current_page_item a {
  color: #F5B411;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background: #F5B411;
}

/*END: Nav
==================================*/
/* Single Hero
==================================*/
.hero {
  margin: 0 -15px;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}
.hero .cta {
  display: relative;
}
.hero .cta img {
  width: 100%;
}
.hero .cta .cta_wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  top: 0;
  height: 100%;
  width: 100%;
}
.hero .cta .cta_wrapper .cta_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.hero .cta .cta_wrapper .cta_content .heading {
  width: 100%;
  font-size: 3em;
}
.hero .cta .cta_wrapper .cta_content .cta_button {
  margin-bottom: 1em;
  font-size: 2em;
}
.hero .cta .cta_wrapper .cta_content .cta_button a {
  color: #F5B411 !important;
  background: #009eb5;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  border: 1px solid;
  padding: 0.5em;
}

/*END: Single Hero
==================================*/
/* Pages
==================================*/
/* Home
==============================*/
.specials.breakout {
    background: #009eb5;
}

#content .specials h2 {
    color: #fff;
    font-size: 2em;
}

.specials p {
    font-size: 1.3em;
    color: #fff;
    font-weight: bold;
}


.home_section_3 {
  margin-top: 2em;
  padding: 3em 0;
  background-image: url(/wp-content/uploads/parallax.jpg);
  background-attachment: fixed;
  background-size: cover;
}
.home_section_3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.home_section_3 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home_section_3 .row .home_cards {
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 60%;
  z-index: 20;
}
.home_section_3 .row .home_cards li {
  padding: 1em;
  max-width: 20em;
}
.home_section_3 .row .home_cards li .card_container {
  background: #f5b411;
  min-height: 17em;
  color: #000;
  padding: 1em;
}



.home_section_3 .row .home_cards li .card_container .heading {
  background: #009eb5;
  color: #fff;
  margin: -1em -1em 1em;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.home_section_3 .row .home_cards li .card_container .content {
  color: #000;
  font-weight: 700;
  padding:  0 .5em;
}

#content .home_section_3 .row .home_cards li .card_container .content a{
  color: #000 !important;
  text-decoration: underline !important;
}


.home_section_4 {
  text-align: center;
  padding: 3em;
  line-height: 2.5em;
}

.home_section_5 {
  margin-bottom: -3em;
  padding: 3em;
  background-image: url(/wp-content/uploads/pattern_green.jpg);
  background-attachment: fixed;
  background-size: 45%;
}
.home_section_5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.125);
  z-index: 10;
}
.home_section_5 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home_section_5 .row .location_wrapper {
  background: rgba(0, 0, 0, 0.5);
  padding: 2em 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 70%;
}
.home_section_5 .row .location_wrapper .locations_header {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 1em;
}
.home_section_5 .row .location_wrapper .locations {
  width: 70%;
}
.home_section_5 .row .location_wrapper .locations ul {
  list-style: none;
  padding: 0;
}
.home_section_5 .row .location_wrapper .locations ul li {
  margin: 1em 0;
}
.home_section_5 .row .location_wrapper .locations ul li i {
  margin-right: 0.5em;
  color: #F5B411;
}

/*END:END: Home
==============================*/
/* Services
==============================*/
.service_section_4 ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service_section_4 ul li {
  margin: 0.125em;
  border: 1px solid;
  padding: 1em;
  text-align: center;
  width: 100%;
  max-width: 13em;
}

.page-adults .service_section_2 ul, .page-adults .service_section_3 ul, .page-tai-chi .service_section_2 ul, .page-tai-chi .service_section_3 ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.page-adults .service_section_2 ul li, .page-adults .service_section_3 ul li, .page-tai-chi .service_section_2 ul li, .page-tai-chi .service_section_3 ul li {
  margin-bottom: 1em;
  background: #F5B411;
  padding: 1.5em;
  margin: 1em;
  max-width: 20em;
  overflow: hidden;
}
.page-adults .service_section_2 ul li strong, .page-adults .service_section_3 ul li strong, .page-tai-chi .service_section_2 ul li strong, .page-tai-chi .service_section_3 ul li strong {
  display: block;
  color: #fff;
  background: #009eb5;
  text-align: center;
  padding: 1em;
  margin: -1em -1em 1em;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.page-adults .service_section_2 ul li .content, .page-adults .service_section_3 ul li .content, .page-tai-chi .service_section_2 ul li .content, .page-tai-chi .service_section_3 ul li .content {
  font-weight: 700;
  color: #009eb5;
}

/*END: Services
==============================*/
/* Misk
==============================*/
.up-down i {
  font-size: 6em;
  color: #009eb5;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
.up-down i:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.page-id-16 #container {
  padding: 1em 0 3em;
}
.page-id-16 img {
  margin-bottom: 1em;
}

.rev-cont:before {
  background: #F5B411;
  color: #b28107;
}

.page-contact-us form {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*END: Misk
==============================*/
/*END: Pages
==================================*/
/* Footer
==================================*/
footer#footer {
  margin-top: 3em;
  background: #009eb5;
  color: #fff;
}
footer#footer h2 {
  color: #F5B411;
}
footer#footer i {
  color: #F5B411;
  margin-right: 0.5em;
}
footer#footer i.fa-phone {
  margin-top: 1em;
}
footer#footer .today {
  color: #F5B411;
}
footer#footer .box {
  padding-top: 0;
  text-align: left;
}
footer#footer .box .socialicons {
  text-align: left;
}
footer#footer #copyright {
  color: #fff;
}

/*END: Footer
==================================*/
/* @media
=================================*/
@media screen and (max-width: 900px) {
  header#header {
    max-height: 20em;
  }

  .phone-and-hidden-logo {
    display: none !important;
  }

  .up-down i {
    font-size: 3em;
  }

  .logo a {
    margin: 0 !important;
  }

  .home_section_3 .row .home_cards {
    width: 80% !important;
  }
  .home_section_3 .row .home_cards li {
    max-width: 100% !important;
  }

  .page-adults .service_section_2 ul li,
.page-adults .service_section_3 ul li,
.page-tai-chi .service_section_2 ul li,
.page-tai-chi .service_section_3 ul li {
    max-width: 100%;
  }

  img {
    width: 100%;
  }
	
	
	
	
	
	
	
	
	
	

.logo-wrap, .phone-wrap {
  height: 0;
}

header#header .header-c .logo p {
  text-align: center;
  margin-top: 1em !important;
  font-size: 0.8em !important;
}

.header-c .logo {
  padding: 0;
}

.cta_button {
  margin-bottom: 0.13em !important;
}

.home_section_5 .row .location_wrapper .locations, .home_section_5 .row .location_wrapper {
  width: 100% !important;
}

.locations ul {
  margin-bottom: 0 !important;
}
.locations ul li:first-of-type {
  margin-top: 0 !important;
}	
	
	
	
}
/*END: @media
=================================*/
.logo p {
    transform: translateY(-50%);
}
.phone-number {
    transform: translateY(100%);
}
.stuck .phone-number {
    transform: translateY(0);
}

.accordion {
  margin-bottom: 100px;
}

.review_banner {
  background: #009eb5;
  color: white;
  padding: 20px 0px;
  font-size: 2em;
  font-weight: 600;
}



