/*
Theme Name: Eastman Theatre
Theme URI: http://www.mikehoff.com
Description: Template designed by Mike Hoff
Version: 1.1
Author: Mike Hoff and Noah Lapidus
Author URI: http://mikehoff.com

Blue: #00467f
Yellow: #ffdd00
Red: #da262e
Headlines: Oswald Bold
Body: Arial 16px #333333
*/

* {
	padding: 0;
	margin: 0;
	}	

body {
	font-family: arial, helvetica, sans-serif;
	background: #fff;
	color: #000;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size: cover;
	min-width: 1024px !important;
	}

:focus {
    outline: none !important;
	}


/**************************** UNIVERSAL STYLES ****************************/

p {
	line-height: 150%;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333333;
	}	

small {
  font-size: 80%;
  line-height: 135%;
	}

a {
	text-decoration: underline;
	color: #00467f !important;
	}	

a:hover {
	color: #ffdd00 !important;
	text-decoration: underline;
    -webkit-transition:  all 0.35s ease-in-out !important;
    -moz-transition:  all 0.35s ease-in-out !important;
    -o-transition:  all 0.35s ease-in-out !important;
    -ms-transition:  all 0.35s ease-in-out !important;
    transition:  all 0.35s ease-in-out !important;
	}

.post {
  padding: 30px;
}

.post p a {
	text-decoration: underline;;
	}

.post p a:hover {
	color: #ffdd00 !important;
	}

p a:hover {
	text-decoration: underline;
	}

h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 36px;
	line-height: 135%;
	margin-bottom: 20px;
	color: #00467f;
}

h1 a {
	color: #000000;
	}

.post h1 {

	}

h1 a:hover {
	color: #981f33;
	text-decoration: none;
	}

h2 {
	font-family: 'Oswald', sans-serif;
	margin: 0 0 10px 0;
	font-size: 24px;
	color: #00467f;
	/*text-transform: uppercase;*/
	font-weight: 500;
	}

h2 a {
	/*color: #981f33 !important;*/
	}

h3 {
	font-family: 'Oswald', sans-serif;
	margin: 10px 0;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	/*text-transform: uppercase;*/
	font-weight: 500;
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
    -webkit-transition:  all 0.35s ease-in-out !important;
    -moz-transition:  all 0.35s ease-in-out !important;
    -o-transition:  all 0.35s ease-in-out !important;
    -ms-transition:  all 0.35s ease-in-out !important;
    transition:  all 0.35s ease-in-out !important;
	}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: none !important;
    -webkit-transition:  all 0.35s ease-in-out;
    -moz-transition:  all 0.35s ease-in-out;
    -o-transition:  all 0.35s ease-in-out;
    -ms-transition:  all 0.35s ease-in-out;
    transition:  all 0.35s ease-in-out;
	}


img {
	border: none !important;
	}	

/* Recommended by http://codex.wordpress.org/CSS */

/* Begin */
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
	}

.alignleft {
  float: left;
	}

.alignright {
  float: right;
	}

.alignright img, img.alignright {
    margin: 0 0 10px 10px ;
	}

.alignleft img, img.alignleft {
    margin: 0 10px 10px 0 ;
	}

.wp-caption {
	font-style: italic;
  	text-align: left;
 	padding-top: 4px;
  	margin: 10px;
	
	}

.wp-caption img {
  	margin: 0;
  	padding: 0;
  	border: 0 none;
	 }

.wp-caption p.wp-caption-text {
  	font-size: 12px !important;
  	line-height: 14px;
  	padding: 0 4px 5px;
  	margin: 0;
	color: #666666;
 	}


/**************************** STYLE TAGS ***************************/

blockquote {
	background: #F0F0F0;
	padding: 20px;
	margin: 20px 0;
	text-align: justify;
	-moz-border-radius: 10px;
	-webkit-border-radius: none !Important;
	-khtml-border-radius: none !Important;
	border-radius: none !Important;
	-moz-box-shadow: none !Important;
	-khtml-box-shadow: none !Important;
	-webkit-box-shadow: none !Important;
	box-shadow: none !Important;
	border: 1px dashed #cccccc;
	}

blockquote .cite {
	text-align: right;
	font-style: italic;
	margin: 0px;
	}


/* ---- LISTS ---- */

.post ol {
	margin: 10px 0 10px 20px;
	line-height: 1.5em;
	margin-left: 30px;
	}

