/* CSS Document */
@charset "UTF-8";
@viewport {
	width: device-width;
	height: device-height;
}

@font-face {
    font-family:Geometric Slab;
    src: url(/fonts/GeoSlb712-Lt.ttf);
	font-weight:normal;
}
@font-face {
    font-family:Geometric Slab;
    src: url(/fonts/GeoSlb712-Lt.ttf);
	font-weight:normal;
	font-style:italic;
}
@font-face {
    font-family:Geometric Slab;
    src: url(/fonts/GeoSlb712-Med.ttf);
	font-weight:bold;
}
@font-face {
    font-family:Geometric Slab;
    src: url(/fonts/GeoSlb712-MedItalic.ttf);
	font-weight:bold;
	font-style:italic;
}

/* default all elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: baseline;
  list-style:none;
  list-style-type:none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Teaching ie html5 new elements. */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	background-color:#f2f0e6; /* light cream too yellow? */ 
	background-color:#f8f6f4; /* light grey */	
	background-color:#f7f3f0; /* light cream */
	background-color:#e7e3e0; /* craft */
	background-color:#e5e1de; /* craft */
}
body {
	margin:0;
	padding:0;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size:1em;
	line-height: 1.75em;
    font-weight: normal;
  	/*letter-spacing: 0.0625em;  16 * 0.0625 = 1px */
	color:#333;
}
body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
	background:url(/img-base/bg-art10.jpg) no-repeat center center fixed; 
  	background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;	
	background-attachment: scroll;
}

#pageWrap {
	position:relative;
	width:100%;
	max-width:3000px;
	min-height:80%;/*mobile full bg*/
	min-height:700px;
	margin:0 auto;
	padding:0;
	padding-top:140px;
}

p { margin-bottom:1em; }
i, em { font-style:italic; }
b, strong { font-weight:bold; font-size:.9em; }

