/*
Blue
Light 4ba4e0
Dark 348dc9
51,133,189

Gold 
Light ccac69
Dark b99a59
*/

/*** Body and Base Style
******************************************************/
body {
	background-position: center top;
	font-size: 16px;
	font-size: 1em;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	position: relative;
	max-width: 100%;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

#toolbar {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=transparent, direction='0', strength='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=transparent direction='0', strength='0')";
	font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
	#toolbar a {
		font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color: #FFF;
		font-size: .846em;
		letter-spacing: 0;
		line-height: inherit;
	}

h1, h2, p, ul, ul li, a {
	list-style: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #444;
	font-weight: normal;
}

h1, h2 {
	font-family: 'Arvo', sans-serif;
}

ol {
	padding-left:20px;
	margin: 10px 0;
	color: #444;
}

p {
	color: #444;
	line-height: 1.3em;	
}

a {
	color:#b99a59;
}

a img {
	border:none;
}

.main img {
	max-width: 100%;
	height: auto;
	display: block;
}

strong {
	font-weight: 700;
}

.tabs.primary {
	clear:both;
	float:none;
	padding-top: 20px;
	margin: 0;
}

hr {
	border: 0;
	border-top: 1px solid #eee;
	height: 0;
	clear: both;
	padding:0 20px;
	margin: 20px -40px;
}

aside hr {
	margin: 20px -20px;
}

ul li.collapsed, ul li.expanded, ul li.leaf {
	list-style: none;
	padding: 0;
}

.column img {
	float: left;
	margin-right: 20px;
}

.column div {
	width: calc( 100% - 84px );
}

.column form input {
	margin: 0 auto;
	display: block;
}

table {
	margin-bottom: 20px;
}

tr:nth-child(even){
	background-color: #eee;
}

td {
	border-right: 1px solid #888;
}
td:last-child {
	border-right: none;
}

/*** SKIP LINK
******************************************************/

#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}

#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}


/*** Header
******************************************************/

header {
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 10;
	background-color: rgba(51,133,189,.6);
	height: 140px;
 	transition: background-color 0.2s ease, top 0.5s ease 0.3s;
}


header.scroll {
	top: -70px;
}

.toolbar-drawer header {
	top: 65px;
}

header:hover, header.scroll, header.visible-search {
	background-color: #fff;
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

header > div {
	max-width: 1000px;
	margin: 0 auto;
	height: 140px;
	position: relative;
}

header h1 {
	padding-left:10px;
}

header h1 a {
	text-indent: -9999px;
	background-image: url('../images/logo.png');
	background-position: left center;
	background-size: 793px;
	background-repeat: no-repeat;
	height: 70px;
	width: 380px;
	display: block;
}

header:hover h1 a, header.scroll h1 a, header.visible-search h1 a {
    background-position: -413px center;
}

.donate {
	display: block;
	position: absolute;
	top:0;
	right: 10px;
	padding: 10px 30px;
	background-color: #fff;
	color: #348dc9;
	font-weight: 700;
	letter-spacing: 2px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #fff;
	border-top: none;
	text-transform: uppercase;
}

header:hover .donate, .scroll .donate, .visible-search .donate {
	background-color: #eee;
	border-color: #eee;
	color: #444;
}

header:hover .donate:hover , .scroll .donate:hover, .visible-search .donate:hover {
	border-color: #4ba4e0;
	color: #4ba4e0;
	background-color: #fff;
	
}

.mobile-link {
	display: none;
}

/*** Search
******************************************************/
.search {
	width: 110px;
	position: relative;
	transition: background-color 0.2s ease;
	background-color: transparent;
	z-index: 1;
	height: 70px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.search:hover {
}

.visible-search .search {
	width: 100%;
	bottom: -70px;
}

.view-search {
	width: 80px;
	height: 16px;
	padding: 27px 0 27px 30px;
	margin: 0 0 0 auto;
	color: #fff;
	cursor: pointer;	
	text-transform: uppercase;
	text-align: center;
	position: relative;
	transition: text-indent .3s ease;
	overflow: hidden;
	line-height: 1em;
}

	.view-search:before {
		content: " ";
		width: 100%;
		height: 70px;
		background-image: url('../images/icons.png');
		background-repeat: no-repeat;
		background-position: center -1669px;
		position: absolute;
		top: -10px;
		left: 0;
		opacity: 0;
		transition: opacity .3s ease, top .3s ease;
	}

	.view-search:after {
		content: " ";
		background-image: url('../images/icons.png');
		background-repeat: no-repeat;
		background-position: center -1587px;
		width: 25px;
		height: 25px;
		position: absolute;
		top: 23px;
		left: 5px;
		transition: opacity .3s ease, left .3s ease;
	}
	
	header:hover .view-search:after, header.scroll .view-search:after {
		background-position: center -1509px;
	}
	
	.visible-search .view-search:after {
		left: -10px;
		opacity: 0;
	}


.view-search:hover {
	background-color: #efefef;
}

.visible-search .view-search {
	margin-top: -70px;
	text-indent: 100px;
}

header:hover .view-search, .scroll .view-search, .visible-search .view-search {
	color: #777;
}

.visible-search .view-search, header.visible-search:hover .view-search  {
	background-image: none;
}

	.visible-search .view-search:before, header.visible-search:hover .view-search:before  {
		opacity: 1;
		top: 0;
	}

.search form {
	display: none;
	margin: 0;
	height: 70px;
	width: 100%;
	background-color:rgba(51,133,189,.8);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2), -1px 1px 2px rgba(0,0,0,.2);
    padding-top: 5px;
	background-color:rgba(51,133,189,.8);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2), -1px 1px 2px rgba(0,0,0,.2);
    padding-top: 5px;
}