.post ol li {
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 10px;
	}	

.post ul li {
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 5px;
	line-height: 135%;
	margin-bottom: 10px;
	color: #333333;
	}	

.post ul {
	/*margin-bottom: 10px;*/
	}	

.post li {
	/*margin: 7px !important;*/
	}

.postfoot {
	margin: 10px 0 20px 0;
	}
	
ul#double {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
	}

#double li {
    width: 35%;
    float: left;
    display: inline;
	margin-bottom: 20px;
	}

/*********** FORMS *************/ 	

form { }

input, select, textarea {
	margin: 5px 0;
	padding: 2px 5px 2px 5px;
	color: #333333;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	background: #ffffff;
	}

input.button { 
	font: 11px Arial, Sans-serif; 
	height: 15px;
	margin: 0;
	padding: 1px 5px; 
	color: #FFF;
	background:#4B8610;
	}	

/******************** TABLES ***************** */


table {
	border-collapse: collapse;
	}

tr { }

tr.altrow { 
	/*background: #F9F9F9;	*/
	}
	
th, td {
	text-align: left;	
	}

th {
	padding: .8em 1em;	
	}

td {
	padding: .7em 1em;	
	}



/************************ PAGE LAYOUT ***********************/


.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	}

#wrap {
	width: 100%;
	}

#header-wrap {
	width: 100%;
    background-color: #00467f;
	}

#header {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
	}

#logo {
    color: #ffffff;
	margin-left: -45px;
	}

#logo img {
    float: left;
	}

h1#logoTitle {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 56px;
    letter-spacing: -1px;
    display: inline-block;
	color: #ffffff !important;
	margin: 25px 0 -5px 20px;	
	}

#logoSub {
	font-family: times,serif;
	font-size: 16px;
	font-style: italic;
	margin-left: 20px;
	}

#header-nav {
	float: right;
	}

#header-nav ul {
    list-style-type: none;
	}

#header-nav ul li {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
	}

#header-nav ul li a {
    color: #ffffff !important;
    text-decoration: none;
    font-family: oswald, sans-serif;
    font-weight: 100;
    letter-spacing: .5px
	}

#header-nav ul li a:hover {
	color: #ffdd00 !important;
	}

#header-search {
	float: right;
	float: right;
    margin-top: -75px;
	}

#header-search #searchform {
	padding: 0;
	margin: 0;
	}

#header-search #searchform input {
	outline: 0;
	padding: 4px;
	margin: 0;
	}	

#header-search #searchform #s {
	width: 200px;
	height: 20px;
	}	

#header-search #searchsubmit {
	padding: 0;
	background: none;
	width: 15px;
	}




/**************MENU STUFF - MAIN *******************/

#nav-wrap {
	width: 100%;
	background-color: #ffdd00 !important;
	height: 45px;
	}
	
#nav {
	width: 1000px;
	/*height: 30px;*/
	color: #ffffff !important;
	font-size: 20px;
	text-transform: none;
	margin: 0 auto;
	padding-top: 12px;
	}	
	
#nav li { }
	
#nav li a {	}
	
#nav li a:hover {
	color: #981f33 !important;
	}

div#navigation{ 
    background: none !important; /* Old browsers */
    border-radius: 0px;	
	font-size: 20px !important;	
	text-transform: uppercase !important;
	}

#navigation ul, #navigation li{ 
	list-style: none; 
	padding:0 0 12px 0; 
	margin:0; 
	/*display:inline; */
	}

#navigation ul {
	text-align: justify;
	}

#navigation ul:after {
	/*space menu items evenly*/
    content: '';
    display: inline-block;
    width: 100%;
	}

#navigation ul li{ 
	/*float:right;*/
	/*float: left;*/
	position: relative;
    display: inline-block;
	}

#navigation ul li a { 
	color: #00467f !important;
	text-decoration: none !important;
    display:block; 
    padding-right: 25px; 
    margin:0px;  
    white-space:nowrap; 
    border-radius:0px;
    font-family: 'Oswald', sans-serif;
	line-height: 20px;
	letter-spacing: 0px;
    -webkit-transition:  all 0.35s ease-in-out;
    -moz-transition:  all 0.35s ease-in-out;
    -o-transition:  all 0.35s ease-in-out;
    -ms-transition:  all 0.35s ease-in-out;
    transition:  all 0.35s ease-in-out;
	}

