/*---------------------------------------------------------------------------
04-07 Blog & Posts (BLG)
---------------------------------------------------------------------------*/

/*  Default Gutenberg Latest Posts Block FRAMEWORK 2024-05-26
-----------------------------------------------*/
.wp-block-latest-posts.is-grid { display: grid; grid-gap: var(--sp-rim); }
.wp-block-latest-posts__featured-image img { height: auto; width: 100%; max-width: 100%; object-fit: cover; max-height: 150px; }
.wp-block-latest-posts.wp-block-latest-posts__list { margin: 0; }
.wp-block-latest-posts.wp-block-latest-posts__list li { background-color: var(--clr-white);  margin: 0; width: 100%; box-shadow: var(--shadowbox-btn); transition: all 0.2s ease-in-out; }
.wp-block-latest-posts.wp-block-latest-posts__list li:hover { box-shadow: var(--shadowbox); }
.wp-block-latest-posts.wp-block-latest-posts__list li > a { font-family: futura-pt, sans-serif; font-weight: 700; font-style: italic; padding: calc( var(--sp-rim) * 0.5 ) var(--sp-rim);  display: block; }
.wp-block-latest-posts__featured-image a { width: 100%;}
    @media screen and (min-width: 800px) {
        .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
        .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
        .wp-block-latest-posts.is-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
        .wp-block-latest-posts.is-grid.columns-5 { grid-template-columns: repeat(5, 1fr); }
        .wp-block-latest-posts__featured-image img { max-height: 200px; }
    }

/* Comments FRAMEWORK 2024-05-26
-----------------------------------------------*/
#comments .commentlist { margin-left: 0px; }
#respond ul { margin-left: 0px; }
.commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children { margin: 0; }
.commentlist li[class*=depth-] { margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0; }
.commentlist .vcard { margin-left: 50px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist .comment-reply-link { float: right; }

    /* COMMENT FORM STYLES */
    .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; }
    .respond-form form { margin: 0.75em 0; }
    .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
    .respond-form form li label,.respond-form form li small { display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
    .respond-form form input[type=text]:focus,
    .respond-form form input[type=email]:focus,
    .respond-form form input[type=url]:focus,
    .respond-form form textarea:focus { background: #fff; }
    .respond-form form input[type=text]:invalid,
    .respond-form form input[type=email]:invalid,
    .respond-form form input[type=url]:invalid,
    .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] { max-width: 400px; min-width: 250px; }
    .respond-form form textarea { resize: none; width: 97.3%; height: 150px; }
    #comment-form-title { margin: 0 0 1.1em; }
    #allowed_tags { margin: 1.5em 10px 0.7335em 0; }
    .nocomments { margin: 0 20px 1.1em; }