h1 {
	font-family:'Geometric Slab';
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.35em;
	letter-spacing: 0.0625em;  /*16 * 0.0625 = 1px*/
	margin-bottom:1em;
	color:#ff9933;
}
h1 .subTitle {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size:.75em;
	font-weight:normal;
	letter-spacing:normal;
	color:#333;
}
h1 .subTitle.rep { text-transform:none; font-style:italic; color:#fff;}
.year { font-style:normal; font-size:.75em;}

h2 {
	font-family:'Geometric Slab';
	font-weight:bold;
	font-size:1.15em;
	line-height:1.25em;
	letter-spacing: 0.0625em;  /*16 * 0.0625 = 1px*/
	margin-bottom:1em;
}

h3, th {
	text-transform:uppercase;
	margin-bottom:1.2em;
	color:#ff9933;
}
h4 {
	text-transform:uppercase;
	margin-bottom:.5em;
	font-size:.8em;
}

figcaption {
	font-size:.75em;
	line-height:1em;
	margin-top:.25em;
}

.jobTitle { font-size:.8em; line-height:1em;}
.notes, .byline { font-size:.8em; line-height: 1.5em;}
.byline { margin-top:-1em; margin-bottom:2em;}

section article ul li {
	list-style:disc;
	list-style-type:disc;
	line-height:1.5em;
	margin-bottom:1em;
	margin-left:20px;
}

a:link, a:visited {
	color:#000;
	text-decoration:none;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
a:hover, a:active {
	color:#FF9933;
	text-decoration:none;
}

p a:link, p a:visited, .notes a:link, .notes a:visited, .staff .web, .listNames li a {
	border-bottom:1.25px dotted #ff9933;
}

a:hover img.thumb {
	-webkit-filter: brightness(50%);
  	filter: brightness(50%);
	background:none;
}

a.pdfLink:link, a.pdfLink:visited {
	display:block;
	padding:15px 0 15px 50px;
	background:url(/img-base/icon-pdf-999.png) left center no-repeat;
	background-size: auto 30px;
}
a.pdfLink:hover, a.pdfLink:active {
	background:url(/img-base/icon-pdf-on.png) left center no-repeat;
	background-size: auto 30px;
}


.buttonLg, .buttonSm {
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	letter-spacing:1px;
	padding:15px 25px;
	border:1px solid #ff9933;
	border-radius:10px;
	color:#ff9933;
	background:#F7F7F7;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
.buttonLg:link, .buttonLg:visited { color:#ff9933;}
.buttonSm {
	font-size:.8em;
	padding:8px 20px;
	border-radius:18px;
}
a.buttonSm {color:#ff9933;}
.buttonLg:hover, .buttonSm:hover {
	color:#fff;
	background:#ff9933;
	border:1px solid #ff9933;
}
.xbtn {
	width:30px;
	padding-top:30px;
	background:url(/img-base/close-999.png) center no-repeat;
	background-size: auto 30px;
	text-indent:-9999px;
	border:none;
	outline:none;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
.xbtn:hover {
	background:url(/img-base/close-on.png) center no-repeat;
	background-size: auto 30px;
}
	
.quote {
	padding:0 40px;
	margin-bottom:30px;
	background: url(/img-base/quote-left-orange.png) left top no-repeat, url(/img-base/quote-right-orange.png) right bottom no-repeat;
	background-size: 30px Auto;
	text-align:center;
	font-size:1.2em;
	font-style:italic;
}
.quote .notes {margin-top:.75em; font-style:normal;}

.clear, .partition { clear:both; }

img {
	width:100%;
	height:auto;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

figure { margin-bottom:30px;}

.videoWrap {
	position: relative;
	/*margin-top:1em;*/
	margin-bottom:2em;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}

/* HEADER */
#logo {
	display: block;
	position:fixed;
	left:6%;
	top:28px;	
	height:53px;
	width:196px;
	text-indent: -9999px;
	background: url('/img-base/TBDC-logo.svg') no-repeat;
	background-position:center;
	background-size:contain;
	z-index:9200;
}
#mainHeader {
	position:fixed;
	top:20px;
	left:5%;
	width:90%;
	padding:6px 12px 3px 15px;
	background:#fff;
	z-index:9000;
}
.menu {
	float:right;
	overflow: hidden;
	text-align:right;
	margin:0;
	padding:0;
	text-transform:uppercase;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
	z-index:9500;
}
#topNav1, #topNav2 { display:block;}
.menu li { display:inline-block;}
#topNav1 li {
	font-size:13px;
	line-height:13px;
	padding:5px;
	padding-bottom:6px;
	margin-right:24px;
	margin-right:4px;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#topNav2 li {
	font-size:11px;
	line-height:11px;
	padding:5px;
	margin-right:24px;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#topNav1 li:last-of-type, #topNav2 li:last-of-type { margin-right:0;}
#topNav1 {
	padding-top:3px;
	padding-bottom:0px;
}
#topNav2 {
	border-top: 1px dotted #999;
	padding-top:1px;
}
.menu ul li:last-of-type { margin-right:0;}
#topNav1 li .dropNav {
	display:none;
	position: absolute;
    top:37px;
	font-size:11px;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#topNav1 li:last-of-type .dropNav {right:0;}
#topNav1 li .dropNav li {
	display: block;
    float: none;
    padding: 10px 5px;
	padding-right:8px;
	margin:0;
    text-decoration: none;
	text-transform:none;
    text-align: left;
	border-top: 1px dotted #999;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#topNav1 li .dropNav li a { display:inline-block; width:100%;}
#topNav1 li:hover .dropNav { display: block;}

/* TEMPORARY STORE MENU NOTE */

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ff9933;
    color: #fff;
    text-align: center;
	text-transform:none;
    padding: 5px 0;
	border-radius: 6px;

    /* Position the tooltip */
    position: absolute;
	top: 95%;
    right: -20px; 
    /* margin-left: -60px; Use half of the width (120/2 = 60), to center the tooltip */
    z-index: 1;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ff9933 transparent;
}

.tooltip:hover {cursor:default;}
.tooltip:hover .tooltiptext {
    visibility: visible;
}


/* HOME - SWIPER */
#slideShow {
	position:relative;
	margin:0;
	/*padding-bottom:40px;*/
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.slideInfo {
	position:absolute;
	left:5%;
	right:5%;
	top:60%;
	width:90%;
	text-align:left;
}
.slideLabel {
	display:inline-block;
	width:auto;
	padding:5px;
	margin-bottom:1em;
	font-size:.75em;
	line-height:.8em;
	text-transform:uppercase;
	color: #fff;
	background: #ff9933;
}
.slideTxt {
	font-family:'Geometric Slab';
	font-size:2em;
	letter-spacing:1px;
	line-height:1.15em;
	color:#fff;
	text-shadow: 1px 1px 3px #333;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
}
.slideTxt:hover {color:#ff9933;}
.imgCredit {
	position:absolute;
	right:-23%;
	top:45%;
	width:50%;
	margin:0;
	text-align:center;
	font-size:.75em;
	color:#999;
	/* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
}
.swiper-slide video::-webkit-media-controls-start-playback-button { /*remove iOS video play button in swiper slides.*/
    display: none!important;
    -webkit-appearance: none;
	pointer-events: none;
}
.swiper-pagination {
	text-align:right;
	padding: 0 5%;
}
.rightCol .swiper-container {margin-bottom:30px;}
.rightCol .swiper-pagination {position:absolute; right:0; bottom:0; padding:0; padding-top:10px;}
.rightCol .swiper-slide p {font-size:.8em; line-height:1.2em;} 

.swiper-pagination-bullet {
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:100%;
	background:#000;
	background:#ff9933;
	opacity:.3
}
button.swiper-pagination-bullet{
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-clickable .swiper-pagination-bullet:hover{opacity:.7; background:#ff9933;}
.swiper-pagination-bullet-active{opacity:1; background:#ff9933;}



/* HOME - Latest News - ACCORDIAN LAYOUT */

.leftCol.home {
	float:left;
	display:inline;
	width:45%;
	margin-left:10%;
	margin-bottom:60px;	
}
#latestNews { margin-bottom: 60px;}
#latestNews .news, .repInfo {
	padding:0;
	border-bottom:1px dotted #666;
}
#latestNews .news:first-of-type, .repInfo:first-of-type {
	border-top: 1px dotted #666;
}
.rightCol.rep .repInfo:last-of-type {border-bottom:none; margin-bottom:40px;}

.headline  {
    position: relative;
    padding-top: 15px;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}

.details {
	padding-bottom:15px;
}
.repInfo .headline { 
	padding-top:.5em;
	margin-bottom:.5em;
	padding-right:30px;
	background:url(/img-base/menu-pulldown-999.png) right center no-repeat;
	background-size: 20px auto;
}
.repInfo .details { padding-bottom:10px;}
.headline:hover, .headline:focus  {
	cursor:pointer;
	color:#ff9933;
}
.repInfo .headline:hover, .repInfo .headline:active, .repInfo .headline:focus {
	background:url(/img-base/menu-pulldown-on.png) right center no-repeat;
	background-size: 20px auto;
}
.sampleProgram {
	margin-bottom:10px;
}
.sampleProgram li { font-style:italic;}
.sampleProgram li .notes { font-style:normal; font-size:.75em;}

/* HOME - Donate */

#donateBanner p { margin-bottom:40px;}

.imgPaypal {
	display:block;
	margin-top:25px;
	margin-bottom:30px;
	width:60%;
}

/* HOME Social Media Feeds */
.rightCol.home {
	float:left;
	display:inline;
	width:25%;
	margin-left:10%;
	margin-bottom:60px;
}
.rightCol.home article {margin-bottom:20px;} /*for social feeds*/

/* NEWS Page */
#newsWrap {margin-left:5%; width:90%;} 
#presskitWrap {
	margin:20px 0 60px 0;
	margin-left:8%; 
	width:84%; 
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	} 
.newsEntry {
	margin:auto; 
	margin-bottom:100px; 
	width:100%; 
	max-width:1200px;
	float:none;
}
.postDate {
	margin-left:40%;
	margin-bottom:20px;
	border-left:10px solid #ff9933;
	padding-left:20px;
	font-size:.8em;
}
.newsPic {
	float:left;
	display:inline-block;
	min-height:3em;
	width:35%;
	margin-right:8%;
	text-align:center;
}

.newsPic img {
	width:auto;
	height:auto;
	max-width:90%;
	max-height:300px;
	margin:auto;
	margin-top:0;
}
	
.newsEntry .news {
	/*float:left;*/
	display:inline-block;
	width:57%;
}
.newsEntry .news .headline {padding-top:0;}
.newsEntry .news .headline:hover, .calWrap .headline:hover { cursor:default; color:#333;}
#loadMore {width:100%; margin:60px 0; text-align:center;}


/* Text Pages */
.sectionHead { margin-left:5%;}

.leftCol {
	float:left;
	display:inline-block;
	margin-left:5%;
	margin-bottom:40px;
	width:30%;	
}
.rightCol {
	display:inline-block;
	margin-left:5%;
	margin-bottom:40px;
	width:55%;
}
.leftCol.support, .leftCol.rep {width:55%;}
.rightCol.support, .rightCol.rep {width:30%;}

.leftCol.support, .rightCol.support {border-top:1px dotted #999; padding-top:12px;}
.supplements.archive {border-bottom:1px dotted #999; padding-bottom:30px;}
.supplements.archive:last-of-type {border:none;}

.subNav, .leftCol .supplements, .leftCol .button { margin-bottom:30px;}
.supplements.registration {margin-bottom:40px; padding-bottom:20px; border-bottom:1px dotted #999;}

.leftCol .subNav {margin-top:.5em;}
.subNav ul a {
	display: block;
	width:100%;
    padding: 8px 0 8px 0;
	margin:0;
	border-top: 1px dotted #999;
	font-size:.85em;
}
.subNav ul { border-bottom: 1px dotted #999;}
.leftCol figure {padding:0 25px;}
.leftCol .supplements .downloads { margin-bottom:20px;}
.leftCol .supplements .button .notes { font-size:.75em;}
.leftCol .supplements .button form { margin-top:.5em;}
.rightCol article, .leftCol.support article {margin-bottom:3em;}
.rightCol p {margin-bottom:1.5em;}
.cv li {position:relative; margin:0; padding:0; margin-bottom:-1.5em;}
.cv li ul {
	position:relative;
	top:-1.5em;
	left:11%;
	width:90%;
}
.cv li ul li {
	line-height:1.2em;
	margin-bottom:1em;
}
.artWrap {
	display:block;
	margin-left:5%;
	width:90%;
	border-top: 1px dotted #999;
}
.bio .jobTitle {
	margin-top:-1em;
	margin-bottom:1.25em;
}
.bio img {
	float:left;
	display:inline-block;
	width:30%;
	margin-right:20px;
	margin-bottom:10px;
}
.bio p {
	margin-top:-.5em;
	margin-bottom:1em;
}
.bio ul li {
	display:inline-block;
	font-style:italic;
}
.bio ul li:after {
	content: ', ';
	margin-right:5px;
}
.bio ul li:last-of-type:after {
	content: '';
	margin-right:0;
}

.staff { margin-bottom:2em;}
.staff .name {
	display:inline;
	font-weight:bold;
	line-height:1em;
}
.staff .jobTitle { display:inline;}
.staff .tel, .staff .email, .staff .web {
	display:block;
	font-size:.85em;
	line-height:1em;
	margin-top:.5em;
	margin-bottom:.75em;
}
.staff .web { display:inline-block;}

ul.listNames { margin-bottom:2em;}
ul.listNames .jobTitle:before { content: ', ';}


ul.pressList li, ul.searchResults li {
	margin-bottom:30px;
	line-height:1.25em;
}
ul.pressList li .article {margin-left:-5px;}
ul.pressList li .article::before {content:"“";}
ul.pressList li .article::after {content:"”";}


/* Repertory, album */
.subNav.top, .thumbWrap, .repertoryGroup, .partition, .album, ul.downloads { margin-left:5%; width:95%;}
.searchResults { margin-left:5%; width:90%;}
.comingSoon { margin-top:15%; margin-left:5%; width:90%; text-align:center;}

.thumbWrap { 
	margin-top: 40px;
	margin-bottom: 40px;
}
.xbtn {position:absolute; top:130px; right:10%; z-index:8500;}
.albumWrap .xbtn {top:215px;}
.subNav.top ul { display:block; width:100%; border:none; border-collapse:collapse;}
.subNav.top ul li, .thumbWrap .thumb {
	float:left;
	display:inline-block;
	width:28%;
	margin-right:5%;
}
.subNav.top ul li a {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	border-collapse:collapse;
}
/*.subNav.top ul li .navDate, .subNav.top ul li .navTitle { border-top:none;}  when removed the Early Work and Opera section from Repertory. 2019/03 */ 
.subNav.browse { margin-left:5%; width:90%; border-bottom: 1px dotted #999;}
.subNav.browse.bottom { border-bottom:none; border-top: 1px dotted #999; clear:both;}
.prev, .next {
	float:left;	
	display:inline-table;
	width:50%;
	font-size:.8em;
	padding:8px 10px;
	overflow:hidden;	
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
}
.subNav.browse .prev {
	padding-left:30px;
	background: url(/img-base/arrow-prev-999.png) left center no-repeat;
	background-size: auto 25px;
}
.subNav.browse .next {
	text-align:right;
	padding-right:30px;
	background: url(/img-base/arrow-next-999.png) right center no-repeat;
	background-size: auto 25px;
}
.subNav.browse .prev:hover {
	background: url(/img-base/arrow-prev-on.png) left center no-repeat;
	background-size: auto 25px;
}
.subNav.browse .next:hover {
	background: url(/img-base/arrow-next-on.png) right center no-repeat;
	background-size: auto 25px;
}

.thumbWrap .thumb .title {
	height:6em;
	overflow:hidden;
	font-size:.9rem;
	line-height:1.25em;
}
.thumbWrap .thumb .title.rep {font-style:italic;}
.thumbWrap .thumb .year {
	font-style:normal;
	/*margin-left:10px;*/
	font-size:.8rem;
}
.thumb a:link img, .thumb a:visited img, .square a:link img, .square a:visited img {	
	-webkit-filter: brightness(90%);
  	filter: brightness(90%);
}
.thumb a:hover img, .thumb a:active img, .square a:hover img, .square a:active img {	
	-webkit-filter: brightness(125%);
  	filter: brightness(125%);
}

.repertoryGroup, .partition, ul.downloads {
	position:relative;
	width:90%;
	padding-top:25px;
	border-top: 1px dotted #999;
}
.repertoryGroup:first-of-type { margin-top:60px;}
.repertoryGroup.active { margin-top:40px;}
.repertoryGroup h2 {
	float:left;
	margin-left:10px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-weight:normal;
}


.repertoryGroup .thumbWrap, .activeRepContent {
	float:right;
	display:inline-block;
	width:85%;
	margin:0;
	padding:0;
}
.activeRepContent { width:65%; margin-bottom:40px;}
.repertoryGroup .thumbWrap .thumb {
	margin-right:0;
	margin-left:5%;
	font-size:.9em;
}
.activeRepContent .slider {margin-bottom:20px;}
.bxslider .slide {text-align:center;}
.bxslider .slide img {
	width:auto;
	height:auto;
	max-width: 100%;
	max-height:600px;
	margin:auto;
	margin-bottom:10px
}
.activeRepContent .bxslider .slide img {max-height:550px;}
.bxslider .slide p { width:100%; text-align:left; font-size:.9em; line-height:1.25em;}
.album .bxslider .slide p { text-align:center;}
.album { 
	width: 70%;
	max-width: 1000px;
	margin:40px auto;
}
.bx-pager .square {
	float:left;
	display:inline-block;
	width:21%;
  height: 0;
  overflow: hidden;
  padding-top: 21%;
  position: relative;
  margin:2%;
}
.bx-pager .square a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display:table-cell;
	display: flex;
	text-align:center !important;
	vertical-align:middle; 
	margin-left:auto;
	margin-right:auto;
	justify-content: center;
  	align-items: center;
}
.bx-pager .square a img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}


ul.downloads {padding:0; margin-top:40px; margin-bottom:80px;}
ul.downloads li {
	position:relative;
	margin:0;
	padding:20px;
	border-bottom:1px dotted #333;
}
ul.downloads li.pdfLink {
	padding-left:80px;
	background:url(/img-base/icon-pdf-999.png) 20px center no-repeat;
	background-size: auto 30px;
}
ul.downloads li.docLink {
	padding-left:80px;
	background:url(/img-base/icon-doc-999.png) 20px center no-repeat;
	background-size: auto 30px;
}
ul.downloads li.pdfLink .fileDate, ul.downloads li.docLink .fileDate {display:inline-table; width:20%;} 
ul.downloads li.pdfLink .fileName, ul.downloads li.docLink .fileName {display:inline-table;width:48%;}
ul.downloads li.pdfLink .fileSize, ul.downloads li.docLink .fileSize {display:inline-table;}
ul.downloads li.imgLink .fileSize {float:left;}
ul.downloads .imgLink .thumb {
	float:left;
	display:inline-table;
	width:22%;
	margin-right:30px;
	text-align:center;
}
ul.downloads .imgLink .thumb img {
	margin:0 auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:240px;
}
.imgDetail {
	float:left;
	display:inline-table;
	width:46%;
}
.imgDetail h4 {font-size:.7em;}
.imgDetail .fileName {margin-bottom:30px;}
.imgDetail p {font-size:.9em; line-height:1.25em;}
ul.downloads li .downloadWrap {position:absolute; top:20px; right:0;}
ul.downloads li .downloadWrap .buttonSm {margin-top:0;}  



.pulldown {
    position:absolute;
    display: inline-block;
	top:272px;
	right:5%;
}
.pullbtn {
	width:220px;
	text-align:left;
    background-color: #FFF;
    padding: 8px;
	padding-right:30px;
	background:#fff url(/img-base/menu-pulldown-999.png) 190px center no-repeat;
	background-size: 20px auto;
    font-size:.8em;
    border: 1px solid #999;
    cursor: pointer;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
}
.pullbtn:hover, .pullbtn:focus {
    background:#fff url(/img-base/menu-pulldown-on.png) 190px center no-repeat;
	background-size: 20px auto;
	outline: none;
}
.pulldown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 220px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.pullpdown-content li { display:block; width:220px;}
.pulldown a {
	display: block;
	width:220px;
    padding: 6px 10px;
    font-size:.9em;
	border-bottom:1px dotted #999;
}
.pulldown li:last-of-type a { border-bottom:none;}
.pulldown a:hover {background-color: #ddd;}
.show {display:block;}


/* PRESENTER */
.vidEmb {
	float:left;
	display:inline;
	width:55%;
}
.vidInfo {
	float:right;
	display:inline;
	width:40%;
}

/* LOG IN */
#loginWrap {
	width:100%;
	padding-left:40%;
	padding-right:18%;
	margin-bottom:40px;
}
#loginWrap form#login {	padding-top:20px;}
#loginWrap input#policy { margin-right:10px;}
#loginWrap p{ margin-top:20px;}
#loginWrap form#login #password {
	width:250px;
	padding:10px;
	border:1px solid #999;
	margin-right:10px;
	margin-bottom:20px;
}


/* CALENDAR */
.calWrap {
	width:100%;
	padding:20px;
	padding-right:10px;
	padding-bottom:40px;
	margin-bottom:60px;	
	-moz-border-radius-bottomright: 100px;
	-webkit-border-bottom-right-radius: 100px;
	border-radius: 0 0 100px 0;
	-khtml-border-radius: 0 0 100px 0; /* for old Konqueror browsers */
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255,255,255);
	/* RGBa with 0.6 opacity */
	background: rgba(255,255,255, 0.80);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	filter: alpha(opacity=80);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.calCity {
	width:98%;
	text-align:right;
	color:#ff9933;
	border-bottom:1px dotted #ff9933;
	margin-bottom:.5em;
}
.calWrap .headline:hover { cursor:default; color:#333;}
.calInfo { line-height:1.2em; margin-bottom:1em;}
.calInfo h3 {
	font-size:.8em;
	margin-bottom:0em;
}
.calDetail {margin:40px 0;}
.calPrice {font-size:1.25em; margin-bottom:40px;}
.calPrice .currency {font-size:.8em;}
.calWrap .buttonLg {margin-bottom:20px;}

.calendar {
	position:fixed;
	top:360px;
	left:5%;
	width:30%; 
	margin:auto; 
	text-align:center;
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.calendar.smaller {top:150px;}
																																																	
.calendar table {
	width:95%; 
	max-width:480px; 
	margin:auto; 
	margin-bottom:6px; 
	border-collapse:collapse;
	background:#e7e3e0; /* craft */
}
.calendar table .tableHead { font-weight:bold;}
.calendar table td {
	width:14.2857%;
	text-align:center;
	vertical-align:middle;
	border:1px solid #999;
}
.calendar table td a:link, .calendar table td a:visited {
	display:block;
	width:100%;
	background:#F7F7F7;
	background:#fff;
}
.calendar table td.past a:link, .calendar table td.past a:visited {
	background:#CCC;
}
.calendar table td.multi a:link, .calendar table td.multi a:visited {
	background:#fee1e1;
}
.calendar table td a:hover, .calendar table td a:active, .calendar table td.multi a:hover, .calendar table td.multi a:active {
	color:#fff;
	background:#FF9933;
}
.calendar h2 {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-weight:normal;
    text-align: center;
	margin-bottom:10px;
}
.calendar header .prev, .calendar header .next {
	width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
	text-indent: -9999px;
	border:none;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
}
.calendar header .prev {
    left: 0;
	background: url('/img-base/arrow-prev-999.png') no-repeat;
	background-position:center;
	background-size:contain;
    }
.calendar header .next {
      right: 0;
	  background: url('/img-base/arrow-next-999.png') no-repeat;
	background-position:center;
	background-size:contain;
    }
.calendar header .prev:hover {
      left: 0;
	  background: url('/img-base/arrow-prev-on.png') no-repeat;
	background-position:center;
	background-size:contain;
    }
.calendar header .next:hover {
      right: 0;
	  background: url('/img-base/arrow-next-on.png') no-repeat;
	background-position:center;
	background-size:contain;
    }
.calendar nav {width:100%; padding:0 10px;}
.calendar nav .prev {
	text-align:left;
	padding-left:20px;
	background: url(/img-base/arrow-prev-999.png) left center no-repeat;
	background-size: auto 16px;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
.calendar nav .next {
	text-align:right;
	padding-right:20px;
	background: url(/img-base/arrow-next-999.png) right center no-repeat;
	background-size: auto 16px;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
.calendar nav .prev:hover {
	background: url(/img-base/arrow-prev-on.png) left center no-repeat;
	background-size: auto 16px;
}
.calendar nav .next:hover {
	background: url(/img-base/arrow-next-on.png) right center no-repeat;
	background-size: auto 16px;
}
.calendar .legend {
	float:left;
	display:inline-block;
	margin-left:10px;
	text-align:left;
	font-size:.8em;
}
.calendar .legend.upcoming:before {
	content: "";
	display:inline-block;
	opacity:1;
	width: 20px;
	height: 20px;
	background:#fff;
	margin-right:10px;
	margin-bottom:-5px;
	border:1px solid #999;
}
.calendar .legend.past:before {
	content: "";
	display:inline-block;
	opacity:1;
	width: 20px;
	height: 20px;
	background:#ccc;
	margin-right:10px;
	margin-bottom:-5px;
	border:1px solid #999;
}
.calendar .legend.multi:before {
	content: "";
	display:inline-block;
	opacity:1;
	width: 20px;
	height: 20px;
	background:#fee1e1;
	margin-right:10px;
	margin-bottom:-5px;
	border:1px solid #999;
}

/* PAGE WITH SLIDESHOW TOP */
#pageWrap.topSlides { padding-top:0;}
#pageWrap.topSlides #mainHeader {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255,255,255);
	/* RGBa with 0.6 opacity */
	background: rgba(255,255,255, 0.80);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	filter: alpha(opacity=80);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#pageWrap.topSlides .sectionHead {
	position:absolute;
	left:0;
	top:140px;
	z-index:8000;
}
#pageWrap.topSlides .leftCol, #pageWrap.topSlides .rightCol {margin-top:40px;}
#pageWrap.topSlides .rightCol .repInfo {padding:10px 0; font-size:.9em; line-height:1.5em;}
#pageWrap.topSlides .rightCol .repInfo h4 {font-size:.75em; margin-bottom:5px;}

.videoWrap {
	position: relative;
	margin-top:1em;
	margin-bottom:20px;
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-bottom: 55.125%; 16:9 adjusted for 98% wide iframe */
	padding-top: 25px;
	/* padding-top:10px; adjusted for 98% wide iframe */
	height: 0;
}

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


/* FOOTER */
footer {
	margin:0;
	width:100%;
	margin-top:40px;
	padding:2.25em 5%;
	color:#999;
	background:#fff;
}

#socialIcons a {
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:1em;
	height:1.3em;
	width:auto;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#socialIcons a img {
	height:1.3em;
	width:auto;
}
#footerPresenter {
	padding-left:40px;
	color:#ccc;
}
#socialIcons a:hover, #socialIcons a:active  {
	color:#ff9933;
}
#phone { display:none; }

#eList, .search-container {
	float:left;
	display:inline;
	margin-top:-.5em;
	margin-bottom:1.25em;
}
.search-container {float:right; margin-top:-1em;}
#eList .inputText, .search-container .inputText {
	height:2.75em;
	width:200px;
	margin-right:10px;
	padding-left:5px;
	color:#999;
}
.search-container .inputText { margin-right:0;}
.search-container .submit {
	text-align:center;
	vertical-align:central;
	width:40px;
	padding:0;
	border:none;
	font-size:1.4em;
	line-height:1.5em;
	cursor: pointer;
	color:#999;
	background:none;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
.search-container .submit:hover {color:#ff9933;}
#eList .submit {
	text-align:center;
	width:3em;
	height:3em;
	padding:0;
	border:1px solid #999;
	border-radius:1.5em;
	color:#fff;
	background:#999;
	cursor: pointer;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#eList .submit:hover {
	background:#ff9933;
	border:1px solid #ff9933;
}

.footerInfo {
	float:left;
	display:inline;
	margin-right:20px;
	font-size:.8em;
}

.freckles {
	float:left;
	display:inline;
	font-size:.8em;
}
.freckles a:link, .freckles a:visited {
	color:#999;
}
.freckles a:hover, .freckles a:active {
	color:#ff9933;
}


/* Scroll to Top */

.scrollup {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 25%;
    right: 2.5%;
    display: none;
    text-indent: -9999px;
	background: url('/img-base/arrow-up-999.png') no-repeat;
	background-position:center;
	background-size:contain;
	z-index:9500;
}

.scrollup:hover {
	width: 30px;
    height: 30px;
	background:url('/img-base/arrow-up-on.png') no-repeat;
	background-position:center;
	background-size:contain;
}


/* First Visit Popup Message */
#fvpp-blackout {
	display: none;
	z-index: 499;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #736356;
	background: #9d8977;
	opacity: 0.9;
}
#fvpp-bgimage {
	display: none;
	z-index: 498;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
	
#my-welcome-message {
	display: none;
	z-index: 8000;
	position: fixed;
	width: 65%;
	left: 18%;
	top: 150px;
	font-family:Geometric Slab;
	font-size:1.2em;
	color:#fff;
}
#my-welcome-message img {
	float:left;
	width:40%;
	margin:0 20px 20px 0;
}
#my-welcome-message a:link, #my-welcome-message a:visited {color:#fff;}
#my-welcome-message a:hover, #my-welcome-message a:active {color:#FF9933;}

#fvpp-close {
	position:fixed;
	top: 140px;
	left: 8%;
	width:30px;
	height:30px;
	background:url(/img-base/close-fff.png) center no-repeat;
	background-size: auto 30px;
	cursor: pointer;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#fvpp-close:hover {
	background:url(/img-base/close-on.png) center no-repeat;
	background-size: auto 30px;
} 

#fvpp-dialog h2 {
	font-size: 2em;
	margin: 0;
}

#fvpp-dialog p {margin: 0;}


/* fixed new footer */
#fixedFooter {
	position:fixed;
	float:none;
	width:100%;
	left:0;
	bottom:0;
	background:#dfd8d1;
	z-index:2000;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}


