@charset "UTF-8";
/* CSS Document */

@import url("//hello.myfonts.net/count/3d8f44");
  
@font-face {
  font-family: "CrayonCrumble-Regular";
  src: url('../webFonts/CrayonCrumbleRegular/font.woff2') format('woff2'), url('../webFonts/CrayonCrumbleRegular/font.woff') format('woff');
}




/*	Sort
	-------	*/

.target {height:0px ; width:0px; opacity:0.0}

/*	Tickets
	-------	*/
.donthide{display:none;}
.mobilefooter{display:block; width:80%; margin:0px auto;}
.mobilefooter img{width:100%;}
.widget{ position:relative; z-index:200;margin-bottom:3em; }


#tickets {  position:relative; z-index:200;
}

.widget h3 {color:rgba(150,3,5,1.00); font-size:.9em;	}

/*	Tour Stops List
	---------------	*/
.tour-stops-list {
	max-width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	display:flex;
	flex-direction:column;
}
.tour-stops-list > li {
	width:100%; 
	list-style-type:none; background:#BE1E2D;
	}

.tour-stops-list > li:nth-child(even) {
	background:rgba(150,3,5,1.00)	
}

.tour-stops-list > li ul {display:flex; margin-left:0px;}

.tour-stops-list > li ul li{
display:flex;
	flex-direction:column;
	padding:.8%;
text-align:center;
	 align-items: center;
  justify-content: center;
	height:5em;
	font-size:.8em;
	font-weight:500;
	
}


	.tour-stops-list > li+li {
		
		
	}
