/* clickable wrapper */
.blue-callout__link-wrap {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* main card */
.blue-callout {
    background-image: url("/wp-content/themes/skinbonescme/assets/images/Blue.svg");
    background-size: cover;
    max-width: 90%;
    margin: 0 auto 40px;
    padding: 40px 30px;
    border-radius: 30px;

    box-shadow: 0 0 50px rgba(0,0,0,0.25);

    transition: transform .25s ease !important;

    transform: translateY(0);
}

/* hover lift (same speed/feel as topics block) */
.blue-callout__link-wrap:hover .blue-callout {
    transform: translateY(-4px);
}

/* click feedback */
.blue-callout__link-wrap:active .blue-callout {
    transform: translateY(-1px);
}

/* copy */
.blue-callout__copy p {
    color: #fff;
    margin: 10px 0 0;
    font-size: 24px;
}

.blue-callout__copy p strong {
    font-family: 'Niveau-Grotesk', niveau-grotesk, sans-serif !important;
}

/* mobile */
@media (max-width: 768px) {

    .blue-callout {
        margin-bottom: 40px;
        padding: 20px 15px;
    }

    .blue-callout__copy p {
        font-size: 14px;
    }

    /* disable hover on touch */
    .blue-callout__link-wrap:hover .blue-callout {
        transform: none;
    }
}