/*
 * Bootstrap CSS
 *
 * Section index...
 *
 * #1. Callouts
 */



/*
 * #1. Callouts
 */

.bd-callout {
	--bs-link-color-rgb: var(--bd-callout-link);
	--bs-code-color: var(--bd-callout-code-color);
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: var(--bd-callout-color, inherit);
	background-color: var(--bd-callout-bg, var(--bs-gray-100));
	border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout h4 {
	margin-bottom: .25rem
}

.bd-callout>:last-child {
	margin-bottom: 0
}

.bd-callout+.bd-callout {
	margin-top: -.25rem
}

.bd-callout .highlight {
	background-color: #0000000d
}

.bd-callout-info {
	--bd-callout-color: var(--bs-info-text-emphasis);
	--bd-callout-bg: var(--bs-info-bg-subtle);
	--bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
	--bd-callout-color: var(--bs-warning-text-emphasis);
	--bd-callout-bg: var(--bs-warning-bg-subtle);
	--bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
	--bd-callout-color: var(--bs-danger-text-emphasis);
	--bd-callout-bg: var(--bs-danger-bg-subtle);
	--bd-callout-border: var(--bs-danger-border-subtle)
}

.bd-callout-success {
	--bd-callout-color: var(--bs-success-text-emphasis);
	--bd-callout-bg: var(--bs-success-bg-subtle);
	--bd-callout-border: var(--bs-success-border-subtle)
}

.bd-callout-dev {
	--bd-callout-color: var(--bs-secondary-text-emphasis);
	--bd-callout-bg: var(--bs-secondary-bg-subtle);
	--bd-callout-border: var(--bs-secondary-border-subtle);
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
}