@import 'wide/tracks.css?v=1.4';
@import 'wide/schedule.css?v=1.4';
@import 'wide/speakers-front-page.css?v=1.4';
@import 'wide/speaker-page.css?v=1.4';
@import 'wide/partner-page.css?v=1.4';
@import 'wide/partners.css?v=1.4';
@import 'wide/curators.css?v=1.4';
@import 'wide/register.css?v=1.4';
@import 'wide/team-offers.css?v=1.4';
@import 'wide/conffab-promo.css?v=1.4';
@import 'wide/event-logo.css?v=1.4';
@import 'wide/event-logo.css?v=1.4';
@import 'wide/quotes.css?v=1.4';
@import 'wide/workshops.css?v=1.4';
@import 'wide/streaming.css?v=1.4';
@import 'wide/ctb.css?v=1.4';
@import 'custom-properties.css?v=1.4';

@import url("https://use.typekit.net/oly4kpp.css");


html {
	scroll-behavior: smooth;
}

body {
font: 400 16px/1.5 var(--body-font)}

body {
max-width: 1280px;
margin: 0 auto;
}

strong {
font-weight: 600}

em {
	font-style: italic
}

h1, h2, h3 {
	font-family: var(--heading-font);
	font-weight: 300
}

h1, h2 {
color: var(--main-theme-color)
}

h3, h4, h5, h6 {
color: var(--main-theme-contrast-color)
}


h5, h6 {
color: var(--main-theme-highlight-color)
}


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


body > * {
	display: none;
}

body > header, nav#site, main {
	display: block
}

abbr {
	font-variant: small-caps
}


/*header*/


header#page-header {
margin: 0;
padding-block: 2em 3em; 
background-image: var(--theme-bg-image); 
background-color: var(--main-theme-color); 
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
/* background-size: auto; */
/* aspect-ratio: 2.5; */
display: flex;
flex-direction: column;
justify-content: start;
}

#page-header #header-content {
	width: 40%;
/* 	max-width: 400px; */ /*half of the header width*/
	margin-inline-start: 5%;
	text-shadow: var(--contrast-text-shadow);

}

header#page-header h1 {
color: var(--highlight-text-color);
text-align: left;
line-height: 1;}


header#page-header h1 {
color: var(--main-theme-contrast-color)
}

header#page-header h1 {
width: fit-content;
margin-left: 0;
padding-left: 0;
font-size: 4em;
/* font-size: 5.5cqw; */
margin-bottom: .6em;
color: var(--text-highlight-color);
font-family: var(--body-font);
font-weight: 900;
text-transform: uppercase;

}
 

header#page-header h1 > span {
display: initial;
margin-bottom: 0;
padding: 0;
width: fit-content;
font-size: .63em
}

#wd-event {
font-size: .9em;}

header#page-header #event-name {
	font-size: 2em;
	display: block;
	line-height: .8;
	margin-block-start: -.1em;
}

#event-year {
font-size: 1em;
display: inline-block;
}

.event-tag {
	font-family: var(--body-font);
	font-size: .2em;
	display: inline-block;
float: left;
padding-top: .4em;
font-weight: 500;
padding-left: .5em;
display: none
}

.data-location {
	display: flex;
}

header#page-header h2 {
	display: none;
}


header#page-header .tagline {
color: var(--text-highlight-color);
width: 100%;
font-size: 2.4em;
font-weight: 600;
font-family: var(--body-font);
margin: 0;
line-height: 1.1;
text-align: left;
}

header#page-header .logo-city-date {
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-weight: 600;
	margin-block-start: .2em;
}

header#page-header .logo-city-date span {
	display: inline-block;
	font-size: .6em;
}

/*logo block from event*/

header h2 {
font-size: 1.6em;
color: var(--main-theme-contrast-color);
text-align: center;
font-family: var(--body-font);
line-height: 1;
display: none
}

header h2 span{
	display: block
}

header h2 .city {
	font-weight: 600
}

header h2 .dates {
	font-size: .8em
}

header h2 {
	width: 24%;
	display: inline-block
}