#fixedFooter p {margin-bottom:0;}
#fixedFdonate, #fixedFemail {
	float:left;
	height:4em;
	margin:15px 0 10px 0;
	padding:0 3%;
	font-size:.8em;
	line-height:1.2em;
}
#fixedFdonate { width:45%; }
#fixedFemail {width:55%; border-left: 1px dotted #999;}
#fixedFemail #eList .submit {
	text-align:center;
	width:3em;
	height:3em;
	padding:0;
	border:1px solid #ff9933;
	color:#ff9933;
	background:#F7F7F7;
	border-radius:1.5em;
	font-size:.9em;
	font-weight:bold;
	cursor: pointer;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#fixedFemail #eList .submit:hover {
	background:#ff9933;
	border:1px solid #ff9933;
	color:#fff;
}

#fixedFooter div form {float:right; margin-left:5px; margin-bottom:0;}
#fixedFooter #fixedFdonate form {margin-top:-3px;}
#fixedFooter #fixedFemail form {margin-top:0px;}

#fixedFnotes {
	width:100%;
	height:auto;
	margin:0;
	padding:6px;
	text-align:center;
	background:#fff;
	-webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all; 
}
#fixedFnotes a:link, #fixedFnotes a:visited {
	padding:4px;
	padding-right:40px;
	background:url(/img-base/arrow-next-999.png) no-repeat;
	background-position:right;
	background-size:contain;
}
#fixedFnotes a:hover, #fixedFnotes a:active {
	padding:4px;
	padding-right:40px;
	background:url(/img-base/arrow-next-on.png) no-repeat;
	background-position:right;
	background-size:contain;
}

