@font-face {
	font-family: 'typewriter';
	src: url('fonts/typewriter-serial-bold-webfont.woff2') format('woff2'),
	url('fonts/typewriter-serial-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;

}
@font-face {
	font-family: 'typewriter';
	src: url('fonts/typewriter-serial-bolditalic-webfont.woff2') format('woff2'),
	url('fonts/typewriter-serial-bolditalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;

}
@font-face {
	font-family: 'typewriter';
	src: url('fonts/typewriter-serial-regular-webfont.woff2') format('woff2'),
	url('fonts/typewriter-serial-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'typewriter';
	src: url('fonts/typewriter-serial-regularitalic-webfont.woff2') format('woff2'),
	url('fonts/typewriter-serial-regularitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
body {
	background-color: #6d695c;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
	linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-size: 70px 120px;
}
body.editor { background-color: #ccc;}
body.editor .navbar {margin-bottom: 1em;}
html, p, h1, h2, h3, h4, h5, h6 { font-family: "typewriter";}
h1, h2, h3, h4, h5, h6 {margin: 0;}
h3 { cursor: pointer;}
.just { text-align: justify;}
.row { margin-bottom: 0;}
.page-footer { background-color: rgba(109, 105, 92, .7); padding: .5em 0;}
.page-footer a {text-decoration: underline;}
.disabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none;}
.disabled.card-next { opacity: 1;}
.fabs { text-align: center;}
/*label {line-height: 0;}*/

.label-sm {font-size: .7em;}
.table-min-width td {min-width: 12em;}
#info-box { position: relative; display:none;}
#close-info-btn { position: absolute; top: -1em; right: -1em; display:none;}
#info-btn { cursor: pointer;}
#stretchy-wrapper {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
} 
#card-show-box  {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

strong {font-weight: 900;}

.dropdown-content li>a, .dropdown-content li>span { font-size: 12px;}
.modal .modal-content { padding: 4em;}
.modal-close { position: absolute; top: 1em; right: 1em; text-align: center;}


/* thank you https://loading.io/css/ */
.lds-hourglass {
	display: inline-block;
	position: relative;
	width: 100%;
}
.lds-hourglass:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 45%;
	z-index: -100;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 8px;
	box-sizing: border-box;
	border: 32px solid rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.5) transparent rgba(0,0,0,.5) transparent;
	animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	100% {
		transform: rotate(1800deg);
	}
}

/* force the native select field to overlay the material select */
/* thank you https://github.com/Dogfalo/materialize/issues/4983#issuecomment-325308216 */
.select-wrapper {
	position: relative;
}
.select-wrapper select {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
}