body > div.wp-site-blocks > header > div > div {
    color: white !important; /* Ensures header font color is white */
}

h1 {
    font-weight: bold !important; /* Make h1 bold */
}

h2 {
    font-size: 34px !important;
    font-weight: bold !important;
}

h3 {
    font-size: 28px !important;
    font-weight: bold !important;
}
figcaption.wp-element-caption {
    font-weight: bold !important;
    font-style: italic !important;
    font-size: 14px !important;
}
body > div.wp-site-blocks > div.yoast-breadcrumbs {
    background-color: black !important;
    color: white !important; /* Ensures text is readable */
    border-radius: 15px !important;
    padding: 10px !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important; /* Slight shadow */
    display: inline-block !important; /* Adjust if necessary */
}

main p {
    background-color: initial !important; /* Remove background color */
    color: black !important; /* Set text to black */
    border-radius: initial !important; /* Remove border radius */
    padding: initial !important; /* Remove padding */
    box-shadow: none !important; /* Remove box shadow */
}

.wp-block-post-author__name,
.wp-block-post-date time {
    background-color: initial !important; /* Reset background color */
    border-radius: initial !important; /* Reset border radius */
    padding: initial !important; /* Reset padding */
    box-shadow: none !important; /* Reset box shadow */
    display: initial !important; /* Reset display */
}
/* Style the newsletter block */
.wp-block-tnp-minimal {
    background-color: black; /* Set the block background to black */
    padding: 20px; /* Add padding around the content */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Add a shadow effect */
    border-radius: 10px; /* Slightly round the corners */
    text-align: center; /* Center the text */
}

/* Style the email input field */
.tnp-subscription-minimal input[type=email].tnp-email {
    background-color: white; /* Set the email input field background to white */
    color: black; /* Set the text color to black */
    padding: 10px; /* Add padding inside the input field */
    border: 2px solid #444; /* Optional: Add a subtle border */
    border-radius: 5px; /* Round the corners of the input field */
    width: 80%; /* Set a reasonable width for the input field */
    margin-bottom: 10px; /* Add space below the input field */
}

/* Style the submit button */
.tnp-subscription-minimal input[type=submit].tnp-submit {
    background-color: red!important; /* Set the submit button background to red */
    color: white!important; /* Set the submit button text color to white */
    padding: 10px 20px; /* Add padding to make the button larger */
    border: none; /* Remove the border */
    border-radius: 5px; /* Round the corners of the button */
    cursor: pointer; /* Change cursor to pointer on hover */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
}

/* Ensure all text inside the block is white */
.wp-block-tnp-minimal p,
.wp-block-tnp-minimal strong,
.tnp-subscription-minimal .tnp-privacy-field label {
    color: white; /* Set the text color to white */
}

/* Optional: Change privacy checkbox color */
.tnp-subscription-minimal .tnp-privacy-field input[type=checkbox] {
    accent-color: red; /* Set the checkbox accent color to red */
}

/* Optional: Add hover effect for the submit button */
.tnp-subscription-minimal input[type=submit].tnp-submit:hover {
    background-color: darkred!important; /* Darken the button on hover */
}
/* Style the email input field */
.tnp-subscription-minimal input[type=email].tnp-email {
    background-color: white; /* Set the email input field background to white */
    color: black; /* Set the text color to black */
    font-weight: bold; /* Make the font bolder */
    font-size: 18px; /* Increase the font size */
    padding: 10px; /* Add padding inside the input field */
    border: 2px solid #444; /* Optional: Add a subtle border */
    border-radius: 5px; /* Round the corners of the input field */
    width: 80%; /* Set a reasonable width for the input field */
    margin-bottom: 10px; /* Add space below the input field */
}

/* Style the submit button */
.tnp-subscription-minimal input[type=submit].tnp-submit {
    background-color: red!important; /* Set the submit button background to red */
    color: white!important; /* Set the submit button text color to white */
    font-weight: bold; /* Make the font bolder */
    font-size: 18px; /* Increase the font size */
    padding: 10px 20px; /* Add padding to make the button larger */
    border: none; /* Remove the border */
    border-radius: 5px; /* Round the corners of the button */
    cursor: pointer; /* Change cursor to pointer on hover */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
}
@font-face {
    font-family: "Bebas Neue";
    font-style: normal;
    font-weight: 400;
    font-display: swap; /* Enables font swap */
    src: url('https://gripgladiators.com/wp-content/uploads/fonts/BebasNeue-Regular.ttf') format('truetype');
}
h1 {
    font-size: 48px !important;
}

