/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles. 
 * Acts as the main stylesheet for theme.
 *
 * 		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */
*,:after,:before {
	-webkit-box-sizing:border-box;
/* Safari/Chrome, other WebKit */
	-moz-box-sizing:border-box;
/* Firefox, other Gecko */
	box-sizing:border-box;
	*behavior:url(themes/simple/css/boxsizing.htc);
	-webkit-text-size-adjust:none;
/*    -webkit-user-select: none; */
/*       -webkit-touch-callout: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
}

/* --- PREVENTS FONT WEIGHT CHANGING ON WEBPAGE WHEN JQUERY RUNS --- */
html {
	-webkit-font-smoothing:antialiased;
}


.TagCloudWidget>h3 {display: none;}
.typography .white {
	color:#fff!important;
}

section {font-size: 0px;}

/* --- HEADROOM.js --- */
header {
	position:relative;
	z-index:9999;
	text-transform:lowercase;
}

.socialHit {
	min-height:22px;
}

.contactInfo {
	display:none;
}

.stButton .stFb,.stButton .stTwbutton,.stButton .stMainServices,.stButton .stButton_gradient {
	min-height:20px;
}

/* MAIN LAYOUT */
body {
	margin:0;
	background:#160404;
	min-width:240px;
	-webkit-text-size-adjust:none;
	color:#160404;
	padding:0;
	  overflow: hidden;
}

#main {
	min-height:500px;
}

section {
	background:#fff;
}

.Page section.content {
	margin-top:70px;
}

nav.primary.span12 {
	padding-top:6px;
}

.widthSet {
	width:100%;
	max-width:1024px;
	margin:0 auto;
}

.widthFull {
	width:100%;
	max-width:100%;
}

/*
ul.sectionHolder li.section.fixtobottom {
	position: fixed;
	left: 0px;
	bottom: 50px;
	background-color: #fff;
}

ul.sectionHolder li.section.fixtobottom.fixedbrownbk {
	background-color: #160404;
}

.mobile li.section.fixtobottom, .tablet li.section.fixtobottom {
	position: relative;
}
*/
.ie7 body,.ie8 body {
	min-width:860px;
}

section.content {
/* 	    padding: 20px; */
}

section.widthFull.content {
	padding:0;
}

.no-sidebar .content-container {
	float:left;
	width:100%;
}

aside {
	float:right;
	width:23%;
	margin-top:12px;
}

.no-sidebar aside {
	display:none;
}

#main .iHide {
	display:block;
	background:rgba(255,255,255,0);
	opacity:1;
}

#main .iShow {
	display:none;
	background:rgba(255,255,255,0);
	opacity:1;
}

/*
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
	position:relative;
}
*/
/* TABLE STYLES
-------------------------------------------- */
#main table {
	border-collapse:collapse;
	border:0 solid #d4d4d4;
	border-spacing:0;
	margin:0 0 10px;
}

#main table tr:nth-child(even) {
	background-color:rgba(255,255,255,0);
}

#main table tr.even,#main table th,#main thead td {
	background-color:rgba(255,255,255,0);
}

#main table td,#main table th {
	padding:2px 5px;
	border:0 solid #d4d4d4;
	vertical-align:top;
}

#main table th {
	font-weight:700;
}

#main table td {
	padding:0 15px 15px 0;
}

/* HEADER */
header {
	display:block;
	background-color:#160404;
	padding:5px;
	padding-top:0;
	height:86px;
	border-bottom:1px solid #fff;
}

header.mobile {
	display:none;
/* 	max-height: 60px; */
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	background:#160404;
	color:#fff;
	height:60px;
}

/*
.navOpen .widthSet,
.navOpen .widthFull{
	-webkit-filter: blur(7px); filter: url(#blur-effect-1);
}
*/
/* Brand */
.brand,.brand:hover {
	color:#000;
	padding:0;
	text-decoration:none;
	max-width:55%;
	position:relative;
	display:block;
}

.brand h1 {
	margin:0;
	padding:0;
	font-size:48px;
	font-family:'HelveticaNeue',Arial,sans-serif;
	color:#000;
	font-weight:600;
	font-stretch:normal;
	line-height:1em;
}

a.brand.span3 {
	width:190px;
}

a.brand img {
}

.contactInfo {
	font-size:14px;
	color:#000;
	text-align:right;
	position:relative;
	float:right;
	margin:13px;
	margin-top:22px;
}

.contactInfo a {
	color:#000;
}

