@charset "UTF-8";

@font-face {
	font-family: 'WatersTitlingPro';
	src: url('waterstitlingpro-rg-webfont.eot');
	src: url('waterstitlingpro-rg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('waterstitlingpro-rg-webfont.woff') format('woff'),
		 url('waterstitlingpro-rg-webfont.ttf') format('truetype'),
		 url('waterstitlingpro-rg-webfont.svg#WatersTitlingProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WatersTitlingProLight';
	src: url('waterstitlingpro-lt-webfont.eot');
	src: url('waterstitlingpro-lt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('waterstitlingpro-lt-webfont.woff') format('woff'),
		 url('waterstitlingpro-lt-webfont.ttf') format('truetype'),
		 url('waterstitlingpro-lt-webfont.svg#WatersTitlingProLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaLightCn';
	src: url('helveticaneueltstd-ltcn-webfont.eot');
	src: url('helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
		 url('helveticaneueltstd-ltcn-webfont.woff') format('woff'),
		 url('helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
		 url('helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStdLtCnRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background:#FFF;
	color:#222;
    font-optical-sizing: auto;
    font-weight: 300;
	font-style: normal;
	padding:0;
	margin:0;
	width:100vw;
	max-width:100vw;
	overflow-x:hidden;
	overflow-x:clip;
	font-family: 'HelveticaLightCn';
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	top:0;
	left:0;
	z-index:0;
}

b {
	font-weight:400;
	color: #000;
}

strong {
	font-weight:600;
}

a {
	cursor:pointer;
	text-decoration:none;
}

a:link, a:visited {
	color:#666;
}

a:hover, a:active {
	color:#444;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
	letter-spacing:2pt;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'WatersTitlingProLight';
	color: #666;
}

h2 {
}

h3 {
}

h4 {
    font-weight: 200;
}

h5 {
    font-weight: 200;
}

h6 {
    font-weight: 200;
}

h1, h3 {
    -webkit-transition: opacity 1000ms transform 1000ms;
    -moz-transition: all 1000ms transform 1000ms;
    -ms-transition: all 0.9 transform 0.9s;
    -o-transition: all 1000ms transform 1000ms;
    transition: all 1000ms transform 1000ms;
    transform: translateX(400px);
	opacity:0;
	filter: blur(10px);
}

h1.show, h3.show {
	opacity:1;
    transform: translateX(0);
 	filter: blur(0px);
}

h2, h4 {
    -webkit-transition: all 2000ms transform 2000ms;
    -moz-transition: all 2000ms transform 2000ms;
    -ms-transition: all 2s transform 2s;
    -o-transition: all 2000ms transform 2000ms;
    transition: all 2000ms transform 2000ms;
	opacity:0;
	filter: blur(5px);
}

h2.show, h4.show {
	opacity:1;
 	filter: blur(0px);
}

p {
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 0.6s;
    -o-transition: all 600ms;
    transition: all 600ms;
    transform: translateY(200px);
	opacity:0;
	filter: blur(10px);
}

p.show {
	opacity:1;
    transform: translateY(0);
 	filter: blur(0px);
}

.mainmenu {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-family: 'WatersTitlingPro';
}

.pagetitle {
	width:auto;
	height:30px;
	z-index:2000;
	padding:10px;
	position:absolute;
	top:0;
	left:0;
}

#titleSocial {
	width:auto;
	height:20px;
	z-index:2000;
	padding:15px;
	position:absolute;
	top:0;
	left:110px;
}

.pageBanner {
	font-weight:100;
	font-size:9vw;
	color:rgba(255,255,255,0.7);
	height:auto;
	padding:2vw;
	padding-top:30vh; 
	padding-bottom:32vh;
	text-align: left;
	font-family: 'WatersTitlingProLight';
}

#mainContent {
	width:100vw;
	top:0;
	left:0;
	z-index:0;
	background:none;
}

.entry {
	padding:20px;
	border-bottom: 1pt solid #888;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 0.3s;
    -o-transition: all 300ms;
    transition: all 300ms;
    transform: translateY(200px);
	opacity:0;
	filter: blur(10px);
}

.entry.left {
    transform: translateX(-200px);
}

.entry.right {
    transform: translateX(200px);
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}

.entry.show {
	opacity:1;
    transform: translateY(0);
    transform: translateX(0);
 	filter: blur(0px);
}

.MainPage {
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	background-position:top center;
	background:url("../images/PageBanners/HomePage.jpg") #FFF no-repeat;
	background-size:contain;
	text-align:center;
	top:0;
}

.pageContent {
	float:none;
	clear: both;
	height:auto;
	overflow-x: hidden;
	overflow-x: clip;
}

#pagefooter {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	text-transform: uppercase;
}

#footerCopyright {
	margin-top:10px;
	margin-bottom:10px;
}

.footerSection {
	display: block;
	bottom:0;
}

#homePage {
	background:#011f3b;
	background:#FFF;
}

#newsPage {
	background: url("../images/PageBanners/NewsPage.jpg") #FFF no-repeat;
	background-size:contain;
	/*padding-top:37vw;*/
}

#newsBanner {
	padding-top:24vw; 
	padding-left:5vw; 
	padding-botom:28vw;
	text-align: right;
}

