@font-face { 
	src: url('/assets/fonts/Eames/EamesCenturyModern-Stencil.woff2') format("woff2"),
		url('/assets/fonts/Eames/EamesCenturyModern-Stencil.woff') format("woff");
	font-family: 'Eames Century Modern Stencil';
	font-style: normal;
	font-weight: 700;
}

/*Romans*/

@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-Light.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-Light.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 300;
}
@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-LightItalic.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-LightItalic.woff') format("woff");
	font-family: 'Pitch';
	font-style: italic;
	font-weight: 300;
}

@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-Regular.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-Regular.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 400;
}
@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-RegularItalic.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-RegularItalic.woff') format("woff");
	font-family: 'Pitch';
	font-style: italic;
	font-weight: 400;
}

@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-Medium.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-Medium.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 500;
}
@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-MediumItalic.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-MediumItalic.woff') format("woff");
	font-family: 'Pitch';
	font-style: italic;
	font-weight: 500;
}

@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-Semibold.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-Semibold.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 600;
}
@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-SemiboldItalic.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-SemiboldItalic.woff') format("woff");
	font-family: 'Pitch';
	font-style: italic;
	font-weight: 600;
}

@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-Bold.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-Bold.woff') format("woff");
	font-family: 'Pitch';
	font-style: normal;
	font-weight: 700;
}
@font-face { 
	src: url('/assets/fonts/Pitch/PitchWeb-BoldItalic.woff2') format("woff2"),
		url('/assets/fonts/Pitch/PitchWeb-BoldItalic.woff') format("woff");
	font-family: 'Pitch';
	font-style: italic;
	font-weight: 700;
}


* {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	color: inherit;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}


* + * { margin-top: 1em;}

section#intro  { padding-bottom:0;

}

html.debug * {
	outline: 1px dashed rgba(255,0,0, 0.75);
}
body:before { /* BREAKPOINT INDICATOR */
	content: 'XXS';
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: rgba(128,128,128, 0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10000;
}
.debug body:before {
	display: block;
}
html {
	font-size: 100%;
}


body {
	font-family: "Pitch", Verdana, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: .875em;
	line-height: 1;
	margin-top: 0;
	text-align: left;
	color: black;
	background-color: white;
	-webkit-text-size-adjust: 100%;

  background-image: url("/assets/img/typelab-bg-mint.gif"); /*  */
/*     background-size: 1000px 1000px; */
    background-repeat: repeat;
    background-position: center center;
}
a:link, a:visited {
/*text-decoration: underline;*/
text-decoration:none;
border-bottom:1px solid #000; /* black */
}

a:link.typographics-logo, a:visited.typographics-logo {
/*text-decoration: underline;*/
text-decoration:none;
border-bottom:0px solid #000; /* black */
}


a:hover, a:active {

text-decoration:none; 

color: #EC1D24; /* red */
border-bottom:1px solid #EC1D24;

}
a:hover, a:active {
	/*text-decoration: underline; 
	font-weight: 600;*/

	color: #EC1D24; /* red */

}

a:hover cite, a:active cite {
	/*text-decoration: underline; */
	font-weight: 600;

}


h1, h2, h3 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2 {

}
h5 a:link {
	font-size: .5em;
	margin-left: .5em;
	text-decoration: none;
	border-bottom: none;
}

.center {
	display:block;
	margin:0 auto 0 auto;
	text-align: center;
}

.header {
	font-style: italic;
	font-weight: 700;
	font-size: 7.6rem;
	line-height: .9;
	margin-top: 0em;
	margin-bottom: .5em;
	margin-left:0em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.typelab-logo {
/* 	font-style: normal; */
	font-weight: 700;
	font-size: 4em;
	line-height: .8;
	color: #EC1D24; /* red */
	color: #00ad00; /*green*/
	color: black;
	margin-top: 0em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


}

.typographics-logo {
	font-family: "Eames Century Modern Stencil";
	font-size: 1.5em;
	text-transform: lowercase;
	font-style: normal;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:link.typographics-logo {
    text-decoration: none;
}

.lockup {
	display:block;
	text-align: center;
	margin: 6% auto 0 auto;
	font-size:1.4rem;
	/* background-color: white; */
	padding: 2% 3% 6%;
	width: intrinsic;
}


p {
	font-style: normal;
	line-height: 1.2;
	word-spacing:-0.1em;
}
del {
	text-decoration: line-through;
}
strong {
	font-weight: 800;
}
i, em {
	font-style: italic;
}


table, th, td { 
	border: 0px; 
}



th, td {
	vertical-align: top;
	line-height: 1.4;
}
tr + tr td,
tr + tr th {
	padding-top: 1em;
}
th {
	width: 7em;
	font-weight: bold;
}

section, footer {
	padding: 4% 5% 6% 5%;
	margin-top: 0;
}


#body {
	/*background-color:#fff; */
}
.speaker_name {
	font-weight: 600;
	font-style: italic;
	word-spacing:-.2em;
	overflow:hidden;
 	background-color: white;
 	padding: 0 .2em .1em;
    	white-space: nowrap;
    	display: inline-block;
    	margin-top: .25em;
 	margin-bottom:.25em;
 	margin-right:1ch;
}

.event_description {
	font-weight: 600;
	font-style: normal;
	word-spacing:-.2em;
	overflow:hidden;
 	background-color: white;
 	padding: 0 .2em .1em;
    	/*white-space: nowrap;*/
    	display: inline-block;
    	margin-top: .25em;
 	margin-bottom:.25em;
 	margin-right:1ch;
}

#typelab-schedule th,
#typelab-schedule td {
	padding-top: 5%;
}

.event_details {
	position: relative;
}

.edit_link {
	font-size: 10px;
	padding: .25em;
	margin: 0;
	background-color: #FF0;
	color: #000;
	position: absolute;
	z-index: 1;
	top: 2em;
	right: 0;
	display: none;
}
*:hover > .edit_link {display: inline-block;}



.talk_title {
	font-weight: 500;

	font-style: normal;



	font-size:1.5em;

	/* text-transform: capitalize;*/

/*
	font-size:3.0em;
	line-height: 1.2em;
*/

		




}
/*

span.talk_title.hyphenate cite  {
	hyphens:auto;
    text-align:left;
 
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";



    -webkit-hyphenate-limit-after:3;
    -webkit-hyphenate-limit-before:3;

    -moz-hyphens:auto;
}


*/

h5 {
	padding-bottom:.5em; /*added to avoid indent of below items*/
	margin-bottom:.25em;/* added to avoid indent of below items*/
	margin-top: 0;
	background-color:white;
	line-height: 1;

	/*text-overflow: ellipsis; /* will make [...] at the end */
    /*white-space: nowrap; /* paragraph to one line */
    /*overflow:hidden; /* older browsers */

    }

  section#typelab-schedule  td {
  	/*color:white;
  	background:rgba(0,255,255,.5);*/
  }

  section#typelab-schedule {
  	padding:2% 2% 3% 2%;
  	padding:0% 0% 0% 0%;
  }

  section#typelab-schedule tr {
  	padding-top:2%;
  }

  section#typelab-schedule th {
  	/*max-width: 30%; */
  	overflow: hidden;
  	padding-bottom:3%;

  	/*background-color:blue;*/


  }

  section#typelab-schedule td {
  	/*width: 50%; */
  	overflow: hidden;

  	padding-bottom:3%;
  	padding-right:2%;
  	padding-left:2%;


  	/*background-color:green;*/
  	
  }

 .other {
 	background-color: yellow;
 	background-color: white;

 }

 .date {
 	font-style: normal;
 	background-color:yellow;
 	background-color:white;


 	padding-bottom:10%;


 	padding-right:10%;
 	margin-right:5%;


 }

