{
  "name": "divitorque/cta-box",
  "title": "Call To Action",
  "titles": "Call To Actions",
  "moduleIcon": "divitorque/cta-box",
  "moduleClassName": "dtq_cta_box",
  "moduleOrderClassName": "dtq_cta_box",
  "category": "module",
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "default": {
        "advanced": {
          "layout": {
            "desktop": {
              "value": "stacked"
            }
          },
          "alignment": {
            "desktop": {
              "value": "center"
            }
          },
          "useSecondButton": {
            "desktop": {
              "value": "off"
            }
          },
          "buttonGap": {
            "desktop": {
              "value": "16px"
            }
          },
          "contentWidth": {
            "desktop": {
              "value": "100%"
            }
          },
          "useOverlay": {
            "desktop": {
              "value": "off"
            }
          },
          "overlayColor": {
            "desktop": {
              "value": "rgba(0,0,0,0.4)"
            }
          }
        }
      },
      "settings": {
        "meta": {
          "adminLabel": {}
        },
        "advanced": {
          "htmlAttributes": {},
          "layout": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentLayout",
              "attrName": "module.advanced.layout",
              "label": "Layout",
              "description": "Stack the text above the buttons, or sit them side by side. Side-by-side layouts stack automatically on phones.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "stacked": {
                      "label": "Stacked"
                    },
                    "inline": {
                      "label": "Text, then buttons"
                    },
                    "inline-reverse": {
                      "label": "Buttons, then text"
                    }
                  }
                }
              }
            }
          },
          "alignment": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentLayout",
              "attrName": "module.advanced.alignment",
              "label": "Alignment",
              "description": "Horizontal alignment of the text and buttons.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/select",
                "props": {
                  "options": {
                    "left": {
                      "label": "Left"
                    },
                    "center": {
                      "label": "Center"
                    },
                    "right": {
                      "label": "Right"
                    }
                  }
                }
              }
            }
          },
          "useSecondButton": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "contentButtons",
              "attrName": "module.advanced.useSecondButton",
              "label": "Use Second Button",
              "description": "Add a secondary button beside the first, for a lower-commitment action.",
              "priority": 40,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "contentWidth": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.contentWidth",
              "label": "Content Width",
              "description": "Constrain the text so long paragraphs stay readable. Has no effect on the side-by-side layouts.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 20,
                  "max": 100,
                  "step": 1,
                  "defaultUnit": "%"
                }
              }
            }
          },
          "useOverlay": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.useOverlay",
              "label": "Use Overlay",
              "description": "Tint whatever sits behind the text. Use with a background image so the text stays legible.",
              "priority": 20,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "overlayColor": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designLayout",
              "attrName": "module.advanced.overlayColor",
              "label": "Overlay Color",
              "description": "Colour of the tint drawn over the background.",
              "priority": 30,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": false,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker",
                "props": {
                  "isAlpha": true
                }
              }
            }
          },
          "buttonGap": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designButtons",
              "attrName": "module.advanced.buttonGap",
              "label": "Space Between Buttons",
              "description": "Gap between the two buttons, and between them and the text when they wrap.",
              "priority": 10,
              "render": true,
              "features": {
                "sticky": false,
                "responsive": true,
                "hover": false
              },
              "component": {
                "type": "field",
                "name": "divi/range",
                "props": {
                  "min": 0,
                  "max": 100,
                  "step": 1,
                  "defaultUnit": "px"
                }
              }
            }
          },
          "text": {}
        },
        "decoration": {
          "animation": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "disabledOn": {},
          "filters": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        }
      }
    },
    "subtitle": {
      "type": "object",
      "selector": "{{selector}} .dtq-cta-box__subtitle",
      "elementType": "heading",
      "tagName": "h4",
      "inlineEditor": "plainText",
      "attributes": {
        "class": "dtq-cta-box__subtitle"
      },
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "headingLevel": "h4",
                  "size": "14px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "subtitle.innerContent",
            "label": "Eyebrow",
            "description": "Short line above the headline. Leave it empty to hide it.",
            "priority": 10,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": true
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSubtitle",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Eyebrow",
                  "hideTextAlign": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "title": {
      "type": "object",
      "selector": "{{selector}} .dtq-cta-box__title",
      "elementType": "heading",
      "tagName": "h2",
      "inlineEditor": "plainText",
      "attributes": {
        "class": "dtq-cta-box__title"
      },
      "childrenSanitizer": "et_core_esc_previously",
      "default": {
        "decoration": {
          "font": {
            "font": {
              "desktop": {
                "value": {
                  "headingLevel": "h2",
                  "size": "36px"
                }
              }
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "title.innerContent",
            "label": "Headline",
            "description": "The main line. Keep it to one idea.",
            "priority": 20,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": true
            },
            "component": {
              "type": "field",
              "name": "divi/text"
            }
          }
        },
        "decoration": {
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTitle",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Headline",
                  "hideTextAlign": true,
                  "fields": {
                    "headingLevel": {
                      "render": true
                    }
                  }
                }
              }
            }
          }
        }
      }
    },
    "description": {
      "type": "object",
      "selector": "{{selector}} .dtq-cta-box__desc",
      "elementType": "richText",
      "tagName": "div",
      "inlineEditor": "richText",
      "attributes": {
        "class": "dtq-cta-box__desc dtq-mce-content"
      },
      "childrenSanitizer": "et_core_esc_previously",
      "settings": {
        "innerContent": {
          "groupType": "group-item",
          "item": {
            "groupSlug": "contentText",
            "attrName": "description.innerContent",
            "label": "Body",
            "description": "Supporting copy. Leave it empty to hide it.",
            "priority": 30,
            "render": true,
            "features": {
              "sticky": false,
              "responsive": false,
              "hover": false,
              "dynamicContent": true
            },
            "component": {
              "type": "field",
              "name": "divi/richtext"
            }
          }
        },
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designDescription",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": {
                  "grouped": false,
                  "fieldLabel": "Body"
                }
              }
            }
          }
        }
      }
    },
    "btnA": {
      "type": "object",
      "selector": "{{selector}} .et_pb_button.dtq-cta-box__btn--a",
      "elementType": "button",
      "attributes": {
        "class": "dtq-btn-default dtq-cta-box__btn--a"
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "text": "Get Started",
              "linkTarget": "off"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "into-multiple-groups",
          "groups": {
            "text": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentButtons",
                "attrName": "btnA.innerContent",
                "subName": "text",
                "label": "Primary Button Text",
                "description": "Label for the main action. Clear the field to hide the button.",
                "priority": 10,
                "render": true,
                "features": {
                  "sticky": false,
                  "responsive": false,
                  "hover": false,
                  "dynamicContent": true
                },
                "component": {
                  "type": "field",
                  "name": "divi/text"
                }
              }
            },
            "link": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentButtons",
                "priority": 20,
                "render": true,
                "component": {
                  "name": "divi/button-link",
                  "type": "group",
                  "props": {
                    "grouped": false,
                    "attrName": "btnA.innerContent",
                    "fieldLabel": "Primary Button"
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "button": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designPrimaryButton",
              "attrName": "btnA.decoration.button",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/button",
                "type": "group"
              }
            }
          }
        }
      }
    },
    "btnB": {
      "type": "object",
      "selector": "{{selector}} .et_pb_button.dtq-cta-box__btn--b",
      "elementType": "button",
      "attributes": {
        "class": "dtq-btn-default dtq-cta-box__btn--b"
      },
      "default": {
        "innerContent": {
          "desktop": {
            "value": {
              "text": "Learn More",
              "linkTarget": "off"
            }
          }
        }
      },
      "settings": {
        "innerContent": {
          "groupType": "into-multiple-groups",
          "groups": {
            "text": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentButtons",
                "attrName": "btnB.innerContent",
                "subName": "text",
                "label": "Secondary Button Text",
                "description": "Label for the secondary action.",
                "priority": 50,
                "render": true,
                "features": {
                  "sticky": false,
                  "responsive": false,
                  "hover": false,
                  "dynamicContent": true
                },
                "component": {
                  "type": "field",
                  "name": "divi/text"
                }
              }
            },
            "link": {
              "groupType": "group-item",
              "item": {
                "groupSlug": "contentButtons",
                "priority": 60,
                "render": true,
                "component": {
                  "name": "divi/button-link",
                  "type": "group",
                  "props": {
                    "grouped": false,
                    "attrName": "btnB.innerContent",
                    "fieldLabel": "Secondary Button"
                  }
                }
              }
            }
          }
        },
        "decoration": {
          "button": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSecondaryButton",
              "attrName": "btnB.decoration.button",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/button",
                "type": "group"
              }
            }
          }
        }
      }
    }
  },
  "customCssFields": {
    "subtitle": {
      "subName": "subtitle",
      "selectorSuffix": " .dtq-cta-box__subtitle"
    },
    "title": {
      "subName": "title",
      "selectorSuffix": " .dtq-cta-box__title"
    },
    "description": {
      "subName": "description",
      "selectorSuffix": " .dtq-cta-box__desc"
    },
    "actions": {
      "subName": "actions",
      "selectorSuffix": " .dtq-cta-box__actions"
    },
    "primaryButton": {
      "subName": "primaryButton",
      "selectorSuffix": " .dtq-cta-box__btn--a"
    },
    "secondaryButton": {
      "subName": "secondaryButton",
      "selectorSuffix": " .dtq-cta-box__btn--b"
    }
  },
  "settings": {
    "content": "auto",
    "design": "auto",
    "advanced": "auto",
    "groups": {
      "contentText": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentText",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Text"
          }
        }
      },
      "contentButtons": {
        "panel": "content",
        "priority": 20,
        "groupName": "contentButtons",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Buttons"
          }
        }
      },
      "contentLayout": {
        "panel": "content",
        "priority": 30,
        "groupName": "contentLayout",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout"
          }
        }
      },
      "designLayout": {
        "panel": "design",
        "priority": 10,
        "groupName": "designLayout",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Layout & Overlay"
          }
        }
      },
      "designSubtitle": {
        "panel": "design",
        "priority": 20,
        "groupName": "designSubtitle",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Eyebrow Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designTitle": {
        "panel": "design",
        "priority": 30,
        "groupName": "designTitle",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Headline Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font"
          }
        }
      },
      "designDescription": {
        "panel": "design",
        "priority": 40,
        "groupName": "designDescription",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Body Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font-body"
          }
        }
      },
      "designButtons": {
        "panel": "design",
        "priority": 50,
        "groupName": "designButtons",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Button Spacing"
          }
        }
      },
      "designPrimaryButton": {
        "panel": "design",
        "priority": 60,
        "groupName": "designPrimaryButton",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Primary Button"
          }
        }
      },
      "designSecondaryButton": {
        "panel": "design",
        "priority": 70,
        "groupName": "designSecondaryButton",
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Secondary Button"
          }
        }
      }
    }
  }
}