/* Card style 09: Framed. A white photo-print frame with centred serif text; it stays paper-white in dark mode. */
.card-style-09 .card.post-card {
    padding: 12px 12px 20px;
    border: 1px solid #e7e3da;
    border-radius: 3px;
    background: #fffdf8;
    color: #4a4a4a;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
    transition: transform .3s ease, box-shadow .3s ease;
}

.card-style-09 .post-card .card-img-top {
    border-radius: 0;
}

.card-style-09 .post-card > .mt-3 {
    padding: 4px 10px 0;
}

.card-style-09 .post-card a,
.card-style-09 .post-card .card-title {
    color: #2b2b2b;
}

.card-style-09 .post-card .card-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    font-weight: 400;
}

.card-style-09 .post-card .card-text {
    font-family: Georgia, "Times New Roman", serif;
    font-size: .95rem;
    font-style: italic;
    color: #666;
}

.card-style-09 .post-card .text-muted {
    color: #8a8a8a !important;
}

.card-style-09 .post-card .about-card-footer {
    text-align: center;
}

.card-style-09 .post-card .about-card-btn {
    padding: .35rem 1.2rem;
    font-family: Georgia, "Times New Roman", serif;
    color: #2b2b2b;
    background: transparent;
    border: 1px solid #2b2b2b;
    border-radius: 0;
}

@media (hover: hover) and (pointer: fine) {
    .card-style-09 .card.post-card:hover {
        transform: rotate(-1deg);
        box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
    }

    .card-style-09 .post-card .about-card-btn:hover {
        color: #fffdf8;
        background: #2b2b2b;
        border-color: #2b2b2b;
    }
}

.dark .card-style-09 .card.post-card {
    background: #fffdf8 !important;
    color: #4a4a4a;
    border-color: transparent;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
}

.dark .card-style-09 .post-card a,
.dark .card-style-09 .post-card .card-title {
    color: #2b2b2b;
}