/*
Theme Name: Uncommon People 2020
Theme URI: http://10thpla.net
Description: Commissioned and administered by Sensoria
Author: 10th Planet and Azzure Creative
Version: 3.1
License: Private
Tags: sensoria, sheffield, music
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


@font-face {
font-family: 'Grot9';
src: url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.eot');
src: url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.eot?#iefix') format('embedded-opentype'),
  url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.woff2') format('woff2'),
  url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.woff') format('woff'),
  url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.ttf') format('truetype'),
  url('fonts/grot/016e504ac3ecf55e402c55b78ba93dcc.svg#Grot9') format('svg');
}

@font-face {font-family: 'Grotcon';
  src: url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.eot');
  src: url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.eot?#iefix') format('embedded-opentype'),
  url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.woff2') format('woff2'),
  url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.woff') format('woff'),
  url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.ttf') format('truetype'),
  url('fonts/grot-con/546b6bd78455c45bcdb3cac4498d02a8.svg#Grotesque MT Condensed') format('svg');
}


@font-face {font-family: 'Grotlightcon';
  src: url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.eot');
  src: url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.eot?#iefix') format('embedded-opentype'),
  url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.woff2') format('woff2'),
  url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.woff') format('woff'),
  url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.ttf') format('truetype'),
  url('fonts/grot-light-con/86772f7446cd26a78aa587ed98f229e9.svg#Grotesque MT Light Condensed') format('svg');
}

html, body, #uber {
/*	height:100%;
	min-height:95%;*/
	margin:0 !important;
	margin-top:0 !important;
}

* {
box-sizing:border-box;
}

body {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:16px;
	font-weight:100;
	}
	
	
h1, h2, h3, h4, h5 {
margin:0 0 .3em;
padding:0;
line-height:1.3;
font-weight:600;
}


h1 {
font-size:3em;
font-family: 'Grot9', Arial, sans-serif;
font-weight:normal;
}

h2 {
font-size:1.8em;
font-family: 'Grot9', Arial, sans-serif;
font-weight:normal;
}


h3 {
font-size:1.6em;
font-family: 'Grot9', Arial, sans-serif;
font-weight:normal;
}


h4 {
font-size:1.4em;
}


h5 {
font-size:1.1em;
}


p {
font-size:1em;
margin:0 0 .6em;
line-height:1.3;
color:#252525;
font-weight:300;
}

a:link, a:visited {
text-decoration:none;
font-weight:500;
color:#000;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

a:hover, a:active {
color:#555;
	
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

button,
input[type="submit"] {
border-radius:0;
border:none;
cursor:pointer;
}

input {
font-family: 'Montserrat', Arial, sans-serif;
}

#uber {
	position:relative;
}

img {
border:none;
}

.blackicon {
filter:invert(85%);
height:1em;
width:auto;
margin:20px 10px 0 0;
}

.whiteicon {
height:1em;
width:auto;
margin:20px 10px 0 0;
display:inline-block;
}

a.gotoconnections:link,
a.gotoconnections:visited {
color:#fff;
padding:15px 15px 15px 38px;
margin:.5em 0;
display:block;
background:#888 url(images/icon-connections-m.svg) 10px center no-repeat;
background-size:20px auto;
}

a.gotoconnections:hover,
a.gotoconnections:active {
background-color:#222;
}

.hepmask {
position:relative;
}

.hepmask img {
border-radius:0;
}

.hepmask:after {
position:absolute;
top:-1px;
left:-1px;
height:100%;
width:calc(100% + 2px);
background:url(images/hepmask.svg);
background-size:100% auto;
background-repeat:no-repeat;
background-position:-1px 0;
content:"";
border:1px solid #fff;
}

#topstrip {
display:none;
}


/*Navigation*/

#moblogo {
display:none;
}

#mobmenu,
#burger {
display:none;
}

#sidemenu {
position:fixed;
left:0;
top:0;
height:100vh;
/*background:rgba(0,0,0,.8);*/
background:#333104;
z-index:10000001;
padding:20px;
overflow:hidden;
}

#sidemenu.open {
width:240px;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#sidemenu.closed {
width:50px;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
padding:20px 12px;
}

#sidemenu #logo {
width:100%;
margin:0 0 20px 0;
padding:0;
}

#sidemenu #logo img.normal {
width:100%;
height:auto;
}

#sidemenu #logo img.reduced {
width:0;
height:auto;
}



#sidemenu ul {
margin:90px 0 0 0;
padding:0;
}

#sidemenu ul li {
margin:0 0 .4em 0;
padding:0;
list-style:none;
}

#sidemenu ul li a:link,
#sidemenu ul li a:visited {
font-family: 'Grotlightcon', Arial, sans-serif;
color:#fff;
text-transform:lowercase;
font-size:1.5em;
padding:.3em 0;
margin:0;
}

#sidemenu ul li a:hover,
#sidemenu ul li a:active {
color:#ddd;

}


#sidemenu .menu-secondary-container {
}


#sidemenu .menu-secondary-container ul {
margin:5px 0 0 0;
padding:0;
}

#sidemenu .menu-secondary-container ul li {
margin:0 0 .1em 0;
}

#sidemenu .menu-secondary-container ul li a:link,
#sidemenu .menu-secondary-container ul li a:visited {
font-size:1.2em;
background:none;
}

#sidemenu .menu-secondary-container ul li a:hover,
#sidemenu .menu-secondary-container ul li a:active {

}

#sidemenu .menu-secondary-container ul li a .widenav {
padding:0;
}

.socs {
margin:60px 0 0 0;
text-align:left;
}

.socs a:link,
.socs a:visited {
color:#fff;
padding:0 .3em 10px 0;
display:inline-block;
}

.socs a:link i,
.socs a:visited i {
font-size:1.5em;
}

.socs a:hover,
.socs a:active {
color:#ddd;
}


#sidemenu.closed .socs {
text-align:center;
}

#collapse-side-menu {
font-family:'Grotcon', Arial, sans-serif;
color:#fff;
font-weight:400;
text-transform:uppercase;
cursor:pointer;
position:absolute;
bottom:20px;
left:20px;
}

#collapse-side-menu i {
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
transition:all .6s ease;
}

.closed #collapse-side-menu i {
color:#fff;
font-size:1.3em;

-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
transform:rotate(180deg);

-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
transition:all .6s ease;
}

#collapse-side-menu .widenav {
padding:0;
}


.widenav {
display:inline-block;
padding-left:30px;
posiition:relative;
}

#sidemenu.closed .widenav {
text-indent:-500px;
}

/*#sidemenu ul li.az a:before {
font-family:'FontAwesome';
content:"\f00c";
position:absolute;
left:20px;
color:red;
}
*/

#sidemenu ul li a,
#mobmenu ul li a {
background:url(images/icon-generic.svg) 0 center no-repeat;
background-size:24px auto;
}

#sidemenu ul li.home a,
#mobmenu ul li.home a {
background:url(images/icon-park-hill.svg) 0 center no-repeat;
background-size:24px auto;
}

#sidemenu ul li.connections a,
#mobmenu ul li.connections a {
background:url(images/icon-connections-m.svg) 0 center no-repeat;
background-size:24px auto;
}

#sidemenu ul li.timeline a,
#mobmenu ul li.timeline a {
background:url(images/icon-timeline-m.svg) 0 center no-repeat;
background-size:24px auto;
}


#sidemenu ul li.az a,
#mobmenu ul li.az a {
background:url(images/icon-az-m.svg) 0 center no-repeat;
background-size:24px auto;
}


#sidemenu ul li.map a,
#mobmenu ul li.map a {
background:url(images/icon-pin-m.svg) 5px center no-repeat;
background-size:15px auto;
}

#sidemenu ul li.contribute a,
#mobmenu ul li.contribute a {
background:url(images/icon-contrib-m.svg) 5px center no-repeat;
background-size:15px auto;
}

#sidemenu .menu-secondary-container ul li a {
background-size:10px auto;
}

#sidemenu ul li.current-menu-item a:link,
#sidemenu ul li.current-menu-item a:visited {
/*opacity:.5;
color:rgba(255,243,19,.6);*/
filter:sepia(93%) saturate(3728%) hue-rotate(339deg) brightness(103%) contrast(106%);
}

/*fff313*/

/*Logo swap*/

#sidemenu.closed #logo img.normal {
width:0;
height:auto;

-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
transition:all .2s ease-in;
}

/*#sidemenu.closed #logo img.reduced {
width:100%;
height:auto;
position:relative;
margin-top:-20px;
}*/

#sidemenu.closed #logo img.reduced {
width:60%;
height:auto;
position:relative;
margin: 0 auto;
}


#squareedges {
position:fixed;
left:0;
right:0;
bottom:0;
top:0;

background:none;
z-index:10000000;

pointer-events:none;

-moz-box-shadow::0 0 25px 25px rgba(255,255,255,.9) inset;
-webkit-box-shadow:0 0 25px 25px rgba(255,255,255,.9) inset;
box-shadow:0 0 25px 25px rgba(255,255,255,.9) inset;
}

/*Top Nav*/
	
	
	#connections-uncommon-svg button,
	#connections-navigation button {
	background-color:rgba(0,0,0,.6);
	background-image:url(images/hex30w.png);
	color:#fff;
	border-radius:0;
	padding:15px;
	font-weight:300;
	font-size:1em;
	border:none;
	display:inline-block;
	}
	
	
	#connections-navigation {
	width:auto;
	display:block;
	position:fixed;
	top:10px;
	right:10px;
	z-index:1000000008;
