/**************************************************
 * Editor's Pick Banner Styles
 **************************************************/
.banner-rotator .container {
	position: relative;
	z-index: 100;
}
.banner-rotator .banner-note {
	/* font-family: "museo-slab", Georgia, serif; */
	font-family: 'gotham-medium', sans-serif;
	position: absolute;
	bottom: 130px;
	color: #fff;
	left: 0;
}

.banner-rotator .banner-note a {
	line-height: 46px;
	font-weight: 700;
	max-width: 480px;
	font-size: 40px;
	display: block;
	padding: 30px;
	color: #fff;

	background: #444;
	background: rgba(0, 0, 0, 0.5);

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.banner-rotator .banner-note a:hover {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}

.banner-rotator .banner-note a span.note-ribbon {
	background-color: #444;
	position: absolute;
	text-align: center;
	line-height: 30px;
	font-weight: 500;
	font-size: 20px;
	display: block;
	padding: 10px;
	top: 100%;
	right: 0;
	left: 0;
}
.banner-rotator .banner-note a span.note-ribbon.orange-ribbon {
	/* background-color: #f57d27; */
	/* background-color: #fed27f; */
	background-color: #C99438;
	font-family: 'gotham-medium', sans-serif;
}

.banner-rotator .banner-note a span.note-ribbon i.icon-star-white {
	background-position: 0px -248px;
	vertical-align: bottom;
	display: inline-block;
	margin-right: 15px;
	line-height: 30px;
	height: 30px;
	width: 30px;
}