#aboutPage {
	background: url("../images/PageBanners/AboutPage.jpg") #FFF no-repeat;
	background-size:contain;
	background-position:top left;
	text-align: left;
}

.aboutMenu {
	font-family: 'WatersTitlingPro';
}

#aboutBanner, #discographyBanner, #repertoireBanner, #reviewsBanner {
	padding-top:1vh; 
	padding-bottom:5vh;
	text-align:right;
	color:#666;
}

#altBioLinks {
	text-transform: uppercase;
	text-align:right;
}

#altBioLinks a {
	display:inline-block;
	margin-left:20px;
}

#calendarPage {
	background: url("../images/PageBanners/CalendarPage.jpg") #FFF no-repeat;
	background-size:cover;
	padding-top:5vh; 
}

#calendarBanner {
	padding-top:40vw; 
	padding-bottom:2vw;
}

#photosPage {
	background: url("../images/PageBanners/PhotosPage.jpg") #000 no-repeat;
	background-size:contain;
	color:#DDD;
	padding-left:0;
	padding-right:0;
	padding-top:37vw;
}

#photosPage h1, #photosPage h2, #photosPage h3, #photosPage h4, #photosPage h5, #photosPage h6 {
	color:#FFF;
}

#mediaPage {
	background:#000;
	color:#DDD;
	padding-top:5vh; 
}

#videoBanner {
	padding:5vh; 
	padding-top:36vw; 
	padding-bottom:4vw;
}

#reviewsPage {
	background: #FFF url("../images/PageBanners/AboutPage.jpg") no-repeat;
	background-size:contain;
	text-align: justify;
}

#epkPage {
	background: #FFF url("../images/PageBanners/HomeBanner.jpg") no-repeat;
	background-size:contain;
	text-align: justify;
}

#contactPage {
	background: #FFF url("../images/PageBanners/ContactPage.jpg") no-repeat;
	background-size:contain;
}

#contactBanner {
	text-align:right;
	padding-right:10vw;
	padding-top:36vw; 
	padding-bottom:10vw;
}

#socialPage {
	text-align: center;
}

#socialPage .pagetitle {
	font-size:36pt;
	padding-bottom:9vw;
}

#socialPage a {
	color:#000;
}


/*--------------------------------------------------------------------------------------------------------------------------------*/

#socialMenu {
	position:absolute;
	top:0;
	right:0;
	z-index:300;
	width:100px;
	padding:35px;
}

#homePage #pagetitle {
	position: absolute;
}

.homePageSection {
	width:100%;
	height:auto;
	min-height:400px;
/*	opacity:0;*/
	margin:0;
	z-index:0;
}

.homePageSection.show {
	opacity:1;
    transform: translateX(0);
}

.homePageSection h1 {
	text-align: left;
	color:#FFF;
}

#homePageBanner {
	background:url("../images/PageBanners/HomeBanner.jpg") #CFD0CB no-repeat;
	background-size:cover;
}

#homeNews {
    background: url("../images/PageBanners/Home-NewsBG.jpg") #FFF no-repeat;
    background-size: cover;
    height: 90vh;
    min-height: 400px;
    text-align: left;
	border-top: 3px solid #FFF;
	color:#AAA;
}

#homeNews .entry {
	border:none;
}

@media screen and (orientation:portrait) {
	
	#homePageBanner {
		background-position:85% top;
		text-align: right;
	}

	#homePage #pagetitle {
		top:10vh;
		right:0.5vw;
		text-align:right;
		height:60px;
	}
	
	#homeNews {
		background-position:50% top;
	}
	
	#homeNews .entry {
		width:70%;
		margin-left:20px;
	}

}

@media screen and (orientation:landscape) {
	
	#homePageBanner {
		background-position:right top;
		text-align: left;
	}

	#homePage #pagetitle {
		top:25vh;
		left:0.5vw;
		text-align:left;
		height:90px;
	}
	
	#homeNews {
		background-position:40% 80%;
	}

	#homeNews .entry {
		width:80%;
	}

}

