/*
Theme Name: Newsexpress
Theme URI: https://awplife.com/wordpress-free-theme/newspress/
Template: awpbusinesspress
Author: A WP Life
Author URI: http://awplife.com/
Description: Newsexpress is a fully responsive and highly customizable WordPress theme crafted for creating modern and content-rich websites with ease. Whether you're building a news portal, online magazine, blog, or media website, Newsexpress offers all the flexibility you need—without requiring any coding knowledge. With its powerful admin panel, you can easily tailor the design and layout to match your brand. The theme is lightweight and optimized for performance, making it ideal for a wide range of websites including newspapers, mega magazines, digital publishers, editorial sites, personal blogs, and more. It is RTL and translation ready, ensuring global reach. Newsexpress is also fully compatible with leading WordPress plugins such as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, WooCommerce, WPML, Yoast SEO, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, WPForms, and others. Whether you're managing a news website or launching a professional publication, Newsexpress provides all the tools you need to go live quickly and effectively.
Tags: blog,portfolio,news,grid-Layout,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,sticky-post,translation-ready
Requires at least: 4.4  
Tested up to: 6.8  
Requires PHP: 5.6  
Stable tag: 0.0.4
Version: 0.0.4
License: GPLv2 or later  
License URI: https://www.gnu.org/licenses/gpl-2.0.html  
Text Domain: newsexpress

*/

.site-content .blog .post {
    background-color: #ffffff;
    padding: 1.563rem 1.25rem 1.875rem;
    margin: 0px 5px 2.5rem 0;
    width: 373px;
}

/* 1) Make the list a grid */
.site-content .blog {
  display: grid;
  gap: 24px;              /* space between cards */
  grid-template-columns: 1fr;     /* 1 col on phones */
}

/* 2) Columns by breakpoint */
@media (min-width: 768px) {       /* md */
  .site-content .blog { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {      /* lg/xl */
  .site-content .blog { grid-template-columns: repeat(2, 1fr); }
}

/* 3) Neutralize Bootstrap float/width from .col- classes inside .blog */
.site-content .blog .post {
  float: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0;               /* remove leftover column margins */
  display: flex;           /* optional: equal-height cards */
  flex-direction: column;
}


/* 5) Keep pagination under the grid */
.site-content .blog + .pagination-wrapper,
.site-content .blog .pagination-wrapper,
.site-content .blog .pagination,
.site-content .blog .nav-links {
  clear: both;
  grid-column: 1 / -1;     /* span full grid width */
  width: 100%;
  text-align: center;
  margin-top: 24px;
}

.site-content .blog-single .post {
    background-color: #ffffff;
    padding: 1.563rem 1.25rem 1.875rem;
    margin: 0px 5px 2.5rem 0;
}