/*
 Theme Name:   Blossm Feminine Pro Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Blossom Feminine Child Theme
 Author:       Rara Themes
 Author URI:   http://example.com
 Template:     blossom-feminine-pro
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  blossom-feminine-pro-child
*/

.main-content .category-section .row{
    display: flex;
    flex-wrap: wrap;
    margin:-15px;
}
.main-content .category-section .row .col{
    clear:both;
}
@media(min-width:767px){
    .main-content .category-section .row .col{
        padding:15px;
    } 
}


/* Archive Page */
.newsletter-archive {
    text-align: center;
  }
  
  .newsletter-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  
  .newsletter { /* Add .newsletter to ensure you are targeting the correct post type */
    width: 30%;
    background-color: #fff;
    padding: 20px;
    text-align: center;
  }

/* Tablet (width between 768px and 1024px) */
@media (max-width: 1024px) {
  .newsletter {
      width: 45%; /* Adjust width for two columns on tablets */
  }
}

/* Mobile (width 767px and below) */
@media (max-width: 767px) {
  .newsletter {
      width: 100%; /* Full width for one column on mobile */
      padding: 15px; /* Optional: Adjust padding for smaller screens */
      border: 0;
      box-shadow: none;
  }
}
  
  .newsletter .post-thumbnail img {
    width: 100%;
    height: 300px;
    object-fit: cover; /* Ensures the image scales without distortion */
    margin-bottom: 15px;
  }
  
  /* Single Page */
  .newsletter-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
  }
  
  /* Entry Title and Button Styling */
  .newsletter .entry-title {
    margin-bottom: 10px;

    a{
    font-size: 28px;
    line-height: 1.214em;
    color: #000;
    }
  }
  
  .newsletter .entry-meta {
    font-size: 14px;
    color: #666;
  }
  
  .newsletter .btn {
    display: inline-block;
    padding: 10px 15px;
    background-color: #0073e6;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
  }
  
  .newsletter .btn:hover {
    background-color: #005bb5;
  }

  .post-thumbnail img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 15px;
  }

  .newsletter-card-title {
      font-size: 28px;
      line-height: 1.214em;
      margin: 0 0 20px;
 }