/****************************************************************************************************/
/****************************************************************************************************/
/* File: /css/seibertron/silver-age.css */
/****************************************************************************************************/
/****************************************************************************************************/

/*
****************************************************************************************************
****************************************************************************************************
BOOTSTRAP 5 VIEWPORT BREAKPOINTS
Reference for media queries and responsive layout adjustments
****************************************************************************************************
****************************************************************************************************
XS (Extra Small):  <576px       (Phones)
SM (Small):        ≥576px       (Landscape phones, small tablets)
MD (Medium):       ≥768px       (Tablets)
LG (Large):        ≥992px       (Desktops)
XL (Extra Large):  ≥1200px      (Large desktops)
XXL (XX-Large):    ≥1400px      (Very large screens)
/*

/**************************************************/
/**************************************************/
/* Begin Silver Age Customizations */
/**************************************************/
/**************************************************/
header {
  background-size: cover;         /* Scale to fill container */
  background-repeat: no-repeat;   /* Prevent tiling */
  background-position: center;    /* Center the image */
  background-image: url('/images/layout/headers/cybertron.png');
  background-size: 120% auto;
  background-repeat: no-repeat;
  background-position: 0% center;
  animation: headerPan 180s linear infinite;
  overflow: visible !important; /* CRUCIAL: prevents dropdown clipping */
  border-bottom: 3px; /* Bright Energon Blue */
}

.seibertron .row {
	background-color: transparent !important;
	border: none !important;
}

@keyframes headerPan {
  0%   { background-position: center 0%; }
  50%  { background-position: center 100%; }
  100% { background-position: center 0%; }
}

.header-middle {
	background:transparent url(/images/layout/25th-anniversary-badge.png) no-repeat top 1.0rem right 1.0rem;
  position: relative;
  z-index:5;
  text-align:center;
  padding:1rem 1rem 0 1rem;
}

@media (max-width: 960px) {
  .header-middle {
    background:none;
  }
}

header .header-middle.row,
header .header-middle .row,
.header-middle .row {
  text-shadow: none !important;
  color: inherit !important;
  background: transparent;
}

header #header-logo {
	margin:0rem auto;
	clear:both;
	margin-right:-1.0rem;
}

header #header-logo img {
  width: 100%;
  max-width: 600px;
  height: auto;
}

@media (max-width: 576px) {
  header #header-logo img {
    max-width: 420px;
  }
}

header #header-logo a {
  display: inline-block;
  transition: transform 0.3s ease, filter 0.3s ease;
  filter: drop-shadow(0 0 8px #000);
}

header #header-logo a:hover {
  transform: scale(0.99);
  filter: drop-shadow(0 0 3px #121212);
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Base Seibertron Button */
/****************************************************************************************************/
/****************************************************************************************************/
.btn-seibertron {
	display: inline-block;
	padding: 0.5em 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.9rem;
	color: #fff;
	background: linear-gradient(to bottom, #2e3a46, #1a1c1f);
	border: 2px solid #4da6ff;
	border-radius: 6px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
	box-shadow: inset 0 0 0 rgba(255,255,255,0.1);
}

/* Energon Glow Layer */
.btn-seibertron::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(0,240,204,0.25), rgba(77,166,255,0.25));
	z-index: -1;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

/* Hover Effect */
.btn-seibertron:hover {
	color: #fff;
	border-color: #00f0cc;
	box-shadow: 0 0 10px #00f0cc, 0 0 4px #00f0cc inset;
	text-decoration:none;
}

.btn-seibertron:hover::before {
	opacity: 1;
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Top Bar Dropdown */
/****************************************************************************************************/
/****************************************************************************************************/
#top-bar .dropdown-menu {
  border-radius: 0.5em;
  background-color: #f9f9f9;
  text-shadow: none !important;
  z-index: 2000 !important;
  position: absolute !important;
}

/* Google CSE in dropdown */
#top-bar .dropdown-menu .gcse-searchbox-only {
  width: 100%;
}

