/*
Theme Name:     Non Profit FSE
Theme URI:      https://github.com/Codeinwp/non-profit-fse/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.7
Requires PHP:   7.0
Requires at least: 5.5
Description:    Non Profit FSE is a purpose-built Full Site Editing WordPress theme for charities and non-profit organizations making a difference. Create a powerful charity website with ready-to-use patterns for campaigns, donations, impact stories, and team members. The theme includes mobile-optimized layouts, call-to-action sections, and integrated donation features.
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    non-profit-fse
WordPress Available:  yes
Requires License:     no
Tags: one-column, custom-colors, custom-menu, custom-logo, e-commerce, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
*/

.fallback-img-wrapper {
    width: 200px;
    @media (max-width: 700px) {
        display: none;
    }  
    flex-shrink: 0;
}

.custom-thumbnail {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.post-wrapper {
    width: 80%;
}

.post {
    width: 100%;
    max-width: 1000px;
    display: flex;
    margin: 4rem auto;

    @media (max-width: 700px) {
        padding: 0 1rem;
    }
}

.post-title {
    background-color: #e0e0e0;
    font-size: 1.5rem;
    width: 100%;
    padding-left: 1.5rem;
    @media (max-width: 700px) {
        text-align: center;
    }
}

.post-date {
    padding-left: 1.5rem;
    font-size: 1rem;
    color: #727272;
}

.post-content {
    padding-left: 1.5rem;
}

.archive-title {
    text-align: center;
}

body {
    font-family: "Work Sans", sans-serif;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    padding: 1rem;
}

@media (max-width: 1024px) {
    .wp-block-navigation__container {
        display: none;
    }

    .wp-block-navigation__responsive-container-open {
        display: block !important;
    }

    .wp-block-navigation__responsive-container {
        display: none;
    }

    .wp-block-navigation__toggle {
        display: block;
    }
}