/*	z-index:1;*/
	margin:0;
	padding:10px;
	overflow:hidden;
	background:rgba(255,255,255,.7);
	}
	
	#connections-navigation .helptop {
	float:left;
	}
	
	#connections-navigation .helptop button {
	border-radius:51%;
	height:36px;
	width:36px;
	margin:0 14px 0 0;
	line-height:0;
	font-family:'Grotcon', Arial, sans-serif;
	font-size:23px;
	font-weight:600;
	background:#fff;
	color:rgba(0,0,0,.6);
	border:2px solid rgba(0,0,0,.6);
	text-align:center;
	padding:0;
	}
	
	#connections-navigation .helptop button:hover {
	color:rgba(0,0,0,1);
	border:2px solid rgba(0,0,0,1);
	}
	
	#connections-navigation .backtop {
	float:left;
	}
	
		
	#connections-navigation .backtop button {
	height:33px;
	width:18px;
	margin:0 8px 0 0;
	padding:0;
	background:rgba(255,255,255,.5) url(images/back2.svg) no-repeat;
	background-position:0 center;
	background-size:auto 33px;
	text-indent:500px;
	}
	
	#connections-navigation .backtop button:hover {
	background:url(images/back2.svg) no-repeat, url(images/back2.svg) no-repeat;
	background-position:0 center, 0 center;
	background-size:auto 33px, auto 33px;
	}
	
	#connections-navigation .back-node {
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	float:left;
	}
	
	#connections-navigation .back-node button {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	text-transform:uppercase;
	font-size:16px;
	line-height:1;
	margin:0 13px 0 0;
	padding:0;
	text-indent:5000px;
	height:33px;
	width:28px;
	position:relative;
	top:0;
	
	background:rgba(255,255,255,.5) url(images/backstop4.svg) no-repeat;
	background-position:0 center;
	background-size:auto 33px;
	}
	
	
	
	#connections-navigation .back-node button:hover {
	background:url(images/backstop4.svg) no-repeat, url(images/backstop4.svg) no-repeat;
	background-position:0 center, 0 center;
	background-size:auto 33px, auto 33px;
	}
	
	
	#connections-navigation .helptop button:hover {
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	}
	
	#connections-navigation .search-node {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	border:none;
	background:rgba(255,255,255,.5);
	margin:0;
	padding:0;
	}	
	
	#connections-navigation .search-node input[type="text"] {
	background:rgba(255,255,255,.7);
	padding:6px;
	font-size:19px;
	height:36px;
	line-height:1;
	font-weight:300;
	display:inline-block;
	margin:0;
	border:2px solid rgba(0,0,0,.6);
	border-radius:0 !important;
	}
	
	#connections-navigation .search-node input:focus {
	background:rgba(255,255,255,1);
	border:2px solid rgba(0,0,0,1);
	outline:none;
	}


/*Pages*/

#adcol {
width:10%;
float:left;
display:bock;
overflow:hidden;
}

#page {
width:100%;
max-width:1440px;
margin:0;
padding:0 0 0 250px;

-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#page.expanded {
padding:0 0 0 60px;

-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
}

.home #main {
	position:relative;
/*	height:80%;
*/}


#main {
/*min-height:100vw;*/
margin:0;	
width:100%;
padding:0;
overflow:hidden;
}

.page #main {
padding:10px 0 0 10px;
}

.page-id-217 #main {
padding:0 0 0 10px;
}

.page-id-322 #main {
height:100vh;
}

.page #main .storycontent ul {
padding:0 0 0 1.6em;
}

.page #main .storycontent ul li {
margin:0 0 .4em 0;
color:#252525;
font-size:1em;
font-weight:300;
}

.page #main .storycontent hr {
height:1px;
background:#555;
padding:0;
margin:25px 0;
width:calc(100% - 10px);
display:block;
float:none;
clear:both;
border:none;
}

/* C O N N E C T I O N S */

/*Pulasr*/

#uncommon-loading {
	position:fixed;
	left:calc(50% - 75px);
	top:calc(50% - 75px);
	width:150px;
	height:150px;
	/*background:rgba(0,0,0,.1);*/
	background:rgba(255,243,19,.2);
	border-radius:51%;
	text-align:center;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	z-index:999999999999999;
	
	font-weight:400;
	}
	
	#uncommon-loading1 {
	position:fixed;
	left:calc(50% - 75px);
	top:calc(50% - 75px);
	width:150px;
	height:150px;/*
	background:rgba(0,0,0,.2);*/
		
	background:rgba(255,243,19,.6);
	border-radius:51%;
	text-align:center;
	
	animation: pulse 2.1s infinite;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	z-index:999999999999999;
	}
	
	@keyframes pulse {
	
	0% {transform:scale(0);}
	50% {transform:scale(1);}
	100% {transform:scale(0);}
	
	}
	
	#uncommon-loading2 {
	position:fixed;
	left:calc(50% - 25px);
	top:calc(50% - 25px);
	width:50px;
	height:50px;
	/*background:rgba(0,0,0,.3);*/
		
		background:rgba(255,243,19,.9);
	border-radius:51%;
	text-align:center;
	
	animation: pulse2 3s infinite;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	
		z-index:999999999999999;

	}
	
	@keyframes pulse2 {
	
	0% {transform:scale(.1);}
	50% {transform:scale(3);}
	100% {transform:scale(.1);}
	
	}
	
	#uncommon-loading3 {
	position:fixed;
	left:calc(50% - 25px);
	top:calc(50% - 25px);
	width:50px;
	height:50px;
	background:rgba(0,0,0,.05);
	border-radius:51%;
	text-align:center;
	
	animation: pulse3 6.1s infinite;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	
		z-index:999999999999999;

	}

	
	@keyframes pulse3 {
	
	0% {transform:scale(.1);}
	50% {transform:scale(8);}
	100% {transform:scale(.1);}
	
	}
	
	
	#uncommon-loading4 {
	position:fixed;
	left:calc(50% - 41px);
	top:calc(50% - 8px);
	width:85px;
	height:50px;
	text-align:center;
		
		font-size: 16px;
		
		animation: textcol 5s infinite;
	
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out ;
	transition:all 1s ease-out;
	
		z-index:999999999999999;

	}

@keyframes textcol {
	50% {color: rgba(0,0,0,0);}
	
	100% {color: rgba(0,0,0,1);}
}
	
	
	#uncommon-loading5 {
	position:fixed;
	left:calc(50% - 25px);
	top:calc(50% - 25px);
	width:50px;
	height:50px;
	/*background:rgba(0,0,0,.1);*/
		background:rgba(255,243,19,.2);
	border-radius:51%;
	text-align:center;
	
	animation: pulse3 8.3s infinite;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	
		z-index:999999999999999;

	}
	
		@keyframes pulse5 {
	
	0% {transform:scale(10);}
	50% {transform:scale(0);}
	100% {transform:scale(10);}
	}	
		
	#uncommon-loading.done {
	
	display:none !important;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	}

/*Screen One

.band-circle.primary {
	transform-origin: center center;
	transform: scale(1.2);
	
}

.band-circle.secondary {
	transform-origin: center center;
	transform: scale(1.1);
}

#uncommon-svg .band-circle.secondary + .d3plus-textBox text {
	transform-origin: center center !important;
	transform: scale(1.1) !important;
	text-align:center;
	background:red;
}


.band-circle.tertiary {

}
*/

/*Band Line*/

#uncommon-svg {

	/*	-webkit-transform:rotateX(15deg) rotateY(0) rotateZ(-3deg) scale(1.25);
		-webkit-transform-origin:0 0;
		-webkit-perspective:10px;

		transform:rotateX(15deg) rotateY(0) rotateZ(-3deg) scale(1.25);
		transform-origin:50% 0;
		perspective:10px;
		
		-moz-transform:rotateX(15deg) rotateY(0) rotateZ(-3deg) scale(1.25);
		-moz-transform-origin:0 0;
		-moz-perspective:10px;
		
		-webkit-transition:all 12s ease-out;
		-moz-transition:all 12s ease-out;
		transition:all 12s ease-out;*/
		
		
		/*-webkit-transform:rotateX(7.5deg) rotateY(0) rotateZ(-1.5deg) scale(1.25);
		-webkit-transform-origin:0 0;
		-webkit-perspective:10px;

		transform:rotateX(7.5deg) rotateY(0) rotateZ(-1.5deg) scale(1.25);
		transform-origin:50% 0;
		perspective:10px;
		
		-moz-transform:rotateX(7.5deg) rotateY(0) rotateZ(-1.5deg) scale(1.25);
		-moz-transform-origin:0 0;
		-moz-perspective:10px;
		
		-webkit-transition:all 12s ease-out;
		-moz-transition:all 12s ease-out;
		transition:all 12s ease-out;*/
		
		
		-webkit-transform:none !important;
	
		transform:none !important;
		
		-moz-transform:none !important;
	
		
}
	
	#uncommon-svg .link-layer .band-line {
		stroke: rgba(255,243,19,.75);
		stroke-width: 3;
	}
	
	
	
	#uncommon-svg .band-members .band-member {
		/*cursor:url(images/i.png), pointer;*/
		cursor:pointer;
	}
	
	/*Person's Name*/
	
	#uncommon-svg .band-members .band-member .band-title {
		
		font-family: 'Grotcon', sans-serif !important;
		font-weight: 300;
		paint-order: stroke;
		/*text-shadow:0 0 4px rgba(255,255,255,1);*/
		stroke: rgba(255,255,255,.5);
		stroke-width: 3px;
			
	}
	
	
	
	/*Person Line*/
	
	#uncommon-svg .band-lines .band-line { 
		stroke: rgba(0,0,0,.15);
		stroke-width: 5;
	}
	

#uncommon-svg .band-parent text {
		font-family: 'Grotcon', sans-serif !important;
		font-size: 24px;
		font-weight: 300;
		color:#006600;
	/*	fill: black;*/
		paint-order: stroke;
		/*stroke: rgba(255,255,255,.9);
		stroke-width: 2;
    stroke-linecap: butt;
    stroke-linejoin: miter;*/
	text-anchor: middle;
	/*text-shadow:0 0 7px rgba(255,255,255,.8);*/
	/*filter:blur(10px);*/
	}
	
	

/*Newhome*/

.page.page-template-page-templateshome-page-php #main {
padding:0;
background:#fff313;
}

.page.page-template-page-templateshome-page-php #footer p,
.page.page-template-page-templateshome-page-php #footer a {
color:#444;
}

.page.page-template-page-templateshome-page-php h2 {
color:#fff;
font-family: 'Grot9', Arial, sans-serif;
font-weight:100;
font-size:1.9em;
}

#homestatic {
width:100%;
height:40vw;
position:relative;
background-size:auto 30vw;
background-repeat:no-repeat;
background-position:40% center;
padding:0;
background-color:#fff313;
}

#dont-do-it {
height:2vw;
width:calc(100% - 5.5vw);
left:0;
position:absolute;
top:calc(50% - 1vw);
background:#fff;
}

#thickcircle {
width:12vw;
height:12vw;
border:2vw solid #fff;
border-radius:51%;
top:calc(50% - 6vw);
background:#fff313;
position:absolute;
right:5vw;
}

#herologo {
position:absolute;
top:13.3vw;
left:calc(100% - 15vw);
width:37vw;
left:40vw;
}

#herologo img {
width:83%;
height:auto;
display:block;
}

#herologo p {
font-size:1vw;
margin:1.1vw 0 0 0;
color:#000;
font-weight:400;
}


form#homesearch {
position:relative;
overflow-y:visible;
overflow-x:visible;
display:block;
margin:0;
padding:0;
}

form#homesearch input[type="text"]{
border:3px solid #fff313;
background:#fff;
width:calc(100% - 25px);
padding:10px 35px 10px 4px;
font-size:14px;
height:30px;
margin:15px 0 0 0;
}

form#homesearch input[type="text"]:focus {
outline:none;
border-color:#000;
}


form#homesearch input[type="submit"] {
/*background:rgba(0,0,0,.1);
position:absolute;
right:0;
bottom:1px;
top:16px;
z-index:1000;
border:none;*/

