/* ==========================================================================
   Classix Theme Overrides (formerly red.css)
   Refactor: remove hard-coded red (#ff0000) and drive the entire site from a
   small set of theme variables so styling updates apply everywhere.
   ========================================================================== */

:root {
  /* Core theme colors */
  --accent-primary: #ffffff;                 /* primary accent, headings, active states */
  --accent-secondary: #e6e6e6;               /* hover, secondary fills */
  --accent-muted: rgba(255, 255, 255, 0.65);/* subtle text accents */
  --accent-border: rgba(255, 255, 255, 0.25);
  --accent-dark: #000000;                   /* text on light buttons */
}

/* Buttons */
.btn-create-album,
.btn-view-more {
  border-color: var(--accent-primary);
  background: var(--accent-primary);
  color: var(--accent-dark);
}

#login-box .login-toggle {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

.btn-login {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

#primary-bar .social-icon ul li {
  border-bottom: 2px solid var(--accent-primary);
}

#primary-bar .social-icon ul li a:hover {
  color: var(--accent-primary);
}

/*
#primary-bar .login a {
    color: var(--accent-primary);
}
*/

#primary-bar .login .svg path {
  fill: var(--accent-primary);
}

#primary-bar .login .media .media-left i.fa {
  color: var(--accent-primary);
}

.top-shadow span a:hover {
  color: var(--accent-primary);
}

.svg:hover path {
  fill: var(--accent-primary);
}

/* Headings */
.movie-heading span {
  color: var(--accent-primary);
  border-bottom: none; /* remove legacy underline */
}

/* Movie title hover */
.movie-title a:hover {
  color: var(--accent-primary);
}

.movie-title p i.fa:hover {
  color: var(--accent-primary);
}

/* Author hover */
.hd-vid-auth-name a:hover,
.post-video-aut-name a:hover {
  color: var(--accent-primary);
}

/* Description links hover */
p.hd-movie-desc a:hover,
p.blog-movie-desc a:hover {
  color: var(--accent-primary);
}

/* Sidebar hover */
.sidebar h1 a:hover,
.latest-post h1 a:hover {
  color: var(--accent-primary);
}

h1.sidebar-title {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

/* Tags hover */
.tags ul li a:hover {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

/* Footer social hover */
.footer-about .bottom-social li a:hover {
  background: var(--accent-primary);
  color: var(--accent-dark);
  /* box-shadow removed intentionally for cleaner look */
}

/* Category hover */
.category-list li a:hover,
.post-category-list li a:hover {
  color: var(--accent-primary);
}

/* Send buttons */
.btn-send,
.btn-snd,
.btn-snd {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

.formOverlay:before {
  color: var(--accent-primary);
}

/*
#copyright {
    background: var(--accent-primary);
}
*/

.video-info-bar ul li a:hover {
  color: var(--accent-primary);
}

/* Inputs */
.input-top-line,
.input-bottom-line {
  background: var(--accent-primary);
}

/* Breadcrumb */
.breadcrumb li.active {
  color: var(--accent-primary);
}

/* Sharing hover */
.video-info-bar .info-ul .sharing-drop:hover button:before {
  color: var(--accent-primary);
}

/* Legacy hover colors converted from green to a neutral premium hover */
.btn-create-album:hover,
.btn-create-album:active,
.btn-create-album:focus,
.btn-view-more:hover,
.btn-view-more:active,
.btn-view-more:focus,
.btn-login:hover,
.btn-send:hover,
.btn-send:active,
.btn-send:focus {
  background-color: var(--accent-secondary);
  border-color: var(--accent-secondary);
  color: var(--accent-dark);
}

/* Menu */
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: var(--accent-primary);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  background-color: var(--accent-primary);
  color: var(--accent-dark);
}

#cssmenu > ul > li.has-sub:hover > a:after {
  color: var(--accent-primary);
}

#cssmenu > ul > li.has-sub:hover > a:before {
  color: var(--accent-primary);
}

h1.sidebar-title {
  /* border-left / right intentionally not used */
  border-bottom: 3px solid var(--accent-border);
}

