

.el-alert .el-alert-inner {
	width: 100%;
	height: auto;
	padding: 1.2rem 0;
	padding-left: var(--website-padding-50);
	padding-right: var(--website-padding-50);
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.el-alert.bg-black .el-alert-inner {
	background-color: var(--alert-color-black);
}
.el-alert.bg-red .el-alert-inner {
	background-color: var(--alert-color-red);
}
.el-alert.bg-blue .el-alert-inner {
	background-color: var(--alert-color-blue);
}
.el-alert.bg-yellow .el-alert-inner {
	background-color: var(--alert-color-yellow);
}

.alert-link-icon,
.alert-icon {
	width: 20px;
	color: white;
	font-size: 20px;
}
.alert-icon {
	margin-right: 1.5rem;
}
.alert-content {
	width: auto;
	max-width: calc(100% - 40px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-right: 1.5rem;
}
.alert-text {
	display: contents;
	font-weight: 700;
	letter-spacing: 0.1px;
	color: white;
	margin-right: 5px;
}
.alert-subtext {
	display: contents;
	letter-spacing: 0.1px;
	color: white;
}
.bh-bemode .el-alert .alert-subtext,
.bh-bemode .el-alert .alert-text {
	display: inline-block;
}

.el-alert.bg-yellow .el-alert-inner,
.el-alert.bg-yellow .alert-link-icon,
.el-alert.bg-yellow .alert-icon,
.el-alert.bg-yellow .alert-text,
.el-alert.bg-yellow .alert-subtext {
	color: var(--root-color-100);
}

.bh-femode .el-alert {
	display: none !important;
}
.bh-femode .el-alert.show {
	display: block !important;
}

@media only screen and (max-width:500px) {
	.alert-text,
	.alert-subtext {
		font-size: 1.4rem;
		line-height: 1.2;
	}
}
