/*!
Theme Name: Cimplicity Child
Theme URI: http://underscores.me/
Author: Cimplicity
Author URI: https://www.cimplicity.co.za/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cimplicity
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}
/* =Fonts
-------------------------------------------------------------- */
.hf1{
	color: white;
	font-size: 1.5em;
    font-weight: 100;
	text-transform: uppercase;
	line-height: 1.05;
	text-align: center;
}
.hf2{
	color: dimgray;
	font-size: 2.5em;
    font-weight: 100;
	text-transform: uppercase;
	line-height: 1.05;
	text-align: center;
}
.hf3{
	color: dimgray;
	font-size: 3.5em;
    font-weight: 300;
	text-transform: uppercase;
	line-height: 1.05;
	text-align: center;
}
.hf4{
	text-decoration: underline;
}
.hf5{
	color: dimgray;
	font-size: 2.15em;
    font-weight: 300;
	text-transform: uppercase;
	line-height: 1.05;
	text-align: center;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
}

/**
 * Site Header
 * -----------------------------------------------------------------------------
 */
#inner-header{
	position: relative;
	z-index: 999;
	width: 70%;
	margin: 0 auto;
	height: 150px;
	
}
.skip-link{
	display: none;
}
.site-branding{
	width: 350px;
    float: none;
    padding: 0;
    margin: 0 auto;
	text-align: center;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#mega-menu-wrap-menu-1 {
    clear: both;
    width: 100%;
    margin: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    text-align: center;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/**
 * Site footer
 * -----------------------------------------------------------------------------
 */
#footer-wrapper {
    margin: 0 auto;
    padding: 0;
    width: 80%;
}
#footer-widget-wrapper{
	width: 100%;
	min-height: 50px;
	background: #616161;
}
.inner-footer-widget-wrapper{
	width: 90%;
    margin: 0 auto;
    min-height: 50px;
    padding: 60px 0 20px 0;
    color: white !important;
}
#footer-widget-wrapper-2{
	width: 100%;
	min-height: 100px;
	background: #393939;
}
.inner-footer-widget-wrapper-2{
	width: 70%;
	margin: 0 auto;
	min-height: 50px;
	padding: 40px 0 50px 0;
	color: white !important;
	text-align: left;
	font-size: 14px;
}
.flex-container-foot{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-webkit-align-items:flex-start;
align-items:flex-start;
-webkit-align-content:center;
align-content:center;
}
#footer-sidebar {
display:block;
height: 250px;
}

#footer-sidebar1 {
	width: 340px;
	margin-left:5px;
	margin-right:5px;
	    text-align: center;
}

#footer-sidebar2 {
	width: 340px;
	margin-left:5px;
	margin-right:5px;
	text-align: center;
}

#footer-sidebar3 {
	width: 340px;
	margin-left:5px;
	margin-right:5px;
	text-align: center;
}
.flex-container-foot2{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-webkit-align-items:center;
align-items:center;
-webkit-align-content:center;
align-content:center;
}
.site-info{
	width: 100%;
    margin: 0 auto;
	min-height: 50px;
	padding: 20px 0;
    text-align: center;
    font-size: 11px;
}
.site-name{
	width: 250px;
	height: 12px;
	padding-left:10px;
	padding-right:10px;
}
.designed-by{
	width: 350px;
	height: 50px;
	padding-left:10px;
}
.foot1{
	width: 100%;
	min-height: 10px;
	padding: 1px;
}
.foot1 a{
	color: white !important;
}
.foot1 a:hover{
	color: #f63d4b !important;
}
/**
* Custom
* -----------------------------------------------------------------------------
 */
