/* ---------------- SWP Responsive Layout ----------------
 * Header/navigation responsiveness lives in navigation.css.
 * This file is intentionally limited to general content/grid behavior.
 */

.outer_wrap {
    width: 100%;
    max-width: var(--swp-site-max-width, 1280px);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
    body {
        padding: 0;
    }

    .content .post .flex_90,
    .content .flex_66 {
        width: 100%;
    }

    .content {
        padding: 30px;
        margin: 0;
    }

    .post:not(.swp-post-card):not(.swp-content-entry),
    .type-post:not(.swp-post-card):not(.swp-content-entry),
    .type-page:not(.swp-post-card):not(.swp-content-entry) {
        margin: 0 0 30px;
        border: 0;
        box-shadow: none;
    }

    .gallery-caption,
    .wp-caption-text,
    .post .flex_10 {
        display: none;
    }

    
}

@media screen and (max-width: 568px) {
    .content .flex_66,
    .content .post .flex_90 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .content {
        padding: 20px;
    }

    .post:not(.swp-post-card):not(.swp-content-entry),
    .type-post:not(.swp-post-card):not(.swp-content-entry),
    .type-page:not(.swp-post-card):not(.swp-content-entry) {
        padding: 20px 0 0;
    }

    object,
    video,
    audio,
    iframe {
        max-width: 100%;
        width: 100%;
    }
    #search {
        display: none;
    }
}