#top-bar .dropdown-menu .gsc-control-searchbox-only,
#top-bar .dropdown-menu .gsc-control-searchbox-only form,
#top-bar .dropdown-menu .gsc-control-searchbox-only table {
  width: 100% !important;
  max-width: 300px !important;
  box-sizing: border-box;
}

/* Refined input field */
#top-bar .gsc-input input.gsc-input {
  border: 1px solid #bdc3c7 !important; /* Cyberchrome Silver */
  background-color: #f9f9f9;
  color: #2a2d34; /* Cybertext Graphite */
  font-family: 'Exo 2', sans-serif;
  font-size: 1em;
  padding: 0.5em !important;
  border-radius: 0.25rem;
  box-sizing: border-box;
}

/* Fix tiny Google search button in new layout */
#top-bar .gsc-search-button-v2 input.gsc-search-button {
	font-size: 1rem !important;
	padding: 0.5em 1em !important;
	width: auto !important;
	height: auto !important;
	border: 1px solid #bdc3c7 !important;
	border-radius: 0 0.25rem 0.25rem 0 !important;
	background-color: #4da6ff !important; /* Bright Energon Blue */
	color: white !important;
	cursor: pointer;
}

/* Hover effect */
#top-bar .gsc-search-button-v2 input.gsc-search-button:hover {
	background-color: #3c91e6 !important;
}

/* Remove legacy rule that forces font-size: 0 or breaks appearance */
#top-bar .gsc-search-button input.gsc-search-button {
	font-size: inherit !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
}


.anniversary-badge {
  margin: 0 auto;
  z-index: 2;
  display: block;
  width: fit-content;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.anniversary-badge img {
  width: 87px;
  height: 75px;
  display: block;
}

/* Responsive handling for anniversary badge */
@media (min-width:961px) {
  .header-middle .anniversary-badge {
    display:none;
  }
}

.header-ad-box {
  width: 728px;
  height: 90px;
  background-color: #444;
  color: #aaa;
  display: flex;
  align-items: center;        /* Vertically center the content */
  justify-content: flex-start; /* Horizontally align to the left */
  padding:0;         /* Optional: add some breathing room */
  margin: 0;
  z-index: 1;
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Top Bar CSS */
/****************************************************************************************************/
/****************************************************************************************************/
#top-bar * {
  margin: 0;
  padding: 0;
}

#top-bar {
  position: relative;
  z-index: 10;
  overflow: visible;
  font-size: 0.9em;
	background-color: rgba(0, 0, 0, 0.65); /* 75% opaque black */
  border-bottom: 2px solid rgba(165, 165, 165, 0.35); /* 50% opacity */
}

#top-bar .row {
  background-color: transparent !important;
}

#top-bar a {
  padding: 0.25rem 0.25rem;
  color: #ccc;
  transition: transform 0.3s ease, filter 0.3s ease;
}

#top-bar a:hover,
#top-bar a:focus {
  transform: scale(1.15);
  text-decoration: none;
}

#top-bar .text-light:hover i {
  filter: drop-shadow(0 0 8px #ff5ec9);
}

#top-bar i {
  margin-right: 0em;
}

@media (max-width: 991.98px) {
  #top-bar {
    font-size: 0.90em;
    padding: 0em 0;
  }
}

@media (max-width: 767.98px) {
  #top-bar {
    font-size: 0.80em;
    padding: 0.1em 0;
  }
}

@media (max-width: 575.98px) {
  #top-bar {
    font-size: 0.75em;
    padding: 0.1em 0;
  }
}

#top-bar .dropdown {
  display: inline-block;
  margin-right: 0.5em; /* Match icon spacing */
}

#top-bar .dropdown-toggle {
  display: flex;
  align-items: center;
  padding: 0.25em;
  line-height: 1.5;
  gap: 0.25em; /* Optional: adds space between icon and text */
  margin-top: 1px; /* Optional micro-adjustment */
}

