/* ALERT APP ------------------------------ */

 #alertApp, #alertDesc {
   transition: var(--ws-transition);
 }

#alertApp {
	background: #990000;
	cursor: pointer;
	position: relative;
	padding: .5rem 2.5rem;
	width: 100%;
	z-index: 1;
}

#alertApp.alertStatic {
	cursor: default;
}

#alertApp #alertTitle {
	color: #FFF;
	display: block;
	font-size: 1em;
	line-height: 1.2;
	margin: 0 auto;
	padding: .1875em .3125em;
	text-align: center;
}

#alertApp #alertDesc {
	height: 0;
	overflow: hidden;
}

#alertApp p {
	color: #FFF;
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: .5rem 0 .75rem;
	position: relative;
	text-align: center;
}


/* DESKTOP ONLY ----- */
@media (min-width: 750px) {
  #alertApp:not(.alertStatic):is(:hover, :focus) {
    background: #660000;
  }

  #alertApp:is(:hover, .expand) #alertTitle {
    color: #FFF;
  }
}