/* Standard page, post and error presentation. */
.content_page {
    width: min(1180px, calc(100% - 40px));
    margin: 50px auto;
}

.content_page .container12 {
    width: 100%;
}

.content_entry {
    min-width: 0;
}

.content_entry_body {
    overflow-wrap: anywhere;
}

.commerce_page .full_container_margins {
    width: 100%;
}

.commerce_page .entry > :first-child {
    margin-top: 0;
}

.entry_meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 16px;
    margin: 0 0 28px;
    font-size: 0.8em;
}

.entry_meta_item a,
.entry_tags a {
    color: var(--main_colour);
}

.entry_tags {
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid #d6d6d6;
    font-size: 0.85em;
}

.page_links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.page_content_section {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #d6d6d6;
}

.page_content_media img {
    display: block;
    width: 100%;
    height: auto;
}

.page_content_text > :first-child {
    margin-top: 0;
}

.error_page {
    max-width: 760px;
    margin: 80px auto;
    padding: 0 20px;
    text-align: center;
}

.error_page_actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 28px 0;
}

.error_page_secondary {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2rem;
    border: 2px solid var(--main_colour);
    border-radius: 50px;
    color: var(--main_colour);
    text-decoration: none;
    font-weight: 600;
}

.error_page_secondary:hover,
.error_page_secondary:focus-visible {
    background: var(--main_colour);
    color: var(--white);
}

.error_page .search-form {
    display: flex;
    justify-content: center;
    margin: 30px auto;
}

.error_page .search-field {
    max-width: 100%;
    padding: 10px;
}

.error_page .search-submit {
    padding: 10px 16px;
}

@media (max-width: 768px) {
    .content_page {
        width: min(100% - 24px, 680px);
    }

    .page_content_section .half1,
    .page_content_section .half2 {
        grid-column: 1 / -1;
    }

    .page_content_section .page_content_media {
        order: -1;
    }
}