/*===========================================================*/
/* Global Project Classes
/*===========================================================*/
.rollover {
	cursor:pointer;
	cursor:hand;
}
.strong, .bold {
	font-weight:  700;
}
.cover {
	background-size: cover;
	background-position:  center;
}
.cover.top {
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}
#msg {
	position: fixed;
	top: 20vh;
	left: calc(50vw - 100px);
	width: 200px;
	padding: 30px;
	border-radius: 10px;
	background-color: black;
	color: white;
	text-align: center;
	display: none;
	z-index:  2000;
}
.l1 {
	line-height:  1em;
}
.small {
	font-size:  .8em!important;
	line-height:  1em;
}
emboss, strong.emboss {
	font-weight:  bolder;
	background: 
		linear-gradient(
			104deg,
			rgba(255,215,0,0) 0.9%,
			rgba(255,215,0,1.25) 2.4%,
			rgba(255,215,0,0.5) 5.8%,
			rgba(255,215,0,0.1) 93%,
			rgba(255,215,0,0.7) 96%,
			rgba(255,215,02,0) 98%),
		linear-gradient(
			183deg,
			rgba(255,215,0,0.1) 0%,
			rgba(255,215,0,0.3) 7.9%,
			rgba(255,215,0,0.2) 15%
		);
	padding: 0 5px;
	padding-right:  10px;
	-webkit-box-decoration-break: clone;
	margin: 0;
	border-radius: 5px;
}

/*===========================================================*/
/* Special Bootstrap Modifiers
/*===========================================================*/
iframe.video {
	width:  var(--canvas-width);
	height:  calc(var(--canvas-width) / 1.88);
}
iframe.glow {
	-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2);
}

/* Compiled CSS from Bootstrap 4's responsive embeds */
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}
.embed-responsive::before {
	display: block;
	content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.embed-responsive-21by9::before {
	padding-top: 42.85714%
}
.embed-responsive-16by9::before {
	padding-top: 56.25%
}
.embed-responsive-4by3::before {
	padding-top: 75%
}
.embed-responsive-1by1::before {
	padding-top: 100%
}

/*===========================================================*/
/* COLORS
/*===========================================================*/

/*===========================================================*/
/* OFFCANVAS
/*===========================================================*/
.offcanvas {
	margin-top:  0;
	margin-bottom:  0px;
	border:  dimgray solid 1px;
	border-right:  0;
	border-radius:  10px;
	border-top-left-radius:  0;
	border-bottom-left-radius:  0;
}
.offcanvas-start {
	width:  740px;
}

.offcanvas-body {
	padding-top: 0;
}

.offcanvas-body,
.offcanvas-body a,
.offcanvas-body a:hover,
.offcanvas-body p {
	font-size:  1.2em;
	color:  black;
}
.offcanvas-header {
	align-items: start;
	padding:  10px 1rem;
}

.offcanvas h1 {
	font-size:  1.5em;
	font-weight:  700;
}
.offcanvas h2 {
	font-size:  1.3em;
	font-weight:  700;
	margin-top:  30px;
	margin-bottom:  10px;
}
	.offcanvas h2:nth-of-type(1) {
		margin-top:  0;
	}
.offcanvas h3 {
	font-size:  1.3em;
	font-weight:  700;
}
.offcanvas h4 {
	font-size:  1.2em;
	font-weight:  700;
}
.offcanvas h5 {
	font-size:  1.1em;
}
.offcanvas ol.fa-ul,
.offcanvas ul.fa-ul {
	margin-left:  2em;
}
.offcanvas ol li,
.offcanvas ul li {
	font-size:  1.1em;
	line-height:  1.2em;
}
.offcanvas blockquote {
	border-left:  silver solid 2px;
	font-style:  italic;
	padding-left:  10px;
}