@charset "UFT-8";
body {
	display:grid;
	grid-template-columns: [line1] 1fr [line2] 1fr [line3] 1fr [line4] 1fr [line5];
	grid-template-rows: [row-start] 1px [row1] 45vw [row2] max-content [row-end];
  	column-gap: 5px;
	row-gap: 5px;
  	justify-items: start;
 	align-items: end;
	font-family: "Funnel Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 400;
	background: linear-gradient(90deg,rgba(250, 245, 242, 1) 75%,rgba(253, 139, 134, 1) 95%, rgba(255, 75, 69, 1) 100%);
	background-color: #faf5f2;
	color:#231F20;
	padding:5px;
	margin:0;
	overflow-x:hidden;
}

.skip-link{
	grid-column-start: line1;
	grid-column-end: span line2;
	grid-row-start: row-start;
	grid-row-end: span row1;
}

	.skip-to-content-link {
		height: auto;
		padding: 10px;
		position: absolute;
		background: #35469D;
		color: white;
		border-radius: 25px;
		transform: translateY(-130%);
		transition: transform 0.3s;
	}

		.skip-to-content-link:focus {
		  transform: translateY(0%);
		}

			.skip-to-content-link{
				color:white;
			}
			.skip-to-content-link:visited{
				color:white;
			}


header{
	grid-column-start: line1;
 	grid-column-end: span line5;
	grid-row-start: row1;
	grid-row-end: span row2;
}

a{
	padding:0px 4px 2px 4px;
	color:#35469E;
	text-decoration: none;
}

a:visited{
	color:#35469E;
}

a:hover{
	color:white;
	background:#35469E;
	border-radius: 12px;
}

.nav-toggle{
    position: fixed;
    top: -4px;
    right: 10px;
    z-index: 2100;
    background: none;
    border: none;
    font-size: 6cqw;
    cursor: pointer;
}