header h2:first-of-type {
	margin-left: 18%;
	
}

header h2 strong {
font-weight: 900}

header h3 {
font-size: 1.3em;
/* font-size: 1.8vw; */
color: var(--main-theme-contrast-color);
text-align: center;
font-family: var(--body-font);
font-weight: 100;
line-height: 1.1;
}

header .tagline {
color: var(--main-theme-contrast-color);
width: 52%;
/* font-size: 2.6vw; */
font-size: 1.6em;
font-weight: 400;
font-family: "freight-big-pro", "Big Caslon", Palatino, Georgia, serif;
margin: 1em auto 2em auto;
line-height: 1.1;
text-align: center

}

header .conference-description {
	color: var(--reverse-text-color);
	font-family: var(--body-font);
	font-size: .7em;
/* 	font-size: 1.3vw; */
	width: 52%;
	margin: 0 auto 1.4em auto;
	text-align: center
}

.conference-description + .conference-description {
	margin-top: 1.4em
}

p.conference-description {
	font-size: 1.2em
}


header h3 {
font-size: 2em;
/* font-size: 1.6vw; */
color: var(--reverse-text-color);
text-align: center;
font-family: var(--body-font);
line-height: 1;
margin-top: 2.2em
}

header h3 span{
	display: block
}

header h3 .city {
	font-weight: 600
}

header h3 .dates, header h3 .location, header h3 .venue {
	font-size: .8em
}

header h3 .venue {
	margin-top: 1em
}

header h2, header h3 {
	width: 30%;
	display: inline-block
}

header h2:first-of-type, header h3:first-of-type {
	margin-left: 33%;
	
}


header h4 {
	font-size: 2em;
/* 	font-size: 2vw; */
	color: var(--reverse-text-color);
	text-align: center;
	font-family: var(--body-font);
	line-height: 1;
	margin-top: 2.2em;

}


header form, #speakers form {
	width: 56%;
	margin: 1em auto;
	padding: 1em 0;
	text-align: center
}


button, a.register, a.email {
	-webkit-appearance: none;
	appearance: none;
	padding: .7em 2em;
	color: var(--button-bg-color);
	font-size: .9em;
	background: #fff;
	text-decoration: none;
	font-family: var(--body-font);
}

a + button, a.email {
	background: transparent;
	color: var(--reverse-text-color);
	border: solid thin #fff;
	margin-left: 2em

}

a.register:nth-of-type(2), a:first-of-type + button {
	margin-left: 2em;
}


#date-time h2, #date-time h3 {
	width: auto;
	display: block;
	text-align: center;
	margin: auto 
}

#date-time h2 {
	font-weight: 500;
	font-size: 1.1em
}


#date-time h3 {
	font-weight: 500;
	font-size: .9em
}

#date-time li {
	display: inline-block;
	width: 16%
}

/*page nav*/

nav.page {
	display: block;
	padding: .2em 0;
	width: 100%;
	background-color: var(--main-theme-color);
	z-index: 10;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0
}

nav.page > ul {
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding-bottom: .5em
}

/* for speakers page*/

/* 
#speaker nav.page {
	display: none
} 
 */

nav.page li {
display: inline-block;
width: 8%;
text-align: center;
margin-right: 2%;
	color: var(--reverse-text-color);
	  width: fit-content;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */

}

nav.page li:first-child {
width: 44%;
text-align: left;
margin-inline: 1%;
font-size: 1.2em
}

nav.page li:first-child span {
	font-size: .8em;
	margin-left: 1%
}

nav.page a:link, nav.page a:visited {
	text-decoration: none;
	color: var(--marketing-color);
	font-weight: 600;
	font-size: 1em;
/* 	border-bottom: 2px solid rgba(255, 255, 255, 0); */
	transition: .2s border 
}

nav.page a:hover {
/* 	border-bottom: 2px solid rgba(255, 255, 255, .9) */
}

nav.page li:first-of-type a:link {
	font-family: var(--heading-font);
	font-size: 1.6em;
	font-weight: 600
}

