/* CSS Document */

/* 
    Customized on: 2016-06-06, 18:00:00 
    Authors: Avalon, Josh Forgot, A.D., DivineMirror
    Theme Name: 5/3 Divine Mirror
    Description: Rosa Schenken
    Version: 16.2
    Web Maestre: You!
   
*/

 /* 
 greens:
 D1FEC5
 628646
 006633
 greenblues:
 925199
 299ED6
 Proper use of style sheets is essential to insuring your website is easy to maintain and simple to transform.  

IF YOU LEARN HOW TO USE THIS STYLE SHEET, THEN APPLY THAT KNOWLEDGE, YOU WILL BE ABLE TO MAKE CHANGES SIMPLY AND EASILY.

OTHER METHODS OF PAGE ADJUSTMENT WILL RESULT IN THE NEED FOR MORE TIME AND ENERGY IN THE SHORT AND LONG RUN.  

ASK FOR HELP, WHEN YOU NEED IT.  OUT OF RESPECT, WE ASSUME THAT IF YOU ARE NOT ASKING FOR HELP, THAT YOU DO NOT NEED IT.  BE AWARE THAT THERE IS A GROWING COLLECTION OF NETWORKED MINISTERS WHO CARE AND WILL HELP YOU.  EACH ONE HAS A DIFFERENT STYLE OF TEACHING AND VARIED STRENGTH IN PARTICULAR AREAS.
 
This style sheet has been professionally created to insure visual contrasts and design principles are maintained for the benefit of your center and your visitors using mobile phones.
 
 These grey notes will help guide your adjustment of your styles in this "css style sheet" 
 This new template was produced to support New Thought centers thoughout the world,
  
The underlying website structure has been adjusted 
to make it simple and intuitive to work on your web pages.

The navigation uses text based css links.
This makes website adjustments simpler and easier.  
 
 You will find explanations and guidance in how to use this element, 
 the CSS (Cascading Style Sheet) interspersed among the elements below.
 
 Vers.1.44
  */

/*
<!-- //////// COLOR ADJUSTMENT & APPEARANCE STYLES //////// -->
*/


/*
<!-- //////// BELOW TABLE OF CONTENTS //////// -->
*/

/*   
01 - Credits
02 - Instructions
03 - Table of Contents
04 - COLORS GENERAL PAGE STYLES
05 - TOP HEADER
06 - MAIN SLIDER
07 - SERVICES COLORS
08 - ACTIVITIES STYLES COLORS
09 - TESTIMONIAL STYLES COLORs
10 - OUR FOLK STYLES COLORS
11 - LATEST NEWS COLORS
12 - JOYFUL MEMBERS SLIDER COLORS
13 - CONTACT US COLORS
14 - FOOTER COLORS
15 - RETURN TO TOP COLORS
16 - KEYFRAMES COLORS
17 - VEGAS SLIDER COLORS
18 - PARALLAX COLORS
20 - WEB FX COLORS
21 - BLOG PAGES COLORS
22 - SINGLE POST PAGE COLORS
23 - TEXT AND LINK STYLES 
*/

/*
<!-- //////// BELOW: COLORS GENERAL PAGE STYLES //////// 
	background-image: url(http://spiritualtreatmentcenter.org/images/stock-snt/bground_blu.gif);

-->
*/


@charset "utf-8";
body { 	
	background-repeat:repeat;
	background-color: #FFFFFF;
 	color:#333333; 
	font-family:  "Franklin Gothic Book", "Franklin Gothic Medium", Arial, Calibri, sans-serif;
}


/*
body{
    background: #F6F6F6;
    color: #663366;    

}
*/

.warp{
    background: #FFFFFF;
}


/*
TYPOGRAPHY / FONTS
*/

p {
    color: #333333;
}

/*headings*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #0688A7;

}


/*
BASIC LINK STYLE COLORS
*/

