html,body,h1,h2,h3,p,ul,iframe,img{
	display:block;
	padding:0;
	margin:0;
	font-family:'Montserrat',Arial,sans-serif;
	font-weight:400;
}
a{
	color:#000000;
}
#nav ul{
	font-weight:500;
	text-transform:none;
}
h1,
h2,
h3{
	font-weight:500;
	text-transform:none;
	font-family: 'Lora', serif;
}

#about h2{
	color:#3A3A3A;
}
#charity h2{
	color:#fce6e9;
}
#fallball h2{
	color:#3a3a3a;
}
img,iframe{
	max-width:100%;
}
.inner{
	max-width:1024px;
	padding:0 20px;
	margin:0 auto;
}
#header{
	background:url(../img/masthead.jpg) #fffbee no-repeat center / cover;
	border-bottom:0px solid #82387b;
}
#header .videowrap{
	position:relative;
	height:0;
	padding-top:56.25%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#header video,
#header .overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#header .overlayinside{
	height:100%;
	background:rgba(0,0,0,.3);
}
#header .overlayinside .inner{
	height:100%;
	display:flex;
	justify-content:left;
	align-items:center;
	box-sizing:border-box;
	padding-bottom:4%;
}
@media(max-width:1024px){
	#header .overlayinside .inner{
	
	}
}
#header .overlayinside .inner img{
	width:440px;
	max-width:45%;
	padding-bottom:70px;
}
body.termsprivacy #header{
	background:url(../img/masthead-short.png) #fffbee no-repeat center / cover;
}
body.termsprivacy #header .inner{
	padding-top:39.0625%;
}
#roundel{
	position: absolute;
	bottom: 7%;
	right: 10.5%;
	width:17%;
}
#wrapper{
	padding-top:50px;
}
@media(min-width:1024px){
	#header{
		background-size:auto;
	}
	#header .inner{
	}
	body.termsprivacy #header .inner{
		padding-top:400px;
	}
}

#nav{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:#ffffff;
	color:#000;
	z-index:50;
}
#toggle{
	display:none;
}
#nav ul{
	float:left;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:0;
	margin-left:0;
}
#nav ul.social{
	float:right;
}
#nav ul.social li a img{
	display:inline-block;
	width:30px;
	position:relative;
	top:8px;
}
#nav ul li{
	list-style:none;
	display:inline-block;
	line-height:32px;
	vertical-align:middle;
	padding:0;
	margin:0;
}
#nav a{
	display:inline-block;
	color:#000;
	text-decoration:none;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	padding:0 1em;
}
#nav ul li:first-child a{
	padding-left:0;
}
#nav a:focus,
#nav a:hover,
#nav a:active{
	color:#c9a83f;
}
#nav ul li.link555 a{
	background:#D41313;
	color:white;
}
#nav li.link555 a:focus,
#nav li.link555 a:hover,
#nav li.link555 a:active{
	background:black;
	color:#D41313;
}
#nav ul.social li a{
	padding:0;
}
#nav a img{
	border-radius:30px;
	transition:all .1s ease-in-out 0s;
}
#nav a:hover img{
	transform:translateY(-5px);
}




/* overlap system from bottom up */
.section{
	position:relative;
	background:#fff;
}
#page555.section{
	background:#000;
	color:#fff;
}
#fallball{z-index:2;}
#charity{z-index:3;}
#about{z-index:4;}
#header{z-index:5;}
.outer{
	padding:60px 0 80px 0;
	margin-top:-60px;
}
#about .outer{
}
#fallball .outer{
}
body.termsprivacy #pagecontent .outer{
}



#about{
	background:#fbe6e9;
	color:#000000;
	border-bottom:0px solid #82387b;
}
#charity{
	background-color:#000;
	background-image:url(../img/page-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
	background-position:25% top;
}
#fallball{
	background:#f2f2f2;
	color:#000000;
	border-bottom:0px solid #82387b;
}
#footer{
	background:#090606;
	color:#fff;
}