.visible-search .search form {
	display: block;
}

.search .container-inline div {
	float: left;
	display: block;
	margin: 0;
	width: 70%;
	width: calc( 100% - 110px );
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}

.search .container-inline .form-actions {
	width: 30%;
	width: calc(110px);
}

.search input {
	border: none;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: 16px;
	height: 70px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
}

.search .form-item input {
	padding: 20px;
	color: #444;
	background-color: #fafafa;
}

	.search .form-item input:focus {
		outline: thin solid #83bffc;
	}
	
	.search .form-item input.error {
		border: 1px solid #F00;
		background-color: #fee2e2;
	}
	
.search .form-actions input {
	color: #777;
	background-color: #efefef;
	text-transform: uppercase;
	display: block;
	padding: 20px 0;
}

	.search .form-actions input:focus {
		outline: thin solid #83bffc;
	}

.search .form-actions input:hover {
	cursor: pointer;
	background-color: #4ba4e0;
	border-color: #4ba4e0;
	color: #fff;
}

/*** Main Menu
******************************************************/

@media screen and (min-width: 681px) {	
	.menu-open {
		display: none;
	}
}

.main-menu {
	height: 70px;
	overflow: hidden;
	width: 100%;
	max-width: 695px;
	float: left;
}

.main-menu ul {
	float: left;
}

.main-menu ul li {
	float: left;
}

.main-menu li ul {
	display: none;
	position: absolute;
    top: 140px;
    left: 0;
    right: auto;
    left: auto;
	z-index: 1;
	background-color:rgba(51,133,189,.8);
    box-shadow: 1px 1px 2px rgba(0,0,0,.2), -1px 1px 2px rgba(0,0,0,.2);
    padding-top: 5px;
}

.main-menu li:hover ul {
	display: block;
}

.main-menu ul ul li {
	float: none;
	border-bottom: 1px solid #efefef;
}

.main-menu ul ul li:last-child {
	border-bottom: none;
}

.main-menu a {
	display: block;
	color: #fff;
	padding: 27px 10px;
	height: 16px; 
	text-transform: uppercase;
	position: relative;
	line-height: 1em;
	cursor: pointer;
}

.main-menu ul ul a {
	background-color: #4ba4e0;
	color: #fff;
	padding: 20px 10px;
}

.main-menu li a.active {
	color: #fff;
}

header:hover .main-menu a, header:hover .main-menu a.active, .visible-search .main-menu a, .scroll .main-menu a, .scroll .main-menu a.active {
	color: #777;
}

.main-menu li li a, header:hover .main-menu li li a, header:hover .main-menu li li a.active, .visible-search li li a.active {
	color: #4ba4e0;
	background-color: #fff;
}

.main-menu li li a:hover, header:hover .main-menu li li a:hover, header:hover .main-menu li li a.active:hover, .visible-search li li a.active:hover {
	color: #fff;
	background-color: #4ba4e0;
}

.main-menu a:hover {
	background-color: #efefef;
	color: #444;
}

.main-menu li ul a:hover {
	background-color: #ccac69;
	color: #fff;
}

.illustration {
	background-image: url('../images/music-pattern.jpg');
	background-position: center top;
	background-size: 600px;
	position: relative;
	padding-top: 200px;
	background-color: #4ba4e0;
	z-index: 0;
	position: relative;
}

.alert {
	background-color: #eee;
	padding: 40px 20px;
	z-index: 9999;
}

.alert h2, .alert p {
		color: #777;
		margin: 0 auto;
		max-width: 980px;
}

.alert a {
	background-color: #777;
	color: #eee;
	padding: 10px 20px;
	text-transform: uppercase;
	margin: 20px auto 0;
	display: block;
	max-width: 550px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #777;
}

	.alert a:hover {
		background-color: #eee; 
		color: #777;
	}


/*** Homepage Slides (highlight)
******************************************************/

.view-front-page-block {
	z-index: 1;
	position: relative;
	clear: both;
}

.view-front-page-block .owl-carousel {
	/*margin: -35px auto 0 auto;*/
	margin: 0 auto;
}

.view-front-page-block .owl-theme .owl-controls {
 	background-image: url('../images/music-pattern.jpg');
	background-size: 600px;
	background-position: center -105px;
	background-color: #4ba4e0;
    background-repeat: repeat;
    margin-top: -35px;
    padding: 55px 0 0 0;
}

.view-front-page-block .show {
	max-width: 980px;
	margin: 0 auto;
}

.view-front-page-block .show > a {
	overflow: auto;
	height: auto;
	float: left;
	box-sizing: border-box;
	border: 10px solid #fff;
	width: 60%;
}

.view-front-page-block .show > a, .show-teaser .show > a, .advert-image {
	display: block;
	position: relative;
	background-color: #fff;
}

.view-front-page-block .show > a:hover, .show-teaser .show > a:hover, .advert-image:hover {
	background-color: #000;

}
.view-front-page-block .show > a:before, .show-teaser .show > a:before, .advert-image:before {
	content: "View Details";
	display: block;
	position: absolute;
	margin: auto;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;	
	height: 22px;
	width: 120px;
	color: #fff;
	background-color: #4ba4e0;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	transition: opacity .5s ease, width .5s ease;
}