.tour-stops-list .header{background:none; color:#000000}
.tour-stops-list .header ul li{
	font-size:.8em;
	text-transform:uppercase;
	height:.8em!important;
		padding:0px!important;
	margin-bottom:3px;
text-align:center;
	 align-items:center;
  justify-content: center;
	color:rgba(149,6,8,0.87);	
}
.tour-stops-list .date,
.tour-stops-list .city,
.tour-stops-list .venue,
.tour-stops-list .tickets {
	
	line-height:1.1;

}

.tour-stops-list .city {
	width:24.6%; border-right:1px solid rgba(249,247,247,0.20); font-weight:900;
}

.tour-stops-list .date {
	width:13.6%; border-right:1px solid rgba(249,247,247,0.20); color:#F0B622; font-weight:900;
}


.tour-stops-list .header .city {
	width:24.6%; border-right: 0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .header .date {
	width:13.6%; border-right:0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .venue {
	width:40.6%;
}
.tour-stops-list .tickets {
	width:19.6%;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:.8em;
}
.tour-stops-list .tickets .more-info,
.tour-stops-list .tickets .get-tickets {
	color:#000000;
	background-color:#F0B622;text-transform:uppercase;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.tour-stops-list .tickets .on-sale-soon {
	color:#ffffff;
	background-color:none;text-transform:uppercase;
	border:1px solid #ffffff;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

	.tour-stops-list .tickets .more-info:hover,
	.tour-stops-list .tickets .get-tickets:hover {
		-webkit-transition:	padding .35s ease;
	-moz-transition:	padding .35s ease;
	-ms-transition:		padding .35s ease;
	-o-transition:		padding .35s ease;
		color:#F0B622;
	background-color:#000000;
	}


.intext{max-width:100%;}

.feed {margin-top:60px;}

body {
  margin: 0;
  padding: 0;
  background:url("../img/WTP-paper.jpg") no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;
  font-family: proxima-nova, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #000000; }

h1, .h1 {
  font-size: 2.5rem;
  font-weight:900;
  line-height: 1;
  margin-top: 0;
	text-transform:uppercase;
	text-align:center;
 position: relative;
width:fit-content;
	width:intrinsic;
	padding-bottom:0px;
	margin:20px auto 2rem auto;}




h1:after {
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
	background-size:80%;
	background-position:center center;
    position: absolute;
  height: 14px;
  top: 100%;
  width: 70%;
	right: 0;
	left:0;
  margin: 0 auto;
}


h2, .h2 {
  font-size: 2rem;
font-weight:900;
	text-transform:uppercase;
	text-align:center;
  line-height: .9;
	display:block;
  position: relative; 
	width:fit-content;
	width:intrinsic;
	padding-bottom:0px;
	margin:2rem auto 1rem auto;
 }



h2:after{
   content:"";
	background-image:url("../img/WTP-Hedear-Psuedo.png");
	background-size:cover;
    position: absolute;
  height: 8px;
 top:100%;
  width: 70%;
	right: 0;
	left:0;
  margin: 0 auto;
}




h3, .h3 {
  font-size: 1.7875rem;
font-weight:900;
	text-transform:uppercase;
	text-align:center;
  line-height: 1;
  margin-top: .8rem;
  margin-bottom: 0.2rem; }


h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.specialcallout{padding-bottom:30px;   font-size: 2.3rem;}

ul.healthsafetynav{width:100%; list-style-type:none; margin-top:10px;}
ul.healthsafetynav li{width:100%; list-style-type:none; f0nt-weight:900; font-size:1.8em; border:2px solid #000000; text-align:center; padding:8px; line-height:1; text-transform:uppercase; margin-bottom:10px;}
ul.healthsafetynav li:hover {background:#BE1E2D}
ul.healthsafetynav li a:hover {color:#F0B622}

.verticalcenter{height:100%; vertical-align:middle;}



.indicates-required {text-align:center;}
.mc-field-group label { text-transform: uppercase; font-size:1.3em; padding-top:.5rem; font-weight:900; text-align:right;}
.disneysign {display:flex; vertical-align:top; }
.disneysign input[type='checkbox']{ border:1px solid #000000!important; border-radius:0px; background-color:#F0B622!important; float:left; width:120px!important;margin:30px 0 0 30px;}
.disneysign label{font-size:.9rem; line-height:1rem; font-weight:400; text-align:left; text-transform:none;} .disneysign label a {font-weight:900;}
.buttonwide{display:flex; align-items:center;}
.buttonwide .button {display:block!important; margin:0px auto!important; font-size:1.5rem; padding: .55em 1em .45em 1em;}
.sendoff {text-align:center; font-weight:900; width:100%; padding-bottom:30px;}

.mobiletickets{float:right; position:absolute; right:0; top:15; padding:10px 5px; margin-top:20px; width:150px; z-index:3000;}

.mappy a {color:#ffffff;}
.mippy a {color:#000000;}
.disney-links .menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
	color:#000000;
	    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
}
.disney-links .menu a{color:#000000;
    display: inline-block;
    padding: 0 .625rem;
    font-size: .875rem;}
	
.disney-links .menu li:not(:last-child):after {
    content: "|";
}
footer .holder {padding-top:10px; background:#ffffff;}
footer .holder p{text-align:center; color:#000000; margin-top:30px;  font-size: .875rem;}

p.specialp {text-align:center;}

.mainlogo{width:100%; margin:10px 0px 40px 0px;}
.mainlogo img{width:90%; margin:0px auto; display:block;}	

.mainreel.desktop{display:none;}
	.mainreel.mobile{width:70%; margin:5px auto 5px auto; display:block;}


.presaleheader {font-family:'CrayonCrumble-Regular'; font-size:3em; line-height:1; font-weight:normal;}
header {height:0px; display:none;}
header .holder {width:100%; min-height:30px; background:#232B2D; min-height:40px;}
header .border {width:100%; min-height:10px; background:url("../img/wtp-teaser-header-border.jpg") repeat-x; background-position:left bottom; background-size:180px;}
footer {height: 102%; margin-top:-2%;  margin-bottom:-2%; z-index:500; position:relative; width:100%; overflow:auto;}
footer .border {width:100%; height:20px; background:url("../img/wtp-teaser-footer-border.png") repeat-x; background-position:bottom left; background-size:180px; }
footer .holder {width:100%; min-height:300px; background:#F0B622; padding-bottom:2%;}
.mainwtp {padding-bottom:1.5em; padding-top:.5em;}
.animate {width:100%;}
.animate img{width:100%; display:block; margin:0px auto;}
.piglet .animate {width:80%; margin: 0px auto;}
.hide-for-mobile {display:none;}
.redbarn h1, .redbarn h2, .redbarn h3,.redbarn h4, .redbarn p, .redbarn h5 {color:#ffffff;}
.redbarn{background:#BE1E2D; max-width:100%; padding-top:1em; padding-bottom:1em;}
.redbarn .divider{ width:60%; height:10px; background:url("../img/WTP-Small-Divider-Large-Red.jpg") no-repeat center center ; background-size:cover; margin:5px auto 5px auto; }

.redbarn h2:after{
background:url("../img/WTP-Header-Psuedo-Red.jpg") no-repeat;
background-size:contain;
}	
.mobilebreak{display:block;}

.frontpage{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.frontpage-box {height:auto; width:100%; flex-direction:column; }
.frontpage-box h3 {font-size:2.3rem; line-height:1; margin:0; padding:0;}



.redbarnhightlight{width:fit-content; width:intrinsic; background-size:contain; padding-top:10px; padding-bottom:10px; margin:-1px auto 3px auto;}
.redbarnhightlight h4{text-align:center; font-size:1.7rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.redbarnhightlight h4.yellow {color:#F0B622;}


.whitebarnhightlight{width:fit-content; width:intrinsic; background-size:contain; padding-top:opx; padding-bottom:10px; margin:-1px auto 3px auto;}
.whitebarnhightlight h4{text-align:center; font-size:1.5rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.whitebarnhightlight h4.yellow {color:#F0B622;}

.frontpage-box h5{text-align:center; width:100%; font-size:1.2rem; line-height:1; padding:0; margin:0;}
.frontpage-box h5 span{color:#F0B622;}
.buttonlist {width:100%; margin:10px auto;}
.buttonlist .button {width:100%; margin:4px;font-size:1.9rem;  padding: .3em .5em .3em .5em;}

.ticketcity {margin-bottom:0px; }
.ticketcity:after, .ticketcity:before {display:none;}
.ticketing{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.ticket-box {height:auto; width:100%; flex-direction:column; }
.ticketing h4, .ticketing h5 {text-align:center; line-height:1; margin:0; padding:0;}
.ticketing h5 {font-size:1rem;}
.ticketing h3 {line-height:1.6rem; margin-bottom:0; padding-bottom:0;}

.ticket-box h4, .ticketing h5 {text-align:center; line-height:1; margin:0; padding:0;}
.ticket-box .button {font-size:1.9rem; width:fit-content; width:intrinsic; display: block; margin:10px auto 3px auto;  padding: .3em .5em .3em .5em;}
.ticket-box #bigbutton {font-size:2.4rem;}
.subsect{margin:.1em 0 0 0; padding:0; text-align:center; font-size:.9em; line-height:1;}
.ticketingheader{margin-bottom:20px;}
.map img{width:100%!important;}
.buytype{margin-bottom:10px;}
.buytype h4 {text-align:center; text-transform:uppercase; font-weight:900;}


.piglet{width:30%; float:left; min-height:200px;}
.piglet img{width:100%}
.hello{width:65%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.shoutout {height:auto; width:100%; flex-direction:column;}
.shoutout h5{text-align:center; line-height:1;}
.shoutout .button { width:fit-content; width:intrinsic; display: block; margin:0px auto 1em auto; }

.faq {display:flex; margin:10px;}
.faq .q {font-family: "CrayonCrumble-Regular"; font-size:3rem; line-height:1; width: 15%;  text-align:right;}
.faq .q:after {content:":"; font-family: "CrayonCrumble-Regular"; width:3px; margin-left:5px; height:100%; }
.faq .answertext, .faq .questiontext {width: 85%; padding:5px;}
.faq .answertext p, .faq .questiontext p {font-size:1.2rem; padding-top:.2em;}
.faq .questiontext p {font-weight:700;}
.faq .answertext { }
.faq.answer{background:url("../img/WTP-Small-Divider.png") no-repeat center bottom; padding-bottom:.8em; background-size:50%;}

.micromenu {width:fit-content; width:intrinsic; margin:0px auto 2em auto;}
.micromenu ul {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; list-style-type:none; width:fit-content; width:intrinsic; margin:0px auto; font-size:.6em; line-height:.8rem; font-weight:400;}
.micromenu ul li { margin:0px 5px 0px 0px; border-left:1px solid #000000; padding:0px 0px 0px 5px;}
.micromenu ul li:first-of-type { border-left:0px solid #000000;}


.rpfooter {margin-top:4rem;}
.footer-menu h4 {text-align:center; font-size:1.2rem; font-weight:900; margin-top:1em;}
.socialmenu {width:fit-content; width:intrinsic; margin:0px auto;}
.socialmenu ul { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; height:auto;  list-style-type:none; width:fit-content; width:intrinsic;  vertical-align:middle; } 
.socialmenu ul li { height:30px; width:auto; margin-top:5px;} 

.socialmenu ul li img { height:35px; width:auto; } 

img.tigger{width:60%; margin:0px auto;}

.divider{ width:60%; height:6px; background:url("../img/WTP-Small-Divider-Large.png") no-repeat center center ; background-size:cover; margin:5px auto 5px auto;}
.padded{ width:60%; height:6px; margin:2.5em auto 1.8em auto;}
.dividerclear{ width:100%; height:1em; }

.musicbox{width:fit-content; margin:0px auto;  }

.listen {display:table-cell; width:fit-content; width:intrinsic;  vertical-align:middle;}
.listen h2{margin-bottom:2px;}
.musicplayer { min-height:60px; min-width:300px;}
.listenbutton{ height: 45px; width:fit-content; width:intrinsic; margin:0px auto; border:2px solid #000000; background: #F0B622; padding:2px 10px 0px 10px; text-align:center; }
.bop {width:170px; margin:0px auto; height:auto;  vertical-align:middle;}

.listenbutton:hover{background:#000000; color:#F0B622;}
.listenbutton:hover a{background:#000000; color:#F0B622;}
.listenbutton a {font-size:1.4em; text-align:center; width:100%; font-weight:900; line-heigh: 2.1em; padding:0px; margin:0px;}
.spotifyplayer{ width: 100%; border:2px solid #000000; background: #000000; display:none}
.spotifyplayer.is-shown{display:block;}
.spotifyplayer iframe{ width:100%;}



.salesicos { height:auto; vertical-align:middle;  margin:10px auto;}
.salesicos ul {display:flex; width:fit-content; flex-wrap:wrap; align-items:center; justify-content:center; width:intrinsic; height:auto; vertical-align:middle; margin-left:0px; width:100%; }
.salesicos ul li {list-style-type:none;  padding:10px 0px 0px 8px; vertical-align:middle;}
.salesicos ul li.icos {font-size:2.5em;}
.buzzz{background:url("../img/vid-bg-box.png") no-repeat; background-size:cover; padding:5px 5px 2px 5px; margin-bottom:10px;}


.baranim{width:100%; display:flex; flex-direction: column;}
.homeclock {width:100%; height:140px;}
.peak{width:100%; height:300px;}
.carl{z-index:1000; width:100%; position:relative; background:#000000;}
.head{width:100%; position:relative;  height:300px;}

.headanimation{background:url("../img/WTP-peek.png"); background-position: bottom center; background-repeat: no-repeat; background-size:90%; height: 300px; width:100%; positon:relative;}
.headanimation img{width:100%; display:block; margin:0px auto;opacity:0;}
.headanimation {
	animation-duration: 2s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    bottom: -300px;
    width: 100%;
  }

  to {
    bottom: 0;
    width: 100%;
  }
}

.filtermenu{display:flex; flex-direction:row; width:fit-content; width:intrinsic; margin:0px auto;}

.seletorlabel{font-weight:900; width:fit-content; width:intrinsic; padding-top:3px; padding-right:5px;}
#index__filter{max-width:250px; height:30px; font-weight:900;}





.container{width:intrinsic; width:fit-content;}
.clock { color:#ffffff;  font-weight:900; padding:10px; width:100%; text-align:center; width:intrinsic; width:fit-content; margin:0px auto;}
#countdown { color:#be1e2d; display:flex; justify-content:center; }
.containter{}
.countdownlabel{color:#BE1E2D; font-size: 1.75em; line-height:1em; text-align:center; padding-right:0px; margin-right:0px; margin-bottom:10px; width:100%;}
.timecell{ border:1px solid #F0B622; background:#000000; padding:8px; margin-right:5px;}

.timecell:last-child{ margin-right:0px;}

.announcement{color:#ffffff; weight:300; text-transform:uppercase; font-size:2em; text-align:center; width:100%; padding:8px 0px 4px 0px; line-height:1;}
.announcement strong{font-weight:900;}

.wrapper {
  text-align: center;
}
.time {
  color: #ffffff;
  font-size: 2.6em; line-height:1em;
}
.timecell .label {
  font-size: 1em;line-height:1em;font-weight:300; width:100%; background:none;
  display: block; padding:0px;
  color: #F0B622;
}


.mobnav{display:block}.desknav{display:none}
.partner {padding:8px 8px 4px 8px; margin:5px; border:2px solid #000000; background:#F0B622; }
.partner h3 {font-size:1.6em;}
.partner h4 {font-size:0.9em; border-top:1px solid #000000; font-weight:700; padding-top:5px; margin-top:4px; text-align:center;}
.partner h5 {font-size:1.1em; text-align:center;}
.safetyalert {}
.safety{position:relative; display:flex;}
.safety-image {display:none;}
.alert{padding:40px 20px 10px 20px;font-size:1.9em; text-align:center; font-weight:900; line-height:1; position:relative; z-index:100; width:100%}
.alert a{font-weight:900;}

#city-menu{display:none;}

.additional{display:block;}
.additional a {color:#F0B622!important; font-weight:900;}
.headerblock {text-transform:uppercase; color:#ffffff; background:#000000; width:fit-content; widht:intrinsic; margin:0px auto; line-height:1; font-size:1.2em; font-weight:900; margin-bottom:15px; padding: .6em .8em .6em .8em;}
.tour-header {font-weight:400; font-size:1em; line-height:1.2; margin:30px 10px 30px 10px; text-transform:none;}
@media print, screen and (min-width: 40em) {
	.headerblock {text-transform:uppercase; color:#ffffff; background:#000000; width:fit-content; widht:intrinsic; margin:0px auto; line-height:1; font-size:1.9em; font-weight:900; margin-bottom:15px; padding: .6em .8em .6em .8em;}
	.tour-header {font-weight:400; font-size:1.4em; line-height:1.2; margin:30px 90px 30px 90px;}
	.mobilefooter{display:none;}
	
	.widget{ position:relative; z-index:200;margin-bottom:1em; }

#tickets {  position:relative; z-index:200;
}

.widget h3 {color:rgba(150,3,5,1.00); font-size:1.29em;	}

/*	Tour Stops List
	---------------	*/
.tour-stops-list {
	max-width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	display:flex;
	flex-direction:column;
}
.tour-stops-list > li {
	width:100%; 
	list-style-type:none; background:#BE1E2D;
	}

.tour-stops-list > li:nth-child(even) {
	background:rgba(150,3,5,1.00)	
}

.tour-stops-list > li ul {display:flex; margin-left:0px;}

.tour-stops-list > li ul li{
display:flex;
	flex-direction:column;
	padding:.8%;
text-align:center;
	 align-items: center;
  justify-content: center;
	height:4em;
	font-size:1em;
	font-weight:500;
	
}


	.tour-stops-list > li+li {
		
		
	}
.tour-stops-list .header{background:none; color:#000000}
.tour-stops-list .header ul li{
	font-size:1.6em;
	text-transform:uppercase;
	height:.8em!important;
		padding:0px!important;
	margin-bottom:4px;
text-align:center;
	 align-items:center;
  justify-content: center;
	color:rgba(149,6,8,0.87);	
}
.tour-stops-list .date,
.tour-stops-list .city,
.tour-stops-list .venue,
.tour-stops-list .tickets {
	
	line-height:1.1;

}

.tour-stops-list .city {
	width:24.6%; border-right:1px solid rgba(249,247,247,0.20); font-weight:900;
}

.tour-stops-list .date {
	width:13.6%; border-right:1px solid rgba(249,247,247,0.20); color:#F0B622; font-weight:900;
}


.tour-stops-list .header .city {
	width:24.6%; border-right: 0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .header .date {
	width:13.6%; border-right:0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .venue {
	width:40.6%;
}
.tour-stops-list .tickets {
	width:19.6%;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:1em;
}
.tour-stops-list .tickets .more-info,
.tour-stops-list .tickets .get-tickets {
	color:#000000;
	background-color:#F0B622;text-transform:uppercase;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.tour-stops-list .tickets .on-sale-soon {
	color:#ffffff;
	background-color:none;text-transform:uppercase;
	border:1px solid #ffffff;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

	.tour-stops-list .tickets .more-info:hover,
	.tour-stops-list .tickets .get-tickets:hover {
		-webkit-transition:	padding .35s ease;
	-moz-transition:	padding .35s ease;
	-ms-transition:		padding .35s ease;
	-o-transition:		padding .35s ease;
		color:#F0B622;
	background-color:#000000;
	}


.intext{float:left; max-width:50%;}
	
	
	.additional{display:none;}
	#city-menu{background:#F0B622; display:block;}
.top-bar#city-menu, .top-bar#city-menu ul {
    background-color: #F0B622;
}
#city-menu .menu a, #city-menu .menu .button {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4em;
    color: #000000;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.2rem 1.4rem 0rem 1.4rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
#city-menu .menu a:hover{
    color: #000000;
font-weight:900; -webkit-text-stroke:0px #000000; text-stroke:0px  #000000; text-shadow: 0px 0px #000000;
}
	
	.safetyalert {}
.safety{position:relative; display:flex;}
.safety-image {position: absolute!important; z-index:1000; pointer-events:none; display:block; width:10%; overflow:hidden; margin-top:-20px;}  .safety-image img{width:100%;}
.alert{;font-size:2.9em;  line-height:1; position:relative; z-index:100;;}
.alert a{font-weight:900;}

  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } 
   .mobnav{display:none}.desknav{display:block}
	
	
	.menu a, .menu .button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.9rem 1.2rem 0.8rem 1.2rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}

		}


@media print, screen and (min-width: 64em) {
	.donthide{display:block;}
	
	
	
.widget{ position:relative; z-index:200;}


#tickets {  width:80%; margin:0px auto 0 auto; position:relative; z-index:200;
}

/*	Tour Stops List
	---------------	*/
.tour-stops-list {
	max-width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	display:flex;
	flex-direction:column;
}
.tour-stops-list > li {
	width:100%; 
	list-style-type:none; background:#BE1E2D;
	}

.tour-stops-list > li:nth-child(even) {
	background:rgba(150,3,5,1.00)	
}

.tour-stops-list > li ul {display:flex; margin-left:0px;}

.tour-stops-list > li ul li{
display:flex;
	flex-direction:column;
	padding:.8%;
text-align:center;
	 align-items: center;
  justify-content: center;
	height:4em;
	font-size:1em;
	font-weight:500;
	
}


	.tour-stops-list > li+li {
		
		
	}
.tour-stops-list .header{background:none; color:#000000}
.tour-stops-list .header ul li{
	font-size:1.6em;
	text-transform:uppercase;
	height:.8em!important;
		padding:0px!important;
	margin-bottom:4px;
text-align:center;
	 align-items:center;
  justify-content: center;
	color:rgba(149,6,8,0.87);	
}
.tour-stops-list .date,
.tour-stops-list .city,
.tour-stops-list .venue,
.tour-stops-list .tickets {
	
	line-height:1.1;

}

.tour-stops-list .city {
	width:24.6%; border-right:1px solid rgba(249,247,247,0.20); font-weight:900;
}

.tour-stops-list .date {
	width:13.6%; border-right:1px solid rgba(249,247,247,0.20); color:#F0B622; font-weight:900;
}


.tour-stops-list .header .city {
	width:24.6%; border-right: 0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .header .date {
	width:13.6%; border-right:0px solid rgba(249,247,247,0.20);
}

.tour-stops-list .venue {
	width:40.6%;
}
.tour-stops-list .tickets {
	width:19.6%;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:1em;
}
.tour-stops-list .tickets .more-info,
.tour-stops-list .tickets .get-tickets {
	color:#000000;
	background-color:#F0B622;text-transform:uppercase;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.tour-stops-list .tickets .on-sale-soon {
	color:#ffffff;
	background-color:none;text-transform:uppercase;
	border:1px solid #ffffff;
	width:100%;
	margin:.2em;
	padding:.5em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

	.tour-stops-list .tickets .more-info:hover,
	.tour-stops-list .tickets .get-tickets:hover {
		-webkit-transition:	padding .35s ease;
	-moz-transition:	padding .35s ease;
	-ms-transition:		padding .35s ease;
	-o-transition:		padding .35s ease;
		color:#F0B622;
	background-color:#000000;
	}
	
	
}


	
	
.widget{ position:relative; z-index:200;}

	
	#tickets {  width:100%; margin:0px 0px 0px 0px; position:relative; z-index:200;
}



.button.usper{display:block; width:intrinsic; width:fit-content; font-size:1.7em; line-hight:1; margin: 20px auto 0px auto; border:2px solid #000000; padding-top:10px; padding-bottom:8px;}

.button.usper:visited{background:#000000; color:#000000;}

.ticketlink{width:fit-content; width:intrinsic; margin:0px auto;}



.events ol li::marker{color:rgba(0,0,0,0.00);}
.cd-timeline-navigation li::marker{color:rgba(0,0,0,0.00);}
.events-content ol li {list-style-type:none!important;}


.cd-horizontal-timeline {
	background:#F0B622;
	
	padding:20px 0px 20px 0px;
	border:1px solid #000000;
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
	
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .timeline{border-bottom:2px solid #000000;}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
 
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #BE1E2D;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover {color:#ffffff;}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;color:#ffffff; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000; font-weight:900;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #BE1E2D;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 1em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
	background:url("../img/areright.png") no-repeat 0 0  #F0B622; background-size:contain;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
 

.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
 height: 50px;
  width: 50px;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {

}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
		list-style-type:none;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
	align-content: flex-start;
	
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 1000px;
  margin: 0 auto;
}


.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 4rem;
  font-family: CrayonCrumble-Regular;
  font-weight: normal;
  line-height: 1.2; margin-top:0px; margin-bottom:2px!important; padding-bottom:4px!important;
}
.cd-horizontal-timeline .events-content h3 {
  font-weight: bold;
  font-size: 1.3rem;

  line-height: 1.2; margin-top:2px!important; padding-top:0px!important;
}
.cd-horizontal-timeline .events-content h2:after, .cd-horizontal-timeline .events-content h2:before{display:none;}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.2rem; text-align:center;

}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
 
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



@media only screen and (max-width: 450px) {
	.audio-player {

		width: 90vw;
	margin:0px 5vw 0px 0;}
}
@media only screen and (min-width: 451px) and (max-width: 767px) {
	.audio-player {
  height: 60px;
		width: 70vw;
	margin:0px 15vw 0px 15vw;}
}




.cd-horizontal-timeline .events-content{list-style-type:none;}
.cd-horizontal-timeline .events-content li{list-style-type:none; bmargin-top:-20px; padding-top:10px;}
.cd-horizontal-timeline .events-content .timelineico img{
max-width: 100%; margin-bottom:15px;
	}


@media print, screen and (min-width: 40em) {
	
	
ul.healthsafetynav{width:100%; list-style-type:none; margin-top:40px;}
ul.healthsafetynav li{width:100%; list-style-type:none; f0nt-weight:900; font-size:1.8em; border:2px solid #000000; text-align:center; padding:8px; line-height:1; text-transform:uppercase; margin-bottom:10px;}
ul.healthsafetynav li:hover {background:#BE1E2D}
ul.healthsafetynav li a:hover {color:#F0B622}
	
	
	.cd-horizontal-timeline .events-content li {display:flex; align-items:flex-start}
	.cd-horizontal-timeline .events-content .timelineico {width:40%; }
.cd-horizontal-timeline .events-content .timelineico img{width:100%}
.cd-horizontal-timeline .events-content .timeline-text {width:55%; padding: 0px 10px 0px 10px;}
	.piglet{width:25%; float:left; margin-right:10px;}
	.listenbutton{ height: 60px;
  width: 100%;
	border:2px solid #000000; 
  background: #F0B622; padding:0px 10px 0px 10px; text-align:center; }
.listenbutton:hover{background:#000000; color:#ffffff;}
.listenbutton a {font-size:2.1em; text-align:center; width:100%; font-weight:900; line-heigh: 2.1em; padding:0px; margin:0px;}
.spotifyplayer{ width: 100%;
	border:2px solid #000000; 
  background: #000000;
	  display:none
}
	
  h1, .h1 {
    font-size: 3.6rem; }
  h2, .h2 {
    font-size: 2.9rem;  }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; }
.specialcallout{padding-bottom:30px;   font-size: 2.7rem;}	
	
	h1:before, h1:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
		background-size:contain;
    position: absolute;
  height: 10px;
  top: 40%;
  width: 150px;
}

h1:before {
left: -2.7em;
 margin: 0 0 0 0px;
}
h1:after {
   right: -3em;
 height: 10px;
 width: 150px;
left:100%;
  margin: 0 0 0 0;
}

h2:before, h2:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
    position: absolute;
  height: 10px;
  background-size:contain;
  width: 100px;
}

h2:before {
left: -2.3em;
  top: 40%;
	 margin: 0 0 0 0px;
}
	
h2:after {
	top: 40%;
  right: -3em;
 height: 10px;
 width: 100px;
left:100%;
  margin: 0 0 0 5px;
}

.mainlogo.desktop{width:100%; margin:10px auto 10px auto; display:block;}
	.mainlogo.mobile{display:none;}
	
	.mainreel.desktop{display:block;}
	.mainreel.mobile{display:none;}
	
.verticalcenter{height:100%; padding-top:3.5em; vertical-align:middle;}
.redbarn h2:before, .redbarn h2:after{
background:url("../img/WTP-Header-Psuedo-Red.jpg") no-repeat;
background-size:contain;
}	

.animateleft{ width:35%; min-width:300px; float:left; margin:10px;}
.animateright{ width:35%; min-width:300px;  float:right; margin:10px;}
	.baranim{width:100%; display:flex; flex-direction: row;}
.homeclock {width:50%; height:300px; padding-top:50px;}
.peak{width:50%; height:300px;}
	
.indicates-required {text-align:center;}

.buttonwide{display:flex; align-items:center;}
.buttonwide .button {display:block!important; margin:0px auto!important; font-size:1.5rem; padding: .55em 1em .45em 1em;}
.sendoff {text-align:center; font-weight:900; width:100%; padding-bottom:30px;}

	p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.2;
  text-rendering: optimizeLegibility; }
p.specialp {text-align:center;}
	.presaleheader {font-family:'CrayonCrumble-Regular'; font-size:3em; line-height:1; font-weight:normal;}
header { width:100vw; min-height:50px; height:2%; display:block;}
header .holder {width:100%; min-height:30px; background:#232B2D; min-height:40px;}
header .border {width:100%; min-height:10px; background:url("../img/wtp-teaser-header-border.jpg") repeat-x; background-position:left bottom; background-size:180px;}
footer {height: 102%; margin-top:-2%; margin-bottom:-2%; z-index:500; position:relative; width:100%;}
footer .border {width:100%; height:20px; background:url("../img/wtp-teaser-footer-border.png") repeat-x; background-position:bottom left; background-size:180px; }
footer .holder {width:100%; min-height:150px; background:#F0B622; padding-bottom:2%;}
.mainwtp {padding-bottom:1.5em; padding-top:.5em;}

	.animate img{width:100%; height:auto; margin:0px 0px 0px 0px;}
	.hide-for-mobile {display:block;}

	.whitebarnhightlight{width:fit-content; width:intrinsic; background-size:contain; padding-top:opx; padding-bottom:10px; margin:-1px auto 3px auto;}
.whitebarnhightlight h4{text-align:center; font-size:2.5rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.whitebarnhightlight h4.yellow {color:#F0B622;}
	
	
.redbarn h1, .redbarn h2, .redbarn h3,.redbarn h4, .redbarn p, .redbarn h5 {color:#ffffff;}
.redbarn{background:#BE1E2D; max-width:100%; padding-top:2em; padding-bottom:2em;}
.redbarn .divider{ width:60%; height:10px; background:url("../img/WTP-Small-Divider-Large-Red.jpg") no-repeat center center ; background-size:cover; margin:5px auto 5px auto; }

.frontpage{width:100%;}
.frontpage{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.frontpage-box {height:auto; width:100%; flex-direction:column; }
.frontpage-box h3 {font-size:4rem; line-height:1; margin:0; padding:0;}
.redbarnhightlight{width:fit-content; width:intrinsic;  padding-top:10px; padding-bottom:10px; margin:-1px auto 3px auto;}
.redbarnhightlight h4{text-align:center; font-size:2.5rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.redbarnhightlight h4.yellow {color:#F0B622;}
.frontpage-box h5{text-align:center; width:100%; font-size:1.4rem; line-height:1; padding:0; margin:0;}
.frontpage-box h5 span{color:#F0B622;}
.buttonlist {width:fit-content; width:intrinsic; margin:10px auto;}
.buttonlist .button {margin:4px;font-size:1.4rem; width:fit-content; width:intrinsic;  padding: .3em .5em .3em .5em;}

.ticketcity {margin-bottom:-10px; font-size:3.5em;}
.ticketcity:after, .ticketcity:before {display:none;}
.ticketing{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.ticket-box {height:auto; width:100%; flex-direction:column; }
.ticketing h4, .ticketing h5 {text-align:center; line-height:1; margin:0; padding:0;}
.ticketing h5 {font-size:1rem;}
.ticketing h3 {line-height:1.6rem; margin-bottom:0; padding-bottom:0;}
.ticket-box .button {font-size:1.9rem; width:fit-content; width:intrinsic; display: block; margin:0px auto 1em auto;  padding: .3em .5em .3em .5em;}

.ticketingheader{margin-bottom:20px;}
.map {border-left: 2px solid #000000;}
.buytype{margin-bottom:10px;}
.buytype h4 {text-align:center; text-transform:uppercase; font-weight:900;}
.mobilebreak{display:none;}
	
	img.tigger{width:100%; margin:0px auto;}

.shoutout {height:auto; width:100%; flex-direction:column;}
.shoutout h5{text-align:center; line-height:1;}
.shoutout .button { width:fit-content; width:intrinsic; display: block; margin:0px auto 1em auto; }

.faq {display:flex; margin:10px;}
.faq .q {font-family: "CrayonCrumble-Regular"; font-size:5rem; line-height:1; width: 20%;  text-align:right;}
.faq .q:after {content:":"; font-family: "CrayonCrumble-Regular"; width:3px; margin-right:5px; height:100%; }
.faq .answertext, .faq .questiontext {width: 80%; padding:5px; }
.faq .answertext p, .faq .questiontext p {font-size:1.2em; padding-top:.6em;}
.faq .answertext {padding-bottom:.1.3em; background:url("../img/WTP-Small-Divider.png") no-repeat center bottom; background-size:70%; }
	.faq.answer {padding-bottom:0; background:none;  }


.micromenu {width:fit-content; width:intrinsic; margin:0px auto 3.6em auto;}
.micromenu ul {display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; margin:0px auto; font-size:.8em; line-height:.8rem; font-weight:400;}
.micromenu ul li { margin:0px 7px 0px 0px; border-left:1px solid #000000; padding:0px 0px 0px 7px;}
.micromenu ul li:first-of-type { border-left:0px solid #000000;}


.rpfooter {margin-top:3.6rem;}
.footer-menu h4 {text-align:center; font-size:1.2rem; font-weight:900; margin-top:1em;}
.socialmenu {width:fit-content; width:intrinsic; margin:0px auto;}
.socialmenu ul { display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; } 
.socialmenu ul li { height:60px; width:auto; } 

.socialmenu ul li img { height:60px; width:auto; } 
.socialmenu ul li img:hover {transform: scale(1.1);}

.divider{ width:60%; height:6px; background:url("../img/WTP-Small-Divider-Large.png") no-repeat center center ; background-size:cover; margin:5px auto 5px auto;}
.padded{ width:60%; height:6px; margin:2.5em auto 1.8em auto;}

.musicbox{ display:table; width:intrinsic; width:fit-content; margin:0px auto;  }
.bop {display:table-cell; width:130px;  height:auto;  vertical-align:middle;}
	.mobbop {display:none; }
.listen {display:table; width:100%; vertical-align:middle; padding:0px 20px 0px 20px;}
.listen h2{margin-bottom:2px; width:intrinsic; width:fit-content;}

.musicplayer {display:table; min-height:60px; min-width:300px;}
.salesicos {width:fit-content; width:intrinsic; height:auto; vertical-align:middle;}
.salesicos ul {display:flex; width:fit-content; width:intrinsic;height:auto; vertical-align:middle; }
.salesicos ul li {list-style-type:none;  padding:0px 0px 0px 0px; vertical-align:middle;}
.salesicos ul li:first-of-type{display:block;}
.salesicos ul li.icos {font-size:2.5em;}
	.salesicos ul li.icos:hover {transform: scale(1.1);}
.buzzz{background:url("../img/vid-bg-box.png") no-repeat; background-size:cover; padding:5px 5px 2px 5px; margin-bottom:10px;}	
	
}

a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #F0B622;
font-weight:900; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000;}
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #000000;
  border-left: 0; }


.audio-player {
  height: 60px;
  width: 100%;
	border:2px solid #000000; 
  background: #F0B622;
  font-family: proxima-nova, sans-serif;
	font-weight:900;
  color: #000000;
  font-size: 1em;
  overflow: hidden;
  display: grid;
  grid-template-rows: 6px auto;
}
.audio-player .timelinebox {
  background: #F0B622;
	border-bottom:1px solid #000000;
  width: 100%;
  position: relative;
  cursor: pointer;
  
}
.audio-player .timeline .progress {
  background: #BE1E2D;
  width: 0%!important;
  height: 100%!important;
  transition: 0.25s;
}
.audio-player .controls {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 20px;
}
.audio-player .controls > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-player .controls .toggle-play.play {
  cursor: pointer;
  position: relative;
  left: 0;
  height: 0;
  width: 0;
  border: 7px solid #F0B622;
  border-left: 13px solid #000000;
}
.audio-player .controls .toggle-play.play:hover {
  transform: scale(1.1);
}
.audio-player .controls .toggle-play.pause {
  height: 15px;
  width: 20px;
  cursor: pointer;
  position: relative;
}
.audio-player .controls .toggle-play.pause:before {
  position: absolute;
  top: 0;
  left: 0px;
  background: #000000;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:after {
  position: absolute;
  top: 0;
  right: 8px;
  background: #000000;
  content: "";
  height: 15px;
  width: 3px;
}
.audio-player .controls .toggle-play.pause:hover {
  transform: scale(1.1);
}
.audio-player .controls .time {
  display: flex;
}
.audio-player .controls .time > * {
  padding: 2px;
}
.audio-player .controls .volume-container {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.audio-player .controls .volume-container .volume-button {
  height: 26px;
  display: flex;
  align-items: center;
}
.audio-player .controls .volume-container .volume-button .volume {
  transform: scale(0.7);
}
.audio-player .controls .volume-container .volume-slider {
  position: absolute;
  left: -3px;
  top: 15px;
  z-index: -1;
  width: 0;
  height: 15px;
  background: white;
  transition: 0.25s;
}
.audio-player .controls .volume-container .volume-slider .volume-percentage {
  background: #BE1E2D;
  height: 100%;
  width: 75%;
}
.audio-player .controls .volume-container:hover .volume-slider {
  left: -123px;
  width: 120px;
}

.events ol li::marker{color:rgba(0,0,0,0.00);}
.cd-timeline-navigation li::marker{color:rgba(0,0,0,0.00);}
.events-content ol li {list-style-type:none!important;}


.cd-horizontal-timeline {
	background:#F0B622;
	
	padding:20px 0px 20px 0px;
	border:1px solid #000000;
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
	
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .timeline{border-bottom:2px solid #000000;}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
 
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #BE1E2D;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover {color:#ffffff;}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;color:#ffffff; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000; font-weight:900;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #BE1E2D;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 1em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
	background:url("../img/areright.png") no-repeat 0 0  #F0B622; background-size:contain;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
 

.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
 height: 50px;
  width: 50px;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {

}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
		list-style-type:none;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
	align-content: flex-start;
	
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 1000px;
  margin: 0 auto;
}


.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 4rem;
  font-family: CrayonCrumble-Regular;
  font-weight: normal;
  line-height: 1.2; margin-top:0px; margin-bottom:2px!important; padding-bottom:4px!important;
}
.cd-horizontal-timeline .events-content h3 {
  font-weight: bold;
  font-size: 1.3rem;

  line-height: 1.2; margin-top:2px!important; padding-top:0px!important;
}
.cd-horizontal-timeline .events-content h2:after, .cd-horizontal-timeline .events-content h2:before{display:none;}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.2rem; text-align:center;

}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
 
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



@media only screen and (max-width: 450px) {
	.audio-player {

		width: 90vw;
	margin:0px 5vw 0px 0;}
}
@media only screen and (min-width: 451px) and (max-width: 767px) {
	.audio-player {
  height: 60px;
		width: 70vw;
	margin:0px 15vw 0px 15vw;}
}




.cd-horizontal-timeline .events-content{list-style-type:none;}
.cd-horizontal-timeline .events-content li{list-style-type:none; bmargin-top:-20px; padding-top:10px;}
.cd-horizontal-timeline .events-content .timelineico img{
max-width: 100%; margin-bottom:15px;
	}


@media print, screen and (min-width: 40em) {
	
	
ul.healthsafetynav{width:100%; list-style-type:none; margin-top:40px;}
ul.healthsafetynav li{width:100%; list-style-type:none; f0nt-weight:900; font-size:1.8em; border:2px solid #000000; text-align:center; padding:8px; line-height:1; text-transform:uppercase; margin-bottom:10px;}
ul.healthsafetynav li:hover {background:#BE1E2D}
ul.healthsafetynav li a:hover {color:#F0B622}
	
	
	.cd-horizontal-timeline .events-content li {display:flex; align-items:flex-start}
	.cd-horizontal-timeline .events-content .timelineico {width:40%; }
.cd-horizontal-timeline .events-content .timelineico img{width:100%}
.cd-horizontal-timeline .events-content .timeline-text {width:55%; padding: 0px 10px 0px 10px;}
	.piglet{width:25%; float:left; margin-right:10px;}
	.listenbutton{ height: 60px;
  width: 100%;
	border:2px solid #000000; 
  background: #F0B622; padding:0px 10px 0px 10px; text-align:center; }
.listenbutton:hover{background:#000000; color:#ffffff;}
.listenbutton a {font-size:2.1em; text-align:center; width:100%; font-weight:900; line-heigh: 2.1em; padding:0px; margin:0px;}
.spotifyplayer{ width: 100%;
	border:2px solid #000000; 
  background: #000000;
	  display:none
}
	
  h1, .h1 {
    font-size: 3.6rem; }
  h2, .h2 {
    font-size: 2.9rem;  }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; }
	
	
	h1:before, h1:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
		background-size:contain;
    position: absolute;
  height: 10px;
  top: 40%;
  width: 150px;
}

h1:before {
left: -2.7em;
 margin: 0 0 0 0px;
}
h1:after {
   right: -3em;
 height: 10px;
 width: 150px;
left:100%;
  margin: 0 0 0 0;
}

h2:before, h2:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
    position: absolute;
  height: 10px;
  background-size:contain;
  width: 100px;
}

h2:before {
left: -2.3em;
  top: 40%;
	 margin: 0 0 0 0px;
}
	
h2:after {
	top: 40%;
  right: -3em;
 height: 10px;
 width: 100px;
left:100%;
  margin: 0 0 0 5px;
}

.mainlogo.desktop{width:90%; margin:10px auto 10px auto; display:block;}
	.mainlogo.mobile{display:none;}
	
	
	
.verticalcenter{height:100%; padding-top:3.5em; vertical-align:middle;}
.redbarn h2:before, .redbarn h2:after{
background:url("../img/WTP-Header-Psuedo-Red.jpg") no-repeat;
background-size:contain;
}	

.animateleft{ width:35%; min-width:300px; float:left; margin:10px;}
.animateright{ width:35%; min-width:300px;  float:right; margin:10px;}
	.baranim{width:100%; display:flex; flex-direction: row;}
.homeclock {width:50%; height:300px; padding-top:50px;}
.peak{width:50%; height:300px;}
	
.indicates-required {text-align:center;}

.buttonwide{display:flex; align-items:center;}
.buttonwide .button {display:block!important; margin:0px auto!important; font-size:1.5rem; padding: .55em 1em .45em 1em;}
.sendoff {text-align:center; font-weight:900; width:100%; padding-bottom:30px;}

	p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.2;
  text-rendering: optimizeLegibility; }
p.specialp {text-align:center;}
	.presaleheader {font-family:'CrayonCrumble-Regular'; font-size:3em; line-height:1; font-weight:normal;}
header { width:100vw; min-height:50px; height:2%; display:block;}
header .holder {width:100%; min-height:30px; background:#232B2D; min-height:40px;}
header .border {width:100%; min-height:10px; background:url("../img/wtp-teaser-header-border.jpg") repeat-x; background-position:left bottom; background-size:180px;}
footer {height: 102%; margin-top:-2%; margin-bottom:-2%; z-index:500; position:relative; width:100%;}
footer .border {width:100%; height:20px; background:url("../img/wtp-teaser-footer-border.png") repeat-x; background-position:bottom left; background-size:180px; }
footer .holder {width:100%; min-height:150px; background:#F0B622; padding-bottom:2%;}
.mainwtp {padding-bottom:1.5em; padding-top:.5em;}

	.animate img{width:100%; height:auto; margin:0px 0px 0px 0px;}
	.hide-for-mobile {display:block;}

.redbarn h1, .redbarn h2, .redbarn h3,.redbarn h4, .redbarn p, .redbarn h5 {color:#ffffff;}
.redbarn{background:#BE1E2D; max-width:100%; padding-top:2em; padding-bottom:2em;}
.redbarn .divider{ width:60%; height:10px; background:url("../img/WTP-Small-Divider-Large-Red.jpg") no-repeat center center ; background-size:cover; margin:5px auto 5px auto; }

.frontpage{width:100%;}
.frontpage{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.frontpage-box {height:auto; width:100%; flex-direction:column; }
.frontpage-box h3 {font-size:4rem; line-height:1; margin:0; padding:0;}
.redbarnhightlight{width:fit-content; width:intrinsic; padding-top:10px; padding-bottom:10px; margin:-1px auto 3px auto;}
.redbarnhightlight h4{text-align:center; font-size:2.5rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.redbarnhightlight h4.yellow {color:#F0B622;}
.frontpage-box h5{text-align:center; width:100%; font-size:1.4rem; line-height:1; padding:0; margin:0;}
.frontpage-box h5 span{color:#F0B622;}
.buttonlist {width:fit-content; width:intrinsic; margin:10px auto;}
.buttonlist .button {margin:4px;font-size:1.4rem; width:fit-content; width:intrinsic;  padding: .3em .5em .3em .5em;}

.ticketcity {margin-bottom:-10px; font-size:3.5em;}
.ticketcity:after, .ticketcity:before {display:none;}
.ticketing{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.ticket-box {height:auto; width:100%; flex-direction:column; }
.ticketing h4, .ticketing h5 {text-align:center; line-height:1; margin:0; padding:0;}
.ticketing h5 {font-size:1rem;}
.ticketing h3 {line-height:1.6rem; margin-bottom:0; padding-bottom:0;}


.ticketingheader{margin-bottom:20px;}
.map {border-left: 2px solid #000000;}
.buytype{margin-bottom:10px;}
.buytype h4 {text-align:center; text-transform:uppercase; font-weight:900;}
.mobilebreak{display:none;}
	
	img.tigger{width:100%; margin:0px auto;}

.shoutout {height:auto; width:100%; flex-direction:column;}
.shoutout h5{text-align:center; line-height:1;}
.shoutout .button { width:fit-content; width:intrinsic; display: block; margin:0px auto 1em auto; }

.faq {display:flex; margin:10px;}
.faq .q {font-family: "CrayonCrumble-Regular"; font-size:5rem; line-height:1; width: 20%;  text-align:right;}
.faq .q:after {content:":"; font-family: "CrayonCrumble-Regular"; width:3px; margin-right:5px; height:100%; }
.faq .answertext, .faq .questiontext {width: 80%; padding:5px; }
.faq .answertext p, .faq .questiontext p {font-size:1.2em; padding-top:.6em;}
.faq .answertext {padding-bottom:.1.3em; background:url("../img/WTP-Small-Divider.png") no-repeat center bottom; background-size:70%; }
	.faq.answer {padding-bottom:0; background:none;  }


.micromenu {width:fit-content; width:intrinsic; margin:0px auto 3.6em auto;}
.micromenu ul {display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; margin:0px auto; font-size:.8em; line-height:.8rem; font-weight:400;}
.micromenu ul li { margin:0px 7px 0px 0px; border-left:1px solid #000000; padding:0px 0px 0px 7px;}
.micromenu ul li:first-of-type { border-left:0px solid #000000;}


.rpfooter {margin-top:3.6rem;}
.footer-menu h4 {text-align:center; font-size:1.2rem; font-weight:900; margin-top:1em;}
.socialmenu {width:fit-content; width:intrinsic; margin:0px auto;}
.socialmenu ul { display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; } 
.socialmenu ul li { height:60px; width:auto; } 

.socialmenu ul li img { height:60px; width:auto; } 
.socialmenu ul li img:hover {transform: scale(1.1);}

.divider{ width:60%; height:6px; background:url("../img/WTP-Small-Divider-Large.png") no-repeat center center ; background-size:cover; margin:5px auto 5px auto;}
.padded{ width:60%; height:6px; margin:2.5em auto 1.8em auto;}

.musicbox{ display:table; width:intrinsic; width:fit-content; margin:0px auto;  }
.bop {display:table-cell; width:130px;  height:auto;  vertical-align:middle;}
	.mobbop {display:none; }
.listen {display:table; width:100%; vertical-align:middle; padding:0px 20px 0px 20px;}
.listen h2{margin-bottom:2px; width:intrinsic; width:fit-content;}

.musicplayer {display:table; min-height:60px; min-width:300px;}
.salesicos {width:fit-content; width:intrinsic; height:auto; vertical-align:middle;}
.salesicos ul {display:flex; width:fit-content; width:intrinsic;height:auto; vertical-align:middle; }
.salesicos ul li {list-style-type:none;  padding:0px 0px 0px 0px; vertical-align:middle;}
.salesicos ul li:first-of-type{display:block;}
.salesicos ul li.icos {font-size:2.5em;}
	.salesicos ul li.icos:hover {transform: scale(1.1);}
.buzzz{background:url("../img/vid-bg-box.png") no-repeat; background-size:cover; padding:5px 5px 2px 5px; margin-bottom:10px;}	
	
}

a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #F0B622;
font-weight:900; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000;}
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #000000;
  border-left: 0; }



.events ol li::marker{color:rgba(0,0,0,0.00);}
.cd-timeline-navigation li::marker{color:rgba(0,0,0,0.00);}
.events-content ol li {list-style-type:none!important;}


.cd-horizontal-timeline {
	background:#F0B622;
	
	padding:20px 0px 20px 0px;
	border:1px solid #000000;
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
	
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .timeline{border-bottom:2px solid #000000;}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
 
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #BE1E2D;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover {color:#ffffff;}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;color:#ffffff; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000; font-weight:900;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #BE1E2D;
  border-color: #BE1E2D;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #BE1E2D;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 1em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
	background:url("../img/areright.png") no-repeat 0 0  #F0B622; background-size:contain;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
 
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
 

.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
 height: 50px;
  width: 50px;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {

}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
		list-style-type:none;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
	align-content: flex-start;
	
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 1000px;
  margin: 0 auto;
}


.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 4rem;
  font-family: CrayonCrumble-Regular;
  font-weight: normal;
  line-height: 1.2; margin-top:0px; margin-bottom:2px!important; padding-bottom:4px!important;
}
.cd-horizontal-timeline .events-content h3 {
  font-weight: bold;
  font-size: 1.3rem;

  line-height: 1.2; margin-top:2px!important; padding-top:0px!important;
}
.cd-horizontal-timeline .events-content h2:after, .cd-horizontal-timeline .events-content h2:before{display:none;}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.2rem; text-align:center;

}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
 
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



@media only screen and (max-width: 450px) {
	.audio-player {

		width: 90vw;
	margin:0px 5vw 0px 0;}
}
@media only screen and (min-width: 451px) and (max-width: 767px) {
	.audio-player {
  height: 60px;
		width: 70vw;
	margin:0px 15vw 0px 15vw;}
}




.cd-horizontal-timeline .events-content{list-style-type:none;}
.cd-horizontal-timeline .events-content li{list-style-type:none; bmargin-top:-20px; padding-top:10px;}
.cd-horizontal-timeline .events-content .timelineico img{
max-width: 100%; margin-bottom:15px;
	}


@media print, screen and (min-width: 40em) {
	
	
ul.healthsafetynav{width:100%; list-style-type:none; margin-top:40px;}
ul.healthsafetynav li{width:100%; list-style-type:none; f0nt-weight:900; font-size:1.8em; border:2px solid #000000; text-align:center; padding:8px; line-height:1; text-transform:uppercase; margin-bottom:10px;}
ul.healthsafetynav li:hover {background:#BE1E2D}
ul.healthsafetynav li a:hover {color:#F0B622}
	
	
	.cd-horizontal-timeline .events-content li {display:flex; align-items:flex-start}
	.cd-horizontal-timeline .events-content .timelineico {width:40%; }
.cd-horizontal-timeline .events-content .timelineico img{width:100%}
.cd-horizontal-timeline .events-content .timeline-text {width:55%; padding: 0px 10px 0px 10px;}
	.piglet{width:25%; float:left; margin-right:10px;}
	.listenbutton{ height: 60px;
  width: 100%;
	border:2px solid #000000; 
  background: #F0B622; padding:0px 10px 0px 10px; text-align:center; }
.listenbutton:hover{background:#000000; color:#ffffff;}
.listenbutton a {font-size:2.1em; text-align:center; width:100%; font-weight:900; line-heigh: 2.1em; padding:0px; margin:0px;}
.spotifyplayer{ width: 100%;
	border:2px solid #000000; 
  background: #000000;
	  display:none
}
	
  h1, .h1 {
    font-size: 3.6rem; }
  h2, .h2 {
    font-size: 2.9rem;  }
  h3, .h3 {
    font-size: 1.9375rem; }
  h4, .h4 {
    font-size: 1.5625rem; }
  h5, .h5 {
    font-size: 1.25rem; }
  h6, .h6 {
    font-size: 1rem; }
	
	
	h1:before, h1:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
		background-size:contain;
    position: absolute;
  height: 10px;
  top: 40%;
  width: 150px;
}

h1:before {
left: -2.7em;
 margin: 0 0 0 0px;
}
h1:after {
   right: -3em;
 height: 10px;
 width: 150px;
left:100%;
  margin: 0 0 0 0;
}

h2:before, h2:after{
   content:"";
	background:url("../img/WTP-Hedear-Psuedo.png") no-repeat;
    position: absolute;
  height: 10px;
  background-size:contain;
  width: 100px;
}

h2:before {
left: -2.3em;
  top: 40%;
	 margin: 0 0 0 0px;
}
	
h2:after {
	top: 40%;
  right: -3em;
 height: 10px;
 width: 100px;
left:100%;
  margin: 0 0 0 5px;
}

.mainlogo.desktop{width:90%; margin:10px auto 10px auto; display:block;}
	.mainlogo.mobile{display:none;}
	
.verticalcenter{height:100%; padding-top:3.5em; vertical-align:middle;}
.redbarn h2:before, .redbarn h2:after{
background:url("../img/WTP-Header-Psuedo-Red.jpg") no-repeat;
background-size:contain;
}	

.animateleft{ width:35%; min-width:300px; float:left; margin:10px;}
.animateright{ width:35%; min-width:300px;  float:right; margin:10px;}
	.baranim{width:100%; display:flex; flex-direction: row;}
.homeclock {width:50%; height:300px; padding-top:50px;}
.peak{width:50%; height:300px;}
	
.indicates-required {text-align:center;}

.buttonwide{display:flex; align-items:center;}
.buttonwide .button {display:block!important; margin:0px auto!important; font-size:1.5rem; padding: .55em 1em .45em 1em;}
.sendoff {text-align:center; font-weight:900; width:100%; padding-bottom:30px;}

	p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.2;
  text-rendering: optimizeLegibility; }
p.specialp {text-align:center;}
	.presaleheader {font-family:'CrayonCrumble-Regular'; font-size:3em; line-height:1; font-weight:normal;}
header { width:100vw; min-height:50px; height:2%; display:block;}
header .holder {width:100%; min-height:30px; background:#232B2D; min-height:40px;}
header .border {width:100%; min-height:10px; background:url("../img/wtp-teaser-header-border.jpg") repeat-x; background-position:left bottom; background-size:180px;}
footer {height: 102%; margin-top:-2%; margin-bottom:-2%; z-index:500; position:relative; width:100%;}
footer .border {width:100%; height:20px; background:url("../img/wtp-teaser-footer-border.png") repeat-x; background-position:bottom left; background-size:180px; }
footer .holder {width:100%; min-height:150px; background:#F0B622; padding-bottom:2%;}
.mainwtp {padding-bottom:1.5em; padding-top:.5em;}

	.animate img{width:100%; height:auto; margin:0px 0px 0px 0px;}
	.hide-for-mobile {display:block;}

.redbarn h1, .redbarn h2, .redbarn h3,.redbarn h4, .redbarn p, .redbarn h5 {color:#ffffff;}
.redbarn{background:#BE1E2D; max-width:100%; padding-top:2em; padding-bottom:2em;}
.redbarn .divider{ width:60%; height:10px; background:url("../img/WTP-Small-Divider-Large-Red.jpg") no-repeat center center ; background-size:cover; margin:5px auto 5px auto; }

.frontpage{width:100%;}
.frontpage{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.frontpage-box {height:auto; width:100%; flex-direction:column; }
.frontpage-box h3 {font-size:4rem; line-height:1; margin:0; padding:0;}
.redbarnhightlight{width:fit-content; width:intrinsic;  background-size:contain; padding-top:10px; padding-bottom:10px; margin:-1px auto 3px auto;}
.redbarnhightlight h4{text-align:center; font-size:2.5rem; line-height:1; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
.redbarnhightlight h4.yellow {color:#F0B622;}
.frontpage-box h5{text-align:center; width:100%; font-size:1.4rem; line-height:1; padding:0; margin:0;}
.frontpage-box h5 span{color:#F0B622;}
.buttonlist {width:fit-content; width:intrinsic; margin:10px auto;}
.buttonlist .button {margin:4px;font-size:1.4rem; width:fit-content; width:intrinsic;  padding: .3em .5em .3em .5em;}

.ticketcity {margin-bottom:-10px; font-size:3.5em;}
.ticketcity:after, .ticketcity:before {display:none;}
.ticketing{width:100%; height:100%; display:flex; align-items:center; vertical-align:middle;}
.ticket-box {height:auto; width:100%; flex-direction:column; }
.ticketing h4, .ticketing h5 {text-align:center; line-height:1; margin:0; padding:0;}
.ticketing h5 {font-size:1rem;}
.ticketing h3 {line-height:1.6rem; margin-bottom:0; padding-bottom:0;}
.ticket-box .button {font-size:1.9rem; width:fit-content; width:intrinsic; display: block; margin:0px auto 4px auto;  padding: .3em .5em .3em .5em;}

.ticketingheader{margin-bottom:20px;}
.map {border-left: 2px solid #000000;}
.buytype{margin-bottom:10px;}
.buytype h4 {text-align:center; text-transform:uppercase; font-weight:900;}
.mobilebreak{display:none;}
	
	img.tigger{width:100%; margin:0px auto;}

.shoutout {height:auto; width:100%; flex-direction:column;}
.shoutout h5{text-align:center; line-height:1;}
.shoutout .button { width:fit-content; width:intrinsic; display: block; margin:0px auto 1em auto; }

.faq {display:flex; margin:10px;}
.faq .q {font-family: "CrayonCrumble-Regular"; font-size:5rem; line-height:1; width: 20%;  text-align:right;}
.faq .q:after {content:":"; font-family: "CrayonCrumble-Regular"; width:3px; margin-right:5px; height:100%; }
.faq .answertext, .faq .questiontext {width: 80%; padding:5px; }
.faq .answertext p, .faq .questiontext p {font-size:1.2em; padding-top:.6em;}
.faq .answertext {padding-bottom:.1.3em; background:url("../img/WTP-Small-Divider.png") no-repeat center bottom; background-size:70%; }
	.faq.answer {padding-bottom:0; background:none;  }


.micromenu {width:fit-content; width:intrinsic; margin:0px auto 3.6em auto;}
.micromenu ul {display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; margin:0px auto; font-size:.8em; line-height:.8rem; font-weight:400;}
.micromenu ul li { margin:0px 7px 0px 0px; border-left:1px solid #000000; padding:0px 0px 0px 7px;}
.micromenu ul li:first-of-type { border-left:0px solid #000000;}


.rpfooter {margin-top:3.6rem;}
.footer-menu h4 {text-align:center; font-size:1.2rem; font-weight:900; margin-top:1em;}
.socialmenu {width:fit-content; width:intrinsic; margin:0px auto;}
.socialmenu ul { display:flex; flex-direction:row; list-style-type:none; width:fit-content; width:intrinsic; } 
.socialmenu ul li { height:60px; width:auto; } 

.socialmenu ul li img { height:60px; width:auto; } 
.socialmenu ul li img:hover {transform: scale(1.1);}

.divider{ width:60%; height:6px; background:url("../img/WTP-Small-Divider-Large.png") no-repeat center center ; background-size:cover; margin:5px auto 5px auto;}
.padded{ width:60%; height:6px; margin:2.5em auto 1.8em auto;}

.musicbox{ display:table; width:intrinsic; width:fit-content; margin:0px auto;  }
.bop {display:table-cell; width:130px;  height:auto;  vertical-align:middle;}
	.mobbop {display:none; }
.listen {display:table; width:100%; vertical-align:middle; padding:0px 20px 0px 20px;}
.listen h2{margin-bottom:2px; width:intrinsic; width:fit-content;}

.musicplayer {display:table; min-height:60px; min-width:300px;}
.salesicos {width:fit-content; width:intrinsic; height:auto; vertical-align:middle;}
.salesicos ul {display:flex; width:fit-content; width:intrinsic;height:auto; vertical-align:middle; }
.salesicos ul li {list-style-type:none;  padding:0px 0px 0px 0px; vertical-align:middle;}
.salesicos ul li:first-of-type{display:block;}
.salesicos ul li.icos {font-size:2.5em;}
	.salesicos ul li.icos:hover {transform: scale(1.1);}
.buzzz{background:url("../img/vid-bg-box.png") no-repeat; background-size:cover; padding:5px 5px 2px 5px; margin-bottom:10px;}	
	
}

a {
  line-height: inherit;
  color: #000000;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #F0B622;
font-weight:900; -webkit-text-stroke:.5px #000000; text-stroke:.5px  #000000; text-shadow: 1px 1px #000000;}
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #000000;
  border-left: 0; }