#navigation ul li a:hover{ 
	background: none !important;
	color: #da262e !important;
	text-decoration: none !important;
	}

#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:0;
    opacity: 0; /* Hide sub level */
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    z-index:497; 
    background:#00467f;  
    padding: 10px 20px 0px 20px;  
    border-top:none; 
	width: auto !important;
	}

#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:100%; 
    opacity: 0; 
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    border-radius:0px;
    border:0px solid #444;	
	font-size: inherit !important;
	font-weight: normal !important;
	}

#navigation ul li:hover>ul{ 
	opacity: 1; 
	position:absolute; 
	top:99%; 
	left:0px; 
	}

#navigation ul ul li:hover>ul{ 
	position:absolute; 
	top:0; 
	left:100%; 
	opacity: 1; 
	z-index:497; 
	/*background:#333; */
	margin-left: 20px
	}

ul.sub-menu {
	font-size: 16px !important;
	font-weight: normal !important;
	width: 100% !important;
	margin-bottom: 10px !important;
	margin-left:0px !important;
	text-align:left !important;
	}

ul.sub-menu a {
	font-family: 'Oswald', sans-serif;
	text-transform: none !important;
	color: #ffffff !important;		
	}

#navigation ul.sub-menu a {
	/*font-family: 'Oswald', sans-serif;*/
	font-family: helvetica, arial, sans-serif;
	text-transform: none !important;
	color: #ffffff !important;	
	line-height: 150% !important;
	padding: 0 !important;	
	}

#navigation ul.sub-menu a:hover {
	color: #ffdd00 !important;		
	}

li.sub-menu {
	float: none !important;
	text-align:left !important;
	}

ul.sub-menu li {
	text-align:left !important;
	float: none !important;
	}

ul.sub-menu li:last-child {
	margin-bottom: -12px !important;
	}

#navigation ul li.highlight a {
	/*color: #ffffff !Important;*/
	color: #000000 !Important;
	/*background-color: #981f33;*/
	background-color: #99FF00;
	margin-left: -20px !important;
	padding-top: 5px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	width: 100%;
	}

#navigation ul li.highlight a:hover {
	color: #ffffff !Important;
	background-color: #000000 !important;
	}

ul#menu-main-nav > li:last-child > ul.sub-menu {
	left: -140px;
	text-align: right !important;
	}

.sub-menu li li {
	/*sub menu of a sub menu*/
    display: block !Important;
	}


/****************END MAIN NAV****************/





#sidebar {
	float: right;
	width: 307px;
	margin: 0 0 0 20px;
	}

#sidebar h3, #footer h3, .readmore {
	/*text-transform: uppercase;*/
	} 

#content {
	background: #ffffff;
	width: 100%;
	margin: 0 auto;
	}  

#main {
	background-color: #ffffff;
	width: 1000px;
	margin: 0 auto;
	}  


/************************** SIDEBAR STYLES **************************/

#sidebar h3 {
	font: 800 14px arial,sans-serif;
	background: #888;
	color: #FFF;
	padding: 8px 5px;
	margin-bottom: 0;
	letter-spacing: -1px;
	}

#sidebar ul, #sidebar p {
	margin-bottom: 20px;
	}	

#sidebar ul {
	list-style-type: none;
	}	

#sidebar ul li a{
	display: block;
	font: 400 12px arial,sans-serif;
	color: #666;
	padding: 8px 22px 8px 5px;
	border-bottom: 1px solid #E6E6E6;
	}	

#sidebar ul li a:hover {
	color: #FFF;
	}	

#sidebar p {
	font-size: 0.9em;
	padding: 10px 0;
	}	

/***************************** BLOG POST STYLES ****************************/

.post, #mainHome {	
	border-bottom: 1px dashed #00467f;
    margin-bottom: 30px;
	overflow: hidden;   
	}	

#mainHome {
	width: 100%;
	}  

.post {
	padding: 30px 0;
	}

.comment .comment {
	margin-left: 20px;
	border-left: 4px solid #E6E6E6;
	padding-left: 10px;
	}

.meta {
	font-size: 10px;
	background: #e6e6e6;
	padding: 5px;
	border: 1px solid #DDD;
	}

.tags {
	font-size: 10px;
	}

.post-thumb {
	float: left;
	margin-right: 5px;
	}