background:#fff313;
position:absolute;
right:0;
width:50px;
height:50px;
top:4px;
z-index:1000;
border:5px solid #fff;
border-radius:51%;
padding-top:5px;
}

#homestatic.expanded {
}

/*#homestatic:after {
content:"x";
position:absolute;
bottom:0;
left:0;
width:100%;
height:50%;
background-image:linear-gradient(to top,rgba(0,0,0,1) 10%,rgba(0,0,0,0));
z-index:1;
}

#homestatic .caption {
position:absolute;
bottom:50px;
height:auto;
color:#fff;
z-index:2;
left:250px;
}

#homestatic .caption h1 {
color:#fff;
margin:0;
}

#homestatic .caption p {
color:#fff;
font-size:.8em;
margin:0;
}


#homestatic .caption a:link,
#homestatic .caption a:visited {
color:#ddd;
}

#homestatic.expanded .caption {
left:60px;
}


#homestatic .caption h1 {
font-size:3.1em;
}

#homestatic .caption span {
font-size:35%;
display:block;
line-height:1;
text-transform:uppercase;
font-family: 'Montserrat', Arial, sans-serif;
font-weight:100;
color:#fff;
}
*/

#page.black {
background:#000;
color:#fff;
overflow:hidden;
}

#page.black h1,
#page.black h2,
#page.black h3,
#page.black h4,
#page.black p {
color:#fff;
}

#page.black a:link,
#page.black a:visited {
color:#bbb;
}

#page.black a:hover,
#page.black a:active {
color:#ddd;
}

#page.yellow {
background:#fff313;
color:#000;
overflow:hidden;
max-width:none;
}

#page.yellow h1,
#page.yellow h2,
#page.yellow h3,
#page.yellow h4,
#page.yellow p {
color:#000;
}

.maxscreen {
width:100%;
max-width:980px;
margin:0 auto;
padding:0;
}

.third {
width:33%;
box-sizing:border-box;
padding:20px;
margin:0;
overflow:hidden;
float:left;
}

.third:first-of-type {
padding-left:0;
}

.third:last-of-type {
padding-right:0;
}


.quarter {
width:calc(25% - 20px);
box-sizing:border-box;
padding:0 10px;
margin:0 10px 20px 10px;
overflow:hidden;
float:left;
display:block;
text-align:center;
}

.quarter:first-of-type {
margin-left:0;
}

.quarter:last-of-type {
margin-right:0;
}

.quarter h2 {
font-size:1.2em;
}

.quarter img {
width:100%;
height:auto;
}

.fullwidth {
width:100%;
float:none;
clear:both;
overflow:hidden;
display:block;
box-sizing:border-box;
padding:20px 0;
}

a.contriblink:link,
a.contriblink:visited {
width:100%;
font-size:1vw;
font-weight:400;
color:#000;
text-align:center;
display:block;
float:none;
clear:both;
margin:30px auto 0 auto;
}

a.contriblink:hover,
a.contriblink:active {
}

a.contriblink:hover,
a.contriblink:active {
}

a.contriblink span {
display:inline;
}

span.con1 {
text-align:right;
}

span.con2 {
text-align:center;
color:#fff;
font-size:4em;
font-weight:800;
line-height:.5;
margin:0;
padding:0;
position:relative;
top:.2em;
}

span.con1 {
text-align:left;
}

.home #full-foot {
 position:relative;
 }

.home #logofoot {
	display:none;
	bottom:57px;
	height:127px;
	left:0;
	width:384px;
}
.home #full-foot {
	bottom:0;
	left:0;
	width:100%;
}

#home-content {
	font:Arial, Helvetica, sans-serif;
	width: 846px;
}


#home-foot {
	font:Arial, Helvetica, sans-serif;
	height: 108px;
	width: 850px;
	clear: both;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#home-foot-copyright {
	float:left;
	padding: 0px;
	width: 222px;
	text-align: right;
	margin:47px 0 0 0;
	
}
#home-foot-copyright p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #fff;
	margin:0 0 5px 0;
}

#home-foot-copyright a {
color:#fff;

}
#home-left {
	float: left;
	width: 200px;
	border: 1px solid #66CCFF;
	background-image: url(images/left.png);
	height: 256px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position: relative;
}
#home-flashholder {
	vertical-align: bottom;
	position: absolute;
	height: 150px;
	width: 200px;
	bottom: 5px;
}

.homebottom {
height:100px;
white-space:100%;
}


#linkList li {
	margin-left:32px;
}

#profile {
	margin: auto;
	width:800px;
}
#left {
	float:left;
	width:300px;
	margin-right:20px;
}
#right {
	float:left;
	width:480px;
}
#image {
	height:300px;
	margin-bottom:20px;
}
#members {
font:Arial, Helvetica, sans-serif;
padding:0px;
margin:5px;
color: #009FEA;
}
#members li {
	display:block;
	font-size:0.9em;
	list-style:none;
	width:300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #009FEA;
	padding: 0px;
}
#members li span {
font:Arial, Helvetica, sans-serif;
color: #009FEA;
	font-size:0.8em;
}
#bio {
 font-size:.85em;
 line-height:1.3em;

}

#bio p {
 color:#333;
 margin:0 0 .8em 0;
}

#mediaBlock li {
	list-style:none;
}

/*#footer {
	float: none;
	clear:both;
	position:fixed;
	bottom:0;
	width: 100%;
	height:80px;
	padding:0 20px 0 0;
	margin:0;
	text-align:right;
	z-index:10000000;
	pointer-events:none;
	box-sizing:border-box;
}

.home #footer {
position:relative;
background:#fff313;
color:#666;
pointer-events:auto;
}

.page-template-page-contribute-2020 #footer,
.page-id-243 #footer,
.page-id-15 #footer {
position:relative;
color:#666;
pointer-events:auto;
}*/

.azz {
color:#696969;
font-size:12px;
position:absolute;
right:15px;
bottom:10px;
}

.azz a:link,
.azz a:visited {
color:#999;
}

#footer {
position:relative;
color:#666;
pointer-events:auto;
}

.home #footer {
position:relative;
background:#fff313;
color:#666;
pointer-events:auto;
}

.page-template-page-map #footer,
.page-id-217 #footer { /*Connections and Map page override*/
	float: none;
	clear:both;
	position:fixed;
	bottom:0;
	width: 100%;
	height:80px;
	padding:0 20px 0 0;
	margin:0;
	text-align:right;
	z-index:10000000;
	pointer-events:none;
	box-sizing:border-box;
}


#footer p {
	font-size: 12px;
	color: #111;
	padding:0;
		text-align:right;
margin:0;
text-shadow:0 0 5px rgba(255,255,255,.8);
}

.home #footer img {
filter:invert();
}

.home #footer p {
color:#666;
}


#footer a:link,
#footer a:visited {
color:#111;
}


.home #footer a:link,
.home #footer a:visited {
color:#444;
}

#footer .footlogo {
display:inline;
filter:drop-shadow(0 0 3px rgba(0,0,0,.7));
margin:0 0 5px 0;
width:130px;
height:auto;
}

.post {
	margin: 15px 0;
}
.post .storytitle {
	margin-bottom:15px;
}
.post .meta {
	font-size:0.8em;
	margin:5px 0;
}

/*Popups*/

#uncommon-popup {
margin:0 auto;
position:absolute;

		z-index: 100000000010;
		background-color: rgba(255, 255, 255, 0.95);
		overflow: hidden;
		width: 50%;
		border: 1px solid #ccc;
		display: none;
		padding:40px 20px 20px 20px;
		left:25%;
		top:5vh;
		bottom:5vh;
}

#uncommon-popup #bp-up {
overflow-x:hidden;
overflow-y:auto;
height:100%;
}

#uncommon-popup #bp-up #bp-title {

}

#uncommon-popup #bp-up #bp-title p.popup-info {
position:absolute;
top:10px;
right:10px;
}

#uncommon-popup #bp-up #bp-col-1 {
overflow:hidden;
padding:0;
margin:0;
}

#uncommon-popup #bp-up #bp-col-1 h1 {
font-size:2em;
}

#uncommon-popup #bp-up .member {
margin:0 0 .4em 0;
padding:0;
}

#uncommon-popup #bp-up .member p.member-name {
font-size:.9em;
font-weight:400;
margin:0 0 .2em 0;
line-height:1.2;
}

#uncommon-popup #bp-up .member p.member-info {
font-size:.7em;
font-weight:300;
margin:0;
line-height:1;
}


#uncommon-popup #bp-up #bp-col-2 {
overflow:hidden;
padding:0 10px;
margin:0;
}

#uncommon-popup #bp-up #bp-col-2 p {
font-size:.8em;
line-height:1.4;
margin:0 0 .4em 0;
}

#uncommon-popup #bp-up #bp-col-3 {
overflow:hidden;
}

#uncommon-popup #bp-up #bp-col-3 h5 {
font-weight:300;
font-size:.8em;
margin:0 0 .5em 0;
}


#uncommon-popup #bp-up #bp-col-3 .popup-image {
width:100%;
margin-bottom:5px;
}

#uncommon-popup #bp-up #bp-col-3 .popup-image img {
max-width:100%;
height:auto;
display:block;
}



/* 2011 stuff */


#socialbuts {
float:left;
}

#slogan {
font-size:15px;
color:#999999;
font-weight:bold;
width:490px;
overflow:hidden;
margin:3px 0 10px 15px;
float:left;
}


#full-foot {
width:100%;
height:73px;
background-image: url(images/footbg.png);
background-repeat:repeat-x;
color:#FFFFFF;
clear:both;
}

#full-foot-inner {
width:960px;
height:73px;
margin:0 auto;
}

#logofoot {
margin:20px 0 10px 20px;
display:none;
}

.socialpanel {
width:296px;
height:423px;
overflow:hidden;
margin:20px 12px 0 12px;
float:left;
display:none;
}

.feedback {
display:none;
}

/* Map */

.page-template-page-map #main {
padding:0;
margin:0;
}



.googlemap {
/* background:url(images/bluemap.jpg) left top no-repeat; */
	width:100vw;
height: 100vh;
overflow:hidden;
clear:both;
margin:0;
}

#mapWrapper {
	position: relative;
	float: left;
	width:100%;
height: 100%;
margin:0;
}

#map-controls {
background:url(images/mapcontrollerfader.png) left -10px;
height:20px;
width:936px;
clear:both;
padding:10px;
border-bottom:1px solid #CCC;
margin:0 0 20px 0;
position: absolute;
top: 0px;
left: 0px;
}

/*#locationInfo {
	position: absolute;
	right:0;
	top:40px;
	height: 760px;
	width: 312px;
	background: url(images/leftcut3.png) left top repeat-y;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
}

#locationInfo {
	position: absolute;
	left:0;
	top:40px;
	width: 450px;
	overflow: hidden;
	display: none;
		background: url(/images/leftcut5.png) left 60px repeat-x;
		padding-bottom:5px;

}*/

