@charset "UTF-8";




body {height: 100%; hyphens: auto;}
html {height: 100%;}
header {color:#000;  text-align: center; margin-bottom: 6vw;}
h1 {font-family: cheap-pine, sans-serif; color: #e95745;font-size:20vw;padding: 4vw;}
nav li a {display: block; font-family: cheap-pine-sans;font-size: 10vw; line-height: 1.25em; color: #000; text-decoration: none;}
nav li a:hover { border-bottom: .5vw solid #000; padding-bottom:.5vw;}
nav.externalLinks li a:hover {    border-bottom: 0;
    color: #e95745;}
footer { text-align: center; width: 100%;display: block; background-color: #e95745; color: #fff; padding-top: 12vw; padding-bottom: 12vw; font-size: 24px;
    font-family: livory, serif;
    line-height: 1.5em;}
article {padding: 12vw; padding-top: 6vw;}
article p {text-align: left;
    font-size: 24px;
    font-family: livory, serif;
    line-height: 1.5em;
margin-bottom:6vw;
hyphens: auto;
	word-break: normal;
}

article a, article a:visited {color: #e95745;}

article li {text-align: left;
    font-size: 24px;
    font-family: livory, serif;
list-style:disc; margin-left: 1.5em;line-height: 1.25em;}

.externalLinks {     margin-top: 2vw;
    background-color: #efefef;
    padding: 3vw;
 
}
em {font-style: italic;}

footer h2 {font-family: cheap-pine-sans; font-size:10vw;margin-bottom: 6vw;}
footer p {margin-top: 3vw; padding-left:3vw; padding-right:3vw;}
footer a {color: #fff;}
footer li {padding-left:3vw; padding-right:3vw; margin-bottom: 3vw;}

article h2 {    font-family: 'cheap-pine-sans';
    font-size: 10vw;
    margin-bottom: 3vw; text-align:center;}

article h3 {    font-family: 'cheap-pine-sans';
    font-size: 8vw;
    margin-bottom: 2vw; text-align:center;} 

article p:first-letter {font-size: 3.75em;
    padding-top: 0.25em;
	
    padding-right: .05em;
    /* padding-left: 3px; */
    float: left;
    font-family: 'cheap-pine-sans';
}

.title {font-style:italic;}

article p.short:first-letter {float:none; font-family: livory, serif; padding:0;font-size: 1em;}

article p.short {text-align: center;}

.parallax {

    min-height: 350px;
    margin-top: 12vw;
	margin-bottom:12vw;
    background-position: center;
    background-size: cover;
}

#home .parallax {background-image: url("/images/long farewells bridge-with-sunglasses-web.jpg");}

.albumCover {width: 100%; margin-bottom:6vw;}



nav.externalLinks li {display: inline-block; width:45%;}

.fa-li {
	left: calc(var(--fa-li-width, 1em)*-1) !important;
position:inherit; text-align:center;}

nav.externalLinks li a {font-size:6vw; padding:0px; text-align: center;}

#home a.home, #music a.music, #shows a.shows, #press a.presskit {background-color: #e95745; color: #fff; cursor:default;}


#music .externalLinks {display: inline-block;}

article img {width: 100%;}


blockquote {font-size: 9vw;
    font-family: 'cheap-pine-sans';
    margin-bottom: 6vw;}

.bit-mobile-date {font-family: 'cheap-pine-sans'; font-size:8vw; margin-bottom:2vw;}

.bit-details-inner-wrapper {font-size:24px;line-height:1.5em}

iframe.player {border: 0; width: 100%; height: 472px; margin-bottom:20px; }

iframe.singleplayer {border: 0; width: 100%; height: 150px; margin-bottom:20px;}

@media only screen and (min-width:800px){
	
	iframe.player {border: 0; width: 70%; height: 472px; max-width: 1000px; margin-left:15%; margin-bottom:20px;}
	iframe.singleplayer {border: 0; width: 70%; height: 150px; max-width: 1000px; margin-left:15%; margin-bottom:20px;}
	
.bit-mobile-date {font-family: 'cheap-pine-sans'; font-size:4vw; margin-bottom:0vw;margin-top:1vw}	
.bit-past-events .bit-details-inner-wrapper {margin-top:3vw;}
	
blockquote {font-size: 3.5vw;
    font-family: 'cheap-pine-sans';
    margin-bottom: 3vw;}
	
	.fa-li {
	left: calc(var(--fa-li-width, 1.75em)*-1);}
	
nav.externalLinks li a {font-size:4vw; padding:0px; text-align: center; display: inline-block;}

	article p {
		margin-bottom:3vw;}

.parallax {
 
	min-height: 800px;
 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
	background-size:cover; 
	margin-bottom: 6vw;
	margin-top:0;}

nav li {display: inline-block;}
	
nav li a {font-size: 7.5vw;
	margin-right: 5vw; padding:1vw;}

nav li.last a {margin-right: 0px;}
	
.externalLinks {display: block; margin-top:3vw;}


nav.externalLinks li {width: auto;}

nav.externalLinks li a {font-size:3vw; padding:0px; text-align: center; display: inline-block;}

nav.externalLinks .fa-li {left:calc(var(--fa-li-width, 1.75em)*-1) !important;
	}
	article h2 {
    font-family: 'cheap-pine-sans';
    font-size: 6vw;
    margin-bottom: 2vw;
    text-align: center;
}
	
	article {padding-bottom: 3vw;
    padding-top: 0;}
	
	article img {width: 47%;
    display: inline-block;
    float: left;
    margin-bottom: 1em;
    margin-left: 2.5%;}
	
	article h3 {font-size:4vw;}
	
	img.lastImg {margin-bottom:6vw;}
}
@media screen and (min-width:1200px){
	article {width: 50%; margin-left:25%; padding-left:0px;padding-bottom: 3vw;
    padding-top: 0;}
	footer {padding-top:6vw;padding-bottom:6vw;}
	footer h2 {font-size:6vw; margin-bottom:3vw;}
	footer li {margin-bottom: 1.5vw;}
	footer p {margin-top:1.5vw;}
	.albumCover {width: 100%; margin-bottom:3vw;}
	article h2 {font-size:4vw;}
	blockquote {font-size: 3vw;}
	article h3 {font-size:3vw;}
	.parallax {margin-bottom:6vw;}
}