/* Special Styles for Alert Banner */

#alert-new {
	position: relative;
	z-index: 99991;
	padding: 1rem 0;
	font-family: "Roboto Condensed", sans-serif
}
#alert-new.orange {
	background-color: #EC9B1C;
	color: #000
}
#alert-new.red {
	background-color: #c00;
	color: #fff
}
#alert-new.red a {
	color: #fff
}
#alert-new.red .close {
	border-color: #fff
}
@media all and (min-width: 1024px) {
	#alert-new.red .message:before {
		content: 'warning'
	}
}
@media all and (min-width: 1024px) {
	#alert-new {
		padding: 1.5rem 0
	}
}
#alert-new .site-width {
	position: relative
}
#alert-new .close {
	display: none;
	position: absolute;
	right: 1.5rem;
	top: -.5rem;
	border: 1px solid #000;
	border-radius: 50%;
	height: 1.25rem;
	width: 1.25rem;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}
#alert-new .close {
	display: block
}
#alert-new .close:after {
	content: 'close';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1.25rem;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	vertical-align: middle;
	line-height: 1.25rem;
	position: relative;
	top: -2.5px
}
@media reader,
speech,
aural {
	#alert-new .close:after {
		display: none;
		visibility: hidden
	}
}
#alert-new .close:hover {
	color: #fff;
	border-color: #fff
}
#alert-new a {
	color: #000;
	text-decoration: underline
}
#alert-new .message {
	padding-right: 1.5rem;
	max-width: 960px;
	padding-left: 3rem
}
#alert-new .message:before {
	content: 'new_releases';
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 2rem;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	vertical-align: middle;
	color: #fff;
	display: block;
	height: 4rem;
	width: 4rem;
	position: absolute;
	left: 1.5rem;
	top: 0
}
@media reader,
speech,
aural {
	#alert-new .message:before {
		display: none;
		visibility: hidden
	}
}
@media all and (min-width: 1024px) {
	#alert-new .message {
		font-size: 1.25rem;
		padding-left: 6rem
	}
	#alert-new .message:before {
		font-size: 4rem;
		top: -.5rem
	}
}