.callout {
    font-size: 0.75rem;
}

@media only screen and (min-width: 640px) {
    .callout {
        font-size: 1rem;
    }
}

.alert-callout-border {
    width: 100%;
    padding: 1.3rem;
    border-left-width: 0.3125rem;
    border-left-color: #cacaca;
}

.alert-callout-border strong {
    color: #0a0a0a;
}

.alert-callout-border .close-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert-callout-border.radius {
    border-radius: 0.6rem;
}

.alert-callout-border.primary {
    border-left-color: #1779ba;
}

.alert-callout-border.primary strong {
    color: #1779ba;
}

.alert-callout-border.secondary {
    border-left-color: #767676;
}

.alert-callout-border.secondary strong {
    color: #767676;
}

.alert-callout-border.alert {
    border-left-color: #cc4b37;
}

.alert-callout-border.alert strong {
    color: #cc4b37;
}

.alert-callout-border.success {
    border-left-color: #3adb76;
}

.alert-callout-border.success strong {
    color: #3adb76;
}

.alert-callout-border.warning {
    border-left-color: #ffae00;
}

.alert-callout-border.warning strong {
    color: #ffae00;
}