#locationInfo {
	position:absolute;
	left:calc(50% - 290px);
	top:20px;
	width: 580px;
	overflow: hidden;
	display: none;
	background:#fff;
	padding-bottom:5px;
	z-index:99999;
}

.loctitle {
display:block;
background:#fff;
color:#000;
font-size:1.8em;
padding:10px;
font-family:'Grot9', Arial, sans-serif;
font-weight:100;
}


.lochistory {
color: #333;
font-size:.9em;
padding:5px;
margin:0 0 .3em 0;
width:58%;
float:left;
}

.lochistory p {
color: #333;
font-size:.9em;
padding:5px;
margin:0 0 .3em 0;
}

.locdates {
background:#CCC;
color:#FFFF;
font-size:.9em;
padding:4px;
}

.locphoto {
overflow:hidden;
background:#666;
float:left;
text-align:center;
clear:both;
width:40%;
margin:1%;
}

.locphoto img {
width:100%;
height:auto;
margin:0;
}


.locaddress {
font-size:1em;
color:#000;
padding:5px 10px;
}

.loccurrent {
padding:3px;
background:#fff;
color:#666;
font-size:.8em;
}

.locconnections {}
.loclink {
padding:5px;
}

.loclink a:link,
.loclink a:visited {
padding:5px 10px;
margin:15px 10px 15px 0;
float:right;
background:#333;
color:#fff;
font-size:.7em;
text-transform:uppercase;
}

.loclink a:hover, .loclink a:active {
background:#000;
color:#fff;
}

#locclose {
float:right;
padding:5px;
cursor:pointer;
}

#map-controls ul {
display:block;
overflow:hidden;
clear:both;
}

#map-controls ul li {
margin:0 22px 0 0;
font-size:19px;
float:left;
display:block;
list-style:none;
font-weight:bold;
font-size:16px;
}

#map-controls ul li a:link, #map-controls ul li a:visited {
color:#0066CC;
}

#map-controls ul li a:hover, #map-controls ul li a:active {
color:#0066CC;
}

#mapoverlay {
width:100%;
position:absolute;
font-size:12px;
font-weight:bold;
top:0px;
left:0px;

}

#mapoverlay {

}

/* search form */
/*#azsearch {
	padding:0;
	margin:0;
	position:fixed;
	left:20px;
	bottom:65px;
	width:200px;
	z-index:10000002;
	border-bottom:1px solid #fff;
}*/

#az-head {
position:fixed;
top:10px;
right:10px;
z-index:1000000000;
text-align:right;
height:37px;
background:rgba(255,255,255,.6);
}

form#azsearch {
	padding:0;
	margin:0;
	position:relative;
	width:200px;
}

#azsearch input.ac {
	border:2px solid rgba(0,0,0,.6);
	font-size:1em;
	color:#999;
	background:none;
	display:inline-block;
	margin:0;
	padding:5px;
	width:calc(100% - 34px);
	line-height:1;
	border-radius:0 !important;
}

#azsearch .ac:focus {
outline:none;
border:4px solid rgba(0,0,0,1);
border-radius:0 !important;
}

#azsearchbutton {
width:30px;
height:33px;
border:none;
display:inline-block;
padding:0;
margin:0;
top:-2px;
line-height:0;
position:relative;
background:none;
color:#fff;
background:rgba(0,0,0,.6);
}

#azsearchbutton:hover {
	background:#ddd;
	color:#fff;
}
.ac_result {
	background:#fff;
	border:none;
	max-height:400px;
	max-width:250px;
	position:absolute;
	z-index:10000003;
	/* this might be bad but stops it jumping out of its box */
	overflow:auto;
	top:60px;
}

.ac_result ul {
margin:0;
padding:0;
}

.ac_result ul li {
font-size:.8em;
list-style:none;
padding:8px 7px 8px 7px;
font-weight:400;
color:#111;
background-color:#fff;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

.ac_result .row1 {
	background-color:#eee;
}


.ac_result li:hover {
	background-color:#000;
	cursor:pointer;
	color:#fff;
	
	-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}


.ac_result .selected {
	background-color:#000;
	cursor:crosshair;
	color:#fff;
}

.ac_result .selected a {
color:#fff;
}


.ac_result .name {
	display:block;
}
.ac_result .bands {
	font-size:.8em;
}

.ac_result .row_p {
/* This was the offending head icon: background:url(../images/person.png) no-repeat left center; */
background:#fff;
}

.ac_result .row_b {
/* This was the offending guitar icon: background:url(../images/band.png) no-repeat left center; */
background: #ccc;

}

#contrib {
font-size:.9em;
color:#fff;
background:#555;
position:absolute;
left:0;
bottom:-1px;
display:block;
width:100%;
padding:10px;
text-align:center;
}

#azsearch submit#addBand {
border-radius:0;
border:none;
}

/* Map Viewer*/
.map-box {
width:580px;
height:400px;
display:block;
position:fixed;
z-index:99999;
padding:8px;
background:#fff;
outline:#CCC 1px solid;
right:20px;
top:170px;


-webkit-box-shadow: #666 0px 2px 10px;
-moz-box-shadow: #666 0px 2px 10px;
box-shadow: #666 0px 2px 10px;
behavior: url(/PIE.htc);
}

.map-box h1 {
font-size:19px;
margin:0 0 2px 0;
color:#3399CC;
}

.map-box h2 {
font-size:12px;
margin:0 0 5px 0;
}

.map-box h3 {
font-size:11px;
margin:0 0 2px 0;
color:#666;
}

.map-box p {
font-size:12px;
margin:0 0 3px 0;
color:#666;
}

.map-box-words {
height:200px;
overflow: auto;
margin:0 0 8px 0;
}

.map-box-today {
margin:0 0 8px 0;
}


.map-box-photos {
overflow:hidden;
margin:-8px 0 5px 8px;
padding:5px 0 10px 12px;
width:60px;
float:right;
/*border-left:solid 1px #3399CC;*/
background:url(images/leftcut2.png) -18px 0 repeat-y;
height:100%;
}

.map-box-photos ul {}

.map-box-photos ul li {
 width:50px;
 height:50px;
 border:#006699 1px solid;
 float:left;
 display:block;
 margin:5px 10px 5px 0;
 background:#fff;
 }
 
.map-box-links {
overflow:hidden;
margin:0 0 5px 0;
padding:0 0 10px 0;
height:100px;
}

.map-box-bandlinks {
float:left;
margin:0;
overflow:hidden;
padding:0 0 10px 0;
}

.map-box-bandlinks ul {
padding:0;
margin:0 0 5px 0;
}

.map-box-bandlinks ul li {
list-style:none;
margin:0 5px 0 0;
float:left;
display:block;
font-size:10px;
}

.map-box-otherlinks {

margin:0;
}

.map-box-otherlinks ul {
padding:0;
margin:0;
}

.map-box-otherlinks ul li {
list-style:none;
margin:0 5px 0 0;
float:left;
display:block;
font-size:10px;
}

#newforms {
float:none;
width:calc(100% - 20px);
}

/*Map Detail Page */
.back-to-map {
width:100%;
float:none;
clear:both;
padding:20px 0;
}

.back-to-map a {
font-size:.9em;
}

#landing-left {
width:20%;
margin:20px 0;
padding:0;
float:left;
overflow:hidden;
}

#landing-left #googlemap {
background:#fff313;
width:100%;
height:270px;
}

#landing-left p {
margin:0 0 13px 0;
font-size:1em;
line-height:1.35em;
}

#landing-main {
float:left;
margin:20px 0;
width:55%;
overflow:hidden;
box-sizing:border-box;
padding:0 30px;
}

#landing-main p {
color:#333;
margin:0 0 13px 0;
font-size:15px;
line-height:1.35em;
}

#landing-main h1 {
color:#000;
margin:0 0 13px 0;
font-size:2em;
}

#landing-main h2 {
color: #999;
margin:-10px 0 13px 0;
font-size:.75em;
text-transform:uppercase;
font-weight:normal;
}

/*#landing-left ul li {
background:url(images/lifade.png) bottom repeat-x;
padding:12px;
list-style:none;
margin:5px 5px 9px 0;
overflow:hidden;
border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #e0e0e0;
}

#landing-left ul li:hover {
background:#e0e0e0;
}
*/

#landing-left ul {
margin:0 0 30px 0;
padding:0;
float:none;
overflow:hidden;
}

#landing-left ul li {
display:inline-block;
font-size:.9em;
background:#ddd;
padding:4px;
list-style:none;
margin:3px 3px 0 0;
overflow:hidden;
}

#landing-left ul li:hover {
background:#e0e0e0;
}

#landing-left ul.weblinks li {
background:none;
padding:0;
margin:0 0 10px 0;;
display:block;
float:none;
}

#landing-ims {
width:15%;
margin:20px 0;
float:left;
overflow:hidden;
}

#landing-ims img {
width:100%;
height:auto;
margin:0 0 5px 0;
padding:0;

}

.clearer {
clear:both;
}

.clear100 {
clear:both;
width:100%;
padding:0;
margin:0;
}

.tabtop {
width:646px;
height:46px;
margin:-46px 0 0 0;
overflow:hidden;

}

#contband {

border: 1px solid #ccc;

}

#contloc {
display:none;
border: 1px solid #ccc;


}

.bandbut-on {

width:310px;
height:40px;
background:#fff;
padding:5px;
float:left;
cursor:arrow;
border: 1px solid #ccc;
border-bottom: #fff;
font-size:32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#009FEA;


border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.locbut-on {

width:310px;
height:40px;
background:#fff;
padding:5px;
float:right;
cursor:arrow;
border: 1px solid #ccc;
border-bottom: #fff;
font-size:32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#009FEA;

border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.bandbut-off {

width:310px;
height:38px;
background:#009FEA;
padding:5px;
float:left;
cursor:pointer;
border: 1px solid #ccc;
border-bottom: #fff;
margin:2px 0 0 0;
font-size:32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;

border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.bandbut-off:hover, .locbut-off:hover {
background:#006699;
}

.locbut-off {

width:310px;
height:38px;
background:#009FEA;
padding:5px;
float:right;
cursor:pointer;
border: 1px solid #ccc;
border-bottom: #fff;
margin:2px 0 0 0;
font-size:32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;

border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.credits {
padding:20px 0;
overflow:hidden;
}



.contriblabel {
display:block;
float:left;
margin-right:20px;
width:280px;
}

.toggle {
display:none;
}

a.toggler {
width:100%;
display:block;
background:rgba(133,180,94,1);
padding:10px 15px;
cursor:pointer;
margin:5px 0 5px 0;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
clear:both;
}


a.toggler:hover {
background:rgba(123,170,84,1) url(/images/downarrow.png) no-repeat right center;
border-color:#555;
}

.backtomap {
font-size:10px;
margin:0;
}

li.ind_form .form {
	display: none;
}

.open_close a {
	display: block;
	width: 25px;
	height: 26px;
	background: url(/images/open-close-sprite.png) 0 0;
}

h3 span {
	float: right;
}

.error {
	font-size: 10px;
}

#mapfromaz ul {
font-size:1em;
margin:0;
padding:0;
}


#mapfromaz ul li {
list-style:none;
margin:0 0 .5em 0;
}

#pusher {
overflow:hidden;
clear:both;
margin:0 0 50px 0;
padding-left:55px;
}

#pusher.expanded {
overflow:hidden;
clear:both;
margin:0 0 50px 0;
padding-left:255px;
}