#contentblog{
	width: 100%;
	min-height: 150px;
}
.inner-contentblog{
	width: 80%;
	margin: 0 auto;
	padding: 120px 0;
	min-height: 150px;
}
#covid19 {
    width: 100%;
    min-height: 50px;
    background: dimgray;
    color: white;
    padding: 20px;
    text-align: center;
    margin: 150px 0 0 0;
	font-size: 20px;
}
.grecaptcha-badge { opacity:0;}
a#scroll-to-top {
    z-index: 999 !important;
}
.entry-title{
	display: block;
}
#wrapper{
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 0;
}
#contactpage{
	min-height: 3500px;
    width: 100%;
    padding: 50px 0 0 0;
}
.inner-contactpage{
	width: 70%;
	margin: 0 auto;
    padding: 50px;
    letter-spacing: 0.08em;
}
}
#homeimage{
	position: relative;
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner1-Home.jpg) center no-repeat;
	height: 950px;
	margin: 0;
	}
#aboutimage{
	position: relative;
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner1-Home.jpg) center no-repeat;
	height: 950px;
	margin: 120px 0 0 0;
	}
.boxbtlc-1{
	width: 100%;
	margin: 0 auto;
	min-height: 50px;
	padding: 50px 0;
	color: #444;
	font-size: 22px;
}
#vp{
	position: relative;
	width: 35%;
	height: 300px;
	margin: 0 auto;
	padding: 320px 0;
}
.vp-2{
	    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 300px;
    padding-top: 50px;
	    color: #444;
}
#vp-text{
	margin: 20px 0 0 25px;
}
.vp-top-b{
	border-top: 2px solid #ffffff;
	width: 68%;
	margin: 0 auto;
}
.vp-middle-b{
	border-right: 2px solid #ffffff;
	height: 150px;
}
.vp-left-t{
	padding: 0 30px 0 0;
}
.h4-t{
	font-size: 24px;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0.03em;
	line-height: 30px;
}
.h5-t{
	font-size: 24px;
    color: #59595B;
    font-weight: normal;
    letter-spacing: 0.03em;
	line-height: 20px;
}
#t-hp{
	width: 100%;
	min-height: 300px;
	background: #B8C6B7;
}
.inner-t-hp {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
    min-height: 300px;
    color: #444;
}
#practice-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2021/11/back-to-life-hp-banner-2021.jpg)center no-repeat;
	height:732px;
	    margin: 10px 0 0 0;
}
.practice-text{
	position: relative;
    width: 55%;
    margin: 0 auto;
    padding: 280px 400px 0 0;
    float: right;
	text-align:center;
	color: #fff;
	font-size:30px;
}
.prac-top-b{
	border-top: 2px solid #ffffff;
	width: 70%;
	margin: 0 auto;
}
#resources-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner3-Resources.jpg) center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
.resources-text{
	position: relative;
    width: 45%;
    margin: 0 auto;
    padding: 280px 350px 0 0;
    float: right;
	text-align:right;
	color: #fff;
	font-size:30px;
}
.rec-text{
	position: relative;
    width: 45%;
    margin: 0 auto;
    padding: 180px 0 0 350px;
    float: left;
	text-align:left;
	color: #fff;
	font-size:30px;
}	
#faq-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner4-FAQ.jpg) center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
.faq-text{
	position: relative;
    width: 45%;
    margin: 0 auto;
    padding: 190px 0 0 350px;
    float: left;
	text-align:left;
	color: #fff;
	font-size:30px;
}
#products-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner5-RecommendedProducts.jpg) center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
#contact-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/06/Banner6-ContactUs.jpg) center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
.contact-text{
	position: relative;
    	width: 45%;
    	margin: 0 auto;
    	padding: 220px 380px 0 0;
    	float: right;
	text-align:right;
	color: #fff;
	font-size:30px;
}
#conditions-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2020/08/backtolife-conditions-13.jpg)center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
#testimonials-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner7-Testomonials.jpg)center no-repeat;
	height:732px;
	margin: 120px 0 0 0;
}
.testimonial-text{
	position: relative;
    width: 45%;
    margin: 0 auto;
    padding: 310px 380px 0 0;
    float: right;
	text-align:right;
	color: #fff;
	font-size:30px;
}
.btn {
	width:35%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 30px;
  padding: 20px;
  border: solid #fff 2px;
  text-decoration: none;
  margin: 80px auto;
text-align: center;
}
.btn:hover {
  text-decoration: none;
  color: #231E20;
  border: solid #231E20 5px;
  cursor: pointer;
}
.btn a{
	color: #fff;
}
.btn:hover a{
	color: #231E20;
}
.btn-app {
	width:45%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #F63D4B;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 30px;
  padding: 20px;
  border: solid #F63D4B 2px;
  text-decoration: none;
  margin: 80px auto;
text-align: center;
}
.btn-app:hover {
  text-decoration: none;
  color: #231E20;
  border: solid #231E20 5px;
  cursor: pointer;
}
.btn-app a{
	color: #F63D4B;
}
.btn-app:hover a{
	color: #231E20;
}
.btn-test {
	width:35%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 30px;
  padding: 20px;
  border: solid #fff 2px;
  text-decoration: none;
  margin: 10px auto;
text-align: center;
}
.btn-test:hover {
  text-decoration: none;
  color: #231E20;
  border: solid #231E20 5px;
  cursor: pointer;
}
.btn-test a{
	color: #fff;
}
.btn-test:hover a{
	color: #231E20;
}
#spine-left{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Spine.png) left no-repeat;
	background-size: cover;
}
#spine-practice{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-practice.jpg) right top no-repeat;
	background-size: 396px 1400px;
	min-height:700px;
	width: 100%;
	}
