/* All featured images the same width */
#main .post-thumbnail img {
	width: 1024px;
	height: auto;
	object-fit: cover;
	
}

#main .wp-block-image {padding-bottom: 16px;}

/* All image captions in italics */
.wp-element-caption {
	font-style: italic;
}

/* Smooth scroll behavior */
html {
	scroll-behavior: smooth;
}

/* Blockquote citations */
blockquote cite {
	display: block;
/* Make cite a block element to put it on a new line */
	text-align: left;
	font-style: italic;
/* Make the citation text italic */
	margin-top: 10px;
/* Space between the quote and the citation */
}

blockquote cite::before {
    content: "~ ";
}

/* Base grayscale for all buttons */
button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

/* Override hover styles */
button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  filter: grayscale(0%);
  transform: translateY(-3px);
  box-shadow: 0 4px 6px rgba(0,0,0,0.15);

  /* Force background and text colors */
  background-color: #333 !important;   /* dark neutral */
  color: #fff !important;              /* white text */
}

.more-link {
  font-style: italic;
}

/* Card Effects for Blog Posts Block */

.type-page.post-has-image {
  background: #1e1e1e; /* dark card background */
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  overflow: hidden;
  margin: 10px auto;
  padding: 10px;
  max-width: 700px; 
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.type-page.post-has-image:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.8);
}

.type-page.post-has-image img {
  width: 100%;
  display: block;
  border-bottom: 1px solid #333;
}

.type-page.post-has-image h2,
.type-page.post-has-image h3 {
  margin-top: 0;
  color: #f0f0f0; /* light headings */
}

.type-page.post-has-image p {
  color: #ccc; /* softer body text */
  line-height: 1.6;
}