/* Menu bar */
.login-dropdown {
  border-top: solid 5px var(--accent-primary);
  border-left: solid 1px var(--accent-border);
  border-right: solid 1px var(--accent-border);
  border-bottom: solid 2px var(--accent-border);
}

.two-column-navbar {
  border-top: solid 5px var(--accent-primary);
  border-left: solid 1px var(--accent-border);
  border-right: solid 1px var(--accent-border);
  border-bottom: solid 2px var(--accent-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.three-column-navbar {
  border-bottom: solid 5px var(--accent-primary);
  border-left: solid 1px var(--accent-border);
  border-right: solid 1px var(--accent-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Sidebar title bars */
.sidebar .sb-title {
  background: var(--accent-primary);
  color: var(--accent-dark);
}

/* Menu item hover */
.menu-item li a:hover {
  color: var(--accent-dark);
  background-color: var(--accent-primary);
}

/* Pagination */
.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus,
.pagination li.active a,
.pagination li.active a:hover {
  color: var(--accent-primary);
}

/* Bootstrap success button override (this is what was keeping your button red) */
.btn-success {
  color: var(--accent-dark);
  background-color: var(--accent-primary);
  border-color: var(--accent-primary);
}

.btn-success.focus,
.btn-success:focus {
  color: var(--accent-dark);
  background-color: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

.btn-success:hover {
  color: var(--accent-dark);
  background-color: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  color: var(--accent-dark);
  background-color: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: var(--accent-dark);
  background-color: var(--accent-secondary);
  border-color: var(--accent-secondary);
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: var(--accent-secondary);
  border-color: var(--accent-border);
  color: var(--accent-dark);
}

.btn-success .badge {
  color: var(--accent-dark);
  background-color: var(--accent-primary);
}

/* Pagination hover background */
.pagination-hvr {
  background: var(--accent-primary);
}

.pagination li:hover .pagination-hvr,
.pagination li.active .pagination-hvr {
  background: var(--accent-primary);
}

/* Duplicate kept for compatibility */
#primary-bar .social-icon ul li {
  border-bottom: 2px solid var(--accent-primary);
}

/* Search open state */
.search.open {
  border: 2px solid var(--accent-primary);
}

/* Panel primary */
.panel-primary > .panel-heading {
  background-color: var(--accent-primary);
  border-color: var(--accent-border);
  color: var(--accent-dark);
}

/* Lists and tray titles */
.movies-list-wrap {
  display: block;
  overflow: hidden;
  margin: 0 0 40px;
}

.movies-list-wrap .ml-title {
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
}

.movies-list-wrap .ml-title span.title {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: var(--accent-primary);
  margin-right: 20px;
  position: relative;
}

.movies-list-wrap .ml-title span.title:before {
  content: "";
  width: 50px;
  height: 2px;
  background: var(--accent-primary);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.movies-list-wrap .ml-title span.title-cate {
  border: none;
  font-size: 22px;
  font-weight: 400;
}

.movies-list-wrap .ml-title span.title-cate:before {
  display: none;
}

.movies-list-wrap .ml-title span i {
  font-size: 14px;
}

/* Tabs */
.movies-list-wrap .ml-title .nav-tabs {
  display: inline-block;
  margin-left: 0px;
  margin-top: 8px;
  border-bottom: none;
}

/* Active tab */
.movies-list-wrap .ml-title .nav-tabs li.active a {
  border-radius: 999px;
  background: var(--accent-primary) !important;
  color: var(--accent-dark) !important;
}

/* Inactive tab */
.movies-list-wrap .ml-title .nav-tabs li a {
  color: var(--accent-muted);
  border: none;
  height: 32px;
  line-height: 32px;
  background: none !important;
  padding: 0 15px;
  text-align: center;
  min-width: 60px;
  text-transform: uppercase;
}

/* Carousel arrows */
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  background-color: var(--accent-primary);
}

/* Legacy underline helper used in a few spots */
.movie-heading span:before {
  background-color: var(--accent-primary);
}