#spine-resources{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-resources.jpg) right no-repeat;
	background-size: contain;
	min-height:900px;
	width: 100%;
	}
#spine-testimonials{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-practice.jpg) right top no-repeat;
	background-size: 396px 1400px;
	min-height:700px;
	width: 100%;
	}
#spine-faq{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-faq.jpg) left no-repeat;
	background-size: contain;
	min-height:1500px;
	width: 100%;
	}
#spine-rec{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-rec.jpg) right no-repeat;
	background-size: contain;
	min-height:1000px;
	width: 100%;
	}
#spine-contact{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-contact.jpg) left no-repeat;
	background-size: contain;
	min-height:1600px;
	width: 100%;
	padding: 50px 0 0 0;
	}
#spine-newsletter{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/spine-contact.jpg) left no-repeat;
	background-size: contain;
	min-height:600px;
	width: 100%;
	}
.inner-spine-practice{
	width: 80%;
	min-height: 50px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}
.inner-spine-practice2{
	width: 80%;
	min-height: 50px;
	margin: 0 auto;
	text-align: left;
	padding: 30px 0;
}
.whatischiro{
	width: 100%;
	min-height: 5px;
	padding: 2px 0;
	font-size: 1.0em;
}
.area-text{
	width: 60%;
	margin: 0 auto;
	padding: 50px;
	letter-spacing: 0.08em;
}

.area-text-t{
	width: 80%;
	margin: 0 auto;
	padding: 50px;
	letter-spacing: 0.08em;
}
.h1-t{
	font-size: 70px;
	font-weight:lighter !important;
    letter-spacing: 0.06em;
	line-height: 75px;
}
.h1-t2{
	font-size: 70px;
	font-weight:lighter !important;
    letter-spacing: 0.06em;
	line-height: 75px;
	color: #fff;
	font-family: 'Playfair Display', Georgia, serif;
}
#two-column {
    width: 100%;
}
#two-column #left{
	width: 49%;
	float: left;
}
#two-column #right{
	width: 49%;
	float: right;
}
#two-column p{
	margin-bottom: 12px;
}
#two-column input[type="text"], #two-column input[type="email"] {
	border:none;
	border:1px solid #58585a;
	font-size :18px;
	font-weight: 600;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
	color: #58585a;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	padding: 20px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
	width:100%;
}
#two-column textarea {
    	position: relative;
    	padding: 20px;
    	border:1px solid #58585a;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
	font-weight: 600;
	color: #58585a;
	font-size :18px;
	font-family: Arial, Helvetica, sans-serif;
   	 -webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	border-radius: 0px;
    	width: 100%;
	height: 300px;
}
#two-column input[type="submit"]{
	padding:8px 18px;
	background:#222;
	color:#fff;