.nav-content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(250, 245, 242, 1);
    z-index: 2000;
    display: block;
    transform: translateY(100vh);
    transition: transform 0.4s cubic-bezier(.77,0,.18,1);
    overflow-y: auto;
    padding: 2rem 1rem 1rem 1rem;
    pointer-events: none;
}

	.nav-content > h1{
		font-size: 6cqw;
		color: #231F20;
		font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
		font-weight: 400;
	}

	.nav-content > h2{
		font-size: 5cqw;
		color: #231F20;
		font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
		font-weight: 400;
	}

		.nav-content > ul{
			font-size: 1.2em;
			font-weight: 400;
			list-style-type: none;
		}

		.nav-content > ul > li{
			padding: 10px 0
		}

		.nav-content >ul > li > a{
				color: inherit;
				text-decoration: none;
			}

			.nav-content > ul > li > a:visited{
				color: inherit;
			}

			.nav-content > ul > li > a:hover{
				color: white;
				background: #231F20;}

			.nav-content > p > a{
				color: inherit;
				text-decoration: none;
			}

			.nav-content > p > a:visited{
				color: inherit;
			}

			.nav-content > p > a:hover{
				color: white;
				background: #231F20;
			}

.nav-content.open {
    transform: translateY(0);
    pointer-events: auto;
}

	div.site-title{
  		background: inherit;
		width: 100%;
		grid-row: span 2;
		font-size: 24cqw;
		color:#231F20;
		letter-spacing: -2px;
		line-height: 24cqw;
		font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
		font-weight: 400;
		font-style: normal;
		padding:0;
	}

	.index{
		display:grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: max-content;
		row-gap: 10px;
		column-gap: 5px;
		grid-column-start: line1;
	 	grid-column-end: span line5;
	 	grid-row-start: row2;
	}

		.site-description{
			display:inline-block;
			grid-column: 1/9;
			grid-row:1/2;
		 	font-size:1.6em;
		 	padding-left:8px;
		}
		.site-description > p{
			margin-top:0;
		}

		.theme-graphic{
			grid-column: 1/9;
			grid-row: 2/3;
			z-index: 1;
		}

		.sessions-container{
			display:grid;
			margin:40px 0;
			grid-template-columns: subgrid;
			grid-template-rows: auto;
			grid-column:1/9;
			grid-row:3/4;
		}

		.session:first-of-type{
			border-top: #35469D 4px solid;
		}

		.session:last-of-type{
			border-bottom:#35469D 4px solid;
		}


		.session{
			display:grid;
			grid-column: 1/9;
			grid-template-columns: subgrid;
			grid-template-rows: fit-content;
			border-radius:0px;
			border-top:#35469D 2px solid;
			border-bottom:#35469D 2px solid;
			padding: 10px 0px;
			background:none;
		}

		.session:hover{
			background: none;
			border-radius:0px;
		}

		.session:hover > .session-image{
			filter: drop-shadow(0 3mm 2mm #35469E);
		}

		.session:hover > .session-date{
			color:white;
			background:#35469E;
			border-radius: 16px;
		}

		.session:hover > .session-link{
			color:white;
			background:#35469E;
			border-radius: 24px;
		}	

		.register{
			align-self: center;
			justify-self: center;
			grid-column:1/8;
			grid-row:4/5;
			margin-bottom: 60px;
		}

			.section-title{
				grid-column: 1/8;
				font-size: 2em;
				font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				font-weight: 400;
				margin: 40px 0px 10px 0px;
			}

				.section-title > h2{
				font-weight: 400;
				margin:0px;
			}

			.session-link{
				display:inline-block;
				max-width: fit-content;
				font-size: 2em;
				color:#35469D;
				font-weight: 400;
				padding:0px 10px 5px 10px;
				margin-bottom: 10px;
				grid-column: 1/9;
			}

			.session-date{
				display:inline-block;
				max-height: fit-content;
				max-width: fit-content;
				align-self: left;
				font-size: 1.4em;
				color:#35469E;
				padding:2px 8px 3px 8px;
				grid-column: 1/9;
				margin:0 0 10px 0px;

			}
	
			.session-image{
				grid-column: 1/9;
				justify-self: center;
				align-self: center;
				border-radius:16px;
				max-width: 95%;
				max-height: 100%;
				filter: grayscale(0);
				padding:0px;
			}

	.page{
		display:grid;
		grid-template-columns: repeat(8, 1fr);
		column-gap: 5px;
		grid-auto-rows: minmax(30px, auto);	
		grid-column-start: line1;
		grid-column-end: span line5;
	 	grid-row: 2/4;

	}

		.md-content{
			display:grid;
			grid-column: 1/7;
			grid-template-columns: subgrid;
		}

			.md-content > h1 {
				grid-column: 1/8;
				font-weight: normal;
				font-size: 9cqw;
				line-height:9cqw;
				color:#231F20;
				font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				margin-bottom:10px;
					}

			.md-content > h2 {
				font-weight: normal;
				grid-column: 1/7;
				font-size: 7cqw;
				line-height: 7cqw;
				font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				padding: 0px 8px 0px 0px;
				margin: 20px 0px 0px 0px;

				}

			.md-content > h3 {
				grid-column: 1/7;
				font-weight: normal;
				font-size: 1.6em;
				font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				}

			.md-content > h4 {
				grid-column: 1/7;
				font-size: 1.6em;
				}
			
			.md-content > h5 {
				color:#35469E;
				grid-column: span 3;
				font-size: 0.9em;
				font-weight: normal;
				margin:0px;
				padding: 0px 0px 0px 5px;
				}

			.md-content > p {
				grid-column: 1/7;
				font-size: 1.2em;
				margin: 20px 0px;

			}

			.md-content > blockquote {
				grid-column: 1/8;
				font-family: "Unbounded","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
				font-size: 5cqw;
				font-weight: normal;
				text-align: center;

			}

			.md-content > hr {
				color: rgba(255, 75, 69, 1);
				Border-style:solid;
				grid-column: 1/8;
				width:100%;
				border-width: 2px;

			}

			.md-content > ul {
				display:inline-block;
				grid-column: 1/7;
				font-size: 1em;
				padding-left:0;
				margin-top:0px;
			}

				.md-content > ul > li {
					display:inline-block;
					color:white;
					background:#35469E;
					width:1fr;
					padding:2px 10px 4px 10px;
					border-radius: 18px;
					
				}

			.md-content > ol {
  				grid-column: 1/7;
				font-size: 1.2em;
				margin:0 0 30px 0;
			}

				.md-content > ol > li {
					padding:0px 0px 4px 10px;
				}

			.md-content > dl {
				display: grid;
  				grid-gap: 4px 16px;
  				grid-template-columns: max-content;
  				grid-column: 1/7;
				font-size: 1.2em;
				padding-left: 20px;
			}

				.md-content > dl > dt {
					display:inline-block;
				}

				.md-content > dl > dd {
					display:inline-block;
					margin-inline-start: 0px;
					grid-column-start: 2;
				}


			.md-content > table {
				grid-column: 1/8;
				font-size: 1.2em;
				border-collapse: separate;
				border-spacing: 0;
				overflow: hidden;
				width: 100%;
			}

					.md-content > table > thead {
					background: #35469E;
					color: white;
					}

					.md-content > table th {
						border: 2px solid #35469E;
						border-bottom: none;
						padding: 8px 12px;
						background: #35469E;
					}

					.md-content > table th:first-child {
						border-top-left-radius: 30px;
					}

					.md-content > table th:last-child {
						border-top-right-radius: 30px;
					}

					.md-content > table > tbody > tr > td {
						border: 2px solid #35469E;
						border-top: none;
						padding: 5px 10px;
						background: none;
					}



			pre{
				grid-column: 1/7;
			    font-size: 1em;

			}

				code{
					color: white;
				    display: block;
				    font-size: initial;
				    width:max-content;
				    background: #35469E;
				    border-radius: 18px;
				    padding: 10px 30px 10px 20px;
				}

			img{
				filter: grayscale(1);
				transition: 0.5s ease-out;
				border-radius: 18px;
				grid-column: span 2;
				grid-row:auto;
				padding: 5px;
				max-width: 400px;
				max-height: 300px;
			}

			img:hover{
				filter: grayscale(0);
			}

			hr.footnotes-sep{
				border-width: 0px;
			}

			section.footnotes{
				grid-column: 1/7;
			}

			li.footnote-item{
				display:list-item;
				color:initial;
				background:none;
				padding:initial;
				border-radius: none;

			}

footer{
	grid-column: 1/5;
	grid-row: 4/5;
}

.address{
	font-size: 4cqw;
	line-height:5cqw;
	font-family: 'unbounded', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	color: rgba(255, 75, 69, 1);
	font-weight:400;
	margin: 20px 0px 0px 0px;
}

	.address > p{
		margin:0px;
	}



@media only screen and (min-width: 850px) {

body {
	grid-template-columns: [line1] 1fr [line2] 1fr [line3] 1fr [line4] 1fr [line5];
  	grid-template-rows: [row-start] 1px [row1] 20vw [row2] max-content [row-end];
	row-gap: 0px;
}

.nav-toggle{
    position: fixed;
    top: 0px;
    right: 10px;
    font-size: 3cqw;
    cursor: pointer;
}
.nav-toggle{
	top: 0px;
    font-size: 3cqw;
    cursor: pointer;
}


	.nav-content > h1{
		font-size: 3cqw;
	}

	.nav-content > h2{
		font-size: 2cqw;
	}

div.site-title{
	font-size: 15cqw;
	}

		.site-description{
			display:inline-block;
			grid-column: 1/7;
			grid-row: 1/2;
		 	font-size:1.6em;
		 	padding-left:8px;
		}

		.theme-graphic{
			grid-column: 2/8;
			grid-row: 2/3;
			max-width: 100%;
			max-height: 100%;
		}

g{
	transition: transform 0.3s ease-out;
}

		.sessions-container{
			display:grid;
			margin:40px 0;
			grid-template-columns: subgrid;
			grid-template-rows: auto;
			grid-column:1/9;
			grid-row:3/4;
		}

		.session:first-of-type{
			border-top: #35469D 4px solid;
		}

		.session:last-of-type{
			border-bottom:#35469D 4px solid;
		}


		.session{
			display:grid;
			grid-column: 1/9;
			grid-template-columns: subgrid;
			grid-template-rows: repeat(auto-fill, 200px);
			border-radius:0px;
			border-top:#35469D 2px solid;
			border-bottom:#35469D 2px solid;
			padding: 5px 0px;
			background:none;
		}

		.session:hover{
			background: none;
			border-radius:0px;
		}

		.session:hover > .session-image{
			filter: drop-shadow(0 3mm 2mm #35469E);
		}

		.session:hover > .session-date{
			color:white;
			background:#35469E;
			border-radius: 16px;
		}

		.session:hover > .session-link{
			color:white;
			background:#35469E;
			border-radius: 24px;
		}


			.section-title{

			}

				.section-title > h2{
				font-weight: 400;
				margin:0px;
			}

			.session-link{
				display:inline-block;
				max-width: fit-content;
				max-height: fit-content;
				grid-column: 1/4;
			}

			.session-date{
				display:inline-block;
				grid-column: 4/5;
				margin:0 0 10px 0px;

			}
	
			.session-image{
				grid-column: 5/9;
				justify-self: end;
				align-self: center;
			}
			

		.md-content{
			display:grid;
			grid-column: 1/7;
			grid-template-columns: subgrid;
		}

			.md-content > h1 {
				grid-column: 1/7;
				font-size: 5cqw;
				line-height: 5cqw;
				margin-bottom:10px;
					}

			.md-content > h2 {
				grid-column: 1/2;
				font-size: 2.5cqw;
				line-height: 2.5cqw;
				padding: 0px 8px 0px 0px;
				margin: 20px 0px;

				}

			.md-content > h3 {
				grid-column: 1/2;
				font-size: 1.4em;
				}

			.md-content > h4 {
				grid-column: 2/7;
				font-size: 1.4em;
				}
			
			.md-content > h5 {
				grid-column: span 1;
				font-size: 0.9em;
				padding: 0px 0px 0px 5px;
				}

			.md-content > p {
				grid-column: 2/7;
				font-size: 1.2em;
				margin: 20px 0px;

			}

			.md-content > blockquote {
				grid-column: 2/7;
				font-size: 2.5cqw;
			}

			.md-content > hr {
				grid-column: 2/7;
			}

			.md-content > ol {
  				grid-column: 2/7;
				font-size: 1.2em;
				margin:0 0 30px 0;
			}

				.md-content > ol > li {
					padding:0px 0px 4px 10px;
				}

			.md-content > dl {
  				grid-column: 2/7;
			}

			.md-content > table {
				grid-column: 2/7;
				font-size: 1.2em;
				width: 100%;
			}

			pre{
				grid-column: 2/7;
			    font-size: 1em;
			}

			img{
				filter: grayscale(1);
				transition: 0.5s ease-out;
				border-radius: 18px;
				grid-column: span 2;
				grid-row:auto;
				padding: 5px;
				max-width: 400px;
				max-height: 300px;
			}

			hr.footnotes-sep{
				border-width: 0px;
			}

			section.footnotes{
				grid-column: 2/6;
			}

			li.footnote-item{
				display:list-item;
				color:initial;
				background:none;
				padding:initial;
				border-radius: none;

			}

.address{
	font-size: 1.4cqw;
	line-height:2.6cqw;
	margin: 20px 0px 0px 0px;
}

}

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



}