nav.page li:last-of-type a:link, nav.page li:last-of-type a:visited {
	color: var(--main-theme-text-color);
	background-color: var(--main-theme-highlight-color);
	padding: .4em 2em .4em 2em;
	transition: .2s;
	border-radius: var(--button-border-radius);
	box-shadow: var(--contrast-box-shadow);
}

nav.page li:last-of-type a:hover {
	text-decoration: none;
	background-color: var(--main-theme-contrast-color);
/* 	box-shadow: .25em .25em var(--design-color); */
	color: var(--marketing-color);
	border-style: none;
	padding: .4em 2em .4em 2em;

}


/*need page navigation to be sticky*/


/*main*/

main {
	font-size: 1.1em;
	overflow: hidden
}



.part {
padding-left: 8%;
padding-right: 8%;
overflow: hidden;
clear: both;
padding-top: 3em;
margin-top: -3em;

}

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


/* streaming */

#streamed {
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
	width: 90%
}

#remote {
  width: 60%;
}

#conffab {
   width: 37%;
   margin-left: 3%;
   margin-top: 2em;
}

#streamed h2 {
	font-size: 2em
}

#conffab img {
	display: block;
	width: 100%
}


/* we return section of front page */

#return {
	background-color: var(--main-theme-highlight-color);
	color: var(--reverse-text-color);
	display: flex;
	padding-top: 6em;
	padding-bottom: 6em;
	padding-inline: 4%;
	gap: 3%;
	margin-block-end: 2em;
	align-items: center;
}

#return .details {
	flex: 0 0 62%;
}

#return img {
	display: block;
	flex: 0 0 30%; 
	margin: auto;
	aspect-ratio: 16 / 9;
	height: 100%;
	border-radius: var(--main-theme-border-radius);
	box-shadow: var(--contrast-box-shadow);

}

#return h2 {
	font-size: 1.8em;
	font-family: var(--heading-font);
	font-weight: 600;
	color: var(--page-text-color);
	text-transform: uppercase;
	line-height: 1.2;
	width: 60%;
	margin-bottom: 1em
}


#return h2 span {
	display: inline-block;
	color: var(--design-color)
}

#return p {
	font-size: 1.1em;
	font-weight: 600;
	width: 100%;
	margin-left: 0%
}

#return ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5em
} 

#return li {
	background-color: var(--main-theme-contrast-color-2);
	padding: .2em 2em;
	border-radius: var(--main-theme-border-radius);
	color: var(--page-text-color);
	font-size: .9em;
	box-shadow: var(--contrast-box-shadow);
	font-weight: 600;
<ul>
	<li></li>
</ul>

}

#return li a {
	text-decoration: none;

/* 
		background-image: url('/event-common-images/play-white.svg');
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: 50% 100%;
 */
}

#return li a::after {
/* content: '⏵'; */
/* 
margin-inline-start: .5em;
width: 1em
 */
}

/* 
#return p:last-of-type {
	text-align: right;
	width: 100%;
	margin-top: 2em
}
 */
#return .register {
	border: none;
	width: fit-content;
	padding: .4em 2em;
	background-color: var(--main-theme-highlight-color);
	font-weight: 600;
	color: var(--main-theme-contrast-color);
	text-decoration: none;
	text-transform: lowercase;
	border-radius: 0;
	margin-left: 10%;
	font-size: 1.2em;
	border-radius: var(--main-theme-border-radius);
	display: inline-block
}

/*logistics*/


#how-works {
  width: 90%;
  background-image: url('../images/chrome/map-inline.svg');
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 90% 50%
  
}

#logistics {
	padding-right: 40%
}

#map {
   width: 37%;
   margin-left: 3%;
   margin-top: 2em;
   outline: solid lime
}

#logistics h2 {
	font-size: 2em
}

#map img {
	display: block;
	width: 100%
}



#related-events {}


#why-and-who {
background-color: fff;
overflow: auto;
padding: 0;
font-size: 1.07em;
/* background-image: url('../images/chrome/left-balls.svg'); */
background-repeat: no-repeat;
background-position: 1em 3.6em;
overflow: auto}

