/*
Theme Name: GeneratePress Doan Child
Template: generatepress
Version: 1.0
*/

/* --- layout variables --- */
:root {
    --gap: 24px;
    --maxw: 980px;
  }
  
  /* --- main wrapper --- */
  .doan-wrap {
    max-width: var(--maxw);
    margin: 0 auto;
    padding: 0 var(--gap);
  }
  
  /* --- hero section --- */
  .doan-hero {
    padding: 48px 0 24px;
  }
  
  /* --- grid layout --- */
  .doan-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap);
  }
  
  /* --- card style --- */
  .doan-card {
    grid-column: span 12;
    padding: 18px;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 14px;
    background: #fff;
  }
  
  /* --- half-width cards on desktop --- */
  @media (min-width: 860px) {
    .doan-card.half {
      grid-column: span 6;
    }
  }
  
  /* Hide header entirely on front page */
.home header,
.home .site-header,
.home #masthead {
  display: none;
}


/* === HERO IMAGE (IMG-BASED, NO CROPPING) === */

/* Homepage only: let main go full width */
.home main {
    width: 100% !important;
    max-width: none !important;
  }
  
 
  /* Remove theme spacing around the hero */
.home .doan-hero {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .home main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  
  /* Homepage only: allow full-width layout */
.home #page {
    max-width: none;
  }
  

  /* if your cards live in a grid */
.home-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }

/* make "What's new" span both columns */
.whats-new { grid-column: 1 / -1; display: grid; grid-template-columns: 260px 1fr; gap: var(--gap); margin-top: 24px; }

.whats-new__media img { width: 100%; height: auto; display: block; border-radius: 12px; }