/* ==================================================
   Bento
================================================== */

/* Bento Card */

.bento-card {
    min-width: 0;

    padding: 20px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-medium);

    background: var(--color-card-solid);

    box-shadow: var(--shadow-card);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;


    position: relative; /* tmp */
}

.bento-card:hover {
    transform: translateY(-3px);

    box-shadow: var(--shadow-card-hover);
}

/* Card label */

.card-label {
    margin: 0 0 7px;

    color: var(--color-primary-dark);

    font-weight: var(--font-weight-bold);

    letter-spacing: 0.13em;
}

.bento-card h3 {
    margin-bottom: 16px;
}

.bento-card h4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media (max-width: 640px) {

}

@media (max-width: 480px) {

    .bento-card {
        padding: 16px;
    }

    .bento-card h3 {
        margin-bottom: 12px;
    }

    .card-label {
        font-size: 16px;
    }
    
}