/* JDM Color Scheme Override */
:root {
  --vlt-primary: #e82e31;
  --vlt-secondary: #e82e31;
  --vlt-dark: #101010;
  --vlt-light: #FAFAFA;
  --vlt-surface: #e1e1e1;
  --vlt-border: #E8DDD2;
  --vlt-footer-bg: #101010;
}

/* Background colors */
body {
  background-color: #FAFAFA;
  color: #101010;
}

/* Primary color overrides */
.has-primary-color,
.vlt-btn--primary,
.vlt-simple-link:hover,
a:hover {
  color: #e82e31 !important;
}

.has-primary-background-color,
.vlt-btn--primary {
  background-color: #e82e31 !important;
}

/* Surface/Section backgrounds */
.has-extra-light-gray-background-color {
  background-color: #F5F5F5 !important;
}

/* Text colors */
.has-white-color {
  color: #FAFAFA !important;
}

.has-dark-color,
h1, h2, h3, h4, h5, h6 {
  color: #101010;
}

/* Border colors */
.vlt-divider,
.vlt-work__image::after {
  border-color: #E8DDD2;
}

/* Footer */
.vlt-footer {
  background-color: #101010;
}

.vlt-footer--style-2 {
  background-color: #101010;
  background-image: url(/img/root/footer-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 80%;
}

/* Marquee text color */
[data-marquee] {
  color: #0000004d !important;
}

/* Stroke text color */
.vlt-stroke-text a {
  -webkit-text-stroke-color: #e82e31;
  color: #e82e31;
}

/* Button overrides */
.vlt-btn--secondary {
  color: #FFFFFF !important;
  background-color: #101010;
  border: 1px solid rgba(255,255,255,0.2);
}

.vlt-btn--secondary:hover {
  color: #FFFFFF;
}

.vlt-btn--secondary span {
  display: none !important;
}

/* Navbar colors */
.vlt-navbar--white-text-on-top .vlt-navbar-logo .black {
  display: none;
}

.vlt-navbar--white-text-on-top .vlt-navbar-logo .white {
  display: block;
}

/* Offcanvas nav link colors */
.vlt-nav--offcanvas .sf-menu a span {
  color: #FAFAFA;
}

.vlt-nav--offcanvas .sf-menu a span:hover {
  color: #e82e31;
}

/* Widget link colors */
.vlt-widget--links a {
  color: #FAFAFA;
}

.vlt-widget--links a:hover {
  color: #e82e31;
}

/* Social icon colors */
.vlt-social-icon {
  color: #FAFAFA;
}

.vlt-social-icon:hover {
  color: #e82e31;
}

/* Simple link in nav */
.vlt-simple-link {
  color: #FAFAFA;
}

.vlt-simple-link:hover {
  color: #e82e31;
}

/* Blog post meta */
.vlt-post__meta {
  color: #e82e31;
}

/* Isotope filter colors */
.vlt-isotope-filters--white li {
  color: #FAFAFA;
}

.vlt-isotope-filters--white li.active {
  color: #e82e31;
}

/* Partner/client logos opacity */
.vlt-partner img {
  opacity: 0.7;
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.vlt-partner:hover img {
  opacity: 1;
  filter: grayscale(0%);
}

/* Custom cursor colors */
.vlt-cursor .outer .circle {
  border-color: #e82e31;
}

/* Work item hover */
.vlt-work__link:hover .vlt-work__title {
  color: #e82e31;
}

/* Section title display color */
.vlt-display-1 {
  color: #e82e31 !important;
}

/* Preloader */
.vlt-site-preloader {
  background-color: #FAFAFA;
}

.vlt-site-preloader svg {
  color: #101010;
}

/* Selection color */
::selection {
  background-color: #e82e31;
  color: #FAFAFA;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #FAFAFA;
}

::-webkit-scrollbar-thumb {
  background: #e82e31;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #cc2428;
}

/* Link simple link md */
.vlt-simple-link--md {
  color: #101010;
}

.vlt-simple-link--md:hover {
  color: #e82e31;
}

/* Blog post style overrides */
.vlt-post--style-2 .vlt-post__title a,
.vlt-post--style-7 .vlt-post__title a {
  color: #101010;
}

.vlt-post--style-2 .vlt-post__title a:hover,
.vlt-post--style-7 .vlt-post__title a:hover {
  color: #e82e31;
}

/* Isotope filter active state */
.vlt-isotope-filters li.active {
  color: #101010;
}

/* Mobile fullscreen nav */
.vlt-nav--fullscreen .sf-menu a span {
  color: #101010;
}

.vlt-nav--fullscreen .sf-menu a span:hover {
  color: #e82e31;
}

/* Fullscreen nav mask */
.vlt-nav--fullscreen__mask {
  color: #e82e31;
  opacity: 0.05;
}

/* Blog post overlay */
.vlt-post--style-7 .vlt-post__image {
  position: relative;
  background-color: #101010;
}

.vlt-post--style-7 .vlt-post__image img {
  opacity: 0.5;
  display: block;
}

.vlt-post--style-7 .vlt-post__image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
}