/* =========================
   CUSTOM QUARTO CALLOUTS
   ========================= */


/* PURPLE */

.callout.callout-style-default.custom-purple {
  border-left-color: #8e44ad;
}

.callout.callout-style-default.custom-purple > .callout-header {
  background-color: #f3e8f7;
}


/* RED */

.callout.callout-style-default.custom-red {
  border-left-color: #c0392b;
}

.callout.callout-style-default.custom-red > .callout-header {
  background-color: #f9e7e5;
}


/* PINK */

.callout.callout-style-default.custom-pink {
  border-left-color: #d63384;
}

.callout.callout-style-default.custom-pink > .callout-header {
  background-color: #fbe9f2;
}


/* TEAL */

.callout.callout-style-default.custom-teal {
  border-left-color: #00897b;
}

.callout.callout-style-default.custom-teal > .callout-header {
  background-color: #e0f2f1;
}


/* INDIGO */

.callout.callout-style-default.custom-indigo {
  border-left-color: #4b4fa3;
}

.callout.callout-style-default.custom-indigo > .callout-header {
  background-color: #e9eaf6;
}


/* GRAY */

.callout.callout-style-default.custom-gray {
  border-left-color: #6c757d;
}

.callout.callout-style-default.custom-gray > .callout-header {
  background-color: #f0f1f2;
}


/* BROWN */

.callout.callout-style-default.custom-brown {
  border-left-color: #8d6e63;
}

.callout.callout-style-default.custom-brown > .callout-header {
  background-color: #efebe9;
}

.no-title .callout-title {
  display: none;
}