html,
body {
		margin: 0;
		padding: 0;
		height: 100%;
		xbackground-color: #000000 !important;
}

@font-face {
/*    font-family: 'bebas';
		src: url('../fonts/bebas.eot') format('eot'), 
				 url('../fonts/bebas.woff') format('woff'), 
				 url('../fonts/bebas.ttf')  format('truetype'),
				 url('../fonts/bebas.svg#bebas') format('svg');
*/}

/* AHT colors 
		#C3CF21 green
		#919295 light grey
		#5b5b5b dark grey
*/




/* stylized hr
hr {
		border: none;
		border-top: 3px double #333;
		color: #333;
		overflow: visible;
		text-align: center;
		height: 5px;
}

hr:after {
		background: #fff;
		content: '§';
		padding: 0 4px;
		position: relative;
		top: -13px;
}*/

hr {
		border: 0;
		height: 1px;
		background-image: linear-gradient(to right, 
				rgba(0, 0, 0, 0), 
				rgba(195, 207, 33, 1), 
				rgba(0, 0, 0, 0)
				);

}

/* Flexbox styles */
.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	justify-content: center;
}

#wrapper {
	 min-height: 100%;
	 position: relative;
	 z-index: 10;
}

#content {
	 padding: 0px;
	 padding-bottom: 360px;   /* Height of the footer */
}



/*******************************************************************
									 navbar
*********************************************************************/

.navbar {
	xposition: relative; 
	/* This will fix the header to the top (losing the paralax effect on the banner).
	If you want this, also adjust the banner & section margin-tops
	*/
}

.navbar-inverse {
	border-bottom: 0px solid #DCDCDC;
}

.navbar .container-fluid {
		margin-left: 50px;
}

.navbar-brand {
		padding: 20px 15px 0px 0px;
		margin: 0px 30px 100px 0px;
		color: inherit;
}

.navbar-right {
	margin-right: 15px !important;
}

.navbar-right .navbar-nav li a,
.big-nav .navbar-nav li a {
		color: inherit;
		text-transform: uppercase;
		font-size: 12px;
		padding: 5px 0px 5px 0px;
		margin: 0 15px;
}

.navbar-right .admin-nav {
	float: left !important;
}

.navbar-right .small-nav > li > a:hover, 
.navbar-right .small-nav > li > a:focus,
.navbar-right .small-nav > .active > a, 
.navbar-right .small-nav > .active > a:hover, 
.navbar-right .small-nav > .active > a:focus,
.navbar-right .admin-nav > li > a:hover, 
.navbar-right .admin-nav > li > a:focus,
.navbar-right .admin-nav .dropdown-menu > li > a:hover,
.navbar-right .admin-nav .dropdown-menu > li > a:focus,
.navbar-right .admin-nav > .active > a, 
.navbar-right .admin-nav > .active > a:hover, 
.navbar-right .admin-nav > .active > a:focus {
		background-color: transparent;
		background-color: rgba(255, 255, 255, 0);
		color: #C3CF21;
}

.navbar-phone {
		text-align: right;
		font-size: 1.5em;
		margin: 50px 30px 0px 0px;
}

.navbar-phone a,
.navbar-phone a:hover,
.navbar-phone a:focus {
		color: #C3CF21;
		text-decoration: none;
}

.big-nav {
		display: inline-block;
		width: 100%;
		margin-left: -25px;
		margin-top: -10px;
}

.big-nav .navbar-nav {
		float:none;
		text-align: center;
}

.big-nav .navbar-nav > li {
		display: inline-block;
		float: none;
		font-size: 1.5em;
		letter-spacing: .15em;
		xborder: 1px solid #000000;
}

.big-nav .navbar-nav > li > a {
	display: block;
		padding: 5px 20px 5px 20px;
		margin: 0px 0px 0px -3px;
}

.big-nav .navbar-nav > li > a:hover,
.big-nav .navbar-nav > li > a:focus {
		color: #FFFFFF;
		background-color: #C3CF21;
}