/* Search form */
.search-bar {
	position:relative;
	float:right;
	margin:10px;
	margin-top:27px;
}

.search-bar #Search {
	margin:0;
	padding:0;
}

.search-bar form input.text {
	width:151px;
	padding:6px 30px 5px 10px;
	color:#888;
	margin:0;
	border:1px solid #ccc;
	border-radius:14px;
	background:#fff;
	height:26px;
}

.search-bar form input.action {
	font-size:14px;
	position:absolute;
	right:3px;
	top:-1px;
	cursor:pointer;
	border:none;
	padding:5px;
	background:none;
	color:#848484;
	border-radius:0;
	margin:0;
}

.search-bar form input.active,.search-bar form input.action:hover {
	color:#000;
}

.search-bar form input:focus,.header textarea:focus {
	outline:none;
}

.search-dropdown-icon {
	display:none;
}

.row-fluid [class*="span"] {
	margin-left:0;
}

/* NAVIGATION */
/* Primary navigation */
.navwrapper {
	vertical-align:top;
}

nav.primary {
	display:block;
}

nav.mobile {
	display:none;
}

nav.primary ul {
	position:relative;
	text-align:right;
	padding-left:0;
	padding-top:13px;
}

nav.primary li {
	float:none;
	padding-top:0;
	margin:0;
	margin-left:6%;
	position:relative;
	white-space:nowrap;
	display:inline-block;
	line-height:20px;
}

.tablet nav.primary li {
	margin-left:3%;
}

nav.primary li a {
	color:#fff;
	font-size:18px;
	font-family:'helveticaneueltstd-thex',Arial,sans-serif;
	margin:5px;
	padding:0;
	display:block;
	text-align:left;
	width:140px;
	text-decoration:none;
}

nav.primary li a:hover {
	color:#fff;
}

nav.primary li.section a {
	color:#808080;
}
nav.primary li.current a {
	color:gray;
}

/*
nav.primary li.section:after,
	nav.primary li.current:after {
	    content: '}';
	    display: block;
	    position: absolute;
	    left: 50%;
	    margin-left: -7px;
	    bottom: -6px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 30px;
	    color: #fff;
	    text-align: center;
	    line-height: 20px;
	}
*/
/* 	Mobile Navigation */
.mobile nav.primary {
	display:none;
}

.mobile nav.mobile {
	display:block;
}

.mobile nav.mobile ul {
	float:left;
	clear:both;
	position:relative;
	margin:20px 0 0 -13px;
	white-space:nowrap;
	right:auto;
}

.mobile nav.mobile ul li {
	white-space:nowrap;
}

.mobile nav.mobile ul li a {
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

.ie7 nav.primary li,.ie8 nav.primary li {
	display:block;
	position:relative;
	float:left;
}

/* Secondary navigation */
.main .secondary h3 {
	font-size:20px;
	color:#b8b7b7;
	margin:0 0 8px;
	font-family:"HelveticaNeue",Georgia,"Times New Roman",Times,serif;
	font-weight:400;
}

.main .secondary {
	border-bottom:1px solid #e5e5e5;
}

.main .secondary ul {
	padding:0;
	margin:0;
}

.main .secondary li {
	border-top:1px solid #e5e5e5;
	position:relative;
	list-style-type:none;
	margin-bottom:0;
}

.main .secondary li .arrow {
	color:#70c7ea;
	padding-right:5px;
	display:block;
	font-size:15px;
	line-height:20px;
	position:absolute;
	left:2px;
	top:7px;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}

.main .secondary li a:hover .arrow {
	left:6px;
}

.main .secondary li a {
	padding:10px 0;
	display:block;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:11px;
	color:#333;
	line-height:17px;
	border-bottom:none;
	font-family:"HelveticaNeue",'Lucida Sans','Lucida Grande',Arial,Helvetica,sans-serif;
}

.main .secondary li .text {
	padding-left:28px;
	display:block;
}

.main .secondary li.current a.current {
	color:#70c7ea;
}

.main .secondary li.section,.main .secondary li.current {
	background-color:#f1f1f1;
}

.main .secondary li.section a,.main .secondary li.current a {
	color:#000;
}

.main .secondary h3 {
	color:#aaa;
}

/* Secondary navigation 2-5 levels deep */
.main .secondary ul ul {
	display:none;
}

.secondary ul li.current ul,.secondary ul li.section ul {
/* Only show child pages from selected parent */
	display:block;
}

.secondary li.current ul ul {
	display:none;
}

.main .secondary ul ul li a {
	padding-left:10px;
}

/* Indent all sidebar navigation levels*/
.main .secondary ul ul li a .arrow {
	left:12px;
}

.main .secondary ul ul li a:hover .arrow {
	left:16px;
}

.main .secondary ul ul ul li a {
	padding-left:20px;
}

.main .secondary ul ul ul li a .arrow {
	left:22px;
}

.main .secondary ul ul ul li a:hover .arrow {
	left:26px;
}

.main .secondary ul ul ul ul li a {
	padding-left:30px;
}

.main .secondary ul ul ul ul li a .arrow {
	left:32px;
}

.main .secondary ul ul ul ul li a:hover .arrow {
	left:36px;
}

.main .secondary ul ul ul ul ul li a {
	padding-left:40px;
}

.main .secondary ul ul ul ul ul li a .arrow {
	left:32px;
}

.main .secondary ul ul ul ul ul li a:hover .arrow {
	left:36px;
}

.main .secondary li a:hover,.main .secondary li.section a:hover,.main .secondary li.current a:hover {
	color:#70c7ea;
}

.socialFollowInv a:hover {
	opacity:1!important;
}

.social {
	float: right;
}

/* MIXED */
header:after,.main:after,#Root:after,.search-bar:after,header .inner:after,footer:after {
	height:0;
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}

