body {background-color: #000000; font-size: 1em; /*color: #f00;*/ }

.headcaption {float: right;}
.headcaption2 {float: right; color: #fff;}/*temp panto caption*/

.contain-to-grid {background-color: #000000 !important; }

/*.subhead {padding-top: 35px;}*/
.top-bar {background: #000000;}
.top-bar-section ul li {border: none;}
/*.top-bar-section li.active:not(.has-form) a:not(.button) {background: #99CCFF;  }down state - active link*/
.top-bar a:hover {background: #FFC840 !important; color: #333333!important;} /*FFB400*/
/*.top-bar-section ul li a {background: #99CCFF;  }*/

[data-magellan-expedition], [data-magellan-expedition-clone] {padding: 0px; background-color: #000000 !important;}

p.quote {color: #FF2800;font-style: normal;}
.norm {font-style: normal;}
.warn { color: red; font: normal bold; }
.assure { color: #666; font-style: italic !important; font-weight: normal!important;}/*008cba*/
.cart { float: right !important; margin-right: -1em;}
#eelogo {margin-left: 0em;}

/* ============= boxout ======================*/
#boxout {border: 2px solid #266896;	background-color: #98b1d4;	padding: 5px 8px 8px 8px;  color: White; margin-bottom: 10px; border-radius: 5px;}

/* ============= Owl Carousel ================ */

.owl-theme .owl-controls{margin-top: -10px;margin-bottom: 10px;text-align: center;} /*dots*/

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */
	margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;	-moz-border-radius: 30px;	border-radius: 30px;
	background: #869791;	filter: Alpha(Opacity=50);/*IE7 fix*/	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;	text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{	display: inline-block;	zoom: 1;	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{	display: block;width: 12px;height: 12px;margin: 5px 7px;	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;	-webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px;	background: #869791;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{	filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
	-moz-border-radius: 30px;	border-radius: 30px;}

/* preloading images */
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}
/* progressBar */
#owl-slide .item img{display: block;width: 100%;height: auto;margin-bottom: 10px;}
#bar{width: 0%;max-width: 100%;height: 4px;background: #008CBA;}
#progressBar{width: 100%;background: #EDEDED;}
/*=================== end owl ================================*/
/* event listing accordion */

.accordion .accordion-navigation > a, .accordion dd > a {background: #3fb1df;color: #222222;}/*2ba6cb 008CBA 09BFFB 49b5e1*/
.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: #FFC840;  }/*FFB400 FFC840*/
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {background: #95D8F2; }
.accdate {background: #95D8F2; width: 9em; float:left; display: table-cell; padding-left: 10px; margin-right: 2em; 
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.acctitle {display: table-cell;}
.eventthumb {float:right; max-width: 60%;  margin-left:15px; margin-bottom: 15px;}
.pastevent {margin-bottom: 15px;}

#oldevents.accordion .accordion-navigation > a, .accordion dd > a {background: #04546E; color: #95D8F2; }/*FFC840*/
#oldevents.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: #FFC840;color: #04546E;}/*B01B00*/
#oldevents.accordion .accordion .accordion-navigation > a {margin-bottom: 5px; background: #D49A6A;color: #222222;}/*95D8F2*/
#adminpanel.content a:hover {color: #04546E;}

/* tickets border: thick solid fuchsia;*/
/*#FF2C00*/
.eventhead {color: #B01B00}/*008cba*/
h4.subhead {color: #4f66e4; margin-top: 1.5em;}
h4.tickethead {color: #B01B00; font-size: 100%;  font-weight: bold; }/*c85a3c*/
h4.ticketsub {color: #555; font-size: 100%;}/*4f66e4*/
.inhead {color: #4f66e4;}
.phototop {margin-bottom: 1em; max-width: 100%;}
.caption {color: #666666;  font-size: 90%;}/*008cba*/
#buttoncol {margin-top: 2em;}
.butcap {color: red; font-size: 90%;*}
button, .button {font-size: 1.2rem;}
.padbut {margin-top: 3em; margin-bottom: 1em;}
.padbutR {margin-top: 0.5em; margin-bottom: 1em; float: right; padding-top: 0 }
table.ticketgrid { padding: 0px; }
/*.ticketgrid th {background: #FFC840; font-size: 2.5em; color: red}*/
/*form #ticketform {font-size: 2.5em; color: red;}*/

/*th.tabhead {font-size: 2.5em; color: red;
}*/
/*#ticketpanel {font-size: 2.5em;}*/

/* info */
#map-canvas {width: 100%;height: 450px;}
.days {width: 100%;height: 450px;}
.gallery h4 {margin-top: 1.5em;}
/* clearing lightbox */
.clearing-caption {font-size: 1em; color:white!important;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Footer */
footer {padding: 15px 10px 3px 10px; background: #302f54 url(../img/hallnodave1200.jpg) no-repeat 50% 0%;color: white;}
footer a:link {color: white;}
footer a:visited {color: white;}
footer a:hover {color: #c85a3c;}
footer button.secondary, footer .button.secondary {border-radius: 5px;padding: 10px;background-color: #8C939B;color: white; }
.footmail {text-shadow: 4px 4px 2px #000000;}
footer ul.footlinks {margin-bottom: -1em; }
#brownbull {margin-top: 0em; margin-right: -0.8em; font-size: 80% }
#brownbull a {text-align: right; margin-top: 0em; margin-right: 1em; margin-bottom: 1em; display:block; width:14em; height:2em; padding: 0.9em }


/* --------------------------  media queries  --------------------------- */
/*breakpoints
Small screens 
max-width: 40em max-width 640px, mobile-only styles, use when QAing mobile issues
Medium screens
min-width: 40.063em min-width 641px
min-width: 40.063em and max-width: 64em - min-width 641px and max-width 1024px, use when QAing tablet-only issues
Large screens
min-width: 64.063em - min-width 1025px
min-width: 64.063em and max-width: 90em - min-width 1025px and max-width 1440px
XLarge screens
min-width: 90.063em - min-width 1441px
min-width: 90.063em and max-width: 120em - min-width 1441px and max-width 1920px
XXLarge screens
min-width: 120.063em - min-width 1921px
*/
@media only screen and (max-width: 639px) {
#ticketpanel {font-size: 130%;}
/*th.tabhead {font-size: 2.5em; color: red;}*/
}
@media only screen and (min-width: 640px) {
body {background-color: #000000; font-size: 1em; color: #f00; /*color: #000;*/ }
p.quote {font-style: italic;}
.phototop {float: right;  margin-left: 2em; max-width: 50%;}
.caption {text-align: right;  }
#buttoncol {margin-top: 0;}
h4.tickethead {font-size: 130%;}
h4.ticketsub {font-size: 110%;}
.clearing-featured-img { max-width: 95%; }
.footmail {float: right; text-shadow: none; text-align: right;   }
#eelogo {margin-left: 2em;}
th.tabhead {/*font-size: 0.8em;*/ color: black;}
/*#ticketpanel {font-size: 130%;}*/
.ticketgrid th {font-size: 1em; color: black}
/*tabhead {font-size: 90%; color: black;}*/
}