/*
Theme Name: New Approved Theme
Theme URI: 
Author: Brad Moore
Author URI: 
Description: A theme built for Approved to God - inspired by Mundana
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: new-approved-theme
Tags: 
*/

/* Style for the Heading block when "Span Border" is selected */
.wp-block-heading.is-style-spanborder {
    border-bottom: 1px solid #e8f3ec;   /* light line across full width */
    padding-bottom: 20px;                /* space so the darker line sits lower */
    margin-bottom: 2rem;

    /* darker underline under the text only */
    text-decoration-line: underline;
    text-decoration-color: rgba(0, 0, 0, 0.44);
    text-decoration-thickness: 1px;
    text-underline-offset: 29px;
}

.wp-block-read-more {
	box-sizing:border-box;
	/*display: inline-block;*/
	padding: .8rem 3rem;
	text-align:center;
	text-decoration:none;
    font-family: Noto Sans, Segoe UI, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal !important;
	border-radius: 9999px;
    background-color: var(--wp--preset--color--custom-red-contrast);
    border-width: 0;
    color: var(--wp--preset--color--white);

}


.wp-block-button:hover, .wp-block-button__link.wp-element-button:hover,.wp-block-read-more:hover {
  border-radius: 999px;
  background-color: var(--wp--preset--color--custom-hover-red) !important;
  border-color: var(--wp--preset--color--custom-hover-red) !important;
  box-shadow: 0 6px 18px rgba(220, 38, 38, 0.35);
}

.wp-block-button:active, .wp-block-read-more:active {
  transform: translateY(1px);
}




.wp-block-button.is-style-outline:hover {
  border-radius: 999px;
  border-color: #111 !important;
  color: #fff;
  box-shadow: none /*1px 6px 18px rgba(0, 0, 0, 0.15);*/
}

.wp-block-button.is-style-outline:active {
  transform: translateY(1px);
}

/* Query Loop UL: use a counter; no default markers */
.featured-list {
  list-style: none;
  margin: 0 0 0 1rem;
  padding: 0;
  counter-reset: postIndex;
}

/* Each list item reserves space for the number */
.featured-list > li {
  position: relative;
  display: list-item;          /* keeps list semantics for a11y */
  padding-left: 3.8ch;        /* room for 2 digits; use 3.6ch if you might hit 100+ */
  counter-increment: postIndex;
}

