body {

overflow-x: hidden

}
 
/*  site nav */
 nav#site22 {
	background-color: #fff;
}
 
/* pagenav  */


nav.page {
	display: block;
	padding: 1em 2% .5em 2%;
	width: 96%;
	z-index: 10;
	position: -webkit-sticky;
	position: sticky;
	top: 5em;
}

#wds-logo {
	font-size: 1em
}

body nav.page li {
	display: none;
}

 
nav.page li:nth-child(1), nav.page li:last-of-type {
	display: block;
}

nav.page li:first-child {
	width: fit-content;
	text-align: left;
	margin-right: 1%;
	font-size: 2em;
}

/* header */

header#page-header {
	padding-block: 2em 4em;
}

header#page-header h1 {
	text-shadow: var(--legibility-shadow);

}

#page-header #header-content {
	width: 96%;
	max-width: 96%;
	margin-inline: auto;
	/* 
margin-left: 5%;
	font-size: .8em
 */
}

header#page-header h1 {
	font-size: 3em;
	font-size: 9cqw;
/* 	mix-blend-mode:screen */
	margin-inline: auto;
}

header#page-header h1 > span {
font-size: .62em
}

header#page-header #event-name {
	font-size: 1.15em
}

header#page-header .tagline {
	font-size: 5cqw;
	width: 70cqw;
	margin-inline: auto;
}

header#page-header h1 img {
	height: 1cap;
	width: auto;
}

/* return block */

#return {
	padding-bottom: 6em;

}

#return img {
	display: none;
}

#return .details {
	width: 90%;
	margin-inline: auto;
	padding-block-end: 2em;
}

#return h2 {
	width: 90%;
	text-align: center;
}

#return p {
	width: 90%;
}

#return ul {
	width: 100%;
	font-size: .8em;
	justify-content: space-evenly;
}

#return li {
	padding-inline: 1em;
	font-size: 1.1em 
}

/* tracks */

#tracks .intro {
display: block;
}


#tracks .intro > section {
	width: 100%
}

.track-summary {
	width: 43%;
	padding: 2%
}

.track-summary > p:last-of-type a {
	font-size: .8em
}

/* speak */

#speakforus img {
	display: none;
}

#speakforus .details {
	width: 80%;
	margin-inline: auto;
}

#speakforus p:last-child {
	text-align: center;
}

#speakforus p:last-child a:link {
	display: inline-block;
	width: 70%;
	margin-inline: auto;
}

/* signup */

#signup {
	padding-inline: 2%;
}

#signup > * {
	width: 90%
}

/* keynotes */

#session1>a {
	width: 46%;
	font-size: .8em;
}

#session1>a:last-of-type {

}

/* tracks */

#bigideas .header-track ul {
	width: 96%
}

#bigideas .header-track li {
	font-size: .4em
}


#engineering {
    display: flex;
    flex-direction: column;
    flex-wrap: no-wrap;
	justify-content: space-around;
	row-gap: 2vw;
	column-gap: 0;
	padding-bottom: 2em
}

#speakers-container > a:has(.keynote) {
	width: var(--speaker-card-width-narrow);
}

#speakers-container > a:has(.speaker-hero) {
	width: var(--speaker-card-width-narrow);
}

#marketing>a, #session2>a, #session3>a, #design>a, #books>a, #session4>a, #engineering>a, #designsystems>a {
	flex: 0 0 var(--speaker-card-width-narrow)
}

#bigideas .curators, #bigideas #session3 .curators,  #bigideas #session4 .curators, #bigideas #marketing .curators, #bigideas #engineering .curators,#bigideas #session2 .curators  {
	width: 100%
}

#bigideas .curators > h2, #bigideas .curators > p {
	padding-inline: 0;
	width: 90%;
	margin-inline: auto
}

#bigideas .speaker-role, #bigideas .speaker-company {
/* 	display: none */
}

#bigideas .track-details p {
	width: 80%
}

#session1 .speaker-details {
	min-height: 4em

}

/* quotes */

.big-quote.part {
	padding-inline-end: 10%;
	font-size: .8em;
}


/* livestream */

#livestream {
	padding-bottom: 3em;
}

#livestream img {
	display: none;
}

#livestream .details {
	width: 100%
}

#livestream p {
	width: 100%;
	text-align: center;
}

#livestream p:last-child a:link {
	width: fit-content;
	margin-inline: auto;
}


/* register */

#register {
	width: 96%;
	margin-inline: auto;
}

#register > h2, #register > p {
width: 80%
}

