.callout {
    margin-bottom: 4rem
}

.callout>.callout__link {
    color: #000;
    display: block;
    text-decoration: none
}

.callout>.callout__link:focus-visible {
    text-decoration: underline
}

.callout__media {
    margin-bottom: 1rem
}

.callout__title {
    color: var(--color-primary);
    font-size: 1rem;
    font-size: 18px;
    line-height: normal;
    margin-bottom: .625rem
}

.callout__title .callout__link {
    transition: color .3s ease-in-out;
    will-change: color
}

.callout__title .callout__link:focus-visible,.callout__title .callout__link:hover {
    color: var(--color-secondary)
}

.navy-background .callout__title,.navy-background .callout__title .callout__link {
    color: currentColor
}

.callout__subtext {
    margin-bottom: 1rem;
    font-size: 15px;
}

[class*=col].callout {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--color-bold-blue);
    border-radius: 20px;
    margin-bottom: 0;
}

[class*=col].callout .callout__link-wrap {
    margin-top: auto
}

/*# sourceMappingURL=../../../maps/components/callouts/callout.min.css.map */