.col780{
	max-width:780px;
	text-align:justify;
	margin:0 auto;
}
.colwide{
	clear:both;
	text-align:center;
}
.centeredcontent{
	text-align:center;
}
.centeredcontent img{
	display:inline;
}
h1,h2{
	font-size:34px;
	line-height:1.1;
	text-align:center;
	padding-top:.8em;
	margin-bottom:.8em;
}
h3{
	font-size:22px;
	line-height:1.4;
	text-align:center;
	padding-top:.7em;
	margin-bottom:1em;
}
p,ul{
	font-size:16px;
	line-height:1.57;
	margin-bottom:.85em;
}
ul{
	margin-left:1.5em;
}
p.small{
	font-size:14px;
}
.imgbox{
	padding:2em 0;
	margin-bottom:.85em;
}
.vidiframe{
	height:0;
	background:#888;
	padding-top:56.25%;
	position:relative;
	margin-top:60px;
}
.vidiframe iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#charity p.small{
	text-align:center;
}

ul.tourdates{
	list-style:none;
	line-height:1.3;
	margin-bottom:47px;
}
ul.tourdates li{
}
ul.tourdates li a{
	display:block;
	width:100%;
	background:transparent;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	padding:24px 0;
	margin-bottom:20px;
	overflow:hidden;
	border:2px solid #fff;
	border-radius:5px;
}
.tourdates li span{
	float:left;
	box-sizing:border-box;
	padding:0 20px;
	vertical-align:top;
}
.tourdates li span span{
	font-size:12px;
	padding:0;
}
.tourdates li span.date{
	width:300px;
	padding-left:30px;
}
.tourdates li span.phone{
	width:21%;
}
.tourdates li span.book{
	width:185px;
	padding-right:30px;
}
.tourdates li span.book span.button{
	display:block;
	width:100%;
	background:#ec6609;
	color:#fff;
	font-size:15px;
	line-height:1;
	text-align:center;
	padding:15px 0;
	border-radius:5px;
}
.tourdates li a:focus,
.tourdates li a:hover,
.tourdates li a:active{
	
	border-color:#f7a600;
}
.tourdates li a:focus span.book span.button,
.tourdates li a:hover span.book span.button,
.tourdates li a:active span.book span.button{
	background:#f7a600;
}
.tourdates li span.venue{
	width:calc(79% - 485px);
}


#gallery ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-left:-12px;
	margin-right:-12px;
}
#gallery ul li{
	margin:12px;
}
#gallery ul li a{
	border:4px solid #fff;
	display:block;
}
#gallery ul li a:hover{
	box-shadow:0 0 17px -5px #000;
}
#gallery p.gallerycredit{
	font-size:14px;
	font-weight:600px;
	text-align:center;
	padding-top:20px;
}

.posts{
	max-width:820px;
	margin:0 auto;
}
.posts .post{
	margin-bottom:15px;
}
.posts .post a{
	display:flex;
	flex-wrap;
	justify-content:space-between;
	text-decoration:none;
	background:#f2f2f2;
	border-top:2px solid #c8a748;
}
.posts .post .pimg{
	width:250px;
}
.posts .post .pinfo{
	width:calc(100% - 250px);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	box-sizing:border-box;
	padding:20px;
}
.posts .post .excerpt{
	font-size:14px;
}
.posts .post .byline-date{
	font-size:12px;
	margin-bottom:0;
}
.posts .post .read{
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:3px; /* for Safari */
	text-underline-position:under; /* for all but Firefox/Safari */
}
.posts .post a:hover{
	background:#e1e1d1;
}
.posts .post a:hover .read{
	color:#af8f33;
}



#footer{
	padding:55px 0;
}
#footer .inner{
	overflow:hidden;
}
#footer p{
	font-size:14px;
	font-weight:300;
}
#footer a{
	color:inherit;
}
#footer img{
	max-width:120px;
}

.fleft{
	float:left;
	margin-right:15px;
}
.fright{
	float:right;
	max-width:calc(100% - 150px);
	text-align:right;
}
#footer p.privacy{
	font-size:12px;
	line-height:1.5em;
	padding-top:6px;
}
p.privacy a{
	text-decoration:underline;
}
p.logos img{
	display:inline;
	margin-right:12px;
}
p.hdk img{
	padding-top:10px;
}

/* privacy & terms pages */