#reasons {width: 40%;
float: left;
margin: 3em 4% 4em 8%;
padding-right: 4%} 

#who {
width: 41%;
float: right;
margin: 0 0 4em 0;
padding-right: 0 }

#who ul {
}

#who img {display: block;
width: 95%;
margin: 1em
}

#why-and-who h2 {
font-size: 1.8em;
margin-bottom: .5em;
line-height: 1.2;
font-weight: 700
}

#why-and-who h2 + p {
	font-size: 1em;
	margin-bottom: 1.4em
}

#why-and-who h3 {
	font-family: var(--body-font);
margin-bottom: .2em;
font-weight: 600;
font-size: 1.1em
}

#why-and-who p {
margin-bottom: .6em;
line-height: 1.5}

#why-and-who li {
margin-bottom: .1em;
font-size: .95em}

#tldr {
	float: left;
	margin-left: 20%;
	width: 80%}
	
	#tldr li {line-height: 1.2}

#tldr li span:first-child {
	font-family: var(--heading-font);
	font-size: 3em;
	color: var(--main-theme-contrast-color);
	text-align: right;
	display: inline-block;
	width: 30%;
	margin-right: .1em
}

#tldr li span:last-child {
	text-align: left;
	display: inline-block
}

/*venue*/

#venue {
	background-color: var(--main-theme-highlight-color);
	color: var(--page-text-color);
	padding: 2em 2%;
	margin: 0%;
	margin-top: 3em;
	display: flex;
/* 	background-image: var(--venue-bg-image); */
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 10%;
	padding-block: 1em 4em;
	margin-top: -3em;

}

#venue img {
aspect-ratio: 1.77;
width: 40%;
margin-left: 4%;
margin-block: auto;
height: 80%;
border-radius: var(--main-theme-border-radius);
box-shadow: var(--contrast-box-shadow);

}



#venue .details {
	padding: 2%;
	width: 40%;
	margin-left: 10%;
	font-size: .8em;

}

#venue h2 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
}


#venue h3 {
	font-family: var(--body-font);
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	font-size: .9em;
	line-height: 1.1

}

#venue .details * {
	color: var(--reverse-text-color);
}



#venue p {
		font-size: 1.2em;
}

#venue li {
line-height: 1;
font-size: .9em}

#venue h3 + p {
	margin-top: 0
}

/* previously */

#previously {
	background-color: var(--main-theme-contrast-color);
	color: var(--page-text-color);
	padding: 2em 2%;
	margin: 0%;
	margin-block-start: 3em;
	display: flex;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 10%;
	padding-block-start: 3em;
	margin-block-start: -3em;
	padding-block-end: 5em;

}

#previously img {
aspect-ratio: 1.77;
width: 40%;
margin-left: 4%;
margin-block: auto;
height: 80%;
border-radius: var(--main-theme-border-radius);
box-shadow: var(--contrast-box-shadow);

}



#previously .details {
	padding: 2%;
	width: 40%;
	margin-left: 10%;
	font-size: .8em;

}

#previously h2 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}


#previously h3 {
	font-family: var(--body-font);
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	font-size: .9em;
	line-height: 1.1

}

#previously .details * {
	color: var(--reverse-text-color);
}


#previously p {
		font-size: 1.2em;
}

#previously li {
line-height: 1;
font-size: .9em}

#previously h3 + p {
	margin-top: 0
}

/* workshop */

/* very similar to venue */

#workshop {
	background-color: var(--career-highlight-color);
	padding: 2em 2%;
	margin: 0%;
	margin-top: 3em;
	display: flex;
	justify-content: center;
	background-image: var(--workshop-bg-image);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	padding-top: 3em;
	margin-top: -3em;

}

#workshop img {
aspect-ratio: .93;
width: 30%;
margin-left: 4%;
box-shadow: 1em 1em var(--main-theme-contrast-color);
height: 90%;
margin-block: auto;
}


#workshop .details {
	padding: 2%;
	width: 60%;
	margin-left: 10%;
	font-size: .8em;

}

#workshop h2 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}


#workshop h3 {
	font-family: var(--body-font);
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	font-size: 1.2em;
	line-height: 1.1;
	margin-bottom: 1em;

}

