.callout {
    border: 1px solid #e7be00;
    border-left-width: 0.4rem;
    padding: 0.5em 0.5em 0.5em 2.5em;
    display: block;
    position: relative;
    overflow: auto;
    color: #01466c;
    background-color: #ecf8ff;
}

.callout:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    content: "";
    width: 1.2em;
    height: 1.2em;
    left: 12px;
    top: 50%;
    display: inline-block;
    position: absolute;
    opacity: .8;
}