/*
Theme Name: Hemingway Child
Template: hemingway
*/

/* ============================================
   WIDTH ADJUSTMENTS FOR LARGER SCREENS
   ============================================ */

@media (min-width: 1200px) {
    /* Widen the navigation */
    .navigation-inner {
        width: 1400px !important;
        max-width: 1400px !important;
    }

    /* Center the menu items */
    .blog-menu {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Set wrapper width */
    .wrapper {
        max-width: 1400px !important;
        margin: 100px auto 0 auto !important;
    }

    /* Center content and sidebar together */
    .wrapper.section-inner {
        display: flex !important;
        justify-content: center !important;
        gap: 105px !important;
    }

    /* Set section-inner width */
    .section-inner {
        width: 100% !important;
        max-width: 1400px !important;
    }

    /* Set sidebar width */
    .sidebar {
        width: 286px !important;
        flex-shrink: 0 !important;
    }

    /* Set content width to fit its content */
    .content {
        width: fit-content !important;
    }

    /* ============================================
       NO SIDEBAR TEMPLATE
       ============================================ */

    .template-nosidebar .content,
    .page-template-template-nosidebar .content {
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .template-nosidebar .wrapper.section-inner,
    .page-template-template-nosidebar .wrapper.section-inner {
        display: block !important;
    }
}

/* ============================================
   NAV BAR SEARCH
   ============================================ */

/* Desktop Search Link in Navigation */
@media (min-width: 800px) {
    .search-menu-item .search-link {
        color: rgba(255,255,255,0.5);
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 27px 20px;
        display: block;
    }
    
    .search-menu-item .search-link:hover {
        color: #fff;
        text-decoration: underline;
    }
}

/* Hide on mobile - mobile has its own search toggle */
@media (max-width: 799px) {
    .search-menu-item {
        display: none;
    }
}