#homeDiscography {
	height:60vh;
	min-height:500px;
    background: url("../images/PageBanners/AboutPage.jpg") #FFF no-repeat;
    background-size: cover;
	border-top: 3px solid #FFF;
}

#homeDiscography h1 {
	color:#444;
	text-align: right;
}


@media screen and (orientation:portrait) {
	
	#homeDiscography {
		background-position:25% top;
	}
	
	#homeDiscography h1 {
		padding-right:2%;
	}
	
}

@media screen and (orientation:landscape) {
	
	#homeDiscography {
		background-position:left top;
	}
	
	#homeDiscography h1 {
		padding-right:5%;
	}
	
}

#homeDiscography .discEntry {
	display:inline-block;
}

#homeDiscography img {
	display:inline-block;
}

.discEntry {
	opacity:0;
	filter: blur(5px);
    transform: translateY(120px);
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 0.5s;
    -o-transition: all 500ms;
    transition: all 500ms;
	display:block;
}

.discEntry.show {
	opacity:1;
 	filter: blur(0px);
    transform: translateY(0px);
}

#homeCalendar {
	background:url("../images/PageBanners/HomeCalendar.jpg") #111 no-repeat;
	background-size:cover;
	height:auto;
	min-height:100px;
	background-position:center center;
	border-top: 3px solid #FFF;
	padding-top:30px;
	padding-bottom:30px;
}

#homeCalendar h3 {
	text-align:right;
	padding-right:4%;
}

#homeCalendar h4 {
	margin:0;
	padding:5px;
}

#homeCalendar .entry {
	padding:20px;
	margin:3px;
	border:none;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.5pt;
}

#homeCalendar .entry:hover {
	background:#000;
} 

homeCalYear {
	text-align:left;
	font-family: 'WatersTitlingProLight';
	display: block;
	color:#BBB;
}

homeCalMonth {
	text-align:left;
	font-family: 'WatersTitlingProLight';
	display: inline-block;
}

homeCalDay {
	text-align: left;
	font-family: 'WatersTitlingProLight';
	display:block;
}

#homeCalendar event {
	font-family: 'HelveticaLightCn';
	margin-top:20px;
	margin-bottom:20px;
	display: block;
}

#homeCalendar city {
	display: block;
}




@media screen and (orientation:portrait) {

	#homeCalendar a:link h4, #homeCalendar a:visited h4  {
		color:#000;
	} 

	#homeCalendar a:hover h4, #homeCalendar a:active h4 {
		color:#FFF;
	} 
	
}

@media screen and (orientation:landscape) {
	
	#homeCalendar a:link h4, #homeCalendar a:visited h4  {
		color:#000;
	} 

	#homeCalendar a:hover h4, #homeCalendar a:active h4 {
		color:#FFF;
	} 

}

newsdate {
	font-family: 'WatersTitlingProLight';
	text-transform:uppercase; 
	display: block;
	text-align: left;
	color:#855A15;
	letter-spacing: 1pt;
}

#homeNews newsdate {
	color:#E7C7C3;
}

headline {
	font-family: 'WatersTitlingProLight';
	display: block;
	text-align: left;
}

#socialPage headline {
	color:#68637C;
	text-align: center;
	font-size:18pt;
} 

newsitem {
	display: block;
	text-align: justify;
	color:#444;
	margin-bottom:20px;
}

newsitem date {
	display: block;
	color:#855A15;
	text-transform: uppercase;
}

newsitem event {
	display: block;
	text-align: left;
}

#homeNews headline {
	color:#FFF;
	font-weight:400;
}

#homeNews newsitem {
	color:#BBB;
	text-align:left;
}

#homeNews newsitem date {
	color:#AAA;
	display: block;
	margin-top: 20px;
}

#homeNews newsitem event {
}

#bioText {
	padding:30px;
	display: block;
	background:rgba(255,255,255,0.9);
	text-align: justify;
}

#aboutDiscographyListing {
	text-align: center;
	background: #000;
	width:100%;
	max-width:100%;
	margin:0;
}

#aboutDiscographyListing h3 {
	text-align:left;
	color:#FFF;
}

.discEntry {
	margin:5px;
}

.discEntry.show {
}

#aboutDiscographyListing img {
}

#aboutRepMenu {
	text-align: center;
	width:100%;
	max-width:100%;
}

#aboutRepMenu h3 {
	text-align: left;
}

#aboutRepMenu a {
	font-family: 'WatersTitlingProLight';
	margin-left:3vw;
	margin-right:3vw;
}

#aboutPress {
	text-align:left;
	width:100%;
	max-width:100%;
	height:auto;
	color:#FFF;
	background:#616771;
}

