/* Rows and Columns */
.inner_row {
    display: flex;
}
.column {
    width: 100%;
    padding: 16px 16px;
    background-color: #F7F7F7;
}
.column.bg_white {
    background-color: initial;
}
.column.col_half {
    width: 50%;
    float: left;
}
.column.col_half.alt1 {
    padding-left: 0;
    padding-right: 32px;
}
@media (max-width: 919px) {
    .inner_row {
        flex-direction: column;
    }
    .column.col_half {
        width: 100%;
    }
    .column.col_half.alt1 {
        padding-right: 0px;
    }
}

/* General */
.pageContent p {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
.pageContent ol, 
.pageContent ul {
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}
.pageContent ol:last-of-type,  
.pageContent ul:last-of-type {
    margin-bottom: 0 !important;
}
.pageStyles ul>li, .fr-view.fr-element ul>li {
    margin-bottom: 0;
}

/* Typography */
#page .pageContent {
    color: #16325E;
}
#page .pageContent ol, 
#page .pageContent ul {
    color: #16325E;
}
.pageStyles h2 {
    line-height: normal;
    margin-top: 0 !important;
}
.pageStyles h2 a {
    font-weight: inherit !important;
}

/* Widget */
.widget .widgetBody.cpGrid .semanticList .widgetTitle a {
    text-decoration: underline !important;
}
.widget .widgetBody.cpGrid.cpGrid2 .col.col1:first-of-type {
    padding-right: 2.5em !important;
}
.widget .widgetBody.cpGrid.cpGrid2 .col.col1:last-of-type {
    padding-left: 2.5em !important;
}

/* Image Text Block */
.image_text_block {
    display: flex;
    align-items: normal;
    gap: 16px; /* Spacing between image and text */
    margin-top: 10px;
}
.image_text_block .image-container {
    flex-shrink: 0; /* Prevents image from shrinking */
    width: 30%;
}
.image_text_block .image-container img {
    margin: 0;
}
.image_text_block .text-content {
    flex-grow: 1; /* Allows text to take remaining space */
}
.image_text_block .text-content p:first-of-type {
    margin-top: 5px !important;
}
@media (max-width: 919px) {
    .image_text_block .image-container {
        width: 40%;
    }
}
@media (max-width: 639px) {
    .image_text_block {
        flex-direction: column;
    }
    .image_text_block .image-container {
        width: 100%;
    }
}