#fixedFooter.smaller { bottom:-5em;}



@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 
/* retina, stuff to override above media query */
#topNav1 li {
	margin-right:8px;
}
#topNav2 li {
	margin-right:28.5px;
}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1600px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1600px),
only screen and (                min-resolution: 192dpi) and (min-width: 1600px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1600px) { 
/* retina, stuff to override above media query */
#logo {
	left:7%;
	top:28px;
	height:65px;
	width:241px;
}
#mainHeader {
	left:6%;
	width:86%;
	padding-bottom:5px;
}
#topNav1 li {
	font-size:16px;
	line-height:16px;
	padding:8px 3px;
	padding-bottom:8px;
	margin-right:25px;
}
#topNav2 li {
	font-size:14px;
	line-height:14px;
	padding:5px 3px;
	margin-right:47.5px;
}

#topNav1 {
	padding-top:6px;
	padding-bottom:0px;
}
#topNav2 {
	border-top: 1px dotted #999;
	padding-top:1px;
}
#topNav1 li .dropNav { top:44px;}
#topNav1 li .dropNav li { font-size:14px;}
#topNav1 li:last-of-type .dropNav { right:0;}

.sectionHead, section.leftCol, .rightCol.support, .rightCol.rep {margin-left:6%;}
.rightCol, .leftCol.support, .leftCol.rep { margin-left:6%; width:50%;}
/*.rightCol.cal {margin-left:42%; width:50%;}*/