/* The number itself; fully styleable and vertically offset */
.featured-list > li::before {
  content: counter(postIndex, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 3px;                   /* adjust this to taste; 0.25em tracks font-size */
  font-family: 'Noto Sans Condensed','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bolder;
  font-size: 1.9rem;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

/* Tighter vertical rhythm on the title line */
.featured-list .wp-block-post-title {
  margin: 0;
}

/* Clean up: make sure any old ::marker rules do not apply */
.featured-list > li::marker { content: none; }


/* Target the category list items in the featured list */

/* Scope to your list section if you like */
.featured-list .wp-block-post-terms.taxonomy-category a[rel="tag"] {
  font-family: 'Noto Sans Condensed','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-weight: 400 !important;
  font-size: .9rem !important; /* overrides the parent 0.75rem inline size */
  color: var(--wp--preset--color--custom-red-contrast) !important;
  text-decoration: none; /* optional */
}

.featured-list .wp-block-post-terms.taxonomy-category a[rel="tag"]:hover {
  text-decoration: underline; /* optional */
}

/* Style the comma separators */
.featured-list .wp-block-post-terms__separator {
  color: var(--wp--preset--color--custom-Darkest);
  margin: 0 .25ch; /* a little breathing room */
}


.sidebar {
    position: sticky;
    top: 8rem; /* adjust if you have a fixed header; set to that header's height */
    align-self: start; /* ensure the sticky element sizes to its content inside the grid cell */
  }

  .sidebar2 {
    position: sticky;
    top: 7rem; /* adjust if you have a fixed header; set to that header's height */
    align-self: start; /* ensure the sticky element sizes to its content inside the grid cell */
  }

  /* style the categories under the recent posts section */

  /* Recent articles: categories styling */
.wp-block-post-terms.taxonomy-category.is-style-tw-plain a[rel="tag"] {
  font-family: 'Noto Sans Condensed','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem;           /* uses rem so it ignores the parent’s 0.5rem inline size */
  color: var(--wp--preset--color--custom-red-contrast);
  text-decoration: none;
}

.wp-block-post-terms.taxonomy-category.is-style-tw-plain a[rel="tag"]:hover {
  text-decoration: underline;
}

/* Comma separators */
.wp-block-post-terms.taxonomy-category.is-style-tw-plain .wp-block-post-terms__separator {
  font-size: .8rem;           /* keep in step with links */
  color: var(--wp--preset--color--custom-Darkest);
  margin: 0 .25ch;
}

/* If the container’s font family overrides your link fonts, force it here too */
.wp-block-post-terms.taxonomy-category.is-style-tw-plain.has-noto-sans-condensed-font-family {
  font-family: 'Noto Sans Condensed','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Pill list for WP category block using your custom "categories" class */
ul.categories {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;     /* lets items flow to the next line */
  gap: 8px;            /* space between pills */
}

ul.categories li {
  margin: 0;           /* we use gap on the container */
}

ul.categories a {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #000;
  border-radius: 9999px;  /* full pill */
  background: #fff;
  color: #000;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;    /* keeps each category on one line */
}

/* Hover and focus states */
ul.categories a:hover,
ul.categories a:focus-visible {
  background: #000;
  color: #fff;
  outline: none;          /* remove default focus outline */
}

/* Optional: ensure nested subcategory lists don’t break layout */
ul.categories ul {
  margin: 0;
  padding: 0;
}

/* Typography for category pills */
ul.categories a {
  font-family: "Noto Sans Condensed", "Noto Sans", Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.1;
  /* If you're using the variable font, this helps force a condensed width */
  font-stretch: condensed;
  /* Optional for variable fonts that support width axis */
  /* font-variation-settings: "wdth" 85; */
}

h2.widget-title {
    display: none;
}

.achive-ul {
    margin-left: -40px !important;
    margin-top: -3px !important;
}

/* HR styled like spanborder; 40px darker segment on the left */
hr.custom-separator,
.wp-block-separator.custom-separator {
  border: 0;
  height: 1px; /* collapse to a line */
  margin: 0 0 2rem;
  background:
    /* darker 40px segment */
    linear-gradient(rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.44)) left bottom / 180px 1px no-repeat,
    /* light full-width line */
    linear-gradient(#e8f3ec, #e8f3ec) left bottom / 100% 1px no-repeat;
}

.small-author > a.wp-block-post-author-name__link {
    font-size: .9rem !important;
}

h2 > a, h3 > a {
    color: #020b1b !important;
}

h2 > a:hover, h3 > a:hover {
    color: #cf2e2e !important;
}

/* Heading link: tighter leading and better wrap */
h4.series-title {
  line-height: .95; /* tighten the heading container too */
  margin: 0 0 0.5rem; /* optional: adjust spacing below */
}

h4.series-title > a {
  font-family: "Gelasio", Georgia, "Times New Roman", Times, serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #020B1B;
  text-decoration: none;
  line-height: .95;       /* tighter line height to reduce wrapping */
  word-break: keep-all;   /* avoid breaking words in the middle */
  overflow-wrap: anywhere;/* allow wrap at any point if absolutely needed on narrow screens */
}

/* Hover/focus */
h4.series-title > a:hover,
h4.series-title > a:focus {
  color: #cf2e2e;
  text-decoration: none;
}

/* Optional: prevent single-word widows on two-line titles */
@supports (text-wrap: balance) {
  h4.series-title {
    text-wrap: balance; /* balances multi-line headings for nicer breaks */
  }
}

/* Optional: fine-tune at narrow widths */
@media (max-width: 480px) {
  h4.series-title > a {
    line-height: 1.05; /* a touch tighter on very small screens */
  }
}




/* Social Media Styling for modal messages */
/* Modal overlay - hidden by default */
.social-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.social-modal.active {
  display: flex;
}

/* Modal content box */
.social-modal-content {
  background: white;
  padding: 2rem 3rem;
  border-radius: 8px;
  text-align: center;
  max-width: 400px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.social-modal-content h3 {
  margin-top: 0;
  color: #333;
}

.social-modal-content p {
  color: #666;
  margin-bottom: 1.5rem;
}

.modal-close {
  background: #007cba;
  color: white;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}

.modal-close:hover {
  background: #005a87;
}

cite > a {
    font-size: 1rem !important;
}

.img-center > figure {
  text-align: center;      /* centers figcaption text */
}
.img-center > figure > img {
  display: block;
  margin-left: auto;       /* centers the image */
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

/* *****************************   starburst in mian menu ****************************** */
/* Q&A starburst sticker using your SVG, recolored to #f9e700 */
.wp-block-navigation a.wp-block-navigation-item__content[href*="/faq/"] {
  position: relative;
  padding: 0.35rem 0.7rem; /* space for the sticker */
  z-index: 1;
}

.wp-block-navigation a.wp-block-navigation-item__content[href*="/faq/"] .wp-block-navigation-item__label {
  position: relative;
  z-index: 2;
}

/* The starburst background */
.wp-block-navigation a.wp-block-navigation-item__content[href*="/faq/"]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* remove rotation to avoid the “wonky” look */
  width: calc(100% + 22px);
  height: calc(100% + 16px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 135% 135%;
  z-index: 0;
  pointer-events: none;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.35));
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f9e700'><path d='M19.064 10.109l1.179-2.387c.074-.149.068-.327-.015-.471-.083-.145-.234-.238-.401-.249l-2.656-.172-.172-2.656c-.011-.167-.104-.317-.249-.401-.145-.084-.322-.09-.472-.015l-2.385 1.18-1.477-2.215c-.186-.278-.646-.278-.832 0l-1.477 2.215-2.385-1.18c-.151-.075-.327-.069-.472.015-.145.083-.238.234-.249.401l-.171 2.656-2.657.171c-.167.011-.318.104-.401.249-.084.145-.089.322-.015.472l1.179 2.386-2.214 1.477c-.139.093-.223.249-.223.416s.083.323.223.416l2.215 1.477-1.18 2.386c-.074.15-.068.327.015.472.083.144.234.238.401.248l2.656.171.171 2.657c.011.167.104.317.249.401.144.083.32.088.472.015l2.386-1.179 1.477 2.214c.093.139.249.223.416.223s.323-.083.416-.223l1.477-2.214 2.386 1.179c.15.073.327.068.472-.015s.238-.234.249-.401l.171-2.656 2.656-.172c.167-.011.317-.104.401-.249.083-.145.089-.322.015-.472l-1.179-2.385 2.214-1.478c.139-.093.223-.249.223-.416s-.083-.323-.223-.416l-2.214-1.475z'/></svg>");
}

/* Optional: keep the sticker solid if your menu dims on hover */
.wp-block-navigation a.wp-block-navigation-item__content[href*="/faq/"]:hover {
  opacity: 1;
}