/* START | General Page Tags */
* { /* clear all paddings, margins. */
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    text-decoration: none;
}
body { 
    background-color: #f0f0f0;  /* set background colour of body to white */
    font-family: sans-serif;  /* set font family of body */
}
img { /* set base image properties */
    width: 100%; 
    height: auto;
    vertical-align: middle;
}
/* END | General Page Tags */

/* START | Navigation Bar */
#logoNav {
  vertical-align: top;
  width: auto;
  height: auto;
  padding: 0px;
}
#logoA {
  display: block;
  color: black;
  text-align: center;
  text-decoration: none;
  padding: 6px 12px;
}
.topnav {
  overflow: hidden;
  background-color: white;
  border-bottom: solid black 1px;
}
header {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.07), 0 1px 2px 0 rgba(0,0,0,0.05);
  width: 100vw;
  position: fixed;
  top: 0;
  background-color: white;
}
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 20px 25px;
  text-decoration: none;
  font-size: 18px;
}
.topnav .icon {
  display: none;
} 
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 18px;    
  border: none;
  outline: none;
  color: black;
  padding: 20px 25px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #dedfe0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
} 
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #e8e8e8;
  color: black;
}  
.dropdown-content a:hover {
  background-color: #f0f0f0;
  color: black;
} 
.dropdown:hover .dropdown-content {
  display: block;
}
.arrow {
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.15em solid currentColor;
  border-bottom: 0.15em solid currentColor;
  transform: rotate(-45deg);
  margin-left: 0.38em;
  margin-top: -0.25em;
  transition: transform 200ms ease-in-out;
}
button:hover .arrow {
  transform: rotate(-225deg);
  margin-top: 4px;
}
/* Media Queries for Navigation Bar */
@media screen and (max-width: 800px) {
  .topnav a:not(:first-child), .dropdown .dropbtn{
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  /* #mob_home {
    color: #e8b923;
  }
  #mob_home:hover {
    color: black;
  } */
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/* END | Navigation Bar  */



/* START | Index Page */
#index_h1 {
  font-size: 30px;
  font-weight: bold;
}
.index-body {
  margin-top: 100px;
}
#index_body {
  font-size: 20px;
}
#index_tabs {
  margin-top: 50px;
}
.index-tabs {
  color: black;
  font-size: 20px;
  padding: 20px
}
.row:after { /* row for column system*/
  content: "";
  clear: both;
  display: block;
  padding: 0px;
}
[class*="col-"] { /* base properties for column system */
  float: left;
  padding: 0px;
  text-align: center;
  border: none;
}
.col-4 {width:100%;} /* column size for mobile view */
@media only screen and (min-width: 500px) { /* column size for tablet view */
.col-4 {width: 50%;}
}
@media only screen and (min-width: 800px) { /* column sizes for desktop view */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}  
}

