@charset "utf-8";
html {
  height: 100%;
  background: linear-gradient(0deg, rgba(116,169,205,.6) 0%, rgba(255,255,255,1) 100%);
  background-attachment: fixed;
}
body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
    font-size: 1.1em;
}
#container {
	padding: 40px;
	margin: 0px;
}
#header {
	padding: 2em;
	max-width: 60em;
	margin-right: auto;
	margin-left: auto;
	}
#content {
    padding: 2em;
    max-width: 60em;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    background-color: #fff;
}
h1, h2 {font-family: 'Arvo', Georgia, serif;}
h1 {font-size: 3em; color: #005ea2;font-weight:700;text-align:center;}
h2 {font-size: 2.1em; color: #333; font-weight: 400;margin: 15px 0 30px 0; border-bottom:1px solid #005ea2;padding-bottom:15px;}
h3 {font-size: 1.85em; font-weight: 700; margin-top:40px;padding:10px;border-radius:5px;color:#fff;background: rgb(73,132,82);background: linear-gradient(45deg, rgba(73,132,82,1) 0%, rgba(63,172,80,1) 100%);}
h4 {font-size: 1.2em; color: #333; font-weight: 400;margin-top:30px;}
a, a:visited {color: #005ea2; overflow-wrap: break-word; word-wrap: break-word;}
p, ul, li {line-height:1.4;}
.session {background-color:#F2f2f2; background: linear-gradient(0deg, rgba(250,250,250,1) 80%, rgba(242,242,242,1) 100%); padding:15px; margin:10px 0; border-radius:3px;}
.time {margin:0 0 5px 0; padding:4px 12px; background-color:#005ea2; color:#fff; border-radius:3px;display:inline-block;font-weight:700;}
.session-title {font-size: 1.15em; margin: 10px 0; padding:0;color:#005ea2;font-weight:700;}
.session p, .session em {line-height: normal;}
.session ul {margin:3px;padding: 0 0 0 20px;}
.upfront {display: flex; gap: 50px; align-items:self-start;padding:20px;background: rgb(73,132,82);background: linear-gradient(45deg, rgba(73,132,82,1) 0%, rgba(63,172,80,1) 100%);border-radius:5px;color:#fff;}
.upfront ul {padding-left:20px;}
.toc {order:1; width: 50%}
.downloads {order:2; width:50%;text-align:center; text-transform:uppercase;align-self: center;}
.upfront a, .upfront a:visited {font-weight:900;color:#fff;}

@media only screen and (max-width: 49.9em) {
#content {padding: 1em;}
#header {padding: 0;}
h1 {font-size: 1.75em;margin:35px 0 25px 0;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
#container {background: #fff;height:auto;padding:10px;}
.upfront {flex-direction: column;gap:25px;align-items: stretch;}
.toc {width:100%;}
.downloads {width:auto;text-align:left;align-self: flex-start;}
.hideMobile {display:none;}
}