.postImage img {
   /* width: 100%;
    height: auto;*/
    object-fit: cover;
    width: 100%;
	margin: -30px 0 25px 0;
	}

.post img {
    max-width: 100%;
    height: auto;
	}

.commentlist li { list-style: none; }

.comment-reply-link { /*text-transform: uppercase;*/ }

.comment .meta {
	background: #F0F0F0;
	border: none;
	}

.meta a:hover {
	text-decoration: underline;
	}	


/**************** CONTACT FORMS ***************/ 

form { }

input, select, textarea {
	/*margin: 5px 0;
	padding: 2px 5px 2px 5px;
	color: #333;
	font: 11px Georgia, serif;
	background: #fff;*/
	}

input.button { 
	/*font: 11px Arial, Sans-serif; 
	height: 15px;
	margin: 0;
	padding: 1px 5px; 
	color: #FFF;
	background:#4B8610;*/
	}	

/**************** CONTACT FORMS ***************/ 

span.wpcf7-form-control-wrap {
	position: static !important;
	font-family: 'Oswald', sans-serif;
	}

span.wpcf7-list-item {
	font-size: 16px;
	display:block;
	}

.wpcf7 p {
	font-size: 16px;
	}

label.check { 
	position:relative; 
	text-align:left; 
	margin-right: 200px;
	}

form {
	font-family: 'Oswald', sans-serif;
	}
	
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
	margin: 5px 0;
	padding: 5px;
	color: #666666;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
	background: #fff;
   -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
	}
input.button { 
	font-size: 50px !important;
	font-family: 'Oswald', sans-serif;
	/*height: 15px;*/
	margin: 0;
	padding: 10px; 
	color: #000000;
	background:#666666 !important;
	}

.wpcf7-form {
	border: none;
	font-size: 16px !important;
	width: auto;
	margin: 0 35px;
	padding: 0;
	box-shadow: none;
	}

.wpcf7-submit {
  background: #c2122c !important;
  border: none !important;
  color: #ffffff !important;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase !important;
  font-weight: normal;
  font-size: 36px !important;
  padding: 10px 30px !important;
  letter-spacing: 1px;
  width: auto;
  margin: 25px auto;
  -moz-box-shadow: none;
  -webkit-box-shadow:  none;
  box-shadow:  none;
  background: #c2122c;
  filter: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  text-shadow: none;
    -webkit-transition: all 0.2s ease !important;
	}

.wpcf7-submit:hover {
  background: #000000 !important;
  border: none !important;
  color: #ffffff !important;
    -webkit-transition: all 0.2s ease !important;
	}




/*********************END CONTACT FORM STUFF***********************/


/********************FOOTER******************/

#footer {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
	font-family: 'Oswald', sans-serif;
	}
	
#footer a {
	text-decoration: none;
	}	

#footer a:hover {
	color: #d71d24 !important;
	text-decoration: none !important;
	}	

#footer h3 {
	font: 800 14px arial,sans-serif;
	color: #FFF;
	padding: 8px 0px;
	margin-bottom: 0;
	letter-spacing: -1px;
	}

.footer-logo {
	float: left;
	vertical-align: top;
	background: url('/theatre/wp-content/themes/et/images/footer-logo.png');
    min-height: 41px;
	min-width: 180px;
    background-repeat: no-repeat;
    background-position: left top;
	}

.footer-address {
    display: inline-block;
    margin-left: 35px;
    padding: 0;
	font-size: 12px;
	color: #00467f;
	line-height: 160%;
	font-weight:100;
	}

.footer-address #menu {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	list-style-type: none;
	font-weight:500;
	}

.footer-address #menu li {
	display: inline-block;
	}

.footer-address #menu li:after {
    content: '|';
    margin: 0 10px;
	}

.footer-address #menu li:last-child:after {
    content: '';
	}
	
.footer-address #menu a {
	font-weight: 100;
	color: #00467f !important;
	}

.footer-address #menu a:hover {
	color: #ffdd00 !important;
	}

.footer-social {
	float: right;
	list-style-type: none;
	}

.footer-social li {
	display: inline-block;
	width: 45px;
	}

.footer-social li img {
	max-width: 80%;
	}

.footer-social li img:hover {
    -webkit-filter: invert(1);
    -webkit-transition:  all 0.35s ease-in-out !important;
    -moz-transition:  all 0.35s ease-in-out !important;
    -o-transition:  all 0.35s ease-in-out !important;
    -ms-transition:  all 0.35s ease-in-out !important;
    transition:  all 0.35s ease-in-out !important;
	}

