/*================================
  GFM Callouts / Alerts
==================================*/

.markdown-alert {
  padding: 0.5em 1em;
  margin-bottom: 1em;
  border-left: 0.25em solid;
  border-radius: 0 4px 4px 0;
}

.markdown-alert > :first-child {
  margin-top: 0;
}

.markdown-alert > :last-child {
  margin-bottom: 0;
}

.markdown-alert .markdown-alert-title {
  display: flex;
  align-items: center;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.5em;
}

.markdown-alert svg.s18 {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  vertical-align: text-bottom;
  visibility: visible;
  stroke: currentColor;
  fill: transparent;
}

/* Note (blue) */
.markdown-alert.markdown-alert-note {
  border-left-color: #4493f8;
  background-color: rgba(68, 147, 248, 0.1);
}

.markdown-alert.markdown-alert-note .markdown-alert-title {
  color: #4493f8;
}

/* Tip (green) */
.markdown-alert.markdown-alert-tip {
  border-left-color: #3fb950;
  background-color: rgba(63, 185, 80, 0.1);
}

.markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: #3fb950;
}

/* Important (purple) */
.markdown-alert.markdown-alert-important {
  border-left-color: #a371f7;
  background-color: rgba(163, 113, 247, 0.1);
}

.markdown-alert.markdown-alert-important .markdown-alert-title {
  color: #a371f7;
}

/* Warning (yellow) */
.markdown-alert.markdown-alert-warning {
  border-left-color: #f0b72f;
  background-color: rgba(240, 183, 47, 0.08);
}

.markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: #f0b72f;
}

/* Caution (red) */
.markdown-alert.markdown-alert-caution {
  border-left-color: #f85149;
  background-color: rgba(248, 81, 73, 0.1);
}

.markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: #f85149;
}