.day {
	background-color:white;
	padding-left:5%;
}

#day {
	font-size: .875em;
	z-index:2;
	margin-bottom:-1.2em;
}

.time {
	/*background-color:blue;*/
	padding-left:5%;
	max-width: 100%;
	text-align:center;
}

.start-time, .end-time {
	font-weight: 400; /* */
	font-size: 1.2em;
	line-height: .5;
	margin:0rem 0px -1rem 0px;
}

.center {
}

.time * + * {
	margin-top:.2rem;
}

.small-word {
	font-style: italic;
	font-size:.8rem;
	margin-top: 0;
}

.bg-white {
	background-color:white;
}

.chunk {
	background-color: yellow;
	background-color:white;
	padding:5% 5% 5% 5%;
	max-width: 80rem;
	line-height: 1.5;
}

#top, #intro, #more {
	max-width: 80rem;
	margin:0 auto 0 auto;
}



footer {
	padding: 5% 6% 5% 6% ;
	background-color: white;
	line-height: 1.5;
}
footer p {
	max-width: none;
}
.colophon {
	text-align: center;
	max-width: none;
}



@media (min-width: 20em) {
	body:before {content: 'XS';}
}
@media (min-width: 30em) {
	body:before {content: 'S';}
	
}
@media (min-width: 36em) {
	body:before {content: 'S/M';}
	
}
@media (min-width: 48em) {
	body:before {content: 'M';}

	body {font-size: 1.2em}
	
	.typographics-logo {
		font-size: 2em;
	}

	/*make left column bigger*/

	  section#typelab-schedule th {
  	width:15em;

  	width:12em;

  	/*background-color:blue;*/
  }

  .start-time, .end-time {
  	font-size:4rem;
  	font-size:3.75rem;
  	font-size:3.0rem;
  	font-size:2.75rem;
  }

  .talk_title {

	font-size:4.0rem;
	font-size:3.75rem;
  	font-size:3.0rem;
  	font-size:2.75rem;
    }

    .speaker_name {
    font-weight: 300;
    	font-size:2rem;
    }

	.day{
	font-size:1.5rem;
	}

	#day {
		margin-bottom:-.5em;
	}

	.small-word {
		font-size:1.5rem;
	}

}
	

@media (min-width: 64em) {
	body:before {content: 'L';}
	
}
@media (min-width: 80em) {
	body:before {content: 'XL';}

	  section#typelab-schedule th {
  	width:15em;
  	/*background-color:blue;*/
  }

	  .talk_title {


	font-size:3.5rem;

    }
	
  .start-time, .end-time {
  	font-size:4rem;

  		font-size:3.5rem;

  }

  	body {font-size: 1.4em}

  	.typelab-logo{
  		font-size:10rem;
  	}

}
@media (min-width: 96em) {
	body:before {content: 'XXL';}




}