.search-bar form input.action,.header .primary li a,.footer a {
	-moz-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

.footer a.brand {
	color:#fff;
	margin-left:0;
}

.footer a.brand:hover {
	color:#fff;
}

body h1 span.amp {
	font-family:"HelveticaNeue",Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
	font-style:italic;
}

.footer a:hover {
	color:#fff;
}

/* PAGE SPECIFIC LAYOUT */
/* Homepage */
/* Search Results */
.typography .searchResults h1 {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

/* TODO: Test search results styles */
.searchResults p.searchQuery {
	margin-bottom:10px;
	font-size:15px;
	font-weight:700;
}

.searchResults ul#SearchResults {
	padding:0;
	margin-left:0;
	border-bottom:1px solid #e5e5e5;
}

.searchResults ul#SearchResults li {
	border-top:1px solid #e5e5e5;
	padding:20px 0;
	list-style-type:none;
}

.searchResults ul#SearchResults p {
	margin-bottom:10px;
}

.searchResults #PageNumbers {
	border-top:1px solid #e5e5e5;
	padding-top:20px;
}

.searchResults #PageNumbers a {
	padding:0 5px;
}

.searchResults #PageNumbers .pagination {
	float:left;
}

.searchResults #PageNumbers p {
	float:right;
}

.searchResults #PageNumbers .next,.searchResults #PageNumbers .prev {
	font-size:14px;
}

.searchResults #PageNumbers .next {
	margin-left:15px;
}

.searchResults #PageNumbers .prev {
	margin-right:15px;
}

/* FOOTER */
footer {
	position:relative;
	background:#160404;
	color:#fff;
	padding-top: 5px;
	height:50px;
	font-size:15px;
	border-top:1px solid #fff;
}

/*
.Home footer {
	position:fixed;
	left: 0;
	bottom: 0;
}
*/
footer a {
	color:#fff;
	line-height:0;
}

footer .logocopy {
	text-align:left;
	vertical-align:middle;
}

footer #copyright {
}

footer .footertext {
	/* max-width:100%; */
	text-align:center;
	vertical-align:middle;
}

footer .designby {
	text-align:left;
	padding-left:20px;
	vertical-align:middle;
}

footer .social {
	vertical-align:middle;
	padding-top:5px;
}


.mobile footer {
	height:140px;
	padding:15px 0 20px;
}

.mobile footer .logocopy,.mobile footer .footertext,.mobile footer .designby,.mobile footer .social {
	width:100%;
	margin-bottom:5px;
	line-height:20px;
}

.mobile footer .designby,.tablet footer .designby {
	text-align:center;
	padding:0;
}

/*
#contact-details{line-height: 36px;}
#contact-details li{padding-left: 30px;}
#contact-details #cup-email{background:url(resources/images/email-icon.png); background-repeat: no-repeat; background-position: left center;}
#contact-details #cup-phone{background:url(resources/images/phone-icon.png); background-repeat: no-repeat; background-position: left center;}
#contact-details #cup-twitter{background:url(resources/images/twitter-icon.png); background-repeat: no-repeat; background-position: left center;}
*/
#footer-contact {
	float:left;
	margin-bottom:0;
	line-height:normal;
}