.subNav.top, .thumbWrap, .repertoryGroup, .partition { margin-left:6%; width:94%;}
.searchResults { margin-left:6%; width:88%;}
.subNav.browse, ul.downloads, #newsWrap, #presskitWrap { margin-left:6%; width:86%;}
.subNav.browse {font-size:1em;}
.repertoryGroup, .partition { width:86%; padding-top:30px;}
.subNav.top ul li, .thumbWrap .thumb {
	width:27%;
	margin-right:5.2%;
}
.pulldown { right:8%;}
.newsPic { margin-right:7.5%;}
.newsEntry .news { width:57.5%;}

.calendar { top:360px; left:6%; width:30%;}
.calendar.smaller {top:150px;}

.search-container {margin-top:-.75em;}



}

@media only screen and (max-device-width: 900px) and (orientation:portrait) {
/* For Tablet vertical slideshow */
#pageWrap.topSlides #mainHeader { background:none;}
#pageWrap.topSlides .xbtn {position:relative; float:right; top:10px; right:3%;}
#pageWrap.topSlides .sectionHead { position:relative; left:0; top:20px;}
#pageWrap.topSlides .sectionHead .subTitle {color:#333;}

#pageWrap.topSlides #slideShow {
	max-height:700px;
	width:100%;
}
#pageWrap.topSlides .swiper-slide video.slider-video {
	max-height:700px;
	object-fit: cover;
}
.leftCol.rep, .rightCol.rep {clear:both; width:75%; margin-left:10%;}
.leftCol.rep {margin-bottom:10px;}
.rightCol.rep {margin-bottom:40px;}
#pageWrap.topSlides .rightCol.rep .repInfo { position:relative; padding-left:20%; min-height:36px;}
#pageWrap.topSlides .rightCol.rep .repInfo h4 {
	position:absolute;
	top:10px;
	left:0;
}
#pageWrap.topSlides .subNav.browse.bottom {border-top:none;}
.leftCol.home, .rightCol.home {
	clear:both;
	display:block;
	position:relative;
	width:80%;
	margin:0px 8%;
	margin-right:12%;
	margin-bottom:30px;
}
.rightCol.home .socialCol {
	width:47%;
	float:left;
	display:inline-block;
	margin-right:3%;
}