@media only screen and (min-width: 400px) {
  .index-tabs {
    font-size: 27px;
  }
}
@media only screen and (min-width: 500px) and (max-width: 549px) {
  .index-tabs {
    font-size: 17px;
  }
  [class*="col-"] {
    padding: 5px;
  }
}   
@media only screen and (min-width: 550px) and (max-width: 699px) {
  .index-tabs {
    font-size: 20px;
  }
  [class*="col-"] {
    padding: 10px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 799px) {
  .index-tabs {
    font-size: 25px;
  }
  [class*="col-"] {
    padding: 12px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 899px) {
  .index-tabs {
    font-size: 17px;
  }
  [class*="col-"] {
    padding: 13px;
  }
}
@media only screen and (min-width: 900px) {
  .index-tabs {
    font-size: 20px;
  }
  [class*="col-"] {
    padding: 18px;
  }
}

/* END | Index Page */

/* START | Timetable */
.timetable_body {
  margin-top: 100px;
}
#t_styling {
  background-color: #92999f;
  border-radius: 25px;
  padding: 50px 100px;
  text-align: center;
}
/* END | Timetable  */

/* START | Lower Back Pain  */
[class*="collbp-"] { /* base properties for lbp column system */
  float: left;
  padding: 0px;
  text-align: center;
  border: 1px solid #f0f0f0;
}
/* column sizes for mobile view */
.collbp-1 {width: 10%;}
.collbp-2 {width: 20%;}
.collbp-3 {width: 30%;}
.collbp-4 {width: 40%;}
.collbp-5 {width: 50%;}
.collbp-6 {width: 60%;}
.collbp-7 {width: 70%;}
.collbp-8 {width: 80%;}
.collbp-9 {width: 90%;}
.collbp-10 {width: 100%;}

.lowerbackpain-body {
  margin-top: 100px ;
}
.lbp_h2 {
  font-size: 20px;
}
.lbp_h3 {
  font-size: 15px;
  margin-top: 10px;
}
.lbp_h4 {
  font-size: 13px;
}
.lbp_p {
  font-size: 12px;
}
.lowerbackpain_spacing {
  margin-top: 55px;
}
@media only screen and (min-width: 500px) {
  .lbp_h2 {
    font-size: 23px;
  }
  .lbp_h3 {
    font-size: 19px;
  }
  .lbp_h4 {
    font-size: 16px;
  }
  .lbp_p {
    font-size: 15px;
  }
  .lowerbackpain_spacing {
    margin-top: 65px;
  }
}
@media only screen and (min-width: 800px) {
  .lbp_h2 {
    font-size: 27px;
  }
  .lbp_h3 {
    font-size: 23px;
  }
  .lbp_h4 {
    font-size: 19px;
  }
  .lbp_p {
    font-size: 18px;
  }
  .lowerbackpain_spacing {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1000px) {
  .lbp_h2 {
    font-size: 30px;
  }
  .lbp_h3 {
    font-size: 25px;
  }
  .lbp_h4 {
    font-size: 21px;
  }
  .lbp_p {
    font-size: 20px;
  }
  .lowerbackpain_spacing {
    margin-top: 85px;
  }
}
/* END | Lower Back Pain */


/* START | Weight Management  */
[class*="colwm"] { /* base properties for lbp column system */
  float: left;
  padding: 0px;
  text-align: center;
  border: 1px solid #f0f0f0;
}

.colwm-1 {width: 10%;}
.colwm-2 {width: 20%;}
.colwm-3 {width: 30%;}
.colwm-4 {width: 40%;}
.colwm-5 {width: 50%;}
.colwm-6 {width: 60%;}
.colwm-7 {width: 70%;}
.colwm-8 {width: 80%;}
.colwm-9 {width: 90%;}
.colwm-10 {width: 100%;}

.colwmd-1 {width: 5%;}
.colwmd-2 {width: 10%;}
.colwmd-3 {width: 15%;}
.colwmd-4 {width: 20%;}
.colwmd-5 {width: 25%;}
.colwmd-6 {width: 30%;}
.colwmd-7 {width: 35%;}
.colwmd-8 {width: 40%;}
.colwmd-9 {width: 45%;}
.colwmd-10 {width: 50%;}
.colwmd-10 {width: 55%;}
.colwmd-10 {width: 65%;}
.colwmd-10 {width: 70%;}
.colwmd-10 {width: 75%;}
.colwmd-10 {width: 80%;}
.colwmd-10 {width: 85%;}
.colwmd-10 {width: 90%;}
.colwmd-10 {width: 95%;}
.colwmd-10 {width: 100%;}


.weightmanagement-body {
  margin-top: 100px ;
}
.wm_h2 {
  font-size: 20px;
}
.wm_h3 {
  font-size: 14px;
  margin-top: 10px;
}
#wm_list_styling {
  list-style-type: none;
  font-size: 14px;
}
.img_health_fitness {
  width: 33%;
  height: auto;
  margin-top: 50px;
  margin-bottom: 10px;
}
#img_health_fitness_d {
  width: 45%;
  height: auto;
  margin-top: 50px;
  margin-bottom: 10px;
}
.wm_section_styling {
  margin-top: 20px;
}
.wm_h_stage_styling {
  font-size: 19px;
}
.wm_s1_margin {
  margin-top: 40px;
}
.wm_p_styling {
  font-size: 14px;
}
.wm_nutrition_styling {
  margin-top: 50px;
}
.img_nutrition_approved {
  width: 33%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
#img_nutrition_approved_d {
  width: 45%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 599px) {
  #wm_desk {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  #wm_mobile {
    display: none;
  }
  .img_health_fitness {
    width: 50%;
    height: auto;
    margin-top: 240px;
  }
  .img_nutrition_approved {
    width: 50%;
    height: auto;
    margin-top: 180px;
  }
}
@media only screen and (min-width:700px) {
  .img_health_fitness {
    width: 40%;
    height: auto;
    margin-top: 190px;
  }
  .img_nutrition_approved {
    width: 40%;
    height: auto;
    margin-top: 170px;
  }
}
@media only screen and (min-width:800px) {
  .img_health_fitness {
    width: 35%;
    height: auto;
    margin-top: 180px;
  }
  .img_nutrition_approved {
    width: 35%;
    height: auto;
    margin-top: 170px;
  }
}
@media only screen and (min-width:900px) {
  .img_health_fitness {
    width: 33%;
    height: auto;
    margin-top: 170px;
  }
  .img_nutrition_approved {
    width: 33%;
    height: auto;
    margin-top: 150px;
  }
}
@media only screen and (min-width:1000px) {
  .img_health_fitness {
    width: 30%;
    height: auto;
    margin-top: 160px;
  }
  .img_nutrition_approved {
    width: 30%;
    height: auto;
    margin-top: 120px;
  }
  .wm_h2 {
    font-size: 26px;
  }
  .wm_h3 {
    font-size: 20px;
    margin-top: 10px;
  }
  .wm_h_stage_styling {
    font-size: 20px;
  }
  .wm_p_styling {
    font-size: 17px;
  }
  #wm_list_styling {
    list-style-type: none;
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) {
  .img_health_fitness {
    width: 28%;
    height: auto;
    margin-top: 140px;
  }
  .img_nutrition_approved {
    width: 28%;
    height: auto;
    margin-top: 100px;
  }
  .wm_h2 {
    font-size: 30px;
  }
  .wm_h3 {
    font-size: 25px;
    margin-top: 10px;
  }
  .wm_h_stage_styling {
    font-size: 24px;
  }
  .wm_p_styling {
    font-size: 20px;
  }
  #wm_list_styling {
    list-style-type: none;
    font-size: 20px;
  }
}
/* END | Weight Management   */