.big-nav .border-right {
		border-right: 1px solid #919295;
}

.big-nav .no-border {
	border: none;
}

.mobile-nav {
		margin-left: -40px !important;
}

@media (min-width: 768px) {
  .mobile-nav {
    display: none;
  }
}

/* Super small iphone5 */
@media only screen and (max-width: 320px) {
  .mobile-nav {
  		margin-top: -125px !important;
  }
  .mobile-nav .dl-menuwrapper {
  	margin-bottom: 10px;
}
  .navbar-brand img {
  	position: absolute !important;
  	right: 15px;
  	max-width: 80%;
  	visibility: visible;
  }
  #banner {
  	margin-top: 80px !important;
  }
}

/* between iphone5 and desktop breakpoint */
@media only screen and (min-width: 321px) and (max-width: 767px) {
  .mobile-nav .dl-menuwrapper {
  		margin-top: -100px !important;
  		margin-left: 30px !important;
  }
  .navbar-brand img {
  	position: absolute !important;
  	right: 30px;
  	max-width: 80%;
  	visibility: visible;
  }
  #banner {
  	margin-top: 150px !important;
  }
}

/* desktop size */
@media only screen and (min-width: 767px) and (max-width: 979px) {
	.big-nav .navbar-nav li {
		font-size: .1em;
		letter-spacing: .1em;
		margin: 0px 0px 0px -5px;
	}
	.navbar-right .admin-nav {
		float: right !important;
	}
}

/* super big desktop screen */
@media only screen and (min-width: 767px) and (max-width: 1047px) {
	.navbar-right {
		margin-top: -150px;
	}
}





/*******************************************************************
									section
*********************************************************************/

.section {
		margin: 50px 0;
}
.active-section {
		top: 80px;
}
.navbar.active-section {
		top: 0 !important;
}




/*******************************************************************
										banner
*********************************************************************/



#banner {
		margin-top: 170px;
}

.bgimage {
		width: 100%;
		min-height: 400px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment: fixed;
		-webkit-background-attachment: fixed;
		-moz-background-attachment: fixed;
		-o-background-attachment: fixed;
}

.bgimage .container-fluid {
		padding-left: 0px;
		padding-right: 15px;
}

.banner-top {
		padding: 5px 0px 10px 0px;
		background-color: rgba(255, 255, 255, .33);
		text-align: center;
		font-size: 1em;
		margin-right: -15px;
}

.banner-message {
		padding: 5px 20px 10px 20px;
		text-align: center;
		margin-top: 100px;
}

.banner-message h1 {
		font-size: 3em;
		font-weight: 400;
		color: #FFFFFF; 
		z-index: 100;
		letter-spacing: .1em;
		xtext-shadow:2px 2px #333;
		text-transform: uppercase;
}

.book-btn {
		border-radius: 8px;
		font-weight: 400;
		font-size: 1em;
		letter-spacing: .2em;
		text-transform: uppercase;
		background-color: #C3CF21; 
		color: #FFFFFF;
		padding: 5px 20px 5px 20px;
		margin: 15px 0px 0px 0px !important;
		border: none;
}

.book-btn:hover {
		border: 1px solid #FFFFFF;
		margin: 14px 0px -1px 0px !important;
		color: #FFFFFF;
}

/* Super small iphone5 */
@media only screen and (max-width: 320px) {
  .banner-message h1 {
  		font-size: 2em; !important;
  }
}


@media only screen and (max-width: 768px) {
		.bgimage {
				background-attachment: scroll;
				-webkit-background-attachment: scroll;
		    -moz-background-attachment: scroll;
		    -o-background-attachment: scroll;
				min-height: 300px !important;
		}
		.banner-message {
				margin-top: 50px !important;
		}
}




/*******************************************************************
											 info section
*********************************************************************/

#info {
		padding: 0px 75px 0px 75px;
}

#info .content-header {
		margin-top: -30px;
		margin-bottom: 10px;
}

#info .content-header h3 {
		color: #C3CF21;
		text-transform: uppercase;
		letter-spacing: .1em;
}

