/* =========================================
   LATEST 3 BLOG POSTS – HORIZONTAL PANELS
   ========================================= */

.latest-blog-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Title styling (optional) */
.latest-blog-title {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.6em;
    margin-bottom: 15px;
    color: #fff;
}

/* Row that contains the three posts */
.latest-blog-row {
    /* keep default Bootstrap row behaviour */
}

/* Columns for each post card */
.latest-blog-col {
    margin-bottom: 10px; /* small gap below row so background can show */
}

/* Individual post “card” */
.latestposts {
    /* This margin creates visible gaps INSIDE each column */
    margin: 0 10px;              /* 5px left + 5px right -> 10px space between panels */
    
    background-color: rgba(255, 255, 255, 0.9); /* panel over parchment */
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    height: 100%;
}

/* Title + link */
.latestposts .post_title {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-weight: bold;
}

.latestposts .post_title a {
    color: #000000;
    text-decoration: none;
}

.latestposts .post_title a:hover {
    text-decoration: underline;
}

/* Date */
.latestposts .post_date {
    display: block;
    font-size: 0.85em;
    color: #666666;
    margin-bottom: 8px;
}

/* Summary text */
.latestposts .post_summary {
    font-size: 1.2em;
    margin-bottom: 10px;
}

/* Read more link */
.latestposts .post_readmore {
    font-weight: bold;
    color: #008000;
    text-decoration: none;
}

.latestposts .post_readmore:hover {
    text-decoration: underline;
}