body {
font: 400 20px/1.5 "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;}

strong {
font-weight: 600}

em {
	font-style: italic
}

h1, h2 {
font-family: "freight-big-pro", Georgia,  Helvetica, Arial,  sans-serif;
font-size: 2.6em;
font-weight: 300;
line-height: 1.1;
}

h2 {margin: 1.5em 0 .5em 0;
line-height: 1}

h3 {
	font-family: "freight-display-pro", Georgia,  Helvetica, Arial,  sans-serif;
	font-size: 2.5em;
	font-weight: 900;
}

h1, h2, h3, h4, h5, h6 {
	color: #45b9ad; /*lightaqua*/
	line-height: 1.1;
}


a:link, a:visited {
	text-decoration: underline;
	color: inherit
}

p {
	margin-bottom: 1em
}

ul {
	margin-bottom: 1em
}

li {
	line-height: 1.1
}

img {
	width: 100%
}

form {
	display: none
}

/*sections*/
nav#site {
	padding: .5em 0
}


nav#site ul li{
	display: none;
}

nav#site ul li:first-of-type {
display: inline-block;
padding-left: 2em;
font-weight: 900;
background-image: url('../images/chrome/wdlogo.svg');
background-repeat: no-repeat;
background-size: 1em;
padding-left: 2.5em;
background-position: 1em 50%}

nav#site ul li a:link, nav#site ul li a:visited {
	color: inherit;
	text-decoration: none;
}


.past {
color: #676767}

.current {
color: #50347d}

/*header*/

body > header {
/* background-color: #50347d;*/
padding: .5em 5% 2em 5%;
background-image: url('../images/chrome/arrows/arrow-repeating-aqua.svg');
background-size: 100%;
box-sizing: border-box;
background-position: .5em 0;
background-repeat: repeat-y;
background-color: #45b9ad/*lightaqua*/;
}

header h1 {
font-family: "freight-big-pro", Georgia,  Helvetica, Arial,  sans-serif;
font-size: 11em;
font-size: 14.2vw;
color: #fff;
text-align: right;
font-weight: 500;
line-height: .7}

header h1 span {
	font-size: 10vw
}

header h2 {
font-size: 2.2em;
font-size: 4.1vw;
color: #fff;
text-align: center;
font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
line-height: 1.1;
margin: -1em 4em 0 1em;
text-align: left
}

.banner p {
	width: 90%;
	text-align: center;
	font-size: 6vw;
	line-height: 1;
	margin: 2em auto 0 auto;
	color: #fff
}

header img {display: none}

/*page nav*/

nav.page {
	padding: .5em 0 1em 0;
	width: 100%;
	background-color: #fff;
	z-index: 10
}

nav.page li {
width: auto;
text-align: center;
float: left;
padding: .5em 4%}

nav.page li:first-child {
text-align: left;
display: none
}

nav.page a:link, nav.page a:visited {
	text-decoration: none;
	color: #000;
	font-weight: 500
}

nav.page li:first-of-type a:link {
	color: #50347d;
	font-family: "Freight-Micro-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
	font-size: 1.7em;
	font-weight: 100
}

nav.page li:nth-of-type(2), nav.page li:nth-of-type(-1) {
	display: none
}

nav.page li:last-of-type a:link, nav.page li:last-of-type a:visited {
	color: #45b9ad/*lightaqua*/;;
}

/*need page navigation to be sticky*/


/*main*/

.part, #why-and-who {
padding-left: 8%;
padding-right: 8%;
overflow: hidden;
clear: both}

# p, .part ul {
margin-bottom: 1em}

/*overview*/

#reasons h2 {
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 1em;
}

#reasons h3 {
font-size: 1.2em;
}

#overview li:before {
	content: '–'
}

/*who*/

#who {
	display: none
}

/*tldr*/

#tldr {
	display: none
}

.speaker-more {
	opacity: 1;
	transition: max-height .3s, opacity .3s;
z-index: -1;
height: auto;
overflow:auto;
display: inline;
}
 
.speaker-more.visible {
max-height: 50em;
opacity: 1;
padding: .5em 5%}

#speakers .speaker-more h4 {
	font-size: 1.35em;
	line-height: 1;
	font-family: "Freight-Display-Pro", Georgia, serif;
	display: inline;
}


.speaker-close, .speaker-controls {display: none}

.speaker-more h3 {display: none}

.abstract, .bio {
	margin-top: .5em	
}

.abstract {
	font-size: 0.9em;
}