font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
	border: 1px solid #fff;
	float:right;
	font-size: 14px;
	font-weight:200;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: -80px;
}
#two-column input[type="text"]:focus, #two-column textarea:focus{
	background: #eee;
font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
}
#two-column input[type="submit"]:hover{
	background:#fff;
	color:#222;
	font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
	border: 1px solid #222;
}
.wpcf7-form-control-wrap {
    width: 50% !important;
}
div#ea_one.easy_accordion_wrapper div.single_accordion h2.ea-item-head {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    font-weight: normal;
    margin: 0 0 8px;
    padding-bottom: 10px;
    padding-left: 39px;
    position: relative;
	font-size: 1.3em;
}
.ui-state-default{
    border: 1px solid #ffffff !important;
  
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{ 
	order:1px solid #ffffff !important;
	background:#007fff;
	font-weight:normal;
	color:#fff
}

.ui-icon-background,.ui-state-active .ui-icon-background{
	border:#ffffff !important;
	background-color:#fff
	}
.ui-widget-content {
    border: 1px solid #ffffff !important;
    
}
.ui-widget {
    font-family: 'Quicksand', Arial, Helvetica, sans-serif !important;
    font-size: 1em;
}
#accordions-197, #accordions-194,  #accordions-260,  #accordions-344,  #accordions-346, .accordion-content {
    line-height: 1.5em;
font-size: 20px !important;
}
#treat-list{
    width: 100%;
        margin: 15px 0 0 25px;
text-align: center;
font-size: 16px;
}
.more{
position: absolute;
    right: 400px;
    top: 300px;
}
.text-r{
float: right;
}
.text-c{
text-align: center;
}
.text-l{
float: left;
    padding-bottom: 20px;
}
.text-13{
font-weight: 900;
font-size: 22px;
    margin: .250em 0 .250em 0;
}
#social-mobile-area{
	display: none;
}
.accordions-head { outline: none !important; }

#mob-text{
	display: none;
}
#competition {
	width: 60%;
	margin: 0 auto;
	padding: 50px;
	letter-spacing: 0.08em;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px 'Quicksand', Arial, Helvetica, sans-serif !important;
}
.byline{
	display: none;
}
.vcard{
	display: none;
}
.comments-link{
	display: none;
}
.main-line{
	width: 80%;
	margin: 0;
	border-bottom: 1px solid #425055;
	padding: 20px 0;
}
#content13{
	width: 100%;
	min-height: 1.5em;
	background: white;
}
.inner-content13{
	width: 60%;
	margin: 0 auto;
	min-height: 2.5em;
	padding: 2.5em 0;
	text-align: center;
}
/**
* Social Media
* -----------------------------------------------------------------------------
 */

#social {
    width: 90%;
    margin: 20px auto;
    text-align: center;
}
.social-box{
	    width: 95px;
    margin: 0 auto;
    min-height: 50px;
    padding-left: 15px;
}
.social-links a{
  text-align:center;
	float: left;
	width: 36px;
	height: 36px;
	border: 2px solid #909090;
	border-radius: 100%;
	margin-right: 7px; /*space between*/
    display: flex;
    align-items: center;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
} 
.social-links a i{
	font-size: 20px;
    align-self:center;
	color: #909090;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    margin: 0 auto;
}
.social-links a i::before{
  display:inline-block;
  text-decoration:none;
}
.social-links a:hover{
  background: rgba(0,0,0,0.2);
}
.social-links a:hover i{
  color:#fff;
}
/**
* Contact Form
* -----------------------------------------------------------------------------
 */