#workshop .details * {
	color: var(--reverse-text-color)
}



#workshop p {
		font-size: 1em;
}

#workshop li {
line-height: 1;
font-size: .9em}

#workshop h3 + p {
	margin-top: 0
}

#workshop p:last-child {
	margin-top: 2em
}

#workshop p:last-child a:link {
	text-transform: none;
	text-decoration: none;
	margin-left: 2em; 
	font-variant: normal;
	padding: .4em 2em;
	transition: .2s background-color;
	background-color: var(--content-highlight-color);
	box-shadow: .2em .2em var(--content-color);
	width: fit-content;
	color: var(--reverse-text-color);
	font-size: 1em;
}

#workshop p:last-child a.learn-more {
	background-color: var(--main-theme-contrast-color);
	box-shadow: .2em .2em var(--main-theme-highlight-color);
}


/* speakforus */

/* very similar to venue */

#speakforus {
	background-color: var(--main-theme-contrast-color-2);
	background-image: none;
	padding: 4em 2%;
	margin: 0%;
	margin-top: 0em;
	display: flex;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100%;
	font-size: 1.1em;
/* 	color: var(--page-text-color); */
	padding-top: 3em;
	margin-top: -5em;
}

#speakforus img {
/* aspect-ratio: 1.75; */
	width: 35%;
	margin-inline: 4%;
	height: 90%;
	margin-block: auto;
	border-radius: var(--main-theme-border-radius);
	box-shadow: var(--contrast-box-shadow);

}


#speakforus .details {
	padding: 2%;
	width: 60%;
	margin-left: 10%;
	font-size: .8em;

}

#speakforus h2 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
	margin-bottom: .5em;
}


#speakforus h3 {
	font-family: var(--body-font);
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	font-size: 1.2em;
	line-height: 1.1;
	margin-bottom: 1em;

}

#speakforus .details * {
	color: inherit
}



#speakforus p {
		font-size: 1.2em;
}



#speakforus li {
line-height: 1;
font-size: .9em}

#speakforus h3 + p {
	margin-top: 0
}

#speakforus p:last-child {
	margin-block-start: 2em;
}

#speakforus p:last-child a:link, #speakforus p:last-child a:visited {
	text-transform: none;
	text-decoration: none;
	font-variant: normal;
	padding: .6em 2em;
	transition: .2s background-color;
	background-color: var(--main-theme-highlight-color-2);
	width: fit-content;
	color: var(--reverse-text-color);
	font-size: 1em;
	font-weight: 600;
	border-radius: 1em;
	box-shadow: var(--contrast-box-shadow);

}

#speakforus p:last-child a.learn-more {
	background-color: var(--main-theme-contrast-color);
}

/* creative-director */

/* very similar to venue */

#covid-safety {
	background-color: var(--content-highlight-color);
	padding: 2em 2%;
	margin: 0%;
	margin-top: 0em;
	display: flex;
	justify-content: center;
	background-image: var(--safety-bg-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100%;
	font-size: 1.1em;
	color: var(--reverse-text-color)

}

#covid-safety img {
aspect-ratio: 1.28;
width: 35%;
margin-inline: 4%;
box-shadow: 1em 1em var(--main-theme-highlight-color);
height: 90%;
margin-block: auto;
}


#covid-safety .details {
	padding: 2%;
	width: 60%;
	margin-left: 10%;
	font-size: .8em;

}

#covid-safety h2 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.1;
}


#covid-safety h3 {
	font-family: var(--body-font);
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	font-size: 1.2em;
	line-height: 1.1;
	margin-bottom: 1em;

}

#covid-safety .details * {
	color: var(--reverse-text-color)
}



#covid-safety p {
		font-size: 1.2em;
}



#covid-safety li {
line-height: 1;
font-size: .9em}

#covid-safety h3 + p {
	margin-top: 0
}

#covid-safety p:last-child {
	margin-top: 2em;
	text-align: right;
	padding-right: 10%
}