#info .content-header hr {
		text-align: left;
		margin: -5px 0 0 0;
		width: 25%;
		xborder-top: 2px solid #C3CF21;
}

#info .content-text p,
#info .content-text h4 {
		padding: 15px 0px 0px 0px;
}

#info .content-tags li {
		display: inline-block;
		color: #AAAAAA;
		text-transform: uppercase;
}


/* Super small iphone5 */
@media only screen and (max-width: 320px) {
  #info {
  		padding: 0px 15px 0px 15px;
  }
  #info .content-header h3 {
  	font-size: 1.2em;
  }
  #info .content-text h4 {
  	font-size: .9em;
  }
}

@media only screen and (max-width: 767px) {
  #info .content-header hr {
  	width: 100%;
  }
}







/*******************************************************************
											 related
*********************************************************************/

#related {
	text-align: center;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	display: flex;
	justify-content: center;
}

#related .related-title {
		text-transform: uppercase;
		color: #C3CF21;
		letter-spacing: .1em;
		font-weight: 400;
		font-size: .9em;
		padding-bottom: 10px;
}

#related .related-items .item {
	padding-bottom: 30px;
}

#related .related-items .item .item-title {
		color: #C3CF21;
		font-size: 1.2em;
		text-align: left;
		margin: 10px 0px -5px 0px;
}

#related .related-items .item .item-lede {
		color: #000000;
		font-size: .8em;
		text-align: left;
		margin: 0px 10px 0px 0px;
}

#related .related-items a.link {
		display: block;
		max-width: 250px;
}

#related .related-items a:hover {
		text-decoration: none;
}



@media only screen and (max-width: 767px) {
  #info .content-header hr {
  	width: 100%;
  }
}





/*******************************************************************
											 team
*********************************************************************/


.team .content-text img {
	float: right;
	padding: 0px 25px 25px 25px;
}

.team .practitioner {
		margin: 0px 0px 50px 0px;
		min-height: 200px;
}

.team .content-text hr {
	margin-top: -5px;
}




/*******************************************************************
											 contact
*********************************************************************/


.contact .content-text-left {
		float: left;
}

.contact .content-text-right h3 {
		margin-top: 0px;
}

#map {
		max-width: 100%;
		height: 200px;
		margin-top: 0px;
		border: 1px solid #666666;
}



/*******************************************************************
											 newsletter
*********************************************************************/


#mc_embed_signup {
		background: none;
		margin-top: 50px;
}

.newsletter .content-text label {
		display: block;
}

.newsletter .content-text input.email {
		min-width: 250px;
}

.newsletter #mc-embedded-subscribe {
		border-radius: 8px;
		font-weight: 400;
		font-size: 1em;
		letter-spacing: .2em;
		text-transform: uppercase;
		background-color: #C3CF21 !important; 
		color: #FFFFFF;
		padding: 5px 20px 5px 20px;
		margin: 15px 0px 0px 0px !important;
		border: 1px solid #FFFFFF;
}

.newsletter .content-text input.button:hover {
		border: 1px solid #919295 !important;
}





/*******************************************************************
											 testimonials
*********************************************************************/


blockquote {
		font-family: Georgia, serif;
		font-size: 18px;
		font-style: italic;
		xwidth: 500px;
		margin: 0.25em 0;
		padding: 0.35em 40px;
		line-height: 1.45;
		position: relative;
		color: #383838;
		border-left: none !important;
}

blockquote:before {
		display: block;
		padding-left: 10px;
		content: "\201C";
		font-size: 80px;
		position: absolute;
		left: -20px;
		top: -20px;
		color: #7a7a7a;
}

blockquote cite {
		color: #999999;
		font-size: 14px;
		display: block;
		margin-top: 5px;
}

blockquote cite:before {
		content: "\2014 \2009";
}





/*******************************************************************
											 blog
*********************************************************************/

.blog .content-text .post {
		margin-bottom: 25px !important;
}

