:root {
  --electrail-color-green: #93be3a;
  --electrail-color-light-green: #b3de5a;
  --electrail-color-pale-green: #d4ff7b;
  --electrail-color-dark-green: #739e1a;

  --electrail-color-light-gray: rgba(0, 0, 0, 0.05);

  --gray-300: #C1C2C7;
  --gray-500: #919297;
  --gray-700: #75767B;
  --gray-900: #393A3F;

  --electrail-fontsize-menu: 20px;

  --cassiopeia-color-primary: #fff;
  --cassiopeia-color-hover: var(--electrail-color-dark-green);
  --cassiopeia-color-link: var(--electrail-color-green);
  --link-color: var(--cassiopeia-color-link);
  --template-link-color: var(--electrail-color-dark-green);
  --bs-link-color: var(--electrail-color-dark-green);
  --bs-link-hover-color: var(--electrail-color-green);
}

.page-header {
    display: none;
}

.social-share-block {
    display: none;
}

#sp-header {
  color: var(--gray-700);
  font-size: var(--electrail-fontsize-menu);
/*  font-family: ; */
  background-color: var(--cassiopeia-color-primary);
  background-image: -o-linear-gradient(315deg, var(--cassiopeia-color-primary) 0%, var(--electrail-color-pale-green) 100%);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--electrail-color-pale-green) 100%);
}

/* Nuclear option - should definitely work */
body #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li > a,
body #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li > span {
    font-size: var(--electrail-fontsize-menu) !important;
}

.sp-megamenu-parent > li > a {
  color: var(--gray-700);
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a {
  color: var(--gray-900);
}

#sp-footer {
  color: var(--gray-700);
  font-size: var(--electrail-fontsize-menu);
/*  font-family: ; */
  background-color: var(--cassiopeia-color-primary);
  background-image: -o-linear-gradient(315deg, var(--cassiopeia-color-primary) 0%, var(--electrail-color-pale-green) 100%);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--electrail-color-pale-green) 100%);
}

#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
  color: var(--gray-900);
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--gray-900);
  --bs-btn-bg: var(--electrail-color-light-gray);
  --bs-btn-border-color: var(--gray-500);
  --bs-btn-hover-color: var(--gray-300);
  --bs-btn-hover-border-color: var(--gray-700);
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  text-decoration: none;
}

.btn-primary {
  border-color: var(--electrail-color-light-green);
  background-color: var(--electrail-color-light-green);
  --bs-btn-color: var(--gray-900);
  --bs-btn-bg: var(--electrail-color-light-green);
  --bs-btn-border-color: var(--electrail-color-green);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--electrail-color-dark-green);
  --bs-btn-hover-border-color: var(--electrail-color-dark-green);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--electrail-color-dark-green);
  --bs-btn-active-border-color: var(--electrail-color-dark-green);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: var(--electrail-color-dark-green);
  background-color: var(--electrail-color-dark-green);
}

/* Target all VirtueMart price displays
.PricesalesPrice.vm-display {
    font-family: 'Your Font', sans-serif !important;
    font-size: 18px !important;
    color: var(--gray-700) !important;
} */

.vm-product-details-container .vm-price-value .PricesalesPrice {
  font-size: 16px;
  font-weight: 600;
}

.vm-col-3 {
	width: 33.333% !important;
}

.width33 {
  width: 33% !important;
}

.normalstock .bi-square-fill {
  color: var(--electrail-color-light-green);
}

a {
  color: var(--electrail-color-dark-green);
}

a:hover{
  color: var(--electrail-color-green);
}

a:active{
  color: var(--gray-900);
}

a:visited{
  color: var(--gray-700);
}

div.jwts_toggleControlContainer a.jwts_toggleOn {
  color: var(--gray-900);
  font-weight: bold;
}

div.jwts_toggleControlContainer a.jwts_toggleOff {
  color: var (--electrail-color-dark-green);
}