/** ----------------------------------------- Index Styles ----------------------------------------- **/

#posts_w {
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem;
}

#posts_l {
    flex: 1 1 37.5rem;
}

#posts_r {
    flex: 1 1 21.875rem;
}

/** ----------------------------------------- Featured Posts----------------------------------------- **/


.featured-post-content {
    display: grid;
    grid-template-columns: 12.1875rem 23.75rem;
    grid-template-rows: min-content min-content;
    gap: 0 .625rem;
    padding: 0 0 .3125rem 0;
}

.featured-post {
    padding: .625rem .3125rem .625rem .3125rem;
    margin: 1.5rem 0 1.5rem 0;
    background-color: var(--clr-xlt-light);
}

.featured-post-content > a:first-child {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.featured-post-hdrtxt {
    align-self: start;
    grid-column: 2;
    display: block;
    padding: 0 0 .3125rem 0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-image: linear-gradient( to left, var(--clr-med-light) , var(--clr-lt-light) ) 1;    
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--clr-med-dark);
    text-decoration: none;    
}

.featured-post-hdrtxt:visited {
    color: var(--clr-med-dark);
}

.featured-post-hdrtxt:hover {
    color: var(--clr-lt-blue);
    text-decoration: underline;    
    transition-duration: .3s;  
    cursor: pointer;
}

.featured-post-desc {

}

.featured-post-desctxt {
    grid-column: 2;
    align-self: start;
    padding: .3125rem 0 0 0;
    margin: 0;
    font-family: Studio-Feixen-Sans, Helvetica, serif;
    font-size: 1.125rem;
    line-height: 1.5;
    color: var(--clr-lt-dark);    
}

.featured-post-attrs {
    display: flex;
    padding: .3125rem 0 0 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-image: linear-gradient( to right, var(--clr-med-light) , var(--clr-lt-light) ) 1;    
}

.featured-post-date {
    font-family: Studio-Feixen-Sans, Helvetica, serif;    
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--clr-xlt-dark);     
}

.featured-post-cat {
    margin-left: auto;
    font-family: Studio-Feixen-Sans, Helvetica, serif;      
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--clr-med-blue);
    text-decoration: none;    
}

.featured-post-cat:hover {
    color: var(--clr-lt-blue);
    text-decoration: underline;    
    transition-duration: .3s;   
}

/** ----------------------------------------- Latest Posts ----------------------------------------- **/

#latest_posts_nav {
    padding: 0 0 0 .3125rem;
    margin: 1.5rem 0 0 0;
}

#latest_posts_nav ul li {
    border-bottom: 1px solid var(--clr-med-light);
}

.latest-post-link {
    display: block;
    padding: .625rem 0 .625rem 0;
    color: var(--clr-prmary-blk);
}

.latest-post-link:visited {
    color: var(--clr-prmary-blk);
    text-decoration: none; 
}

.latest-post-link:hover {
    color: var(--clr-lt-blue);
    transition-duration: .3s;
}

/** ----------------------------------------- Mission ----------------------------------------- **/

#mission_w {
    margin: 1.875rem 0 0 0;
}

#mission {
    display: flex;
    gap: 1.875rem;
}

#mission p {
    flex: 1 1 45.625rem;
}

#mission_graphic {
    flex: 1 1 0;
}