/* ===== MAIN BODY ===== */
.content_body {
    display: block;
    flex-wrap: wrap;
    border-left: 2px solid #c1d4ed;
    grid-column: 2 / span 3;
    padding: 5px;
    text-align: left;
    display: flex;
    flex-direction: row dense;
    
    align-content: space-evenly;
    justify-content: space-evenly;
    align-content: flex-start;
    align-items: flex-start;
}
/* ======== container handles ======== */
.sectioned_content_outer:not(.section_hidden) {
    display:block;
    /* max-width: 500px; */
    background-color: #0c2547;
    margin: 7px;
    padding: 5px;
    box-shadow: 3px 3px 2px #131e2f;
}
.section_hidden {
    display: none;
}
.sectioned_content_inner {
    background-color: #0c2547;
    padding: 5px;
    border-top: 2px solid #8cb0de;
    border-left: 2px solid #8cb0de;
    max-width:100%;
    max-height:100%;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
}
/* ======== thumbnail styles ======== */
.sectioned_content_thumbnail {
    background-color: #0c2547;
    padding: 5px;
    max-width: 150px;
    margin-right: 5px;
    border-bottom: 2px solid #7297c6;
    border-right: 2px solid #7297c6;
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;

    text-align: center;
    align-content:center;
    align-items:center;
}
.sectioned_content_thumbnail_img {
    max-width: 100%;
    box-shadow: 4px 4px 3px #1f1f1f;
}
/* ======== heading styles ======== */
.sectioned_content_heading {
    background-color: #0c2547;
    text-wrap:nowrap;
    max-width: 450px;
    display: block;
    align-content: left;
    text-align: left;
    font-size: 1.5em;
}
.sectioned_content_heading_text{
    padding: 5px;
    margin-right: 5px;
    border-bottom: 2px solid #7297c6;
    border-right: 2px solid #7297c6;
    align-content: left;
    text-align: left;
}
/* ======== main content of the card ======== */
.sectioned_content_body {
    background-color: #0c2547;
    padding: 5px;
    margin: 5px;
    max-width: 100%;
    max-height:100%;
    border-bottom: 2px solid #5988c6;
    border-right: 2px solid #5988c6;
    grid-row: 2 / span 2;
    grid-column: 1 / span 3;
}