.view-front-page-block .show > a:hover:before, .show-teaser .show > a:hover:before, .advert-image:hover:before {
	opacity: 1;
	width: 190px;
}

.view-front-page-block img {
	display: block;
	width: 100%;
	z-index: 2;
}

.view-front-page-block a:hover img {
	opacity: .5;
}

.view-front-page-block .details {
	width: 40%;
	float: right;
	padding: 50px 0 80px 10px;
	box-sizing: border-box;
	position: relative;
	min-height: 300px;
}

.view-front-page-block h1 {
	font-size: 1.3em;
	margin-bottom: 10px;
}

.view-front-page-block h1 a {
	letter-spacing: 1px;
}

.view-front-page-block a:hover {
	color:#4ba4e0;	
}

.view-front-page-block p {
	color: #777;
}

.view-front-page-block .details-links {
	position: absolute;
	bottom: 20px;
	left: 10px;
	right: 10px;
}

.buy-button {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    margin: 10px auto 10px auto;
    background-color: #ccac69;
    text-align: center;
    border-radius: 4px;	
    border: 1px solid #ccac69;
    letter-spacing: 2px;
	color: #fff;
}

.main p .buy-button {
   color: #fff;
   width: 200px;
}

.main p .buy-button.float {
	float: left;
	width: auto;
	margin-right: 10px;
	margin-top: 0;
}

.main p .buy-button:hover, .buy-button:hover {
	background-color: #fff;
	color: #ccac69;
	text-decoration: none;
}

/*** Heading
******************************************************/

.heading {
	background-image: url('../images/music-pattern.jpg');
	background-size: 600px;
	background-color: #4ba4e0;
	background-position: center -200px;
	margin-bottom: -30px;
	padding-bottom: 30px;
}

.front  .heading {
	padding-top: 20px;
}

.heading h1, .heading h2, .heading p {
    padding: 20px 10px;
    color: #fff;
    background-color: rgba(51,133,189,.6);
    text-align: center;
    letter-spacing: 1px;
    max-width: 960px;
    margin: 0 auto;
}

.heading h1 {
	font-size: 1.8em;
}

.heading p {
	letter-spacing: 1px;
	padding-bottom: 0;
	color: rgba(255,255,255,.5);
}

/*** Homepage Teasers
******************************************************/

.view-front-page-teasers .view-content {
	margin-bottom: 10px;
}

.show-teaser {
	overflow: hidden;
	padding: 30px 20px;
	margin: 0 -40px;
	border-bottom: 1px solid #eee;
}

.show-teaser:last-child {
	border-bottom: 0;
}

.show-teaser .show > a {
	height: auto;
	float:left;
	display: block;
	margin: 0 3% 0 0;
	width: 46%;
	margin-left: calc( 10px );
	margin-right: calc( 10px );
	width: calc( 49% - 20px );
}

.show-teaser img {
	display: block;
	z-index: 2;
	width: 100%;
}

.show-teaser a:hover img {
	opacity: .5;
}

.show-teaser .details {
	width: 44%;
	width: calc( 50% - 65px );
	float:right;
}

.date-range {
	width:10%;
	width: calc( 65px );
	background-color: #eee;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 20px;
}

.show-teaser h1{
	margin-bottom: 10px;
	font-size: 1.5em;
}

.show-teaser h1 a {
}

.show-teaser h1 a:hover {
	color:#4ba4e0;
	text-decoration: none;
}

.show-teaser p {
	color: #777;
}

.details .details-links {
	text-align: right;
	padding-top: 10px;
	margin-top: 10px;
}

.details .details-links a {
	line-height: 1em;
	padding: 10px 0;
	height: 16px;
	color: #fff;
	text-transform: uppercase;
	background-color: #ccac69;
	border-radius: 4px;
	border: 1px solid #ccac69;
	margin: 0 0 0 10px;
	position: relative;
	display: block;
	float:left;
	text-align: center;
	width: calc( 50% - 7px );
	text-decoration: none;
}

.details .details-links a:nth-child(1) {
	margin-left: 0;
	color: #777;
	background-color: #eee;
	border-color: #eee;
}

.details .details-links a:hover {
	color: #ccac69;
	background-color: #fff;
	text-decoration: none;
}

.details .details-links a:nth-child(1):hover {
	background-color: #fff;
	border-color: #777;
	color: #777;
}

.view-front-page-teasers .view-footer {
	clear:both;
}

.view-front-page-teasers .view-footer a {
	display:block;
	width:150px;
	padding: 12px 40px;
	height: 19px;
	color:#fff;
	text-transform: uppercase;
	background-color:#ccac69;
	border-radius: 4px;
	border: 1px solid #ccac69;
	margin: 0 0 20px auto;
	position: relative;
}
.view-front-page-teasers .view-footer a:hover {
	background-color: #fff;
	background-image: none;
	color: #ccac69;
}

.view-front-page-teasers .view-footer a:before {
	background-color:transparent;
	border-bottom: 6px solid rgba(0, 0, 0, 0);
	border-top: 6px solid rgba(0, 0, 0, 0);
	border-right: 0px solid rgba(0, 0, 0, 0);
	border-left: 6px solid #fff;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right:18px;
	top:50%;
	margin-top: -6px;
	transition: right .08s ease 0;
} 

.view-front-page-teasers .view-footer a:hover:before {
	right:16px;
	border-left: 6px solid #4ba4e0;
}

.show-teaser.views-row-last {
	border-bottom: none;
	padding-bottom: 0;
}

