.card ul li {
   list-style-type: none;
}
.card-top {
   position:relative;
   height: 200px;
   border-radius: 10px 10px 0px 0px;
   border-top: solid 1px #808080;
   border-left: solid 1px #808080;
   border-right: solid 1px #808080;
   background-color: #fff;
   color:#222;
   padding: 20px 0px 20px 0px;
   margin: 10px 0px 0px 0px;
}
.card-top .card-buttons {
  position: absolute;
  bottom: 10px;
  x-left: 0;
}
.card-buttons {
   width: 100%;
   text-align: center;
   margin-top: 10px;
}
.card-bottom {
   height: 180px;
   border-radius: 0px 0px 10px 10px;
   color: #ffffff;
   margin: 0px 0px 10px 0px;
   padding: 20px 10px 10px 10px;
}
.card-bottom a {
    color: #ffffff;
    text-decoration: underline;
}
.card-red {
   background-color: #cc0000;
}
.card-blue {
   background-color: #00369a;
}
.card-light-blue {
   background-color: #33669a;
}
.card-light-purple {
   background-color: #714fa1;
}
.card-gold {
   background-color: #eaba2b;
   color: #222;
}
.card-green {
   background-color: #00aa03;
}
.card-football {
   background-color: #543025;
}

.card-top img {
   max-height: 120px;
   width: auto;
   display: block;
   margin-right: auto;
   margin-left: auto;
}

.money-league-card .status-ribbon {
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 2;
	padding: 3px 7px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .28);
	color: #fff;
	font-size: 85%;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .01em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	transform: rotate(-45deg);
	transform-origin: center;
	white-space: nowrap;
}

.money-league-card .status-ribbon.status-open {
	border-color: #ffe596;
	background: linear-gradient(135deg, #fff0a8 0%, #eaba2b 48%, #b77a00 100%);
	color: #352300;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

.money-league-card .status-ribbon.status-drafting {
	border-color: #f8fafc;
	background: linear-gradient(110deg, #8c98a5 0%, #eef2f6 28%, #fff 45%, #aeb8c4 64%, #f8fafc 82%, #8c98a5 100%);
	background-size: 220% 100%;
	color: #1e2933;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	animation: status-ribbon-silver 2.4s linear infinite;
}

.money-league-card .status-ribbon.status-closed {
	padding-right: 16px;
	padding-left: 16px;
	border-color: #9ca0a5;
	background: #73777c;
}

.money-league-card .status-ribbon.status-soldout {
	border-color: #8fa4b0;
	background: #546e7a;
}

/* Existing specialty ribbons retain their previous color families. */
.money-league-card .status-ribbon.status-coming-soon { background: #c00; }
.money-league-card .status-ribbon.status-play-now { background: #080e4b; }
.money-league-card .status-ribbon.status-superflex { background: #0a0; }
.money-league-card .status-ribbon.status-beat-bender { background: #222; }
.money-league-card .status-ribbon.status-playoff-drafts {
	background: #714fa1;
	animation: status-ribbon-wiggle 1s ease-in-out infinite;
}

.money-league-card .status-ribbon.sparkle::before,
.money-league-card .status-ribbon.sparkle::after {
	position: absolute;
	content: "\2726";
	color: #fff3a6;
	text-shadow: 0 0 4px #fff;
	animation: status-ribbon-sparkle 1.8s ease-in-out infinite;
}

.money-league-card .status-ribbon.sparkle::before {
	top: -8px;
	left: -4px;
}

.money-league-card .status-ribbon.sparkle::after {
	right: -4px;
	bottom: -8px;
	animation-delay: .9s;
}

@keyframes status-ribbon-silver {
	0% { background-position: 100% 0; }
	100% { background-position: -120% 0; }
}

@keyframes status-ribbon-sparkle {
	0%, 100% { opacity: .2; transform: scale(.65) rotate(0); }
	50% { opacity: 1; transform: scale(1.15) rotate(90deg); }
}

@keyframes status-ribbon-wiggle {
	0%, 100% { transform: rotate(-48deg); }
	50% { transform: rotate(-42deg); }
}

@media (prefers-reduced-motion: reduce) {
	.money-league-card .status-ribbon.status-drafting,
	.money-league-card .status-ribbon.status-playoff-drafts,
	.money-league-card .status-ribbon.sparkle::before,
	.money-league-card .status-ribbon.sparkle::after {
		animation: none;
	}

	.money-league-card .status-ribbon.sparkle::before,
	.money-league-card .status-ribbon.sparkle::after {
		opacity: .8;
	}
}
