@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Caveat);
html, body{ background:#b18345 url(../imgs/bg.jpg); font-weight:normal; background-size:cover; -webkit-background-size:cover; width:100%; height:100%; padding:0; margin:0;}



.page{width:100%; padding:0; margin:0; font-size:12px; font-family: 'MarketDeco', sans-serif; color:#f3e5be;}
.top{width:100%; padding:0; margin:0 auto; text-align:center;}
h1, h2, h3{font-weight:100;}

.stoparea h1{font-size: 2em;
line-height: 1;}
h1{font-size:4em; line-height:0.2em; letter-spacing:1px;}
h2{font-size: 1.2em;}
h3{font-size:1.4em;}
li{list-style:none;}
blockquote{font-size:12px; }
a{text-decoration:none; color:#F8EFD8;}

.tablet{display:block;}
.laptop{display:none;}
.trainleft{display:inline-block; max-width:122px;vertical-align:middle;}
.trainleft img{width:100%;}
.titleright{display:inline-block;vertical-align:middle;width: 71%;}
.top h1{color:#503c1e;line-height: 1em;
font-size: 2.5em;
text-align: left;}
	.top h2{ color:#503c1b; text-transform:uppercase;}
h1.names{color: #503c1b;font-size: 24px;
letter-spacing: 2px; }
h1 .small{font-size:0.5em; vertical-align:text-top;}
img.packshot{width: 100%;}
.top h3{text-transform: uppercase;}
h3.notice, .notice{background:#b5001f; padding:10px; border:4px solid #F8EFD8;  font-weight:100;
line-height: 1.2;}

hr.top{border:none; background:#7b6644; height:5px;margin-top: -15px;width: auto;}
.pre-order{background:url('../imgs/greybg.jpg') no-repeat; background-size:cover; -webkit-background-size:cover; padding: 30px 10px 20px; margin:0 auto; color:#f4e1bf;}
.pre-order a li{padding:10px; border:1px solid #F8EFD8; background:#7b6644; margin:5px auto; color:#F8EFD8; width:90%; text-transform: uppercase; font-size:14px;font-weight: 100; box-shadow:rgba(77,64,43,1.00) 1px 6px 10px;}
.pre-order a li:hover, a.button:hover{-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75); background:#7b6644; color:#F8EFD8; transition:ease-in-out 0.2s;}
.pre-order a.officialstore li{background:#b5001f;}
.pre-order a{text-decoration:none;}
a.inline{text-decoration:underline;color:#F4E1BF;}
a.inline:hover{color:#FBF2DD; transition:ease-in-out 0.3s;}
.btnbreak{display:none;}
.albuminfo{font-size:1.1em;}
a.button{font-family: 'MarketDeco', sans-serif; padding:5px; border:1px solid #F8EFD8; background:#7b6644; margin:5px auto; color:#F8EFD8; width:90%; text-transform: uppercase; font-weight:bold; font-size:14px;font-weight: 100; box-shadow:rgba(77,64,43,1.00) 1px 6px 10px;}
a.enter{display:block;}



.albuminfo{background:rgba(244,224,191,0.60); color:#503c1e; width:95%; max-width:1100px; padding:10px; margin:0 auto 10px;}
	.text{width:100%; margin:auto; display:block;  vertical-align: top;}
#video-box{
	width: 90%;
	max-width: 400px;
	min-width: 250px;
	padding: 10px;
	display:inline-block;
}
#video-box a{color: rgb(63, 39, 7);}
#video-box a:hover{ color: rgba(104,90,68,1.00);}
.video-container {
	font-size: 10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*STOP AREA STYLES */
#la, #tuscon, #elpaso, #fortw, #alpine, #sa,#pb, #stlouis, #chicago {
	margin:0; width:100%; text-align:center; display:none;background: url(../imgs/old_paper_tile.png) repeat;
    overflow: scroll;height:0; color:#362f2d;
}
.stoparea .inside{
	width:95%; max-width: 1000px;
margin: 0 auto;}
.stoparea h1{
	font-size: 1.2em;
line-height: 1;
margin-top: 0;
margin-bottom: -4px;
text-align:left;}
h1.smaller{font-size: 0.9em;}
.divider{border: #b19053 1px solid;
background: #b19053;}

img.trainbadge{width: 100%;
max-width: 70px;
float: left;margin-top: -21px;}


.close{width:20px; margin: 23px 27px 10px auto; cursor:pointer;font:20px;}
.close:hover{opacity:0.7;}

.stoparea .left img{width:100%; max-width:400px;}


.stoparea .left{max-width: 400px; margin: 0 auto;}
.stoparea .right{font-family: 'Caveat', cursive; color:#1b487f; font-size:20px;}
.stoparea .right p{text-align:left;}
.stoparea #video-box{background: #fff;
box-shadow: 0 2px 3px 0;margin-top: 10px;}

.comingsoon{padding: 20px 0 40px;}
.stoparea .right img{max-width:450px; width: 100%;}
#pb img.small{max-width:256px;}
#fortw .left img{max-width:298px;}
#fortw .right img{margin: 0 0 -48px;}
.comingsoon{padding:40px 0 0;}
.stoparea{height:0px;}
/*END OF STOP AREA STYLES */

/*MAILCHIMP STYLES */
#mc_embed_signup {background:none; font-family: inherit; text-align:center;font-size: 16px; margin:10px auto;}
input#mce-EMAIL{background: none;
border: none;
border-bottom: 1px solid #000; width:100%; max-width:225px;}
input#mc-embedded-subscribe{background: none;font-size: 16px;
font-family: inherit;
border: none;
padding: 10px;
border-radius: 0;
color: #6e4d1f;
cursor: pointer;}

/*END of MAILCHIMP*/

/*header bar */
#headerbar{text-align:center; background:#503c1e; border-bottom:2px solid #e6dcd2;}
.bottom{border-top:2px solid #e6dcd2;}
#headerbar li{ display: inline-block;text-align:center;
margin:5px 5px 0; padding-top: 10px;
background: #7d6742; height:25px; width:45%;}
#headerbar .tour li{background:#f86201;}
#headerbar .store li{background:#b5001f;}
#headerbar .routemap li{background:#340900;}
#headerbar .ticket li {background:#C27E23;}
#headerbar .tour li, #headerbar .store li, #headerbar .routemap li {width: 29.6%;}
#headerbar li:hover{opacity:0.8;}
li a.btn {text-align: center;
font-size: 16px;
}
#headerbar .scroll li{width:100%; margin:5px 0 0; padding:20px 0; background:#A89A8B; font-size:18px;}
/**/

/*policies*/
.footerpolicies{text-align:center; padding:10px 0 20px;}
.policies{position: fixed; font-size:10px;
float: left;
bottom: 0; background:rgba(80,60,30,0.9); padding:5px;}
.policies a, .footerpolicies a{font-size: 8px;
text-decoration: underline; margin: 0;}
a.closecookies{padding: 7px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
color: rgb(0, 0, 0);
margin: 0px 0px 0px 8px;
text-decoration: none;
float: right; cursor:pointer;}
 .policies a:hover, .footerpolicies a:hover{opacity:0.8;}


/**/

/*tour page styles */

#tour{
	background: url(../imgs/old_paper_tile_orange.png) #d84b00;
	padding:10px 0;text-align: center;font-size: 14px;}
	#tour td{display: block;
width: 100%;
padding: 2px;
text-align: center;}
#tour tr{line-height: 1.5em;vertical-align: text-top;}
	td.tickets{border-bottom:1px solid; padding:2px 2px 10px !important; width:19%; margin: 0 auto;}
#tour td.tickets{width: 19%;}
	.inside{width:100%; max-width:800px; margin:0 auto;}
		.content{max-width:500px; width:100%; margin:0 auto;}
		#tour h3{color:#000; font-size:1em; letter-spacing:0.2em; width:90%; margin:0 auto;line-height: 1.3em;}
		p.month{color:#000; text-align:center;line-height: 0;}
		#tour table{text-align:left;font-size:1em;}
		#tourdates a{background:#FFF2BD; padding:1px 10px; color: #E95602; border}
	#tourdates a:hover{background:#A89A8B; color:#FFF2BD;transition:ease-in 0.3s;}
	#tour td.long{width:20%;margin: 0 auto;}
img.head, img.train{width: 100%;
max-width: 700px;}
img.country{width: 100%; max-width:150px;}




/**/
.desktop{display:block;} .device{display:none;}

#bottom{padding:10px; margin:20px auto; width:90%; text-align:center;}


#map{text-align: center;}

	#mobmap{display:block;}
#desktopmap, #usaMap{display:none;}

.mapdescription{
	background:#4f3c1b; border-top:4px solid #b28647; border-bottom:4px solid #b28647; padding:8px 10px; text-transform:uppercase; color:#efdcbb; margin:0; font-size:1.2em;}
	
	
@media (min-width:500px) {
	
	.packshot img{width:50%;}
	.trainleft{max-width: 80px;}
	h3{font-size:2em;}
	img.trainbadge{width: 100%;
max-width: 95px;}
.desktop{display:none;} .device{display:block;}
p.month{text-align:left;}
	#tour td{display: inline-block;
width: 19%;
padding: 0;
margin-bottom:5px;
text-align: left;}
td.tickets{border-bottom:none; padding:0 !important; width:9%; margin: 0 auto;}
/*tourdates*/
#tour td.date{width:7%;}
#tour td.day{width:15%;}
#tour td.town{width:25%;}
#tour td.venue{width:35%;}
#tour td.tickets{width:14% !important; text-align:center;}
#tour h3{width:70%;}
}


/*@media (min-width:800px) {
	.left{display:inline-block; width:45%; vertical-align: middle;  padding:0;}
	img.packshot{max-width:500px;}
	.right{display:inline-block; width:53%; margin:0 auto; padding:0; vertical-align: middle;}
h1, h2{line-height:0.5em;}
.albuminfo{width:100%;max-width:1100px;}
.pre-order a li{display:inline-block; max-width:150px; margin:5px;}
.pre-order{width:100%; max-width:1100px;}
h1.names{font-size: 30px;
letter-spacing: 5px;}
h2{font-size:1.8em;}
}*/

@media (min-width:603px) {
.stoparea .left {
    max-width: 425px;
    margin: 20px auto 0 -102px;}
	#stlouis .left {margin-top:-31px;}
	.left{display:inline-block; width:45%; vertical-align: middle;  padding:0;}
	
	.right{display:inline-block; width:53%; margin:0 auto; padding:0; vertical-align: middle;}

	.top h1{font-size:3em;}
	.titleright{}
	.pre-order a li{padding:10px;margin:7px 7px 10px; width:100%; display:inline-block; max-width:100px; text-transform: uppercase;}
	
	h3{line-height: 1em;}
	.text{display:inline-block; width:100%; vertical-align: middle;}
	#video-box{vertical-align: middle;}
	.right{padding: 0;}
	.pre-order{font-size:9px;}
.btnbreak{display:block;}

	hr.top {
    border: none;
    background: #7b6644;
    height: 5px;
    margin-top: -13px;
    width: 93%;
}


	#desktopmap, #usaMap{display:block;}
		#mobmap{display:none;}
	}
	
	@media (min-width:604px) {
		.top h1{font-size:3.1em;}
		hr.top{border:none; background:#7b6644; height:7px;margin-top: -15px;width: 93%;}.albuminfo{font-size:1.4em;}
		.stoparea h1{
	font-size: 2.2em;}
	h1.smaller{font-size:1.5em;}
	.close{margin: 0px 15px -27px auto;}
	.stoparea .inside{margin: 35px auto 0;}
	.tablet{display:none;}
.laptop{display:block; width: 93%;
margin: -5px auto 0; max-width: 600px;}
	
	
	}
	@media (min-width:801px) {.pre-order{font-size:10px;} .pre-order a li{max-width:100px; }.pre-order a li{ padding:10px 20px;}
	.top h1 {margin-top:-5px;}.trainleft{margin-top: -32px;} .albuminfo{font-size:1.2em;}
	.mapdescription{padding:8px 0;}
/*header bar */
#headerbar{text-align:right;}
#headerbar li{margin: 0px 5px 0px 0px; width:150px;}
#headerbar .tour li, #headerbar .store li, #headerbar .routemap li {width: 150px;}
/*mailchimp*/
#mc_embed_signup{text-align:right;}
input#mce-EMAIL{margin-right:15px;}
h3.notice{font-size: 1.3em;
line-height: 1.2;}
#headerbar .scroll li{width:150px; padding:10px 0 0 0; margin: 0px 5px 0px 0px;font-size: 12px;}
.pre-order{padding:10px 0 20px;}
	}
	@media (min-width:1100px){
	.desktop{display:block;} .device{display:none;}
	/*policies*/
.footerpolicies{margin-top: -24px;text-align:left; padding:0px;
margin-left: 10px; background:none;}
blockquote{font-size:14px;}
}
	
	@media (min-width:1200px) {	.trainleft{max-width:150px;}.btnbreak{display:none;}
	.right{padding: 0 0 0 15px; max-width:763px;} .pre-order{font-size:14px;}	hr.top{margin-top: -5px;}
	 h3{font-size:1.7em;}.albuminfo{font-size:1em;}
	h3{font-size:1.5em; width: 80%;
margin: 10px auto;}
.packshot{max-width:630px;} a.enter{display:inline;}
.pre-order{padding:20px 0 20px;}
}

@media (min-width:1900px) {.left{width: auto;}}
	

	@media (max-width: 590px){
		.top h1 {
    font-size: 2.8em;
}

		.titleright{width:71%;}
		.trainleft{max-width: 80px;}
		h3{font-size:1.2em;}
	}
	@media (max-width: 430px){
		.top h1{font-size: 2em;}
		img.trainbadge{margin-top:-6px;}
		h1.smaller{font-size:0.8em;}}
	@media (max-width: 300px){
		
		.top h1{text-align:center;} .titleright{width:100%; margin-top: -11px;}
		.trainleft{margin-left: 54px;}
		#headerbar li, #headerbar .tour li, #headerbar .store li, #headerbar .routemap li {
    text-align: center;
    padding: 10px;
    height: auto;
    width: 90%;
		}
		#video-box {min-width:100px;}
		
		}