#two-column {
    width: 100%;
}
#two-column #left{
	width: 48%;
	float: left;
}
#two-column #right{
	width: 48%;
	float: right;
}
#two-column p{
	margin-bottom: 12px;
}
#two-column input[type="text"], #two-column input[type="email"], #two-column input[type="tel"] {
	border:none;
	border-bottom:1px solid rgb(100,112,121);
	font-size :18px;
	font-weight: 400;
	color: black;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	padding: 10px;
}
#two-column #right input[type="text"], #two-column #left input[type="text"]{
	width:100%;
}
#two-column textarea {
    position: relative;
    padding: 10px;
	border: none;
    border-bottom:1px solid rgb(100,112,121);
	font-weight: 400;
	color: black;
	font-size :18px;
	font-family: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
	height: 120px;
}
input[type=email], input[type=password], input[type=text], select, textarea {
    box-shadow: none;
    outline: 0;
    width: 100%;
	padding: 16px;
	border-bottom:1px solid rgb(100,112,121);
}
#two-column input[type="text"]:focus, #two-column textarea:focus{
	background: #eee;
}


input[type="submit"] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

input[type="submit"] {
    display: -webkit-box;
    display: flex;
    font-family: inherit;
    font-size: 18px;
    color: white !important;
	border: 3px solid #f63d4b !important;
    letter-spacing: 1px;
    line-height: 1;
	padding: 18px 90px;
	background: #f63d4b !important;
	transition: 1.5s ease-in-out;
}
input[type="submit"]:hover {
    font-size: 18px;
    color: white !important;
	border: 3px solid rgb(100,112,121) !important;
    letter-spacing: 1px;
    line-height: 1;
	padding: 18px 90px;
	background: rgb(100,112,121) !important;
}
/**
* Tables
* -----------------------------------------------------------------------------
 */
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Race"; }
	td:nth-of-type(2):before { content: "Start Time"; }
	td:nth-of-type(3):before { content: "Early Bird Fee"; }
	td:nth-of-type(4):before { content: "Pre Entry Fee"; }
	td:nth-of-type(5):before { content: "Late Entry Fee"; }
}

/**
* Media Queries
* -----------------------------------------------------------------------------
 */

@media screen and (max-width: 1900px) {
.vp-top-b {
    width: 62%;
    margin: 0 auto;
}	
}
@media screen and (max-width: 1900px) {
#vp{
	width: 45%;
}
}

@media screen and (max-width: 1600px) {
.resources-text {
    padding: 280px 150px 0 0;	
}
.area-text {
    width: 70%;
	padding: 50px 20px;
}
.rec-text {
    padding: 180px 0 0 180px;	
}
.contact-text {
    padding: 220px 190px 0 0;
}	
}


@media screen and (max-width: 1485px) {
.more{
    right: 300px;
}

}
@media screen and (max-width: 1470px) {
.practice-text {
    padding: 280px 300px 0 0;
   
}
}

@media screen and (max-width: 1400px) {
#vp{
	width: 55%;
}	
#treat-list{
    width: 80%;
margin: 15px auto 15px auto;
    }
.testimonial-text {
   padding: 310px 100px 0 0;	
}
}
@media screen and (max-width: 1370px) {
    .vp-2 {
    width: 60%;
}
.one_third {
    width: 48.3% !important;
}	
}
@media screen and (max-width: 1315px) {
.more{
    right: 200px;
}
}
@media screen and (max-width: 1300px) {
.practice-text {
    width: 35%;
    padding: 280px 180px 0 0;
    
}
.resources-text {
    width: 45%;
    padding: 280px 60px 0 0;
}
.rec-text {
    width: 45%;
    padding: 150px 0 0 60px;
}

}
@media screen and (max-width: 1210px) {
#vp{
	width: 65%;
}
.contact-text {
    width: 25%;
    padding: 500px 20px 0 0;
}
}

