body {

overflow-x: hidden

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


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

#wds-logo {
	font-size: .8em
}

nav.page li {
	display: none;
}

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

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

/* header */

header#page-header {
	background-image: var(--theme-bg-image-narrow);
	padding-block: 3em;
	background-size: cover;
	background-position: 100%;
	text-shadow: var(--legibility-shadow);
}

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

}

#page-header #header-content {
	width: 90%;
	margin-left: 5%;
	font-size: .8em
}

header#page-header h1 {
	font-size: 3em;
	font-size: 8cqw;
/* 	mix-blend-mode:screen */

}

/* return block */

#return {
	display: block;
	padding-block: 4em 2em;
}

#return img {
	display: none;
}

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

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

#return p {
}

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

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

/* ctb block */

#ctb {
	display: block;
	padding-block: 2em;
}

#ctb img {
	display: none;
}

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

#ctb h2 {
	width: 100%;
	text-align: center;
}

#ctb p:last-of-type {
	text-align: right;
}

/* 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
}

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

#bigideas .curators, #bigideas #session3 .curators,  #bigideas #session4 .curators, #bigideas #marketing .curators, #bigideas #speakers-container .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: block
}

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

}

#bigideas > header {
    display: block;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: .2em;
    text-align: left;
    margin-block-end: 0;
    padding-block-end: 1em;
}

#bigideas > header h2, #bigideas > header p {
	width: 90%;
	margin-inline: auto;
	text-align: center;
}

/* quotes */

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


/* livestream */

#livestream {
	padding-bottom: 3em;
}

#livestream img {
	display: none;
}

#livestream .details {
	width: 100%
}


/* 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;
}


/* teams */

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

#teamoffers section {
	flex: 0 0 100%
}

#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%
}

#previously {
	font-size: 1.1em
}

#previously img {
	display: none
}

#previously .details {
	width: 80%
}


/* partners */

#partners {
	padding-inline: 4%
}

#partners h2 {
	width: 80%
}

#partners p {
	width: 90%
}

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

/* partner page */

#partner header {
	flex-direction: column;
}

#partner .session-speaker-and-name {
	width: 90%;
	margin: auto;
}

#partner header > a {
	flex: 80%;
	margin: auto;
}

#partner .session-speaker-and-name a:link {
	text-decoration: underline;
} 

/* 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 */

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

#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: 100%;
}

#speaker .speaker-hero {
	width: 90%;
	font-size: 1.3em;
	margin-inline: auto;
}

#speaker .speaker-hero img {
	border-radius: 2em;
	margin: 0% auto 2em auto;
	display: block;
	width: 70%;
	box-shadow: var(--contrast-box-shadow);

}

/* 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%
 }
 
/*  speakers frontpage */

#speakers {
	padding-block: 0
}