a:link {color:#0688A7}
a:visited {color:#990099}
a:hover {color:#F2882C} 
a:active {color:#0000FF}


.section-top-line{
    border-top: 2px solid #F2882C; 

}

.section-top-line:after{
    background: #F2882C;
}

/*
chain links on group pages
F2882C - orange
63A69F - turq
FFD3A8 - peach
006699 - teal
990099 - purple pink
FFFF00 - yellow
009999 - standard background dark turq
*/


a.chain:link {
color:#FFFF00; 
background:#F2882C;

}

a.chain:visited {
color:#990099;

}
a.chain:hover {
color:#FFFFFF; 
 background: #009999;

 }
a.chain:active {
color:#0000FF; 

}



/*
buttons
F2882C - orange
63A69F - turq
*/

/*
down
*/


.btn-group .left-btn{
    
}



.left-btn{
    color: #0688A7;
    background-color: #FFFFFF;
    border: 2px solid #63A69F;
    

}

.left-btn:after{
    background: #F2882C;
}


.left-btn:hover{
    color: #FFFFFF;
}

/*
009999
left button above
*/


/*
right button below
*/

.right-btn{
    border:2px solid #63A69F;
    color: #0688A7;

}

.right-btn:after{
    background: #F2882C;
}


.right-btn:hover{
    color: #FFFFFF;
}

/*
right button above
*/


/*
general button below
*/


.general-btn{
    border:2px solid #63A69F;
    color: #F2882C;

}

.general-btn:after{
    background: #F2882C;
}


.general-btn:hover{
    color: #FFFFFF;
}

/*
<!-- //////// ARE BRANDED BUTTON LINKS ///////// -->
*/

/*
anim branded button below
*/

.ca-menu li{
    border: 2px solid #F2882C;
    
	background:url(http://newthought.info/frimages/unity/favicon.png) no-repeat;
}

.ca-menu li a{
    color: #FFFFFF;   

}

.ca-icon{
    color: #F2882C;
}

.ca-main{
    color: #F2882C;
}

.ca-sub{
    color: #FFFFFF;
}

.ca-menu li:hover{
    
    background:url(http://newthought.info/frimages/stock-graphics/rainbow-heart-35x30.png) no-repeat #F2882C;
    border-color: #F2882C;
    color:#FFFFFF;
    
    box-shadow: 0 45px 60px -50px #000000;
}

.ca-menu li:hover .ca-icon{

    color: #FFFFFF;
}


/*
anim branded button above
*/





/*
<!-- //////// ABOVE ARE BRANDED BUTTON LINKS ///////// -->
*/






/*
<!-- //////// BELOW: SOCIAL ICON COLORS ///////// -->
*/


/*
<!-- //////// BELOW: SOCIAL ICON COLORS ///////// -->
*/

.social-links li a{
    border: 2px solid #F2882C;
    color: #009999;
}


/*
background of upper right social media icons 
*/

.social-links li a:hover{
    color: #FFFFFF;
    background: #009999;
}

/*
<!-- //////// ABOVE: SOCIAL ICON COLORS ///////// -->
*/

/*
<!-- //////// BELOW: ICON CLUSTER COLORS ///////// -->

*/
.icon-clusters ul {
    border: 2px solid #F2882C;
    color: #009999;
 
}


.icon-clusters li a{

    border: 2px solid #F2882C;
    color: #009999;
  
}

/*
background of upper right social media icons 
*/

.icon-clusters li a:hover{
    color: #FFFFFF;
    background: #009999;
}

/*
below is a buttom for a shaped picture with rollover
*/

.icon-cluster-text ul {

    border: 2px solid #F2882C;
    color: #009999;
}



.icon-cluster-text li a{
float:left;
    border: 2px solid #F2882C;
    color: #009999;

}


.icon-cluster-text li a:hover{
    border: 2px solid #F2882C;
    background: #009999;
    color: #FFFFFF;
}


/*
<!-- //////// ABOVE: ICON CLUSTER COLORS ///////// -->
*/


/*
<!-- //////// BELOW: TOP HEADER //////// -->
*/

#top-header{
    background-color: #FFFFFF;
}


.logo{
    background-color: #F2882C;


}

.logo h2,.logo h2 a{
    color: #FFFFFF;
}

/*
floating upper right MAIN NAV button
*/


#btn-menu{
    color: yellow;

}

#btn-menu{
    background: #F2882C;
}

#btn-menu:hover{
    background: #63A69F;
    color:white;
}
/*
#btn-menu:focus{
    background: #63A69F;
}
*/




/*
Drop Down from MAIN NAV
*/

#main-nav  ul li ul{
    background: #FFAE5E;
}

#main-nav  ul li ul a{

/*
D1BF81
B19840
*/
    color: #0688A7;
}

