/*
* 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 {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout .bs-callout-heading {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.3em;
}

.bs-callout p {
  font-size: 0.85em;
}

*.bs-callout:empty {
  padding: 20px;
  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);
}