#top-bar-social-links {
  color: #6e7a8a; /* Alloy Gray */
  transition: color 0.2s ease;
}

#top-bar-social-links a:hover,
#top-bar-social-links a:focus {
  color: #4da6ff; /* Bright Energon Blue */
}

#top-bar-social-links a i {
  color: inherit;
}

#top-bar-utility-links a {
  color: #9aaec3; /* Alloy Gray */
  transition: color 0.2s ease;
	text-decoration: none;
}

#top-bar-utility-links a:hover,
#top-bar-utility-links a:focus {
  color: #4da6ff; /* Bright Energon Blue */
  text-decoration: none;
}

#top-bar-utility-links a i {
  color: inherit;
}

/* Hide between MD and LG breakpoints (768px ≤ width < 992px) */
@media (max-width: 860.98px) and (min-width: 768px) {
  #top-bar-utility-links .utility-label {
    display: none;
  }
}

/* Re-show on narrow phones */
@media (max-width: 575.98px) {
  #top-bar-utility-links .utility-label {
    display: inline;
  }
}

main {
	background-image: url('/images/layout/g1-box-silver-2.png');
	background-repeat: repeat;
	background-position: 0 0;
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Tagline CSS */
/****************************************************************************************************/
/****************************************************************************************************/
.tagline-bar {
  background-color: #4a4bde; /* Steel Ion Silver */
  color: #a89bff;            /* Darkspace Black text */
  text-align: center;
  padding: 0.5rem 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  border-bottom: 2px solid #121212; /* Electric Neon Trim */
  font-size: 1.0rem;
  line-height: 1.4;
  font-weight:normal;
  font-family: 'Press Start 2P', monospace;
	text-transform:normal;
}

.c64-cursor {
  margin-left: 0em;
  font-size: 0.95em;
  vertical-align: text-bottom;
}

.tagline-vote-controls {
  display: inline-block;
  margin-left: 1em;
  font-size: 1.0rem;
}

.vote-icon {
  cursor: pointer;
  margin: 0 0 0 -0.5rem;
  transition: transform 0.2s ease;
}

.vote-icon:hover {
  color: #bdc3c7; /* Bright Energon Blue on hover */
  transform: scale(1.2);
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Main Portal CSS */
/****************************************************************************************************/
/****************************************************************************************************/

.spotlight-block {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.spotlight-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.6s ease;
	z-index: 0;
}

.spotlight-block:hover .spotlight-bg {
	transform: scale(1.05);
}

.spotlight-block h5 {
	text-transform:uppercase;
}

.podcast-card {
	border: 2px solid #b0bbc5; /* Steel Ion Silver border */
	background-color: #f9f9f9;  /* Clean Platinum White */
	box-shadow: none;
	transition: box-shadow 0.3s ease;
	border-radius: 0;
}

.podcast-card:hover {
	box-shadow: 0 0 14px 3px rgba(0, 240, 204, 0.5); /* Energon glow */
}

.podcast-card .img-container {
	overflow: hidden;
}

.podcast-card img {
	transition: transform 0.4s ease;
	display: block;
	width: 100%;
}

.podcast-card .img-container:hover img {
	transform: scale(1.05);
}

.podcast-icon-overlay {
	transition: opacity 0.3s ease;
}

.podcast-card .img-container:hover .podcast-icon-overlay {
	opacity: 1;
}

/****************************************************************************************************/
/****************************************************************************************************/
/* Fun CSS Effects for SEIBERTRON.com */
/****************************************************************************************************/
/****************************************************************************************************/

.glass-blur {
	background: rgba(0, 0, 0, 0.25); /* slightly darker, still translucent */
	backdrop-filter: blur(2px); /* reduce intensity */
	-webkit-backdrop-filter: blur(2px); /* Safari support */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
	box-sizing: border-box; /* ensures padding doesn't overflow */
}

.constructicon {
	position: absolute;
	bottom:-3rem;
	margin:0 auto 0 -1.0rem;
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: transparent;
	z-index: 20;
}

.convoy {
	display: flex;
	align-items: flex-end;
	gap: 2.0rem;
	width: max-content;
	animation: convoy-loop 600s linear infinite;
}

.vehicle {
	padding-top:0.25em;
	width: 48px;
	height: auto;
	opacity: 0.9;
	filter: invert(64%) sepia(90%) saturate(700%) hue-rotate(66deg);
	animation-name: lap-drive, bumpy-ride;
	animation-duration: 12s, 0.9s;
	animation-timing-function: linear, ease-in-out;
	animation-iteration-count: infinite;
}

/* Staggered bump delay */
.vehicle:nth-child(1) { animation-delay: 0s, 0s; }
.vehicle:nth-child(2) { animation-delay: 0.8s, 0.2s; }
.vehicle:nth-child(3) { animation-delay: 1.6s, 0.4s; }
.vehicle:nth-child(4) { animation-delay: 2.4s, 0.1s; }
.vehicle:nth-child(5) { animation-delay: 3.2s, 0.3s; }
.vehicle:nth-child(6) { animation-delay: 4.0s, 0.5s; }


@keyframes convoy-loop {
	from { transform: translateX(-100%); }
	to   { transform: translateX(100%); }
}

@keyframes bumpy-ride-1 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  20% { transform: translateY(-1px) rotate(-1deg); }
  40% { transform: translateY(1px) rotate(1deg); }
  60% { transform: translateY(-1px) rotate(-0.5deg); }
  80% { transform: translateY(1px) rotate(0.5deg); }
}

@keyframes bumpy-ride-2 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  15% { transform: translateY(-1px) rotate(1deg); }
  35% { transform: translateY(1px) rotate(-1deg); }
  55% { transform: translateY(0px) rotate(0.5deg); }
  75% { transform: translateY(1px) rotate(-0.5deg); }
}

