.mpp-site-alerts {
	position: relative;
	z-index: 9999;
}

.mpp-site-alert {
	width: 100%;
	box-sizing: border-box;
    padding: 0.5em 0;
}

.mpp-site-alert__inner {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 1200px;
	margin: 0px auto;
	padding: 14px 20px;
	border-left: 6px solid currentColor;
}

.mpp-site-alert__icon {
	flex: 0 0 auto;
	font-size: 22px;
	width: 22px;
	height: 22px;
}

.mpp-site-alert__content {
	flex: 1 1 auto;
	min-width: 0;
}

.mpp-site-alert__title {
	margin-right: 8px;
}

.mpp-site-alert__description {
	display: inline;
    font-family: 'poppins', sans-serif;

}

.mpp-site-alert__description p {
	margin: 0;
}


.mpp-site-alert__dismiss {
	flex: 0 0 auto;
	background: transparent;
	border: 0 !important;
	cursor: pointer;
	line-height: 1;
	color: inherit;
	opacity: 0.75;
}

.mpp-site-alert__dismiss:hover,
.mpp-site-alert__dismiss:focus {
	opacity: 1;
    background: none !important;
    color: #c36 !important;
}

/* Color variants */
.mpp-site-alert--blue {
	background: #e7f1fb;
	color: #0a3a63;
}

.mpp-site-alert--red {
	background: #ffd2c9;
	color: #6b1209;
}

.mpp-site-alert--green {
	background: #e7f7ec;
	color: #075e31;
}

@media ( max-width: 600px ) {
	.mpp-site-alert__inner {
		flex-wrap: wrap;
		padding: 10px 14px;
	}

	/* Keep icon + dismiss on the top row; push the message to its own full-width row. */
	.mpp-site-alert__icon {
		order: 1;
	}

	.mpp-site-alert__dismiss {
		order: 2;
		margin-left: auto;
	}

	.mpp-site-alert__content {
		order: 3;
		flex: 1 1 100%;
	}
}