#flashContent {
border:1px solid #CCCCCC;
width:980px;
margin:0;
padding:0;
}

/*#left_col {
width:290px;
}
*/


.listleft {
width:40px;
overflow:hidden;
margin:0 5px 0 0;
float:left;
text-align: center;
}

.listright {
width:232px;
overflow:hidden;
margin:0;
float:left;
color:#0066CC;
}

#undermap {
width:950px;
margin:20px auto;
position:relative;
height:85px;
}

#ae {
width:200px;
float:left;
margin:0;
}

#eine {
width:738px;
position:absolute;
bottom:0;
right:0;
font-size:12px;
text-align:right;
}

/* Tours */
/*#mapmenu {
position:absolute;
z-index:9990;
top:10px;
left:10px;
height:38px;
padding:0;
width:150px;
background:#fff;
overflow:hidden;

-webkit-box-shadow: #999 0px 1px 5px;
-moz-box-shadow: #999 0px 1px 5px;
box-shadow: #999 0px 1px 5px;
behavior: url(/PIE.htc);


-webkit-transition: width .5s ease-out .1s;
moz-transition: width .5s ease-out .1s;
o-transition: width .5s ease-out .1s;
transition: width .5s ease-out .1s;


}*/


#mapmenu {
position:absolute;
z-index:999;
overflow:hidden;
background:rgba(255,255,255,.9);
top:70px;
right:10px;
padding:20px;
}

#mapmenu #tourlabel {
padding:10px;
font-size:18px;
}

#tourlabel {
padding:10px;
margin:0;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
color:#0099CC;
}

#tourlist {
padding:0;
position:relative;
overflow:hidden;
margin:0;
}

#tourlist ul {
margin:0;
padding:0;
clear:both;
}

#tourlist ul li {
padding:0;
margin:0 0 1em 0;
list-style:none;
font-size:1em;
font-family:'Grotcon', Arial, sans-serif;
font-weight:100;
}

#tourlist ul li a {
padding:5px 0 5px 26px;
}

/*.page-template-page-map-php {
background-position:0 55px;
}*/

#secondmenu {
width:960px;
position:absolute;
top:116px;
z-index:99999;
height:28px;
overflow:visible;
}


#tourapp {
display:none;
-webkit-transition: all .5s 1s;
moz-transition: all .5s 1s;
o-transition: all .5s 1s;
transition: all .5s 1s;
}

#mapmenu:hover #tourapp {
display:block;
background:url(images/iphone.png) no-repeat left top;
padding:5px 5px 5px 40px;
width:100px;
position:absolute;
top:120px;
left:5px;

cursor:pointer;

-webkit-transition: display .5s 1s;
moz-transition: display .5s 1s;
o-transition: display .5s 1s;
transition: display .5s 1s;

}

#mapmenu:hover #tourapp:hover {
display:block;
background:url(images/iphone2.png) no-repeat left top;
}

#tourapp h1 {
font-size:12px;
font-weight:bold;
color:#006699;
}

#tourapp p {
font-size:11px;
font-weight:normal;
color:#666;
margin:0 0 5px 0;
}

li.tour-2 a:link, li.tour-2 a:visited {
/*color:#66CC33;*/
color:#000;
background:url(images/marker2.png) no-repeat left center;
}

li.tour-5 a:link, li.tour-5 a:visited {
/*color:#222;*/
color:#000;
background:url(images/marker5.png) no-repeat left center;
}

li.tour-6 a:link, li.tour-6 a:visited {
/*color: #009999;*/
color:#000;
background:url(images/marker6.png) no-repeat left center;
}

li.tour-7 a:link, li.tour-7 a:visited {
/*color: #CC0000;*/
color:#000;
background:url(images/marker7.png) no-repeat left center;
}

li.tour-8 a:link, li.tour-8 a:visited {
/*color: #333366;*/
color:#000;
background:url(images/marker8.png) no-repeat left center;
}

li.tour-9 a:link, li.tour-9 a:visited {
/*color: #FF6600;*/
color:#000;
background:url(images/marker9.png) no-repeat left center;
}


li.tour-2 a:hover, li.tour-2 a:active,
li.tour-5 a:hover, li.tour-5 a:active,
li.tour-6 a:hover, li.tour-6 a:active,
li.tour-7 a:hover, li.tour-7 a:active,
li.tour-8 a:hover, li.tour-8 a:active,
li.tour-9 a:hover, li.tour-9 a:active
{
color:#06C;
}


.phm {
background:#0033FF !important;
}

/*Contributions*/
#norm {
width:100%;
max-width:1440px;

padding: 0 20px 0 60px;

-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
}

#norm.expanded {
padding: 0 0 0 250px;

-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out;
}


#contributes {
	float:right;
	margin:0;
	width:200px;
}

#contributes ul {
margin:0;
padding:0;
background:#fff;
}

#contributes ul li {
	font-size:1em;
	list-style:none;
	margin:0 0 10px 0;
	width:200px;
	background:#ddd;
}

#contributes ul li .infos {
	 background:#ddd;
	 margin:0 0 10px 0;
	 border:none !important;
}

#contributes ul li .infos .m_title {
	display:none;
}


#contributes .image {
	text-align:center;
	width:200px;
}
#contributes img {
	height:auto;
	max-height:300px;
	max-width:200px;
	width:auto;
}

#contributes .infos {
	padding:10px 5px;
	font-size:.7em;
	background:#fff;
	margin:0 0 10px 0;
	border:2px dashed #ddd;
}

#contributes .m_title {
	display:block;
	font-size:1.2em;
}

#contributes .infos .m_title {
	display:block;
	font-size:1em;
	font-weight:400;
	margin:0 0 .2em 0;
}

#contributes .infos .from {
	display:block;
	font-size:.9em;
	font-weight:300;
	margin:0 0 .2em 0;
}


#contributes .infos .linked {
	display:inline-block;
	font-size:.9em;
	font-weight:300;
	margin:0 0 .3em 0;
}

#contributes .infos .m_add {
	display:block;
	font-size:.9em;
	font-weight:300;
	margin:.1 0 0 0;
}



/*Contrib Form*/

fieldset {
border:none;
margin:0;
padding:0;
}

label.fulllabel {
width:100%;
float:none;
clear:both;
}

#contribute2020 {
display:block;
overflow:hidden;
width:calc(100% - 215px);
margin:30px 0 20px 0;
padding:0;
}

#contribute2020 #innertabs {
margin:20px 0;
display:block;
overflow:hidden;
clear:both;
float:none;
}


#contribute2020 .tab {
width:100%;
margin:0;
padding:0;
overflow:hidden;
}

#contribute2020 .tab button.tablinks {
width:33.3%;
margin:0;
padding:0;
overflow:hidden;
box-sizing:border-box;
background:#fff;
color:#000;
float:left;
display:block;
padding:20px 0;
text-align:center;

font-family:'Grot9', Arial, sans-serif;
font-size:1.8em;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

#contribute2020 #innertabs .innertab button.innertablinks {
width:33.3%;
margin:0;
padding:0;
overflow:hidden;
box-sizing:border-box;
background:#fff313;
color:#000;
float:left;
display:block;
padding:10px 0;
text-align:center;

font-family:'Grot9', Arial, sans-serif;
font-size:1.6em;
}

#contribute2020 #innertabs .innertab button.innertablinks.active {
background:#fff;
}

#contribute2020 .tab button.tablinks.active {
background:#fff313;
color:#000;
}

#contribute2020 .tabcontent {
width:100%;
box-sizing:border-box;
padding:30px;
background:#fff313;
display:none;
float:none;
clear:both;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

#contribute2020 #innertabs .innertabcontent {
width:100%;
box-sizing:border-box;
padding:20px;
background:#fff;
display:none;
float:none;
clear:both;
min-height:300px;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}



#contribute2020 .tabcontent label {
font-size:.9em;
font-weight:300;
}

#contribute2020 .tabcontent input[type="text"],
#contribute2020 .tabcontent textarea {
border:1px solid rgba(0,0,0,.2);
padding:5px;
font-size:1em;
margin:5px 0 10px 0;
width:100%;
color:#222;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

#contribute2020 .tabcontent textarea {
min-height:200px;
}


#contribute2020 .tabcontent .full {
width:100%;
float:none;
clear:both;
}

#contribute2020 .tabcontent .half {
width:calc(50% - 3px);
float:left;
margin:0 3px 0 0;
}

#contribute2020 .tabcontent .half.even {
width:50%;
float:left;
margin:0;
}


#contribute2020 .tabcontent .adder {
float:none;
clear:both;
display:block;
overflow:hidden;
margin:5px 0 5px 0;
}

#contribute2020 .tabcontent .newadd {
text-align:right;
margin:0 0 20px 0;
}

#contribute2020 .tabcontent .adder .left {
width:calc(100% - 35px);
margin:0 5px 0 0;
float:left;
}

#contribute2020 .tabcontent .adder .right {
width:30px;
margin:5px 0;
float:left;
}

#contribute2020 .tabcontent .adder .right button {
width:30px;
height:30px;
background:#000;
color:#fff;
font-weight:900;
line-height:1;
font-size:1.4em;
}

#contribute2020 .tabcontent button.add-person,
#contribute2020 .tabcontent button.add-band,
#contribute2020 .tabcontent button.add-av {
width:30px;
height:30px;
background:#000;
color:#fff;
font-weight:900;
line-height:1;
font-size:1.4em;
}

#contribute2020 .tabcontent button.remove-person {
width:30px;
height:30px;
background:#000;
color:#fff;
font-weight:900;
line-height:1;
font-size:1.4em;
}

#contribute2020 .tabcontent .adder.first .right button.remove-person,
#contribute2020 .tabcontent .adder.first .right button.remove-band {
background:rgba(0,0,0,.1);
pointer-events:none;
}


#contribute2020 .tabcontent .adder input[type="text"] {
width:calc(25% - 4px);
margin:5px 3px 5px 0;
display:block;
float:left;
}

#contribute2020 .tabcontent #bands,
#contribute2020 .tabcontent #people {
position:relative;
}

#contribute2020 .tabcontent #bands .band-select,
#contribute2020 .tabcontent #people .person-select {
background:#fff;
position:absolute;
left:calc(20% - 13px);
top:36px;
width:calc(20% - 13px);
height:auto;
max-height:135px;
overflow-x:hidden;
overflow-y:auto;
margin:0;
padding:0 5px;

