@charset "utf-8";
/* CSS Document */

/* RESPONSIVE DISPLAY SWITCHES at 720px */

header {
	align-items: flex-end;
}

#sm-nav, #main-nav {
	display:block;
}

.hamburger, #hamburgerNav {
	display:none;
}

#rightOfHeader {
	display: block;
	font-size: 0.9rem;
}

section .talk, section .buttonBox, section .echoOff {
	display:none;
}

.picPanel {
  padding-left:15%;
}

.picPanel img {
  width:auto;
  height:auto;
}

.fullWidthPic > .picPanel {
	padding-left: 0;
	/*max-width: 1200px;*/
}

table.prices {
	width: 600px;
}

.articleInsert > figcaption {
  font-size: 1rem;
}

.articleInsert > figcaption.imageCredit {
	font-size: 0.7rem;
}

/*________________________________________________________________________*/

/* HEADER BAR NAV */


/* main menu */

.headerCell:nth-child(2) {
	flex:8;
	margin-top: 1.5rem;
}
.header-nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*margin-top: 0.5rem;*/
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	font-size: 0.9rem;
}
.header-nav > ul > li {
	flex: 0 1 auto;
	margin: 0;
	padding-top: 0;
	position: relative;
	transition: all linear 0.1s;
}		

/*main menu links*/
.header-nav > ul > li > a {
	display: flex;
	padding: 1rem 1rem 0.25rem 1rem;
}
.header-nav > ul > li > a:hover {
	color: #f1f1f1;
}

/*the dropdown sub-menu*/
.header-nav > ul > li a + div {
	border-radius: 0 0 2px 2px;
	box-shadow: 0 3px 1px rgba(0,0,0,.05);
	display: none;
	position: absolute;
}			
.header-nav > ul > li:hover a + div {
	display: block;
}

site-nav > ul > li a + div > ul {
	list-style-type: none;	
}

.header-nav > ul > li a + div > ul > li {
	margin: 0;
	padding: 0;
}					
.header-nav > ul > li a + div > ul > li > a {
	display: block;	
	padding: 0.25rem 1rem;
}						
.header-nav > ul > li a + div > ul > li:hover > a {
	color:#f1f1f1;	
}

ul.dropdown li {
	width:120px;
}


/*SOCIAL MEDIA LINKS*/

li.rollover a {
	background-repeat:no-repeat;
	background-size: 18px 18px;
	background-position:center 80%;
}

/*________________________________________________________________________*/

/*RESPONSIVE ADJUSTMENTS (>920px*/

@media (min-width: 920px) {
.headerCell:nth-child(2) {
  	margin-top: 1.7rem;
}

.header-nav > ul {
	margin-top: 0.25rem;
	margin-left: 4rem;
	font-size: 0.95rem;
}

.header-nav > ul > li > a {
	display: flex;
	padding: 1rem 1.5rem 0.5rem 1.5rem;
}

.header-nav > ul > li a + div > ul > li {
	padding-bottom:.25rem;
}					
.header-nav > ul > li a + div > ul > li > a {
	padding: 0.25rem 1.5rem;
}

#rightOfHeader {
	display: block;
	font-size: 1.1rem;
}

header h2 {
	font-size: 1.8rem;
}		

ul.dropdown li {
	width:180px;
}

li.rollover a {
	background-position:center 70%;
}
}

/*________________________________________________________________________*/

/*GENERAL PAGE STYLES*/

.gPage {
  padding: 1rem 20% 1rem 15%;
}

.picPanel figcaption {
  padding:0;
}

.fullWidthPic > .picPanel figcaption {
	padding-left: 10%;
}

article table {
	padding-top: 2rem;
	margin-bottom: 1rem;
}


/*PUSH PANEL */

.ppText {
  flex: 5;
  min-width: 25%;
  max-height: 467px;
  padding: 1.5rem 1rem 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 0.8rem; /*This controls size of quote, misc & button.*/
  font-size: calc(12px + (14 - 10) * ((100vw - 720px) / (1200 - 620))); /*This was 1200-720, but I changed it because the text was too big at full-screen*/

}


/* cell 1: review quote*/
.quote {
  display:flex;
  font-family: Georgia;
  font-style: italic; 
  font-size: 200%;
  align-items: start;
  flex:1;
}

/*Large double opening quotes*/
.qstart {
  height:45px;
  margin-top: -50px;
  margin-bottom: -50px;
  font-size: 350%;
}
/*quoted text*/
.qblock {
  padding: 0 0 0 1rem;
}

/* cell 2: miscellaneous info*/
.ppText > .misc {
  flex:2;
  display: flex;
/*  justify-content: space-around;*/  
  align-items: center;
  padding: 0 1rem;
  /*font-size inherited from ppText*/
}
.ppText > .quote p.quotesource {
  font-family: "Ubuntu", Verdana, Arial, Helvetica, sans-serif;
  font-size: 50%;
  font-style: normal;
}

/* cell3 'Book tickets' button*/
.ppText > .buttonBox {
  flex:1;
  flex-wrap: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
  /*display:none;*/
}

/*display switches for booking buttons on individual concerts*/
/*.ppText > .bookc4, .ppText > .bookc6 {
	display:none;
}*/


.ppText .viewButton > p {
  /*font-size inherited from ppText*/
}

.pushPanel figcaption {
	float: right;
}

/*.bookc4, .bookc6 {
  display:none;
}*/


/*________________________________________________________________________*/


/*FLOATING STICKY SIDEBAR */

.stickyNav {
	display:block;
	font-size: 80%;
}

.stickyNavHeader {
	font-family: Ubuntu;
	font-weight: 400;
	height: 30px;
	line-height: 26px;
	cursor:pointer;
	padding: 0.1rem 20px 1rem 20px;
	border: 1px solid #e0dfdf;
}

.stickyNavHeader a {
	text-decoration: none;
}

.stickyNavClose, .stickyNavOpen {
	display:block;
	float: right;
	padding-right: 4px;
	font-size: 150%;

}

.stickyNavContent {
	font-family: Ubuntu;
	font-weight: 300;
	padding: 5px 20px 1rem 20px;
	border: 1px solid #e0dfdf;
	border-top: 0;
	overflow:hidden;
}

.stickyNavContent a p {
	line-height:130%;
}

.stickyNavItem img {
	display:block;
	padding-top: 10px;
	padding-bottom: 4px;
}

.stickyNavItem:nth-child(n+4) {
	display: none;
}

/*________________________________________________________________________*/


@media (max-width: 1250px) {
	.stickySidebar {
		margin-left: -24%;
	}
	.fixed {
		left: 0;
		margin-left: 10px;
	}
}

@media (max-width: 800px) {
	.stickyNav {
		display: none;
	}
}

@media (min-width: 800px) {
	.cPage, .gPage  {
		padding: 1rem 25% 1rem 25%;
	}
	header.cPage {
		padding-right: 0;
	}

}

/*________________________________________________________________________*/