/********SEARCH RESULTS***************/

.search-return-container {
	margin-bottom: 30px;
	border-bottom: 1px dotted #e6e6e6;
	}

.search-column-l, .search-column-r {
	width: 45%;
	float: left;
	}

.search-column-l img, .search-column-r img {
	float: right;
	margin: 0 0 10px 10px;
	}

.search-column-l h1, .search-column-r h1 {
	font-size: 24px;
	}

.search-column-l h2 a, .search-column-r h2 a, .search-column-l h2, .search-column-r h2 {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: normal !important;
	color: #000000 !important;
	margin-bottom: 0px !important;
	}

.search-column-l p, .search-column-r p {
	font-size: 12px;
	line-height: 1.4em;
	}

.search-column-l {
	padding-right: 25px;
	margin-right: 35px;
	border-right: 1px dotted #e6e6e6;
	}

.search-column-r {	}



/*****MORE BUTTONS AND INPUTS****/



#wp-submit, #updateuser, input.submit.button {
	font-family: 'BenchNine', helvetica, arial, sans-serif !important;
	background-color: #000000 !important;
	color: #ffffff !important;
	font-size: 22px !important;
	text-transform: uppercase !important;
	width: auto !important;
	height: auto !important;
	border: none !important;
	border-radius: 0px !important;
	margin-top: 30px;
	padding: 10px 20px !important;
	}

#wp-submit:hover, #updateuser:hover, input.submit.button:hover {
	background-color: #BE2625 !important;
    -webkit-transition:  all 0.35s ease-in-out;
    -moz-transition:  all 0.35s ease-in-out;
    -o-transition:  all 0.35s ease-in-out;
    -ms-transition:  all 0.35s ease-in-out;
    transition:  all 0.35s ease-in-out;
	}


/******************EVENT PAGES*******************/


.eventImage {
	margin: -30px 0 25px 0;
	}

.eventLeft {
    width: 35%;
    display: inline-block;
    vertical-align: top;
	margin-right: 15px;
    font-size: 14px;
	color: #333333;
	}

.eventLeft h1 {
	color: #00467f !important;
	font-size: 28px;
	font-weight: 500;
	line-height: 115%;
	margin-bottom: 10px;
	}

.eventLeft h2 {
	color: #666666 !important;
	font-size: 18px;
	font-weight: 500;
	line-height: 125%;
	}

.eventLeft span {
    display: block;
    margin-bottom: 5px;
	}

.eventLeft ul {
	margin: 20px 0;
	}

.eventLeft ul li {
    list-style-type: none !important;
    margin: 0 0 2px 0;
	padding: 0 !important;
	font-size: 14px;
	}

.addTicketInfo {
	font-size: 12px;
	margin-bottom: 0 !important;
	}

.buyTix {
    background-color: #ffdd00;
    padding: 10px;
    font-family: Oswald;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 36px;
    letter-spacing: 0;
    color: #00467f !important;
    display: inherit;
    margin: 20px 0 10px 0;
	}

.buyTix:hover {
    color: #ffdd00 !important;
    background-color: #00467f !important;
    text-decoration: none;
	}

.eventRight {
	width: 60%;
    display: inline-block;
    vertical-align: top;
	}

.eventRight p {
	color: #333333;
	font-size: 16px;
	line-height: 150%;
	}

.eventRight span {
    display: block;
    margin-bottom: 10px;
	}

.eventRight h2 {
	margin-top: 20px;
	}


.repertoire td {
    padding: 0 20px 15px 0;
	vertical-align: top;
	}

.eventRight .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	}

.eventRight .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/******************EVENT LISTING ARCHIVE*******************/

.eventList {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #cccccc;
	font-size: 16px;
	color: #333333;
	}

.eventList img {
	float: left;
	margin: 0 20px 0 0;
	max-width: 125px;
	height: auto;
	}

.eventList h2 {
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 100%
	}

.eventList h2.noThumb {
	margin: 0 !important;
	}


.eventList h2 a {
	text-decoration: none;
	}

.eventListDetails {
	max-width: 60%;
	float: left;
	}

.eventList span {
	display: block;
	}

.eventListTix {
	float: right;
	}

.eventListTix a {
    font-family: Oswald, sans-serif;
    text-decoration: none;
    /*text-transform: uppercase;*/
	}