.blog .content-text h3 {
		margin-top: 0px;
}

.blog .content-text .title a,
.blog .content-text .lede a {
		color: #C3CF21;    
}

.blog .content-text .title a:hover,
.blog .content-text .lede a:hover {
		color: #919295;
		text-decoration: none;
}

.blog .content-text .publisher {
		color: #919295;
}

.blog .content-text .pagination a.prev,
.blog .content-text .pagination a.prev:hover,
.blog .content-text .pagination a.prev:focus {
		background-color: #C3CF21;
		color: #FFFFFF;
		padding: 7px 11px 7px 7px;
}

.blog .content-text .pagination a.next,
.blog .content-text .pagination a.next:hover,
.blog .content-text .pagination a.next:focus {
		background-color: #C3CF21;
		color: #FFFFFF;
		padding: 7px 7px 7px 11px;
}

/*
.blog .content-text .pagination a.disabled {
		background-color: rgba(195,207,33, .33);
		color: rgba(255,255,255, .5);
}
*/

.blog .content-text nav ul.pagination li.active a,
.blog .content-text nav ul.pagination li.active a:hover,
.blog .content-text nav ul.pagination li.active a:focus {
		background-color: #DDDDDD;
		border-right: 1px solid #DDDDDD !important;
		border-bottom: 1px solid #DDDDDD !important;
		border-top: 1px solid #DDDDDD !important;
		border-left: 1px solid #DDDDDD !important;
		color: #FFFFFF;
		cursor: default;
}

.blog .content-text nav ul.pagination li a,
.blog .content-text nav ul.pagination li a:hover,
.blog .content-text nav ul.pagination li a:focus {
		background: none;
		border-right: 1px solid #DDDDDD !important;
		border-bottom: 1px solid #DDDDDD !important;
		border-top: 1px solid #DDDDDD !important;
		border-left: 1px solid #DDDDDD !important;
		position: relative;
		top: 0;
		cursor: pointer;
		color: #AAAAAA;
}





@media only screen and (max-width: 767px) {
		.blog .content-text .post img {
				width: 100% !important;
				}
		.blog .content-text .post {
				margin-bottom: 100px !important;
		}
		.blog .content-text h3 {
				margin-top: 15px;
		}
}




/*******************************************************************
											 services
*********************************************************************/









/*******************************************************************
											 footer
*********************************************************************/


#footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 360px;   /* Height of the footer */
		color: #FFFFFF;
		text-align: center;
		background: #5b5b5b;
		border-top: 1px solid #FFFFFF;
		padding: 20px 0px 0px 0px;
}

#footer .footer-logo img {
		max-width: 250px;
}

#footer .footer-text,
#footer .footer-text a {
		font-family: "Open Sans", sans-serif;
		font-size: .9em;
		letter-spacing: .2em;
		line-height: 1em;
		padding: 25px 0px 0px 0px;
		color: #FFFFFF;
}

#footer .footer-book {
		padding: 5px 0px 5px 0px;
		background-color: rgba(255, 255, 255, .33);
		text-align: center;
		font-size: .7em;
		margin: 25px 0px 0px 0px;
}

 .footer-book-btn {
		border-radius: 8px;
		font-weight: 400;
		font-size: 1em;
		letter-spacing: .2em;
		text-transform: uppercase;
		background-color: #C3CF21; 
		color: #FFFFFF;
		padding: 3px 20px 3px 20px;
		border: none;
		margin: 0px 0px 0px 0px !important;
}

.footer-book-btn:hover {
		border: 1px solid #FFFFFF;
		margin: -1px 0px -1px 0px !important;
		color: #FFFFFF;
}

#footer .footer-copy,
#footer .footer-copy a {
		font-family: "Open Sans", sans-serif;
		font-size: .7em;
		letter-spacing: .2em;
		line-height: 1em;
		padding: 0px 0px 0px 0px;
		color: #919295;
}


/* Super small iphone5 */
@media only screen and (max-width: 320px) {
  #footer .footer-copy {
		font-size: .65em;
		letter-spacing: .15em;
  }
}