@keyframes bumpy-ride-3 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  10% { transform: translateY(-1px) rotate(-0.5deg); }
  30% { transform: translateY(1px) rotate(0.5deg); }
  50% { transform: translateY(-1px) rotate(-1deg); }
  70% { transform: translateY(2px) rotate(1deg); }
  90% { transform: translateY(-2px) rotate(-1deg); }
}

.vehicle:nth-child(3n)  { animation-name: lap-drive, bumpy-ride-1; }
.vehicle:nth-child(3n+1){ animation-name: lap-drive, bumpy-ride-2; }
.vehicle:nth-child(3n+2){ animation-name: lap-drive, bumpy-ride-3; }


.browser-icon {
  transition: transform 0.2s ease, filter 0.2s ease, color 0.2s ease;
  transform: scale(1.2);
}

.browser-icon:hover {
  color: #ffffff !important;
	filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.25));
}

footer .text-muted {
	color: #bdc3c7 !important; /* Cyberchrome Silver override */
}

footer .bg-dark {
	background-image: url('/images/layout/g1-box-silver-2.png');
	background-repeat: repeat;
	background-position: 0 0;
}

.text-energon {
  color: #c56161 !important;
}

.bg-darkspace {
	background-color: #212121 !important; /* or your preferred dark shade */
}

/****************************************************************************************************/
/****************************************************************************************************/
/* CSS for aside column */
/****************************************************************************************************/
/****************************************************************************************************/

aside.limited {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/images/layout/g1-box-silver-1.png');
	background-repeat: repeat;
	background-position: center center;
}

aside.limited .ad {
	background-color: #121212;
	background-color: rgba(0, 0, 0, 0.50);
	border: 2px solid #4da6ff;
	padding: 0.5rem;
}