#covid-safety p:last-child a:link {
	text-transform: none;
	text-decoration: none;
	margin-left: 2em; 
	font-variant: normal;
	padding: .4em 2em;
	transition: .2s background-color;
	background-color: var(--content-highlight-color);
	box-shadow: .2em .2em var(--content-color);
	width: fit-content;
	color: var(--reverse-text-color);
	font-size: 1em;
}

#covid-safety p:last-child a.learn-more {
	background-color: var(--main-theme-contrast-color);
	box-shadow: .2em .2em var(--main-theme-highlight-color);
}


/*signups*/

#signup, #attending {
	display: block;
	margin-block-end: 5em;
	padding-block: 3em;
	padding-inline: 0;
	background-color: var(--main-theme-contrast-color);
	color: var(--reverse-text-color)
}

#signup > *, #attending > * {
	width: 60%;
	margin: 1em auto 0 auto;
	text-align: center
}

#signup > div[class*='form'], #attending > div[class*='form'] {
	overflow: auto;
	width: 100%
}

#signup h2, #attending h2 {
font-size: 2em;
font-weight: 600;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: .5e;
color: var(--reverse-text-color)
}


#signup form > div, #attending form > div {
	width: 100%;
	display: inline-block
}

#signup form input, #attending form input {
	width: 100%;
	padding: .6em;
	font-size: .9em
}


#signup form > div:first-of-type, #attending form > div:first-of-type {
	margin-right: 5%
}

#signup form div.signs, #attending form div.signs{
	text-align: right;
	margin-right: 0%;
	margin-top: .5em;
	width: 100%}
	
#signup form div.sign input,  #attending form div.sign input{
	width: 66%
}

#signup form button, #signup form input[type="submit"], #attending form button, #attending form input[type="submit"]  {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	color: var(--reverse-text-color);
	background-color: var(--text-color);
	font-size: .9em;
	font-weight: 600;
	/*padding: .3em .8em;*/
	font-family: var(--heading-font);
	border-radius: 3px;
	transition: .2s background-color;
	border: none
}

#signup form button:disabled, #signup form input[type="submit"]:disabled, #signup form button:disabled, #signup form input[type="submit"]:disabled, #attending form button:disabled, #attending form input[type="submit"]:disabled, #attending form button:disabled, #attending form input[type="submit"]:disabled {
	opacity: .4;	
}

#signup a:link, #signup a:visited, #attending a:link, #attending a:visited {
	color: var(--reverse-text-color)
}

#signup form button:enabled, #attending form button:enabled {
opacity: .9}

#signup form button:enabled:hover, #attending form button:enabled:hover {
opacity: 1}

/*diversity*/

#diverse {
	margin-top: 2em
}

#diverse h2 {
font-size: 1.8em;
margin-bottom: .5em;
line-height: 1.2;
font-weight: 700
}

#diverse h2 + p {
	font-size: 1em;
	margin-bottom: 1.4em
}

#diverse h3 {
	font-family: var(--body-font);
margin-bottom: .2em;
font-weight: 600;
font-size: 1.1em
}


/*speaking*/

#speaking {
 background-color: var(--reverse-text-color);
 padding-top: 2em;
 padding-bottom: 2em;
 font-size: 1.1em
}

#speaking h2 {
font-size: 2em
}

/* tidying */

#partners {
	padding-top: 5em;
	padding-bottom: 5em
}

#aboutus {
	width: 80%;
	margin-inline: auto;
	padding-top: 7em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	font-size: 1.2em;
	column-gap: 2em;
}

.about-person, .about-organiser {
	display: flex;
	flex-wrap: nowrap;
	flex: 0 0 100%;
	column-gap: 2em;
	align-items: center;
	}

#aboutus p {
	font-size: .8em;
}

.about-person img {
	display: block;
	aspect-ratio: 16 / 9;
	width: 30%;
	border-radius: var(--main-theme-border-radius);
	background-color: var(--main-theme-contrast-color-2);
}

#johnallsopp h3 {
	font-size: 1.6em;
	font-weight: 600;
	color: var(--main-theme-contrast-color-2)
}