.bio img { width:40%;}
.cv li ul { left:14%; width:88%;}
.leftCol .supplements { font-size:.9em; line-height:1.5em;}
.leftCol .supplements .downloads a { padding-left:40px; line-height:1.25em;}

.calendar {
	left:3%;
	width:30%; 
}																																														
.calendar table {width:95%; margin:auto; margin-bottom:5px; border-collapse:collapse;}

.vidEmb, .vidInfo { clear:both; display:block; width:100%;}


}

@media
only screen and (max-width: 950px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-device-width: 950px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-device-width: 950px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-device-width: 950px),
only screen and (        min-device-pixel-ratio: 2)      and (max-device-width: 950px),
only screen and (                min-resolution: 192dpi) and (max-device-width: 950px),
only screen and (                min-resolution: 2dppx)  and (max-device-width: 950px) { 
/* For Tablet and smaller size screen menu */
#logo {
	top:20px;
	left:3%;
}
#pageWrap.topSlides #logo { background-image:url('/img-base/TBDC-logo-white.svg');}
#mainHeader {
	top:0;
	right:-40px;
	left:auto;
	width:auto;
	height:100%;
	background:none;
}

.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
    -moz-transition: 250ms all;
    -ms-transition:250ms all;
    -o-transition: 250ms all;
    transition: 250ms all;
}
.menu-opener {
  	cursor: pointer;
  	position:fixed;
	top:30px;
	right:30px;
	height: 33px;
  	width: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index:9900;
}
/*.menu-opener:hover, .menu-opener.active {
  background: #fff;
}*/
.menu-opener-inner {
  background: #ff9933;
  height:3px;
  margin-left:0;
  margin-top:13px;
  width:35px;
}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: #ff9933;
  content: '';
  display: block;
  height:3px;
  width:35px;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-13px);
  -ms-transform: translateY(-13px);
  transform: translateY(-13px);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.menu-opener-inner.active {
  background: transparent;
}
.menu-opener-inner.active::before {
  -webkit-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-3px) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-3px) translateX(0rem) rotate(45deg);
  transform: translateY(-3px) translateX(0rem) rotate(45deg);
}

.menu ul, .menu ul .dropNav {
	display: none;
	position:static;
	padding:0;
	border:none;
}
.menu {
	position:fixed;
	top:20px;
	right: -220px;
	padding:0;
	padding-top:50px;
	min-width:200px;
	background:#FFF;
	overflow:scroll;
}
.menu.active {
	position:fixed;
	top:20px;
	right: 20px;
	overflow:scroll;
}
.menu.active ul:not(.dropNav) {
    float: none;
    display: block;
    text-align: left;
}
#topNav2 {border:none;}
#topNav1 li, #topNav2 li {
	display:block;
	font-size:13px;
	line-height:13px;
	padding:12px;
	padding-bottom:12px;
	margin:0;
	border-top:1px dotted #666;
}
#topNav1 li a:hover:not(.dropNav) { color:#ff9933;}
#topNav1 li .dropNav {
	position:static;
	margin-top:10px;
	background:none;
	box-shadow:none;
}
#topNav1 li .dropNav li {
    padding: 10px 0px;
	border:none;
}



#donateBanner p { margin-bottom:20px;}
.imgPaypal { width:30%;}


.leftCol {width:25%;}
.rightCol {width:60%;}
.leftCol.cal {width:30%;}
.rightCol .imgPaypal { width:70%;}
.leftCol figure {padding:0;}

.calendar h2 {font-size:.9em;}

.calendar header .prev, .calendar header .next {
	width: 22px;
    height: 22px;
}
.calendar nav .prev, .calendar nav .next {
	width:50%;
}

ul.downloads li.pdfLink .fileDate, ul.downloads li.docLink .fileDate {display:block; width:75%; margin-bottom:.5em; font-size:.95em;} 
ul.downloads li.pdfLink .fileName, ul.downloads li.docLink .fileName {display:block;width:75%;}
ul.downloads li.pdfLink .fileSize, ul.downloads li.docLink .fileSize, ul.downloads li.imgLink .fileSize {
	position:absolute;
	top:15px;
	right:0px;
	width:22%;
	text-align:center;
	font-size:.95em;
}
ul.downloads li.imgLink .fileSize { width:19%; right:20px;}
ul.downloads .imgLink .thumb {
	float:left;
	display:inline-table;
	width:25%;
	margin-left:-5px;
	margin-right:20px;
	text-align:center;
}
ul.downloads .imgLink .thumb img {max-height:200px;}
.imgDetail {width:50%;}
ul.downloads li .downloadWrap {float:none; position:absolute; right:20px; top:3.25em;} 



footer { margin-top:40px;}
#phone { display:inline; }
#eList, .search-container {
	clear:both;
	display:block;
	width:100%;
	text-align:left;	
}
.search-container {margin-bottom:2.5em;}
#eList {margin-top:.75em;}

/* new fixed footer */
#fixedFdonate, #fixedFemail {
	line-height:1.2em;
}
#fixedFdonate { width:55%; line-height:1.2em;}
#fixedFemail {width:45%; padding-left:5%;}
#fixedFemail p {display:none;}




@media only screen and (max-device-width: 700px) {
/* For all PHONE layouts */
body { font-size:.9em; line-height: 1.5em;}
#pageWrap {	padding-top:85px;}
#pageWrap.topSlides .xbtn {position:relative; float:right; top:-.25em;}
#pageWrap.topSlides .sectionHead { position:relative; left:0; top:10px; margin-bottom:20px;}
#pageWrap.topSlides .sectionHead h1 {margin-bottom:0px;}
#pageWrap.topSlides .sectionHead .subTitle {color:#333;}
#pageWrap.topSlides .leftCol, #pageWrap.topSlides .rightCol {margin-top:0;}

p { line-height:1.5em; margin:0;}
.rightCol p {margin-bottom:1em;}
h3, th { margin-bottom:.75em;}
#logo {
	position:absolute;
	top:10px;
	left:10px;
	width:185px;
	height:50px;
}
#pageWrap.topSlides #mainHeader { background:none;}
.menu-opener {
	top:18px;
	right:15px;
}
.menu-opener-inner {
  margin-top:11px;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  transform: translateY(-11px);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}
