@charset "utf-8";
/* CSS Document for CharlotteYoga custom styling*/
/* v-1.6 */

/* SMOOTH SCROLL ON BACK-TO-TOP */
html {
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -o-scroll-behavior: smooth;
  scroll-behavior: smooth; }

/* MODAL - TEEN YOGA MODAL */
.modal-teen {
 position: fixed;
 top: 20%;
 left: 0;
 z-index: 1050;
 display: none;
 width: 100%;
 height: 100%;
 overflow: hidden;
 outline: 0; }

.fade-teen {
 transition: opacity 0.15s linear; }

.modal-dialog-teen {
 position: relative;
 width: auto;
 margin: 0.5rem;
 pointer-events: none; }

/*@media (max-width: 56.25em) {
 .modal-dialog-teen {
  max-width: 350px;
  margin: .5rem auto; } }*/

.modal-content-teen {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 width: auto;
 pointer-events: auto;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 0.3rem;
 outline: 0; }

.modal-header-teen {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: start;
 align-items: flex-start;
 -ms-flex-pack: justify;
 /*justify-content: space-between;*/
 justify-content: center;
 padding-bottom: 0rem;
 padding-top: .5rem;
 font-weight: 500;
 font-size: 1.5rem;
 color: #4A4B4B; }

/*@media (max-width: 56.25em) {
 .modal-header-teen {
 font-weight: 400;
 font-size: 1.25rem; } }

@media (max-width: 991px) {
 .modal-header-teen {
 font-weight: 400;
 font-size: 1.25rem; } }*/

.modal-body-teen {
 position: relative;
 -ms-flex: 1 1 auto;
 flex: 1 1 auto;
 padding: 0rem; }

.modal-footer-teen {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 padding: 0rem; }

/* NAV BAR ITEMS STYLING */
.nav-item-padded {
padding-left: .75rem;
padding-right: .75rem;
padding-bottom: .5rem;
font-size: 1rem;
font-weight: 400;}

.nav-link-new {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 1rem;
text-decoration: none;
color: #4A4B4B !important;
padding: 0px;
margin: 0px 10px;
display: inline-block;
position: relative; }

.nav-link-new:hover {
color: #FF8E1E !important;
opacity: 1; 
text-decoration: none !important; 
transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.nav-link-new-ltr::after {
position: absolute;
content: "";
display: block;
margin: 0 auto;
width: 0;
height: 2px;
background-color: #FF8E1E;
transition: opacity .3s ease, width .3s ease;
right: 0;
left: 0;
pointer-events: none;}

.nav-link-new-ltr:hover::after {
width: 100%; }

/* TYPOGRAPHY STYLING */
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
font-family: "Montserrat", sans-serif;
font-weight: 400;}

.heading-1 {
font-size: 3rem;
font-weight: 300 !important;
color: #FFFFFF;}

.heading-2 {
font-size: 2rem;
font-weight: 500 !important;
color: #FF8E1E; }

.heading-2-white {
font-size: 2rem;
color: #FFFFFF; 
font-weight: 300 !important;}

.heading-3 {
font-size: 1.5rem;
color: #232323; }

.heading-4 {
font-size: 2.5rem;
padding-top: 1rem; 
color: #fff;}
 
.heading-5 {
font-size: 1.5rem;
color: #fff; }
 
.heading-6 {
font-size: 1.25rem;
color: #232323; }
 
body,td,th {
color: #232323;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 1rem; } 
 
.white-font {
color: #fff !important;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 1rem; } 

/* NAV ICON STYLING */		
.margin {
margin: 0;
padding: 0; }

#nav-icon3 {
  width: 26px;
  height: 20px;
  position: relative;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: rotate(0deg); 
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #4A4B4B;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon3 span:nth-child(1) {
  top: 0px; }

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px; }

#nav-icon3 span:nth-child(4) {
  top: 16px; }

#nav-icon3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%; }

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon3.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%; }

.thumbnail-shadow {
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.34); 
  transition: transform .3s;}
 
/* ICON AND FONT AWESOME STYLING */
.facebook {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.facebook:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.facebook-footer {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.facebook-footer:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.instagram {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: .325rem;
  padding-right: .325rem; }

.instagram:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.instagram-footer {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.instagram-footer:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;   
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.youtube {
  background: white !important;
  color: #FF0303 !important; 
  font-size: 28px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.youtube:hover {
  background: white !important;
  color: #4A4B4B !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.youtube-header {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 28px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.youtube-header:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.youtube-footer {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 28px; 
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.youtube-footer:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

.google {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.google:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important; }

.google-footer {
  background: #C9E6FA !important;
  color: #4A4B4B !important; 
  font-size: 25px; 
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.google-footer:hover {
  background: #C9E6FA !important;
  color: #FF8E1E !important;  
  transition: color 0.5s cubic-bezier(0.6, 0, 0.2, 1);}

/* BACK-TO-TOP BUTTON STYLING */
#backBtn {
  scroll-behavior: smooth;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #FF8E1E;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 0px;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.95); 
  transition: transform .3s; }

#backBtn:hover {
  background-color: white;
  color: #4A4B4B; }

/* TESTIMONIAL PAGE STYLING */
.testimonial-box {
   background-color: #fff;
   margin-bottom: 1rem !important;
   padding: 1rem;
   text-align: left;
   border-radius: 0px;
   box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.34);
   transition: transform .3s; }  

/* CONTATCT PAGE STYLING */
.bg-contact {
   background-color: #fff;
   border-radius: 0px;
   padding-right: .5rem;
   padding-left: .5rem;
   padding-top: 1.5rem;
   padding-bottom: 1rem;
   margin-right: 0px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 1.5rem; 
   box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.34);}

.at {
  color: cornflowerblue; 
  font-size: 60px; 
  padding-left: .5rem;
  padding-right: .5rem; }

.phone {
  color: red; 
  font-size: 60px; 
  padding-left: .5rem;
  padding-right: .5rem; }

/* TERMS PAGES STYLING */
.navbar-nav-side {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
 -ms-flex-align: left;
 align-items: left; }

.nav-link-side {
  display: block;
  padding: 0.25rem 0rem;}

.mr-auto-side,
.mx-auto-side {
	margin-right: 0px !important;
	align-content: left;
	align-self: left;
	justify-content: left;
	align-items: left; }

.jumbotron-terms {
	background-color: #F0F0F0;
	padding-top: 2rem;
	padding-bottom: 0rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	margin-bottom: -20px;
	margin-top: 0px; }

.container-terms {
 background-color: #fff;
 border-radius: 10px;
 padding-right: 1rem;
 padding-left: 1rem;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 1.5rem; }

.terms-font {
	color: #003366;
 font-family: "Montserrat", sans-serif;
 font-weight: 400;
 font-size: .9rem; } 

/* ROW STYLING */
.row-footer-nav {
	text-align: center !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	width: 100%;
	background-color: #C9E6FA;}

.row-footer-badges {
 text-align: middle !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 0rem;
	margin-right: auto;
	margin-left: auto;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
	width: 100%;
	background-color: #B8DEF9; }

.row-footer-terms {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
 padding-top: 1.5rem;
 padding-bottom: 1rem;
	width: 100%;
	background-color: #9FD2F6; }

.row-header {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 height: auto;
 padding-top: 1rem;
 padding-bottom: 1rem;
 align-content: center;
 align-self: center;
 align-items: center;
 justify-content: center; }

/* PARALLAX STYLING AND PAGE HEADER/MIDDER STYLING*/
.header-index {
   background-image: url("../images_headers/header-index.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;}

.bottom-index {
   background-image: url("../images_headers/bottom-index.jpg");
   min-height: 500px;
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 2rem; 
   padding-bottom: 3rem; 
   margin-bottom: -20px;
}

.header-adult {
   background-image: url("../images_headers/header-adult.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.header-teen {
   background-image: url("../images_headers/header-teen.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.header-primary {
   background-image: url("../images_headers/header-primary-4.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.header-pregnancy {
   background-image: url("../images_headers/header-pregnancy.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.header-preschool {
   background-image: url("../images_headers/header-preschool.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.header-fertility {
   background-image: url("../images_headers/header-fertility.jpg");
   -webkit-background-attachment: fixed;
   -moz-background-attachment: fixed;
   -o-background-attachment: fixed;
   background-attachment: fixed;
   -webkit-background-position: center;
   -moz-background-position: center;
   -o-background-position: center;
   background-position: center;
   -webkit-background-repeat: no-repeat;
   -moz-background-repeat: no-repeat;
   -o-background-repeat: no-repeat;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 3rem; 
   padding-bottom: 10rem; 
   margin-bottom: 1.5rem;
}

.jumbotron-contact {
	padding: 2rem .5rem;
	background-image: url(../images_headers/bg-contact.jpg);
 min-height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	align-items: center; 
 margin-bottom: -20px;
 -webkit-margin-bottom: -20px;
 -moz-margin-bottom: -20px;
 -o-margin-bottom: -20px;}

.jumbotron-reviews {
	padding: 2rem .5rem;
	background-image: url(../images_headers/bg-reviews.jpg);
 /*min-height: 600px;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	align-items: center; 
 margin-bottom: -20px;
 -webkit-margin-bottom: -20px;
 -moz-margin-bottom: -20px;
 -o-margin-bottom: -20px;}

/* BELOW IS NOT USED BUT COULD BE */
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
    background-attachment: scroll; }
}

/* END */