.eventListTix a:hover {
	color: #da262e !important;
	}

/*Show the month fbefore the first event of that month*/
#January h1,
#February h1,
#March h1,
#April h1,
#May h1,
#June h1,
#July h1,
#August h1,
#September h1,
#October h1,
#November h1,
#December h1 {
	display: none;
	color: #00467f !important;
	font-size: 32px;
	margin-bottom: 10px;
	}

/*Hide the Month on repeated dates in the month*/
#January ~ #January h1,
#February ~ #February h1,
#March ~ #March h1,
#April ~ #April h1,
#May ~ #May h1,
#June ~ #June h1,
#July ~ #July h1,
#August ~ #August h1,
#September ~ #September h1,
#October ~ #October h1,
#November ~ #November h1,
#December ~ #December h1 {
	display: none;
	}


/******EVENT ARCHIVE PAGINATION************/

.archive-pagination {
	float: right;
	}

.pagination {
	clear:both;
	padding:0 0 50px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
	}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#666666;
	background: #ffffff;
    -webkit-transition:  all 0.35s ease-in-out !important;
    -moz-transition:  all 0.35s ease-in-out !important;
    -o-transition:  all 0.35s ease-in-out !important;
    -ms-transition:  all 0.35s ease-in-out !important;
    transition:  all 0.35s ease-in-out !important;
	}

.pagination a:hover{
	color:#000000;
	background: #efefef;
    -webkit-transition:  all 0.35s ease-in-out !important;
    -moz-transition:  all 0.35s ease-in-out !important;
    -o-transition:  all 0.35s ease-in-out !important;
    -ms-transition:  all 0.35s ease-in-out !important;
    transition:  all 0.35s ease-in-out !important;
	}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #666666;
	color:#fff;
	}



/***************HOMEPAGE****************/


/*SLIDER*/

.slider {
    margin-bottom: 50px !important;
	}
	
.slider .slick-list {
		max-width: 1300px !important;
		margin: 0 auto !important;
	}

.homeSlider {
    background-repeat: no-repeat;
    max-width: 80% !important;
    height: 760px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	/*background-position: center center;*/
	background-position: center top;

/*changes below allow for full size image no cropping at all*/
	/*background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-top: 6%;*/
	}



.sliderText {
	text-align: left;
    display: table-cell !important;
    vertical-align: top;
    width: inherit;
    height: inherit;
    padding-right: 5vw;

	/*text-align: right;
    padding-right: 15px;
    position: absolute;
    bottom: 15%;
	right: 5%;*/
	}

.sliderText h2 {
	font-family: Oswald, sans-serif;
    font-weight: 500 !important;
    font-size: 40px;
	line-height: 110%;
    color: #ffffff;
    margin-bottom: 5px;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.75);*/ /*changed per Reagan 4-7-16 for legibility on white slides*/
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
	}

.sliderText h3 {
	/*the date*/
    color: #ffffff;
    font-size: 26px;
    margin: 0 0 20px 0;
	/*text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.75);*/ /*changed per Reagan 4-7-16 for legibility on white slides*/
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
	}


.sliderText a {
	background-color: #da262e !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Oswald, sans-serif !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    padding: 0px 5px !important;
    text-transform: uppercase;
	letter-spacing: 1px;
	}

.sliderText a:hover {
	background-color: #ffdd00 !important;
	color: #00467f !important;
	}

.slick-dots {
	bottom: -25px !important;
	}

.slick-prev {
    left: 5% !important; /*places nav arrows on images*/
    z-index: 100;
	}

.slick-next {
    right: 6% !important; /*places nav arrows on images*/
    z-index: 100;
	}

.slick-prev, .slick-next {
    top: 93% !Important;
	}

.slick-prev:before, .slick-next:before {
    font-size: 40px !important;
    opacity: .6 !important;
    color: #ffffff !important;
	}


.eventButtons .slick-prev, .eventButtons .slick-next {
    display: none !important;
	}





/*EVENT BUTTONS*/


.eventButtons {
    margin-bottom: 55px !important;
	}

.singleButton {
	height: 265px;
	padding: 0 25px;
	}

.singleButton img {
    width: 100%;
    object-fit: cover;
    /*max-height: 175px !Important;*/
	/*max-height: 155px !Important;*/
	max-height: 200px !Important;
	}