#main-nav:hover ul li ul a{

/*
D1BF81
B19840
*/
    color: #FFFFFF;
}



/*
responsive conversions when compacted
*/

    #main-nav{
	/*
	master background 
	*/
        background: #F2882C;
    }

    #main-nav > ul > li > a{
        color: #FFFF00;
	/*
	master color of links 
	*/
        
    }

/*
<!-- //////// ABOVE: TOP HEADER //////// -->
*/

/*
<!-- //////// BELOW: MAIN SLIDER COLORS //////// -->
*/


.main-slider .owl-prev{
    color: #999999;
    background: #FFFFFF;


}

.main-slider .owl-next{
    color: #999999;
    background: #FFFFFF;
}

.main-slider .owl-prev:hover,
.main-slider .owl-next:hover{
    color: #FFFFFF;
    background-color: #0688A7
}

/*
<!-- //////// ABOVE: MAIN SLIDER COLORS //////// -->
*/

/*
<!-- //////// BELOW: SERVICES COLORS //////// -->
*/

/*
blocks 
009999

*/

.block{
    border-top: 2px solid #009999;

}

.block:after{
    background: #009999;
}

.follow-blck-border{
    border-left: 2px solid #ededed;
    border-right:  2px solid #ededed;
    border-bottom: 2px solid #ededed;

}



.services-item{

    border: 2px solid #EDEDED;

}

.services-item span{
    color: #009999;
}

.services-item p{
    color: #009999;

}

.services-item:hover{
    background: #F2882C;
    color: #FFFFFF;
}


.services-item:hover p,.services-item:hover span{
    color: #FFFFFF;
}

/*
<!-- //////// ABOVE: SERVICES STYLES COLORS //////// -->
*/

/*
<!-- //////// BELOW: ACTIVITIES STYLES COLORS //////// -->
*/

