/* ! ------------------ Colors --------------------- */

/* if using SCSS these can be variables otherwise copy and paste into css

creatologyOrange: #FC4C02;
luma5: #0D0D0D;
luma10: #1A1A1A;
luma15: #262626;
luma20: #333333;
luma25: #404040;
luma30: #4D4D4D;
luma35: #595959;
luma40: #666666;
luma45: #737373;
luma50: #808080;
luma55: #8C8C8C;
luma60: #999999;
luma65: #A6A6A6;
luma70: #B3B3B3;
luma75: #BFBFBF;
luma80: #CCCCCC;
luma85: #D9D9D9;
luma90: #E6E6E6;
luma95: #F2F2F2;

camBlue v1: #220837;
camRed v1: #A62F21;
camBlue v2: #13022c;
camRed v2: #e52c18;
camBlue v3: rgb(26,22,64);
*/

/* ! ------------------ Global Styles --------------------- */

.hidden {
	display:none;
}

.round {
 -webkit-border-radius: 500px 500px 500px 500px;
 -moz-border-radius: 500px 500px 500px 500px;
 -o-border-radius: 500px 500px 500px 500px;
 border-radius: 500px 500px 500px 500px;
}

.center {
	text-align:center;
}

.row {
	margin-top:1em;
	margin-bottom:1em;
}

img {
	width:100%;
}


h1, h2, h3, h4, h5, h6, .title {
	color:#e52c18;
	font-size:1.1em;
	letter-spacing: 1px;
	line-height:1.5;
	text-align:center;
	font-family: Glegoo, 'Times New Roman', Times, serif;	
}


/* ! ------------------ Section specific --------------------- */

body {
	background-color:#F2F2F2;
	color:#666666;
	font-family: 'Glegoo', 'Times New Roman', Times, serif;		
}

/* This prevents mobile safari from resizing text in landscape mode on iPhone 5 */
@media only screen and (max-width: 767px) {
	body {-webkit-text-size-adjust: none;}
}

header {
	background-color:rgb(26,22,64);
}

.bizName, .tagline, .blurb {
	text-align:center;
}

.logoWrapper {
	max-width:600px;
}

#logo {
	max-width:600px;
	margin:0.8em 0;
	text-align:center;
	position:relative;
}

.tagline {
	line-height:1;
	font-size:1em;
	color:#13022c;
}

.blurb {
	font-size: 1.2em;
	color:#D9D9D9;
}

a {
	color:#e52c18; 
}

a:hover {
	color:#e52c18;
}

/* ! ------------------ mobile menu --------------------- */


#mobileMenu {
	background:#F2F2F2;
	background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eeeeee));
	background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-o-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);
	-moz-box-shadow:0 3px 5px #CCCCCC;
	-webkit-box-shadow:0 3px 5px #CCCCCC;
	box-shadow:0 3px 5px #CCCCCC;
}

#mobileMenu li{
	display:inline;	
}

#mobileMenu li a {
	position:relative;
	display:inline-block;
	width:33.33333333333333%;
	height:50px;
	line-height:80px;
	color:gray;
	font-size:.8em;
	text-align:center;
}

#mobileMenu i {
	position:absolute;
	left:50%;
	top:5px;
	margin-left:-9px;
}

ul#mobileMenu li.active a {
	background-color:#F2F2F2;
	box-shadow:inset 0px 5px 10px #B3B3B3;
	color:#13022c;
}

ul#mobileMenu li.active a i {
	color:#13022c;
}

#mobileMenu li a:hover {
	color:#13022c;
	text-shadow:0px -1px 0 white;
}



/* ! ------------------ Orbit Slideshow --------------------- */

@media only screen and (max-width: 767px) {
	.slider {
		padding-left:0;
		padding-right:0;
	}
}

.orbitTitle {
	margin-top:1.2em;
	text-align:center;
}

.orbit-bullets {
	position:relative;
	left:50%;
}

/* apply one of these classes to the ul holding the slideshow and the bullets underneath will be centered */
.center2Bullets .orbit-bullets 	{ margin-left:-12px; 	}
.center3Bullets .orbit-bullets 	{ margin-left:-19.5px; 	}
.center4Bullets .orbit-bullets 	{ margin-left:-27px; 	}
.center5Bullets .orbit-bullets 	{ margin-left:-34.5px; 	}
.center6Bullets .orbit-bullets 	{ margin-left:-42px; 	}
.center7Bullets .orbit-bullets 	{ margin-left:-49.5px; 	}
.center8Bullets .orbit-bullets 	{ margin-left:-57px; 	}
.center9Bullets .orbit-bullets 	{ margin-left:-64.5px; 	}
.center10Bullets .orbit-bullets 	{ margin-left:-72px; 	}
.center11Bullets .orbit-bullets 	{ margin-left:-79.5px; 	}
.center12Bullets .orbit-bullets 	{ margin-left:-87px; 	}
.center13Bullets .orbit-bullets 	{ margin-left:-94.5px; 	}


