body {
  --red: #FF3B3B;
  --green: #2E9D04;

  --fg: #e0e0e1;
  --bg: #111111;

  --input-fg: #e0e0e1;
  --input-bg: #111;
  --input-placeholder: #d1d1d1;
  --input-border-color: #a5a5a5;

  --bg-secondary: hsl(30 4% 26% / 1);

  --on-primary: #111;
  --border-primary: var(--nctv-blue-secondary);
  --primary: var(--nctv-blue-primary);
  --menu-bg: var(--nctv-bg-secondary);

  /**
    NCTV Branding colors
  */

  --nctv-blue-secondary: #0079b8ff;
  --nctv-blue-primary: #32abeaff;
  --nctv-blue-dark: #012741ff;
  --nctv-accent-orange: #f57200ff;
  --nctv-accent-orange-subtle: #d46400ff;

  --nctv-bg-primary: #111111;
  --nctv-bg-secondary: #1a1a1a;
  --nctv-text-light: #d9d9d9;

}


/**
  NCTV header text for desktop
*/

span.instance-name, 
h1.instance-name.home-page,
.custom-markup-container h1,
.custom-markup-container a.instance-name {
  background: -webkit-linear-gradient(left, var(--nctv-blue-primary), var(--nctv-accent-orange) 65%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  -o-background-clip: text !important;
  -ms-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 900 !important;
}

/**
Alerts
*/

.alert.pt-alert-primary {
  color: var(--nctv-text-light);
}

/**
Video thumbnail stuff
*/

.video-thumbnail.ng-star-inserted:hover {
  scale: 1.02; 
}

/**
Get rid of the little bar under the like/dislike button until I can figure out how to align it properly
*/

.likes-dislikes-bar-outer-container {
  display: none;
}