z-index:100;

-moz-box-shadow:0 10px 10px rgba(0,0,0,.1);
-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);
box-shadow:0 10px 10px rgba(0,0,0,.1);
}


#contribute2020 .tabcontent #people .person-select {
left:0;
top:36px;
width:calc(25% - 13px);
z-index:101;
}

#contribute2020 .tabcontent #bands .band-select ul,
#contribute2020 .tabcontent #people .person-select ul {
background:#fff;
position:relative;
overflow:hidden;
margin:0;
padding:0;
}

#contribute2020 .tabcontent #bands .band-select ul li,
#contribute2020 .tabcontent #people .person-select ul li {
margin:0;
padding:0;
}

#contribute2020 .tabcontent #bands .band-select ul li button,
#contribute2020 .tabcontent #people .person-select ul li button {
background:none;
margin:0 0 5px 0;
padding:0;
text-align:left;
color:#222;
}

#contribute2020 .tabcontent #bands .band-select ul li button:hover,
#contribute2020 .tabcontent #people .person-select ul li button:hover {
color:#000;
}


#contribute2020 .tabcontent .disclaimer {
width:calc(100% - 75px);
float:none;
clear:both;
margin:0 5px 0 0;
float:left;
overflow:hidden;
}

#contribute2020 .tabcontent .disclaimer p {
font-size:.9em;
}

#contribute2020 .tabcontent .disclaimer ul {
margin:.3em 0 .3em 1.1em;
padding:0;
}


#contribute2020 .tabcontent .disclaimer ul li {
list-style:square;
margin:0 .2em .5em 0;
font-size:.9em;
color:#000;
}

#contribute2020 .tabcontent button.full {
background:#000;
color:#fff;
font-size:2.5em;
font-family:'Grot9', Arial, sans-serif;
font-weight:400;
padding:20px 0;
margin:20px 0;
}

#contribute2020 input[type="text"]:focus {
outline:none;
border:1px solid #000;
color:#000;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}


#contribute2020 .tabcontent .adder input[type="text"].input_av_title {
	width:35%;
}

#contribute2020 .tabcontent .adder input[type="text"].input_av_file {
	width:60%;
}

#contribute2020 .tabcontent .adder.first .right button.remove-av {
background:rgba(0,0,0,.1);
pointer-events:none;
}

.fakeshare {
border: 2px solid #000;
width: 1.1em;
height: 0.6em;
display: inline-block;
border-top: dotted;
position: relative;
}

.fakeshare:after {
content: "\f0d8";
font-family: 'FontAwesome';
position: absolute;
width: .1em;
top: -1em;
left: 0.2em;
font-style: normal;
font-size: 0.9em;
}

.fakeshare:before {
	/*width:.1em;
	height: .2em;
	background: #000;
	position: absolute;
	top: .1em;
	left: .2em;
	content: "";*/
}
.tickbox {
width:70px;
float:left;
overflow:hidden;
position:relative;
}

input[type="checkbox"].huge {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
display:block;
float:right;
width:70px;
height:70px;
background:#fff;
color:#000;
font-size:20px;
margin:20px 0 0 0;
border:1px solid rgba(0,0,0,.1);
position:relative;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

input[type="checkbox"].huge:after {
position:absolute;
bottom:20px;
left:0;
width:100%;
text-align:center;
content:"Tick to Agree!";
font-size:11px;
text-transform:uppercase;
color:#333;
font-weight:bold;
}

input[type="checkbox"].huge:checked {
border:3px solid #000;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

input[type="checkbox"].huge:checked:after {
position:absolute;
bottom:25px;
left:5px;
display:block;
width:50px;
height:20px;

border-bottom:5px solid #000;
border-left:5px solid #000;

content:"";
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#contribute2020 div.alert-danger {
background:#fff;
box-sizing:border-box;
padding:20px 10px;
margin:-10px 0 20px 0;
height:60px;

color:#222;
font-weight:300;

-moz-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
-webkit-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

#contribute2020 div.alert-danger:before {
content:"\f071";
font-family:'FontAwesome';
padding:0 5px 0 0;
color:#CC3300;
}



#contribute2020 div#Name-error.alert-danger {
background:#fff;
box-sizing:border-box;
padding:20px 10px;
margin:-10px 0 20px 0;
height:auto;

-moz-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
-webkit-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}



#contribute2020 #Name-error ul {
margin:0;
padding:0;
}

#contribute2020 #Name-error ul li {
list-style:square;
margin:0 0 15px 25px;
}


#contribute2020 ul.edit-b-select {
background:#fff;
box-sizing:border-box;
padding:20px 10px;
margin:-10px 0 20px 0;
height:auto;

-moz-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
-webkit-box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;
box-shadow:0 20px 20px -20px rgba(0,0,0,.15) inset;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
}

#contribute2020 ul.edit-b-select li {
list-style:none;
}

#contribute2020 ul.edit-b-select li button {
background:none;
font-size:.8em;
text-align:left;
padding:0;
margin:0 0 6px 5px;
}

#contribute2020 .tickbox {
overflow:visible;
}

#contribute2020 .bottom {
float:none;
clear:both;
overflow:hidden;
margin-bottom:20px;
}

#contribute2020 .tickbox #gdpr-error {
background:none;
position:absolute;
top:95px;
right:0;
width:140px;
display:inline-block;
padding:0;
margin:0;
font-size:.8em;
font-weight:300;
text-align:right;

-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}



/* @andy fixes plus add-ins here */
.alert-danger.alert-success  {
	display: none!important;
}

#contribute2020 #bands select {
	float: left;
	width: 19%;
	margin: 5px 3px 5px 0;
	border: 1px solid rgba(0,0,0,.2);
    padding: 5px;
    font-size: 1em;
	height:30px;
	border-radius:0;
}

#contribute2020 #bands input {
	float: left;
	width: 19%;
}

#qq-form .qq-uploader {
width:100%;
overflow-x:hidden;
overflow-y:auto;
}

#qq-form .qq-upload-list {
width:100%;
overflow-x:hidden;
overflow-y:hidden;
max-height:none;
}

#qq-form .qq-upload-button {
	background: #555;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	margin:0 auto;
	display:block;
	width:auto;
	float:none;
	width:250px;
	font-weight:300;
}

#qq-form ul.qq-upload-list-selector li {
border:2px solid #fff;
float:left;
margin:0 0 10px 0;
padding:5px;
box-sizing:border-box;
width:25%;
}

#qq-form ul.qq-upload-list-selector li .qq-thumbnail-wrapper {
width:100%;
}

#qq-form ul.qq-upload-list-selector li .qq-thumbnail-wrapper img.qq-thumbnail-selector {
max-width:100%;
height:100px;
margin:0 auto;
display:block;
padding:0;
}

button.qq-upload-cancel {
background:none;
position:relative;
width:100%;
text-align:center;
}

button.qq-upload-cancel:hover {
background:none;
}

input[name="qqfile"] {
position:relative;
}

#qq-form .qq-file-info .qq-file-name {
font-size:.75em;
text-align:center;
color:#111;
padding:5px 0;
font-weight:400;
}

#qq-form .qq-file-info .qq-file-name span.qq-upload-file {
width:100%;
}

#qq-form .qq-edit-filename-icon {
width:100%;
background-repeat:no-repeat;
background-position:center center;
}

#qq-form .uploadhelp {
width:100%;
text-align:center;
position:absolute;
bottom:15px;
left:0;
font-size:.7em;
font-weight:300;
}

/*A-Z*/

/*Media Viewer*/

#media-viewer {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:1000000000;
}


#media-viewer.cons {
position:fixed;
left:0;
bottom:0;
top:0 !important;
right:0;
/*background:#fff;*/
z-index: 100000000020;
padding:0;
margin:0;
background:rgba(225,197,0,.9);
box-sizing:border-box;
cursor:url(images/x2.png), pointer;
overflow-x:hidden;
overflow-y:auto;
}

#media-viewer.cons a.close {
	border-radius:0;
	border:none !important;
	position:absolute;
	padding:0 30px 0 0;
	box-sizing:border-box;
	margin:0;
	top:0;
	right:0;
	left:0;
	bottom:0;
	font-size:60px;
	text-align:right;
z-index: 100000000030;
cursor:url(images/x2.png), pointer;

}

#media-viewer.cons iframe {
height:auto;
margin:70px auto 30px auto;
padding:0;
overflow:hidden;
width:auto;
min-width:400px;
z-index: 100000000040;
position:relative;
}

#media-viewer.cons iframe#ytplayer {
height:auto;
min-height:349px;
margin:70px auto 30px auto;
padding:0;
overflow:hidden;
z-index: 100000000040;
position:relative;
min-width:560px;
}

#media-viewer.cons p.mediatitle {
margin-top:1em;
}

/*SVG Timeline*/

#uncommon-svg-timeline g.axis.axis-x path.domain {
stroke-width:11px;
stroke-color:#000;
fill:#000;
stroke-linecap:butt;
stroke-linejoin:square;
}

#uncommon-svg-timeline g.tick line {
stroke:#fff;
}

#uncommon-svg-timeline g.tick text {
paint-order:stroke;
fill:#000;
stroke:#fff;
stroke-width:3px;
baseline-shift:15px;
font-size:15px;
font-family:'Grot9', Arial, sans-serif;
}

#uncommon-svg-timeline g.grp-band {
		/*cursor:url(images/i.png), pointer;*/
		cursor:pointer;	
}


