/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
.page-id-17290 .post-header {
	display: none;
}

.single .post-content {
	padding: 0 2%;
}

.has-very-light-gray-background-color .wp-block-group__inner-container {
	padding: 2% 2% 10% 0;
}

.display-posts-listing.image-left .listing-item {
	margin-bottom: 32px;
}

.display-posts-listing.image-left .listing-item .title {
	display: block;
}

.display-posts-listing.image-left .listing-item .excerpt-dash {
	display: none;
}

blockquote {
	text-align: left;
	margin: 20px;
	padding: 20px;
}

.wp-block-query .wp-block-post {
	box-shadow: none;
	margin: 0;
}
.wp-block-query *:not(.wp-block-post-excerpt) a{
	border-bottom: none;
}


/* reusable square post-card */
.post-card a {
  display:flex;                 /* centers text */
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;                   /* fills its column */
  aspect-ratio:1/1;             /* makes it a true square */
  padding:0;                    /* no extra height */
  background:var(--wp--preset--color--primary,#036);
  color:#fff;
  font-weight:600;
  border-radius:8px;            /* optional: soften corners */
}
.post-card a:hover{
  filter:brightness(1.1);       /* simple hover cue */
}

/* chip in its normal state */
.mini-post-chip a {
  display:flex;
  gap:.4rem;
  align-items:center;
  justify-content:center;
  padding:.6rem 1rem;
  border:1px solid var(--wp--preset--color--primary); /* keeps the outline */
  background:#fff;
  color:var(--wp--preset--color--primary);
  text-decoration:none;
  font-weight:600;
  border-radius:4px;
  transition:background .15s ease, color .15s ease;
}

/* keep text readable on hover */
.mini-post-chip a:hover,
.mini-post-chip a:focus {
  background:var(--wp--preset--color--primary); /* fills the chip */
  color:#fff;                                   /* swaps to white text */
}

.mini-post-chip a::before {
  content: "\f497";          /* Dashicons “document” glyph */
  font-family: "Dashicons";  /* tell the browser which icon font */
  speak: none;               /* accessibility */
  display: inline-block;
  font-size: 1rem;           /* tweak size to taste */
  line-height: 1;
  margin-right: .4rem;       /* space between icon & title */
}