#footer-contact li {
	display:inline-block;
	padding-left:30px;
	color:#d5cfc7;
}

#footer-contact {
	background:url(resources/images/footer-twitter-01.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#footer-contact {
	background:url(resources/images/footer-twitter-01.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#cup-privacy-policy {
	margin-right:10px;
}

/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
	display:none;
}

#media-query-trigger {
	display:none;
	visibility:hidden;
}

/* Format */
.mobile .span1,.mobile .span2,.mobile .span3,.mobile .span4,.mobile .span5,.mobile .span6,.mobile .span7,.mobile .span8,.mobile .span9,.mobile .span10,.mobile .span11,.mobile .span12 {
	width:100%;
}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
	margin:0!important;
	padding:0!important;
	position:relative!important;
	display:inline-block!important;
}

.span1 {
	width:8.33%;
}

.span2 {
	/* width: 16.30%; */
}

.span3 {
	width:24.5%;
}

.span4 {
	width:33.32%;
}

.span5 {
	width:41.65%;
}

.span6 {
	width:50%;
}

.span7 {
	width:58.31%;
}

.span8 {
	width:66.64%;
}

.span9 {
	width:74.97%;
}

.span10 {
	width:82.33%;
}

.span11 {
	width:91.63%;
}

.span12 {
	width:100%;
}

.sectionHolder {
	text-align:center;
}

.section {
	display:inline-block;
	margin:0 auto;
	position:relative;
	float:none;
	text-align:center;
}

.contentWidth {
	display:inline-block;
	float:none;
	margin:0 auto;
	position:relative;
}

.contentWidth div {
	text-align:left;
}

.row-fluid {
	width:100%;
	position: relative;
	float: left;
}

.paddingTop {
	padding-top:15px;
}

.paddingRight {
	padding-right:15px;
}

.paddingBottom {
	padding-bottom:15px;
}

.paddingLeft {
	padding-left:15px;
}

.paddingAll {
	padding:15px;
}

@media only screen and (max-width: 1024px) {
	.content img {
		max-width:100%;
		height:auto;
	}
	
	.header .primary ul {
		margin-left:-12px;
		-webkit-padding-start:0;
	}
	
	.brand img {
		padding-left:20px;
	}
	
	.brand {
		height:60px;
	}
}

@media only screen and (max-width: 795px) {
	nav.primary li a {
		width:120px;
	}
}