.orbit-bullets li {
	display: block;
	width: 9px;
	height: 9px;
	background: #ccc;
	float:left;
	margin-right: 6px;
	border:none;
	-webkit-border-radius: 1000px;
	-moz-border-radius:1000px;
	-o-border-radius:1000px;
	border-radius: 1000px;
}


.orbit-timer {
	visibility: hidden;
}



/* ! ------------------ Accordion --------------------- */


/* accordion wrapper */
.section-container, .section-container.auto {
	border:none;
}


/* accordion title backgrounds */
.section-container>section>.title, .section-container>.section>.title, .section-container.auto>section>.title, .section-container.auto>.section>.title {
	background-color:#f05023;
	border-top:1px solid rgb(244, 127, 87);
}

/* accordion titles */
.section-container>section>.title a, .section-container>.section>.title a, .section-container.auto>section>.title a, .section-container.auto>.section>.title a {
	color:#F2F2F2;
}

/* accordion titles :hover */
.section-container>section>.title a:hover, .section-container>.section>.title a:hover, .section-container.auto>section>.title a:hover, .section-container.auto>.section>.title a:hover {
	color:black;
}

/* accordion content */
.section-container>section .content, .section-container>.section .content, .section-container.auto>section .content, .section-container.auto>.section .content {
	background-color:#262626;
}

/* restore padding that foundation messes up */
.section-container>section .content>*:first-child, .section-container>.section .content>*:first-child, .section-container.auto>section .content>*:first-child, .section-container.auto>.section .content>*:first-child {
	padding-top:1em;
}




/* ! ------------------ Testimonials --------------------- */

/* center testimonials vertically between sections above and below */
#sectionTwo {
	position:relative;
	top:30px;
}

#testimonials {
	position:relative;
	top:-50px;
	z-index:-1;
}

.testimonial {
	display:none;
}

.testimonialQuote {
	position:relative;
	padding:1.5em;
	padding-left:70px;
	-webkit-border-radius:15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-o-border-radius: 15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border-bottom:1px solid white;
	color:#404040;
	list-style:none;
	background-color:white;
	-webkit-box-shadow:inset 0px 0px 5px #bcbcbc;
	-moz-box-shadow:inset 0px 0px 5px #bcbcbc;
	box-shadow:inset 0px 3px 5px #bababa;
}


.testimonialPerson, .testimonialRole {
	text-transform:uppercase;
	font-size:.9em;
	text-align:center;
	color:#666666;
}

@media only screen and (max-width: 400px) {
	.testimonialPerson, .testimonialRole {
		font-size:.8em;
	}
}

.invertedCommas {
	position:absolute;
	top:-8px;
	left:20px;
	font-size:5em;
	font-family: 'Times New Roman', Times, serif;	
	color:#CCCCCC;
}

.active {
	display:block;
}


a.prev, a.next {
  text-align:center;
  color:white;
  background-color:#ccc;
  width:50px;
  height:50px;
  line-height:50px;
}

a.prev {float:right;}
a.next {float:left;}



/* ! ------------------ Contact Info --------------------- */

.contactBand {
	background-color:transparent;	
}

/* add a contact band background color when on desktop */
@media only screen and (min-width: 768px) {
	.contactBand {
		background-color:#E6E6E6;
	}
}

#contactInfo {
	padding:1em 0;
}

.contactDetails {
	font-size:1em;
	text-align:center;
}

@media only screen and (min-width: 768px) {
	#contactInfo {
		padding:2em 0 1em 0;
	}
}

.contactDetails span {
	font-size:1.1em;
}

.button {
	color:gray;
	background:#ffffff;
	background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eeeeee));
	background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-o-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
	box-shadow:0 3px 5px rgba(0,0,0,0.2);
	border:1px solid white;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
}

.button:hover {
	color:gray;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
	box-shadow:0 1px 5px rgba(0,0,0,0.2);
}

.buttonInfo {
	font-size:.8em;
	text-transform:none;
}

.twitterAt {
	color:#e52c18;
}

table.businessHours {
	width:100%;
	background-color:transparent;
	border:none;
}

table.businessHours td {
	font-size:.9em;
	color:#666666;
	height:10px;
	padding:10px;
}

table.businessHours .day {
	text-transform: uppercase;
	font-size:.7em;
	text-align:right;
	color:#666666;
	font-weight:bold;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: transparent;
}

p.socialIcons {
	text-align:center;
}

p.socialIcons i {
	display:inline-block;
	color:#bbb;
	line-height:1.2;
}

p.socialIcons a:hover i.icon-twitter-sign { color:rgb(0,172,238); }
p.socialIcons a:hover i.icon-facebook-sign { color:rgb(59,89,152); }
p.socialIcons a:hover i.icon-youtube-sign { color:rgb(203,50,44); }


p.links {
	text-align:center;
}


.copyright, .creatology {
	text-align:center;
	font-size:.8em;
	line-height: 1;
}


/* ! ------------------ Development only --------------------- */

/*
div, section {
	border:1px solid pink;
}
*/

.dev {
	border:1px solid pink;
}