/* RRN - Single Page template 67025, brick system.

   Layout is NOT here. The hero is a real Elementor container set to row with
   percentage-width columns, and the loop grid uses the widget's own column
   controls, so both open and edit normally in the Theme Builder. An earlier
   version forced layout with !important CSS; it rendered right but left the
   editor showing a stack it could not adjust.

   The grid runs the existing v3 loop template "News Article View" (51893) -
   the same one the Wrestling Uncensored page uses. This file only re-grounds
   its cards, which is unavoidable: those loop templates were authored for a
   dark background (title #E8E9EB, excerpt #C9C6BC) and are nearly invisible
   on the cream card. Same treatment as rrn-wu.css, kept in sync deliberately. */

:root {
  --rrn-cream: #F4EDE2;
  --rrn-ink:   #111111;
  --rrn-red:   #990033;
  --rrn-body:  #3B3A35;
}

/* ---- hero featured image ------------------------------------------------ */
.elementor-67025 .elementor-element-rrnspim img {
  border: 3px solid var(--rrn-cream);
  box-shadow: 10px 10px 0 rgba(0,0,0,.55);
  display: block; width: 100%; height: auto;
}

/* ---- loop cards --------------------------------------------------------- */
.elementor-67025 .elementor-widget-loop-grid .e-loop-item {
  background: var(--rrn-cream);
  border: 3px solid var(--rrn-ink);
  box-shadow: 6px 6px 0 var(--rrn-ink);
}
.elementor-67025 .elementor-widget-loop-grid .e-loop-item,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item :is(h1,h2,h3,h4),
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-heading-title,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-heading,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-text-editor,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-text-editor p {
  color: var(--rrn-ink) !important;
}
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-heading-title {
  font-family: "Anton", Impact, sans-serif !important;
  text-transform: uppercase; line-height: 1.05;
}
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-text-editor,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-text-editor p {
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  color: var(--rrn-body) !important;
}
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-post-info,
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-post-info * {
  color: var(--rrn-body) !important;
  font-family: "Space Grotesk", system-ui, sans-serif !important;
}
.elementor-67025 .elementor-widget-loop-grid .e-loop-item a { color: var(--rrn-red) !important; }
.elementor-67025 .elementor-widget-loop-grid .e-loop-item a:hover { color: var(--rrn-ink) !important; }
.elementor-67025 .elementor-widget-loop-grid .e-loop-item .elementor-widget-image img {
  display: block; width: 100%; height: auto;
}

/* ---- buttons and pagination on brick ------------------------------------ */
.elementor-67025 .elementor-widget-loop-grid .elementor-button {
  background-color: #F0B43C !important;
  color: var(--rrn-ink) !important;
  border: 2px solid var(--rrn-ink) !important;
  border-radius: 0 !important;
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.elementor-67025 .elementor-widget-loop-grid .elementor-button:hover {
  background-color: var(--rrn-cream) !important;
}
.elementor-67025 .elementor-pagination,
.elementor-67025 .elementor-pagination .page-numbers {
  color: var(--rrn-cream);
  font-family: "Space Grotesk", system-ui, sans-serif;
}
.elementor-67025 .elementor-pagination .page-numbers.current { color: #F0B43C; font-weight: 700; }
.elementor-67025 .elementor-pagination a.page-numbers:hover { color: #F0B43C; }

@media (max-width: 767px) {
  .elementor-67025 .elementor-element-rrnspim img {
    border-width: 2px; box-shadow: 6px 6px 0 rgba(0,0,0,.55);
  }
  .elementor-67025 .elementor-widget-loop-grid .e-loop-item {
    border-width: 2px; box-shadow: 4px 4px 0 var(--rrn-ink);
  }
}