.menu {
	position:fixed;
	top:0px;
	right: -200px;
	padding:0;
	padding-top:50px;
	min-width:150px;
	height:100%;
	overflow:scroll;
}
.menu.active {
	position:fixed;
	top:0px;
	right: 0px;
	padding:0;
	padding-top:50px;
	min-width:150px;
	height:100%;
	overflow:scroll;
}
.menu.active ul:not(.dropNav) {
    float: none;
    display: block;
    text-align: left;
}
#topNav1 li, #topNav2 li {
	display:block;
	font-size:13px;
	line-height:13px;
	padding:12px;
	padding-bottom:12px;
	margin:0;
	border-top:1px dotted #666;
}

/*#slideShow {
	padding-bottom:20px;
}*/
.slideInfo { top:50%; }
.slideLabel {
	font-size:.6em;
	line-height:.6em;
}
.slideTxt {
	font-size:1.7em;
	line-height:1em;
}
.imgCredit {
	top:40%;
	right:-27%;
	width:60%;
	font-size:.65em;
}
.leftCol.home, .rightCol.home {
	clear:both;
	display:block;
	position:relative;
	width:80%;
	margin:0 8%;
	margin-right:12%;
	margin-bottom:40px;
}

#donateBanner p { margin-bottom:10px;}
.imgPaypal {
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	width:50%;
}

.subNav.browse { margin-left:3%; width:94%; margin-bottom:20px;}
.subNav.browse.bottom {margin-top:10px; margin-bottom:20px;}
.subNav.browse .prev, .subNav.browse .next { line-height:1.2em; margin:5px 0;}
.xbtn {top:60px; right:18px;}
.albumWrap .xbtn {top:125px;}
.album { width: 80%; margin:10px auto;}
.bxslider { margin-bottom:20px;}
.album .bx-pager {margin-top:-3em;}
.album .bx-wrapper .bx-prev {
  left:-35px;
	background-position:0 45%;
	background-size:30px 30px;
}
.album .bx-wrapper .bx-prev:hover,
.album .bx-wrapper .bx-prev:focus {
	background-position:0 45%;
	background-size:30px 30px;
}
.album .bx-wrapper .bx-next {
  right:-35px;
	background-position:10px 45%;
	background-size:30px 30px;
}

.album .bx-wrapper .bx-next:hover,
.album .bx-wrapper .bx-next:focus {
	background-position:10px 45%;
	background-size:30px 30px;
}
.bx-wrapper .bx-controls-direction a {
  margin-top: 0px;
  width: 40px;
}

.rightCol {	margin-bottom:40px;}
.rightCol.support, .rightCol.rep {margin-bottom:20px;}

.cv li ul { left:15%; width:88%; margin-bottom:0;}
.leftCol .subNav { margin-bottom:10px;}
.pressClipWrap .leftCol {display:none;}

.repertoryGroup, .partition, ul.downloads {padding-top:15px;}
.repertoryGroup:first-of-type { margin-top:20px;}
.repertoryGroup.active {margin-top:0px;}
.repertoryGroup h2 {margin-left:0px;}
.repertoryGroup.active h2 { float:none; display:block; width:100%;}
.activeRepContent {
	float:none;
	display:block;
	width:80%;
	margin:0;
	margin-bottom:40px;
}
.thumbWrap { 
	margin-top: 0px;
	margin-bottom: 20px;
}
.thumbWrap .thumb .title {
	height:4em;
	font-size:.9em;
	line-height:1.2em;
}
.thumbWrap .thumb .year {/*margin-left:5px;*/ font-size:.8em;}

.subNav, .leftCol .supplements, .leftCol .button { margin-bottom:20px;}
.supplements.registration, .supplements.archive {margin-bottom:20px; padding-bottom:20px;}


ul.downloads {margin-top:10px; width:90%; padding:0;}
ul.downloads li {padding:10px 0;} 
ul.downloads li.pdfLink {
	padding-left:40px;
	background:url(/img-base/icon-pdf-999.png) 0px center no-repeat;
	background-size: auto 30px;
}
ul.downloads li.docLink {
	padding-left:40px;
	background:url(/img-base/icon-doc-999.png) 0px center no-repeat;
	background-size: auto 30px;
}
a.pdfLink:link, a.pdfLink:visited, a.docLink:link, a.docLink:visited {padding-left:40px;}

ul.downloads li.pdfLink .fileDate, ul.downloads li.docLink .fileDate {display:block; width:100%; margin-bottom:.25em;} 
ul.downloads li.pdfLink .fileName, ul.downloads li.docLink .fileName {display:block;width:100%; padding:0; margin-bottom:.25em;}
ul.downloads li.pdfLink .fileSize, ul.downloads li.docLink .fileSize, ul.downloads li.imgLink .fileSize {
	position:relative;
	top:auto;
	right:auto;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:.5em;
	margin-top:1em;
}
/*ul.downloads li.imgLink .fileSize { width:19%; right:20px;}*/
ul.downloads .imgLink .thumb {
	float:left;
	display:inline-table;
	width:25%;
	margin-left:-5px;
	margin-right:3%;
	text-align:center;
}
ul.downloads .imgLink .thumb img {
	margin:0 auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:200px;
}
.imgDetail {
	float:left;
	display:inline-table;
	width:70%;
}
.imgDetail .fileName {margin-bottom:20px;}
.imgDetail p {font-size:.9em; line-height:1.25em;}
ul.downloads .imgLink .fileSize {margin-left:27%; margin-top:1em;}
ul.downloads li .downloadWrap {float:none; position:absolute; right:0px; top:auto; bottom:15px;}

.newsEntry { margin-bottom:40px;}
.postDate { margin-bottom:10px;}

.subNav.top {display:none;}
.pulldown {
    position:relative;
	top:0;
	left:6%;
	right:auto;
}
.pullbtn, .pullbtn:hover, .pullbtn:focus, .pulldown-content, .pullpdown-content li, .pulldown a { width: 200px;}
.pullbtn, .pullbtn:hover, .pullbtn:focus {background-position:170px center;}

#loginWrap {
	width:80%;
	margin-left:8%;
	padding-left:0;
	padding-right:0;
	margin-top:20px;
	margin-bottom:20px;
}

#phone { display:inline; }
#eList, .search-container {
	clear:both;
	display:block;
	width:100%;
	text-align:left;
}
.search-container {margin-bottom:2.5em;}
#eList {margin-top:.75em;}
}


