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);

  --primary: var(--nctv-accent-orange);
  --on-primary: #111;
  --border-primary: #F2690D;

  /**
    NCTV Branding colors
  */

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

  --nctv-bg-primary: #111111;
  --nctv-bg-secondary: #1a1a1a;

  --nctv-alert-primary: (var(--nctv-blue-dark));

   /* --primary-450: var(--nctv-blue-primary); */
  --primary-950: var(--nctv-blue-primary);
}


/**
  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;
}

/**
Action buttons
*/

.primary-button {
  background-color: var(--nctv-blue-primary);
  color: white;
  border: 1px solid var(--nctv-blue-dark);
  border-radius: 0.5rem;
}

.primary-button:hover, .primary-button:active {
  background-color: var(--nctv-blue-secondary);
  color: white;
  border: 1px solid var(--nctv-blue-dark);
  border-radius: 0.5rem;
}

svg#svg2 {
  color: white;
}

/**
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;
}