.sidebar-menu {
	position: relative;
	border: 2px solid #4da6ff;
	overflow: hidden;
	background-color: #121212;
	background-color: rgba(0, 0, 0, 0.50);
	z-index: 0;
}

.sidebar-menu::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
}

.sidebar-menu .interior {
	margin: 0.1em;
}

.sidebar-menu h6 {
	display: block;
	margin-bottom: 0.6em;
	border: 2px solid #fff;
	padding: 0;
	background: transparent;
	position: relative;
	font-family: 'Eurostile', sans-serif;
	text-transform: uppercase;
	font-size: 0.95rem;
	font-weight: bold;
	line-height: 1;
}

.sidebar-menu h6 a {
	display: block;
	background-color: #9999ff;
	color: #000;
	margin: 3px;
	padding: 0.2em 0.75em 0.2em 0.50em;
	text-decoration: none;
	font-family: 'Eurostile', sans-serif;
	text-transform: uppercase;
	font-size: 1.20rem;
	font-weight: bold;
	letter-spacing:0.0em;
}

.sidebar-menu ul {
	margin-bottom: 0;
}

.sidebar-menu li {
	list-style: none;
	margin-bottom: 0em;
}

.sidebar-menu li:hover {
	background-color: rgba(0, 0, 0, 0.25);
}

.sidebar-menu li a {
	display: block;
	position: relative;
	padding-left: 1.2em;
	text-decoration: none;
	color: #fff;
	font-family: 'Eurostile', sans-serif;
	font-size: 1.0rem;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}

.sidebar-menu li a:hover {
	text-shadow: 0 0 1px #fff, 0 0 2px #fff;
}

.sidebar-menu .section li a::before {
	content: '';
	position: absolute;
	left: 0.05em;
	top: 0.3em;
	width: 0.8em;
	height: 0.8em;
	background-color: transparent;
	border: 1px solid #fefefe;
	box-sizing: border-box;
}

.sidebar-menu .news li a .txt::before {
	content: '\25B2';
	left: 0.50em;
	top: 0.3em;
	margin-right: 0.25em;
}

.sidebar-menu .section li a::after {
	content: '✔';
	position: absolute;
	left: 0.08em;
	top: -0.30em;
	font-size: 1.1em;
	font-weight: bold;
	color: #9999ff;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	z-index: 1; /* below border */
	font-family: Arial, sans-serif;
	text-shadow: none;
}

.sidebar-menu li a:hover::after {
	opacity: 1;
}

.sidebar-menu .news h6 {
	margin-bottom: 0rem;
}

.sidebar-menu .news ul {
	margin-top: 0;
	padding-top: 0 !important;
}

.sidebar-menu .news ul li {
	display: block;
	position: relative;
	margin: 0.5rem 0 !important;
	padding: 0;
	height: auto !important;
}

.sidebar-menu .news li a {
	padding:0;
	display: block;
}

.sidebar-menu .news li a img {
	width: 100%;         /* Make it responsive to parent width */
	height: auto;        /* Preserve aspect ratio */
	max-height: 150px !important;   /* Prevent absurdly tall images */
	object-fit: cover;   /* Or try 'contain' depending on your layout */
	margin: 0.5rem auto;
	transition: opacity 0.2s ease, transform 0.2s ease;
	display: inline-block; /* important to isolate transform */
	will-change: transform; /* promotes to its own GPU layer */
}

.sidebar-menu .news li a:hover img {
	transform: scale(1.05);
}

.sidebar-menu .news a.txt {
	position: relative;
	padding: 0 0.5rem 0.5rem 0.75rem; /* give space for the checkbox */
	color: #f9f9f9;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.4;
	font-family: 'Eurostile', sans-serif;
	border: 0;
}

.sidebar-menu .news a.txt:hover::after {
	color: #4da6ff;
	text-shadow: 0 0 2px #4da6ff;
	left: 0.50em;
	top: -0.2em;
}

aside #sidebar-lft #sidebar-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