.bio p:last-of-type {displays: none}

.to-come {
	display: none
}

/*speakers*/

.previous, .next, .closebox {
	display: none
}

.links li{
	display: inline-block;
	padding-right: 1.2em;
	margin-top: .5em
}

.links img {
	width: 1.2em
}

.summary, .tags {
	display: none
}

.abstract p:last-of-type {
	displays: none
}

#keynotes {
	color: #fff;
	background-color:   #2b424e; /*darkaqua*/
	padding: 2em 8% 3em;
}

#design {
	color: #fff;
	background-color: #cf3000; /*burntorange*/
	padding: 2em 8% 3em;
}

#engineering {
	color: #fff;
	background-color: #3873db; /*burntorange*/
	padding: 2em 8% 3em;
}

#speakers h4 {
	font-family: "Freight-Sans-Pro", "Helvetica Neue",  Helvetica, Arial,  sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.1;
	clear: both;
	color: #fff;
	display: inline;
}

#speakers h3 {
	color: #fff;
}

#speakers h5 {
	color: rgba(255,255,255,0.7);
	font-size: 0.95em;
	font-family: "Freight-Display-Pro", Georgia, serif;
	margin: .2em 0 .6em;
}

.speaker-more h3 {
	display: none
}

.speaker-hero {
	clear: both;
}

.speaker-hero > img, .workshop > img, #johnallsopp img {
	width: 30%;
	float: right;
	margin: 2% 0 2% 2%;
	display: none
}

.bio {
	margin-top: 1.4em;
	font-size: 0.8em;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding: 0.4em 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 1em;
}


.speaker-group > h3, .speaker-group > p {
	display: none
} 

.speaker-group br {
display: none
}

/*register*/

#register {
	margin-top: 2em
}

#register table {
	display: none
}

#register h2 {
	line-height: .9;
	margin: 0 0 .4em;
	font-size: 2.6em;
}

#pricing-brief {
	text-align: center;
	font-size: 0.9em;
}

#pricing-brief h3 {
	font-size: 2em;
	border-top: 1px solid #dedede;
	margin-top: 0.2em;
	padding-top: 0.2em;
}

#pricing-brief h3:nth-of-type(1) {
		color: #dc982c;
}

#pricing-brief h3:nth-of-type(2) {
		color: #5c5f71;
}

#pricing-brief h3:nth-of-type(3) {
		color: #4f7c62;
}

#pricing-brief h4{
	text-transform: uppercase;
	color: #676767;
	font-weight: 700;
	font-size: 0.9em;
}

#pricing-brief li {
	color: #777;
}

#pricing-brief li.current {
	font-weight: 700;
	color: #000;
}

#register a:link, #register a:visited {
	text-decoration: none;
	display: inline-block;
	padding: .2em .5em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
	border-radius: 3px;
	color: #fff;
	margin-top: 0.3em;
}

#register p:nth-of-type(1) a:link, #register p:nth-of-type(1) a:visited {
		background-color: #dc982c;

}
#register p:nth-of-type(2) a:link, #register p:nth-of-type(2) a:visited {
		background-color: #5c5f71;

}
#register p:nth-of-type(3) a:link, #register p:nth-of-type(3) a:visited {
		background-color: #4f7c62;

}

#register .current {
font-size: 1.2em;
font-weight: 400;
color: #000}

#register .price {
	font-size: 1.3em;
} 


/*workshop*/

#workshops {
	background-color: #2b424e;/*darkaqua*/
	color: #fff;
}

#workshop h2 {
	line-height: 1.1;
	margin: .5em 0
}

.workshop {
	border-top: 1px solid rgba(255,255,255,0.2);
	margin: 0.4em 0 1em;
	padding: 0.4em 0;
}

.workshop h3 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.1;
}

.workshop h4 {
	color: #fff;
	font-weight: 700;
}

.workshop-details {
	font-size: 0.9em;
	margin: 0.5em 0 1em;
}

#workshop-details a:link, #workshop-details a:visited {
	text-decoration: none;
	background-color: #a799be;
	color: #fff;
	font-variant: small-caps;
	text-transform: uppercase;
	font-size: .9em;
	padding: .4em .4em;
	display: inline-block;
}

/*pricing-more*/

#pricing-more h2 {
	font-size: 1.7em;
	margin: 0.3em 0 0;
}

#pricing-more h3  {
	font-size: 1.3em;
	margin: 0.1em 0 0.1em;
}

