/*
	Alerts
	========================================
*/

/* Base styles */
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: var(--base-line-height);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: var(--warning-background);
	border: 1px solid var(--warning-border);
	border-radius: var(--base-border-radius);
}

.alert,
.alert h4 {
	/* Specified for the h4 to prevent conflicts of changing --headings-color */
	color: var(--warning-text);
}

.alert h4 {
	margin: 0;
}

/* Adjust close link position */
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: var(--base-line-height);
}

/* Alternate styles */
.alert-success {
	background-color: var(--success-background);
	border-color: var(--success-border);
	color: var(--success-text);
}

.alert-success h4 {
	color: var(--success-text);
}

.alert-danger,
.alert-error {
	background-color: var(--error-background);
	border-color: var(--error-border);
	color: var(--error-text);
}

.alert-danger h4,
.alert-error h4 {
	color: var(--error-text);
}

.alert-info {
	background-color: var(--info-background);
	border-color: var(--info-border);
	color: var(--info-text);
}

.alert-info h4 {
	color: var(--info-text);
}

/* Block alerts */
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
	margin-bottom: 0;
}

.alert-block p+p {
	margin-top: 5px;
}