/* START | Exercise Referral   */

[class*="coler"] { /* base properties for lbp column system */
  float: left;
  padding: 0px;
  text-align: center;
  border: 1px solid #f0f0f0;
}

.coler-1 {width: 10%;}
.coler-2 {width: 20%;}
.coler-3 {width: 30%;}
.coler-4 {width: 40%;}
.coler-5 {width: 50%;}
.coler-6 {width: 60%;}
.coler-7 {width: 70%;}
.coler-8 {width: 80%;}
.coler-9 {width: 90%;}
.coler-10 {width: 100%;}

.exercisereferral-body {
  margin-top: 100px ;
}
.er_h2 {
  font-size: 20px;
}
.er_h3 {
  font-size: 15px;
  margin-top: 10px;
}
.er_section_styling {
  margin-top: 20px;
}
.er_p_styling {
  font-size: 12px;
}
.er_list_styling {
  list-style-type: none;
  font-size: 12px;
}
@media only screen and (min-width:500px) {
  .er_h2 {
    font-size: 22px;
  }
  .er_h3 {
    font-size: 17px;
    margin-top: 10px;
  }
  .er_p_styling {
    font-size: 14px;
  }
  .er_list_styling {
    font-size: 14px;
  }
}
@media only screen and (min-width:800px) {
  .coler-1 {
    width: 20%;
  }
  .coler-8 {
    width: 60%;
  }
  .coler-2 {
    width: 25%;
  }
  .coler-6 {
    width: 50%;
  }

  .er_h2 {
    font-size: 27px;
  }
  .er_h3 {
    font-size: 23px;
  }
  .er_p_styling {
    font-size: 18px;
  }
  .er_list_styling {
    font-size: 18px;
  }

}

