/* FONTS */
/* ---------------------------------------------------------------------- */
@font-face {font-family: 'Averta-Black';font-style: normal;src: url('fonts/305AEE_0_0.eot');src: url('fonts/305AEE_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_0_0.woff2') format('woff2'),url('fonts/305AEE_0_0.woff') format('woff'),url('fonts/305AEE_0_0.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Averta-Black';font-style: italic;src: url('fonts/305AEE_1_0.eot');src: url('fonts/305AEE_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_1_0.woff2') format('woff2'),url('fonts/305AEE_1_0.woff') format('woff'),url('fonts/305AEE_1_0.ttf') format('truetype');font-display: swap;}

@font-face {font-family: 'Averta';font-weight:normal;font-style: normal;src: url('fonts/305AEE_A_0.eot');src: url('fonts/305AEE_A_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_A_0.woff2') format('woff2'),url('fonts/305AEE_A_0.woff') format('woff'),url('fonts/305AEE_A_0.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Averta';font-weight:normal;font-style: italic;src: url('fonts/305AEE_B_0.eot');src: url('fonts/305AEE_B_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_B_0.woff2') format('woff2'),url('fonts/305AEE_B_0.woff') format('woff'),url('fonts/305AEE_B_0.ttf') format('truetype');font-display: swap;}

@font-face {font-family: 'Averta';font-weight:bold;font-style: normal;src: url('fonts/305AEE_2_0.eot');src: url('fonts/305AEE_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_2_0.woff2') format('woff2'),url('fonts/305AEE_2_0.woff') format('woff'),url('fonts/305AEE_2_0.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Averta';font-weight:bold;font-style: italic;src: url('fonts/305AEE_5_0.eot');src: url('fonts/305AEE_5_0.eot?#iefix') format('embedded-opentype'),url('fonts/305AEE_5_0.woff2') format('woff2'),url('fonts/305AEE_5_0.woff') format('woff'),url('fonts/305AEE_5_0.ttf') format('truetype');font-display: swap;}   


/* STRUCTURE */
/* ---------------------------------------------------------------------- */
*, html {
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
html {
	overflow-y: scroll;
}
body {
	background: #E0E1DD;
	margin: 50px;
}
nav {
	border-top: 1px solid #000;
	margin: .5em 0 1em 0;
	padding-top: 1em;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr;
}
nav span {
	text-align: right;
}
nav a {
	display: inline-block;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border-radius: 2em;
	text-align: center;
	background: #b9b9b9;
	color: #fff;
	margin-left: .5em;
}
nav a.current {
	width: auto;
	padding: 0 1em;
}
nav a.current.now {
    background: #000;
}
nav a:hover {
	background: #000;
}
nav h3 {
	margin: 0;
}
@media all and (max-width: 600px) {
body {
	background: #FFFFFF;
	margin: 30px;
}
}
#myCanvas {
	position: fixed;
	top: 0;
	left: 0;
}
@media all and (max-width: 600px) {
#myCanvas {
	display: none;
}
}
#container {
	max-width: 500px;
	font-family: "Averta", sans-serif;
	margin: auto;
	background: #fff;
	border-radius: 20px;
	padding: 40px 50px 50px 50px;
	font-size: 15px;
	z-index: 1;
	position: relative;
}
@media all and (max-width: 600px) {
#container {
	padding: 0;
	margin-bottom: 10em;
}
}
h1, h2 {
	margin: 0;
	padding: 0;
}
h1 {
	padding-bottom: .2em;
	font-size: 35px;
	background: url(logo.svg) no-repeat right top;
	background-size: contain;
}
h1 + p {
	border-top: 1px solid #000;
	margin-top: 0;
	padding-top: 1em;
}
h2 {
	font-size: 25px;
	border-top: 1px solid #000;
	padding: 1em 0 .8em 0;
	font-style: italic;
	font-weight: normal;
	margin-top: 1.5em;
}
h2.section:before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 1em;
	border-radius: 1em;
	margin-right: .3em;
	position: relative;
	top: .1em;
}
h2.section.group:before {
	background: conic-gradient(from 355deg at 50% 50%, rgba(189, 100, 40, 1) 0%, rgba(237, 28, 36, 1) 3%, rgba(237, 28, 36, 1) 20%, rgba(251, 169, 25, 1) 23%, rgba(251, 169, 25, 1) 40%, rgba(39, 158, 73, 1) 43%, rgba(39, 158, 73, 1) 60%, rgba(122, 35, 47, 1) 63%, rgba(122, 35, 47, 1) 80%, rgba(189, 100, 40, 1) 83%, rgba(189, 100, 40, 1) 100%);
}
h2.section.cub:before {
	background: #FBA919;
}
h2.section.scout:before {
	background: #279E49;
}
@media all and (max-width: 600px) {
h2 {
	font-size: 20px;
	font-weight: bold;
}
}
section:first-of-type h2 {
	margin-top: 0;
}
h3 {
	font-size:  14px;
	margin-top: 2em;
	text-transform: uppercase;
}
h3:first-of-type {
	margin-top: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
}
th {
	display: none;
}
th, td {
	text-align: left;
	word-break: break-word;
}
td {
	padding: .5em 0;
	vertical-align: top;
	border-top: 1px solid #E0E1DD;
}
td:nth-child(1), 
td:nth-child(2), 
td:nth-child(3) {
	white-space: nowrap;
	width: 10%;
}
td:nth-child(4) {
	width: 70%;
}
td:last-of-type {
	padding-right: 0;
}
td:nth-child(-n+3) > span {
	display: inline-block;
}
td:nth-child(1) > span {
	width: 2em;
}
td:nth-child(2) > span {
	width: 3.5em;
}
td:nth-child(3) > span {
	width: 5em;
}
td ul,
td li {
	margin: 0;
	padding: 0;
}
td ul {
	padding-left: 1em;
}
@media all and (max-width: 600px) {
td:nth-child(1),
td:nth-child(2),
td:nth-child(3) {
	padding-right: .5em;
	width: 1em;
}
td:nth-child(1) > span {
	width: 1em;
}
td:nth-child(2) > span {
	width: 2.5em;
}
}
a {
	text-decoration: none;
}
.day {
	display: inline-block;
	width: 1.2em;
	text-align: center;
}
footer {
	font-style: italic;
	color: #CCCCCC;
}

