:root {
  color-scheme: light;
  --viutv-static-bg: #ffffff;
  --viutv-static-text-primary: rgba(29, 28, 33, 1);
  --viutv-static-text-secondary: rgba(29, 28, 33, 0.7);
  --viutv-static-border: rgba(29, 28, 33, 0.08);
  --viutv-static-border-strong: rgba(29, 28, 33, 0.2);
  --viutv-static-brand: #0a7deb;
  --viutv-static-brand-dim: #0063c2;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --viutv-static-bg: hsl(270, 3%, 12%);
  --viutv-static-text-primary: #ffffff;
  --viutv-static-text-secondary: rgba(255, 255, 255, 0.7);
  --viutv-static-border: rgba(255, 255, 255, 0.1);
  --viutv-static-border-strong: rgba(255, 255, 255, 0.2);
  --viutv-static-brand: #0f85f5;
  --viutv-static-brand-dim: #63b2ff;
}

html,
body {
  background-color: var(--viutv-static-bg);
  color: var(--viutv-static-text-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.tuneguide-title {
  color: var(--viutv-static-text-primary);
}

p,
span,
li,
ol,
ul,
td,
th,
.contactus-web-container,
.faq-content,
.misc-tuneguide-content,
.section-container,
.tc-web-container,
.paragraph {
  color: var(--viutv-static-text-secondary);
}

a,
a:link,
a:visited,
a:hover,
.faq-content a,
.tuneguide-content-brand,
.email a[href^='mailto:'] {
  color: var(--viutv-static-brand);
  text-decoration: underline;
}

.phone a[href^='tel:'],
.phone a[x-apple-data-detectors] {
  color: inherit;
}

.nav-menu .nav-item,
.nav-tab .nav-item,
.nav-item a,
.nav-menu .nav-item:hover,
.nav-tab .nav-item:hover,
.nav-item a:hover {
  color: var(--viutv-static-text-primary);
  text-decoration: none;
}

.nav-container ul li::marker,
li::marker {
  color: var(--viutv-static-text-secondary);
}

.nav-menu {
  border-color: var(--viutv-static-border-strong);
}

.section-container:last-of-type,
.misc-tuneguide-content,
hr {
  border-color: var(--viutv-static-border);
}

@media (max-width: 991px) {
  .nav-tab .active,
  .nav-tab .active a,
  .nav-tab .active:hover,
  .nav-tab .active a:hover {
    color: var(--viutv-static-brand);
    border-bottom-color: var(--viutv-static-brand);
  }
}

@media (min-width: 992px) {
  .nav-tab .active,
  .nav-tab .active a,
  .nav-tab .active:hover,
  .nav-tab .active a:hover {
    color: var(--viutv-static-text-primary);
    border-bottom-color: transparent;
  }

  .tune-container .nav-item.active,
  .tune-container .nav-item.active:hover {
    color: var(--viutv-static-brand);
    border-bottom-color: transparent;
  }
}

#mobile-image-banner {
  background-color: var(--viutv-static-brand);
  color: #ffffff;
}

img,
video,
iframe {
  color-scheme: normal;
}