.callout { padding: 1.25rem; margin: 1.25rem 0; border: 1px solid #eee; border-left-width: 0.25rem; border-radius: 0.25rem; }  .callout h4 { margin-bottom: .25rem; }  .callout p:last-child { margin-bottom: 0; }  .callout code { border-radius: .25rem; }  .callout + .bs-callout { margin-top: -.25rem }  .callout-default { border-left-color: #777; }  .callout-default h4 { color: #777; }  .callout-primary { border-left-color: #428bca; }  .callout-primary h4 { color: #428bca; }  .callout-primary:hover { border-left-color: dodgerblue; }  .callout-success { border-left-color: #5cb85c; }  .callout-success h4 { color: #5cb85c; }  .callout-danger { border-left-color: #d9534f; }  .callout-danger:hover { border-left-color: red; }  .callout-danger h4 { color: #d9534f; }  .callout-warning { border-left-color: #f0ad4e; }  .callout-warning:hover { border-left-color: orange; }  .callout-warning h4 { color: #f0ad4e; }  .callout-info { border-left-color: #31d2f2; }  .callout-info:hover { border-left-color: aqua; }  .callout-info h4 { color: #31d2f2; }  .callout-bdc { border-left-color: #29527a; }  .callout-bdc h4 { color: #29527a; }  .callout-shadow { box-shadow: 0 0px 10px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); transition: opacity 0.3s, box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }  .callout-shadow:hover { box-shadow: 0 14px 25px rgb(0 0 0 / 5%), 0 10px 20px rgb(0 0 0 / 10%); }