html,body{
	height: 100%;
}
body {
	font-family: 'Lato', Sans-Serif;
	letter-spacing: 0px;
	font-size: 1.1rem;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
	background-color: initial;
	background-image: linear-gradient(black, black), 
					url('/images/photos/background/horse-racing-2714854_1280.jpg'), 
					linear-gradient(270deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 80%, rgba(0,0,0,.2) 100%);
	background-size: cover;
	background-blend-mode: saturation;
}

b,
strong {
	font-weight: 700;
}

h1,
h2,
h3,
h4 {
	font-Family: 'Arvo', Serif;
	font-weight: 700;
	text-align: center;
}

label,
.col-form-label {
	font-weight: 700;
	font-size: .7em;
}

.custom-control-label {
	font-size: 1em;
	font-weight: inherit;
	padding-top: 4px;
}

.bg-dark {
	background-color: #373837 !important;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

main {
	padding: 0px 20px 86px 20px;
	background-color: rgba(255, 255, 255, 1);
	min-height: 100%;
	margin: 0 auto;
	border: none;
}
@media (min-width: 1024px) {
	main {
		max-width: 1024px;
		border-left: 1px solid rgba(120,120,120,0.9);
		border-right: 1px solid rgba(120,120,120,0.9);
		box-shadow: 0 0 40px 30px rgba(0,0,0,0.6);
	}
	#main_navigation {
		max-width: 1024px;
	}
}

.btn {
	border-radius: 7px;
	box-shadow: 0px 0px 14px -1px rgba(255,255,255,0.7);
}
.btn-secondary {
	background-color: #ccc;
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: #5d5d5d;
	border-color: #5d5d5d;
}

span.navbar-text {
	font-size: .5em;
	text-transform: initial;
	font-weight: 400;
}



#hof_page > h1,
#faq_page > h1,
#admin_page > h1,
#admin_users_page > h1,
#admin_site_settings > h1,
#onboarding_page > h1,
#welcome_page > h1,
#admin_events_page > h1,
#admin_event_create_page > h1,
#admin_manage_event_page > h1,
#password_reset_page > h1
{
	border-bottom: 1px solid #ccc;
	margin-left: -20px;
	margin-right: -20px;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	line-height: 4rem;
	padding: 2.5rem 0 2rem 0;
	z-index: 1000;
}
#user_profile_page, #user_profile_edit_page {
	padding-top: 1.5rem;
}

#instructions_button {
	text-align: right;
	padding: .25em;
	text-shadow: -1px 1px 3px rgba(0,0,0,.4);
}
#instructions_button a {

}
#instructions .card.card-body{
	padding: .15rem .35rem !important;
}

/* Forms */
.cancel {
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 0.9em;
}
.form-control {
	border: 1px solid #ddd;
}


/* Alerts */
.floating-alert {
	box-shadow: 0px 3px 16px -4px rgba(0, 0, 0, .3);
	max-width: 600px;
	margin: 92px auto !important;
}



/* ============== Main Index Page: #index_page ============== */
#index_page {
	background-size: cover;
	position: relative;
	animation-delay: 2.5s;
	top: 0;
	left: 0;
}
#index_page #logo_wrapper{
	width: 100%;
	animation-delay: 2s;
}
#index_page #logo {
	max-width: 500px;
	width: 70%;
	display: block;
	margin: 0 auto;
	overflow: visible;
}
#index_page #logo_text {
	animation-delay: 0.7s;
	font-size: 10vw;
	font-weight: 500;
	color: #fff;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}
#development_credit{
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 0px;
	font-size: 0.8rem;
	font-style: italic;
	font-weight: 400;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	padding: 0;
	text-align:center;
	width: 100%;
}
#development_credit a {
	color: white;
	text-decoration: underline;
}
#photo_credit {
	font-weight: 100;
	font-size: 0.8em;
}
@media (min-width: 700px) {
	#index_page #logo_text {
		font-size: 5.1rem;
	}
	#index_page #logo {
		max-width: 500px;
		width: 70%;
		display: block;
		margin: 0 auto;
		overflow: visible;
	}
}



/* ============== Login Index Page: #login_page ============== */
#login_page {
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
}
#login_page #logo_wrapper{
	position: initial;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}
#login_page #logo {
	width: 60px;
}
#login_page #logo_text{
	font-size: 1em;
	font-weight: 700;
	color: #000;
}
form#login {
	margin: 0 auto;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	animation-delay: 0.5s;
	box-shadow: 0px 1px 13px 5px rgba(0,0,0,.4);
}
#forgot_pwd {
	margin-top: 20px;
}