body.termsprivacy #pagecontent{
	z-index:5;
	background:#020f3d;
	color:#fff;
	border-bottom:3px solid #fff;
}
body.termsprivacy .content p,
body.termsprivacy .content ul{
	font-size:16px;
	line-height:1.6;
	margin-bottom:1.6em;
}
body.termsprivacy h1,
body.termsprivacy .content h2,
body.termsprivacy .content h3,
body.termsprivacy .content h4,
body.termsprivacy .content h5{
	text-align:left;
	font-weight:400;
	text-transform:none;
	line-height:1.2;
	padding:0;
	margin-bottom:0.5em;
}
body.termsprivacy h1{
	font-size:34px;
	padding-top:1em;
}
body.termsprivacy .content h2{
	color:#fff;
	font-size:24px;
	font-weight:bold;
}
body.termsprivacy .content h3{
	font-size:18px;
	font-weight:bold;
}
body.termsprivacy .content h4{
	font-size:16px;
	font-weight:bold;
}
body.termsprivacy .content h5{
	font-size:14px;
	font-weight:bold;
}

*{
	-webkit-text-size-adjust:100%;
}

@media(max-width:1030px){
	#nav ul{
		font-size:15px;
	}
	#nav ul.menu li a{
		padding:0 .5em;
	}
	#nav ul li.link555 a{
		padding:0 .8em;
	}
	#nav ul.social li a img{
		top:10px;
	}
}
@media(max-width:870px){
	p,ul{
		font-size:16px;
	}
}
@media(max-width:910px){
	#nav ul{
		font-size:14px;
	}
	#nav ul.social li a img{
		top:9px;
	}
}
@media(max-width:860px){
	#nav ul{
		font-size:13px;
	}
	#nav ul.social li a img{
		top:10px;
	}
}
@media(max-width:710px){
	h1,h2{
		font-size:30px;
	}
}
@media(max-width:800px){
	.inner{
		padding:0 15px;
		min-height:50px;
	}
	#toggle{
		float:left;
		display:block;
		height:30px;
		width:50px;
		background:url(../img/menu.png) transparent repeat-x left center;
		padding:0;
		border-width:0;
		cursor:pointer;
		margin-top:10px;
	}
	#toggle span{
		position:absolute;
		left:-4000px;
	}
	#nav ul.menu{
		display:none;
	}
	#nav.toggled-on{
		height:100%;
	}
	#nav.toggled-on ul.menu{
		display:block;
	}
	#nav ul.menu{
		float:none;
		clear:left;
		padding-top:30px;
		padding-bottom:10px;
		margin-left:0;
	}
	#nav ul.menu li{
		display:block;
		border-bottom:1px solid #fff;
		margin:0 -20px 10px -20px;
	}
	#nav ul.menu li a{
		height:auto;
		line-height:1;
		padding:.5em 20px;
	}
	#nav ul.social{
		position:absolute;
		top:0;
		right:15px;
	}
}
@media(max-width:680px){
	.tourdates li span.date,
	.tourdates li span.venue,
	.tourdates li span.phone,
	.tourdates li span.book,
	.tourdates li span span{
		float:none;
		display:block;
		width:100%;
		text-align:center;
		padding:10px 20px 0 20px;
	}
	.tourdates li span.date,
	.tourdates li span span{
		padding-top:0;
	}
	.tourdates li span.book span.button{
		max-width:145px;
		margin:10px auto 0 auto;
		padding:15px 0;
	}
}
@media(max-width:650px){
	.posts .post .pinfo{
		padding:10px 12px;
	}
	.posts .post .excerpt{
		font-size:13px;
	}
	.posts .post .byline-date{
		font-size:11px;
	}
}
@media(max-width:640px){
	#header{
		background-image:url(../img/masthead-640.jpg);
		padding-top:130%;
	}
	#header .videowrap,
	#header .videowrap video,
	#header .overlay{
		display:none;
	}
}
@media(max-width:620px){
	h1,h2{
		font-size:28px;
	}
	h3{
		font-size:20px;
	}
}
@media(max-width:550px){
	.posts .post .pimg,
	.posts .post .pinfo{
		width:50%;
	}
}
@media(max-width:480px){
	.fleft,
	.fright{
		float:none;
		width:100%;
		max-width:100%;
		margin-left:0;
		margin-right:0;
		text-align:center;
	}
	#footer img{
		display:inline;
		margin-bottom:5px;
	}
}

/* height related */

@media(max-height:360px){
	#nav{
		overflow-y:auto;
	}
}