/* =========================
   Blog Archive (Cards)
   ========================= */
.blog .ast-main-header-wrap {
  background: none;
}

.blog .ast-container {
  display: block;
}

.blog-archive{
  padding: 0 0 80px;
}

.blog-archive__inner{
  max-width: 90%;
  margin: 0 auto;
}

.site-content .ast-container {
    padding: 0;
    max-width: 100%;
}

.blog-header {
	padding: 250px 0 40px;
	background-image: url("/wp-content/uploads/2025/04/sbhpp-purple-bg-d973d1.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	color: #fff;
    margin-bottom: 80px;
}

.blog-header .simple-hero__inner{
	max-width: 90%;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.blog-header .simple-hero__title{
	font-size:50px;
	font-weight: 900;
	margin: 0;
    color: #fff;
}

/* stack of cards */
.blog-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px 36px;
}

/* card */
.blog-card{
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,0.14);
}

.blog-card__content{
      padding: 26px 30px 28px;
}

.blog-card__date{
  font-size: 14px;
  font-weight: 900;
  color: #000;
  opacity: 0.75;
  margin-bottom: 10px;
}

.blog-card__title{
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.25;
}

.blog-card__title a{
  color: #52287e; /* SBHPP purple */
  text-decoration: none;
}

.blog-card__title a:hover{
  text-decoration: underline;
}

.blog-card__excerpt{
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 20px;
  max-width: 100%;
}

/* button */
.blog-card__actions{
  margin-top: 10px;
}

.dash-ast-custom-button:hover{
  color: #fff;
}

/* pagination */
.blog-pagination{
  margin-top: 32px;
}

.blog-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  border-radius: 10px;
  margin-right: 8px;
  text-decoration: none;
  font-weight: 800;
  color: #111;
  background: #f3f3f3;
  padding: 10px 20px;
}

.blog-pagination .page-numbers.current{
  background: #52287e;
  color: #fff;
}

/* responsive */
@media (max-width: 768px){
  .blog-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
  }
      
 .blog-header {
  margin-bottom: 40px;
 }

  .blog-card__content{
    padding: 20px 0;
  }

  .blog-card__title{
    font-size: 18px !important;
  }

  .blog-card__excerpt{
    font-size: 16px;
  }

  .dash-ast-custom-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .blog-header .simple-hero__title {
    font-size: 24px;
  }

  .single-post .blog-card__date {
    font-size: 18px !important;
    
  }

  .single-post-featured__img {
    max-height: 280px; 
  }

  .single-post-content h2 {
    font-size: 20px !important;
  }
  
  
}

@media (max-width: 768px) {
    .blog-pagination .page-numbers {
        margin-bottom: 10px;
    }
}

/* Single Post Page */


/* Page container */
.single-post{
  background:#fff;
}

.single-post__inner{
  max-width: 90%;
  margin:0 auto;
  padding-bottom: 80px;
}

.single-post .blog-card__date {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  font-family: 'Niveau-Grotesk', niveau-grotesk, sans-serif !important;
}


/* Featured image “card” */
.single-post-featured{
  margin: 0 auto 24px;
  border-radius: 18px;
  max-height: 480px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.single-post-featured__img{
  width: 100%;
  height: 480px;
  object-fit: cover;      /* prevents distortion */
  object-position: center;
  display: block;
}

/* Typography that reads like the screenshot */
.single-post-content{
  font-size: 16px;
  line-height: 1.75;
  color:#222;
}

.single-post-content p{ margin: 0 0 14px; }

.single-post-content h2{
  margin: 28px 0 12px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
}

.single-post-content a{
  color:#6b21a8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.single-post-content ul{
  margin: 10px 0 18px 20px;
  padding:0;
}

.single-post-content li{ margin: 8px 0; }

.single-post-share {
  margin-top: 30px;
}

.single-post-share__buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.single-post-share__title {
  margin-bottom: 10px;
}

.single-post-share__button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #5c2d91;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5c2d91;
  font-size: 16px;
  transition: all 0.2s ease;
}

.single-post-share__button:hover {
  transform: translateY(-2px);
}