/* ============== Profile Page: #user_profile_page ============== */
#user_profile_page #user_head {
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}
#photo_upload {
	align-items: center;
	justify-content: center;
}
#photo_container {
	text-align: center;
}
#user_profile_photo {
	width: 100%;
	max-width: 200px;
}
#user_name h1 {
	margin: 1.5rem 0;
}
@media (min-width: 576px) {
	#edit_buttons {
		position: relative;
		top: -50px;
	}
	#user_profile_photo {
		margin-right: 10px;
	}
}
#edit_buttons.btn-group>.btn:not(:first-of-type):not(.dropdown-toggle) {
	border-left: 1px solid rgba(255, 255, 255, 0.4);
}
#user_name {
	font-size: 1.3em;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}
#user_meta {
	list-style-type: none;
	margin-top: 20px;
}
#user_meta li {
	line-height: 2em;
}
#user_meta li span {
	text-transform: uppercase;
	font-weight: 400;
}
table#profile_records {
	max-width: 500px;
}



/* ============== Edit Profile Page: #user_profile_edit_page ============== */
#user_profile_edit_page #photo_ajax_message_wrapper{
	box-shadow: none;
	margin: 0 auto!important;
	position: relative;
	top: -40px;
}
#user_profile_edit_page #user_head {
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}



/* ============== User Lists: ============== */
.user-list.list-group .media {
	align-items: center;
	justify-content: center;
	text-shadow: none;
}
.list-group .media img {
	width: 70px;
}
.earnings {
	font-size: 100%;
}



/* ============== Races Page: #races_page ============== */
#races_page {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#races_page main {
	overflow-x: hidden;
}
#races_page .card .card-title{
	text-shadow: 0 1px 3px black;
}
#races_page #pick_block {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin: 0px -21px 0px -21px;
	padding: 20px 20px 0px 20px;
	background-color: transparent;
	border-width: 0;
}
#races_page #pick_block .horse-picks {
	font-size: 1.3rem;
	padding: 0 0.4rem;
	color: #f0ad4e;
}
#races_page #window_closed {
	color: #fff;
	text-shadow: 0px 16px 10px rgba(0,0,0,0.3), 
		0px 2px 6px rgba(0,0,0,0.8);
	z-index: 800;
}
#races_page #pick_block .input-group, 
#race_results_button, 
#confirm_cancel_button {
	z-index: 800;
}
#races_page #pick_block .card-blur{
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(7px);
}
#races_page #pick_block .card-body {
	padding: 0;
	border-radius: 5px;
}
#races_page #pick_block .card-text {
	margin-top: 0px;
	color: #fff;
}
#races_page #pick_block .card-text h1, #races_page #pick_block #memorial_race_content{
	font-size: 1em;
	z-index: 800;
}
#races_page #pick_block .card-text h1, #races_page .card-text h2, #races_page .card-text h3 {
	color: #fff;
}
#races_page form{
	z-index: 800;
}
#races_page #cancel_race_wrapper {
	text-align: center;
	border: 1px solid rgba(200,0,0,.4);
	background-color: rgba(252, 98, 98, 0.8);
	padding: 0px 0px 5px 0px;
	margin: 10px auto;
	color: white;
	width: 140px;
}
#races_page #cancel_race_wrapper input {
	margin-right: 7px;
}
#races_page #cancel_race_wrapper label {
	text-shadow: 2px 2px 4px rgba(0,0,0,.62);
	text-align: center;
	text-transform: uppercase;
}
#race_leaderboard .no-results {

}
#races_page #open_race_form {
	text-align: center;
}
#races_page .input-group-lg>.custom-select, 
#races_page .input-group-lg>.form-control, 
#races_page .input-group-lg>.input-group-append>.btn, 
#races_page .input-group-lg>.input-group-append>.input-group-text, 
#races_page .input-group-lg>.input-group-prepend>.btn, 
#races_page .input-group-lg>.input-group-prepend>.input-group-text.input-group-lg>.custom-select, 
#races_page .input-group-lg>.form-control, 
#races_page .input-group-lg>.input-group-append>.btn, 
#races_page .input-group-lg>.input-group-append>.input-group-text, 
#races_page .input-group-lg>.input-group-prepend>.btn, 
#races_page .input-group-lg>.input-group-prepend>.input-group-text {
	opacity: 0.9;
	padding: .5rem 1rem;
	height: calc(1.5em + 3rem + 0px);
}
.input-group-lg .input-group-prepend, .input-group-lg .input-group-append {
	height: calc(1.5em + 3rem + 0px);
}
#races_page .user_name {
	color: #000;
}
/* SCOREBOARD */
@font-face {
	font-family: 'Score Board';
		src: url('/css/ScoreBoard.woff2') format('woff2'),
		url('/css/ScoreBoard.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.scoreboard {
	font-family: 'Score Board';
	font-family: 'Lato', Sans-Serif;
	font-weight: normal;
	font-style: normal;
	color: orange;
	border-collapse: separate;
	text-align: right;
	background-color: rgba(82, 86, 83, 1);
	border-radius: 3px;
	margin: 1rem auto;
	box-shadow: none;
	width: auto;
	padding: 5px;
}
#races_page .scoreboard {
	box-shadow: 0 0 23px 1px rgba(0,0,0,0.5);
}
.scoreboard #title_row td {
	background-color: initial;
	font-Family: 'Arvo', Serif;
	color: #fff;
	opacity: 0.7;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 1.4rem;
	padding: 0 0 10px 0;
	line-height: 1.2rem;
	font-weight: 700;
	text-align: center;
}
.scoreboard #title_row td img {
	width: 60px;
	margin-right: 5px;
}
.scoreboard tr {
	border-spacing: 10px;
	border-radius: 3px;
}
.scoreboard th {
	text-align: right;
	border-radius: 3px;
	color: #989898;
	width: auto;
}
.scoreboard td {
	background-color: #000;
	padding: .2rem .5rem;
	color: orange;
	font-family: 'Score Board';
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;
	width: auto;
	border-radius: 3px;
}
.scoreboard #second>td:nth-of-type(2), 
.scoreboard #third>td:nth-of-type(2), 
.scoreboard #third>td:nth-of-type(3){
	background-color: transparent;
}
.scoreboard input, .scoreboard select {
	background-color: #000;
	border: none;
	color: orange;
	text-align: right;
	font-size: 1.2rem;
}
.scoreboard thead th {
	padding: 0;
	text-align: center;
}
#memorial_race_content{
	text-align:center;
	margin-bottom: 1rem;
}
#memorial_race_content img {
	width: 90%;
	max-width: 500px;
	border-radius: 5px;
	box-shadow: 0px 1px 13px 5px rgba(0,0,0,.4);
}
@media (min-width: 576px) {
	.scoreboard {
		border-collapse: separate;
		border-spacing: 10px 5px;
		text-align: right;
		background-color: rgba(82, 86, 83, 1);
		border-radius: 3px;
		margin: 0rem auto 2rem auto;
		width: auto;
	}
	.scoreboard td {
		width: auto;
		font-size: 1.5rem;
	}
	#races_page #pick_block {
		border-width: 0 1px 0 1px;
	}
	#races_page #pick_block .card-body {
		margin: 1rem;
	}
}


