/* FILE: ../css/idcdt.css */

/* Page layout: main content + right sidebar (replaces legacy tables) */
.page-wrap{
  width:96%;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
  /*border:2px solid red;*/
}

/* Content body typography tweaks */
.content .reading {
  font-family: Tahoma, Helvetica, Garamond, Georgia, serif;
  color: rgb(71,75,78);
  font-size: 0.95em;
}

/* Announcement box (kept look but in CSS) */
.announce{
  width: 80%;
  margin: 1.5rem auto;
  padding: 1rem 1.25rem;
  border-radius: 8px;
    border: 4px solid rgba(255,255,245,0.70);
  background: linear-gradient(to bottom, rgba(245,240,220,0.95), rgba(255,253,240,0.95));
  box-shadow: 3px 3px 2px rgba(0,0,0,0.35);
  text-align: center;
}
.announce-line{ font: 12pt Arial,Helvetica,Garamond,Georgia,serif; color: brown; font-weight: bold; margin:0.25rem 0; }
.announce-date{ font: 14pt Tahoma,sans-serif; color:#205b87; margin:0.25rem 0; }
.announce-cta a{ text-decoration: none; }

/* Center helper */
.centered{ text-align:center; }

/* Testimonials (shared styles for grid and sidebar so both look identical) */

.testimonial-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 1.5rem 0 2.5rem;
}


.testimonial-card{
  //background: linear-gradient(to bottom, #e6cd85, #f5e7b8);
  background: linear-gradient(to bottom, #deddb6, #fcffed);
  border-radius: 16px;
    border: 6px solid rgba(245,255,245,0.70);
  //box-shadow: 0 6px 20px rgba(0,0,0,0.15);
box-shadow: 3px 4px 5px rgba(0,0,0,0.35);
  padding: 1rem 1.25rem;
  box-sizing: border-box;
background:
    url("../../imgs/flamesmall.png") no-repeat bottom right 10px / 21px 31px,
    linear-gradient(to bottom, #deddb6, #fcffed);
}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,0.2)}


/* 5) Tighter paragraph/attribution spacing */
.testimonial-text p{
  margin: 0 0 0.6rem 0;                 /* was 0.8rem */
  line-height: 1.5;                     /* was 1.55 */
}
.testimonial-attrib{
  margin-top: 0.65rem;                  /* was 1rem */
  font-size: 0.95rem;                   /* optional: slightly smaller */
  position: relative;
  z-index: 1;                           /* above watermark */
}



/* Sidebar */
.sidebar-title{
  color:#205b87;
  font-family:'Philosopher',sans-serif;
  margin-top:0;
}

/* Make sidebar cards match grid cards; allow variable heights, no truncation */
.sidebar .testimonial-card + .testimonial-card{ margin-top: 1rem; }

/* Responsive */
@media (max-width: 1024px){
  .page-wrap{
    grid-template-columns: 1fr; /* stack */
  }
  .sidebar{
    order: 2; /* move below content on small screens */
  }
}

@media (max-width: 900px){
  .testimonial-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px){
  .testimonial-grid{
    grid-template-columns: 1fr;
  }
}