/* ==========================================================================
   News Section Styles (Query Loop Cards)
   ========================================================================== */

.query-loop-card {
    display: flex;
    border: none;
    padding: 0;
    background: none;
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    align-items: flex-start;
}

.query-loop-card .query-loop-card-cont {
    background-color: white;       /* White background for cards */
    border: 1px solid #ccc;        /* Light gray border */
    padding: 20px;                 /* Inner spacing */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow */
    border-radius: 10px;           /* Rounded corners */
}

.query-loop-card .wp-block-post-title a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #4CAF50;                /* Green title text */
    font-size: 18px;               /* Title size */
    margin-bottom: 10px;           /* Spacing under title */
}

.query-loop-card .wp-block-post-title a:hover {
    text-decoration: underline;    /* Hover underline */
}

.query-loop-card .wp-block-post-date {
    margin-right: 10px;            /* Space between date and title */
    vertical-align: top;
}

.query-loop-card .wp-block-post-date:before {
    content: '\f073';              /* FontAwesome calendar icon */
    font-family: 'Font Awesome 5 Free';
    padding-right: 5px;
}

.query-loop-card .wp-block-post-excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;         /* Limit to 3 lines */
    line-clamp: 3;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 16px;
    color: #333;
}