#aboutPress h3 {
	text-align:left;
	color:#FFF;
}

#aboutPress a {
	color: #FFF;
}

#aboutPress .entry {
	margin-left:auto;
	margin-right:auto;
}


reviewtext {
	display: block;
	text-align: justify;
}

author {
	font-family: 'WatersTitlingProLight';
	display: block;
	text-align: right;
}

publication {
	font-family: 'WatersTitlingProLight';
	display: block;
	text-align: right;
	text-transform:uppercase;
}

#repertoirePage .pageContent, #discographyPage .pageContent, #reviewsPage .pageContent {
	background:rgba(255,255,255,0.9);
	max-width:840px;
	padding:10px;
} 

#repertoirePage h1 {
	text-align:right;
}

#homeCalEvent1 {
	background:#935a49; 
}

#homeCalEvent2 {
	background:#2f353e;
}

#homeCalEvent3 {
	background:#935a49; 
}

#homeCalEvent4 {
	background:#483e34; 
}

homeCalDate {
	display: block;
	text-transform:uppercase;
	letter-spacing: 1pt;
}

#discographyPage {
	background: url("../images/PageBanners/AboutPage.jpg") #FFF no-repeat;
	background-size:contain;
	padding:0;
}

#discographyBanner {
}

#repertoirePage {
	background: url("../images/PageBanners/AboutPage.jpg") #FFF no-repeat;
	background-size:contain;
	padding:0;
}

#repertoireBanner {
}

.discCredits personnel  {
}

artist { display: block; font-family: 'WatersTitlingProLight'; text-transform: uppercase; font-weight: 300; color:#777; letter-spacing: 0.5pt; }
album { display: block; font-family: 'WatersTitlingProLight'; }
year { display: block; color:#666; }
label { display: block; text-transform: uppercase; color:#999; }

longdate { font-family: 'WatersTitlingProLight';  text-transform:uppercase; color:#444; letter-spacing: 1pt; font-weight:400; }
time { text-transform:uppercase; letter-spacing: 1pt; font-weight:400; color:#444; }
event { font-family: 'WatersTitlingProLight'; }
newsitem event { font-weight: 400; }
venue { text-transform:uppercase; color: #0A2978; letter-spacing: 1pt; font-weight:400; }
#homeCalendar venue { color:#FFF; display: block; }
city { text-transform:uppercase; color: #0A2978; letter-spacing: 1pt; display: block; }
#homeCalendar city { color:#FFF; display: block; }

bioquote {
	font-style:italic;
}

repertoire {
	display: block;
}

description {
	display: block;
}

.buttonLink { 
	
	color:#855A15;
	margin:3px;
/*	display:inline-block;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
	color: #FFF;
	width: auto;
	text-align: center;
	letter-spacing: 0.5pt;
	background:#666;
	text-transform: uppercase;
	font-size:10pt;*/
	font-family: 'WatersTitlingProLight';
}

a.buttonLink {
	color:#855A15;
	text-decoration:none;
}

a.buttonLink:hover {
	background:#000;
}


#newsPage .buttonLink { 
	
}

#newsPage a.buttonLink:hover {
}

#newsPage h1, #calendarPage h1 {
	text-align: left;
	color:#666;
}

#calendarPage .buttonLink { 
	
}

#calendarPage a.buttonLink:hover {
}

#reviewsPage website { 
}


#reviewsPage .buttonLink { 
}

#reviewsPage a.buttonLink:hover {
}

website a {
	color: #FFF;
}

personnel {
	display: block;
}

#thumbnailGalleries {
	
}

#mediaPage .pageContent {
}

#mediaPage h1 {
	text-align:right;
}

#mediaPage h3 {
	text-align:left;
}

.thumb {
	opacity:0;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 0.8s;
	-o-transition: all 800ms;
	transition: all 800ms;
}

.thumb.show {
	opacity:1;
}

.thumb img {
	overflow:hidden;
	object-fit:cover;
	object-position: top center;
	display: inline-block;
	height:100px;
	width:100px;
	margin:3px;
	border: 1px solid #AAA;	
}


.vidContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:40px;
}

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

composer {
	font-family: 'WatersTitlingProLight';
	display: block;
	text-align: left;
	color: #666;
	margin-top:10px; 
	margin-bottom:10px; 
}

workslisting {
	display: block;
	text-align: left;
}

#epkBanner {
	padding-bottom:20vh;
}
.epk-menu {
	font-family: 'WatersTitlingProLight';
}

.epkSection {
	margin-bottom:10px;
	margin-bottom:2vh;
}

.epkBtn {
	margin-right:1vw;
}

url {
	font-family: 'WatersTitlingProLight';	
}