.tu_alert .tualert_button,
.tu_alert .tualert_data_title,
.tualert_banner
{
	font-family: 'roboto', arial, sans-serif;
	overflow:hidden;
}

.tu-weather-alert-warning {
	color: #a41e35;
}

.tu_alert {
	background-color: #ffd800;
	border-radius: 1px;
	text-align: center;
	position: relative;
	display: none;
	color: white !important;
	font-size: 15px !important;
	padding-top: .7em;
}

.tu_alert .tualert_data_title {
	color: black !important;
	font-size: 16px !important;
}

.tu_alert .tualert_data_title p {
	color: black !important;
	font-size: 16px !important;
	font-weight: bold;
}

.tu_alert .tualert_button {
	font-size: 13px;
	padding: 3px 1.5em;
	background-color: #3f3f3f;
	border: 1px solid transparent;
	color: white;
}

.tu_alert .tualert_button:focus {
	border: 1px dashed white;
}

.tu_alert .tualert_button span:after {
	display: inline-block;
	transform: translatey(-29%) rotate(135deg);
	content: "";
	border-top: 1px solid;
	border-right: 1px solid;
	width: 7px;
	height: 7px;
	margin-left: 10px;
	color: white;
}

.tu_alert .clicked:after {
	transform: translatey(20%) rotate(-45deg) !important;
}

.tu_alert a {
	font-size: 15px !important;
	color: white !important;
	font-weight: bold;
}


.tu_alert h3 {
	text-align: center;
	margin-bottom: 1em;
	font-size: 18px;
}

.tualert_message__container {
	margin-bottom: 0;
	background-color: #222222;
	opacity: 1;
	transition: opacity 500ms, height 1000ms !important;
}

.tualert--hidden {
  opacity: 0;
  height:0;
}

.tualert_message {
	color: #fff;
	padding-top: 1em;
	width: 60%;
	display: inline-block;
	text-align: left;
	font-size: 1em !important;
}

.tualert_message br {
	display: none;
}

.tu_alert .readmore a {
	display: inline-block;
	text-decoration: none !important;
	font-family: "roboto", arial, sans-serif;
	font-weight: normal;
	width: 13em;
	height: 3em;
	background-color: #fcd600;
	color: #2A281B;
	text-align: center;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	border-bottom: none !important;
}

.tu_alert .readmore span {
	color: #2A281B;
	padding-top: .75em;
	display: block;
}

.tu_alert .readmore span:after {
	display: inline-block;
	transform: translatey(-20%) rotate(45deg);
	content: "";
	border-top: 1px solid;
	border-right: 1px solid;
	width: 7px;
	height: 7px;
	margin-left: 8px;
}

/* Close alert button */
.tu_alert .close_tualert {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 1em;
	top: 38px;
	transform: translateY(-50%);
	opacity: 0.6;
	border-bottom: none !important;
	background-color: transparent;
	border: none;
}

.tu_alert .close_tualert:hover,
.tu_alert .close_tualert:focus {
  opacity: 1;
}

.tu_alert .close_tualert:before, 
.tu_alert .close_tualert:after {
  position: absolute;
  top:17%;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #333;
}

.tu_alert .close_tualert:before {
  transform: rotate(45deg);
}

.tu_alert .close_tualert:after {
  transform: rotate(-45deg);
}

.tualert_banner {
	padding: .5em 15px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 1.5em !important;
	font-weight: bold;
	background-color: #ffd800;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: 16px !important;
}

.tualert_banner > p {
	color: black;
	margin-right: 1em;
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

.tualert_banner .tualert_show_hidden_alert_button {
	font-size: 13px;
	padding: 3px .8em;
	background-color:#3f3f3f;
	border: 1px solid transparent;
	color: white;
	border-radius: 18px;
}

.tualert_banner .tualert_show_hidden_alert_button:focus {
	border: 1px dashed white;
}