aside #sidebar-lft #sidebar-menu ul li {
	width: 100%;
	display: block;
	clear: both;
}

aside #sidebar-lft #sidebar-menu ul li * {
	display: inline;
}

#sidebar-rgt {
	width: 50%; /* or 160px if you're keeping fixed width */
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}

aside h6 {
	font-size:1.25em;
	text-align:left;
	margin:0 0 10px 0;
}

aside h6 a {
	display:block;
	width:auto;
	padding:0;
}

aside ul, #rgt-col ul * {
	overflow:hidden;
	display:block;
	width:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}

aside b {
	display:inline;
}

aside ul {
	margin-bottom:20px;
	list-style:none;
}

aside ul li a.txt {
	display:block;
	padding:0.25rem 0 1rem 0;
	clear:both;
}

aside ul li:active a.txt, aside ul li:hover a.txt {
	color:#999999;
	text-decoration:none;
}

/****************************************************************************************************/
/* Advertisement containers */
/****************************************************************************************************/

aside #sidebar-rgt div.ad {
	margin-bottom:20px;
}

aside .ad img {
	width: 100%;
	height: auto;
	max-width: 100%; /* Optional safeguard */
	display: block;
}

aside .large-rectangle-ad {
	width: 336px;
	max-width: 100%;
	height: 280px;
	box-sizing: border-box;
	position: relative;
	background-color: #f1f1f1;
	border: 1px solid #dedede;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #777;
	text-align: center;
	max-height: 280px;
	overflow: hidden;
}

.large-rectangle-ad::before {
	content: 'Sponsored';
	position: absolute;
	top: 4px;
	left: 8px;
	font-size: 0.75rem;
	color: #999;
}

/****************************************************************************************************/
/* Affiliate Sections for eBay and Amazon */
/****************************************************************************************************/

aside div.affiliate_items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem; /* uniform spacing between items */
	justify-content: space-between;
}

aside div.affiliate_items div.item {
	flex: 0 0 calc(50% - 0.25rem); /* two per row with gap accounted */
	box-sizing: border-box;
}

aside div.affiliate_items div.item a {
	width: 100%;
	aspect-ratio: 1 / 1; /* Force square */
	display: block;
	overflow: hidden;
	border: 1px solid #dedede;
	margin: 0 auto;
	background-color: #efefef;
}

aside div.affiliate_items div.item a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	background-color: #efefef;
}

aside .affiliate_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* or use flex-start with gap */
	gap: 1em; /* Controls the space between the items */
	text-align: center;
	font-size:0.90rem;
}

aside .affiliate_items * {
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}

aside .affiliate_items h3 {
	font-size: 1.25rem;
}

aside .affiliate_items .item {
	flex: 0 1 calc(50% - 0.5em); /* Two per row with space between */
}

aside .affiliate_items .item a .new, .store-items .item a .new {
	background-color:#ff0000;
	color:#ffffff;
	font-size:.75em;
	position:absolute;
	top:0;
	right:0;
	padding:0 5px;
}

aside .affiliate_items .item .title {
	font-size:0.70rem;
}

aside .affiliate_items .item .price {
	margin-top:-10px;
	font-size:1em;
}

aside .affiliate_items .item .price .current-price {
	display:inline;
	color:#333399;
}

aside .affiliate_items .item .price .original-price {
	display:inline;
	color:#ff0000;
	text-decoration:line-through;
}

aside .affiliate_items .item .savings {
	font-size:0.75em;
	margin:0 auto;
}

aside .affiliate_items .item .savings .amount {
	color:#c22704;
}

aside .affiliate_items .disclaimer {
	font-size: 0.75rem;
	color: #666;
	text-align: center;
	font-style: italic;
	line-height: 1.4;
	margin-top: 1em;
	padding: 0.5em 0;
	border-top: 1px dashed #ccc;
}

