@charset "UTF-8";



html 					{   -ms-overflow-style: scrollbar; /* forces scrollbar to stay on-screen */
						}
						
/*body 					{ background: #BACCDA; }*/

/*#wrap 					{ width: 1000px; margin: 0 auto; position: relative; }*/
#wrap.authenticated	 	{ margin-top: 70px; }

/*#container 				{  background: #fff; }

header					{ background: #fff; }

#wrap nav 				{ 	
							background 		: #294B64 url(/images/background-nav.png) top left repeat-x;
							height 			: 43px;
							padding 		: 0 0 0 222px;
							width 			: 1000px; 
						}

#wrap nav ul			{ 	list-style-type	: none; 
							padding 		: 0; 
							margin 			: 0; 
						}

#wrap nav li			{ 	
							float 			: left;
							margin  		: 0;
						}


#wrap nav li a 			{
						 	display 			: block; 
							margin 				: 0;
							font-size 			: 16px; 
							color 				: #BACCDA;
							text-decoration 	: none; 
							height 				: 31px;
							padding 			: 12px 20px 0 0;
							text-transform 		: uppercase;
							font-family 		: 'Nunito', sans-serif;
						}

#wrap nav li.active a,
#wrap nav li a:hover	{ 	color: #fff; text-decoration: none; }

#subnav 				{ 	
							float 		: left; 
							width 		: 222px; 
							min-height 	: 200px; 
							padding 	: 30px;
						}

#subnav ul 				{ 
							list-style-type	: none;  
							margin 			: 0;
							padding 		: 0;
						}

#subnav li 				{ margin-bottom: 8px; }

#content 				{ 
							background: #fff;
							width	: 778px; 
							float 	: left; 
							padding : 30px 30px 30px 0;
							min-height: 500px;
						}

#content a 				{ color: #36457D; }
#content img 			{ max-width: 100%; }

#contact-info			{ 	margin-left: 174px;
							color: #fff;
							padding: 10px 5px 10px 5px;
							clear: both;
							width: 798px;
							text-align: center;
							font-size: 9pt;
						}

#contact-info a 		{ color: #fff; text-decoration: none; }
#contact-info a:hover 	{ color: #fff; text-decoration: underline; }

footer 					{ 
							padding 		: 10px; 
							color 			: #34637E; 
							text-align 		: center; 
							font-family 	: 'Nunito', sans-serif;
							xtext-transform 	: uppercase;
						}

h1, h2					{ 
							font-size 				: 12pt; 
							color 					: #881551; 
							-webkit-margin-before 	: 0;
							-webkit-margin-after 	: 0;
							line-height 			: inherit;
							margin-bottom 			: 10px; 
							font-family 			: 'Nunito', sans-serif;
							text-transform 			: uppercase;
						}

h1 span					{ 
							display 		: block;
							color 			: #33627D;
							text-transform 	: none;
						}

h2						{ font-size: 10pt; }

td 						{ vertical-align: top; }
img 					{ border: 0; }
*/

div.clear 				{ clear: both; margin: 0; padding: 0; }
br.clear 				{ clear: both; }

/*
tr.header,
td.header				{ background-color: #731F3A; color: white; vertical-align: bottom; }
tr.header a,
td.header a				{ color: white; }			
th						{ vertical-align: bottom; }
*/