@media screen and (max-width: 1130px) {
.faq-text {
    width: 45%;
    padding: 150px 0 0 20px;
}
.rec-text {
    width: 25%;
    padding: 150px 0 0 20px;
}
.contact-text {
    width: 35%;
    padding: 500px 20px 0 0;
}
#header{
	min-height: 400px;
}
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1050px) {
.resources-text {
    width: 45%;
}
}
@media screen and (max-width: 1024px) {	
	.one_third {
    width: 98.3% !important;
}	
}
@media screen and (max-width: 1000px) {
#vp{
	width: 75%;
}	
}
@media screen and (max-width: 950px) {
.practice-text {
    width: 45%;
    padding: 280px 80px 0 0;
}
}
@media screen and (max-width: 905px) {
}
@media screen and (max-width: 900px) {
.faq-text {
    width: 55%;
    padding: 150px 0 0 20px;
}
.rec-text {
    width: 96%;
    padding: 150px 0 0 20px;
}
}
@media screen and (max-width: 850px) {
#vp{
	width: 85%;
}
.resources-text {
    width: 65%;
}
#header {
    min-height: 440px;
}	
}
@media screen and (max-width: 800px) {
.contact-text {
    width: 96%;
    padding: 500px 20px 0 0;
}
#practice-image {
    background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner2-ThePractice-800.jpg)center;
    background-repeat: no-repeat;
}
#home-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner1-Home-small.jpg) center;
background-repeat: no-repeat;
	}

#resources-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/08/Banner3-Resources-small.jpg) center;
background-repeat: no-repeat;
	}

#faq-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner4-FAQ-small.jpg) center;
background-repeat: no-repeat;
	}

#products-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner5-RecommendedProducts-small.jpg) center;
background-repeat: no-repeat;
	}

#contact-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner6-ContactUs-small.jpg) center;
background-repeat: no-repeat;
	}

#testimonials-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner7-Testomonials-small.jpg)center;
background-repeat: no-repeat;
	}
.practice-text {
   	width: 80%;
	padding-top: 280px;
   	text-align: center;
}
.resources-text {
   	width: 80%;
	padding-top: 180px;
	text-align: center;
}
.faq-text {
	width: 80%;
    	padding-top: 280px;
    	text-align: center;
}
.rec-text {
	width: 100%;
	padding-top: 450px;
   	text-align: center;
}
.contact-text {
	width: 100%;
	padding-top: 280px;
   	text-align: center;
}
.testimonial-text {
    width: 100%;
	padding: 280px 0 0 0;
   	text-align: center;
}
#spine-left{
	background: #ffffff;
		}
}
#spine-practice{
	background: #ffffff;
		}
#spine-resources{
	background: #ffffff;
		}
#spine-faq{
	background: #ffffff;
		}
#spine-rec{
	background: #ffffff;
		}
#spine-contact{
	background: #ffffff;
		}
#spine-newsletter{
	background: #ffffff;
		}
#spine-testimonials{
	background: #ffffff;
		}
.area-text {
    width: 90%;
}
.h1-t {
    font-size: 50px;
    font-weight: lighter !important;
    letter-spacing: 0.06em;
    line-height: 55px;
}
.btn-test {
    width: 55%;
}
.btn-app {
	width:55%;
 
}
}
@media screen and (max-width: 750px) {
#vp{
	width: 96%;
}
}
@media screen and (max-width: 660px) {
.btn-app {
    width: 65%;
}
}
@media screen and (max-width: 600px) {
body {
	font-size: 16px;
	line-height: 1.0em;
}
#vp-text {
    margin: 20px 0 0 0;
}
.one_half {
    margin-bottom: -3.0em !important;
}
#buttonsix{
	margin-top: 3.5em;
}
#map2{
	margin: 4.5em 0 1.5em 0;
}
.h1-t {
    font-size: 50px;
    line-height: 55px;
}
.vp-left-t{
	text-align: center;
	padding: 0;
}
.vp-right-t{
	text-align: center;
	padding: 0 40px 0 0;
}
.h4-t{
	text-align: center !important;
}

