{
  "id": "menuBoard4",
  "value": "4 Categories - Standard purple",
  "css2": "",
  "css": "body {\n  width: 1080px !important;\n height: 1920px !important;\n background-color: [background-color];\n}\n\n#content, .menu-board-parent-container {\n  position: relative;\n width: 1080px;\nheight: 1920px;\n}\n\n.menu-board-parent-container {\n  background: [secondary-color];\n}\n\n.menu-board-name {\n position: absolute;\n color: [header-font-color];\n background: [header-color];\n font-weight: bold;\n font-size: 3rem;\n text-align: center;\n height: 180px;\n left: 0;\n top: 0;\n width: calc(50% - 0.5rem);\n display: flex;\n align-content: center;\n flex-direction: row;\n justify-content: center;\n align-items: center}\n\n.menu-board-categories-container {\n  height: 100%;\n  column-gap: 1rem; color: [font-color];\n}\n\n.menu-board-zone {\n  font-size: 1.4rem;\n  padding: 0.8rem;\n display: flex;\n flex-direction: column; background-color: [background-color]\n }\n\n.menu-board-category-header {\n font-size: 0;\n color: #eeeeee;\n margin: -0.8rem -0.8rem 0rem -0.8rem;\n display: flex;\n flex-direction: column;\n border-bottom: 1rem solid [secondary-color];\n}\n\n.menu-board-category-header-name {\n font-size: 2rem;\n text-align: center;\n font-weight: bold;\n padding: 0.4rem 0;\n background-color: [primary-color];\n}\n\n.menu-board-category-image {\n  width: 100%;\n  height: 6rem;\n object-fit: cover;\n  object-position: center;\n}\n\n.menu-board-product {\n  padding-top: 2rem;\n  display: grid;\n row-gap: 2px;\n  grid-template: \"f a b\"\"f c b\"\"f d d\"\"f e e\" / 0fr 1fr 1fr;\n align-content: start;\n}\n\n.menu-board-products-container {\n height: 100%;\n overflow: hidden;\n }\n\n.menu-board-product-name {\n  grid-area: a;\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n\n.menu-board-product-image {\n  grid-area: f; width: 120px;\n  height: 100px;\n margin-right: 0.5rem;\n object-fit: cover;\n  object-position: center;\n}\n\n.menu-board-product-price {\n  grid-area: b;\n  font-size: 1.6rem;\n  text-align: right;\n}\n\n.menu-board-product-description {\n  grid-area: d;\n  font-size: 1.2rem;\n padding-bottom: 0.25rem;\n min-height: 1.2rem;\n}\n\n.menu-board-product-allergy {\n  grid-area: c;\n  color: [secondary-color];\n}\n\n.menu-board-product-options-container {\n  grid-area: e;}\n\n.menu-board-product-options { font-size: 1rem;\n  color: [primary-color]; display: block;\n margin-right: 1rem;\n}\n\n.menu-board-product.product-unavailable .menu-board-product-name, .menu-board-product.product-unavailable .menu-board-product-price, .menu-board-product.product-unavailable .menu-board-product-description, .menu-board-product.product-unavailable .menu-board-product-allergy, .menu-board-product.product-unavailable .menu-board-product-options {\n  color: [disabled-color];\n}\n\n.menu-board-product.product-highlight .menu-board-product-name, .menu-board-product.product-highlight .menu-board-product-price {\n  font-size: 1.8rem;\n color: [highlight-color];\n  font-weight: bold;\n}",
  "image": "modules/menuboard/template-thumbs/menuBoard4.png",
  "widgetOriginalWidth": "1080",
  "widgetOriginalHeight": "1920",
  "orientation": "portrait",
  "legacy": false,
  "info": {
    "zones": 4,
    "categoryImage": true,
    "productImage": true,
    "grid-template": "\"h z2\" 9.5% \"z1 z2\" 42% \"z3 z2\" 10.5% \"z3 z4\" 38% \/ 1fr 1fr",
    "options": {
      "primary-color": {
        "name": "Primary",
        "type": "colorPicker",
        "default": "#404040"
      },
      "secondary-color": {
        "name": "Secondary",
        "type": "colorPicker",
        "default": "#5f3492"
      },
      "background-color": {
        "name": "Background",
        "type": "colorPicker",
        "default": "#f6f6f6"
      },
      "font-color": {
        "name": "Text",
        "type": "colorPicker",
        "default": "#2a2a2a"
      },
      "header-color": {
        "name": "Header color",
        "type": "colorPicker",
        "default": "#5f3492"
      },
      "header-font-color": {
        "name": "Header text",
        "type": "colorPicker",
        "default": "#f6f6f6"
      },
      "disabled-color": {
        "name": "Disabled item text",
        "type": "colorPicker",
        "default": "#7b7b7b"
      },
      "highlight-color": {
        "name": "Highlighted item text",
        "type": "colorPicker",
        "default": "#8219ff"
      },
      "show-product-images": {
        "name": "Show product images?",
        "query": ".menu-board-product-image",
        "type": "switch",
        "rule": "display",
        "default": "1"
      },
      "show-category-images": {
        "name": "Show category images?",
        "query": ".menu-board-category-image",
        "type": "switch",
        "rule": "display",
        "default": "1"
      }
    }
  }
}