/* when changing the breakpoint below, change it to the same value in the script.js file as well */
@media only screen and (max-width: 768px) {
	body {
		max-width:768px;
		padding-top:60px;
	}
	
	.CarouselContainer {
		height:200px!important;
	}
	
	.zuperNav ul {
		display:none;
	}
	
	header .brand img {
		width:100%;
		padding-left:20px;
		padding-top:0;
	}
	
	.brand {
		width:180px;
		padding:0;
	}
	
	.brand:hover {
		padding:0;
	}
	
	footer .logoCopy {
		text-align:left;
	}
	
	.mobile .typography table.left25,.mobile .typography table.left30,.mobile .typography table.left50,.mobile .typography table.left70,.mobile .typography table.left75,.mobile .typography table.left100 {
		width:100%;
	}
	
	.mobile .HTMLArea table.left25 {
		width:25%;
	}
	
	.mobile .HTMLArea table.left30 {
		width:33%;
	}
	
	.mobile .HTMLArea table.left50 {
		width:50%;
	}
	
	.mobile .HTMLArea table.left70 {
		width:67%;
	}
	
	.mobile .HTMLArea table.left75 {
		width:75%;
	}
	
	.mobile .HTMLArea table.left100 {
		width:100%;
	}
	
	.mobile .typography table.left25 img,.mobile .typography table.left30 img {
		max-width:60%;
		margin:0 20%;
	}
	
	header {
		display:none;
	}
	
	header.mobile {
		display:block;
		padding:0;
	}
	
	#main .iHide {
		display:none;
	}
	
	#main .iShow {
		display:block;
	}
	
	#media-query-trigger {
		visibility:visible;
	}
	
	.brand h1 {
		font-size:40px;
	}
	
	.contactInfo {
		display:none;
	}
	
	nav.mobile .nav-open-button {
		z-index:100;
		width:40px;
		height:40px;
		position:absolute;
		right:10px;
		top:10px;
		display:block;
		cursor:pointer;
		font-family:'WebSymbolsRegular';
		font-size:20px;
		color:#fff;
		padding:10px;
		background-image:url(../buttonOverlay.png);
		background-position:center center;
		background-repeat:repeat;
	}
	
	nav.mobile ul {
		z-index:10;
		position:relative;
		display:none;
		float:left;
		margin:0!important;
		padding:0;
		white-space:normal;
		width:100%;
		line-height:20px;
	}
	
	nav.mobile ul li {
		width:100%;
		margin:0!important;
		float:none;
		background:none;
		position:relative;
		text-shadow:0 1px #fff;
		text-align:left;
	}
	
	nav.mobile ul li:after {
		content:'\003e';
		display:block;
		position:absolute;
		right:20px;
		top:0;
		font-family:'WebSymbolsRegular';
		font-size:18px;
		color:#160404;
		text-align:center;
		vertical-align:middle;
		line-height:38px;
	}
	
	nav.mobile ul li a,nav.mobile ul li.current a,nav.mobile ul li.section a {
		padding:10px 0 10px 22px;
		font-size:16px;
		font-weight:100;
		border-bottom:1px solid #160404;
		color:#160404;
		border-radius:0!important;
		background:#fff!important;
		display:block;
	}
	
	.header .primary ul li a:hover {
		color:inherit;
	}
	
	.header .primary li.section:after,.header .primary li.current:after {
		display:none;
	}
	
	.tablet .header nav.primary ul li {
		padding:0;
	}
	
	/* Search Form */
	.search-bar {
		width:100%;
		position:relative;
		top:0;
		right:0;
		display:none;
		padding:20px 0;
		background-color:#E7E7E7;
		margin:0;
	}
	
	.search-dropdown-icon {
		display:block;
		cursor:pointer;
		width:20px;
		height:20px;
		position:absolute;
		right:60px;
		top:34px;
		font-family:'WebSymbolsRegular';
		font-size:20px;
		color:#70c7ea;
		text-align:center;
		line-height:20px;
	}
	
	.search-bar form {
		margin:0;
		width:100%;
	}
	
	.search-bar form fieldset {
		padding:0 18px;
		left:0;
		right:0;
		position:relative;
	}
	
	.search-bar div.field {
		margin-bottom:0;
	}
	
	.search-bar form input.text {
		width:93%;
		padding:8px 7% 8px 0;
		text-indent:15px;
		position:relative;
		display:block;
		right:0;
		left:0;
		border:1px solid #e5e5e5;
		background:#fff;
		font-size:17px;
	}
	
	.search-bar form input.action {
		right:24px;
		top:2px;
		font-size:18px;
	}
	
	/* Main Content */
	.main {
		padding:20px 0 45px;
	}
	
	.content-container,aside {
		width:100%;
	}
	
	.content iframe {
		width:100%;
		max-width:100%;
	}
	
	.typography h1 {
		font-size:30px;
		line-height:35px;
		margin-bottom:15px;
		padding-bottom:10px;
	}
	
	.typography p {
		font-size:14px;
		line-height:23px;
	}
	
	p.intro {
		font-size:19px;
		line-height:27px;
	}
	
	.main .inner {
		padding:0 22px;
	}
	
	/* Secondry Nav */
	.secondary li a {
		line-height:24px;
	}
	
	.secondary li .arrow {
		line-height:26px;
	}
	
	/* Footer */
	.footer .left,.footer .right,.footer .middle {
		width:100%;
	}
}

/* Based on HTML5 boilerplate print styles */
@media print {
	* {
		background:transparent!important;
		color:#000!important;
		box-shadow:none!important;
		text-shadow:none!important;
		filter:none!important;
		-ms-filter:none!important;
	}
	
	a,a:visited {
		text-decoration:underline;
	}
	
	a[href]:after {
		content:" (" attr(href) ")";
	}
	
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	
	/*
		     * Don't show links for images, or javascript/internal links
		     */
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content:"";
	}
	
	thead {
		display:table-header-group;
	}
	
	tr,img {
		page-break-inside:avoid;
	}
	
	img {
		max-width:100%!important;
	}
	
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	
	@page {
		margin:.5cm;
	}
	
	p,h2,h3 {
		orphans:3;
		widows:3;
	}
	
	h2,h3 {
		page-break-after:avoid;
	}
	
	/* Simple theme custom print styles */
	.header,.footer,.nav-open-button,.search-bar,.search-dropdown-icon,nav.primary {
		display:none;
	}
}