/* ============== HOF Index Page: #hof_page ============== */
#hof_page .card-body a img{
	max-width: 500px;
}
#hof_page .card-body a {
	display: block;
}
#hof_page .champion{
	font-family: 'Lato', Sans-Serif;
	font-size: 1.9rem;
	font-weight: 400;
	text-transform: capitalize;
}
#hof_page .champion span{
	font-weight: 300;
}
#hof_page .champion .badge {
	line-height: 1.8rem;
	font-size: 1.4rem;
	font-weight: 400;
	background-color: rgba(127,204,154,1);
	position: relative;
	top: -4px;
}
#hof_page #current_champion {
	display: relative;
}
#hof_page #photo_upload {
	position: relative;
	top: initial;
}
#hof_page #photo_upload label{
	box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
}
#hof_page #ajax_alert {
	position: absolute;
	top: 30%;
	width: 100%;
	z-index: 3;
}
#hof_page #photo_ajax_message_wrapper{
	box-shadow: none;
	margin: 0 auto!important;
}
#prior_champions .card .card {
	margin: 1.5rem 1.5rem 0 1.5rem;
}
#prior_champions .card .card:last-of-type {
	margin: 1.5rem;
}






/* ============== FAQ Page: #faq_page ============== */
#faq_page h2, #faq_page h3, #faq_page h4, #faq_page h5 {
	text-align: left;
}
#faq_page h2{
	font-size: 1.2rem;
	margin-top: 2rem;
}
#faq_overview h3 {
	font-size: 1.2rem;
	color: rgb(179, 109, 6);
	font-weight: 400;
	margin-top: 1rem;
	font-style: italic;
	text-transform: capitalize;
}
#faq_overview h3 > span {
	font-weight: 700;
	font-style: normal;
}
#faq_page blockquote {
	margin-left: 3rem;
}
#faq_page mark {
	color: #666;
}
#faq_page [data-toggle="collapse"]:after{
	font: normal normal normal 14px/1 "Font Awesome 5 Free";
	font-weight: 900;
	font-size: .8rem;
	color: #ccc;
	content: "\f054";
	transition: all ease-in-out 0.35s;
	margin-left: 20px;
	float: right;
}
#faq_page [aria-expanded="true"][data-toggle="collapse"]:after{
	transform: rotate(-90deg);
}
#faq_page [aria-expanded="false"][data-toggle="collapse"]:after {
	transform: rotate(-630deg);
}
#faq_page [data-toggle="collapse"].collapsed:after{
	transform: rotate(-630deg);
}