.vp-middle-b {
    border-right: none;
}
.btn {
    margin: -20px auto;
}
.vp-2 {
    width: 90%;
}	
#header {
    min-height: 500px;
}
.text-r{
float: none;
text-align: center;
    margin-top: 2.0em;
}
.text-c{
display: none;
}
.text-l{
    float: none;
    text-align: center;
    padding-bottom: 30px;
    margin-top: -10px;
    margin-bottom: 1.0em;
}
.area-text {
    width: 92%;
margin: 0 auto;
}
.btn-app {
    line-height: 1.5em;
	font-size: 20px;
}
.practice-text, .resources-text, .faq-text, .rec-text, .contact-text, .testimonial-text {
    line-height: 1.5em;
	
}
.wp-flybox_tab{
	display: none !important;
}
#social-mobile-area{
	display: block;
	height: 50px;
	width: 100%;
	    padding-top: 15px;
}
.inner-sma{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#treat-list {
    line-height:1.5em;

}
#accordions-197, #accordions-194,  #accordions-260,  #accordions-344,  #accordions-346, .accordion-content {
    line-height: 1.0em !important;
    font-size: 16px !important;
}
#two-column {
    width: 96%;
	margin: 0 auto;
}
.area-text-t {
    width: 90%;
    margin: 0 auto;
    padding: 0 !important;
}
#competition {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.comp-t1{
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 1.825em;	

}
input[type=email], input[type=password], input[type=text], select {
    max-width: 70%;
    margin: 0 margin;
    padding: 6px 8px;
   }
}
@media screen and (max-width: 510px) {
#recaptcha-mob{
	width: 70%;
}
.h1-t {
    font-size: 40px;
    line-height: 42px;
}
.practice-text, .resources-text, .faq-text, .rec-text, .contact-text, .testimonial-text {
    line-height: 1.2em;
	font-size: 20px;
}

.btn-app {
    width: 75%;
}
.btn-test {
    width: 75%;
font-size: 20px;
}

.resources-text {
   	width: 80%;
    	padding: 160px 0 0 0;
	text-align: center;
}
.testimonial-text {
    width: 96%;
	padding-top: 380px;
   	text-align: center;
}
.rec-text {
	width: 80%;
	padding: 430px 0 0 35px;
   	text-align: center;
}
.faq-text {
	width: 80%;
	padding: 380px 0 0 35px;
	margin: 0 auto;
   	text-align: center;
}
.contact-text {
	width: 80%;
	padding-top: 460px;
   	text-align: center;
}
.vp-2 {
    width: 100%;
    
}
.area-text {
    width: 90%;
margin: 0 auto;
}	
}

@media screen and (max-width: 420px) {

#treat-list{
width: 80%;
}
#header {
    min-height: 500px;
}
.h1-t2 {
    font-size: 40px;
    line-height: 45px;
}
.h1-t {
    font-size: 40px;
    line-height: 45px;
}
.practice-text {
   	width: 70%;
}
.area-text {
    width: 88%;
margin: 0 auto;
}
}
@media screen and (max-width: 410px) {
#header {
    min-height: 580px;
}
body {
	font-size: 16px;
}
	
}
@media screen and (max-width: 390px) {
#header {
    min-height: 620px;
}
#practice-image{
	background: url(http://www.backtolifechiro.co.za/wp-content/uploads/2016/07/Banner2-ThePractice-400.jpg) center no-repeat;
	}

.h1-t {
    font-size: 30px;
    line-height: 32px;
}	
}
@media screen and (max-width: 347px) {
.rc-anchor-normal {
    height: 74px;
    width: 50% !important;
}
.area-text {
    width: 86%;
margin: 0 auto;
}
}

@media screen and (max-width: 340px) {
.h1-t2 {
    font-size: 40px;
    line-height: 45px;
}
.rc-anchor-normal {
    height: 74px;
    width: 80% !important;
}	
}
@media screen and (max-width: 337px) {
#header {
    min-height: 540px;
}
.inner-sma{
	width: 96%;
	margin: 0 auto;
	text-align: center;
}
#social-mobile-area{
	padding-top: 20px;
}

#two-column {
    width: 92%;
	margin: 0 auto;
}
}
@media screen and (max-width: 320px) {
.one_half {
    margin-bottom: 0px !important;
}
.btn {
    margin: 0px auto;
}
.area-text {
    width: 86%;
margin: 0 auto;
}
}
@media screen and (max-width: 280px) {
.one_half {
    margin-bottom: 100px !important;
}
}