.date-range {
	float: left;
	color: #777;
	width: 70px;
	text-transform: uppercase;
	position: relative;
}

.date-range span {
	display: block;
}

.date-range span:nth-child(1) {
	font-weight: 700;
}

.date-range span:nth-child(2) {
	font-size: 1.3em;
	letter-spacing: 1px;
	font-weight: 400;
}

/*** eClub Sign-Up
******************************************************/
.eclub {
	margin: 0 auto;
	clear:both;
	overflow: auto;
	padding: 20px 10px;
	background-color: #EEE;
	border-top: 1px solid #FFF;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.eclub div {
	max-width: 980px;
	margin: 0 auto;
}

.eclub p {
	font-size: 1.2em;
	color:#444;
	float:left;
	padding-top: 0;
	width: 70%;
	font-weight: 700;
	letter-spacing: 1px;
	max-width: 440px;
}

.eclub .submit {
	border-radius: 4px;
	color: #fff;
	text-align: center;
	background-color: #ccac69;
	border: 1px solid #ccac69;
	text-transform: uppercase;
	width: 250px;
	padding: 10px;
	cursor: pointer;
	position: relative;
	display: block;
	float: right;
	font-size: 1.2em
}

.eclub .submit:hover {
	background-color: #eee;
	background-image: none;
	border-color: #ccac69;
	color: #ccac69;
}

.node-type-event .eclub p, .not-front .eclub p {
	font-size: 1em;
	letter-spacing: 0;
	font-weight: 400;
	padding-top: 4px;
}

/*** Adverts
******************************************************/

.view-adverts {
	padding: 30px 20px 20px 20px;
	border-top: 1px solid #eee;
	clear:both;
	overflow: auto;
}

.view-adverts .view-content {
	margin: 0 auto;
	max-width: 980px;
}

.advert {
	width: calc( 33.333% - 20px );
	margin-left: 30px;
	float:left;
}

.advert:first-child {
	margin-left:0; 
}

.advert a {
	display: block;
	text-transform: uppercase;
}

.advert img {
	width: 100%;
	height: auto;
	display: block;
}

.advert a:hover img {
	opacity: .5;
}

.advert p { 
	color: #555;
	margin: 10px 0;
}

.view-details {
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	padding-top: 5px;
	font-size: 1.2em;
	text-align: right;
}

.view-details:hover {
	color:#4ba4e0;
}


/*** front sponsors (css also in owl.carousel files)
******************************************************/
 
.sponsors-front {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	border-top: 1px solid #eee;
}

.support {
	width: 32%;
	box-sizing: border-box;
	float:left;
	height: 275px;
	padding: 40px 0;
	border-right: 1px solid #eee;
}

.support h2, .title-sponsors h2 {	
	margin-bottom: 20px;
}

.support img {
	width: 47%;
	display: inline;
	max-width: 188px;
}

.title-sponsors {
	max-width: 665px;
	width: 68%;
	padding: 40px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
}

/*** footer
******************************************************/

.main-footer {
	background-color: #4ba4e0;
	overflow: auto;
	clear:both;
}

.main-footer div, .footer-bottom div {
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 40px 30px 40px;
	overflow: auto;
}

.main-footer a, footer p {
	color: #fff;
	font-weight: 400;	
}

.main-footer div:nth-child(2) {
	max-width: 100%;
	background-color: #348dc9;
	overflow: auto;
	clear: both;
	padding: 0;
}

.main-footer .logo {
	display: block;
	float: left;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 200%;
	min-height: 76px;
	width: 27%;
	margin-right: 30px
}