aside .affiliate_items .disclaimer .price-disclosure {
	display: block;
	margin-top: 0.5em;
	color: #888;
	font-style: normal;
}

aside div.promo-block {
	width:auto;
	background:#ffffff;
}

aside h4 a span.title {
	font-style:italic;
}

aside div.promo-block a.img {
	width:auto;
	height:auto;
	max-height:250px;
	display:block;
	overflow:hidden;
	clear:both;
	margin:0 auto 10px auto;
	border:1px solid #999999;
}

aside div.promo-block a.img img.spotlight {
	max-height:150px;
}

aside div.promo-block a img.caption {
	max-width:100%;
	margin:0 auto;
	display:block;
}

aside div.promo-block a.txt {
	padding:0;
}

aside div.promo-block .publish-date {
	color:#999999;
	font-style:italic;
}

/* Social media brand colors */
.icon-apple { color: #a2aaad; }						/* Apple Silver/Gray */
.icon-apple-podcasts { color: #bdbdbd; } 	/* Apple Gray */
.icon-bluesky { color: #1187ff; }        	/* Bluesky Blue */
.icon-facebook { color: #1877f2; }       	/* Facebook Blue */
.icon-instagram { color: #e1306c; }      	/* Instagram Pink */
.icon-linkedin { color: #0a66c2; }       	/* LinkedIn Blue */
.icon-pinterest { color: #e60023; }      	/* Pinterest Red */
.icon-podcast { color: #9146ff; }        	/* General Podcast Purple (Twitch style) */
.icon-rss { color: #f26522; }            	/* RSS Orange */
.icon-spotify { color: #1db954; }        	/* Spotify Green */
.icon-x-twitter { color: #ffffff; }      	/* Twitter/X Black */
.icon-youtube { color: #ff0000; }        	/* YouTube Red */

.opacity-hover {
	transition: opacity 0.2s ease, transform 0.2s ease;
	display: inline-block; /* important to isolate transform */
	will-change: transform; /* promotes to its own GPU layer */
}

.opacity-hover:hover {
	opacity: 1 !important;
	transform: scale(1.15);
}


/****************************************************************************************************/
/****************************************************************************************************/
/* Transmissions CSS */
/****************************************************************************************************/
/****************************************************************************************************/

.image-overlay-wrapper {
	position: relative;
	display: block;
	margin-top: 2em auto;
	text-align:center;
}

.image-overlay-wrapper .icon-overlay {
	position: absolute;
	top: 1.5rem;
	right: 0;
	transform: translate(-50%, -50%);
	font-size: 2em;
	color: white;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
	pointer-events: none; /* Keeps the icon from blocking clicks */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-content img {
	max-width: 720px;
	height: auto;
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
	background-color: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-content img:hover {
	transform: scale(1.025);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/****************************************************************************************************/
/* GLightbox Overrides – Seibertron Style */
/****************************************************************************************************/

.glightbox-container .ginner-container {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gslide-inline {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.glightbox-inline {
	display:none;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gslide-inner-content {
  height: auto !important;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gslide-inner-content img {
  display: block;
  max-height: 90vh;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.lightbox-logo-bar {
	position: relative;
}

.lightbox-logo-bar .logo-box {
	position: relative;
}

.lightbox-logo-bar .logo-box img {
	max-height: 40px;
	min-height: 20px;
	width: auto;
	position: relative;
}

.g1-line-wrap {
	position: absolute;
	z-index: 0;
	display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 10px; /* Matches node height */
}

.g1-line {
  flex: 1;
  height: 0.10rem; /* Line thickness */
  background-color: red;
  margin: 0 0 0 0; /* Space between nodes and line */
}

.g1-node {
  width: 0.85rem;
  height: 0.85rem;
  background-color: black;
  border: 2px solid red;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 0; /* Set to 50% for circle style */
}

.g1-node.circle {
  border-radius: 50%; /* Set to 50% for circle style */
}