.scroller {
	background: linear-gradient(90deg,#fff 33%, rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 66%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent) 0 100%;
	background-repeat: no-repeat;
	background-size: 30px 100%,30px 100%,10px 100%,10px 100%;
	background-position: 0 0,100%,0 0,100%;
	background-attachment: local,local,scroll,scroll;
}

.scroller {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
	overflow: auto;
}

#register table {
	border-collapse: collapse;
	border-spacing: 20px 0;
	width: 200%;
	margin-top: 2em;
}

#register td:nth-of-type(3) div > p {
display: none;
}

.discount-price {
	flex: 0 0 100%;
	width: 100%;
	display: block;
	margin-block: 1em;
}

.discount-price h4 {
	font-size: 1.2em
}

#register tr {
	height: auto;
}


/* passes */

.passes {
	row-gap: 2vw
}

.pass {
    flex: 1 1 var(--narrow-pass-width);
}

#speaker .pass {
padding-block-end: 1.5em;
}

.pass header {
	padding-block: 0em 1em
}

.pass p:nth-last-child(2) {
	margin-block-end: 3em;
}

/* teams */

#teamoffers {
	padding-inline: 2%;
	padding-block-end: 4em;
}

#teamoffers > h2, #teamoffers > p {
	width: 80%
}

#teamoffers table {
	width: 200%;
	margin-block-end: 2em;
}

/* venue */

#venue {
	font-size: 1.1em
}

#venue img {
	display: none
}

#venue .details {
	width: 80%
}


/* partners */

#partners {
	padding-inline: 4%
}

#partners h2 {
	width: 80%
}

#partners p {
	width: 90%
}

.major-partner {
	flex: 0 0 90%
}

.minor-partner {
	flex: 0 0 48%
}

/* previously */

#previously {
	font-size: 1.1em
}

#previously img {
	display: none
}

#previously .details {
	width: 80%
}

/* conffab */

#about-conffab {
	padding-inline: 0;
	margin-inline: auto;
}

#about-conffab .content {
	width: 80%;
	margin-inline: auto;
}

#about-conffab p:last-of-type {
	display: flex;
	justify-content: space-around;
	width: 100%;
	font-size: .8em;
}

/* about */

#aboutus {
	display: block;
	padding-inline: 2%;
	margin-inline: auto;
}

.about-person, .about-organiser {
	flex-direction: column;
}

#aboutus img {
	flex: 0 0 100%;
	width: 100%
}

/* 
#about img {
	display: none;
}
 */

#aboutus, #johnallsopp {
width: 90%;
	margin-inline: auto;

}

/* code */

#code {
	width: 96%;
	padding-inline: 2%
}

/* footer */

.footer-details {
	width: 90%;
	margin-inline: auto;
}

/* spesker pages */

#session-details {
	display: flex;
	flex-direction: column;
}


#schedule {
	margin-inline: auto;
	width: 95%;
}

#speaker .speaker-hero {
	width: 90%;
	margin-inline: auto;
	box-shadow: var(--subtle-shadow);
}

.speaker-hero h3, .speaker-hero h4 {
	width: 100%
}

/* schedule */


#schedule .session.content, #schedule .housekeeping  {
	width: 90%;
	padding: 1em 2%;
	border-radius:1em;
	flex-wrap: wrap;
	row-gap: .3em;
	align-items: flex-start;
}

.conversation .abstract {
	display: none
}

#schedule .session > .time {
	display: block;
	width: 100%;
	text-align: center
}

#schedule .session .details {
	width: 60%
}


#schedule .session .image {
	width: 30%;
	text-align: center;
}

 #schedule .session .image img {
 	width:90%
 }
 
  #schedule .session.housekeeping .image img {
 	width: 60%
 }

/* workshops */

.workshop {
	width: 94%;
	flex-direction: column;
	align-items: center;
}

.workshop header {
	flex-basis: 100%
}


#workshops p:last-child a:link, #workshops p:last-child a:visited {
	font-size: 1.2em;
}

#workshops header p {
	width: 90%
}

#workshops .workshop p:last-child {
	display: flex;
	font-size: .9em;
	justify-content: space-between;
}

/* about dev summit  */

#dev-summit, #speakforus {
/* 
	padding-block: 4em 2em;
 */
}

#dev-summit img {
	display: none;
}

#dev-summit .details {
	width: 96%;
	margin-inline: auto;
	padding-block-end: 2em;
}

#dev-summit h2 {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
}

#dev-summit p {
	width: 100%;
	font-weight: 400;
	font-size: 1em;
}

#dev-summit ul {
	width: 100%;
	font-size: .8em;
	justify-content: space-evenly;
}

#dev-summit li {
	padding-inline: 1em;
	font-size: 1.1em 
}

#dev-summit .register {
	font-size: 1em;
	font-size: 4.6cqw;
	padding: .4em 1.4em;
}