.wharton {
	display: block;
	float: left;
	background-image: url('../images/wharton.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70%;
	height: 75px;
	width: 27%;
}
.nea-logo {
	display: block;
	float: left;
	background-image: url('../images/NEA-logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
	width: 17%;
}
.macc-logo {
	display: block;
	float: left;
	background-image: url('../images/MACC-logo-white.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
	width: 27%;
}
.main-footer p {
	float: left;
}

.main-footer .privacy-policy {
	clear: both;
	display: block;
	font-size: .8em;
}

.facebook, .twitter, .youtube {
	text-indent: -9999px;
	margin: 20px 0 0 10px;
	float: right;
	border-radius: 4px;
	border: none;
	width: 40px;
	height: 40px;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
	background-position: center -117px;
	position:relative; 
}

.twitter {
		background-position: center -2159px;
} 

.youtube {
		background-position: center -2243px;
}

	.facebook:hover {
		background-color: #fff;
		background-position: center -11px;
	}
	.twitter:hover {
		background-color: #fff;
		background-position: center -1984px;
	}
	.youtube:hover {
		background-color: #fff;
		background-position: center -2067px;
	}

.main-footer ul {
	 max-width:392px;
	 width: 51%;
	 float:right;
}
 
.main-footer li a {
	padding: 5px 0 5px 40px;
	border-left: 3px solid #fff;
	width: 50%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	position: relative;
	transition: background .3s ease;
	line-height: 1em;
}

.main-footer li:nth-child(odd) a {
	border-left: none;
	padding-left: 15px;
}
 
.main-footer li a:hover {
	background-color: #4ba4e0;
}
 
	.main-footer li a:before {
		border-top: 10px solid rgba(0, 0, 0, 0);
		border-right: 0 solid rgba(0, 0, 0, 0);
		border-bottom: 10px solid rgba(0, 0, 0, 0);
		border-left: 10px solid #fff;
		content: " ";
		width: 0;
		height: 0;
		position: absolute;
		top: 3px;
		left: -10px;
	}

	.main-footer li:nth-child(odd) a:before {
		border-left: 0 solid rgba(0, 0, 0, 0);
		border-right: 10px solid #fff;
		right:-10px;
		left: auto;
	}
	
	.main-footer li a:hover:before {
		left: -4px;
	}
	
	.main-footer li:nth-child(odd) a:hover:before {
		right: -4px;
		left: auto;
	}

/* Page 
******************************************/

.media {
	margin: 0 0 40px 0;
	background-color: #fff;
	padding: 0;
	min-height: 68px;
}

	.media.map {
		max-width: 800%;
	}

.media .photos, .media .video {
	display: none;
}

.media .photos.visible, .media .video.visible {
	display: block;
}
	
.video-player iframe {
	width: 100%;
	z-index: 1;
	display: block;
}

.media-buttons {
	overflow: auto;
	padding: 10px;
	background-color: #f1f1f1;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 44px;
}

.media-buttons a, .no-video-link {
	display: block;
	padding: 10px 0 10px 36px;
	color: #fff;
	background-color: #444;
	width: 83px;
	float: left;
	text-align: center;
	border-radius: 4px;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
	background-position: -7px -1029px;
	border: 1px solid #444;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.main .media-buttons a:hover {
	text-decoration: none;
	border: 1px solid #ccac69;
	background-color: #ccac69;
	color: #fff;
}

.media-buttons .nav {
	width: 102px;
	float: right;
	height: 44px;
	display: none;
}

.media-buttons .nav.visible {
	display: block;
}


.media-buttons .nav a {
	height: 22px;
	width: 0;
	padding-left: 44px;
	background-position: center -391px;
}

.media-buttons .nav a:hover {
	cursor: pointer;
}

.media-buttons .nav a:first-child {
	margin-right: 10px;
	background-position: center -463px;
}

.media-buttons .video-link, .media-buttons .video-mobile, .media-buttons .no-video-link {
	background-position: -7px -842px;
	margin-left: 10px;
}

.media-buttons .no-video-link {
	opacity: .5;
	cursor: default;
}

.media-buttons .video-mobile {
	display: none;
}

.map div {
	max-width: 960px;
	height: 400px;
	border:5px solid #fff;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #fff;
}

.map iframe {
	width: 100%;
	height: 400px;
}

.head-image img {
	width: 100%;
	height: auto;
	display: block;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7);
}

.wrapper {
	position: relative;
	z-index: 1;
	max-width: 980px;
    min-height: 100px;
    margin: 0 auto;
    background-color: #fff;
}

.main {
	width: 75%;
	width: calc( 100% - 249px );
	float: left;
	border-right: 1px solid #eee;
	padding: 40px;
	box-sizing: border-box;
	min-height: 300px;
}

.main.front {
	width: 90%;
	border: none;
	margin: 0 auto;
	float: none;
}

.main .block-views {
	clear: left;
}

.main h1 {
	color:#222;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: 1px;
}

.main h2 {
	color: #222;
	font-size: 1.2em;
	border-top: 1px solid #eee;
	padding: 20px 40px 0px 40px;
	letter-spacing: 1px;
	margin: 20px -40px 10px -40px;
}

	.main>h2:first-child {
		border-top: none;
		padding-top: 0px;
		margin-top: 0px;
	}
	
	.node-type-event .main h2 {
		color: #4ba4e0;
		margin: 0 0 10px 0;
		border-top: none;
		border-bottom: 1px solid #4ba4e0;
		padding: 10px 0;
	}

.main p {
	margin-bottom: 10px;
}

	.main p.view-all {
		border-top: 1px solid #eee;
		padding-top: 40px;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1px;
		margin: 0 -40px;
	}
	
.main a:hover, aside a:hover {
	color: #4ba4e0;
}

.main ul {
	margin-bottom: 10px;	
	margin-left: 20px;
}

.main ul li {
	margin-bottom: 5px;
	list-style: square;
	margin-left: 20px;
}

aside {
	float: left;
	width: 25%;
	width: calc( 249px );
	padding: 30px 20px 20px 20px;
	box-sizing: border-box;
}

aside .block-menu {
	margin: 0 -20px 20px -20px;
	border-bottom: 1px solid #eee;
}

aside .block-menu li a {
	display: block;
	padding: 10px 20px;
	text-transform: uppercase;
}

aside .block-menu a:hover {
	text-decoration: none;
	background-color: #efefef;
	color: #444;
}

aside .block-menu a.active {
	font-weight: 700;
	color: #444;
}

aside .block-menu li ul a {
	padding: 10px 0 10px 30px;
}

aside p {
	margin-bottom: 10px;
}

aside .seating-map {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 20px;
	margin: 20px -20px 10px -20px;
}

aside .seating-map a {
	padding: 10px 50px; 
	margin: 0;
	display: block;
	background-image: url('../images/icons.png');
	background-repeat: no-repeat;
	background-position: left -1136px;
}

aside .seating-map a:hover {
	background-position: left -1240px;
}

.main .form-text {
	-webkit-appearance: none;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1em;
	border-radius: 4px;
	margin: 10px 0;
}

.main .form-submit {
	background-color: #ccac69;
	color: #fff;
	border: 1px solid #ccac69;
}

.form-item input.error {
	border-width: 1px;
}

.main .form-submit:hover, .main .form-submit:avtive {
	background-color: #fff;
	color: #ccac69;
	cursor: pointer;
}

aside h1, aside h2 {
	font-weight: 400;
	font-size: 1.2em;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

aside ul, aside li {
	margin-bottom: 10px;
}

aside img {
	width: 100%;
	height: auto;
	margin: auto;
    display: block;
}

	aside .TA_selfserveprop img {
		width: auto;
		height: auto;
	}
	
	
.TA_selfserveprop {
	margin-left: -11px;
}


#CDSWIDLOGO img {
	width: auto;
}

aside blockquote {
	border-bottom: none;
	margin-top: 20px;
}

aside blockquote:last-child {
	border-bottom: 1px solid #bbb;	
}

aside blockquote p {
	font-size: 1em;
}

aside footer cite {
	text-align: left;
	text-transform: capitalize;
	margin-top: 10px;
}

/* Show Page 
******************************************/

aside .date-range {
	float: none;
	background-color: #eee;
	padding: 10px 5px;
	overflow: auto;
	width: auto;
	margin-top: 10px;
}

aside .date-range span {
	display: block;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	color: #444;
}

aside .date-range span:nth-child(1) {
	font-weight: 400;
}

aside span strong {
	font-weight: 700;
	font-size: .9em;
}

aside .date-range span:nth-child(2) {
	font-size: 2.5em;
	letter-spacing: 1px;
}

.onsale strong {
	color: #777;
	text-transform: uppercase;
}

.mobile {
	margin-bottom: 10px;
}

.mobile .date {
	background-color: #eee;
	font-weight: 700;
	text-align: center;
	padding: 10px;
}

blockquote {
	border-top: 1px solid #4ba4e0;
	padding: 10px 0 0 0;
	margin: 30px 0 0 0;
	position: relative;
	quotes: "\201C""\201D""\2018""\2019";
	quotes: "\201C""\201D";
}

blockquote:before {
	font-family: Georgia, serif;
	content: open-quote; 
	display: block;
	color: #4ba4e0; 
	position: absolute;
	font-size: 3.5em;
	top: -16px;
	left: 50%;
	margin-left: -23px;
	text-align: center;
	width: 26px;
	height: 22px;
	padding: 0 10px;
	line-height: 1em;
	background-color: #fff;
}

blockquote p {
	color: #4ba4e0;
	font-weight: 400;
	font-size: 1.3em;
}

footer cite {
	color: #777;
	font-weight: 400;
	display: block;
	font-size: .9em;
	text-transform: uppercase;
	text-align: right;
	padding-right: 20px;
}

.showtimes {
	overflow: auto;
	margin-bottom: 10px;
}


.page-node-383 .showtimes { display: none!important; }

.showtimes span {
	display: block;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #444444;
}

.sponsor {
	margin-top: 10px;
}

.page-node-387 .tuition a, .page-node-422 .tuition a {
    color: #fff;
	width: 100%;
	height: 43px;
	padding: 11px 19px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	background-color: #ccac69;
	position: relative;
	border-radius: 4px;
	border: 1px solid #ccac69;
	box-sizing: border-box;
	letter-spacing: 1px;
	overflow: hidden;
	margin: 10px 0;
	text-decoration: none;
}


.page-node-387 .tickets, .page-node-422 .tickets  {
    display:none!important;
}


.tickets a {
	color: #fff;
	width: 100%;
	height: 43px;
	padding: 11px 19px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	background-color: #ccac69;
	position: relative;
	border-radius: 4px;
	border: 1px solid #ccac69;
	box-sizing: border-box;
	letter-spacing: 1px;
	overflow: hidden;
	margin: 10px 0;
	text-decoration: none;
}

.tickets a:hover, aside .tickets a:hover {
	background-color: #fff;
	border-color: #ccac69;
	color: #ccac69;
	background-image: none;
	text-decoration: none;
}

.links {
	padding: 5px 0 10px 0;	
}

.links a {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.links a:hover {
	opacity: .8;
	border-bottom: 1px solid #4ba4e0;
	text-decoration: none;
}

.sponsor-logos {
	width: 180px;
	height: 90px;
	margin: 20px auto 0 auto;
	overflow: hidden;
}
.sponsor-logos img {
	max-width: 180px;
	display: block;
	position: absolute;
}

/* Search Page
******************************************/

.main .search-form label {
	display: block;
}

.main .search-form input.form-submit {
	font-size: 1em;
	padding: 10px;
	border-radius: 4px;
	-webkit-appearance: none;
}

.main .search-form input.form-submit:hover {
	cursor: pointer;
	background-color: #fff;
	color: #ccac69;
}

/* Media Queries
******************************************/

@media screen and (max-width: 1010px) {
	.support {	
		text-align: center;
	}
}

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

	.illustration {
		padding-top: 170px;
	}
	.view-front-page-block .owl-carousel {
		margin: 0 auto;
	}

	.view-front-page-block .details {
		padding: 20px 10px 20px 0;
		min-height: auto;
	}
	.view-front-page-block .details-links {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		padding-top: 10px;
	}

	.view-front-page-block .owl-theme .owl-controls {
		margin-top: 0;
		padding-top: 20px;
		background-position: center -140px;
    }

	.main, aside {
		padding: 20px;
	}
	.main.front {
		width: 100%;
		padding: 20px 0;
	}
	.main h2, hr, .show-teaser {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.media {
		margin-bottom: 20px;
	}
	.main p.view-all {
		margin: 0;
		padding-top: 20px;
	}
	.front .show-teaser {
		padding: 20px;
		margin: 0;
	}
	.view-all {
		padding-top: 30px;
		margin: 0;
	}
}

@media screen and (max-width: 925px) {
	.view-front-page-block  h1,  .show-teaser h1 {
		font-size: 1.1em;
	}
	.view-front-page-block p span {
		font-size: 1em;
	}
	.show-teaser .show > a {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 880px) {
	.view-front-page-block .show > a {
		margin: 0;
	}
	.view-front-page-block .details {
		min-height: 0;
	}
	
	.showtimes span {
		float: none;
		width: 100%;
	}
}


@media screen and (max-width: 790px) {
	.view-front-page-block .show > a {
		width: 50%;
	}
	.view-front-page-block .details {
		padding: 10px 10px 10px 0;
		width: 50%;
		min-height: 82px;
	}
	.date-range {
		float: none;
		width: 90px;
		padding: 10px 5px;
		margin-bottom: 0;
	}
	.date-range span {
		display: inline;
	}
	.show-teaser .details, .show-teaser .show > a {
		width: 50%;
		margin: 0;
	}
	.show-teaser .show > a {
		width: calc( 50% - 10px );
		margin-right: calc( 10px );
		height: auto;
	}
}

@media screen and (max-width: 735px) {
	.eclub p {
		width: auto;
		float:none;
		margin:0 auto 10px auto;
		text-align: center;
		letter-spacing: 0;
		padding-top: 0;
	}
	
	.eclub .submit {
		float: none;
		margin: 0 auto;
		width: auto;
		max-width: 250px;
	}
	
	.advert, .advert:first-child {
		float: none;
		margin: 0 auto;
		width: auto;
		max-width: 400px;
	}
	
	.main-footer div, .footer-bottom div {
		max-width: 400px;
	}
	
	.main-footer .logo {
		width: 200px;
		height: 30px;
		min-height:0;
		float: none;
		margin-bottom: 40px;
	}
	
	.wharton {
		float: none;
		margin-bottom: 20px;
		background-position: left center;
		background-size: 100%;
		width: 200px;
	}
	
	.main-footer .logo {
		width: 250px;
	}
	.facebook, .twitter, .youtube {
		float: left;
	}
	.main-footer p {
		padding: 10px;
		margin: 0 auto 10px auto;
		float: none;		
	}
	.main-footer ul {
		width: 100%;
		max-width: 400px;
		float:none;
		margin: 0 auto;
		clear: both;
	}	
	
	.title-sponsors {
		float: none;
		width: 100%;
		text-align: center;
	}
	
}

@media screen and (min-width: 701px) {
	.mobile {
		display: none;
	}
}


@media screen and (max-width: 700px) {
	body {
		padding-top: 0
	}
	header, header.scroll, .open-nav .scroll {
		background-color: #fff;
		height: 119px;
		box-shadow: none;
		overflow: hidden;
	    position: relative;
	    top: auto;
	    height: auto;
	}
	header.scroll, .open-nav header, .open-nav .scroll {
		height: auto;
	}
	header, header:hover, header.scroll, header.visible-search {
		box-shadow: none;
	}
	.toolbar-drawer header {
		top: auto;
	}
	header h1 {
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	header h1 a, header:hover h1 a, header.scroll h1 a, header.visible-search h1 a {
		background-position: right center;
		margin: 0 auto;
	}
	
	.donate, header:hover .donate, .visible-search .donate, .scroll .donate, header:hover .donate:hover, .scroll .donate:hover, .visible-search .donate:hover, .mobile-link {
		float:left;
		width: 33.33%;
		position: relative;
		top: auto;
		right: auto;
		display: block;
		padding: 13px 0;
		border: none;
		border-top: 1px solid #eee;
		text-align: center;
		background-color: #fff;
		color: #777;
		font-weight: 400;
	    letter-spacing: 0;
	    text-transform: uppercase;
    }

	header > div {
		height: 70px;
	}
	
	header:after {
		content: none;
	}
	
	.menu-open {
		color: #777;
		display: block;
		cursor: pointer;
		background-image: url('../images/icons.png');
		background-repeat: no-repeat;
		background-position: center -1364px;
		border: 1px solid #eee;
		border-left: none;
		padding: 14px 10px;
		height: 50px;
		width: 50%;
		width: calc( 100% - 110px );
		box-sizing: border-box;
 		margin: 0;
		text-transform: uppercase;
		float: left;
		z-index: 2;
		position: relative;
	}
	.open-nav .menu-open {
		background-position: center -1412px;
	}
	.main-menu {
		background-color: #fff;
		width: 100%;
		padding: 0;
		margin-bottom: 1px; 
		display: none;
		height: auto;
	}
	.open-nav .main-menu {
		display: block;
	}
	.open-nav .scroll .main-menu {
		height: auto;
	}
	.main-menu:hover {
		height: auto;
	}

	.main-menu ul {
		float: none;
	}
	.main-menu ul li {
		float: none;	
	}
	.main-menu li ul {
		display: block;
		position: relative;
		top: auto;
		padding: 0;
		box-shadow: none;
	}
	
	.main-menu ul ul li {
		float: none;
		width: 100%;
		border-bottom: none;
	}
	.main-menu a, header:hover .main-menu a, .main-menu a.active, .visible-search .main-menu a, .scroll .main-menu a, .scroll .main-menu a.active {
		display: block;
		border-bottom: 1px solid #eee;
		color: #777;
		float: none;
		margin: 0;
		padding: 20px 10px;
	}
		
	.main-menu a:hover, header:hover .main-menu a:hover, .visible-search .main-menu a:hover, .scroll .main-menu a:hover {
		background-color: #4ba4e0;
		color: #fff;
	}
	
	.main-menu > ul > li > a {
		font-weight: 700;
	}
	

	.main-menu li li a, header:hover .main-menu li li a, .scroll .main-menu li li a, .visible-search .main-menu li li a {
		color: #777;
	}
	
	.main-menu li a.active, header:hover .main-menu a.active, .visible-search .main-menu a.active, .scroll .main-menu a.active, .main-menu li li a.active, header:hover .main-menu li li a.active, header:hover .main-menu li li a.active, .visible-search li li a.active {
		color: #444;
		font-weight: 700;
	}
	
	.main-menu li a.active:hover, header:hover .main-menu a.active:hover, .visible-search .main-menu a.active:hover, .scroll .main-menu a.active:hover {
		color: #fff;
	}	
	
	.scroll .main-menu {
		height: auto;
		border-top: 0;
	}
	.scroll .main-menu li {
		margin-top: 0;
	}
	
	.search, .visible-search .search, header:hover .search {
		height: 50px;
		bottom: auto;
		position: relative;
		float: right;
		background-color: transparent;
		right: 0;
	}

	.visible-search .search, header.visible-search:hover .search  {
		float: none;
	}

	.view-search, .scroll .view-search, header:hover .view-search, .visible-search .view-search {
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		margin-top: 0;
		padding: 16px 0 16px 30px;
		color: #777;
		transition: none;
	}

		.view-search:before {
			height: 50px;
			background-position: center -1678px;
			transition: none;
		}
		
		.view-search:after {
			transition: none;
			top: 12px;
			background-position: center -1509px;
		}
	
	.search form {
		margin-top: 0;
		width: 100%;
		height: 50px;
		padding-top: 0;
	}
	
	.search .form-actions input, .search .form-item input {
		height: 50px;
		border: none;
		border-bottom: 1px solid #eee;
	}
	.search .form-item input {
		border-right: 1px solid #eee;
	}
	.search .form-actions input {
		padding: 10px;
	}
	
	
	.front .illustration, .illustration {
		background-size: 300px 300px;
		padding-top: 70px;
		padding-top: 0;
	}
	.main, aside {
		float: none;
		width: auto;
		border: 0;
		margin: 0;
		border: none;
		clear:both;
	}
	aside {
		border-top: 1px solid #eee;
	}
	aside .date-range, aside .tickets {
		display: none;
	}
	aside .seating-map {
		margin-top: 0;
		border-top: 0;
		padding-top: 0;
		padding-bottom: 20px;
	}

	.heading {
		background-position: center top;
	}
	.view-front-page-block .owl-theme .owl-controls {
		background-position: center -3px;
		background-size: 300px 300px;
	}
	.front .heading {
		background-position: center -62px;
		background-size: 300px 300px;
	}
	.show-teaser {
		margin-right: -20px;
		padding-right: 20px;
	}
	.view-front-page-block .show > a:before, .show-teaser .show > a:before, .advert-image:before {
		content: none;
	}
	.view-front-page-block a:hover img, .show-teaser a:hover img, .advert a:hover img {
		opacity: 1;
	}
	.media { 
		margin-bottom: 20px;
	}
		
}

@media screen and (max-width: 650px) {
	.view-front-page-block .show > a {
		margin: 0;
		float: none;
		border: none;
		width: 100%;
	}
	.view-front-page-block .details {
		overflow: auto;
		float: none;
		width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width: 600px) {
	.support {
		width: 100%;
		float: none;
		border-right: none;
		border-bottom: 1px solid #eee;
		height: 235px;
	}
	
}

@media screen and (max-width: 500px) {
	.map div, .map iframe {
		height: 200px;
	}
	.show-teaser .show > a, .show-teaser .details {
		width: 100%;
		margin: 0;
		float: none;
	}
	.show-teaser .details {
		margin-top: 10px;
	}
	.show-teaser .details .details-links {
		border: none;
		overflow: auto;
	}
	.show-teaser .date-range span {
		display: inline;
	}
	.date-range span:nth-child(2) {
		font-size: 1.08em;
	}
	.event-page .main > h1 {
		font-size: 1.2em;
	}
	.main-footer ul {
		width: 100%;
		margin: 0;
	}
	.main-footer li a, .main-footer li:nth-child(odd) a {
		float: none;
		width: 100%;
		border: none;
		padding: 5px;
	}
	.main-footer li a:before, .main-footer li:nth-child(odd) a:before {
		content: none;
	}
	.media-buttons .video-link, .media-buttons .photos-link {
		display: none;
	}

	.media-buttons .video-mobile {
		display: block;
		margin-left: 0;
	}
	
	.media-buttons .no-video-link {
		margin-left: 0;
	}
}

@media screen and (max-width: 420px) {
	.media-buttons {
		height: auto;
	}
		
}

@media screen and (max-width: 400px) {
	header h1 a, header:hover h1 a, header.scroll h1 a, header.visible-search h1 a {
		width: 240px;
		background-size: 480px;
		background-position: -244px center;
	}
}

@media screen and (max-width: 356px) {
	.main-footer .logo, .wharton {
		width: 100%;
	}
	.view-front-page-teasers .view-footer a {
		width: auto;
		padding-left: 20px;
	}
	.view-front-page-block .details {
		padding-bottom: 20px;
	}
	.view-front-page-block .details-links {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}
	.details .details-links a {
		float: none;
		margin: 10px 0 0 0;
		width: auto;
	}
}