/* Extracted from style.css. Keep this file ordered after its declared dependencies. */
/* Mobile overflow and gutter corrections */
@media (max-width: 767px) {
    html,
    body {
        position: relative;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    .site-main {
        padding-right: 0;
        padding-left: 0;
        overflow-x: hidden;
    }

    .home-container,
    .content-page-shell,
    .blog-page-shell,
    .single-blog-shell,
    .vocab-page,
    .single-vocab-page,
    .search-page {
        width: min(100% - 1.5rem, 80rem);
        max-width: calc(100vw - 1.5rem);
        margin-right: auto;
        margin-left: auto;
    }

    .home-section,
    .home-latest-section,
    .home-newsletter,
    .home-mission,
    .home-path-section,
    .home-explore-section,
    .home-learn-section {
        max-width: 100%;
    }

    .home-ad-wrap,
    .home-ad-box,
    .creole-inline-ad {
        min-height: 260px;
    }

    .home-ad-box ins.adsbygoogle,
    .home-ad-wrap ins.adsbygoogle,
    .creole-inline-ad ins.adsbygoogle {
        min-height: 220px;
    }

    .site-header-shell {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .site-mobile-panel {
        left: 0;
        right: auto;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .site-mobile-panel-inner {
        width: 100%;
        max-width: 100%;
    }

    .site-mobile-parent-row {
        min-width: 0;
        padding-right: 0.25rem;
    }

    .site-mobile-parent-link {
        min-width: 0;
    }

    .site-mobile-submenu {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding-left: 0.75rem;
    }

    .site-header-shell > *,
    .site-mobile-panel-inner > * {
        max-width: 100%;
    }

    .home-hero-button {
        min-height: 2.1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .single-blog-read-word {
        display: none;
    }

    .single-blog-shell {
        max-width: min(100% - 1.25rem, 100%);
    }

    .single-blog-hero-media {
        height: 15rem;
        min-height: 0;
    }
}