$rose-ebony: rgba(95, 70, 75, 1);
$cerulean-frost: rgba(96, 150, 186, 1);
$green-yellow-crayola: rgba(237, 235, 160, 1);
$hunter-green: rgba(68, 99, 63, 1);
$copper: rgba(196, 115, 53, 1);
$sage: rgba(195, 196, 141, 1);
$outer-space-crayola: rgba(28, 55, 56, 1);

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-0 {
fill:rgba(95, 70, 75, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-1 {
fill:rgba(96, 150, 186, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-2 {
fill:rgba(237, 235, 160, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-3 {
fill:rgba(68, 99, 63, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-4 {
fill:rgba(196, 115, 53, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-5 {
fill:rgba(195, 196, 141, .7);
}

#uncommon-svg-timeline g.grp-band rect.band-line.rand-color-6 {
fill:rgba(28, 55, 56, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-0 {
stroke:rgba(95, 70, 75, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-1 {
stroke:rgba(96, 150, 186, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-2 {
stroke:rgba(237, 235, 160, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-3 {
stroke:rgba(68, 99, 63, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-4 {
stroke:rgba(196, 115, 53, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-5 {
stroke:rgba(195, 196, 141, .7);
}

#uncommon-svg-timeline g.grp-band line.band-y-axis.rand-color-6 {
stroke:rgba(28, 55, 56, .7);
}



#uncommon-svg-timeline text.band-from {
font-size:.7em;
baseline-shift:2.15em;
text-anchor:middle;
}

#uncommon-svg-timeline text.band-to {
font-size:.7em;
baseline-shift:2.15em;
text-anchor:middle;
}

#uncommon-svg-timeline text.band-name {
font-family:'Grotcon', Arial, sans-serif;
font-size:1.2em;
baseline-shift:.25em;
}

#uncommon-svg-timeline circle.member-circle {
fill:white;
stroke:rgba(128,128,128,.5);
stroke-width:5px;
paint-order:stroke;
}

#uncommon-svg-timeline g#map-connections line {
stroke:rgba(0,0,0,.15) !important;
} 

#uncommon-svg-timeline text.member-text {
paint-order:stroke;
fill:#000;
stroke:#fff;
stroke-width:5px;
baseline-shift:-6px;
font-size:20px;
font-family:'Grotcon', Arial, sans-serif;
text-anchor:middle;
}

/*TImeline - Static*/

#time-index {
display:block;
position:fixed;
top:0;
left:240px;
right:0;
margin:0;
padding:0;
z-index:100;
background:rgba(250,250,250,1);
}

#time-index.withsearch {
right:220px;
}

#time-index.expanded {
left:50px;
}

a:the-top {
height:500px;
}

a.topanc {
margin:0;
display:block;
height:55px;
}

#timetable {
display:table;
width:100%;
}

#time-index #timetable.withsearch {
table-layout:auto;
}

#timetable .timecell {
display:table-cell;
text-align:left;
vertical-align:middle;
padding:10px 0 10px 15px;
}

#time-index #timetable.withsearch .timecell {
text-align:center;
white-space:nowrap;
padding-left:0;
padding-right:0;
}

#timetable.withsearch .timecell.numbers {
text-align:left;
white-space:nowrap;
padding-right:0;
padding-left:0;
}

.stuck #timetable.withsearch .timecell.numbers {
text-align:center;
white-space:nowrap;
padding-right:0;
}

#timetable .timecell a:link,
#timetable .timecell a:visited {
font-size:1.7em;
font-family: 'Grot9', Arial, sans-serif;
}


#static-timeline {
padding-left:245px;
}

#static-timeline.expanded {
padding-left:55px
}

#static-timeline a.backup:link,
#static-timeline a.backup:visited {
display:block;
float:none;
clear:both;
margin:0 0 30px 0;
padding:0 0 0 20px;
}



#static-timeline a.backup:hover,
#static-timeline a.backup:active {

}



#static-timeline ul.full_az {
margin:1em 0;
padding:0;
float:none;
clear:both;
}

#static-timeline ul.full_az li {
	list-style:none;
	float:none;
	clear:both;
	color:#fff;
	display:block;
	margin:0;
	padding:10px 0;
	
}

#static-timeline ul.full_az li h2 {
font-size:2em;
width:100%;
border-bottom:1px solid #111;
margin:0 0 10px 0;
padding:10px 0;
color:#111;
}

#static-timeline ul.full_az li a:link,
#static-timeline ul.full_az li a:visited {
	font-weight:600;
	color:#111;
}

#static-timeline ul.full_az li a:hover,
#static-timeline ul.full_az li a:active {
	font-weight:600;
	color:#444;
	}

#static-timeline ul.full_az li ul.buttony {
	float:none;
	clear:both;
	margin:0 0 20px 0;
	padding:0;
	display:table;
	width:100%;
	overflow:hidden;
}

#static-timeline ul.full_az li ul.buttony li {
	float:left;
	clear:none;
	width:33%;
	padding:10px;
	display:table-cell;
	border:none;
	vertical-align:middle;
}

#static-timeline ul.full_az li ul.buttony li a:link,
#static-timeline ul.full_az li ul.buttony li a:visited {
font-size:.9em;
display:table;
font-weight:400;
}

#static-timeline ul.full_az li ul.buttony li a .name {
display:table-cell;
vertical-align:middle;
}

#static-timeline ul.full_az li ul.buttony li a:link .listleft,
#static-timeline ul.full_az li ul.buttony li a:visited .listleft {
width:30px;
height:30px;
margin:0 10px 0 0;
overflow:hidden;
/*border-radius:51%;*/
display:table-cell;
vertical-align:middle;

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;

}

#static-timeline ul.full_az li ul.buttony li a:hover .listleft,
#static-timeline ul.full_az li ul.buttony li a:active .listleft {
overflow:hidden;
border-radius:51%;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#static-timeline ul.full_az li ul.buttony li a .listleft img {
min-height:30px;
width:auto;
filter:saturate(20%);
}

#static-timeline ul.full_az li ul.buttony li a:hover .listleft img {
filter:saturate(100%);
}

/*The Thes*/

#stick {
width:100%;
padding:0;
margin:0;
overflow:hidden;
display:block;
z-index:1000;
}

#stick.stuck {
position:fixed;
top:0;
left:240px;
width:calc(100% - 450px);
background:rgba(250,250,250,1);

-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
}

.expanded #stick.stuck {
left:50px;
width:calc(100% - 263px);
}

#sticktable {
display:table;
width:100%;
height:37px;
position:relative;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}


#stick a:link,
#stick a:visited {
display:table-cell;
text-align:left;
vertical-align:middle;
padding:5px 2px;
font-family:'Grot9', Arial, sans-serif;
font-size:23px;
line-height:1;
}

/*Cookies*/

#catapult-cookie-bar {
z-index:100000001;
}

#catapult-cookie-bar span {
font-weight:300;
}

#catapult-cookie-bar span a {
font-weight:300;
color:#ccc;
}


button#catapultCookie {
border-radius:0 !important;
font-family:'Grot9', Arial, sans-serif !important;
font-size:1.2em;
padding:10px 10px 5px 10px !important;
line-height:1;
}

/*Embeds*/

/*Check these
.embedded iframe {
max-width:300px !important;
}

.embedded h2 {
margin:50px 0 20px 0;
border-bottom:1px solid #000;
padding:0 0 10px 0;
}
*/


@media screen and (max-width:1440px) {

#stick.stuck #timetable.withsearch .timecell {
padding:0;
}

}


@media screen and (max-width:1226px) {
.page-template-page-contribute-2020 .tab button.tablinks {
font-size:1em !important;
}
}


@media screen and (max-width:980px) {

/*Home*/


.quarter {
width:46%;
overflow:hidden;
margin-bottom:50px;
overflow:hidden;
padding:0 40px;
}

a.contriblink {
display:block;
margin:20px auto;
overflow:hidden;
clear:both;
float:none;
}


a.contriblink span {
display:block;
float:none;
font-size:2em;
text-align:center;
margin:1em 0 0 0;
padding:0;
line-height:1;
}

a.contriblink span.con2 {
font-size:10em;
text-align:center;
margin: 0 0 .5em 0;
line-height:.3;
}


#contribute2020 {
width:calc(100% - 150px);
}

/*Contrib*/

.page-template-page-contribute-2020 {
}

.page-template-page-contribute-2020 .storycontent {
width:78%;
}

.page-template-page-contribute-2020 #cont {
width:78%;
}


.page-template-page-contribute-2020 #contributes {
width:20%;
overflow:hidden;
}

.page-template-page-contribute-2020 #contributes ul {
width:100%;
overflow:hidden;
}

.page-template-page-contribute-2020 #contributes ul li {
width:100%;
overflow:hidden;
}

.page-template-page-contribute-2020 #contributes img {
width:100%;
height:auto;
}

.page-template-page-contribute-2020 .tab button.tablinks {
font-size:1.2em;
}

#timetable .timecell a:link,
#timetable .timecell a:visited {
font-size:2.3vw;
font-family: 'Grot9', Arial, sans-serif;
}


#stick a:link,
#stick a:visited {
font-size:2vw;
}

}


@media screen and (max-width:900px) {

#stick.stuck {
position:fixed;
bottom:0;
left:0;
top:auto;
width:100%;
margin:0;
padding:5px 0;
overflow:hidden;
height:auto;
z-index:13000000000;
background:rgba(255,255,255,.9);
border-top:1px solid #000;
}
}


@media screen and (max-width:780px) {

#stick.stuck {
position:fixed;
bottom:40px;
left:0;
width:100%;
top:auto;
margin:0;
padding:5px 0;
overflow:hidden;
height:auto;
z-index:13000000000;
background:rgba(255,255,255,.9);
border-top:1px solid #000;
}

form#homesearch {
position:fixed;
bottom:0;
left:0;
z-index:100000000;
right:0;
}


}



@media screen and (max-width:768px) {

body {
padding-top:50px;
}

.page #main {
padding:10px 5px 0 5px;
box-sizing:border-box;
}

#topstrip {
display:block;
width:100%;
position:fixed;
z-index:500;
height:50px;
top:0;
background:rgba(255,255,255,.9);
}

.expanded,
#norm.expanded,
#norm,
#static-timeline,
#time-index,
#page {
padding-left:0;
}

#moblogo {
display:block;
position:fixed;
top:5px;
left:52px;
z-index:10000001;

}

#moblogo img {
height:38px;
width:auto;
}

#sidemenu {
display:none;
}

#burger {
display:block;
position:fixed;
top:5px;
left:5px;
z-index:1000000002;
width:39px;
height:39px;
background:#000;
cursor:pointer;
}


#burger .top,
#burger .middle,
#burger .bottom {
background:#fff;
width:76%;
height:4px;
margin:7px auto;

-moz-transform-origin:50%;
-webkit-transform-origin:50%;
transform-origin:50%;

-moz-transform:rotate(0);
-webkit-transform:rotate(0);
transform:rotate(0);


-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#burger.off .top {
transform:rotate(45deg);
margin-top:17px;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#burger.off .middle {

width:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#burger.off .bottom {
transform:rotate(-45deg);
margin-bottom:20px;
margin-top:-22px;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

/*#burger.on {
border:2px solid red;
}
#burger.off {
border:2px solid green;
}

#burger.on:hover,
#burger.off:hover {
background:pink;
}
*/


#mobmenu {
display:block;
height:100vh;
width:300px;
position:fixed;
left:0;
top:0;
overflow:auto;
z-index:1000000001;
background:rgba(0,0,0,.9);
box-sizing:border-box;
margin:0;
padding:30px 14px 20px 14px;

-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#mobmenu.mobclosed {
width:0;
overflow:hidden;

box-sizing:border-box;
margin:0;
padding:30px 0 0 0;


-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}

#mobmenu ul {
margin:43px 0 0 0;
padding:0;
display:block;
}

#mobmenu ul li {
margin:5px 0;
padding:0;
float:none;
clear:both;
list-style:none;
}

#mobmenu ul li a:link,
#mobmenu ul li a:visited {
color:#fff;
font-size:1.7em;
font-family: 'Grotlightcon', Arial, sans-serif;
color:#fff;
text-transform:lowercase;
padding:.3em 0 .3em 34px;
margin:0;
}

