:root {
  --jp-primary: #f07f31;
  --jp-secondary: #10703d;
  --jp-light: #f0f1ea;
}

#preloader {
    display: none !important;
}

.page-content {
    padding-top: 1.5rem !important;
}

.btn-primary,
.btn-outline-primary,
.bg-primary,
.text-primary {
  background-color: var(--jp-primary) !important;
  border-color: var(--jp-primary) !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: var(--jp-primary) !important;
  background-color: transparent !important;
}

.navbar-landing {
  background-color: var(--jp-light) !important;
}
.frontend-layout .page-content {
      padding: 20px calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5) !important;
}

.navbar-landing .nav-link {
  color: #1a1818 !important;
}

.navbar-landing .nav-link:hover,
.navbar-landing .nav-link.active {
  color: var(--jp-primary) !important;
}
body {
  background-color: var(--jp-light);
}

.hero-section {
  background-color: var(--jp-secondary);
}

.card {
  border-color: var(--jp-primary);
}

.section {
  background-color: var(--jp-light);
}

.bg-light {
  background-color: var(--jp-light) !important;
}

a {
  color: var(--jp-primary);
}

a:hover {
  color: var(--jp-secondary);
}

.app-menu,
.app-menu .navbar-brand-box {
  background-color: var(--jp-secondary) !important;
  border-color: var(--jp-primary) !important;
}

.app-menu .nav-link,
.app-menu .menu-title span {
  color: #fff !important;
}

.app-menu .nav-link:hover,
.app-menu .nav-link.active,
.app-menu .menu-link.active,
.app-menu .nav-item .menu-link[aria-expanded="true"] {
  background-color: var(--jp-primary) !important;
  color: #fff !important;
}