/*  
Theme Name: Spiral Healing by Raven
Version: 2.0
Description: Mobile responsive and accessable theme that looks magical on any device.
Author: <a href="http://www.mikxecarson.com">Mike Carson</a>

*/


/* =============================================================================================================
		EMBEDDED FONTS
==============================================================================================================*/


/* GravitasOne */

@font-face {
    font-family: 'gravitas_oneregular';
    src: url('/fonts/gravitasone-webfont.woff2') format('woff2'),
         url('/fonts/ravitasone-webfont.woff') format('woff'),
         url('/fonts/gravitasone-webfont.ttf') format('truetype'),
         url('/fonts/gravitasone-webfont.svg#gravitas_oneregular') format('svg');
}



/* Futura */

@font-face {
    font-family: 'futura_md_btbold';
    src: url('/fonts/futubd_-webfont.eot');
    src: url('/fonts/futubd_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futubd_-webfont.woff') format('woff'),
         url('/fonts/futubd_-webfont.ttf') format('truetype'),
         url('/fonts/futubd_-webfont.svg#futura_md_btbold') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'futura_md_btbold_italic';
    src: url('/fonts/futubdit-webfont.eot');
    src: url('/fonts/futubdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futubdit-webfont.woff') format('woff'),
         url('/fonts/futubdit-webfont.ttf') format('truetype'),
         url('/fonts/futubdit-webfont.svg#futura_md_btbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('/fonts/futult_-webfont.eot');
    src: url('/fonts/futult_-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futult_-webfont.woff') format('woff'),
         url('/fonts/futult_-webfont.ttf') format('truetype'),
         url('/fonts/futult_-webfont.svg#futura_lt_btlight') format('svg');

}

@font-face {
    font-family: 'futura_lt_btlight_italic';
    src: url('/fonts/futultit-webfont.eot');
    src: url('/fonts/futultit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futultit-webfont.woff') format('woff'),
         url('/fonts/futultit-webfont.ttf') format('truetype'),
         url('/fonts/futultit-webfont.svg#futura_lt_btlight_italic') format('svg');
    font-style: italic;
}

/* DANIEL */

@font-face {
    font-family: 'danielregular';
    src: url('/fonts/daniel-webfont.eot');
    src: url('/fonts/daniel-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/daniel-webfont.woff') format('woff'),
         url('/fonts/daniel-webfont.ttf') format('truetype'),
         url('/fonts/daniel-webfont.svg#danielregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'danielbold';
    src: url('/fonts/danielbd-webfont.eot');
    src: url('/fonts/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/danielbd-webfont.woff') format('woff'),
         url('/fonts/danielbd-webfont.ttf') format('truetype'),
         url('/fonts/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'daniel_blackregular';
    src: url('/fonts/danielbk-webfont.eot');
    src: url('/fonts/danielbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/danielbk-webfont.woff') format('woff'),
         url('/fonts/danielbk-webfont.ttf') format('truetype'),
         url('/fonts/danielbk-webfont.svg#daniel_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* =============================================================================================================
		GLOBAL ELEMENTS & STYLES
==============================================================================================================*/

body {
		height: 100%;
		font-family: futura_lt_btlight, sans-serif;
		font-size: 12px;
		color: #ffffff;
		background-image: url(images/background-xl.jpg);
		background-position: bottom center;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #417db8;
		margin: 0px;
		padding: 0px;
		border: none;
}		
		
	/* Small Mobile Devices */
    @media (max-width: 767px) {
			body {
      	background-image: url(images/background-sm.jpg);
				background-size: 100% 100%;
      }
    }
		
		/* Tablets Devices */
    @media (max-width: 991px) {
			body {
      	background-image: url(images/background-md.jpg);
				background-size: 100% 100%;
      }
    }
		
		
		
h1, h2, h3, h4, h5, h6,
strong,
.panel-heading,
.btn,
.topnav a,
.mobile-header-nav a,
.fnav a  {
		font-family: futura_md_btbold;
}
		
em  {
		font-family: futura_lt_btlight_italic;
}

em strong,
strong em,
.testimonial-text,
.testimonial-text p,
.featured-testimonial-excerpt,
.featured-testimonial-excerpt {
		font-family: futura_md_btbold_italic;
}

p, li, blockquote, input, texarea  {
		font-family: futura_lt_btlight;
}		
		

h1  {
		margin-top: 0px;
		margin-bottom: 15px;
		padding: 0px;
		text-align: center;
		font-size: 28px;
		line-height: 25px;
}

h2 {
		margin-top: 0px;
		margin-bottom: 10px;
		padding-top: 10px;
		font-size: 24px;
		line-height: 26px;
}

h3  {
		padding: 0px;
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 20px;
		text-align: left;
		line-height: 22px;
}

h4  { 
	font-size: 14px;
	text-align: center;
	line-height: 19px;
}

h5  { 
	font-size: 12px;
	line-height: 17px;
}

h6  {
	font-size: 12px;
	line-height: 17px;
}

p {
  line-height: 24px;
  font-size: 18px;
}

li {
  line-height: 28px;
  font-size: 18px;
}		

iframe {
	max-width: 100% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px 10px;
}

main {
	margin-bottom: 30px;
}


.bg-white {
	background-color: rgba(255,255,255,.90);
	box-shadow: 0px 0px 20px #ffffff;
}
	.bg-white h1,
	.bg-white h2,
	.bg-white h3,
	.bg-white h4,
	.bg-white h5,
	.bg-white h6 {
		color: #0b9eb4;
	}
	
	.bg-white label {
		color: #535495;
	}

.bg-white .panel-default>.panel-heading {
  color: #ffffff;
}
    
.bg-white .panel-default>.panel-heading a,
.bg-white .panel-default>.panel-heading a:link,
.bg-white .panel-default>.panel-heading a:visited,
.bg-white .panel-default>.panel-heading a:active,
.bg-white .panel-default>.panel-heading a:hover {
  color: #ffffff;
}

.bg-white .panel-default {
  background: none;
}

.bg-white .panel-default>.panel-heading a[aria-expanded="true"],
.bg-white .panel-default>.panel-heading a[aria-expanded="false"] {
  background-color: #0b9eb4;
}

.bg-white .panel-default>.panel-heading a[aria-expanded="true"] {
	border-radius: 20px 20px;
}
	
/*  d0006f  98d0e7 1587c1 #99cfe5;   

Turqoise:  #0b9eb4
Bright Turquoise: #00ced1
Pale Turquoise: #99cfe5
Dark Turqoise:  #03788a

Turqoise Blue:  #d0006f
Dark Turqoise Blue:  #03788a
*/

.bg-turquoise {
	background-color: #0b9eb4;
	box-shadow: 0px 0px 20px #0b9eb4;
	color: #ffffff;
}
	.bg-turquoise h1,
	.bg-turquoise h2,
	.bg-turquoise h3,
	.bg-turquoise h4,
	.bg-turquoise h5,
	.bg-turquoise h6,
	.bg-turquoise label {
		color: #ffffff;
	}

.bg-turquoise .panel-default>.panel-heading {
  color: #ffffff;
}
    
.bg-turquoise .panel-default>.panel-heading a,
.bg-turquoise .panel-default>.panel-heading a:link,
.bg-turquoise .panel-default>.panel-heading a:visited,
.bg-turquoise .panel-default>.panel-heading a:active,
.bg-turquoise .panel-default>.panel-heading a:hover {
  color: #ffffff;
}

.bg-turquoise .panel-default {
  background-color: rgba(255,255,255,.85);
}


.bg-turquoise .panel-default>.panel-heading a[aria-expanded="true"],
.bg-turquoise .panel-default>.panel-heading a[aria-expanded="false"] {
  background-color: #535495;
}		
	
.bg-turquoise-b {
	background-color: #1587c1;
	box-shadow: 0px 0px 20px #1587c1;
	color: #ffffff;
}
	.bg-turquoise-b h1,
	.bg-turquoise-b h2,
	.bg-turquoise-b h3,
	.bg-turquoise-b h4,
	.bg-turquoise-b h5,
	.bg-turquoise-b h6,
	.bg-turquoise-b label {
		color: #ffffff;
	}
	
.bg-turquoise-b .panel-default>.panel-heading {
  color: #ffffff;
}
    
.bg-turquoise-b .panel-default>.panel-heading a,
.bg-turquoise-b .panel-default>.panel-heading a:link,
.bg-turquoise-b .panel-default>.panel-heading a:visited,
.bg-turquoise-b .panel-default>.panel-heading a:active,
.bg-turquoise-b .panel-default>.panel-heading a:hover {
  color: #ffffff;
}

.bg-turquoise-b .panel-default {
  background-color: rgba(255,255,255,.85);
}


.bg-turquoise-b .panel-default>.panel-heading a[aria-expanded="true"],
.bg-turquoise-b .panel-default>.panel-heading a[aria-expanded="false"] {
  background-color: #535495;
}	
	
.bg-spirals {
  background-image: url(images/bg-spirals.png);
  background-position: center center;
	background-attachment: fixed;
  background-repeat: repeat;
}

.page-top {
	margin-top: 0px;
}

.page-title {
	padding-top: 75px;
	padding-bottom: 10px;
}

.page-title h1 {
	font-size: 40px;
	line-height: 60px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 4px 8px #000000;
}
	
	/* Small Mobile Devices */
    @media (max-width: 1024px) {
			.page-title {
				padding-top: 40px;
      }
    }
		
		
.page-content {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #333333;
}

.section-title {
	margin-bottom: 40px !important;
	text-align: center;
	font-size: 30px !important;
	font-weight: bold;
}

/* 1.2 Hyperlinks */

a:link,
a:visited {
	color: #ff1a94;
	text-decoration:none;
} 
a:hover,
a:active {
	color: #d0006f;
	text-decoration: none;
}

.post-pagination a:link,
.post-pagination a:visited {
	color: #666666;
	text-decoration: none;
}
.post-pagination a:hover,
.post-pagination a:active {
	color: #b80031;
	text-decoration: none;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited  {
	color: #7d0a15;
	text-decoration: none;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover,
h4 a:active,
h5 a:hover,
h5 a:active,
h6 a:hover,
h6 a:active {
	color: #b80031;
	text-decoration: none;
}

.post-preview h2 a:link,
.post-preview h2 a:visited {
	color: #7d0a15;
	text-decoration: none;
}
.post-preview h2 a:hover,
.post-preview h2 a:active {
	color: #b80031;
	text-decoration: none;
}

	
/* Images */

img {
	max-width: 100%;
	border: none;
	text-decoration: none;
	}

	article img {
			border: 1px solid #222222;
			border-radius: 10px 10px;
		}
 		/* .entry img a:link, .entry img a:visited { border-color: #b80031; }
		.entry img a:hover, .entry img a:active { border-color: #7d0a15;} */
		
.alignleft {
	float: left;
	width: auto;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	width: auto;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.aligncenter {
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
      img.alignleft,
			img.alignright {
      	float: none;
				display: block;
				margin-left: auto;
      	margin-right: auto;
      	margin-bottom: 15px;
      }
		}

.wp-caption {
	padding: 0px;
	text-align: center;
	color: #674529;
}
	.wp-caption img {
		margin:0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-right: 0px;
		background: none;
		border: 5px solid #b80031;
	}
	.wp-caption img:hover {
		border-color: #7d0a15;
	}

.wp-caption-text {
	margin:0px;
	padding: 0px 4px 0px 4px;
	font-size:11px;
	text-align:center;
}
.wp-caption a:hover {
	border: none !important;
}



/* =============================================================================================================
		HEADER
==============================================================================================================*/

header {
  z-index: 1000;
  position: relative;
	width: 100%;
	max-height: 50px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding-top: 10px;
	background-color: #ffffff;
  /* border-radius: 50px / 100%; */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
 header:before,
    header:after {
      display: table;
      content: " ";
    }
    header:after {
      clear: both;
    }
		
		header a img {
			border: none;
			text-decoration: none;
		}
	
	/* Small Mobile Devices */
    @media (max-width: 769px) {
			header {
				max-height: 100%;
				background-color: #ffffff;
				padding-bottom: 25px;				
        border-radius: 1000px 1000px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
    }
		

.logo {
	float: left;
  margin-left: 15px;
	margin-right: 0px;
}
	.logo img {
		height: 150px;
		max-width: 100%;
	}
		
	/* Small Mobile Devices */
    @media (max-width: 769px) {
			.logo {
      	float: none;
				display: block;
				width: 100%;
  			margin-left: 0px;
      }
			
			.logo img {
      	float: none;
				display: block;
				margin-left: auto;
				margin-right: auto;
      }
    }
	
.hnav {
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: center;
}
	
	/* Small Mobile Devices */
    @media (max-width: 780px) {
			.hnav {
      	float: none;
				display: block;
				width: 100%;
				margin: 20px 0px 0px 0px;
      }
    }
	
	
.topnav {
	list-style: none;
	padding: 2px 5px 0px 0px;
	margin: 0px;
	text-align: center;
}
		
.topnav li {
	display: inline-block;
	list-style-type: none;
	padding: 0px 0px;
	margin-left: 15px;
	font-size: 16px;
	line-height: 24px;
}


	/* Small Mobile Devices */
    @media (max-width: 1025px) {
			.topnav li {
      	margin-left: 12px;
      	font-size: 14px;
      	line-height: 24px;
    	}
    }
	

.topnav a:link,
.topnav a:visited {
  color: #422061;
  text-decoration: none;
	
}

.topnav a:hover,
.topnav a:active {
  color: #0b9eb4;
  text-decoration: none;
}


/* === MOBILE HEADER NAVIGATION == */

.navmenu-toggle {
	display: block;
  position: relative;
	margin-left: auto;
	margin-right: auto;
  padding: 4px 6px;
  background-color: #333333;
  background-image: none;
  border: 1px solid #111111;
  border-radius: 4px;
	font-size: 18px;
	line-height: 10px;
	color: #ffffff;
	text-align: center;
}
.navmenu-toggle:focus,
.navmenu-toggle:hover {
  outline: 0;
	background-color: #666666;
	border: 1px solid #888888;
	color: #888888;
	box-shadow: inset 0px 0px 10px #000000;
}


.mobile-header-nav {
	z-index: 98;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
}

	/* small mobile devices */
    @media (max-width: 767px) {
    	.mobile-header-nav {
    	}
    }

.mobile-header-nav li {
	width: 100%;
	list-style-type: none;
	text-align: center;
	font-size: 16px;
	line-height: 35px
}

.mobile-header-nav a:link,
.mobile-header-nav a:visited {
  color: #422061;
  text-decoration: none;
	
}

.mobile-header-nav a:hover,
.mobile-header-nav a:active {
  color: #0b9eb4;
  text-decoration: none;
}
		
		
		

/* =============================================================================================================
		BLOG
==============================================================================================================*/


/* === ARTICAL CAROUSEL == */

#blog-carousel .carousel-content-area {
	text-align: center;
}

.carousel-content-area h3 {
  margin-top: 0px;
	margin-bottom: 0px;
  padding-top: 0px;
	padding-bottom: 0px;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	color: #535495;
}
	
.carousel-content-area .byline {
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 0px;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}


#blog-carousel a {
  border: none;
	font-weight: bold;
	text-align: center
}

#blog-carousel a.btn {
	margin-top: 15px;
	padding: 6px 30px 6px 30px;
	font-family: futura_md_btbold, arial;
	font-size: 20px;
	color: #ffffff;
	background-color: #ff1a94;
	border-radius: 20px 20px;
}


/* === ARTICLE LISTINGS == */

.article-title {
	font-size: 34px;
	line-height: 34px;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: -5px;
	color: #99cfe5;
}
	
.byline {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 0px;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	text-transform: capitalize;
}

.date-time {
	font-size: 16px;
	color: #666666;
}

.other-articles-title {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 50px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 4px 8px #000000;	
}

/*---- Article Gallery View ----*/

.more-articles {
	display: table;
	padding: 15px 0px 30px 0px;
	color: #333333;
	}
	.more-articles p {
		margin-top: 15px;
		font-size: 16px;
		color: #333333;
	}
		
.article-box {
	float: left;
	max-width: 355px;
	height: 350px;
	overflow: hidden;
	border-radius: 20px 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: rgba(255,255,255,.85);
}
	/* Small Mobile Devices */
    @media (max-width: 770px) {
      .article-box {
      	float: none;
				display: block;
      	max-width: 100%;
      	height: auto;
				margin-left: auto;
      	margin-right: auto;
      	margin-bottom: 15px;
      }
		}
	
.blog-articles {
	border-radius: 10px 10px;
	padding: 15px;
	margin-bottom: 25px;
}

.blog-articles img {
  border:  1px solid #333333;
	border-radius: 4px 4px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
	
.article-title-links {
	display: block;
	width: 100%;
	padding-top: 8px;
	margin-top: 0px;
	color: #535495;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}

.article-meta-links {
	display: block;
	width: 100%;
	padding-top: 8px;
	margin-bottom: 0px;
	color: #666666;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	text-transform: capitalize;
}

.posts-btn {
	display: block;
	clear: both;
	width: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.posts-btn .btn {
	width: auto;
	font-weight: bold;
	font-size: 18px;
  color: #ffffff;
  background-color: #ff1a94;
	border-radius: 20px 20px;
}

.posts-btn .btn:hover,
.posts-btn .btn:focus,
.posts-btn .btn:active {
    color: #ffffff;
    background-color: #d0006f;
}
				
				
				
/* =============================================================================================================
		COMMENTS
==============================================================================================================*/

.comment-reply-title {
	padding-top: 15px;
	font-size: 25px;
	text-align: center;
	color: #be9bd1;
	border-top: 4px dotted #be9bd1;
}


/* =============================================================================================================
		CONTACT FORMS
==============================================================================================================*/

form {
	display: block;
  max-width: 50%;
	margin: 40px auto 0px auto;
	line-height: 24px;
	font-size: 18px;
}
	/* Various Smaller Devices */
    @media (max-width: 800px) {
			.wpcf7-form {
				max-width: 100%;
    	}
    }
		
label {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

input[type=text],
input[type=email],
textarea {
	display: block;
	resize: no;
  border: 2px solid #535495;
  border-radius: 10px;
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  margin-top: 6px;
  margin-bottom: 25px;
	padding: 6px 10px;
  outline: 0;
	width: 100%;
	max-width: 100%;
}


textarea {
		height: 200px;
		}
		

input[type=submit]	{
		display: block;
		padding-top: 6px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 6px;
		margin: 30px auto 0px auto;
		background-color: #ff1a94;
		font-size: 20px;
		font-weight: bold;
  	color: #ffffff;
		border: none;
		border-radius: 20px;
}	
		
    input[type=submit]:hover	{
    		background-color: #d0006f;
    }

.hnypt-label {
	font-size: 1px;
	line-height: 1px;
	display: none !important;
	visibility: hidden !important;
}


/* =============================================================================================================
		COMMENTS
==============================================================================================================*/




/* =============================================================================================================
		FAQ
==============================================================================================================*/



/* =============================================================================================================
		HOMEPAGE
==============================================================================================================*/
 
.homepage-top {
	margin-top: -206px;
}

	/* Various Smaller Devices */
    @media (max-width: 800px) {
			.homepage-top {
				margin-top: -406px;
    	}
    }
		
			
.btn-hp {
  	width: auto;
		padding-top: 2px;
		padding-left: 30px;
		padding-right: 30px;		
		padding-bottom: 2px;
  	font-weight: bold;
  	font-size: 22px;
    background-color: #ff1a94;
  	border-radius: 40px 40px;
  }
  
      .btn-hp:hover,
      .btn-hp:focus,
      .btn-hp:active {
          color: #ffffff;
          background-color: #d0006f;
  		}
			
			
/* === INTRO TITLE BANNER AND DESCRIPTION ===*/

.hp-intro-title {
	background-image: url(images/bg-homepage-banner-xl.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-top: 320px;
	padding-bottom: 10px;
}

.hp-intro-title h1 {
	font-size: 40px;
	line-height: 60px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px 4px 8px #000000;	
}

	/* Various Smaller Devices */
    @media (max-width: 800px) {
			.hp-intro-title {
				padding-top: 400px;
				background: none;
    	}
			.hp-intro-title h1 {
				font-size: 30px;
				line-height: 50px;
				text-align: center;
    	}
    }
		
		
	/* Various Smaller Devices */
    @media (max-width: 400px) {
			.hp-intro-title h1 {
				font-size: 25px;
				line-height: 40px;
				text-align: center;
    	}
    }
		

.hp-intro-text {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #333333;
}

	.hp-intro-text p,
	.hp-intro-text li {
  	color: #333333;
  }
	
/* === HOMEPAGE VIDEO AREA === */

.hp-video-area {
	display: block;
	margin: 0px auto 0px auto;
	padding: 45px 15px 30px 15px;
	text-align: center;
}

	.hp-video-area iframe {
		width: 700px;
		height: 393px;
		box-shadow: 0px 4px 15px #222222;
		}

  .hp-video-area .btn {
  	margin-top: 35px;
  	margin-bottom: 5px;
    color: #ffffff;
  }


.video-credit {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
	font-style: italic;
}
    .video-credit a:link,
    .video-credit a:visited {
    		color: #00ced1;
    		text-decoration:none;
    } 
    .video-credit a:hover,
    .video-credit a:active {
    		color: #0b9eb4;
    		text-decoration: none;
    }
				

/* === EMBEDDED FACEBOOK POST AREA === */


.fb-posts-title {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0px 4px 8px #000000;	
}

.recent-facebook-posts {
	display: table;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}


	/* Small Mobile Devices */
    @media (max-width: 767px) {
			.recent-facebook-posts {
      	max-width: 100%
      }
    }

.rfbp-post {
	/* float: left;
	max-width: 23.9%; */
	margin: 0px .2%;
	padding: 20px 20px 10px 20px !important;
	background-color: rgba(255,255,255,.95);
	color: #333333;
	border-radius: 20px 20px;
}

.rfbp-image-wrap {
	text-align: center !important;
}
.rfbp-image {
	display: block !important;
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}

.rfbp-text {
	display: block;
	max-width: 100%;
	overflow: hidden;
}

	.rfbp-text p {
  	font-size: 18px;
		line-height: 22px;
	}
	.rfbp-text img {
  	display: block !important;
  	text-align: center !important;
  	margin-left: auto;
  	margin-right: auto;
	}
	
.rfbp-post-link-wrap {
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 5px;
}	
	


/* ==== NOTE: See "Testimonials" section for styles for the homepage testamonials display ==== */



/* =============================================================================================================
		MEDIA
==============================================================================================================*/

code {
	background: none;
}

code span {
	border-radius: 10px 10px;
}

.youtube_channel .ytc_video_container {
    float: left;
    position: relative;
		margin-top: -25px;
		margin-left: 15px;
		margin-right: 15px;
}

.ytc_title.ytc_title_below {
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #422061;
	font-weight: normal;
	font-family: 'futura_lt_btlight_italic';
}


/* ==============================================================================================================
		SERVICES
===============================================================================================================*/




/* ==============================================================================================================
		CONTENT CAROUSEL - GLOBAL
===============================================================================================================*/


.carousel-content {
  color: #333333;
  display: flex;
  align-items: center;
	padding: 20px;
}

.carousel {
  width: 100%;
  height: auto;
  padding: 30px 0px 50px 0px;
}

	/* Small Mobile Devices (Vertical Orientation) */
    @media (max-width: 760px) {
			.carousel {
      	 padding: 30px 0px 10px 0px;
      }
    }

.carousel-content-area {
	display: block;
	width: 60%;
	margin: auto auto;
	padding: 30px;
	border-radius: 20px 20px;
}


	/* Small Mobile Devices (Vertical Orientation) */
    @media (max-width: 760px) {
			.carousel-content-area {
      	width: 90%;
      }
    }
			
	/* Small Mobile Devices (Horizontal Orientation) */
    @media min-width: 761px) {
			.carousel-content-area {
      	width: 70%;
      }
    }
			
	/* Small Mobile Devices (Horizontal Orientation) */
    @media min-width: 1100px) {
			.carousel-content-area {
      	width: 60%;
      }
    }

.carousel-control:link {
	color: #ffffff;
	border-radius: none;
	background: none !important;
}

.mobile-carousel-control {
	display: block;
	width: 100%;
	margin-top: 10px;
	padding: none;
	font-size: 30px;
	text-align: center;
}

  .mobile-carousel-control a {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;

  }

	.mobile-carousel-control a:hover,
	.mobile-carousel-control a:focus {
    color: #ffffff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
  }



/* ==============================================================================================================
		PRICING
===============================================================================================================*/
		
		
.pricing-sidebar {
	float: right;
	margin: 20px 0px 25px 25px;
	padding: 15px 15px;
	max-width: 330px;
	background-color: #ffffff;
	border-radius: 20px 20px;
	box-shadow: 0px 0px 10px #422061;
	font-size: 18px;
	text-align: center;
}
	.pricing-sidebar img {
		border: none;
		border-radius: 0px 0px;
	}

	/* Small Mobile Devices */
    @media (max-width: 767px) {
			.pricing-sidebar {
				float: none;
				display: block;
				margin-left: auto;
				margin-right: auto;
      }
    }
		
	
.pricing-sidebar .btn {
  	margin-top: 15px;
  	margin-bottom: 5px;
    color: #ffffff;
		font-weight: bold;
		background-color: #ff1a94;
		border-radius: 50px;
}

.pricing-sidebar a.btn:hover,
.pricing-sidebar a.btn:active {
	background-color: #d0006f;
}


/* SESSION PRICING TABLE
-------------------------------------------------- */

.session-pricing-table {
	width: 400px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	padding: 25px 0px 15px 0px;
}
  .session-pricing-table td {
  	padding: 6px 10px 6px 10px;
  }
  .session-pricing-table td p {
  	padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
  }
  .session-pricing-table tr {
  	border-bottom: 2px dotted #999999;
  }

tr.session-pricing-first-session {
	border-bottom: 2px dotted #666666;
}

.session-pricing-service {
	width: 80%;
	font-weight: bold;
}

.session-pricing-service-cost {
	width: 20%;
	text-align: right;
}

		
		
/* PRICING TABLE
-------------------------------------------------- */

.pricing-table {
	margin: 0px auto 0px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}


.pricing-column  {
	display: block;
	align-self: stretch;
	flex-grow: auto;
  flex-basis: 23.9%;
	margin-left: .5%;
	margin-right: .5%;
}

/*
.pricing-column  {
	position: relative;
	float: left;
  min-height: 1px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: .5%;
	margin-right: .5%;
	width: 23.9%;
}
*/

@media (max-width: 768px) {
  	.pricing-column  {
			display: block;
    	position: relative;
    	float: none;
      min-height: 1px;
    	padding-left: 0px;
    	padding-right: 0px;
    	width: 100%;
    }
  }
	

.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 1x solid rgba(83,84,149,1.0);
	border-radius: 20px 20px 20px 20px;
	background-color: rgba(255,255,255,.90);
}

.pricing-head {
  text-align: center;
  border-bottom: solid 1px rgba(83,84,149,1.0);
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
	background-color: #535495;
	color: #ffffff;
	text-align: center;
  font-weight: bold;
  padding: 12px 10px;
  font-size: 25px;
  border-bottom: solid 1px #535495;
	border-radius: 20px 20px 0px 0px;
}

.pricing-head h4 {
  color: #535495;
  padding: 5px 0;
  font-size: 54px;
  font-weight: bold;
}

.pricing-head h4 span {
  top: -10px;
	color: #444444;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/

.pricing-content {
  padding: 0px 4px 10px 4px;
}
.pricing-content p  {
  font-size: 16px;
	line-height: 20px;
	text-align: center;
  padding: 7px 10px 0px 10px;
}

.pricing-content ul {
  padding-left: 0;
  list-style: none;
}

.pricing-content li {
  font-size: 12px;
	text-align: center;
  padding: 5px 4px;
  border-bottom: solid 1px #eeeeee;
}

/*Pricing Footer*/
.pricing-footer {
  color: #cccccc;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/* Buttons */

.pricing-footer .btn {
	width: 80%;
	font-size: 18px;
	font-weight: bold;
  color: #ffffff;
  background-color: #ff1a94;
	border-radius: 20px 20px;
}

.pricing-footer .btn:hover,
.pricing-footer .btn:focus,
.pricing-footer .btn:active {
    color: #ffffff;
    background-color: #d0006f;
}	


/* Featured Package*/


.pricing-head.featured {
  border-bottom: solid 1px rgba(208,0,111,.50); /* rgba(11,158,180,.50) | rgba(11,158,180,.50) */
}

.pricing-head.featured h4 {
  color: #36d7ac;
}
.pricing.featured {
  border: 3px solid #d0006f; /*#ff1a94 #0b9eb4 */
 
}

	/* Small Mobile Devices */
    @media (max-width: 769px) {
			.pricing.featured {
				margin-top: 15px;
      }
    }

.pricing.featured,
.pricing:hover {
  z-index: 9;
}

.pricing.featured h3 {
	background-color: #d0006f; /* #ff1a94 */
	color: #ffffff;
	padding-top: 3px;
  margin-top: -3px;
	border-bottom: 0px;
}

.pricing.featured h3 span{
	color: #ffc600;
}

.pricing.featured h4 {
  color: #d0006f; /* #ff1a94 */
}

.pricing.featured .btn {
  color: #ffffff;
  background-color: #0b9eb4;
}
.pricing.featured .btn:hover,
.pricing.featured .btn:focus,
.pricing.featured .btn:active,
.pricing.featured .btn.active {
    color: #ffffff;
    background-color: #03788a;
}

	

/* =============================================================================================================
		TESTIMONIALS
==============================================================================================================*/

	
blockquote.testimonial-bq {
	border: none;
	padding: 0px 0px;
	margin: 0px auto 0px auto;
}

	
/* TESTIMONIALS CAROUSEL
-------------------------------------------------- */

.quotation-mark {
	font-family: 'gravitas_oneregular';
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}
	/* Small Mobile Devices */
    @media (max-width: 1024px) {
      .quotation-mark {
				font-size: 20px;
      }
		}
		

.featured-testimonial-excerpt {
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	color: #535495;
	/* background: url(images/apostrophe-l.png) top left no-repeat, url(images/apostrophe-r.png) bottom right no-repeat; */
	}


.featured-testimonial-author {
	margin-top: 20px;
	padding-bottom: 0px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	}
		
		
/* TESTIMONIALS LISTINGS
-------------------------------------------------- */

ul.testimonial-listings,
ol.testimonial-listings {
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
}

.testimonial-container {
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0px;
	border-bottom: 4px dotted #99cfe5;
	text-align: center;
}
  .testimonial-container .testimonial-text {
		display: block;
  	width: 90%;
		margin-left: auto;
		margin-right: auto;
  	}

.testimonial-text {
	font-size: 18px;
	line-height: 24px;
	color: #535495;
	text-align: center;
	}

	.testimonial-text img {
		border: none;
		}

.testimonial-text p:first-of-type::before {
    content: "\0022";
	font-family: gravitas_oneregular;
	font-size: 20px;
	font-style: italic;
	margin-right: 4px;
}		
.testimonial-text p:last-of-type::after {
    content: "\0022";
	font-family: gravitas_oneregular;
	font-size: 20px;
	font-style: italic;
	margin-left: 4px;
}

			
.testimonial-author {
	margin-top: 25px;
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	}
	
/* HOMEPAGE TESTIMONIAL DISPLAY
-------------------------------------------------- */

.hp-testimonial-block {
	display: block;
	padding: 0px 0px 25px 0px;
	text-align: center;
}


.hp-testimonial-block .carousel {
  width: 100%;
  height: auto;
  padding: 30px 0px 30px 0px;
}


.hp-testimonial-block .btn {
  	margin-top: 0px;
  	margin-bottom: 5px;
    color: #ffffff;
}


/*-------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------*/

/* CAROUSEL INDICATORS
-------------------------------------------------- */

.carousel-indicators {
	z-index: 1000 !important;
}


/* PAGINATION
-------------------------------------------------- */

.pagination {
	display: block;
	width: 100%;
	margin-top: 40px;
	font-size: 22px;
	text-align: center;
}

.pagination  .prev {
	visibility: hidden;
	position: relative;
}
	.pagination .prev::after {
		visibility: visible;
		position: absolute;
		top: -1px;
		right: 5px;
		font-family: glyphicons;
  	content: "\e217";
  }

.pagination .next {
	visibility: hidden;
	position: relative;
}
	.pagination .next::before {
		visibility: visible;
		position: absolute;
		top: -1px;
		left: 5px;
		font-family: glyphicons;
  	content: "\e218";
  }

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
}		
	
.pagination .page-numbers {
}	


/* 404 ERROR SCREEN
-------------------------------------------------- */

.error-404 {
	display: block;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	text-shadow: 0px 4px 8px #000000;
}

.error-number {
	font-size: 200px;
	line-height: 200px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 0px;
	}

.error-text {
	font-size: 75px;
	line-height: 75px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 50px;
	}
	

/* ACCORDIAN MENUS
-------------------------------------------------- */

ul.panel-group,
ol.panel-group {
	list-style: none;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
}

.panel.panel-default {
  border: none;
	border-radius: 20px 20px;
	margin-bottom: 20px;
	padding: 0px;
	box-shadow: none;
}

.panel-default>.panel-heading {
  padding: 0;
	border: none;
	background: none;
	font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

	/* Laptops & Desktops */
    @media (max-width: 1024px) {
			.panel-default>.panel-heading {
				font-size: 16px
			}
		}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
	border-radius: 20px 20px 0px 0px;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"] {
	border-radius: 20px 20px;
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
	
.panel-default .panel-body {
  border-radius: 0px 0px 20px 20px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
}
	
	
	
/* =============================================================================================================
		FOOTER
==============================================================================================================*/


footer {
	z-index:100;
	display: table;
	width: 100%;
	position: relative;
	height: 40px;
	margin: 0 auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}	
				
footer p {
	}
	
	
	/* Small Mobile Devices */
    @media (max-width: 1025px) {
			.footer {
      	height: 100%;
    	}
    }
	
	
/*
footer a:link,
footer a:visited {
	text-decoration: none;
	color: #daa520;
	}
footer a:hover,
footer a:active {
	text-decoration: none;
	color: #ffd700;
	} 
*/


.social-media-links {
	margin-bottom: 0px;
	}
	
.follow-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;	
	margin: 0px 0px 30px 0px;
	padding: 0px;
		}

.sm-follow {
	margin: 10px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	color: #ffffff;
	text-align: justify;
	text-transform: uppercase;
/*  text-shadow: 1px 2px 3px #000000; */
	}	
		
img.btn-raven {
	width: 70px;
	max-width: 70px;
	margin: 0px 5px 0px 5px;
	}
	
ul.sm-icons {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	padding: 0px;
	}

ul.sm-icons li {
	list-style-type: none;
	margin-left: 8px;
	margin-right: 8px;
}

/* ul.sm-icons {
	list-style: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
	}

ul.sm-icons li {
	list-style-type: none;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	} */
	
	ul.sm-icons li img {
		border-radius: 8px 8px;
		/* box-shadow: 0px 2px 12px 0px #111111; */
		margin-bottom: 20px;
		}

.quote {
	max-width: 750px;
  margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
	}

p.quote-text {
  text-align: center;
	font-size: 24px;
	font-family: danielregular, futura_lt_btlight_italic;
	line-height: 32px;
	color: #ebceff; /* #e6e6fa #c1c1c1 #be9bd1 */
	}

.quote-author {
  text-align: center;
	font-size: 16px;
	line-height: 16px;
	color: #ebceff; /* #e6e6fa #c1c1c1 */
	margin-top: 20px;
	margin-right: 0px;
	}
	
.footer-bottom {
  display: block;
  width: 100%;
	padding: 40px 15px 10px 15px;
  margin: 30px 0px 0px 0px;	
	background-color: #ffffff;
  border-radius: 50% / 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.website-credit {
	margin: 15px auto 0px auto;
	padding: 0px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #555555;
}
	
.fnav {
	margin-top: 0px;
}
    .fnav a:link,
    .fnav a:visited {
      color: #422061;
      text-decoration: none;
    	font-weight: bold;    	
    }
    
    .fnav a:hover,
    .fnav a:active {
      color: #0b9eb4;
      text-decoration: none;
    }

	
.footnav {
	list-style: none;
	padding: 2px 5px 0px 0px;
	margin: 0px auto;
	text-align: center;
}
		
.footnav li {
	display: inline-block;
	list-style-type: none;
	padding: 0px 15px;
	margin-left: 0px;
	margin-ight: 0px;
	font-size: 14px;
	line-height: 25px;
}


/* === MOBILE HEADER NAVIGATION == */

.fnav .mobile-header-nav {
	z-index: 98;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
}

.fnav .mobile-header-nav li {
	width: 100%;
	list-style-type: none;
	text-align: center;
	font-size: 14px;
	line-height: 30px
}