.singleButton a {
	text-decoration: none;
	}

.buttonText {
    background-color: rgba(0, 70, 127, 1.0);
    color: #ffffff;
    font-family: oswald, sans-serif;
    /*text-transform: uppercase;*/
    font-size: 13px;
    font-weight: 500 !important;
    line-height: 125%;
    padding: 10px 0 10px 10px !important;
	min-height: 50px;
	}

.buttonTextDate {
	color: #ffdd00;
	font-size: 11px;
	display: block;
	}

.buttonTextInfo p {
	color: #ffffff;
	font-size: 13px;
	font-family: arial, helvetica,sans-serif;
	display: block;
	}

#searchPage {
	padding-bottom: 35px;
	}

#searchPage h2 {
    margin-bottom: 5px;
	}

#searchPage h2 a {
    text-decoration: none;
	}

#searchPage .eventListDetails {
	float: none;
	}

#searchPage .eventListDetails span {
	display:block;
	}

#searchPage .eventListTix {
    float: none;
    padding: 10px 0;
	}


/*******************************************************/
/******************RESPONSIVE LAYOUT********************/
/*******************************************************/



/**HIDE MOBILE-ONLY STUFF**/

.mobileUpcoming {
	display: none;
}

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

  body {
    background-position: right top;
    /*min-width: 100% !important;*/
    }

  #header {
    width: 100%;
    margin:0; 
    text-align: center;
    height: auto;
    padding: 0;
    }

  #header-search {
    display: none;
    }

  #logo {
    margin: 0;
    padding-bottom: 15px;
    }

  #logo img {
      float: none;
    max-width: 50%;
    }

  h1#logoTitle {
    display: block;
    margin: 0 0 -15px 0;
    font-size: 7vmin;
    }

  #logoSub {
    margin: 0;
    font-size: 2.5vw;
    }

  #click-menu .threeLines .line {
      height: 4px !important;
      margin-bottom: 6px !important;
      background: #FFFFFF !important;
      width: 100% !important;
      border-radius: 75px;
    }

  #click-menu {
      border-radius: 5px;
    }

  #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    color: #ffffff !important;
  }
  
  #nav {
    width:auto;
  }

  h1, h2, h3 {
    line-height: 105%;
    }

  #main {
    width: 100%;
    }

  .post {
    padding: 20px;
    border-bottom: none;
      margin-bottom: 0;
    }

  #mainHome {
      border-bottom: none;
      margin-bottom: 0;
    }

  #footer {
    width: 100%;
      background-color: #00467f;
      padding-top: 20px;
    }


  .footer-social {
      float: none;
      margin: 0 auto;
      text-align: center;
    }

  .footer-social li img {
      max-width: 100%;
    filter: invert(100%) grayscale(100%) brightness(150%);
      -webkit-filter: invert(100%) grayscale(100%) brightness(150%);
      -moz-filter: invert(100%) grayscale(100%) brightness(150%);
      -o-filter: invert(100%) grayscale(100%) brightness(150%);
      -ms-filter: invert(100%) grayscale(100%) brightness(150%);
    }

  .footer-address {
      display: block;
      margin: 0 0 15px 0;
    text-align: center;
    color: #ffffff;
    font-size: 11px;
    }

  .footer-address #menu a {
      color: #ffffff !important
    }

  .footer-address #menu li {
      display: block;
      text-align: center;
    }

  .footer-address #menu li:nth-child(3), .footer-address #menu li:nth-child(4) {
    display: inline-block;
    }

  .footer-address #menu li:nth-child(3):after {
      content: ' | ';
      margin: 0 10px;
    }

  .footer-address #menu li:after {
      content: '';
      margin: 0px;
    }

  .footer-logo {
      float: none;
      text-align: center;
    background: url('/theatre/wp-content/themes/et/images/footer-logo-white.png');
      min-height: 41px;
      background-repeat: no-repeat;
      background-position: top center;
    }


  /****HOME PAGE****/

  #mainHome > section > div > nav > ul > li {
    background-repeat: no-repeat;
    }


  .homeSlider {
    height: 300px !important;
    }

  .sliderText {
    /*width: auto;
    height: auto;
    overflow: hidden;
    margin: 0 15px 0 0;
    top: 10vw;*/

      display: table-cell !important;
      vertical-align: top;
      width: inherit;
      height: inherit;
      font-size: 16px !important;
      padding: 3px;
    text-align: center;
    }

  .sliderText h2 {
    font-size: 6vw;
    line-height: 135%;
    }

  .sliderText h2 {
    font-size: 5vw;
    line-height: 135%;
    }

  .sliderText a {
    /*font-size: 4vw;*/
    }

  .eventButtons {
    display: none !important;
    }


  .mobileUpcoming {
    display: block;
    width: 100%;
    }

  .mobileUpcoming h2 {
      font-size: 24px !Important;
      color: #ffffff;
      background-color: #00467f;
      padding: 12px 0;
    margin-bottom: 0 !important;
      text-align: center;
    }


  .homeEvent {
    text-align: center;
    color: #00467f;
      margin: 0;
    padding: 15px;
      line-height: 135%;
      font-size: 16px;
    }

  .mobileEvent h3 {
      width: 100%;
      text-align: center;
    background-color: #ffdd00;
      padding: 10px 0;
    color: #00467f;
    margin: 0;
    font-size: 16px;
    }

  .homeEvent .title {
    font-family: Oswald;
    font-size: 20px;
    /*text-transform: uppercase;*/
    }

  .homeEvent .date {
    display: block;
    }

  .homeEvent .buy {
    display: block;
    background-color: #00467f;
    font-family: Oswald;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
      padding: 10px 0;
      width: 45%;
    margin: 5px auto;
    font-size: 20px;
    letter-spacing: 1px;
    }



  /*****EVENT LISTINGS****/

  h1.eventListTitle {
    text-align: center;
    }

  .eventList {
    margin-left: -30px;
      margin-right: -30px;
    }

  .eventListDate {
    background-color: #ffdd00;
    padding: 15px 30px;
    text-align: center;
    }

  .eventList img {
      float: none;
      margin: 0 auto;
      max-width: 100%;
    display: block;
    }

  .eventList h2 {
     margin-bottom: 5px;
    text-align: center;
    }


  .eventListDetails {
      max-width: 100%;
      float: none;
      margin: 0 30px 5px 30px;
      text-align: center;
      line-height: 135%;
    }

  .eventListTix {
      float: none;
      text-align: center;
    }



  /*****SINGLE EVENT PAGE****/

  .eventImage {
      margin: -30px 0 25px -30px;
    }

  .eventImage img {
      max-width: 110%;
      height: auto;
    }

  .eventLeft {
      width: 100%;
      display: block;
    }

  .buyTix {
      max-width: 50%;
      text-align: center;
    font-size: 24px;
    }

  .eventRight {
      width: 100%;
      display: block;
    margin-top: 30px;
    }



  .archive-pagination {
    /*display: none;*/
    float: none;
    }

  .archive-pagination .pagination span, 
  .archive-pagination .pagination .inactive,
  .archive-pagination .pagination a.first,
  .archive-pagination .pagination a.last {
    display: none;
    }

  .archive-pagination .pagination a.prev,
  .archive-pagination .pagination a.next  {
    background-color: #808080;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif;
    padding: 4vw;
    font-size: 6vw;
    }

  .archive-pagination .pagination a.next  {
    float: right;
    }

  /*CONTACT FORMS*/
  .wpcf7-form {
    margin: 0;
    }

  .wpcf7 input, .wpcf7 select, .wpcf7 textarea {
    max-width: 100%;
    }

  /* Revisions 2019 */

  #header-nav {
    float: none;
    display: block;
    padding: 20px;
    z-index: 1000;
  }
  #logo {
    padding-top: 70px;
  }
  div.archive {
    padding: 0;
  }
  button#responsive-menu-button {
    width: 60px !important;
    height: 60px !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    background-color: #00467f !important;
  }
  #responsive-menu-container {
    z-index: 999 !important;
  }
  #responsive-menu-container #responsive-menu-wrapper #responsive-menu-title {
      background-color: #00467f;
      color: #00467f;
      text-align: center;
  }
  div.eventList {
      border-bottom: 0;
      padding-bottom: 25px;
  }
  h1.eventListTitle {
    display: none;
  }
  div.eventList h1.eventListDate {
      margin: 0;
  }
  .eventList h2 {
      margin: 15px 0;
  }
  .eventList img {
      margin: 25px auto;
      max-width: 74%;
  }
  #SpektrixIFrame {
    overflow: hidden !important;
  }

}



/*******END RESPONSIVE LAYOUT*******/