/* ===========
   MAIN MENU
============== */

/* Pill shape on main menu */
.main-menu > li > a {
    display: inline-block; /* Forces the element to respect padding and height */
    padding: 10px 16px;
    border-radius: 999px;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease;
}

.main-navigation > div > ul > li:first-of-type > a {
    padding-left: 16px !important;
}

.main-navigation > div > ul > li:last-of-type > a {
    padding-right: 16px !important;
}

.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current_page_item > a {
    background:#383f3f; /* change if necessary */
    box-shadow: 0 2px 8px rgba(59, 43, 28, 0.25);
}

/* 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;
}

/* Blog Posts Block Card Look */

.wp-block-newspack-blocks-homepage-articles article {
  background: #1e1e1e;           
  border-radius: 8px;           
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
  padding: 20px;                 
  margin: 20px 0;                
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-newspack-blocks-homepage-articles article:hover {
  transform: translateY(-4px);   
  box-shadow: 0 8px 20px rgba(0,0,0,0.15); 
}

.wp-block-newspack-blocks-homepage-articles article img {
  border-radius: 6px;           
  max-width: 100%;
  height: auto;
}

.wp-block-newspack-blocks-homepage-articles article h2,
.wp-block-newspack-blocks-homepage-articles article h3 {
  margin-top: 15px;
  font-size: 1.25rem;
  color: #333;
}

.wp-block-newspack-blocks-homepage-articles article p {
  color: #fff;
  line-height: 1.6;
}

/* End of Blog Posts Block Card Look */