PK KQc-A A f-contact-form.cccompAkPK 7Q\LA A component.jsonA{"UUID":"49c19a3a-ab72-4243-8946-a72bbebd1fb3","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Checkbox":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Drop Down":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Email":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Form Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML Element":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Input":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Label":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Phone Number":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Radio Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Textarea":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"URL":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3360","appId":"RSD","appVersion":3360,"buildNumber":5861,"component_resources":{"classes":24,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":1,"ids":12,"links_external":0,"links_internal":0,"local_files":0},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
Fields marked with an asterisk (*) are required.
","htmlembed":{"96":""},"mobile_first":true,"name":"f-contact-form","resources":{},"stylesheet":".container {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container.form-wrapper {\n max-width:800px;\n background-color:rgba(239, 239, 233, 1);\n padding-top:10px;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n font-size:16px;\n color:rgba(94, 89, 85, 1);\n margin-top:7px;\n margin-bottom:7px;\n line-height:1.7;\n padding-bottom:5px;\n}\n\np.paragraph.paragraph-2-1 {\n font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;\n font-size:14px;\n padding-left:20px;\n}\n\nform.form-container.form-container-1 {\n display:flex;\n flex-direction:column;\n max-width:800px;\n margin-right:auto;\n margin-left:auto;\n padding-top:10px;\n padding-bottom:10px;\n padding-right:20px;\n padding-left:20px;\n background-color:rgba(239, 239, 233, 1);\n}\n\ninput[type=text].field-1 {\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-top:5px;\n margin-bottom:12px;\n}\n\nlabel.label.label1-1 {\n border-top-left-radius:4px 4px;\n border-top-right-radius:4px 4px;\n border-bottom-right-radius:4px 4px;\n border-bottom-left-radius:4px 4px;\n margin-bottom:0px;\n margin-top:0px;\n}\n\ninput[type=tel].field {\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-top:5px;\n margin-bottom:12px;\n}\n\ninput[type=email].field {\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-top:5px;\n margin-bottom:12px;\n}\n\ninput[type=url].url-1 {\n margin-top:5px;\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-bottom:12px;\n}\n\nselect.select.drop-down-1 {\n margin-top:5px;\n font-size:14px;\n margin-bottom:12px;\n}\n\n.container.options {\n display:flex;\n margin-top:5px;\n margin-bottom:12px;\n}\n\nlabel.radio.radio-button-1 {\n margin-top:5px;\n margin-right:20px;\n}\n\nlabel.radio.radio-button-2 {\n margin-top:5px;\n margin-right:20px;\n}\n\nlabel.radio.radio-button-3-1 {\n margin-top:5px;\n margin-right:20px;\n}\n\ntextarea.textarea-1 {\n height:90px;\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-top:5px;\n margin-bottom:12px;\n}\n\n.html-element.regex-related {\n display:none;\n}\n\nlabel.checkbox.checkbox-1 {\n padding-top:8px;\n padding-right:8px;\n padding-bottom:0px;\n padding-left:8px;\n margin-top:5px;\n margin-bottom:12px;\n background-color:rgba(23, 121, 186, 1);\n color:rgba(255, 255, 255, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n}\n\n.container.container-1 {\n margin-right:auto;\n margin-left:auto;\n}\n\nbutton.button-3 {\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n margin-top:15px;\n margin-bottom:15px;\n background-color:rgba(23, 121, 186, 1);\n color:rgba(255, 255, 255, 1);\n padding-top:10px;\n padding-bottom:10px;\n padding-right:15px;\n padding-left:15px;\n}\n\n@media screen and (min-width: 32.125rem) {\n form.form-container.form-container-1 {\n flex-direction:row;\n flex-wrap:wrap;\n justify-content:space-between;\n }\n\n .container.container1-1 {\n width:48%;\n }\n\n .container.container1-1.container3 {\n width:48%;\n }\n\n label.radio.radio-button-3-1 {\n margin-right:15px;\n }\n\n .container.container2 {\n width:100%;\n }\n\n .container.container-2-1 {\n width:100%;\n }\n\n .container.input-container-3 {\n width:100%;\n }\n\n button.button-3 {\n margin-top:10px;\n }\n}\n\n@media screen and (min-width: 40rem) {\n .container.form-wrapper {\n margin-right:auto;\n margin-left:auto;\n }\n\n form.form-container.form-container-1 {\n flex-direction:row;\n flex-wrap:wrap;\n justify-content:space-between;\n }\n\n .container.container1-1 {\n width:30%;\n margin-right:10px;\n margin-left:10px;\n }\n\n label.label.label1-1 {\n display:inline;\n }\n\n input[type=email].field {\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n }\n\n .container.container1-1.container3 {\n display:block;\n width:46%;\n }\n\n input[type=url].url-1 {\n margin-top:10px;\n }\n\n .container.container3-1 {\n width:40%;\n }\n\n .container.options {\n display:flex;\n justify-content:flex-start;\n }\n\n label.radio.radio-button-1 {\n display:inline;\n margin-right:15px;\n margin-top:5px;\n }\n\n label.radio.radio-button-2 {\n display:inline;\n margin-top:5px;\n margin-right:15px;\n }\n\n label.radio.radio-button-3-1 {\n display:inline;\n margin-top:5px;\n }\n\n .container.container2 {\n width:100%;\n min-height:150px;\n }\n\n .container.container1-1.container2 {\n min-height:0px;\n }\n\n textarea.textarea-1 {\n height:100px;\n }\n\n .container.container-1 {\n align-self:center;\n margin-right:auto;\n margin-left:auto;\n }\n\n button.button-3 {\n margin-right:auto;\n margin-left:auto;\n margin-top:10px;\n }\n}\n\n@media screen and (min-width: 64rem) {\n .container.form-wrapper {\n max-width:800px;\n margin-right:auto;\n margin-left:auto;\n padding-top:10px;\n margin-top:0px;\n }\n\n p.paragraph.paragraph-2-1 {\n font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;\n font-size:14px;\n padding-left:20px;\n }\n\n form.form-container.form-container-1 {\n background-color:rgba(239, 239, 233, 1);\n padding-bottom:20px;\n }\n\n input[type=text].field-1 {\n border-top-left-radius:4px 4px;\n border-top-right-radius:4px 4px;\n border-bottom-right-radius:4px 4px;\n border-bottom-left-radius:4px 4px;\n margin-top:5px;\n }\n\n label.label.label1-1 {\n margin-bottom:0px;\n }\n\n input[type=tel].field {\n border-top-left-radius:4px 4px;\n border-top-right-radius:4px 4px;\n border-bottom-right-radius:4px 4px;\n border-bottom-left-radius:4px 4px;\n margin-top:5px;\n }\n\n input[type=email].field {\n border-top-left-radius:3px 3px;\n border-top-right-radius:3px 3px;\n border-bottom-right-radius:3px 3px;\n border-bottom-left-radius:3px 3px;\n margin-top:5px;\n }\n\n .container.container1-1.container3 {\n width:47%;\n max-width:400px;\n }\n\n input[type=url].url-1 {\n margin-top:5px;\n }\n\n select.select.drop-down-1 {\n margin-top:5px;\n max-height:400px;\n }\n\n .container.options {\n margin-top:5px;\n }\n\n label.radio.radio-button-1 {\n margin-right:15px;\n }\n\n label.radio.radio-button-3-1 {\n margin-right:15px;\n }\n\n .container.container1-1.container2 {\n min-height:0px;\n }\n\n textarea.textarea-1 {\n border-top-left-radius:4px 4px;\n border-top-right-radius:4px 4px;\n border-bottom-right-radius:4px 4px;\n border-bottom-left-radius:4px 4px;\n margin-top:5px;\n height:90px;\n }\n\n .container.container-2-1 {\n margin-right:10px;\n max-width:none;\n width:100%;\n margin-left:10px;\n }\n\n .html-element.regex-related {\n display:none;\n }\n\n .container.input-container-3 {\n margin-right:10px;\n margin-left:10px;\n margin-bottom:15px;\n }\n\n label.checkbox.checkbox-1 {\n padding-top:8px;\n padding-right:8px;\n padding-bottom:0px;\n padding-left:8px;\n margin-top:5px;\n background-color:rgba(23, 121, 186, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n }\n\n .container.container-1 {\n background-color:rgba(23, 121, 186, 1);\n }\n\n button.button-3 {\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n margin-left:auto;\n margin-right:auto;\n display:inline-block;\n text-align:center;\n align-self:flex-start;\n padding-right:16px;\n padding-left:16px;\n color:rgba(255, 255, 255, 1);\n margin-bottom:0px;\n margin-top:0px;\n }\n}","timestamp":1608404962200,"type":"Container","units":"rem"}
PK 7Q\LA A component.jsonPK <