@media
only screen and (max-width: 950px) and (orientation: landscape),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-device-width: 950px) and (orientation: landscape),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-device-width: 950px) and (orientation: landscape),
only screen and (        min-device-pixel-ratio: 2)      and (max-device-width: 950px) and (orientation: landscape),
only screen and (                min-resolution: 192dpi) and (max-device-width: 950px) and (orientation: landscape),
only screen and (                min-resolution: 2dppx)  and (max-device-width: 950px) and (orientation: landscape) { 
/* For PHONE landscape layouts */

p { margin-bottom:.75em; }

h1 {
	font-size:1.3em;
	margin-bottom:.75em;
}

h2 {
	font-size:1.15em;
	line-height:1.2em;
	margin-bottom:.75em;
}
.menu {
	position:fixed;
	top:0;
	right: -220px;
	padding-top:50px;
	min-width:200px;
	height:100%;
	overflow:scroll;
}
.menu.active {
	position:fixed;
	top:0;
	right:0;
	height:100%;
	overflow:scroll;
}
.menu-opener {
	top:18px;
	right:15px;
}
.menu-opener-inner {
  margin-top:11px;
}

#pageWrap.topSlides .sectionHead { width:85%;}
.leftCol.rep, .rightCol.rep {margin-bottom:20px;}

#slideShow {
	height:300px;
	width:100%;
	/*padding-bottom:14px;*/
}
.swiper-slide video.slider-video {
	height:300px;
	object-fit: cover;
}

.leftCol.home, .rightCol.home { margin:0 10%; margin-bottom:20px;}
#donateBanner p { margin-bottom:10px;}

.cv li ul {margin-bottom:0; margin-top:0.1em;}

.leftCol .supplements .downloads a { font-size:.8em;padding-left:35px; line-height:1.2em;}
.pressClipWrap .rightCol { width:80%;}
.bxslider .slide img {max-height:300px;}

.calendar {
	top:240px;
	left:3%;
	width:30%; 
}
.calendar.smaller {top:60px;}																																																	
.calendar table {width:95%;}

/* new popup message */
#my-welcome-message {
	width: 70%;
	left: 18%;
	top: 100px;
}
#fvpp-close {
	position:fixed;
	top: 90px;
	left: 8%;
}

}


@media only screen and (max-device-width: 750px) and (orientation:portrait) {
/* For PHONE portrait layouts */
#logo {
	width:170px;
	height:46px;
}
#pageWrap.topSlides #slideShow {
	max-height:400px;
	width:100%;
}
#pageWrap.topSlides .swiper-slide video.slider-video {
	max-height:400px;
	object-fit: cover;
}
.sectionHead .subTitle.rep {display:block; margin-left:0;}
.leftCol.rep, .rightCol.rep {width:85%; margin-left:7%;}
#pageWrap.topSlides .rightCol.rep .repInfo {padding-left:0;}
#pageWrap.topSlides .rightCol.rep .repInfo h4 {
	position:relative;
	top:0;
}
#pageWrap.topSlides .subNav.browse.bottom {border-top:none;}

.leftCol, .rightCol, .leftCol.support, .rightCol.support, .leftCol.rep, .rightCol.rep {
	clear:both; 
	display:block;
	width:85%;
}
.leftCol {margin-bottom:20px;}
.leftCol .subNav { display:none;}

.pressWrap .leftCol .subNav {display:block;}
.pressWrap .leftCol .subNav ul {border:none;}
.pressWrap .leftCol .subNav ul li {
	float:left;
	display:inline-block;
	width:45%;
	margin-right:5%;
}
.pressWrap .leftCol .subNav ul li:nth-last-child(-n+2) { border-bottom: 1px dotted #999;}
.leftCol figure {width:80%; margin-bottom:0;}
.leftCol .supplements { margin:0;}
.leftCol .supplements .downloads, .leftCol .supplements .button { margin-bottom:20px;}
.leftCol .calendar, .calendar.small {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
}
.leftCol.home, .rightCol.home {
	width:80%;
	margin:0 6%;
	margin-right:14%;
	margin-bottom:30px;
}
.rightCol.home .socialCol {
	width:100%;
	clear:both;
	display:block;
	margin-right:0;
}

.postDate {	margin-left:0;}
.newsPic {
	float:none;
	clear:both;
	display:block;
	width:70%;
	margin-right:auto;
	margin-left:30px;
	text-align:left;
}
.newsPic img { max-height:200px;}
.newsEntry .news {
	float:none;
	clear:both;
	display:block;
	width:90%;
	margin-left:30px;
}
.repertoryGroup .thumbWrap, .searchResults {width:80%;}
.thumbWrap .thumb {
	width:43%;
	margin-right:5%;
}
.bx-pager .square {
	width:29%;
	padding-top: 29%;
  	margin:2%;
}

.vidEmb, .vidInfo { clear:both; display:block; width:100%;}

/* new fixed footer */
#fixedFdonate, #fixedFemail {
	float:none;
	height:5.25em;
	margin:0;
	padding:12px 3%;
}
#fixedFdonate { width:100%; }
#fixedFemail {width:100%; border-left:none; border-top:1px dotted #666;}

#fixedFooter.smaller { bottom:-8.5em;}
}



@media only screen and (max-device-width: 360px) {
/* super small screen */
#pageWrap { padding-top:75px;}
#logo {
	width:160px;
	height:43px;
}
/*#slideShow {
	height:260px;
	width:100%;
}
.swiper-slide video.slider-video {
	height:260px;
	object-fit: cover;
}*/
.slideInfo { top:40%; }

.leftCol.rep, .rightCol.rep {clear:both; width:80%; margin-left:5%;}
.leftCol.rep {margin-bottom:10px;}
.rightCol.rep {margin-bottom:40px;}
#pageWrap.topSlides .rightCol.rep .repInfo {padding-left:0;}
#pageWrap.topSlides .rightCol.rep .repInfo h4 {
	position:relative;
	top:0;
}
#pageWrap.topSlides .subNav.browse.bottom {border-top:none;}


.leftCol.home, .rightCol.home {
	margin-top:10px;
	margin-bottom:5px;
}

.albumWrap .subTitle {display:block; margin-top:10px;}
.albumWrap .xbtn {top:130px;}
.leftCol .subNav {display:none;}
.pressWrap .leftCol .subNav {display:block;}

.cv li ul { left:16%; width:85%;}
.bio p {margin-top:0;}

.calendar {
	top:120px;;
	left:3%;
	width:30%; 
}
.calendar.smaller {top:40px;}	

.vidEmb, .vidInfo { clear:both; display:block; width:100%;}																																																

}




@media all and (min-width: 1100px) {
/* for larger monitor .freckles only */
.rightCol .contact {
	float:left;
	display:inline-block;
	width:50%;
}

.freckles {
	float:right;
	display:inline;
	font-size:.8em;
}
}


@media all and (min-width: 1400px) {
/* Computer Larger screen */
.bxslider .slide img { max-height:800px;}
.activeRepContent .bxslider .slide img {max-height:650px;}

}


@media all and (min-width: 1800px) {
/* Computer very Large screen */

}


/* Clear Fix */
.menu:after, .menu ul:after, .sectionHead:after, .pressWrap .leftCol .subNav:after, .newsEntry:after, #presskitWrap:after, .bio:after, .subNav.browse:after, .subNav.top:after, .subNav.top ul:after, .calendar:after, .rightCol:after, .thumbWrap:after, .repertoryGroup:after, .repertoryGroup.active:after, .activeRepContent:after, ul.downloads li:after, .bx-pager:after, .vidInfo:after, #eList:after, .pastLinks:after, .freckles:after, #my-welcome-message:after {
  content: "";
  display: table;
  clear: both;
}