/* ==========================================================================
   Grip Gladiators — Bio Page Appearance Refresh (CSS-only)
   Keeps all content identical. Follows the existing aesthetic:
   black/charcoal (#28262C), white/cream (#F5F0E5), brand red (#cf2e2e),
   Bebas Neue display headings + Open Sans body.
   ========================================================================== */

/* ---- Post title: red accent bar under the big Bebas Neue title ---- */
h1.wp-block-post-title {
  padding-bottom: 0.35rem;
}
h1.wp-block-post-title::after {
  content: "";
  display: block;
  width: 88px;
  height: 5px;
  background: linear-gradient(90deg, #cf2e2e, #8e1c1c);
  border-radius: 3px;
  margin-top: 0.5rem;
}

/* ---- Section headings: matching smaller accent bar ---- */
.entry-content h2.wp-block-heading::after {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  background: #cf2e2e;
  border-radius: 2px;
  margin-top: 0.45rem;
}
.entry-content h3.wp-block-heading {
  color: #28262C;
}

/* ---- Opening tagline: pull-quote treatment ---- */
.entry-content > p:first-child:has(> strong > em) {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #45424A !important;
  border-left: 5px solid #cf2e2e;
  padding: 0.35rem 0 0.35rem 1.1rem !important;
  margin-bottom: 1.5rem;
}

/* ---- Intro columns: vertically center the text beside the photo ---- */
.entry-content .wp-block-columns .wp-block-column {
  align-self: center;
}
.entry-content > .wp-block-columns p {
  font-size: 1.06rem;
}

/* ---- Images: rounded corners, soft shadow, styled captions ---- */
.entry-content figure.wp-block-image img {
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(40, 38, 44, 0.22);
}
.entry-content figure.wp-block-image figcaption {
  color: #6d6a72;
  font-size: 0.85rem;
  margin-top: 0.7rem;
}

/* ---- Separators: subtle red fade instead of heavy charcoal bars ---- */
.entry-content hr.wp-block-separator {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, #cf2e2e 0%, rgba(207, 46, 46, 0.15) 60%, transparent 100%) !important;
  opacity: 1;
}

/* ---- Stat lines: convert bold paragraphs into stat "chips" ----
   Targets only paragraphs whose entire content is bold (the stat rows),
   excluding italic taglines/footnotes. */
/* !important needed to beat the existing `main p` reset rule in Additional CSS */
.entry-content p:has(> strong:only-child):not(:has(em)) {
  background-color: #faf8f3 !important; /* cream tint from the theme's #F5F0E5 */
  border: 1px solid #e9e3d5;
  border-left: 4px solid #cf2e2e;
  /* square left edge so the red bar sits flush; round only the right side */
  border-radius: 0 10px 10px 0 !important;
  padding: 0.75rem 1.1rem !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  line-height: 1.55;
}
.entry-content p:has(> strong:only-child):not(:has(em)) strong {
  font-weight: 600;
  color: #28262C;
}

/* ---- Tables: keep the black/red identity, drop the harsh borders ---- */
.entry-content .armwrestling-table {
  background: #28262C !important;          /* theme charcoal instead of pure #000 */
  color: #F5F0E5 !important;               /* theme cream instead of pure #fff */
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'Open Sans', Arial, sans-serif !important;
  box-shadow: 0 12px 28px rgba(40, 38, 44, 0.25);
}
.entry-content .armwrestling-table th,
.entry-content .armwrestling-table td {
  border: none !important;
  border-bottom: 1px solid #45424A !important; /* theme tertiary for row lines */
  padding: 12px 14px !important;
}
.entry-content .armwrestling-table thead th {
  background: linear-gradient(135deg, #cf2e2e, #8e1c1c) !important; /* brand red, no neon */
  font-family: 'Bebas Neue', 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.1em !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.entry-content .armwrestling-table tbody tr:nth-child(even) td {
  background: #2f2d34 !important; /* zebra striping */
}
.entry-content .armwrestling-table tbody th {
  background: #45424A !important; /* "Total" summary row */
  color: #F5F0E5 !important;
  font-weight: 700 !important;
}
.entry-content .armwrestling-table tbody tr:last-child th:first-child { border-bottom-left-radius: 12px; }
.entry-content .armwrestling-table tbody tr:last-child th:last-child { border-bottom-right-radius: 12px; }
.entry-content .armwrestling-table tr:hover td {
  background: rgba(207, 46, 46, 0.16) !important; /* subtle red hover, not gray */
  color: #fff !important;
}

/* ---- Links: keep brand red, refine the underline ---- */
.entry-content a:where(:not(.wp-element-button)) {
  font-weight: 600;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(207, 46, 46, 0.35);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.15s ease;
}
.entry-content a:where(:not(.wp-element-button)):hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #cf2e2e;
}

/* ---- Button: brand red, Bebas Neue, hover lift ---- */
.entry-content .wp-block-button__link {
  background: linear-gradient(135deg, #cf2e2e, #a32222) !important;
  color: #fff !important;
  font-family: 'Bebas Neue', 'Open Sans', sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.07em;
  border-radius: 8px !important;
  padding: 0.65rem 1.9rem !important;
  box-shadow: 0 6px 16px rgba(207, 46, 46, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.entry-content .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(207, 46, 46, 0.45);
}

/* ==========================================================================
   Grip Gladiators — Refresh v2: chip spacing, nav, footer, archives/homepage
   Same aesthetic: charcoal #28262C, cream #F5F0E5, brand red #cf2e2e,
   Bebas Neue display + Open Sans body. CSS-only, no content changes.
   ========================================================================== */

/* ---- 1. Stat chips: consistent, clearly separated spacing ---- */
.entry-content p:has(> strong:only-child):not(:has(em)) {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  padding: 0.7rem 1.05rem !important;
}

/* ---- 2. Main nav: sticky, Bebas Neue, animated red underline ---- */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 1000;
}
header.wp-block-template-part > .wp-block-group.has-black-background-color {
  background-color: rgba(10, 10, 12, 0.92) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 3px solid #cf2e2e;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
header.wp-block-template-part .wp-block-navigation-item__content {
  font-family: 'Bebas Neue', 'Open Sans', sans-serif !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.07em;
  position: relative;
  padding: 0.35rem 0.1rem !important;
  transition: color 0.15s ease;
}
header.wp-block-template-part .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background: #cf2e2e;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}
header.wp-block-template-part .wp-block-navigation-item:hover .wp-block-navigation-item__content::after,
header.wp-block-template-part .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after {
  transform: scaleX(1);
}
header.wp-block-template-part .wp-block-navigation-item:hover .wp-block-navigation-item__content {
  color: #ff6b6b !important;
}
/* dropdown submenus: dark panel to match */
header.wp-block-template-part .wp-block-navigation__submenu-container {
  background-color: #17161a !important;
  border: 1px solid #45424A !important;
  border-top: 3px solid #cf2e2e !important;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
}
header.wp-block-template-part .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: #F5F0E5 !important;
  font-size: 1.05rem !important;
}
/* site title block */
header.wp-block-template-part .wp-block-site-title a {
  font-family: 'Bebas Neue', 'Open Sans', sans-serif !important;
  font-size: 1.5rem;
  letter-spacing: 0.09em;
}
header.wp-block-template-part img.wp-image-598,
header.wp-block-template-part .wp-block-site-logo img {
  border-radius: 50%;
  border: 2px solid #cf2e2e;
}

/* ---- 3. Footer: centered, red accent, cream links ---- */
footer.site-footer-container > .wp-block-group.has-black-background-color {
  background: linear-gradient(180deg, #17161a, #000) !important;
  border-top: 3px solid #cf2e2e;
  padding-top: 2.2rem !important;
  padding-bottom: 2.2rem !important;
  margin-top: 3rem;
}
footer.site-footer-container p {
  text-align: center;
  line-height: 2.4;
  letter-spacing: 0.02em;
}
footer.site-footer-container p,
footer.site-footer-container a {
  color: #F5F0E5 !important;
}
footer.site-footer-container a {
  font-weight: 600;
  text-decoration: none !important;
  padding: 0.25rem 0.15rem;
  transition: color 0.15s ease;
}
footer.site-footer-container a:hover {
  color: #ff6b6b !important;
  text-decoration: underline !important;
  text-decoration-color: #cf2e2e !important;
  text-underline-offset: 4px;
}
footer.site-footer-container strong {
  color: #cf2e2e !important; /* pipe separators become subtle red ticks */
  font-weight: 400;
  margin: 0 0.35rem;
}

/* ---- 4. Homepage + archives: card grid ---- */
ul.wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  margin-top: 2rem !important;
}
@media (max-width: 820px) {
  ul.wp-block-post-template { grid-template-columns: 1fr; }
}
ul.wp-block-post-template > li.wp-block-post {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #eceae4;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(40, 38, 44, 0.10);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  padding-bottom: 1.1rem;
  margin: 0 !important;
}
ul.wp-block-post-template > li.wp-block-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(40, 38, 44, 0.20);
}
/* the card's content lives in one inner group: flex it so the image can move up */
ul.wp-block-post-template > li.wp-block-post > .wp-block-group {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* image jumps to the top of the card */
ul.wp-block-post-template li.wp-block-post figure.wp-block-post-featured-image {
  order: -1;
  margin: 0 0 0.4rem !important;
}
ul.wp-block-post-template figure.wp-block-post-featured-image img {
  width: 100%;
  height: 235px;
  object-fit: cover;
  display: block;
}
/* title: card-sized, red accent kept */
ul.wp-block-post-template .wp-block-post-title {
  font-size: 1.6rem !important;
  line-height: 1.15 !important;
  margin: 0.5rem 1.3rem 0.2rem !important;
}
ul.wp-block-post-template .wp-block-post-title a {
  text-decoration: none;
}
ul.wp-block-post-template .wp-block-post-title a:hover {
  color: #cf2e2e;
}
/* meta row */
ul.wp-block-post-template li.wp-block-post .post-meta {
  margin: 0 1.3rem !important;
  font-size: 0.82rem;
  opacity: 0.75;
}
/* excerpt: clamped */
ul.wp-block-post-template .wp-block-post-excerpt {
  margin: 0.4rem 1.3rem 0 !important;
  font-size: 0.95rem;
}
ul.wp-block-post-template .wp-block-post-excerpt__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
ul.wp-block-post-template .wp-block-post-excerpt__more-link,
ul.wp-block-post-template .wp-block-post-excerpt__more-text a {
  color: #cf2e2e !important;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
}
ul.wp-block-post-template .wp-block-post-excerpt__more-link:hover {
  text-decoration: underline;
}
/* separators the theme drops between posts are redundant inside a grid */
ul.wp-block-post-template > li.wp-block-post hr.wp-block-separator,
.wp-block-query > hr.wp-block-separator {
  display: none;
}

/* pagination */
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
  font-family: 'Bebas Neue', 'Open Sans', sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  padding: 0.35rem 0.8rem;
  border-radius: 8px;
  border: 1px solid #e3ded2;
  text-decoration: none !important;
}
.wp-block-query-pagination a:hover {
  background: #cf2e2e;
  color: #fff !important;
  border-color: #cf2e2e;
}
.wp-block-query-pagination .page-numbers.current {
  background: #28262C;
  color: #F5F0E5 !important;
  border-color: #28262C;
}

/* archive page header ("Famous Armwrestler Archives") */
.wp-block-query-title {
  padding-bottom: 0.35rem;
}
.wp-block-query-title::after {
  content: "";
  display: block;
  width: 88px;
  height: 5px;
  background: linear-gradient(90deg, #cf2e2e, #8e1c1c);
  border-radius: 3px;
  margin-top: 0.5rem;
}

/* ==== Menus: sleek + normal. Black panels, plain type, red only on hover ==== */
/* dropdown/submenu panels: black, subtle */
.wp-block-navigation .wp-block-navigation__submenu-container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  background-color: #0f0e11 !important;
  color: #F5F0E5 !important;
  border: 1px solid #3a3740 !important;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.4);
}
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
  color: #F5F0E5 !important;
}
.wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
  color: #ff6b6b !important;
}
/* mobile overlay: plain black panel, normal-size type, no effects */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0f0e11 !important;
  color: #F5F0E5 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 2 !important;
}
/* no underline animation or bars inside the mobile overlay */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
  display: none !important;
}
/* hamburger, close button, chevrons visible */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close,
.wp-block-navigation .wp-block-navigation__submenu-icon {
  color: #F5F0E5 !important;
}

/* ---- Mobile header: compact single row so it stops covering the fold ---- */
@media (max-width: 781px) {
  header.wp-block-template-part .site-header {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  header.wp-block-template-part .site-brand {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    margin-right: auto !important;
  }
  header.wp-block-template-part .site-brand > .wp-block-site-logo,
  header.wp-block-template-part .site-brand > .wp-block-group {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  header.wp-block-template-part .wp-block-site-logo img.custom-logo {
    width: 40px !important;
    height: 40px !important;
  }
  header.wp-block-template-part .wp-block-site-title {
    font-size: 1.1rem !important;
    margin: 0 !important;
    white-space: nowrap;
  }
  /* tagline takes a whole extra row on phones; hide it there only */
  header.wp-block-template-part .wp-block-site-tagline {
    display: none !important;
  }
}

/* ---- Mobile overlay only: flat submenus, no red highlight ---- */
/* subitem dropdowns: no boxed panel — flat list on the same black background */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container,
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* no red on tap/hover/current inside the mobile menu — links stay cream */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:active > .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active {
  color: #F5F0E5 !important;
}
.wp-block-navigation__responsive-container.is-menu-open a {
  -webkit-tap-highlight-color: transparent;
}