/* Contains the CSS for the Invidious light theme

--------
This file should not get loaded by the user as the css here will be used
to generate theme.css as to support user-agent dark/light theme
in addition to the class-based swap method without duplicating any styles.
------

*/

.light-theme a:hover,
.light-theme a:active,
.light-theme summary:hover,
.light-theme a:focus,
.light-theme summary:focus {
  color: #075A9E !important;
}

.light-theme .pure-button-primary:hover,
.light-theme .pure-button-primary:focus,
.light-theme .pure-button-secondary:hover,
.light-theme .pure-button-secondary:focus {
  color: #fff !important;
  border-color: rgba(0, 182, 240, 0.75) !important;
  background-color: rgba(0, 182, 240, 0.75) !important;
}

.light-theme .pure-button-secondary:not(.low-profile) {
  color: #335d7a;
  background-color: #fff2;
}

.light-theme a {
  color: #335d7a;
  text-decoration: none;
}

/* All links that do not fit with the default color goes here */
.light-theme a:not([data-id]) > .icon,
.light-theme .pure-u-lg-1-5 > .h-box > a[href^="/watch?"],
.light-theme .playlist-restricted > ol > li > a {
  color: #303030;
}

.light-theme .pure-menu-heading {
  color: #565d64;
}

.light-theme footer {
  color: #7c7c7c;
}

.light-theme footer a {
  color: #7c7c7c !important;
}

.light-theme .error-card {
  border: 1px solid black;
}

.light-theme #filters-box {
	background: #dfdfdf;
}

.light-theme .slider-nav {
    background-color: #ddd;
}