/* END | Exercise Referral   */


/* START | Mat Pilates   */
.matpilates-body {
  margin-top: 100px ;
}
.mp_h2 {
  font-size: 30px;
}
.mp_spacing {
  margin-top: 70px;
}
.mp_education {
  margin-top: 80px;
  width: 20%;
  height: auto;
}
.mp_date {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 4px;
}
.mp_venue {
  margin-top: 40px;
}
/* END | Mat Pilates   */


/* START | Zumba Gold   */
.zumbagold-body {
  margin-top: 100px ;
}
.zg_h2 {
  font-size: 30px;
}
.zg_h3 {
  font-size: 20px;
  margin-top: 10px;
}
.zg_spacing {
  margin-top: 70px;
}
.zg_education {
  margin-top: 80px;
  width: 20%;
  height: auto;
}
.zg_date {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 4px;
}
.zg_venue {
  margin-top: 40px;
}
/* END | Zumba Gold   */


/* START | Aerobics   */
.aerobics-body {
  margin-top: 100px ;
}
.ab_h2 {
  font-size: 30px;
}
.ab_h3 {
  font-size: 20px;
  margin-top: 10px;
}
.ab_spacing {
  margin-top: 100px;
}
.ab_education {
  margin-top: 100px;
  margin-bottom: 100px;
  width: 20%;
  height: auto;
}
.ab_date {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 4px;
}
/* END | Aerobics   */


/* START | About Me   */
.aboutme-body {
  margin-top: 100px ;
}
.am_h2 {
  font-size: 30px;
}
.am_h3 {
  font-size: 20px;
  margin-top: 10px;
}
.am_spacing {
  margin-top: 100px;
}
.am_education {
  width: 35%;
  height: auto;
}
.am_nutrition {
  width: 35%;
  height: auto;
}
.am_cert {
  margin-top: 50px;
}
.am_date {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 4px;
}
.am_list {
  padding: 2px;
}
/* END | About Me   */



/* START | Footer */
footer {
	position: relative;
  bottom: 0px;
}
@media (max-height:800px){
	footer { position: static; }
}
.footer-distributed{
	background-color: #2c292f;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 30px 30px 35px 30px;
	margin-top: 80px;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}
/* Footer left */
.footer-distributed .footer-left{
	width: 30%;
}
.footer-distributed h3{
	color:  #ffffff;
	font: normal 23px 'Cookie', cursive;
	margin: 0;
}
/* The company logo */
.footer-distributed .footer-left img{
	width: 30%;
}
.footer-distributed h3 span{
	color:  #e0ac1c;
}
/* Footer links */
.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 10px 0 1px;
  font-size: 13px;
}
.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
}
/* Footer Center */
.footer_contact {
  font-size: 13px;
}
.footer-distributed .footer-center{
	width: 30%;
}
.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 31px;
	margin: 10px 15px;
	vertical-align: middle;
}
.footer-distributed .footer-center i.fa-envelope{
	font-size: 15px;
	line-height: 29px;
}
.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}
.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}
.footer-distributed .footer-center p a{
	color:  #e8b923;
	text-decoration: none;;
}
/* Footer Right */
.footer_text {
  font-style: normal;
  color: white;
  font-size: 12px;
  font-weight: normal;
}
.footer-distributed .footer-right{
	width: 35%;
}
.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer-distributed .footer-icons{
	margin-top: 25px;
}
.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
}
/* Here is the code for Responsive Footer */
/* You can remove below code if you don't want Footer to be responsive */
@media (max-width: 880px) {
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
  }
	.footer-distributed .footer-center i{
		margin-left: 0;
	}
}