#aboutus img {
	display: block;
	flex: 0 0 35%;
	width: 35%;
	aspect-ratio: 16 / 9;
/* 	width: 100%; */
/* 	box-shadow: 1.5em -1.5em var(--engineering-color); */
	margin: 2em auto;
	border-radius: var(--main-theme-border-radius);
}

#aboutus h2 {
	font-size: 1.8em;
	line-height: 1.1;
	font-weight: 600;
	text-transform: uppercase;
}

#aboutus h2 strong {
	color: var(--page-text-color)
}

#aboutus h2 strong {
	font-weight: 900;
}
#aboutus > p {
/* 	margin-left: 15% */
text-align: center;
margin-inline: auto;
}

/* partners */

#partners > section {
	margin: 0
}

#partner-details {
	width: 100%;
	float: none
}

#partners h2 {
	font-size: 2em;
	line-height: 1.1;
	color: var(--light-text-color);
	margin-bottom: .5em;
	text-transform: uppercase;
	text-align: center;
	width: 40%;
	margin: 0 auto .5em auto;
	font-weight: 600;
}

#partners h2 strong {
	color: var(--main-theme-contrast-color)
}

#partners h3 {
	font-size: 1.6em;
	font-weight: 600;
	text-align: center;
	width: 100%
	
}

#partners p {
	text-align: center;
	width: 60%;
	margin: 1em auto;
	font-size: .9em;
}

.partners-container {
	display: flex;
	padding-top: 2em;
	flex-wrap: wrap;
align-items: center;
justify-content: space-around;

}

.major-partner {
	width: 100%;
	margin-block: 1em;
	text-align: center;
}

 .major-partner a:link {
 	display: inline-block;
	width: 50%;
	margin-inline: auto;
}


    #partners .major-partner img {
        width: 100%;
        float: none;
        margin-block-end: 0;
    }

.minor-partner {
	width: 30%;
	margin-block: 1em;
}

#partners .minor-partner img {
	width: 100%;
}

.partner {
	width: 29%;
	margin-inline: 2%;
	margin-block: 1em
}

.agency-partner {
	width: 15%;
	margin-block: 1em	
}

/* 
#speaking
 */

#speaking {
 background-color: var(--reverse-text-color);
 margin-block-start: 0em;
 padding-top: 2em;
 padding-bottom: 2em;
 font-size: 1.1em
}

#speaking h2 {
font-size: 2em;
font-weight: 600;
line-height: 1;
}

#speaking h3 {
font-size: 1.4em;
font-weight: 600;
}

/* code of conduct */

#code {
margin: 2em auto;
color: var(--reverse-text-color);
background-color: var(--main-theme-highlight-color);
width: auto;
padding-left: 22%;
padding-right: 22%;
padding-block: 2em;
text-align: center;
font-size: .9em;
margin-block: 0;
}

#code h2 {
	font-weight: 600;
	color: var(--reverse-text-color);
	font-size: 2em
}

footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	background-color: var(--main-theme-contrast-color);
	margin-top: 0em;
	color: var(--reverse-text-color);
	font-size: .8em;
	padding: 4em 0
}

footer a:link {
	text-decoration: none;
}

.footer-details {
	width: 25%;
}

.footer-details h3 {
	font-size: 1.3em;
	color: var(--reverse-text-color);
	font-weight: 600;
}

#copyright {
	width: 60%;
	margin: 4em auto 0 auto;
	padding: 0 20%;
	text-align: center;
	
	
}

/*register iframe */

#register-now.sr-only {
	opacity: 0;
}

#register-now {
	width: 90%;
	height: 90vh;
	border: none;
	box-shadow:2px 2px 9px var(--light-shadow-color);
	margin: 0;
	position: fixed;
	top: 0%;
	left: 0;
	background: rgba(100, 100, 100, .5);
	padding: 5vh 5%;
	z-index: 10;
	opacity: 1;
	transition: opacity 2s;
	transition-delay: .1s
}




/*credits*/

#credits {
	display: block;
	color: white;
	background-color: var(--reverse-bg-color);
	text-align: right;
	font-size: .7em;
	padding: 1em;
}