/*******************************************************************
											 media queries
*********************************************************************/




/* A class between bootstrap's col-sm and col-xs, e.g. landscape phones */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		.col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, 
		.col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, 
		.col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 {
						float: left;
						position: relative;
						min-height: 1px;
						padding-right: 15px;
						padding-left: 15px;
			}
			.col-xsl-12 {
				width: 100%;
			}
			.col-xsl-11 {
				width: 91.66666667%;
			}
			.col-xsl-10 {
				width: 83.33333333%;
			}
			.col-xsl-9 {
				width: 75%;
			}
			.col-xsl-8 {
				width: 66.66666667%;
			}
			.col-xsl-7 {
				width: 58.33333333%;
			}
			.col-xsl-6 {
				width: 50%;
			}
			.col-xsl-5 {
				width: 41.66666667%;
			}
			.col-xsl-4 {
				width: 33.33333333%;
			}
			.col-xsl-3 {
				width: 25%;
			}
			.col-xsl-2 {
				width: 16.66666667%;
			}
			.col-xsl-1 {
				width: 8.33333333%;
			}
			.col-xsl-pull-12 {
				right: 100%;
			}
			.col-xsl-pull-11 {
				right: 91.66666667%;
			}
			.col-xsl-pull-10 {
				right: 83.33333333%;
			}
			.col-xsl-pull-9 {
				right: 75%;
			}
			.col-xsl-pull-8 {
				right: 66.66666667%;
			}
			.col-xsl-pull-7 {
				right: 58.33333333%;
			}
			.col-xsl-pull-6 {
				right: 50%;
			}
			.col-xsl-pull-5 {
				right: 41.66666667%;
			}
			.col-xsl-pull-4 {
				right: 33.33333333%;
			}
			.col-xsl-pull-3 {
				right: 25%;
			}
			.col-xsl-pull-2 {
				right: 16.66666667%;
			}
			.col-xsl-pull-1 {
				right: 8.33333333%;
			}
			.col-xsl-pull-0 {
				right: auto;
			}
			.col-xsl-push-12 {
				left: 100%;
			}
			.col-xsl-push-11 {
				left: 91.66666667%;
			}
			.col-xsl-push-10 {
				left: 83.33333333%;
			}
			.col-xsl-push-9 {
				left: 75%;
			}
			.col-xsl-push-8 {
				left: 66.66666667%;
			}
			.col-xsl-push-7 {
				left: 58.33333333%;
			}
			.col-xsl-push-6 {
				left: 50%;
			}
			.col-xsl-push-5 {
				left: 41.66666667%;
			}
			.col-xsl-push-4 {
				left: 33.33333333%;
			}
			.col-xsl-push-3 {
				left: 25%;
			}
			.col-xsl-push-2 {
				left: 16.66666667%;
			}
			.col-xsl-push-1 {
				left: 8.33333333%;
			}
			.col-xsl-push-0 {
				left: auto;
			}
			.col-xsl-offset-12 {
				margin-left: 100%;
			}
			.col-xsl-offset-11 {
				margin-left: 91.66666667%;
			}
			.col-xsl-offset-10 {
				margin-left: 83.33333333%;
			}
			.col-xsl-offset-9 {
				margin-left: 75%;
			}
			.col-xsl-offset-8 {
				margin-left: 66.66666667%;
			}
			.col-xsl-offset-7 {
				margin-left: 58.33333333%;
			}
			.col-xsl-offset-6 {
				margin-left: 50%;
			}
			.col-xsl-offset-5 {
				margin-left: 41.66666667%;
			}
			.col-xsl-offset-4 {
				margin-left: 33.33333333%;
			}
			.col-xsl-offset-3 {
				margin-left: 25%;
			}
			.col-xsl-offset-2 {
				margin-left: 16.66666667%;
			}
			.col-xsl-offset-1 {
				margin-left: 8.33333333%;
			}
			.col-xsl-offset-0 {
				margin-left: 0;
			}
}