Struggling Brothers United Podbean CSS Theme
Full SBU Podbean CSS — copy and paste this into your Podbean custom CSS editor
/* ==============================
   SBU — Struggling Brothers United
   Podbean Custom CSS Theme
   Brand: Orange #C9601C | Charcoal #1A1A1A | Steel Gray #8A8F96
   ============================== */

/* General body and background */
body, .pb-container {
  background-color: #1A1A1A !important;
  color: #f0f0f0 !important;
  font-family: 'Georgia', serif;
}

/* Header / site title area */
.pb-header, .site-header, #header {
  background-color: #1A1A1A !important;
  border-bottom: 2px solid #C9601C !important;
}

/* Site title */
.pb-header .site-title a,
.site-title,
#site-title a {
  color: #C9601C !important;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Navigation links */
.pb-nav a, .nav-menu a, #nav a {
  color: #f0f0f0 !important;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.08em;
}

.pb-nav a:hover, .nav-menu a:hover {
  color: #C9601C !important;
}

/* Podcast player */
.pb-player, .podcast-player, .player-wrapper {
  background-color: #222 !important;
  border: 1px solid #C9601C !important;
  border-radius: 8px !important;
}

/* Player progress bar */
.pb-player .progress-bar,
.player-progress-bar {
  background-color: #C9601C !important;
}

/* Player buttons and icons */
.pb-player .play-btn,
.pb-player .pause-btn,
.player-controls button {
  color: #C9601C !important;
  border-color: #C9601C !important;
}

/* Episode list titles */
.episode-title, .pb-episode-title, .entry-title a {
  color: #C9601C !important;
  font-weight: bold;
}

.episode-title:hover, .entry-title a:hover {
  color: #f0f0f0 !important;
}

/* Episode descriptions */
.episode-description, .entry-content, .pb-episode-desc {
  color: #ccc !important;
  line-height: 1.8;
}

/* Episode metadata (date, duration) */
.episode-meta, .pb-meta, .entry-meta {
  color: #8A8F96 !important;
  font-size: 13px;
}

/* Sidebar */
.pb-sidebar, #sidebar, .widget-area {
  background-color: #1A1A1A !important;
  border-left: 1px solid #333 !important;
}

/* Widget titles in sidebar */
.widget-title, .pb-widget-title {
  color: #C9601C !important;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #C9601C;
  padding-bottom: 6px;
}

/* Buttons */
.pb-btn, .button, input[type="submit"], .subscribe-btn {
  background-color: #C9601C !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.pb-btn:hover, .button:hover, input[type="submit"]:hover {
  background-color: #a84d16 !important;
}

/* Footer */
.pb-footer, #footer, .site-footer {
  background-color: #111 !important;
  border-top: 2px solid #C9601C !important;
  color: #8A8F96 !important;
  font-size: 13px;
}

.pb-footer a, .site-footer a {
  color: #C9601C !important;
}

/* Links globally */
a { color: #C9601C !important; }
a:hover { color: #f0f0f0 !important; }