/* ============== Admin Users Page: #admin_users_page ============== */

#admin_users_page #display_current_users .card {
	margin: 0;
	border-width: 0;
	background-color: transparent;
}
#admin_users_page #user_invite .btn {
	padding: 0 1rem;
}
#admin_users_page .custom-switch {
	margin-bottom: 0;
}
#admin_users_page .user_name {
	line-height: 70px;
	width: calc( 100% - 12px);
}
#admin_users_page .custom-switch.custom-switch-lg .custom-control-label {
	padding-bottom: 1rem;
}
#admin_users_page .pending_badge {
	font-weight: 400;
	padding: .28rem;
	position: absolute;
	top: 34px;
	right: 3rem;
}
#admin_users_page [data-toggle="collapse"] .chevron {
	display: inline-block;
	font-size: .8rem;
	color: #ccc;
	transition: all ease-in-out 0.35s;
}
#admin_users_page [aria-expanded="true"][data-toggle="collapse"] .chevron {
	transform: rotate(-90deg);
}
#admin_users_page [aria-expanded="false"][data-toggle="collapse"] .chevron {
	transform: rotate(-630deg);
}
#admin_users_page [data-toggle="collapse"].collapsed .chevron {
	transform: rotate(-630deg);
}



/* ============== Admin Site Settings: #admin_site_settings ============== */
#admin_site_settings #terms_text {
	height: 20rem;
}




/* ============== Onboarding Pages: #onboarding_page ============== */
#photo_upload {
	position: absolute;
	top: 50%;
}
#photo_upload label{
	box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
	padding-right: 92px;
	text-align: center;
	padding-left: 2px;
}
#ajax_alert {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%
}
#photo_ajax_message_wrapper{
	box-shadow: none;
	margin: 0 auto!important;
}
@media (min-width: 576px) {
	#photo_upload label{
		text-align: center;
	}
}



/* ============== Admin Events Page: #admin_events_page ============== */
#admin_events_page .status_badge {
	font-weight: 400;
	padding: .28rem;
}
#admin_events_page #events li a{
	display: block;
	text-decoration: underline;
}



/* ============== Admin Manage Event Page: #admin_manage_event_page ============== */
#admin_manage_event_page .go_to_races_button {
	font-size: 1rem;
	float: right;
	padding: 0 0.8rem;
	margin-top: 0.6rem;
}
#admin_manage_event_page .group-horse .btn, #admin_manage_event_page .add-horse .btn i {
	font-size: 1rem;
	padding: 0.5rem;
}

#admin_manage_event_page .add-horse .btn {
	padding: 0.5rem;
}



/* ============== Credits Page: #credits_page ============== */
#credits_page #logo_wrapper{
	position: initial;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
}
#credits_page #logo {
	width: 170px;
}
#credits_page #logo_text{
	font-size: 1.2em;
	font-weight: 700;
	color: #000;
}
#credits_page .linkedin-bug {
	width: 20px;
	position: relative;
	top: -1px;
}
#credits_page .linkedin {
	font-size: 0.8em;
}
#credits_page .linkedin a{
	font-weight: 400;
}
#credits_page .full-width{
	position: relative;
	left: -20px;
	width: calc( 100% + 40px );
}


