/*

alert banner

IF you remove the bar html in footer.php,
remove the class .alert-bar in the body tag in header.php
as well as the css styling below. -Steven

*/

.alert-banner  { display: none; }

body.alert-bar .alert-banner  {
	display: block;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .07em;
	line-height: 46px;
	height: 46px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 99999;
	background: #831d48; }

body.alert-bar.admin-bar .alert-banner  { top: 46px; }
body.alert-bar .alert-banner a.alert-banner { color: #FFF; }
body.alert-bar .banner-text span { display: none; }

body.alert-bar .header { top: 46px; }

body.alert-bar .mobile-nav-fixed-wrap { top: 46px; }
body.alert-bar.admin-bar .mobile-nav-fixed-wrap { top: 92px; }

body.alert-bar .page-wrap { padding-top: 104px; }

@media (min-width: 370px) {

	body.alert-bar .banner-text span { display: inline; }

}

@media (min-width: 783px) {

	body.alert-bar.admin-bar .alert-banner  { top: 32px; }
	body.alert-bar.admin-bar .mobile-nav-fixed-wrap { top: 78px; }

}

@media(min-width: 960px) {

	body.alert-bar .page-wrap { padding-top: 183px; }

}