{
    "@import": [
        "../../builder/config/customizer.json",
        "../../styler/config/customizer.json",
        "../../theme-cookie/config/customizer.json",
        "../../theme-settings/config/customizer.json"
    ],
    "base": "${.theme.base}",
    "name": "${.theme.name}",
    "version": "${.theme.options.version}",
    "help": "https://yootheme.com",
    "api": "https://yootheme.com/api",
    "sections": {
        "layout": {
            "title": "Layout",
            "priority": 10,
            "help": "${theme.help_layout}",
            "fields": {
                "layout": {
                    "type": "menu",
                    "items": {
                        "site": "Site",
                        "header": "Header",
                        "mobile": "Mobile",
                        "top": "Top",
                        "sidebar": "Sidebar",
                        "bottom": "Bottom",
                        "footer-builder": "Footer",
                        "system-blog": "Blog",
                        "system-post": "Post"
                    }
                }
            }
        }
    },
    "panels": {
        "site": {
            "title": "Site",
            "width": 400,
            "fields": {
                "logo.text": {
                    "label": "Logo Text",
                    "description": "The logo text will be used, if no logo image has been picked."
                },
                "logo.image": {
                    "label": "Logo Image",
                    "description": "Select your logo image.",
                    "type": "image"
                },
                "logo.image_dimension": {
                    "type": "grid",
                    "description": "Setting just one value preserves the original proportions. The image will be resized and cropped automatically and where possible, high resolution images will be auto-generated.",
                    "fields": {
                        "logo.image_width": {
                            "label": "Width",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        },
                        "logo.image_height": {
                            "label": "Height",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        }
                    },
                    "show": "logo.image || logo.image_inverse"
                },
                "logo.image_inverse": {
                    "label": "Inverse Logo (Optional)",
                    "description": "Select an alternative logo with inversed color, e.g. white, for better visibility on dark backgrounds. It will be displayed automatically, if needed.",
                    "type": "image"
                },
                "logo.image_mobile": {
                    "label": "Mobile Logo (Optional)",
                    "description": "Select an alternative logo, which will be used on small devices.",
                    "type": "image"
                },
                "logo.image_mobile_dimension": {
                    "type": "grid",
                    "description": "Setting just one value preserves the original proportions. The image will be resized and cropped automatically and where possible, high resolution images will be auto-generated.",
                    "fields": {
                        "logo.image_mobile_width": {
                            "label": "Width",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        },
                        "logo.image_mobile_height": {
                            "label": "Height",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        }
                    },
                    "show": "logo.image_mobile"
                },
                "site.layout": {
                    "label": "Layout",
                    "type": "select",
                    "options": {
                        "Full Width": "full",
                        "Boxed": "boxed"
                    }
                },
                "site.boxed.alignment": {
                    "type": "checkbox",
                    "text": "Center",
                    "enable": "site.layout == 'boxed'"
                },
                "site.boxed.margin_top": {
                    "type": "checkbox",
                    "text": "Add top margin",
                    "enable": "site.layout == 'boxed'"
                },
                "site.boxed.margin_bottom": {
                    "type": "checkbox",
                    "text": "Add bottom margin",
                    "enable": "site.layout == 'boxed'"
                },
                "site.boxed.header_outside": {
                    "type": "checkbox",
                    "text": "Display header outside the container",
                    "enable": "site.layout == 'boxed'"
                },
                "site.boxed.media": {
                    "label": "Image",
                    "description": "Upload an optional background image that covers the page. It will be fixed while scrolling.",
                    "type": "image",
                    "enable": "site.layout == 'boxed'"
                },
                "site.boxed._media": {
                    "type": "button-panel",
                    "panel": "site-media",
                    "text": "Edit Settings",
                    "show": "site.layout == 'boxed' && site.boxed.media"
                },
                "site.boxed.header_transparent": {
                    "label": "Transparent Header",
                    "description": "Make the header transparent and overlay the page background.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Overlay (Light)": "light",
                        "Overlay (Dark)": "dark"
                    },
                    "enable": "site.layout == 'boxed' && site.boxed.header_outside"
                },
                "site.toolbar_width": {
                    "label": "Toolbar",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Small": "small",
                        "Large": "large",
                        "Expand": "expand"
                    }
                },
                "site.toolbar_center": {
                    "type": "checkbox",
                    "text": "Center"
                },
                "site.toolbar_transparent": {
                    "type": "checkbox",
                    "text": "Inherit transparency from header"
                },
                "site.breadcrumbs": {
                    "label": "Breadcrumbs",
                    "type": "checkbox",
                    "text": "Display the breadcrumb navigation"
                }
            },
            "help": {
                "Site": [
                    {
                        "title": "Logo",
                        "src": "site/docs/yootheme-pro/site-and-logo/${app.platform}/videos/logo.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/site-and-logo#logo",
                        "support": "support/search?tags=125&q=logo"
                    },
                    {
                        "title": "Layout",
                        "src": "site/docs/yootheme-pro/site-and-logo/${app.platform}/videos/layout.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/site-and-logo#layout",
                        "support": "support/search?tags=125&q=site%20layout"
                    },
                    {
                        "title": "Toolbar",
                        "src": "site/docs/yootheme-pro/site-and-logo/${app.platform}/videos/toolbar.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/site-and-logo#toolbar",
                        "support": "support/search?tags=125&q=toolbar"
                    },
                    {
                        "title": "Breadcrumbs",
                        "src": "site/docs/yootheme-pro/site-and-logo/${app.platform}/videos/breadcrumbs.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/site-and-logo#breadcrumbs",
                        "support": "support/search?tags=125&q=breadcrumbs"
                    }
                ],
                "Image Field": [
                    {
                        "title": "Images",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/images.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#images",
                        "support": "support/search?tags=125&q=image%20field"
                    },
                    {
                        "title": "Media Manager",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/media-manager.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#media-manager",
                        "support": "support/search?tags=125&q=media%20manager"
                    },
                    {
                        "title": "Unsplash Library",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/unsplash.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#unsplash-library",
                        "support": "support/search?tags=125&q=unsplash"
                    }
                ]
            }
        },
        "site-media": {
            "title": "Image",
            "width": 400,
            "fields": {
                "site.image_dimension": {
                    "type": "grid",
                    "description": "Set the width and height in pixels (e.g. 600). Setting just one value preserves the original proportions. The image will be resized and cropped automatically.",
                    "fields": {
                        "site.image_width": {
                            "label": "Width",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        },
                        "site.image_height": {
                            "label": "Height",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        }
                    }
                },
                "site.image_size": {
                    "label": "Image Size",
                    "description": "Determine whether the image will fit the page dimensions by clipping it or by filling the empty areas with the background color.",
                    "type": "select",
                    "options": {
                        "Auto": "",
                        "Cover": "cover",
                        "Contain": "contain"
                    }
                },
                "site.image_position": {
                    "label": "Image Position",
                    "description": "Set the initial background position, relative to the page layer.",
                    "type": "select",
                    "options": {
                        "Top Left": "top-left",
                        "Top Center": "top-center",
                        "Top Right": "top-right",
                        "Center Left": "center-left",
                        "Center Center": "center-center",
                        "Center Right": "center-right",
                        "Bottom Left": "bottom-left",
                        "Bottom Center": "bottom-center",
                        "Bottom Right": "bottom-right"
                    }
                },
                "site.image_effect": {
                    "label": "Image Effect",
                    "description": "Add a parallax effect or fix the background with regard to the viewport while scrolling.",
                    "type": "select",
                    "options": {
                        "None": "",
                        "Parallax": "parallax",
                        "Fixed": "fixed"
                    }
                },
                "site._image_parallax_bgx": {
                    "type": "grid",
                    "fields": {
                        "site.image_parallax_bgx_start": {
                            "label": "Horizontal Start",
                            "type": "range",
                            "attrs": {
                                "min": -600,
                                "max": 600,
                                "step": 10
                            }
                        },
                        "site.image_parallax_bgx_end": {
                            "label": "Horizontal End",
                            "type": "range",
                            "attrs": {
                                "min": -600,
                                "max": 600,
                                "step": 10
                            }
                        }
                    },
                    "show": "site.image_effect == 'parallax'"
                },
                "site._image_parallax_bgy": {
                    "type": "grid",
                    "fields": {
                        "site.image_parallax_bgy_start": {
                            "label": "Vertical Start",
                            "type": "range",
                            "attrs": {
                                "min": -600,
                                "max": 600,
                                "step": 10
                            }
                        },
                        "site.image_parallax_bgy_end": {
                            "label": "Vertical End",
                            "type": "range",
                            "attrs": {
                                "min": -600,
                                "max": 600,
                                "step": 10
                            }
                        }
                    },
                    "show": "site.image_effect == 'parallax'"
                },
                "site.image_parallax_easing": {
                    "label": "Parallax Easing",
                    "description": "Set the animation easing. Zero transitions at an even speed, a positive value starts off quickly while a negative value starts off slowly.",
                    "type": "range",
                    "attrs": {
                        "min": -2,
                        "max": 2,
                        "step": 0.1
                    },
                    "show": "site.image_effect == 'parallax'"
                },
                "site.image_parallax_breakpoint": {
                    "label": "Parallax Breakpoint",
                    "description": "Display the parallax effect only on this device width and larger.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Always": "",
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "x"
                    },
                    "show": "site.image_effect == 'parallax'"
                },
                "site.image_visibility": {
                    "label": "Visibility",
                    "description": "Display the image only on this device width and larger.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Always": "",
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "xl"
                    }
                },
                "site.media_background": {
                    "label": "Background Color",
                    "description": "Use the background color in combination with blend modes, a transparent image or to fill the area if the image doesn't cover the whole page.",
                    "type": "color"
                },
                "site.media_blend_mode": {
                    "label": "Blend Mode",
                    "description": "Determine how the image will blend with the background color.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Normal": "",
                        "Multiply": "multiply",
                        "Screen": "screen",
                        "Overlay": "overlay",
                        "Darken": "darken",
                        "Lighten": "lighten",
                        "Color-dodge": "color-dodge",
                        "Color-burn": "color-burn",
                        "Hard-light": "hard-light",
                        "Soft-light": "soft-light",
                        "Difference": "difference",
                        "Exclusion": "exclusion",
                        "Hue": "hue",
                        "Saturation": "saturation",
                        "Color": "color",
                        "Luminosity": "luminosity"
                    }
                },
                "site.media_overlay": {
                    "label": "Overlay Color",
                    "description": "Set an additional transparent overlay to soften the image.",
                    "type": "color"
                }
            }
        },
        "header": {
            "title": "Header",
            "width": 400,
            "fields": {
                "header.layout": {
                    "label": "Layout",
                    "title": "Select header layout",
                    "type": "select-img",
                    "options": {
                        "horizontal-left": {
                            "label": "Horizontal Left",
                            "src": "$ASSETS/images/header/horizontal-left.svg"
                        },
                        "horizontal-center": {
                            "label": "Horizontal Center",
                            "src": "$ASSETS/images/header/horizontal-center.svg"
                        },
                        "horizontal-right": {
                            "label": "Horizontal Right",
                            "src": "$ASSETS/images/header/horizontal-right.svg"
                        },
                        "horizontal-center-logo": {
                            "label": "Horizontal Center Logo",
                            "src": "$ASSETS/images/header/horizontal-center-logo.svg"
                        },
                        "stacked-center-a": {
                            "label": "Stacked Center A",
                            "src": "$ASSETS/images/header/stacked-center-a.svg"
                        },
                        "stacked-center-b": {
                            "label": "Stacked Center B",
                            "src": "$ASSETS/images/header/stacked-center-b.svg"
                        },
                        "stacked-center-split": {
                            "label": "Stacked Center Split",
                            "src": "$ASSETS/images/header/stacked-center-split.svg"
                        },
                        "stacked-left-a": {
                            "label": "Stacked Left A",
                            "src": "$ASSETS/images/header/stacked-left-a.svg"
                        },
                        "stacked-left-b": {
                            "label": "Stacked Left B",
                            "src": "$ASSETS/images/header/stacked-left-b.svg"
                        },
                        "offcanvas-top-a": {
                            "label": "Offcanvas Top A",
                            "src": "$ASSETS/images/header/offcanvas-top-a.svg"
                        },
                        "offcanvas-top-b": {
                            "label": "Offcanvas Top B",
                            "src": "$ASSETS/images/header/offcanvas-top-b.svg"
                        },
                        "offcanvas-center-a": {
                            "label": "Offcanvas Center A",
                            "src": "$ASSETS/images/header/offcanvas-center-a.svg"
                        },
                        "offcanvas-center-b": {
                            "label": "Offcanvas Center B",
                            "src": "$ASSETS/images/header/offcanvas-center-b.svg"
                        },
                        "modal-top-a": {
                            "label": "Modal Top A",
                            "src": "$ASSETS/images/header/modal-top-a.svg"
                        },
                        "modal-top-b": {
                            "label": "Modal Top B",
                            "src": "$ASSETS/images/header/modal-top-b.svg"
                        },
                        "modal-center-a": {
                            "label": "Modal Center A",
                            "src": "$ASSETS/images/header/modal-center-a.svg"
                        },
                        "modal-center-b": {
                            "label": "Modal Center B",
                            "src": "$ASSETS/images/header/modal-center-b.svg"
                        }
                    }
                },
                "header.logo_center": {
                    "type": "checkbox",
                    "text": "Center logo",
                    "show": "$match(header.layout, '^offcanvas') || $match(header.layout, '^modal')"
                },
                "header.width": {
                    "label": "Max Width",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Small": "small",
                        "Large": "large",
                        "Expand": "expand"
                    }
                },
                "header.logo_padding_remove": {
                    "description": "Set the maximum header width.",
                    "type": "checkbox",
                    "text": "Remove left logo padding",
                    "enable": "header.width == 'expand' && !$match(header.layout, '^stacked|^horizontal-center-logo') && !(header.logo_center && ($match(header.layout, '^offcanvas|^modal')))"
                },
                "navbar.sticky": {
                    "label": "Navbar",
                    "description": "Let the navbar stick at the top of the viewport while scrolling or only when scrolling up.",
                    "type": "select",
                    "default": 0,
                    "options": {
                        "Static": 0,
                        "Sticky": 1,
                        "Sticky on scroll up": 2
                    }
                },
                "navbar.style": {
                    "label": "Navbar Style",
                    "description": "Select the navbar style.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Default": "",
                        "Primary": "primary"
                    }
                },
                "navbar.items": {
                    "label": "Navbar Items",
                    "description": "Enter a subtitle, set the dropdown width and the number of dropdown columns for each navbar item.",
                    "type": "button-panel",
                    "text": "Edit Items",
                    "panel": "navbar-items"
                },
                "navbar.dropdown_align": {
                    "label": "Dropdown",
                    "type": "select",
                    "options": {
                        "Left": "left",
                        "Right": "right",
                        "Center": "center"
                    },
                    "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                },
                "navbar.dropdown_boundary": {
                    "type": "checkbox",
                    "text": "Align to navbar instead of the menu item",
                    "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                },
                "navbar.dropdown_click": {
                    "description": "Select the dropdown's alignment to the menu item or the navbar. If the dropdown sticks out of the viewport, it will be flipped automatically.",
                    "type": "checkbox",
                    "text": "Enable click mode on text items",
                    "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                },
                "navbar.dropbar": {
                    "label": "Dropbar",
                    "description": "The dropbar converts the classic dropdown to a full-width section. The Push option behaves the same as Slide, if a transparent overlay header is enabled.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Slide": "slide",
                        "Push": "push"
                    },
                    "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                },
                "navbar.toggle_text": {
                    "label": "Menu Toggle",
                    "type": "checkbox",
                    "text": "Show the menu text next to the icon",
                    "show": "$match(header.layout, '^offcanvas') || $match(header.layout, '^modal')"
                },
                "navbar.toggle_menu_style": {
                    "label": "Menu Style",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Primary": "primary"
                    },
                    "show": "$match(header.layout, '^offcanvas') || $match(header.layout, '^modal')"
                },
                "navbar.toggle_menu_center": {
                    "description": "Select the style and text alignment for the menu in the offcanvas bar or modal window.",
                    "type": "checkbox",
                    "text": "Center horizontally",
                    "show": "$match(header.layout, '^offcanvas') || $match(header.layout, '^modal')"
                },
                "navbar.offcanvas.mode": {
                    "label": "Offcanvas Mode",
                    "type": "select",
                    "options": {
                        "Slide": "slide",
                        "Reveal": "reveal",
                        "Push": "push"
                    },
                    "show": "$match(header.layout, '^offcanvas')"
                },
                "navbar.offcanvas.overlay": {
                    "type": "checkbox",
                    "text": "Overlay the site",
                    "show": "$match(header.layout, '^offcanvas')"
                },
                "header.search": {
                    "label": "Search",
                    "description": "Select the position that will display the search.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Hide": "",
                        "Header": "header",
                        "Navbar": "navbar"
                    }
                },
                "header.search_style": {
                    "label": "Search Style",
                    "description": "Select the search style.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Default": "",
                        "Modal": "modal"
                    },
                    "show": "header.search && $match(header.layout, '^(horizontal|stacked)')"
                },
                "header.social": {
                    "label": "Social Icons",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Hide": "",
                        "Toolbar Left": "toolbar-left",
                        "Toolbar Right": "toolbar-right",
                        "Header": "header",
                        "Navbar": "navbar"
                    }
                },
                "header.social_links": {
                    "type": "button-panel",
                    "text": "Edit Links",
                    "panel": "social-links"
                },
                "header.social_target": {
                    "type": "checkbox",
                    "text": "Open in a new window"
                },
                "header.social_style": {
                    "type": "checkbox",
                    "text": "Display icons as buttons",
                    "description": "Select the position that will display the social icons. Be sure to add your social profile links or no icons can be displayed."
                }
            },
            "help": [
                {
                    "title": "Header Layout",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/layout.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#header-layout",
                    "support": "support/search?tags=125&q=header%20layout"
                },
                {
                    "title": "Navbar",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/navbar.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#navbar",
                    "support": "support/search?tags=125&q=navbar"
                },
                {
                    "title": "Navbar Subtitles",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/navbar-subtitles.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#subtitles",
                    "support": "support/search?tags=125&q=navbar%20subtitles"
                },
                {
                    "title": "Dropdown Layout",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/layout-dropdown.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#dropdown-layout",
                    "support": "support/search?tags=125&q=navbar%20dropdown%20layout"
                },
                {
                    "title": "Offcanvas Layout",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/layout-offcanvas.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#offcanvas-layout",
                    "support": "support/search?tags=125&q=navbar%20offcanvas%20layout"
                },
                {
                    "title": "Modal Layout",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/layout-modal.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#modal-layout",
                    "support": "support/search?tags=125&q=navbar%20modal%20layout"
                },
                {
                    "title": "Search",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/search.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#search",
                    "support": "support/search?tags=125&q=header%20search"
                },
                {
                    "title": "Social Icons",
                    "src": "site/docs/yootheme-pro/header-and-navbar/${app.platform}/videos/social-icons.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/header-and-navbar#social-icons",
                    "support": "support/search?tags=125&q=header%20social"
                }
            ]
        },
        "navbar-items": {
            "title": "Navbar Items",
            "width": 400,
            "fields": {
                "items": {
                    "type": "menu-items",
                    "position": "navbar",
                    "fields": {
                        "subtitle": {
                            "label": "Subtitle",
                            "description": "Enter a subtitle that will be displayed beneath the nav item.",
                            "type": "text"
                        },
                        "columns": {
                            "label": "Columns",
                            "description": "Split the dropdown into columns.",
                            "type": "select",
                            "level": 0,
                            "default": 1,
                            "options": {
                                "1": 1,
                                "2": 2,
                                "3": 3,
                                "4": 4,
                                "5": 5
                            },
                            "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                        },
                        "justify": {
                            "label": "Width",
                            "description": "The justified dropdown expands to the navbar boundary.",
                            "type": "checkbox",
                            "text": "Justify dropdown",
                            "show": "$match(header.layout, '^horizontal') || $match(header.layout, '^stacked')"
                        }
                    }
                }
            }
        },
        "social-links": {
            "title": "Social Links",
            "width": 400,
            "fields": {
                "social_links.0": {
                    "label": "Links",
                    "attrs": {
                        "placeholder": "http://"
                    }
                },
                "social_links.1": {
                    "attrs": {
                        "placeholder": "http://"
                    }
                },
                "social_links.2": {
                    "attrs": {
                        "placeholder": "http://"
                    }
                },
                "social_links.3": {
                    "attrs": {
                        "placeholder": "http://"
                    }
                },
                "social_links.4": {
                    "description": "Enter up to 5 links to your social profiles. A corresponding <a href=\"https://getuikit.com/docs/icon\" target=\"_blank\">UIkit brand icon</a> will be displayed automatically, if available. Links to email addresses and phone numbers, like mailto:info@example.com or tel:+491570156, are also supported.",
                    "attrs": {
                        "placeholder": "http://"
                    }
                }
            }
        },
        "mobile": {
            "title": "Mobile",
            "width": 400,
            "fields": {
                "mobile.breakpoint": {
                    "label": "Breakpoint",
                    "description": "Select the device size that will replace the default header with the mobile header.",
                    "type": "select",
                    "options": {
                        "Small": "s",
                        "Medium": "m",
                        "Large": "l"
                    }
                },
                "mobile.sticky": {
                    "label": "Navbar",
                    "description": "Let the navbar stick at the top of the viewport while scrolling or only when scrolling up.",
                    "type": "select",
                    "default": 0,
                    "options": {
                        "Static": 0,
                        "Sticky": 1,
                        "Sticky on scroll up": 2
                    }
                },
                "mobile.logo": {
                    "label": "Logo",
                    "type": "select",
                    "options": {
                        "Hide": "",
                        "Left": "left",
                        "Center": "center",
                        "Right": "right"
                    }
                },
                "mobile.logo_padding_remove": {
                    "type": "checkbox",
                    "text": "Remove logo padding",
                    "show": "mobile.logo == 'left' || mobile.logo == 'right'"
                },
                "mobile.logo_description": {
                    "description": "Select the alignment of the logo.",
                    "type": "description"
                },
                "mobile.toggle": {
                    "label": "Menu Toggle",
                    "type": "select",
                    "options": {
                        "Hide": "",
                        "Left": "left",
                        "Right": "right"
                    }
                },
                "mobile.toggle_text": {
                    "description": "Select the alignment of the menu toggle icon. The toggle will only show up, if content is published in the mobile position.",
                    "type": "checkbox",
                    "text": "Show the menu text next to the icon",
                    "show": "mobile.toggle"
                },
                "mobile.menu_style": {
                    "label": "Menu Style",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Primary": "primary"
                    }
                },
                "mobile.menu_center": {
                    "description": "Select the navigation style and text alignment.",
                    "type": "checkbox",
                    "text": "Center horizontally"
                },
                "mobile.animation": {
                    "label": "Menu Animation",
                    "description": "Select the menu type displayed in the mobile position.",
                    "type": "select",
                    "options": {
                        "Offcanvas": "offcanvas",
                        "Modal": "modal",
                        "Dropdown": "dropdown"
                    }
                },
                "mobile.menu_center_vertical": {
                    "type": "checkbox",
                    "text": "Center vertically",
                    "show": "mobile.animation == 'offcanvas' || mobile.animation == 'modal'"
                },
                "mobile.offcanvas.mode": {
                    "label": "Offcanvas Mode",
                    "type": "select",
                    "options": {
                        "Slide": "slide",
                        "Reveal": "reveal",
                        "Push": "push"
                    },
                    "show": "mobile.animation == 'offcanvas'"
                },
                "mobile.offcanvas.flip": {
                    "type": "checkbox",
                    "text": "Display on the right",
                    "show": "mobile.animation == 'offcanvas'"
                },
                "mobile.dropdown": {
                    "label": "Dropdown Animation",
                    "type": "select",
                    "options": {
                        "Slide": "slide",
                        "Push": "push"
                    },
                    "show": "mobile.animation == 'dropdown'"
                }
            },
            "help": [
                {
                    "title": "Breakpoint",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/breakpoint.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#breakpoint",
                    "support": "support/search?tags=125&q=mobile%20header%20breakpoint"
                },
                {
                    "title": "Navbar",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/navbar.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#navbar",
                    "support": "support/search?tags=125&q=mobile%20header%20navbar"
                },
                {
                    "title": "Logo and Menu Toggle",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/logo-and-menu-toggle.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#logo-and-menu-toggle",
                    "support": "support/search?tags=125&q=mobile%20header%20logo"
                },
                {
                    "title": "Menu Style",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/menu-style.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#menu-style",
                    "support": "support/search?tags=125&q=mobile%20header%20menu%20style"
                },
                {
                    "title": "Offcanvas Menu",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/menu-animation-offcanvas.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#offcanvas",
                    "support": "support/search?tags=125&q=mobile%20header%20offcanvas"
                },
                {
                    "title": "Modal Menu",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/menu-animation-modal.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#modal",
                    "support": "support/search?tags=125&q=mobile%20header%20modal"
                },
                {
                    "title": "Dropdown Menu",
                    "src": "site/docs/yootheme-pro/mobile-header/${app.platform}/videos/menu-animation-dropdown.mp4",
                    "documentation": "support/yootheme-pro/${app.platform}/mobile-header#dropdown",
                    "support": "support/search?tags=125&q=mobile%20header%20dropdown"
                }
            ]
        },
        "top": {
            "title": "Top",
            "width": 400,
            "fields": {
                "top.style": {
                    "label": "Style",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Muted": "muted",
                        "Primary": "primary",
                        "Secondary": "secondary"
                    }
                },
                "top.overlap": {
                    "type": "checkbox",
                    "description": "Sections will only overlap each other, if it's supported by the style. Otherwise it has no visual effect.",
                    "text": "Overlap the following section"
                },
                "top.image": {
                    "label": "Image",
                    "description": "Upload a background image.",
                    "type": "image",
                    "show": "!top.video"
                },
                "top.video": {
                    "label": "Video",
                    "description": "Select a video file or enter a link from <a href=\"https://www.youtube.com\" target=\"_blank\">YouTube</a> or <a href=\"https://vimeo.com\" target=\"_blank\">Vimeo</a>.",
                    "type": "video",
                    "show": "!top.image"
                },
                "top.media": {
                    "type": "button-panel",
                    "text": "Edit Settings",
                    "panel": "top-media",
                    "show": "(top.image || top.video)"
                },
                "top.preserve_color": {
                    "label": "Text Color",
                    "description": "Disable automatic text recoloring, for example when you use cards inside sections.",
                    "type": "checkbox",
                    "text": "Preserve color",
                    "show": "top.style == 'primary' || top.style == 'secondary'"
                },
                "top.text_color": {
                    "label": "Text Color",
                    "description": "Set light or dark color mode for text, buttons and controls.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Light": "light",
                        "Dark": "dark"
                    },
                    "show": "top.style != 'primary' && top.style != 'secondary' && (top.image || top.video)"
                },
                "top.width": {
                    "label": "Max Width",
                    "description": "Set the maximum content width.",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Small": "small",
                        "Large": "large",
                        "Expand": "expand",
                        "None": ""
                    }
                },
                "top.height": {
                    "label": "Height",
                    "description": "Enabling viewport height on a section that directly follows the header will subtract the header's height from it. On short pages, a section can be expanded to fill the browser window.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Viewport": "full",
                        "Viewport (Minus 20%)": "percent",
                        "Viewport (Minus the following section)": "section",
                        "Expand": "expand"
                    }
                },
                "top.padding": {
                    "label": "Padding",
                    "description": "Set the vertical padding.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Default": "",
                        "X-Small": "xsmall",
                        "Small": "small",
                        "Large": "large",
                        "X-Large": "xlarge",
                        "None": "none"
                    }
                },
                "top.padding_remove_top": {
                    "type": "checkbox",
                    "text": "Remove top padding",
                    "enable": "top.padding != 'none'"
                },
                "top.padding_remove_bottom": {
                    "type": "checkbox",
                    "text": "Remove bottom padding",
                    "enable": "top.padding != 'none'"
                },
                "top.header_transparent": {
                    "label": "Transparent Header",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Overlay (Light)": "light",
                        "Overlay (Dark)": "dark"
                    }
                },
                "top.header_transparent_noplaceholder": {
                    "description": "Make the header transparent and overlay the section background. Select dark or light text. Note: This only applies, if the section directly follows the header.",
                    "type": "checkbox",
                    "text": "Pull content beneath navbar",
                    "enable": "top.header_transparent"
                },
                "top.column_gap": {
                    "label": "Column Gap",
                    "description": "Set the size of the gap between the grid columns.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Small": "small",
                        "Medium": "medium",
                        "Default": "",
                        "Large": "large",
                        "None": "collapse"
                    }
                },
                "top.row_gap": {
                    "label": "Row Gap",
                    "description": "Set the size of the gap between the grid rows.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Small": "small",
                        "Medium": "medium",
                        "Default": "",
                        "Large": "large",
                        "None": "collapse"
                    }
                },
                "top.divider": {
                    "label": "Divider",
                    "description": "Show a divider between grid columns.",
                    "type": "checkbox",
                    "text": "Show dividers",
                    "enable": "top.column_gap != 'collapse' && top.row_gap != 'collapse'"
                },
                "top.vertical_align": {
                    "label": "Vertical Alignment",
                    "description": "Align the section content vertically, if the section height is larger than the content itself.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Top": "",
                        "Middle": "middle",
                        "Bottom": "bottom"
                    },
                    "show": "top.height == 'full' || height == 'percent' || height == 'section'"
                },
                "top.match": {
                    "label": "Panels",
                    "description": "Stretch the panel to match the height of the grid cell.",
                    "type": "checkbox",
                    "text": "Match height"
                },
                "top.breakpoint": {
                    "label": "Breakpoint",
                    "description": "Set the breakpoint from which grid items will stack.",
                    "type": "select",
                    "options": {
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "xl"
                    }
                }
            },
            "help": {
                "Top and Bottom": [
                    {
                        "title": "Top and Bottom",
                        "src": "site/docs/yootheme-pro/top-bottom-and-sidebar/${app.platform}/videos/top-and-bottom.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/top-bottom-and-sidebar#top-and-bottom",
                        "support": "support/search?tags=125&q=top%20bottom%20position%20settings"
                    }
                ],
                "Image Field": [
                    {
                        "title": "Images",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/images.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#images",
                        "support": "support/search?tags=125&q=image%20field"
                    },
                    {
                        "title": "Media Manager",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/media-manager.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#media-manager",
                        "support": "support/search?tags=125&q=media%20manager"
                    },
                    {
                        "title": "Unsplash Library",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/unsplash.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#unsplash-library",
                        "support": "support/search?tags=125&q=unsplash"
                    }
                ]
            }
        },
        "top-media": {
            "title": "Image/Video",
            "width": 400,
            "fields": {
                "top.image_dimension": {
                    "type": "grid",
                    "description": "Set the width and height in pixels (e.g. 600). Setting just one value preserves the original proportions. The image will be resized and cropped automatically.",
                    "fields": {
                        "top.image_width": {
                            "label": "Width",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        },
                        "top.image_height": {
                            "label": "Height",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        }
                    },
                    "show": "top.image && !top.video"
                },
                "top.image_size": {
                    "label": "Image Size",
                    "description": "Determine whether the image will fit the section dimensions by clipping it or by filling the empty areas with the background color.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Auto": "",
                        "Cover": "cover",
                        "Contain": "contain"
                    },
                    "show": "top.image && !top.video"
                },
                "top.image_position": {
                    "label": "Image Position",
                    "description": "Set the initial background position, relative to the section layer.",
                    "type": "select",
                    "options": {
                        "Top Left": "top-left",
                        "Top Center": "top-center",
                        "Top Right": "top-right",
                        "Center Left": "center-left",
                        "Center Center": "center-center",
                        "Center Right": "center-right",
                        "Bottom Left": "bottom-left",
                        "Bottom Center": "bottom-center",
                        "Bottom Right": "bottom-right"
                    },
                    "show": "top.image && !top.video"
                },
                "top.image_fixed": {
                    "label": "Image Attachment",
                    "text": "Fix the background with regard to the viewport.",
                    "type": "checkbox",
                    "show": "top.image && !top.video"
                },
                "top.image_visibility": {
                    "label": "Visibility",
                    "description": "Display the image only on this device width and larger.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Always": "",
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "xl"
                    },
                    "show": "top.image && !top.video"
                },
                "top.video_dimension": {
                    "type": "grid",
                    "description": "Set the video dimensions.",
                    "fields": {
                        "video_width": {
                            "label": "Width",
                            "default": "",
                            "width": "1-2"
                        },
                        "video_height": {
                            "label": "Height",
                            "default": "",
                            "width": "1-2"
                        }
                    },
                    "show": "top.video && !top.image"
                },
                "top.media_background": {
                    "label": "Background Color",
                    "description": "Use the background color in combination with blend modes, a transparent image or to fill the area, if the image doesn't cover the whole section.",
                    "type": "color"
                },
                "top.media_blend_mode": {
                    "label": "Blend Mode",
                    "description": "Determine how the image or video will blend with the background color.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Normal": "",
                        "Multiply": "multiply",
                        "Screen": "screen",
                        "Overlay": "overlay",
                        "Darken": "darken",
                        "Lighten": "lighten",
                        "Color-dodge": "color-dodge",
                        "Color-burn": "color-burn",
                        "Hard-light": "hard-light",
                        "Soft-light": "soft-light",
                        "Difference": "difference",
                        "Exclusion": "exclusion",
                        "Hue": "hue",
                        "Saturation": "saturation",
                        "Color": "color",
                        "Luminosity": "luminosity"
                    }
                },
                "top.media_overlay": {
                    "label": "Overlay Color",
                    "description": "Set an additional transparent overlay to soften the image or video.",
                    "type": "color"
                }
            }
        },
        "sidebar": {
            "title": "Sidebar",
            "width": 400,
            "fields": {
                "main_sidebar.width": {
                    "label": "Width",
                    "description": "Set a sidebar width in percent and the content column will adjust accordingly. The width will not go below the Sidebar's min-width, which you can set in the Style section.",
                    "type": "select",
                    "options": {
                        "20%": "1-5",
                        "25%": "1-4",
                        "33%": "1-3",
                        "40%": "2-5",
                        "50%": "1-2"
                    }
                },
                "main_sidebar.breakpoint": {
                    "label": "Breakpoint",
                    "description": "Set the breakpoint from which the sidebar and content will stack.",
                    "type": "select",
                    "options": {
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l"
                    }
                },
                "main_sidebar.first": {
                    "label": "Order",
                    "type": "checkbox",
                    "text": "Move the sidebar to the left of the content"
                },
                "main_sidebar.gutter": {
                    "label": "Gap",
                    "description": "Set the padding between sidebar and content.",
                    "type": "select",
                    "options": {
                        "Default": "",
                        "Small": "small",
                        "Large": "large",
                        "None": "collapse"
                    }
                },
                "main_sidebar.divider": {
                    "label": "Divider",
                    "type": "checkbox",
                    "text": "Display a divider between sidebar and content"
                }
            },
            "help": {
                "Sidebar": [
                    {
                        "title": "Sidebar",
                        "src": "site/docs/yootheme-pro/top-bottom-and-sidebar/${app.platform}/videos/sidebar.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/top-bottom-and-sidebar#sidebar",
                        "support": "support/search?tags=125&q=sidebar%20position%20settings"
                    }
                ],
                "Image Field": [
                    {
                        "title": "Images",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/images.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#images",
                        "support": "support/search?tags=125&q=image%20field"
                    },
                    {
                        "title": "Media Manager",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/media-manager.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#media-manager",
                        "support": "support/search?tags=125&q=media%20manager"
                    },
                    {
                        "title": "Unsplash Library",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/unsplash.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#unsplash-library",
                        "support": "support/search?tags=125&q=unsplash"
                    }
                ]
            }
        },
        "bottom": {
            "title": "Bottom",
            "width": 400,
            "fields": {
                "bottom.style": {
                    "label": "Style",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Muted": "muted",
                        "Primary": "primary",
                        "Secondary": "secondary"
                    }
                },
                "bottom.overlap": {
                    "type": "checkbox",
                    "description": "Sections will only overlap each other, if it's supported by the style. Otherwise it has no visual effect.",
                    "text": "Overlap the following section"
                },
                "bottom.image": {
                    "label": "Image",
                    "description": "Upload a background image.",
                    "type": "image",
                    "show": "!bottom.video"
                },
                "bottom.video": {
                    "label": "Video",
                    "description": "Select a video file or enter a link from <a href=\"https://www.youtube.com\" target=\"_blank\">YouTube</a> or <a href=\"https://vimeo.com\" target=\"_blank\">Vimeo</a>.",
                    "type": "video",
                    "show": "!bottom.image"
                },
                "bottom.media": {
                    "type": "button-panel",
                    "text": "Edit Settings",
                    "panel": "bottom-media",
                    "show": "(bottom.image || bottom.video)"
                },
                "bottom.preserve_color": {
                    "label": "Text Color",
                    "description": "Disable automatic text recoloring, for example when you use cards inside sections.",
                    "type": "checkbox",
                    "text": "Preserve color",
                    "show": "bottom.style == 'primary' || bottom.style == 'secondary'"
                },
                "bottom.text_color": {
                    "label": "Text Color",
                    "description": "Set light or dark color mode for text, buttons and controls.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Light": "light",
                        "Dark": "dark"
                    },
                    "show": "bottom.style != 'primary' && bottom.style != 'secondary' && (bottom.image || bottom.video)"
                },
                "bottom.width": {
                    "label": "Max Width",
                    "description": "Set the maximum content width.",
                    "type": "select",
                    "options": {
                        "Default": "default",
                        "Small": "small",
                        "Large": "large",
                        "Expand": "expand",
                        "None": ""
                    }
                },
                "bottom.height": {
                    "label": "Height",
                    "description": "Enabling viewport height on a section that directly follows the header will subtract the header's height from it. On short pages, a section can be expanded to fill the browser window.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "None": "",
                        "Viewport": "full",
                        "Viewport (Minus 20%)": "percent",
                        "Viewport (Minus the following section)": "section",
                        "Expand": "expand"
                    }
                },
                "bottom.padding": {
                    "label": "Padding",
                    "description": "Set the vertical padding.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Default": "",
                        "X-Small": "xsmall",
                        "Small": "small",
                        "Large": "large",
                        "X-Large": "xlarge",
                        "None": "none"
                    }
                },
                "bottom.padding_remove_top": {
                    "type": "checkbox",
                    "text": "Remove top padding",
                    "enable": "bottom.padding != 'none'"
                },
                "bottom.padding_remove_bottom": {
                    "type": "checkbox",
                    "text": "Remove bottom padding",
                    "enable": "bottom.padding != 'none'"
                },
                "bottom.column_gap": {
                    "label": "Column Gap",
                    "description": "Set the size of the gap between the grid columns.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Small": "small",
                        "Medium": "medium",
                        "Default": "",
                        "Large": "large",
                        "None": "collapse"
                    }
                },
                "bottom.row_gap": {
                    "label": "Row Gap",
                    "description": "Set the size of the gap between the grid rows.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Small": "small",
                        "Medium": "medium",
                        "Default": "",
                        "Large": "large",
                        "None": "collapse"
                    }
                },
                "bottom.divider": {
                    "label": "Divider",
                    "description": "Show a divider between grid columns.",
                    "type": "checkbox",
                    "text": "Show dividers",
                    "enable": "bottom.column_gap != 'collapse' && bottom.row_gap != 'collapse'"
                },
                "bottom.vertical_align": {
                    "label": "Vertical Alignment",
                    "description": "Align the section content vertically, if the section height is larger than the content itself.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Top": "",
                        "Middle": "middle",
                        "Bottom": "bottom"
                    },
                    "show": "bottom.height == 'full' || height == 'percent' || height == 'section'"
                },
                "bottom.match": {
                    "label": "Panels",
                    "description": "Stretch the panel to match the height of the grid cell.",
                    "type": "checkbox",
                    "text": "Match height"
                },
                "bottom.breakpoint": {
                    "label": "Breakpoint",
                    "description": "Set the breakpoint from which grid items will stack.",
                    "type": "select",
                    "options": {
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "xl"
                    }
                }
            },
            "help": {
                "Top and Bottom": [
                    {
                        "title": "Top and Bottom",
                        "src": "site/docs/yootheme-pro/top-bottom-and-sidebar/${app.platform}/videos/top-and-bottom.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/top-bottom-and-sidebar#top-and-bottom",
                        "support": "support/search?tags=125&q=top%20bottom%20position%20settings"
                    }
                ],
                "Image Field": [
                    {
                        "title": "Images",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/images.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#images",
                        "support": "support/search?tags=125&q=image%20field"
                    },
                    {
                        "title": "Media Manager",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/media-manager.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#media-manager",
                        "support": "support/search?tags=125&q=media%20manager"
                    },
                    {
                        "title": "Unsplash Library",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/unsplash.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#unsplash-library",
                        "support": "support/search?tags=125&q=unsplash"
                    }
                ]
            }
        },
        "bottom-media": {
            "title": "Image/Video",
            "width": 400,
            "fields": {
                "bottom.image_dimension": {
                    "type": "grid",
                    "description": "Set the width and height in pixels (e.g. 600). Setting just one value preserves the original proportions. The image will be resized and cropped automatically.",
                    "fields": {
                        "bottom.image_width": {
                            "label": "Width",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        },
                        "bottom.image_height": {
                            "label": "Height",
                            "width": "1-2",
                            "attrs": {
                                "placeholder": "auto"
                            }
                        }
                    },
                    "show": "bottom.image && !bottom.video"
                },
                "bottom.image_size": {
                    "label": "Image Size",
                    "description": "Determine whether the image will fit the section dimensions by clipping it or by filling the empty areas with the background color.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Auto": "",
                        "Cover": "cover",
                        "Contain": "contain"
                    },
                    "show": "bottom.image && !bottom.video"
                },
                "bottom.image_position": {
                    "label": "Image Position",
                    "description": "Set the initial background position, relative to the section layer.",
                    "type": "select",
                    "options": {
                        "Top Left": "top-left",
                        "Top Center": "top-center",
                        "Top Right": "top-right",
                        "Center Left": "center-left",
                        "Center Center": "center-center",
                        "Center Right": "center-right",
                        "Bottom Left": "bottom-left",
                        "Bottom Center": "bottom-center",
                        "Bottom Right": "bottom-right"
                    },
                    "show": "bottom.image && !bottom.video"
                },
                "bottom.image_fixed": {
                    "label": "Image Attachment",
                    "text": "Fix the background with regard to the viewport.",
                    "type": "checkbox",
                    "show": "bottom.image && !bottom.video"
                },
                "bottom.image_visibility": {
                    "label": "Visibility",
                    "description": "Display the image only on this device width and larger.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Always": "",
                        "Small (Phone Landscape)": "s",
                        "Medium (Tablet Landscape)": "m",
                        "Large (Desktop)": "l",
                        "X-Large (Large Screens)": "xl"
                    },
                    "show": "bottom.image && !bottom.video"
                },
                "bottom.video_dimension": {
                    "type": "grid",
                    "description": "Set the video dimensions.",
                    "fields": {
                        "video_width": {
                            "label": "Width",
                            "default": "",
                            "width": "1-2"
                        },
                        "video_height": {
                            "label": "Height",
                            "default": "",
                            "width": "1-2"
                        }
                    },
                    "show": "bottom.video && !bottom.image"
                },
                "bottom.media_background": {
                    "label": "Background Color",
                    "description": "Use the background color in combination with blend modes, a transparent image or to fill the area, if the image doesn't cover the whole section.",
                    "type": "color"
                },
                "bottom.media_blend_mode": {
                    "label": "Blend Mode",
                    "description": "Determine how the image or video will blend with the background color.",
                    "type": "select",
                    "default": "",
                    "options": {
                        "Normal": "",
                        "Multiply": "multiply",
                        "Screen": "screen",
                        "Overlay": "overlay",
                        "Darken": "darken",
                        "Lighten": "lighten",
                        "Color-dodge": "color-dodge",
                        "Color-burn": "color-burn",
                        "Hard-light": "hard-light",
                        "Soft-light": "soft-light",
                        "Difference": "difference",
                        "Exclusion": "exclusion",
                        "Hue": "hue",
                        "Saturation": "saturation",
                        "Color": "color",
                        "Luminosity": "luminosity"
                    }
                },
                "bottom.media_overlay": {
                    "label": "Overlay Color",
                    "description": "Set an additional transparent overlay to soften the image or video.",
                    "type": "color"
                }
            }
        },
        "footer-builder": {
            "title": "Footer",
            "heading": false,
            "width": 500,
            "help": {
                "Footer Builder": [
                    {
                        "title": "Footer Builder",
                        "src": "site/docs/yootheme-pro/footer-builder/${app.platform}/videos/footer-builder.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/footer-builder",
                        "support": "support/search?tags=125&q=footer%20builder"
                    },
                    {
                        "title": "Advanced Layouts",
                        "src": "site/docs/yootheme-pro/builder-widget-and-module/${app.platform}/videos/advanced-layouts.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/builder-widget-and-module#advanced-layouts",
                        "support": "support/search?tags=125&q=builder%20module"
                    }
                ],
                "Image Field": [
                    {
                        "title": "Images",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/images.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#images",
                        "support": "support/search?tags=125&q=image%20field"
                    },
                    {
                        "title": "Links",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/links.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#links",
                        "support": "support/search?tags=125&q=link%20field"
                    },
                    {
                        "title": "Media Manager",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/media-manager.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#media-manager",
                        "support": "support/search?tags=125&q=media%20manager"
                    },
                    {
                        "title": "Unsplash Library",
                        "src": "site/docs/yootheme-pro/files-and-images/${app.platform}/videos/unsplash.mp4",
                        "documentation": "support/yootheme-pro/${app.platform}/files-and-images#unsplash-library",
                        "support": "support/search?tags=125&q=unsplash"
                    }
                ]
            }
        }
    }
}