/* Custom Switch Overrides: Provides sizes for Bootstrap 4's built in switches */
/* for sm */
.custom-switch.custom-switch-sm .custom-control-label {
	padding-left: 1rem;
	padding-bottom: 1rem;
}
.custom-switch.custom-switch-sm .custom-control-label::before {
	height: 1rem;
	width: calc(1rem + 0.75rem);
	border-radius: 2rem;
}
.custom-switch.custom-switch-sm .custom-control-label::after {
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	border-radius: calc(1rem - (1rem / 2));
}
.custom-switch.custom-switch-sm .custom-control-input:checked~.custom-control-label::after {
	transform: translateX(calc(1rem - 0.25rem));
}
/* for md */
.custom-switch.custom-switch-md .custom-control-label {
	padding-left: 2rem;
	padding-bottom: 1.5rem;
}
.custom-switch.custom-switch-md .custom-control-label::before {
	height: 1.5rem;
	width: calc(2rem + 0.75rem);
	border-radius: 3rem;
}
.custom-switch.custom-switch-md .custom-control-label::after {
	width: calc(1.5rem - 4px);
	height: calc(1.5rem - 4px);
	border-radius: calc(2rem - (1.5rem / 2));
}
.custom-switch.custom-switch-md .custom-control-input:checked~.custom-control-label::after {
	transform: translateX(calc(1.5rem - 0.25rem));
}
/* for lg */
.custom-switch.custom-switch-lg .custom-control-label {
	padding-left: 3rem;
	padding-bottom: 2rem;
}
.custom-switch.custom-switch-lg .custom-control-label::before {
	height: 2rem;
	width: calc(3rem + 0.75rem);
	border-radius: 4rem;
}
.custom-switch.custom-switch-lg .custom-control-label::after {
	width: calc(2rem - 4px);
	height: calc(2rem - 4px);
	border-radius: calc(3rem - (2rem / 2));
}
.custom-switch.custom-switch-lg .custom-control-input:checked~.custom-control-label::after {
	transform: translateX(calc(2rem - 0.25rem));
}
/* for xl */
.custom-switch.custom-switch-xl .custom-control-label {
	padding-left: 4rem;
	padding-bottom: 2.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
	height: 2.5rem;
	width: calc(4rem + 0.75rem);
	border-radius: 5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
	width: calc(2.5rem - 4px);
	height: calc(2.5rem - 4px);
	border-radius: calc(4rem - (2.5rem / 2));
}
.custom-switch.custom-switch-xl .custom-control-input:checked~.custom-control-label::after {
	transform: translateX(calc(2.5rem - 0.25rem));
}



/* Animations */
.fade-in {
	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .5s;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.fade-out {
	animation-name: fadeOut;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .5s;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



/* Bootstrap navbar overrides */
#main_navigation {
	box-shadow: 0px -7px 8px -7px rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(50, 50, 50, .2);
	margin: 0 auto;
}
.navbar-nav .active>.nav-link {
	font-weight: 700;
}
.navbar-collapse.collapse.show li.nav-item:first-of-type {
	margin-top: 10px;
}
.navbar-collapse.collapse.show li.nav-item:last-of-type {
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(50, 50, 50, .2);
}
.navbar-collapse.collapse.show li.nav-item {
	margin-left: 10px;
	border-top: 1px solid rgba(50, 50, 50, .1);
}

.nav.nav-tabs .nav-item {
	margin-right: 0;
}



/* Ribbons */
.corner-ribbon{
	width: 300px;
	background: #e43;
	position: absolute;
	top: 50px;
	left: -60px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	color: #f0f0f0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 1031;
}
/* Custom styles */
.corner-ribbon.sticky{
	position: fixed;
}
.corner-ribbon.shadow{
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
/* Different positions */
.corner-ribbon.top-left{
	top: 50px;
	left: -61px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right{
	top: 50px;
	right: -61px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left{
	top: auto;
	bottom: 50px;
	left: -61px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right{
	top: auto;
	right: -50px;
	bottom: 50px;
	left: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
/* Ribbon Colors */
.corner-ribbon.white{
	background: #f0f0f0;
	color: #555;
}
.corner-ribbon.black{
	background: #333;
}
.corner-ribbon.grey{
	background: #999;
}
.corner-ribbon.blue{
	background: #39d;
}
.corner-ribbon.green{
	background: #2c7;
}
.corner-ribbon.turquoise{
	background: #1b9;
}
.corner-ribbon.purple{
	background: #95b;
}
.corner-ribbon.red{
	background: #e43;
}
.corner-ribbon.orange{
	background: #e82;
}
.corner-ribbon.yellow{
	background: #ec0;
}



/* DEBUG */
#debug_button {
	position: fixed;
	top: 2px;
	right: 2px;
	background-color: rgba(220, 0, 0, .6);
	color: #fff;
	z-index: 2000;
}
#debug {
	position: fixed;
	top: 33px;
	right: 0px;
	width: 100%;
	max-width: 600px;
	color: #fff;
	z-index: 2001;
}
#debug pre {
	color: #fff;
	font-size: 0.7em;
}
#debug .nav-item.nav-link {
	color: #fff;
	font-weight: 700;
}
#debug .nav-item.nav-link:hover {
	background-color: rgba(34, 85, 139, 0.61);
}
#debug .nav-item.nav-link.active {
	background-color: #22558b;
}
#debug_card {
	width: 100%;
	max-width: 600px;
	font-size: .8em;
	backdrop-filter: blur(6px);
	background-color: rgba(0, 0, 0, .85);
}