#pricing-more strong {
	background-color: #e5efee;
	border: 1px solid #4f7c62;
	color: #4f7c62;
	text-transform: uppercase;
	padding: 0.1em 0.2em;
	font-size: 0.85em;
	margin: 0 0.2em;
}

#pricing-teams {
	font-size: 0.9em;
}

/*venue*/

.details {
	font-size: 0.9em;
	line-height: 1.4;
	color: #fff;
	padding: 0 8% 1em;
}

.details h3 {
	color: #fff;
	font-size: 1.3em;
}

#venue, #party, #dinner, #coffee, #juice {
	padding: 0;
	overflow: auto
}

#venue img, #party img, #dinner img, #coffee img {
	display: block;
}

#venue .details {
	background-color: rgb(56,115,219);
}

#party .details {
	background-color: #732437;
}

#dinner .details {
	background: #9c4f1b;
}

#coffee .details {
	background-color: rgb(56,115,219);
}

#juice .details {
	background-color: rgb(100,114,42);
	margin-top: -.5em
}

.details h2 {
	color: #fff;
	margin: 0 0 0.2em;
	text-align: center;
	padding-top: 1em
}


#coffee img.wide, #juice img.wide, #party img.wide {display: none}
#coffee img.narrow, #coffee img.narrow {
	display: inline-block;
	width: 30%;
	float: right;
}


/*partners*/

#partners {
	margin-bottom: 2em;
}

.major-partner img {
	width: 70%
}

.exhibitor img {
	width: 40%
}

#our-partners h3 {
	font-variant: small-caps;
	text-transform: uppercase;
	font-size: .9em;
	color: #676767;
	margin-bottom: .6em
}

.community-partner {
	width: 25%;
	float: left;
	margin-right: 5%
}

.community-partner img {
	width: 100%
}

/* Promise */

#promise {
background-color: #2b424e; /*darkaqua */  
color: #fff;
}

#promise blockquote {
font-family: "freight-big-pro", Georgia,  Helvetica, Arial,  sans-serif;
margin: 1em 0;
font-size: 1.9em;
text-align: left;
color: #fff;
}

#promise blockquote p {
	margin: 0;
	line-height: 1.1;
}

#promise blockquote cite {
font-size: .5em;
font-weight: 500;
font-family: "Freight-Sans-Pro", Georgia,  Helvetica, Arial,  sans-serif;
display: block;
}

#promise-details {
	font-size: 0.9em;
}

#promise-details h3 {
	color: #fff;
	font-family: "Freight-Sans-Pro", Georgia,  Helvetica, Arial,  sans-serif;
	font-size: 1.2em;
}


/*testimonials*/

#testimonials {
background-color: #3873db;/*midblue*/
overflow: hidden;
font-size: 0.7em;
color: #fff; /* color3 */
padding: 1em 2% 1em 8%;
}

.testimonial {width: 30%;
float: left;
margin: 0 4% 0 0;
vertical-align: baseline
}

.testimonial:last-child {
	width: 30%;
	margin-right: 0;
}

.testimonial blockquote {
font-size: 1.1em;
color: #fff;
margin-right: 2%;
display: inline-block;
font-weight: 500;
line-height: 1.2
}

.testimonial p {
	font-size: 0.9em; 
	font-weight: 300;
	line-height: 1.1
}


/* About us */

#aboutus {
	font-size: 0.9em;
	line-height: 1.4;
}

#johnallsopp {
	font-size: 0.8em;
	padding-top: 1.2em;
	line-height: 1.4;
	color: #656565;
}

#johnallsopp h3 {
	color: #656565;
	font-family: "Freight-Sans-Pro", Georgia,  Helvetica, Arial,  sans-serif;
	font-size: 1.3em;
}

/*code of conduct*/

#code {
	background-color: rgb(56, 115, 219);;
	color: #fff;
	padding: 2em 8%;
	text-align: center;
	font-size: 0.9em;
}

#code h2 {
	color: #fff}

/*footer*/

footer {
	font-size: .9em;
	color: #999;
	background-color: #202020;
	width: 84%;
	padding: 3em 8% 0 8%;
	overflow: hidden;
	text-align: center
}


footer h3 {
	text-transform: uppercase;
	font-size: inherit;
	font-weight: 500;
	color: #999;
	margin-top: 1em
}

footer > p {
	clear: both;
	width: 50%;
	padding: 0 25%;
	margin-bottom: 2em;
	text-align: center
}