:root {
  --theme-color: #FFD700;
  --theme-color-rgb: 255, 215, 0;
  --yellow-color: #FFD700;
  --yellow-color-rgb: 255, 215, 0;
}

/* Custom overrides: white backgrounds for header, footer, and home */

/* Header */
.vs-header,
.vs-header.layout1,
.vs-header.layout2,
.vs-header.layout3 {
  background-color: #ffffff !important;
}

/* Sticky navbar */
#navbars {
  background: #ffffff !important;
}

/* Footer */
.footer-layout1,
.footer-layout2 {
  background-color: #ffffff !important;
  background-image: none !important;
}
.footer-layout1 .space-extra-top,
.footer-layout2 .footer-widgets {
  background-image: none !important;
}

/* Home/Hero sections */
.vs-hero,
.hero-main,
.hero-layout1,
.hero-layout2,
.hero-layout3 {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Page background */
body,
.main {
  background-color: #ffffff !important;
}

/* Responsive logo sizing */
.logo,
.footer-logo img,
.header-logo img,
.mobile-logo .logo,
.preloader-inner img {
  max-width: 160px;
  height: auto;
  width: 100%;
  object-fit: contain;
  display: block;
}

@media (max-width: 576px) {
  .logo,
  .footer-logo img,
  .header-logo img,
  .mobile-logo .logo,
  .preloader-inner img {
    max-width: 120px;
  }
}

@media (min-width: 577px) and (max-width: 992px) {
  .logo,
  .footer-logo img,
  .header-logo img,
  .mobile-logo .logo,
  .preloader-inner img {
    max-width: 140px;
  }
}