:root {
  /* CARD BACKGROUND */
  /* should be a light color that text will be readable on, unless you use the text-white class */
  --card-background: #f2f2f2;

  /* MAIN BORDER */
  /* should match the border color selected in theme editor. thickness can be edited */
  --main-border: 1px solid #b2b2b2;
  --main-border-color: #b2b2b2;

  /* WHITE BORDER, SHOULD BE LEFT WHITE OR A VERY LIGHT COLOR. THICKNESS CAN BE EDITED */
  --white-border: 1px solid #ffffff;

  /* SERVICE MENU */
  --service-header-background: #000000;
  --service-header-font-color: #ffffff;
  --service-price-background: #e2e2e2;
  --service-price-font-color: #000000;
  --service-features-background: #f2f2f2;
  --service-features-font-color: #333333;
  --service-divider: 1px solid #b2b2b2;

  /* IMAGE OVERLAY */
  --image-overlay-lt: rgba(0, 0, 0, 0.2);

  /* BORDER RADIUS */
  /* should be between 0px and 18px for best results */
  --border-radius: 4px;

  /* LOCATION DETAILS */
  --location-details-map-pin: #b30000;
  --location-details-background: #f2f2f2;
  --location-details-border: 1px solid #b2b2b2;
  --location-details-font-color: #333333;
  --location-details-header-background: #000000;
  --location-details-header-border: none;
  --location-details-header-font-color: #ffffff;

  /* link color should match the link color and link hover color selected in theme editor, unless you use a dark color for --location-details-background above */
  --location-details-link-color: #b30000;
  --location-details-link-hover-color: #b30000;
}