#mobmenu ul li a:hover,
#mobmenu ul li a:active {
}

#mobmenu .menu-secondary-container ul {
margin:15px 0 0 0;
}

#mobmenu .menu-secondary-container ul li a:link,
#mobmenu .menu-secondary-container ul li a:visited {
font-size:.9em;
background:none;
padding:.3em 0;
}

#mobmenu ul li a:hover,
#mobmenu ul li a:active {
}


#mobmenu .socs {
margin:25px 0 0 0;
}

#mobmenu .socs a {
font-size:2em;
margin:0 10px 0 0;
}


#page {
padding:0;
}

#footer {
position:relative;
background:none;
text-align:center;
width:100%;
box-sizing:border-box;
padding:10px 0 40px 0;
pointer-events:auto;
}

#footer p {
width:100%;
float:none;
clear:both;
text-align:center;
}


#footer img {
width:50px;
display:inline-block;
float:none;
}

/*A-Z*/

.full_az h2 {
width:100%;
}


#media-archive {
}

#media-archive  #az-head {
position:fixed;
left:0;
bottom:0;
top:auto;
right:auto;
background:#fff;
width:100%;
z-index:1200000000;
height:45px;
padding-left:5px;
}

#media-archive  #az-head form#azsearch {
position:fixed;
left:0;
bottom:0;
width:100%;
margin:0;
padding:0;
}

#media-archive #az-head form#azsearch #azsearchbutton {
border-radius:0 !important;
-webkit-appearance:none;
border:none;
}

#media-viewer {
padding-top:70px;
}

/*Bios*/

/*Other stylesheet*/


/*Connections*/


#uncommon-svg {
height:calc(100vh - 50px) !important;
width:calc(100vw - 15px) !important;
margin:-10px;
padding:0;
box-sizing:border-box;
}

#connections-navigation {
position:fixed;
bottom:0;
top:auto;
left:0;
width:100%;
z-index:1300000000;
overflow:hidden;
}

#connections-navigation .helptop {
}

#connections-navigation .helptop button {
/*width:25px;
height:25px;*/
line-height:1;
}

#connections-navigation .backtop {
}

#connections-navigation .backtop button {
/*width:25px;
height:25px;*/
}

#connections-navigation .back-node {
}

#connections-navigation .back-node button {
width:39px;
height:32px;
font-size:15px;
padding-left:2px;
padding:5px 0 0 0;
font-family:'Grotcon', Arial, sans-serif;
letter-spacing:0;
}

#connections-navigation .search-node {
text-align:right;
width:50%;
float:right;
}

#connections-navigation .search-node input[type="text"] {
width:100%;
/*height:25px;*/
float:right;
padding:3px;
font-size:18px;
margin:0 10px 0 0;
}


ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
top:auto !important;
bottom:40px !important;
}

/*Popups*/

#uncommon-popup {
width:90%;
height:90vh;
left:5%;
padding:10px;
overflow:scroll;
margin-top:20px;
}

#uncommon-popup #bp-up {
overflow:auto;
height:100%;
}

#uncommon-popup p.popup-info {
}

#uncommon-popup #bp-up #bp-title {
width:100%;
height:auto;
margin:0;
position:relative;
top:0;
right:0;
z-index:500;
}

#uncommon-popup #bp-up #bp-title h1 {
width:calc(100% - 30px);
line-height:1;
}

#uncommon-popup #bp-up #bp-title p {
width:100%;
float:none;
clear:both;
overflow:hidden;
height:auto;
}

#uncommon-popup #bp-up #bp-col-1 {
width:100%;
float:none;
clear:both;
margin:0 0 10px 0;
position:relative;
height:auto;
overflow:hidden;
}

#uncommon-popup #bp-up #bp-col-1 h1 {
margin-left:10px;
}


#uncommon-popup #bp-up #bp-col-1 #member-lists {
width:100%;
float:none;
clear:both;
margin:0 0 10px 0;
position:relative;
overflow:hidden;
height:auto;
}

#uncommon-popup #bp-up #bp-col-1 #member-lists .member {
width:30%;
margin:0 1.5% 15px 1.5%;
float:left;
}


#uncommon-popup #bp-up #bp-col-2 {
width:100%;
float:none;
clear:both;
margin:0 0 10px 0;
position:relative;
height:auto;
}

#uncommon-popup #bp-up #bp-col-3 {
width:100%;
float:none;
clear:both;
margin:0 0 10px 0;
position:relative;
height:auto;
}

#uncommon-popup #bp-up #bp-col-3 .popup-image {
width:30%;
margin:0 1.5% 15px 1.5%;
float:left;
}


/*Contrib*/

.page-template-page-contribute-2020 {
}

.page-template-page-contribute-2020 .storycontent {
width:100%;
}

.page-template-page-contribute-2020 #cont {
width:100%;
}


.page-template-page-contribute-2020 #contributes {
width:100%;
overflow:hidden;
display:block;
position:relative;
}

.page-template-page-contribute-2020 #contributes ul {
width:100%;
overflow:hidden;
display:block;
position:relative;
}

.page-template-page-contribute-2020 #contributes ul li {
width:21%;
margin:0 1% 10px 1%;
float:left;
overflow:hidden;
}

.page-template-page-contribute-2020 #contributes ul li .thumb {
height:90px;
}

.page-template-page-contribute-2020 #contributes ul li .infos {
height:58px;
position:relative;
z-index:500;
-webkit-box-shadow:0 -6px 12px 12px rgba(221,221,221,1);
-moz-box-shadow:0 -6px 12px 12px rgba(221,221,221,1);
box-shadow:0 -6px 12px 12px rgba(221,221,221,1);
}

.page-template-page-contribute-2020 #contributes img {
width:100%;
height:auto;
}

#contribute2020 {
width:100%;
}

/*Static Timeline*/

#time-index {
display:block;
position:fixed;
top:auto;
bottom:0;
left:0;
right:0;
margin:0;
padding:0;
background:rgba(255,255,255,.9);
z-index:100;
border-top:1px solid #000;
}

#time-index.withsearch,
#timemetable.withsearch {
right:0;
bottom:40px;
}

#time-index.expanded {
display:block;
position:relative;
top:auto;
left:0;
right:0;
}

#timetable {
display:block;
overflow:hidden;
margin:0 auto;
text-align:center;
}

#timetable .timecell {
display:inline-block;
margin:0 10px;
}

#timetable .timecell a:link,
#timetable .timecell a:visited {
font-size:1.4em;
}

a.topanc {
margin:0;
display:block;
height:40px;
}

#static-timeline ul.full_az li ul.buttony li {
float:none;
clear:both;
width:100%;
display:block;
overflow:hidden;
}

/*Search*/

.ac_result {
	background:#000;
	border:none;
	max-height:400px;
	max-width:300px;
	position:absolute;
	z-index:10000003;
	/* this might be bad but stops it jumping out of its box */
	overflow:auto;
	bottom:37px;
	top:auto;
}


.ac_result {
text-align:left;
}

/*#stick.stuck {
left:170px;
top:0;
width:calc(100% - 175px);
padding:0 3px;
}*/

#stick a:link,
#stick a:visited {
display:table-cell;
text-align:center;
vertical-align:middle;
padding:5px 2px;
font-family:'Grot9', Arial, sans-serif;
font-size:22px;
line-height:1;
}


#media-viewer {
padding:0 !important;
}

#media-viewer #innermedia {
margin-top:60px;
width:100%;
}

#media-viewer #innermedia {
margin-top:60px;
}


#media-viewer #innermedia iframe {
width:100%;
max-width:400px;
height:auto;
z-index: 100000000040;

}

#media-viewer #innermedia iframe#ytplayer {
width:100%;
max-width:100%;
height:65vw;
display:block;
z-index: 100000000040;
position:relative;

}

#media-viewer #innermedia img {
width:100%;
height:auto;
z-index: 100000000040;
position:relative;
cursor:default;
}


	

}

@media screen and (max-width:580px) {

#stick {
margin:0;
padding:10px 0;
overflow:hidden;
}

#stick.stuck {
position:fixed;
bottom:40px;
left:0;
top:auto;
width:100%;
margin:0;
padding:5px 0;
overflow:hidden;
height:auto;
z-index:13000000000;
background:rgba(255,255,255,.9);
border-top:1px solid #000;
}

#stick.stuck #sticktable {
display:block;
overflow:hidden;
height:auto;
width:100%;
padding:0;
margin:0;
position:relative;
}

#stick a:link,
#stick a:visited {
display:block;
float:left;
position:relative;
margin:0 5px;
text-align:center;
padding:0;
font-family:'Grot9', Arial, sans-serif;
font-size:22px;
line-height:1;
}


#uncommon-popup #bp-up #bp-col-1 #member-lists .member {
width:100%;
margin:0 0 14px 0;
float:none;
}

#uncommon-popup #bp-up #bp-col-2 {
padding:0;
}


#media-viewer.cons {
max-width:100%;
}

#media-viewer.cons a.close {
	border-radius:0;
	border:none !important;
	position:absolute;
	padding:0 10px 0 0;
	box-sizing:border-box;
	margin:0;
	top:0;
	right:0;
	left:0;
	bottom:0;
	font-size:40px;
	text-align:right;
z-index: 100000000020;
cursor:url(images/x2.png), pointer;

}

#media-viewer.cons #innermedia {
width:100%;
overflow:hidden;
}

#media-viewer.cons #innermedia img {
width:100%;
height:auto;
margin-top:40px;
}

#media-viewer.cons #innermedia iframe {
width:100vw;
min-width:100vw;
max-width:100vw;
display:block;
z-index: 100000000040;

}


#media-viewer.cons img {
width:100%;
height:auto;
z-index: 100000000040;

}



}

@media screen and (max-width:450px) {

.page-template-page-contribute-2020 #contributes ul li {
width:48%;
margin:0 1% 10px 1%;
float:left;
overflow:hidden;
display:block;
}

a.quarter,
a.quarter:first-of-type,
a.quarter:last-of-type {
margin:0 1% 10px 1%;

overflow:hidden;
box-sizing:border-box;
padding:20px;
}

a.quarter h2 {
font-size:1.2em !important;
}


a.contriblink span {
display:block;
float:none;
font-size:3em;
text-align:center;
margin:1em 0 0 0;
padding:0;
line-height:1;
}

a.contriblink span.con2 {
font-size:10em;
text-align:center;
margin: 0 0 .5em 0;
line-height:.3;
}

#contribute2020 .tabcontent .adder input[type="text"] {
width:calc(50% - 4px);
margin:5px 3px 5px 0;
display:block;
float:left;
}

#contribute2020 .tabcontent .adder .right button {
width:30px;
height:72px;
}

#contribute2020 .tabcontent .half {
width:100%;
margin:0;
}

#contribute2020 .tab button.tablinks {
height:100px;

}
}