.site-alerts {

}

.site-alerts .alert {
	margin-bottom: 0;

	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.site-alerts__alert-content {
	*:last-child {
		margin-bottom: 0;
	}
}

.site-alerts .alert-inner {
	display: grid;
	grid-template-columns: calc(100% - 60px) 40px;
	gap: 20px;
}

.site-alerts .alert-content-wrap {
	display: grid;
	grid-template-columns: max-content max-content;
	gap: 20px;
	justify-content: center;
}

a.alert-inner {
	text-decoration: none;

	&:hover .site-alerts__alert-content {	
		text-decoration: underline;
	}
}

.site-alerts .alert-name {
	margin-bottom: 0;
}

/* .site-alerts .alert-success {
	--alert-link-color: #3c763d;
}

.site-alerts .alert-info {
	--alert-link-color: #015696;
}

.site-alerts .alert-warning {
	--alert-link-color: #8a6d3b;
}

.site-alerts .alert-danger {
	--alert-link-color: #a94442;
} */

.site-alerts .alert.alert-primary {
	background-color: var(--brand-primary);
	color: #fff;

	--alert-link-color: #fff;
}

.site-alerts .alert.alert-black {
	background-color: #000;
	color: #fff;

	--alert-link-color: #fff;

	.close {
		color: #fff;
		opacity: 0.5;

		&:hover {
			color: #fff;
			opacity: 1;
		}
	}
}

.site-alerts .alert a:not(.btn) {
	color: var(--alert-link-color);
}

.site-alerts .alert .flexi-item-edit {
	background: transparent;
	padding: 0;
	margin-left: 5px;
	vertical-align: middle;
	color: var(--alert-link-color);
}