label {
	margin-top: 1em;
	display: block;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}
input,
select {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	font-size: 20px;
	border: 1px solid #888;
	border-radius: 3px;
	font-family: "Averta", sans-serif;
}
#ss-submit,
#mc-embedded-subscribe {
	font-family: "Averta-Black", sans-serif;
	text-decoration: none;
	color: #000;
	margin-top: 1.5em;
	text-align: left;
	background: #D5FF00;
	border: 0;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #ABCC00;
	box-shadow: 0 .3em 0 0 #ABCC00;
	cursor: pointer;
	position: relative;
	outline: none;
}
a#ss-submit,
a#mc-embedded-subscribe {
	font-size: 20px;
	display: block;
}
#ss-submit:hover,
#mc-embedded-subscribe:hover {
	background: #EBFF80;
}
#ss-submit:active,
#mc-embedded-subscribe:active {
	box-shadow: 0 0 0 0 #ABCC00;
	top: .3em;
}
#mc_embed_signup div.mce_inline_error {
	border-radius: 3px;
}
.response {
	background: #000;
    color: #fff;
    padding: 20px;
    border-radius: 3px;
    margin-top: 2em;
}
@media all and (max-width: 400px) {
h2 {
	font-size: 18px;
}
nav a.current {
	width: 2em;
	text-indent: -9000px;
	position: relative;
}
nav a.current:after {
	content: '|';
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    width: 2em;
}
}