a.activitiesFilter:link {color: #B19840}
a.activitiesFilter:visited {color: #990099}
a.activitiesFilter:hover {color: #FFFF00} 
a.activitiesFilter:active {color: #0000FF}


.activitiesFilter ul {
	color: #B19840

}

.activitiesFilter ul li a:before {
	color: #B19840
}

.activitiesFilter ul li a:hover {
	color: #F2882C
}


.activitiesFilter ul li a.current { 
    color: #F2882C;
}

/*
governing the circles that pop up over the pix
*/

.activitiesContainer li .activities-item .mask{
    background-color: rgba(255,255,255,0.8);

}


.activitiesContainer li .activities-item .mask a{
    color: #FFFFFF;
    background-color: #F2882C;
/*
rgba(0,0,0,0.9);
*/
}

.activitiesContainer li .activities-item .mask a:hover{
    background: #009999;

}

/*
<!-- //////// ABOVE: ACTIVITIES STYLES COLORS //////// -->
*/

/*
<!-- //////// BELOW: TESTIMONIAL STYLES COLORS //////// -->
*/

/*
docksteps-1920x948.jpg
national-child-labor-1920x948-q-38-02.jpg
*/

.testimonial{
    background:#EDEDED url("http://newthought.info/frimages/stock/national-child-labor-1920x948.jpg") no-repeat center center fixed;

}

.testimonial h4 {
    color: #FFFF00;
}



.testimonial:after{
    background: rgba(0, 0, 0, 0.7);
}


.testimonial-slider p{
    color: #FFFF00;
}


.testimonial-slider p:after{
    color: #FFFF00;

}

.testimonial-slider p:before{
    color: #FFFF00;

}

.testimonial-slider  a{
    color: #FFFFFF;

}

/*
<!-- //////// ABOVE: TESTIMONIAL STYLES COLORS //////// -->
*/

/*
<!-- //////// BELOW: OUR FOLK STYLES COLORS //////// -->
*/


.folk-title{
    background: #009999;
    color: #EBD223;
/*shape parallelogram:*/    
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

}

.folk-title h3{
    color: #EBD223;
}


.our-folk-slider li .folk-img .mask{

    background-color: rgba(255,255,255,.8);
}

.our-folk-slider li .folk-img .mask ul li a{

    border: 1px solid #0688A7;

}

.our-folk-slider li .folk-img .mask ul li a:hover{
    background: #009999;
    color: #FFFFFF;
}

/*
docksteps-1920x948.jpg
national-child-labor-1920x948-q-38-02.jpg
*/

.we-are{
    background: url("http://newthought.info/frimages/docksteps-1920x984.jpg")center center fixed;
}

.we-are:after{
    background-color: rgba(0,0,0,0.8);
}


.we-are h3{
    color: #FFFFFF;
}

/*
<!-- //////// ABOVE: OUR FOLK STYLES COLORS //////// -->
*/

/*
<!-- //////// BELOW: LATEST NEWS COLORS //////// -->
*/


.gallery-post .owl-next,
.post-slide .owl-next{
    background: #FFFFFF;
}



.gallery-post .owl-prev,
.post-slide .owl-prev{
    background: #FFFFFF;

}

.gallery-post .owl-next:hover,
.gallery-post .owl-prev:hover,
.post-slide .owl-next:hover,
.post-slide .owl-prev:hover{
    background: #0688A7;
    color: #FFFFFF;
}


/*
<!-- //////// ABOVE: LATEST NEWS COLORS //////// -->
*/

/*
<!-- //////// BELOW: JOYFUL MEMBERS SLIDER COLORS //////// -->
*/


/*
the tiny line surrounding slider nav squares
*/
.our-team-slider .owl-dot,
.our-folk-slider .owl-dot {
    border: 1px solid #F2882C;
/*circles:*/    
    border-radius: 25px;
}


/*
the filler in the tiny slider nav squares
*/

.our-team-slider .owl-dot.active,
.our-folk-slider .owl-dot.active{
    background: #009999
}


/*
<!-- //////// ABOVE: JOYFUL MEMBERS SLIDER COLORS //////// -->
*/

/*
<!-- //////// BELOW: CONTACT US COLORS //////// -->
*/


input{
    border: 2px solid #EDEDED;
}

textarea{
    border: 2px solid #EDEDED;
}

/*
<!-- //////// ABOVE: CONTACT US COLORS //////// -->
*/

/*
<!-- //////// BELOW: FOOTER COLORS //////// -->
*/

#the-footer{
    background: #F9F9F9;
}

#the-footer p {
    color: #0688A7
}


/*
FOOTER NAVIGATION / LINK CHAIN
*/

.footer-nav-links {
	background-color:#FFFFFF;

	color:#F2882C;
}


.footer-nav-links li a.selected{
	background:url(http://newthought.info/frimages/unity/favicon.png) no-repeat left;

	color:#663399;
}

.footer-nav-links li a{
background:url(http://newthought.info/frimages/unity/favicon.png) no-repeat left;

	color:#00699B;
}

.footer-nav-links li a:hover{
background:url(http://newthought.info/frimages/stock-graphics/rainbow-heart-35x30.png) no-repeat left;

}

.footer-nav-links li:first-child{
	background:none;
}

.footer-nav-links li a:hover{
	color:#663399;
}

.footer-nav-links li a:visited{
	color:#660066;
}


/*
<!-- //////// ABOVE: FOOTER COLORS //////// -->
*/

/*
<!-- //////// BELOW: RETURN TO TOP COLORS //////// -->
*/

.go-up{

    background: #F2882C;
    color: #FFFFFF;
}

.go-up:hover{

    background-color: #009999;
}

.go-up i{
    color: #FFFFFF;
}

/*
<!-- //////// ABOVE: RETURN TO TOP COLORS //////// -->
*/


/*
<!-- //////// BELOW: VEGAS SLIDER COLORS //////// -->
*/



.slider-bg .vegas-slide:after{
    background-color: rgba(0,0,0,0.5)

}

/*
<!-- //////// BELOW: PARALLAX COLORS //////// -->
*/


.banner h1{
    color:#63A69F;
}

.banner p{
    color: #fff
}


.parallax-2:after,
.rotate-sec:after{
    background-color: rgba(0,0,0,0.6);

}

.slider-bg p{
    color: #FFFFFF;

}

.slider-bg h1{
    color:#63A69F;
}

.vegas-timer-progress {
    background: #FFFFFF;
}

/*
<!-- //////// ABOVE: WEB FX COLORS //////// -->
*/

/*
<!-- //////// BELOW IS LINKS ACCORDION  ///////// -->
009999
63A69F
F2882C
*/

.accordion-item-hd{
    color:#F2882C;
    
}

.accordion-item-hd:hover{
    color:#009999;
    
}

/*
<!-- //////// ABOVE IS LINKS ACCORDION  ///////// -->
*/


/*
<!-- //////// BELOW: SPECIAL PAGES COLORS //////// -->
*/

/*
<!-- //////// BELOW: BLOG PAGES COLORS //////// -->
*/

.page-title:after{
    background-color: rgba(0,0,0,.7);

}

.page-title h2{
    color: #FFFFFF;

}

.post .post-meta p a{
    color:#63A69F
}

.blog-post-2{
    background-color: #F9F9F9;
}

/*
<!-- //////// ABOVE: BLOG PAGES COLORS //////// -->
*/

/*
<!-- //////// BELOW: SINGLE POST PAGE COLORS //////// -->
*/

.single-post-img .owl-prev{
    color: #999999;

    background: #FFFFFF;
}

.single-post-img .owl-next{

    color: #999999;
    background: #FFFFFF;
}

.single-post-img .owl-prev:hover,
.single-post-img .owl-next:hover{
    color: #FFFFFF;
    background-color: #0688A7
}

.comments-area{
    background: #f4f4f4 ;

    -webkit-box-shadow: 0 0 5px 0 #eeeeee;
    -moz-box-shadow: 0 0 5px 0 #eeeeee;
    box-shadow: 0 0 5px 0 #eeeeee;
}

.comments-list li{
    border-top: 1px solid #ADADAD;


}

.comments-list li .learn-link{
    background-color: #F2882C;
    color: #FFFFFF;
}

.comments-list li .learn-link:hover{
    background: #63A69F;
}

.comments-list li .affirmation-link{
    background-color: #F2882C;
    color: #FFFFFF;
}

.comments-list li .affirmation-link:hover{
    background: #63A69F;
}



.comments-list li .avatar{
    border: 1px solid #63A69F;
}

.comments-form{
    background-color: #F9F9F9;
    -webkit-box-shadow: 0 0 5px 0 #eeeeee;
    -moz-box-shadow: 0 0 5px 0 #eeeeee;
    box-shadow: 0 0 5px 0 #eeeeee;
}

/*
<!-- //////// ABOVE: SINGLE POST PAGE COLORS //////// -->
*/



/*
<!-- //////// BELOW: TEXT AND LINK STYLES //////// -->
*/


/* TEXT STYLES are below 
these are named to help you know what styles 
are governing the appearance of the particular texts of the site
 some colors that can be used are:
  BF5022 = dark red brown
  5A9148 = summer green
  FFFF00 = bright yellow
  F1D50E = dull yellow
  6633CC = bright purple
  925199 = matching basic text
  F0447E = bright pink
  FFA41A = orange
  
  There are in fact thousands of other colors that can be used
  you can find out about these colors by using your web editor to explore them
  or to to a search engine and look up "html color codes"
  we found this site and it appears to be useful
  http://html-color-codes.info/
  (we do not own or administer the above site and cannot be responsible for any of it's content
  it could change, at the time of the creation of Version 1.4 in 2013 it seemed to be a good site) 
 */

/*
LINKCHAIN LINK STYLES ARE DEFINED BELOW
These are groups of links to sections within the site
such as special services, spiritual practices, etc...
One place these are used is to the the right of the upper main navigation
these are a set of links which target sub-pages in particular folders.
*/

a.linkchain:link {
	color:#008000;
	font-size: .85em;
}

a.linkchain:hover {
	color:#0000FF;
	font-size: .85em;
}

a.linkchain:active {
	color:#0000FF;
	font-size: .85em;
}

a.linkchain:visited {
	color:#839C3B;
	font-size: .85em;
}

/* below is text style for the link set above
this helps to maintain consistency throughout the site 
for a professional and clean look. */
.linkchain-text {

	font-size: .85em;
	color: #CF4420;
	text-decoration: none;
}

/* 
LINK CHAIN LINK STYLES ARE ABOVE
*/

/* 
MAP LINK AND TEXT LINK STYLES ARE DEFINED BELOW
(upper right on page) styles are below 
This is the link which allows for the end-user to jump to a mapping service
and find your center 
*/

a.maplink:link {
	font-family: Tahoma, Verdana, sans-serif;
	color:#F2882C;
	font-size: .83em;
	font-weight: bold; 
}

a.maplink:hover {
	color:#0000FF;
} 

a.maplink:active {
	color:#0000FF;
}

a.maplink:visited {
	color:#839C3B;
}

/* below is text style for the link set above
this helps to maintain consistency throughout the site 
for a professional and clean look. */
.maplink-text {
	text-align:center;
	font-size: .8em;
	color: #839C3B;
	font-weight: bold; 
}
/* 
MAPLINK STYLES ARE ABOVE 
*/

/* 
AUDIO LINKS AND TEXT STYLES ARE DEFINED BELOW
The audio link (upper right on page) styles are below 
*/

/* unvisited link */
a.spiritual-audio-link:link {
	color:#852792;
	font-size: .8em;
}

/* mouse over link */
a.spiritual-audio-link:hover {
	color:#0000FF;
	font-size: .8em;
} 

/* selected link */
a.spiritual-audio-link:active {
	color:#0000FF;
	font-size: .8em;
}

/* visited link */
a.spiritual-audio-link:visited {
	color:#839C3B;
	font-size: .8em;
}

/* below is a text style for the link set above
this helps to maintain consistency throughout the site 
for a professional and clean look. */
.spiritual-audio-text {

	font-size: .8em;
	color: #CD9BC4;
	text-decoration: none;
}

  /* 
SERVICE TIMES, PLACE TEXT STYLES ARE DEFINED BELOW
 section of each page that deals with 
 time, place, action (who, what, where, when, why)
 */
 

 /* 
Below is the style for 
"Join us!"
or if you change the verbiage properly
it will style the new text you use
 */
.joinUs {
	text-align:left;

	color: #006699;
	text-decoration: none;
}
 /* 
Below is the style for 
every Sunday
or if you change the verbiage properly
it will style the new text you use
 */
.serviceDays {
	text-align:left;
	color: #006699;
	text-decoration: none;
}
 /* 
Below is the style for 
"Meditation at 10:00 am"
or if you change the verbiage properly
it will style the new text you use
 */
.meditation-time {
	text-align:center;
	color: #3AA02C;
}
 /* 
Below is the style for 
"Celebration at 10:30 am"
or if you change the verbiage properly
it will style the new text you use
 */
.service-time {
	text-align:center;
	font-weight: bold;
	color: #006699;
}
 /* 
Below is the style for 
the postal address
if you wish to have one in this section
or if you change the verbiage properly
it will style the new text you use
 */
.postal-address {

	color: #F6CD9C;
}
 /* 
ABOVE ARE THE TIME, PLACE, ACTION styles
in the upper right hand corner of each page
---
the AUIDO and MAPLINK text and link styles 
are in the LINK STYLES section toward the top of the page.
 */

/*
<!-- //////// ABOVE: TEXT AND LINK STYLES //////// -->
*/