/* Keep header centered and balanced */
.site-header {
	width: 100%;
	max-width: 1200px;
/* Prevents stretching */
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: 15px 5%;
	gap: 20px;
/* Consistent spacing */
}

/* Fix layout for header elements */
.site-header .header-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

/* Keep text and logos at reasonable size */
.site-header img {
	max-width: 140px;
/* Prevent oversized logos */
	height: auto;
}

/* Navigation and social media links */
.site-header a {
	text-decoration: none;
	font-size: 18px;
	margin: 0 10px;
}

.site-header a:hover {
	text-decoration: underline;
}

@media (max-width: 1024px) {
	.site-header {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	
	.site-header .header-row {
		flex-direction: row;
	/* Ensures items stay horizontal */
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	/* Closer spacing */
	}
	
	.site-header img {
		max-width: 110px;
	/* Slightly smaller logos */
		margin-bottom: 5px;
	}
	
	.site-header a {
		font-size: 16px;
		margin: 5px;
	}
}

@media (max-width: 768px) {
	.site-header {
		flex-direction: column;
		text-align: center;
		padding: 10px 5%;
	}
	
	.site-header .header-row {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	
	.site-header img {
		max-width: 80%;
	}
	
	.site-header a {
		font-size: 14px;
		display: block;
		margin: 5px 0;
	}
}

/* 🌍 Global Header Fix */
.site-header {
	width: 100%;
	max-width: 1200px;
/* Keeps it contained on large screens */
	display: flex;
	flex-wrap: nowrap;
/* Prevents random stacking */
	align-items: center;
	justify-content: space-between;
/* Ensures even spacing */
	margin: 0 auto;
	padding: 15px 5%;
}

/* 🔄 Make the Row Inside Header Consistent */
.site-header .header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	gap: 20px;
}

/* 🖼 Fix Logo and Image Sizes */
.site-header img {
	max-width: 140px;
/* Prevents oversized logos */
	height: auto;
}

/* 📌 Style Navigation Links */
.site-header a {
	text-decoration: none;
	font-size: 18px;
	margin: 0 15px;
}

.site-header a:hover {
	text-decoration: underline;
}

/* 🔧 FIX FOR SMALL MONITORS (1024px and below) */
@media (max-width: 1024px) {
	.site-header {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	
	.site-header .header-row {
		flex-direction: row;
	/* Ensures elements stay horizontal */
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	
	.site-header img {
		max-width: 100px;
	/* Prevents logos from getting too big */
		margin-bottom: 5px;
	}
	
	.site-header a {
		font-size: 16px;
		margin: 5px;
	}
}

/* 📱 MOBILE FIX (Below 768px) */
@media (max-width: 768px) {
	.site-header {
		flex-direction: column;
		text-align: center;
		padding: 10px 5%;
	}
	
	.site-header .header-row {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	
	.site-header img {
		max-width: 80%;
	}
	
	.site-header a {
		font-size: 14px;
		display: block;
		margin: 5px 0;
	}
}

/* 🌍 UNIVERSAL HEADER STYLES - FOR ALL SCREENS */
.site-header {
	width: 100%;
	max-width: 1200px;
/* Keeps it contained */
	display: flex;
	flex-direction: row;
/* Default: horizontal */
	align-items: center;
	justify-content: space-between;
/* Even spacing */
	margin: 0 auto;
	padding: 15px 5%;
	flex-wrap: wrap;
/* Allows wrapping when needed */
}

/* 🔄 Ensure Header Elements Stay Organized */
.site-header .header-container {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

/* 🖼 Fix Logo & Image Sizes */
.site-header img {
	max-width: 140px;
/* Prevents oversized logos */
	height: auto;
}

/* 📌 Style Navigation Links */
.site-header nav {
	display: flex;
	gap: 15px;
}

.site-header a {
	text-decoration: none;
	font-size: 18px;
	margin: 0 10px;
}

.site-header a:hover {
	text-decoration: underline;
}

/* 🖥 FIX FOR SMALL MONITORS (1024px and below) */
@media (max-width: 1024px) {
	.site-header {
		flex-direction: column;
	/* Stacks elements */
		text-align: center;
	}
	
	.site-header .header-container {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
	}
	
	.site-header img {
		max-width: 100px;
	}
	
	.site-header a {
		font-size: 16px;
		margin: 5px;
	}
}

/* 📱 FULL MOBILE RESPONSIVENESS (Below 768px) */
@media (max-width: 768px) {
	.site-header {
		flex-direction: column;
		text-align: center;
		padding: 10px 5%;
	}
	
	.site-header .header-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	
	.site-header img {
		max-width: 80%;
	}
	
	.site-header a {
		font-size: 14px;
		display: block;
		margin: 5px 0;
	}
}

/* Center WordPress.com footer credit on eVENT about it page only */
body.page-id-4008 #footer p {
	  text-align: center;
}

/* Hide pagination on season sections of the Episodes archive - "See More" button used instead */
.eai-season-query .wp-block-query-pagination {
	  display: none !important;
}
.eai-seemore-btn {
	  border-radius: 999px !important;
	  font-weight: 700 !important;
}
.wp-block-query.eai-season-query .wp-block-query-pagination.wp-block-query-pagination.wp-block-query-pagination.wp-block-query-pagination { display: none !important; }
/* Fix off-brand blue post title links in Women in AV loop grid - force black */
.elementor-9853.e-loop-item .elementor-widget-theme-post-title a,
.elementor-9853.e-loop-item .elementor-heading-title a {
	color: #000000 !important;
}

/* GLOBAL FONT CONSISTENCY: force the site's single standard font (Be Vietnam Pro) everywhere, overriding theme defaults (Secuela) and any leftover Elementor kit defaults (Roboto/Roboto Slab) on individual pages. No new fonts introduced. */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, textarea, label {
	font-family: "Be Vietnam Pro", sans-serif !important;
}
#wpadminbar, #wpadminbar *,
.jp-carousel, .jp-carousel *,
[class*="dashicons"], [class*="fa-"], [class*="eicon-"],
.elementor-icon i, .elementor-icon-list-icon i {
	font-family: revert !important;
}


/* ===== Modernization pass: episode card hover + eyebrow labels + stat pills + spacing (white/#c2c641/grey theme) ===== */

/* Card hover lift + shadow for episode thumbnails (Elementor grid pages) */
.elementor-posts .elementor-post,
.elementor-post {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.elementor-posts .elementor-post:hover,
.elementor-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

/* Card hover lift + shadow for episode thumbnails (Query Loop grid on /episodes/) */
.wp-block-post-template .wp-block-post {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 6px;
}
.wp-block-post-template .wp-block-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

/* Eyebrow label style - small uppercase grey label above section/page headings */
.eyebrow-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 8px;
}

/* Stat pill row - used under CEO Edition intro paragraph */
.stat-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0;
}
.stat-pill {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border: 1.5px solid #c2c641;
  color: #555555;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 999px;
}

/* Sticky season quick-nav pills on /episodes/ archive */
.season-quick-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  background: #ffffff;
  padding: 18px 0;
  border-bottom: 2px solid #c2c641;
  margin-bottom: 28px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
.season-quick-nav a {
  display: inline-block;
  background: #c2c641;
  color: #1a1a1a;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.3px;
  padding: 12px 26px;
  border-radius: 999px;
  text-decoration: none;
  border: 2px solid #c2c641;
  box-shadow: 0 2px 6px rgba(194,198,65,0.4);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.season-quick-nav a:hover {
  background: #1a1a1a;
  border-color: #1a1a1a;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

/* Tighten section spacing slightly for a cleaner modern feel */
.wp-block-post-template {
  row-gap: 32px !important;
}


/* Eyebrow text for CEO Edition heading via ::before (no extra widget needed) */
.has-eyebrow {
  position: relative;
  margin-top: 32px;
  padding-bottom: 22px;
}
.has-eyebrow::before {
  content: "SEASON 11";
  display: inline-block;
  background: #1a1a1a;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 7px 18px;
  border-radius: 999px;
  margin-bottom: 18px;
}
.has-eyebrow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 6px;
  background: #c2c641;
  border-radius: 3px;
}


/* Stat pill bar under CEO Edition intro (single pill with stats, no extra widget) */
.stat-pill-bar::after {
  content: "12 CEOs   \00b7   6 Episodes   \00b7   Season 11";
  display: inline-block;
  background: #1a1a1a;
  border: 2px solid #c2c641;
  color: #ffffff;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 0.4px;
  padding: 14px 30px;
  border-radius: 999px;
  margin-top: 26px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

/* Bold pull-quote styling for the short punch lines on CEO Edition page */
.ceo-pullquote p:nth-of-type(2),
.ceo-pullquote p:nth-of-type(3),
.ceo-pullquote p:nth-of-type(4),
.ceo-pullquote p:nth-of-type(5) {
  font-size: 24px;
  font-weight: 800;
  color: #1a1a1a;
  border-left: 5px solid #c2c641;
  padding-left: 18px;
  margin: 14px 0;
  line-height: 1.3;
}

/* Subtle tinted panel behind CEO Edition hero intro + image */
.ceo-hero-panel {
  background: #f9f9f2;
  border: 1px solid #ececdc;
  border-radius: 16px;
  padding: 36px;
}


/* CEO Edition - Watch This Season button: match rounded pill style used elsewhere on this page (eyebrow badge, stat pill) */
.elementor-element-ded758b a.elementor-button {
  border-radius: 999px !important;
} 

/* Episodes (Blog Home) page - make all buttons rounded/pill-shaped to match the season quick-nav pills style already used on this page */
body.blog .wp-block-button__link {
  border-radius: 999px !important;
}