/*
* File          : bs-callout.css
* Description   : For adding Sucess, Danger, Warning & Informational callouts in a Bootstrap website
* Author        : Kolappan Nathan
* License       : MIT
* GitHub        : https://github.com/kolappannathan/bootstrap-callouts
* Version       : 2.0.0
* Last Modified : 30-Jul-2024
*/

:root {
    --bs-callout-success: #5cb85c;
    --bs-callout-danger: #d9534f;
    --bs-callout-warning: #f0ad4e;
    --bs-callout-info: #5bc0de;
}

.bs-callout {
	border: 1px solid #ddd;
	border-left-width: 5px;
	border-radius: 3px;
	text-align: start;
	justify-content: left !important;
}
 .bs-callout .bs-callout-heading {
	 margin-top: 0;
	 margin-bottom: 5px;
	 font-size: 1.3em;
}
 *.bs-callout:empty {
	 padding: 4px;
	 margin: 0px;
	 border: none;
}
 .bs-callout p:last-child {
	 margin-bottom: 0;
}
 .bs-callout + .bs-callout {
	 margin-top: -5px;
}


 .bs-callout-success {
	 border-left-color: var(--bs-callout-success);
}
 .bs-callout-success .bs-callout-heading {
	 color: var(--bs-callout-success);
}
 .bs-callout-danger {
	 border-left-color: var(--bs-callout-danger);
}
 .bs-callout-danger .bs-callout-heading {
	 color: var(--bs-callout-danger);
}
 .bs-callout-warning {
	 border-left-color: var(--bs-callout-warning);
}
 .bs-callout-warning .bs-callout-heading {
	 color: var(--bs-callout-warning);
}
 .bs-callout-info {
	 border-left-color: var(--bs-callout-info);
}
 .bs-callout-info .bs-callout-heading {
	 color: var(--bs-callout-info);
}