.reg					{ background-color: white; }
.alt					{ background-color: #efefef; }

.no-bold 				{ font-weight: normal; }

.datepicker				{ z-index:1151; }

.dynamic-width			{ width: auto; }
.inline-block			{ display: inline-block; }

.xtwitter-typeahead 		{ display: block !important; }
.xtt-dropdown-menu 		{ background: #fff; }

.share-buttons { margin: 0; padding: 0; }
.share-buttons li { list-style-type: none; float: left; margin-right: 4px; }
.share-buttons .email { width: 48px; height: 48px; background: #42c5b0; color: #fff; padding-left: 8px; padding-top: 8px; }

td .fa-check { color: #008000; }

/* TMG style info */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Font addition */
@font-face {
  font-family: 'sophia';
    src: url('Sophia.woff2') format('woff2'),
         url('Sophia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #fff !important;
}
a, a:link, a:visited, a:focus {color: #503694}
html {overflow-x: hidden}
/* Carousel base class */
.carousel {
  height: 400px;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}

/*  Navigation Style */
#subnav h1{display: none}
#prenav {background:#78b6e3 ; color: white; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; padding-right: 15px;font-size:18px}
#prenav a,#prenav a:visited,#prenav a:link, #prenav a:focus{color: white}
.navbar-header{float: none;}
#navbar ul{text-align: center; padding-left: 0px; margin-bottom: 0px}
#navbar li{display:inline-block;padding-left: 25px; padding-right: 25px;}
#navbar a, #navbar a:visited, #navbar a:link, #navbar a:focus{color: white; text-decoration: none;}
.navbar-inverse {background: #503694}
#navbar li a{line-height: 50px; text-transform: uppercase; letter-spacing: 1px}
.navbar{margin-bottom: 0px; border-radius: 0px; border:0px}

/* Home Page Style */
.introtext{padding-top: 25px; padding-bottom: 25px; font-size: 18px}
.homescheduleexpand{padding-bottom: 25px}

/* Wrap Style*/
#wrap{width:auto; max-width: 1200px}
.wrap{max-width: 1200px; margin: 0px auto;}
.container{padding-bottom: 35px; padding-top: 35px;}
#content{padding-bottom: 35px;}

/* Footer Style */
footer{background: #503694; color: white; padding-bottom: 35px; padding-top: 35px;}
footer a{color: white;}
footer h4{margin: 0px; font-family: 'sophia'; font-size: 30px; padding: 10px; letter-spacing: 1px}
h1{font-family: 'sophia'; color: black; font-size: 46px; line-height: 50px; text-transform: uppercase}
h2{font-family: 'sophia'; color: black; font-size: 42px; line-height: 46px}
.featuredclass h2 {font-family: 'sophia'; color: white; font-size: 40px; line-height: 40px; text-transform: uppercase}
.featuredclass {color: white ; text-align: center;  margin-bottom: 15px}
.featuredclass span{color: white !important;}
.featuredinner{padding: 10px; padding-top:25px; background: grey; height: 300px; overflow: hidden}
.featuredinner p, featuredinner li{margin: 0; font-size: 16px; line-height: 17px}

/* Slides (redeclared in responsive code) */
#firstbg{background:url('./img/img1.jpg') no-repeat center center; background-size: cover; height: 500px;}
#secondbg{background:url('./img/img2.jpg') no-repeat bottom center; background-size: cover; height: 500px;}
#thirdbg{background:url('./img/img3.jpg') no-repeat center center; background-size: cover; height: 500px;}
.glyphicon-chevron-left:before{content: url('./img/left.png');}
.glyphicon-chevron-right:before{content: url('./img/right.png');}
.carousel-control.left, .carousel-control.right,.carousel-control.left:hover, .carousel-control.right:hover{background-image: none !important;}
.carousel-control{margin-top: 50px;}


/* Featured Class */
.featuredclass:nth-child(4n-1) .featuredinner{background: url('../css/img/class1.jpg') no-repeat center center; background-size: cover;}
.featuredclass:nth-child(4n-2) .featuredinner{background: url('../css/img/class2.jpg') no-repeat center center; background-size: cover;}
.featuredclass:nth-child(4n-3) .featuredinner{background: url('../css/img/class3.jpg') no-repeat center center; background-size: cover;}
.featuredclass:nth-child(4n) .featuredinner{background: url('../css/img/class4.jpg') no-repeat center center; background-size: cover;}
.featuredclass a{color: white; text-decoration: underline}

/* Schedule / Calendar for home page */
#home #events .col-md-1{width: 14.2%; overflow: hidden}
#home #events td.text-right{display: none}
#home #events h4{font-family: 'sophia'; color: #503694; font-size: 40px}
#home #events td{display: block}
#home #events .col-sm-2{width:100%}
#home #events .col-sm-5{width: 100%}
#home #events a{color: #503694;}
.homeschedule{padding-top: 35px}

/* Schedule Page */
#schedule td {vertical-align: top}

/* Short Menu and Map */
#mapshortlinks {background:#78b6e3; padding: 15px 0px; color: white; clear: both}
#mapshortlinks ul a{color: white; text-transform: uppercase}
#mapshortlinks li{list-style: none;}
#mapshortlinks ul{padding-left: 0px;}
#mapshortlinks h3{font-family: 'sophia'; color: #503694; font-size:40px; text-transform: uppercase}
.purplebg{background: #503694; padding: 15px;}

/* Special Button Class */
.specialbutton, .specialbutton:visited, .specialbutton:focus{color: white !important; background: #503694;padding: 10px 20px; border-radius: 0px 15px;}
.bu{background: #78b6e3; }
.specialbutton:hover{text-decoration: none}
.btn-primary{color: white !important; background: #503694;padding: 10px 20px; border-radius: 0px 15px; float: right}
.bspace{margin-bottom: 10px}
.newsletter:hover{text-decoration: none;}

/* Subnav Idea */
#subnav {padding-top: 25px;}
#subnav ul{text-align: center; padding-left: 0px}
#subnav li{display: inline-block; line-height: 50px;}
#subnav a{color: white !important; background: #503694;padding: 10px 20px; border-radius: 0px 15px; margin: 0 15px; }

/* Logo Positioning */
#rsylogo {position:relative; width:144px; top:-260px; left: calc(50% - 72px); z-index: 999; margin-bottom: -150px}

/* Health Page Style */
.healthblogside{background:#78b6e3 ;text-align: center; padding-bottom: 25px;}
.healthblogside a, .healthblogside h2{color: white;}
h2.blog{font-family: sans-serif; font-size: 18px; text-transform: uppercase; line-height: 20px}
ul.share-buttons{padding-left: 0px}
ul.share-buttons li{list-style-type: none; display: inline-block; padding-right:15px;}

/* Styling for Store */
#product-categories{text-align: center; padding-bottom: 25px !important;}
.product-category a:nth-child(3), .product  a:nth-child(3){color: white !important; background: #503694;padding: 10px 20px; border-radius: 0px 15px; margin:10px 0px 20px 0px; position: relative; top:15px; display: block}
.product-category{width: 200px !important;height: 225px;}

/* Styling for Links Page*/
.linkheading{font-family: sans-serif;font-size: 18px; text-transform: uppercase; line-height: 20px}

/* Checkout */
#checkout .btn-primary{color: white !important; background: #503694;padding: 10px 20px; float: none;}

/* About Us */
#about-us #content > div > div > p:nth-child(2){text-align: center}

/* Contact Us */
/* #contact-us .row form{width: 50%;float: right;position: relative;top: -390px;margin-bottom: -390px;} */
#contact-us h3 { color: #503694; font-family: 'sophia'; font-size: 42px; line-height: 46px; text-transform: uppercase}

/* Logged In Style */
.editmode{margin-top: 50px}
.form-signin{padding: 19px 29px 60px !important}

/* Event Attendance Fix */
#event-attendance #subnav a {display: block}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 991px) {

#home #events .col-md-1{width: 100%}
#home #events .col-xs-1{width: 100%}
#home #events .col-xs-8{width: 100%}
.featuredinner{padding: 10px; padding-top:25px; background: grey; min-height: 0;}
#mapshortlinks li{display: inline-block; padding: 10px;}
#mapshortlinks ul{text-align: center;}
#mapshortlinks h3{text-align: center;}
#prenav .text-right, #prenav{text-align: center}

	}
@media (min-width:768px){.hidden-md-high{display: none}}
@media (max-width: 767px) {
	.container{width: 96%;}
	#mobilelogo img{max-width: 100%; height: auto;}
 .hidden-sm-low{display: none}
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
#navbar li{display:block;}
#navbar ul{text-align: left;}
#navbar li a{line-height: 35px; }
#firstbg{background:url('./img/img1mini.jpg') no-repeat center center; background-size: cover; height: 500px;}
#secondbg{background:url('./img/img2mini.jpg') no-repeat center center; background-size: cover; height: 500px;}
#thirdbg{background:url('./img/img3mini.jpg') no-repeat center center; background-size: cover; height: 500px;}
}
@media (max-width: 530px){
	#contact-us .row form{
	width: 100%;
    float: none;
    position: relative;
    top: 0px;
    margin-bottom: 0px;
}
}

/* End TMG style info */

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

	#wrap 			{ width: 100%; }

	#logo 			{ margin: -45px 0 0 49px; }

	#banner 		{ display: none; }

	#wrap nav 		{ height: auto; padding: 0; padding-bottom: 10px; width: auto; background-image: none; }

	#wrap nav ul 	{ margin: 0; }

	#wrap nav ul li { float: none; }

	#wrap nav li a { padding: 10px; }

	#subnav 		{ float: none; width: auto; min-height: 0; padding-bottom: 0; }

	#content 		{ width: auto !important; padding: 10px !important; float: none; }
}