.page-hero-content {
  background-color: white;
	padding: .5em; 
	opacity: 0.85;
	margin-left: auto;
  margin-right: auto;
}


/* Styling the download button */
.wp-block-file__button {
    background: #0073aa; /* A shade of blue, you can use any hex color you prefer */
    color: #fff;
    text-decoration: none;
    padding: 10px 20px; /* Adds padding inside the button for better text spacing */
    border-radius: 5px; /* Optional: adds rounded corners to the button */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

.wp-block-file__button:hover {
    background-color: #005077; /* Darker shade of blue for hover effect */
}




table, td, th {
  border: 0px;
}

.posted-on .updated {
    display: inline-block;
}

.posted-on .updated + .entry-date {
    display: none;
}

.posted-on .updated:before {
    content: "Last Updated ";
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 16px;
	margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 16px;
  width: 100%;
  
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}


.button-top {
  float: center;
	 padding: 2px;
	    border: 1px solid green;
	 width: 48%;
	 background-color: white; 
	  margin: 1px 1px;
  color: black; 
  border: 1px solid #4D90FE;
	 border-radius: 20px;
}

.button-top:hover {
  background-color: #4D90FE;
  color: white;
}

/* One button look, all three sites (Nov 13 2026; docs/site_button_standard_v1.md). Store blue #1878b9, hover #135f93, white bold text, 8px corners; outline pills white with a 2px store-blue edge, fully round; Black Friday pieces keep their dark green #15342e. Same block on Kids Bible Lessons, Sunday School Works and Ministry-to-Children. Uses !important because the pieces it covers carry their own colors in later page styles. Undo: delete this block. */

/* Filled action buttons */
html body .wp-block-button:not(.is-style-outline) > a.wp-block-button__link:not([href*="black-friday"]),
html body a.wp-block-file__button:not([href*="black-friday"]),
html body .kblh a.btn:not(.ghost):not([href*="black-friday"]),
html body .sswh a.btn:not(.ghost):not([href*="black-friday"]),
html body .fl-home a.fl-btn:not(.fl-ghost):not([href*="black-friday"]),
html body .fl-home .fl-search-row button,
html body .mtc-q button,
html body .mtc-side-btns a:not([href*="black-friday"]),
html body a.mtc-cat-box-button:not([href*="black-friday"]),
html body a.button-top.mtc-grid2-button:not([href*="black-friday"]),
html body .mtc-grid-buttons a.button-top:not([href*="black-friday"]),
html body .n-card a.n-btn:not([href*="black-friday"]),
html body .comment-form input[type="submit"],
html body form.klaviyo-form button.needsclick {
	background: #1878b9 !important;
	color: #fff !important;
	font-weight: 700 !important;
	border: 0 !important;
	border-radius: 8px !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
html body .wp-block-button:not(.is-style-outline) > a.wp-block-button__link:not([href*="black-friday"]):hover,
html body a.wp-block-file__button:not([href*="black-friday"]):hover,
html body .kblh a.btn:not(.ghost):not([href*="black-friday"]):hover,
html body .sswh a.btn:not(.ghost):not([href*="black-friday"]):hover,
html body .fl-home a.fl-btn:not(.fl-ghost):not([href*="black-friday"]):hover,
html body .fl-home .fl-search-row button:hover,
html body .mtc-q button:hover,
html body .mtc-side-btns a:not([href*="black-friday"]):hover,
html body a.mtc-cat-box-button:not([href*="black-friday"]):hover,
html body a.button-top.mtc-grid2-button:not([href*="black-friday"]):hover,
html body .mtc-grid-buttons a.button-top:not([href*="black-friday"]):hover,
html body .n-card a.n-btn:not([href*="black-friday"]):hover,
html body .comment-form input[type="submit"]:hover,
html body form.klaviyo-form button.needsclick:hover {
	background: #135f93 !important;
	color: #fff !important;
}

/* Second button beside a filled one (white, store-blue edge) */
html body .kblh a.btn.ghost,
html body .sswh a.btn.ghost,
html body .fl-home a.fl-btn.fl-ghost {
	background: #fff !important;
	color: #1878b9 !important;
	font-weight: 700 !important;
	border: 0 !important;
	border-radius: 8px !important;
	box-shadow: inset 0 0 0 2px #1878b9 !important;
}
html body .kblh a.btn.ghost:hover,
html body .sswh a.btn.ghost:hover,
html body .fl-home a.fl-btn.fl-ghost:hover {
	background: #1878b9 !important;
	color: #fff !important;
}

/* Outline pills (link rows at the top of posts, age chips) */
html body a:not([href*="black-friday"]) > .button-top:not(.mtc-grid2-button),
html body a.mtc-pill:not([href*="black-friday"]),
html body .sswh a.chip:not([href*="black-friday"]) {
	background: #fff !important;
	color: #1878b9 !important;
	border: 2px solid #1878b9 !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	text-transform: none !important;
}
html body a:not([href*="black-friday"]):hover > .button-top:not(.mtc-grid2-button),
html body a.mtc-pill:not([href*="black-friday"]):hover,
html body .sswh a.chip:not([href*="black-friday"]):hover {
	background: #1878b9 !important;
	color: #fff !important;
}

/* Black Friday: the one exception, dark green */
html body a[href*="black-friday"] > .button-top,
html body a.mtc-pill[href*="black-friday"] {
	background: #fff !important;
	color: #15342e !important;
	border: 2px solid #15342e !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
	text-transform: none !important;
}
html body a[href*="black-friday"]:hover > .button-top,
html body a.mtc-pill[href*="black-friday"]:hover {
	background: #15342e !important;
	color: #fff !important;
}
html body .bf-tile a.bf-tile-button,
html body a.button-top.mtc-grid2-button[href*="black-friday"],
html body .mtc-grid-buttons a.button-top[href*="black-friday"] {
	background: #15342e !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	text-transform: none !important;
}
html body .bf-tile a.bf-tile-button:hover,
html body a.button-top.mtc-grid2-button[href*="black-friday"]:hover,
html body .mtc-grid-buttons a.button-top[href*="black-friday"]:hover {
	background: #0e231f !important;
	color: #fff !important;
}