@charset "UTF-8";
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

button, input[type="button"], input[type="reset"], input[type="submit"], a.button { appearance: none; background: transparent; border: #247EFF 2px solid; border-radius: 100px; color: #247EFF; cursor: pointer; display: inline-block; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-decoration: none; transition: background-color 150ms ease border-color 150ms ease color 150ms ease; user-select: none; vertical-align: middle; white-space: nowrap; }
button.primary, input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary, a.button.primary { border: 2px solid #CABD4B; color: #CABD4B; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, a.button:hover, a.button:focus { background-color: #1d65cc; color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, a.button:disabled { cursor: not-allowed; opacity: 0.5; }
button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover, a.button:disabled:hover { background-color: #247EFF; }

fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; }

legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; }

label { display: block; font-weight: 600; margin-bottom: 0.375em; }

input, select, textarea { display: block; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select[multiple] { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-bottom: 0.75em; padding: 0.5em; transition: border-color 150ms ease; width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover { border-color: #b1b1b1; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus { border-color: #247EFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(11, 111, 255, 0.7); outline: none; }
input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled { background-color: #f2f2f2; cursor: not-allowed; }
input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover { border: 1px solid #ddd; }

textarea { resize: vertical; }

[type="search"] { appearance: none; }

[type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; }

[type="file"] { margin-bottom: 0.75em; width: 100%; }

select { margin-bottom: 0.75em; max-width: 100%; width: auto; }

html { box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin: 0; }

dt { font-weight: 600; margin: 0; }

dd { margin: 0; }

figure { margin: 0; }

img, picture { margin: 0; max-width: 100%; }

table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75em 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.75em 0; }

tr, td, th { vertical-align: middle; }

body { color: #333; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; line-height: 1.5; font-weight: 200; }

h1, h2, h3, h4, h5, h6 { font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1.333em; line-height: 1.2; margin: 0 0 0.75em; }

address { font-style: normal; }

p { margin: 0 0 0.75em; }

a { color: #247EFF; text-decoration: none; transition: color 150ms ease; }
a:active, a:focus, a:hover { color: #1b5fbf; }

hr { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; }

body { margin: 0; padding: 0; text-rendering: optimizeLegibility; }
body > header, body > section, body > footer, body > div, body > article section { padding-left: 0.6em; padding-right: 0.6em; }

h1 { font-size: 35px; margin-bottom: 0.2em; }
@media screen and (min-width: 600px) { h1 { font-size: 55px; } }

h2 { font-size: 24px; margin-top: 1em; margin-bottom: 0; font-weight: 300; }
@media screen and (min-width: 600px) { h2 { font-size: 27px; } }

h1 svg, h2 svg, h3 svg, h4 svg { height: 1em; width: 1em; height: 0.6em; width: 0.6em; }
h1 a, h2 a, h3 a, h4 a { opacity: 0.5; transition: opacity 150ms ease; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { opacity: 0.85; }

section { max-width: 1140px; margin-left: auto; margin-right: auto; }
section::after { clear: both; content: ""; display: table; }
section::after { clear: both; content: ""; display: table; }
section ul { list-style: disc; padding-left: 2em; margin: 0.5em; }

.itemgroup { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }
@media screen and (max-width: 599px) { .itemgroup > div { margin-bottom: 0.6em; } }
@media screen and (min-width: 600px) { .itemgroup { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } }

a.inline svg { width: 1.5em; height: 1.5em; vertical-align: bottom; }
a.inline svg path { fill: #247EFF; }

body { background-color: white; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

button, input[type="button"], input[type="reset"], input[type="submit"], a.button { appearance: none; background: transparent; border: #247EFF 2px solid; border-radius: 100px; color: #247EFF; cursor: pointer; display: inline-block; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-decoration: none; transition: background-color 150ms ease border-color 150ms ease color 150ms ease; user-select: none; vertical-align: middle; white-space: nowrap; }
button.primary, input[type="button"].primary, input[type="reset"].primary, input[type="submit"].primary, a.button.primary { border: 2px solid #CABD4B; color: #CABD4B; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, a.button:hover, a.button:focus { background-color: #1d65cc; color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, a.button:disabled { cursor: not-allowed; opacity: 0.5; }
button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover, a.button:disabled:hover { background-color: #247EFF; }

fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; }

legend { font-weight: 600; margin-bottom: 0.375em; padding: 0; }

label { display: block; font-weight: 600; margin-bottom: 0.375em; }

input, select, textarea { display: block; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select[multiple] { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-bottom: 0.75em; padding: 0.5em; transition: border-color 150ms ease; width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover { border-color: #b1b1b1; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus { border-color: #247EFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(11, 111, 255, 0.7); outline: none; }
input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled { background-color: #f2f2f2; cursor: not-allowed; }
input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover { border: 1px solid #ddd; }

textarea { resize: vertical; }

[type="search"] { appearance: none; }

[type="checkbox"], [type="radio"] { display: inline; margin-right: 0.375em; }

[type="file"] { margin-bottom: 0.75em; width: 100%; }

select { margin-bottom: 0.75em; max-width: 100%; width: auto; }

html { box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin: 0; }

dt { font-weight: 600; margin: 0; }

dd { margin: 0; }

figure { margin: 0; }

img, picture { margin: 0; max-width: 100%; }

table { border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #a6a6a6; font-weight: 600; padding: 0.75em 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.75em 0; }

tr, td, th { vertical-align: middle; }

body { color: #333; font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 21px; line-height: 1.5; font-weight: 200; }

h1, h2, h3, h4, h5, h6 { font-family: "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1.333em; line-height: 1.2; margin: 0 0 0.75em; }

address { font-style: normal; }

p { margin: 0 0 0.75em; }

a { color: #247EFF; text-decoration: none; transition: color 150ms ease; }
a:active, a:focus, a:hover { color: #1b5fbf; }

hr { border-bottom: 1px solid #ddd; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; }

body { margin: 0; padding: 0; text-rendering: optimizeLegibility; }
body > header, body > section, body > footer, body > div, body > article section { padding-left: 0.6em; padding-right: 0.6em; }

h1 { font-size: 35px; margin-bottom: 0.2em; }
@media screen and (min-width: 600px) { h1 { font-size: 55px; } }

h2 { font-size: 24px; margin-top: 1em; margin-bottom: 0; font-weight: 300; }
@media screen and (min-width: 600px) { h2 { font-size: 27px; } }

h1 svg, h2 svg, h3 svg, h4 svg { height: 1em; width: 1em; height: 0.6em; width: 0.6em; }
h1 a, h2 a, h3 a, h4 a { opacity: 0.5; transition: opacity 150ms ease; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { opacity: 0.85; }

section { max-width: 1140px; margin-left: auto; margin-right: auto; }
section::after { clear: both; content: ""; display: table; }
section::after { clear: both; content: ""; display: table; }
section ul { list-style: disc; padding-left: 2em; margin: 0.5em; }

.itemgroup { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }
@media screen and (max-width: 599px) { .itemgroup > div { margin-bottom: 0.6em; } }
@media screen and (min-width: 600px) { .itemgroup { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } }

a.inline svg { width: 1.5em; height: 1.5em; vertical-align: bottom; }
a.inline svg path { fill: #247EFF; }

body { background-color: white; }

header.navigation { background-color: #084788; border-bottom: 1px solid #052e58; width: 100%; z-index: 999; }
header.navigation section { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; }
header.navigation a { color: white; }
header.navigation .logo { padding: 1em 2em; display: block; }
@media screen and (min-width: 600px) { header.navigation .logo { padding: 0.2em 2em; } }
header.navigation .logo .site-title { padding: 1em; }
@media screen and (min-width: 600px) { header.navigation .logo .site-title { display: none; } }
@media screen and (max-width: 599px) { header.navigation .logo { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; border-bottom: 1px solid #247EFF; } }
header.navigation nav { -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; text-align: center; }
header.navigation nav ul { padding-left: 0; }
@media screen and (min-width: 600px) { header.navigation nav ul { padding-left: 2em; } }
header.navigation nav ul li { display: inline-block; margin: 0 1em; padding: 0.4em; }
@media screen and (min-width: 600px) { header.navigation nav ul li { padding: 0; } }
header.navigation .social-bar ul { padding-left: 0; }
@media screen and (min-width: 600px) { header.navigation .social-bar ul { padding-left: 2em; } }
header.navigation .social-bar ul li { display: inline-block; margin: 0 1em; border: 2px solid #09D4B0; border-radius: 100%; position: relative; width: 2em; height: 2em; transition: background-color 0.5s ease; }
header.navigation .social-bar ul li:hover { background-color: rgba(8, 71, 136, 0.5); border-color: #CABD4B; }
header.navigation .social-bar ul li svg { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (min-width: 600px) { .with-hero header.navigation { background-color: transparent; border-bottom: none; position: absolute; transition: background-color 0.5s ease; }
  .with-hero header.navigation nav { opacity: 0; transition: opacity 0.25s ease; }
  .with-hero header.navigation:hover { background-color: rgba(8, 71, 136, 0.5); }
  .with-hero header.navigation:hover nav { opacity: 1; } }

.social-share { list-style: none; display: inline-block; padding: 0; vertical-align: middle; }
.social-share li { display: inline-block; }
.social-share svg { height: 1em; width: 1em; display: inline; }

.hero { background-color: rgba(82, 82, 201, 0.7); background-image: -webkit-linear-gradient(top, rgba(82, 82, 201, 0.7), #247EFF); background-image: linear-gradient(to bottom,rgba(82, 82, 201, 0.7), #247EFF); color: white; padding-top: 2em; padding-bottom: 5em; }
.hero::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background-image: url(../assets/backdrops/hero.jpg); background-size: cover; }
@media screen and (min-width: 600px) { .hero h1 { margin-top: 2em; } }

.disclaimer { font-size: 0.8em; font-style: italic; padding-top: 3em; color: white; }
.disclaimer a, .disclaimer a:visited { color: #CABD4B; }

.popout { background-color: #247EFF; color: white; padding-top: 2em; padding-bottom: 5em; }
.popout hr { margin-top: 0; border-width: 2px; border-color: #084788; }
.popout a, .popout a:visited { color: #CABD4B; }
.popout .highlight { color: #CABD4B; font-weight: bold; }

.team { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; list-style: none; padding: 0; }
.team > li { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
.team img { border-radius: 100%; max-width: 300px; margin: 0.5em; border: 2px solid #fff; }
.team .name { font-size: 1.2em; }
.team svg { height: 1em; width: 1em; vertical-align: bottom; }
.team a, .team a:visited { color: white; }
.team .links { list-style: none; padding: 0; margin: 0; font-size: 0.85em; }
.team .links li { line-height: 1.2em; display: inline; }
.team .info { color: white; width: 100%; padding: 0 1em 2em 1em; }

.speakers { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: top; -moz-box-align: top; box-align: top; -webkit-align-items: top; -moz-align-items: top; -ms-align-items: top; -o-align-items: top; align-items: top; -ms-flex-align: top; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; list-style: none; padding: 0; }
.speakers .speaker-box { -webkit-flex-basis: 10em; -moz-flex-basis: 10em; flex-basis: 10em; -ms-flex-preferred-size: 10em; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; text-align: center; display: inline-block; margin: 2em 1em; box-shadow: 0 2px 4px #e6e6e6; }
.speakers .speaker-box .portrait { background-color: #fff; }
.speakers .speaker-box .portrait img { width: 80%; display: inline-block; border-radius: 100%; margin: 0.5em auto; border: 1px solid #ddd; }
.speakers .speaker-box .info { width: 100%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: block; }
.speakers .speaker-box .desc { text-transform: none; padding: 8px; color: #333; text-align: justify; font-size: 0.65em; font-weight: normal; }
.speakers .speaker-box .links { list-style: none; padding: 0; margin: 0; line-height: 1.25em; }
.speakers .speaker-box .links li { display: inline; margin: 0 3px; }
.speakers svg { height: 0.75em; width: 0.75em; vertical-align: middle; }
.speakers svg path { fill: #333; }
.speakers .name { font-size: 1.2em; }

.talks { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; list-style: none; padding: 0; }
.talks > li { padding-top: 3em; padding-bottom: 5em; }
.talks > li::after { display: block; content: " "; width: 50%; border-bottom: 1px solid #ddd; margin: 0 auto; }
.talks > li > h2 { width: 100%; display: block; }
.talks .badge { padding: 0 0.5em; border: 1px solid #247EFF; margin-right: 0.5em; background: #247EFF; color: white; }
.talks .wrap { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.talks .abstract { -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; }
.talks .speaker { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; margin: 2em 1em; }
.talks .speaker .portrait { -webkit-flex-basis: 15em; -moz-flex-basis: 15em; flex-basis: 15em; -ms-flex-preferred-size: 15em; }
.talks .speaker .portrait img { width: 80%; display: inline-block; margin: 0.5em auto; }
.talks .speaker .desc { -webkit-flex-grow: 4; -moz-flex-grow: 4; flex-grow: 4; -ms-flex-positive: 4; text-transform: none; padding: 8px; color: #333; text-align: justify; font-size: 0.65em; font-weight: normal; }
.talks .speaker .links { list-style: none; padding: 0; margin: 0; line-height: 1.25em; font-size: 2em; }
.talks .speaker .links li { display: inline; margin: 0 3px; }
.talks svg { height: 0.75em; width: 0.75em; vertical-align: middle; }
.talks svg path { fill: #333; }
.talks .name { font-size: 1.2em; }

.schedule { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; list-style: none; padding: 0; }
.schedule table { margin-bottom: 3em; }
.schedule td { vertical-align: top; padding: 5px 10px; line-height: 2em; }
.schedule td.time { width: 100px; font-size: 40px; text-align: center; vertical-align: middle; }
.schedule td.time span { font-size: 20px; }
.schedule tr:nth-child(even) { background: #f7f7f7; }
.schedule tr:nth-child(odd) { background: #FFF; }
.schedule a { color: black; }
.schedule h2 { padding-left: 10px; }
.schedule .centered { vertical-align: middle; font-style: italic; }
.schedule .workshops ul { list-style: none; }
.schedule .workshops a { color: #247EFF; }
.schedule .speaker { /*margin: 2em 1em;*/ }
.schedule .speaker img { border-radius: 50%; width: 40px; height: 40px; border: 2px solid #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2); vertical-align: middle; margin: 0 0 .25em 0.75em; }

@media print { header, footer, .popout, .speaker img { display: none; }
  .schedule h2 { margin-top: 0; }
  .schedule td.time { font-size: 20px; }
  .schedule td.time span { font-size: 12px; }
  .schedule section { max-width: none; margin: initial; }
  .schedule td { font-size: 20px; line-height: initial; padding: 1px 10px; }
  .schedule table { margin-bottom: 150px; } }
section.twitter { padding: 1em 2em; text-align: center; font-size: 1.3em; background-image: url(../assets/backdrops/logo.svg); background-position: 75% -25%; background-repeat: no-repeat; }
@media screen and (min-width: 600px) { section.twitter { padding: 3em 5em; } }

.whitewithwheel { padding-top: 2em; padding-bottom: 4em; font-size: 1.3em; background-image: url(../assets/backdrops/logo.svg); background-position: 95% -100%; background-repeat: no-repeat; }
.whitewithwheel button:not(:hover) { background: #fff; }

#call-for-papers { padding: 3em 0; }

.location a, .location a:hover, .location a:visited { color: #CABD4B; font-weight: bold; }

#news h2 { margin: 0; }
#news .headline { margin: 1em 0 2em 0; }
#news svg path { fill: #084788; }

#news::after, #tickets::after { margin: 5em auto 2em auto; border-top: 1px solid rgba(8, 71, 136, 0.5); content: " "; display: block; width: 50%; }

#sponsors { background-color: #09D4B0; background-image: -webkit-linear-gradient(left, #09D4B0, #247EFF); background-image: linear-gradient(to right,#09D4B0, #247EFF); }

.sponsors { color: white; margin: 0; font-size: 0.9em; padding-top: 2em; padding-bottom: 2em; }
.sponsors img { max-height: 25vh; max-width: 25vw; }
.sponsors ul { list-style: none; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sponsors ul.primary > li { width: 45%; font-size: 0.8em; }
.sponsors ul.primary > li img { width: 100%; max-height: unset; max-width: unset; }
.sponsors ul > li { margin: 1em; }
.sponsors .button { margin: 2.5em 1.5em 0 0; }
.sponsors .button:hover { background: transparent; border-color: #fff; }

#mailchimpForm .group { width: 80%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }
@media screen and (min-width: 600px) { #mailchimpForm .group { -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; }
  #mailchimpForm .group button { border-radius: 0 100px 100px 0; }
  #mailchimpForm .group input { border-radius: 100px 0 0 100px; font-size: 21px; padding: 0.75em 1.5em; } }

.post h2 { margin: 1em 0; }

.post-meta { display: inline-block; font-size: 0.925em; margin-bottom: 0.2em; }

.post-content { margin: 3em auto; }

.post-link { opacity: 1; }

.post-list { list-style: none; padding-left: 0; margin: 3em auto; }
@incude wide-device { .post-list { padding-left: 2em; } }
.post-list svg path { fill: #084788; }
.post-list > li:not(:first-of-type)::before { margin: 5em auto 2em auto; border-top: 1px solid rgba(8, 71, 136, 0.5); content: " "; display: block; width: 50%; }

.tickets { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
@media screen and (min-width: 800px) { .tickets { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } }
.tickets > li { display: block; min-width: 28%; border: 1px #247EFF solid; z-index: 2; position: relative; overflow: hidden; margin-top: 5px; }
.tickets > li .ribbon { position: absolute; top: 25px; right: -45px; background: #084788; color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); padding: 0 2em; }
.tickets > li h3, .tickets > li h4 { text-align: center; padding: 0.5em 1.5em; background: #f2f2f2; color: #084788; margin-bottom: 0; }
.tickets > li h4 { font-weight: 300; }
.tickets > li .price { display: block; text-align: center; font-size: 3em; padding: 1.5em; position: relative; }
.tickets > li .price::after { content: "€"; font-size: 0.65em; opacity: 0.45; }
.tickets > li.hl { border-color: #247EFF; font-size: 1.2em; z-index: 10; }
.tickets > li.hl h3 { background: #247EFF; color: white; }
.tickets > li.hl h4 { background: #09D4B0; color: white; }
.tickets > li.hl .price { color: #247EFF; }
.tickets > li.unavailable { opacity: 0.56; }

.smallprint { font-size: 0.75em; width: 80%; margin: 2em auto; }

footer { background-color: #247EFF; background-image: -webkit-linear-gradient(left, #247EFF, #5252C9); background-image: linear-gradient(to right,#247EFF, #5252C9); color: white; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.8em; font-weight: 300; border-top: 1px solid white; }
footer section { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; }
footer span { display: block; }
footer ul { margin: 0; -webkit-align-self: flex-end; -moz-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; }
footer ul li { display: inline; margin: 0 1em; }
footer a, footer a:visited { color: white; }

.desc { margin: 0.25em 0; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #084788; }

.hero .itemgroup { margin: 2em 0; }
@media screen and (min-width: 600px) { .hero .itemgroup { -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } }
.hero p { margin-bottom: 0; }
.hero .highlight { color: #CABD4B; font-style: bold; }

.cfp-button { margin: 2em 0; }

.timeline { font-size: 0.75em; min-width: 15em; }
@media screen and (min-width: 600px) { .timeline { margin: 0 2em 0 4em; } }
.timeline h3 { text-transform: uppercase; margin-top: 1.5em; }

iframe { margin: 50px 0; }

.videoplaylist { text-align: center; }