{
    "name": "Header 09 - Sticky with shadow",
    "category": "Header",
    "description": "White bar that stays at the top while scrolling, with a soft shadow.",
    "tree": [
        {
            "id": "w_4b2769761ac7",
            "type": "section",
            "children": [
                {
                    "id": "w_7ca8d9e7f852",
                    "type": "column",
                    "children": [
                        {
                            "id": "w_63fd1e28bfe0",
                            "type": "site_title",
                            "children": [],
                            "settings": {
                                "content": {
                                    "level": "h3",
                                    "link": true
                                },
                                "style": {
                                    "desktop": {
                                        "font_size": "24px",
                                        "font_weight": "800",
                                        "text_color": "#111827",
                                        "margin": "0"
                                    },
                                    "tablet": [],
                                    "mobile": [],
                                    "hover": []
                                },
                                "motion": [],
                                "shape": [],
                                "advanced": {
                                    "class": "",
                                    "html_id": ""
                                }
                            }
                        }
                    ],
                    "settings": {
                        "content": {
                            "width_pct": 30,
                            "span": 12,
                            "row_span": 1,
                            "direction": "column"
                        },
                        "style": {
                            "desktop": {
                                "display": "flex",
                                "align_items": "center"
                            },
                            "tablet": [],
                            "mobile": [],
                            "hover": []
                        },
                        "motion": [],
                        "shape": [],
                        "advanced": {
                            "class": "",
                            "html_id": ""
                        }
                    }
                },
                {
                    "id": "w_41fc77b663c2",
                    "type": "column",
                    "children": [
                        {
                            "id": "w_be31047a97c6",
                            "type": "nav_menu",
                            "children": [],
                            "settings": {
                                "content": {
                                    "source": "header",
                                    "layout": "horizontal",
                                    "align": "right"
                                },
                                "style": {
                                    "desktop": {
                                        "font_size": "15px",
                                        "font_weight": "600",
                                        "text_color": "#374151"
                                    },
                                    "tablet": [],
                                    "mobile": [],
                                    "hover": []
                                },
                                "motion": [],
                                "shape": [],
                                "advanced": {
                                    "class": "",
                                    "html_id": ""
                                }
                            }
                        }
                    ],
                    "settings": {
                        "content": {
                            "width_pct": 70,
                            "span": 12,
                            "row_span": 1,
                            "direction": "column"
                        },
                        "style": {
                            "desktop": {
                                "display": "flex",
                                "justify_content": "flex-end",
                                "align_items": "center"
                            },
                            "tablet": [],
                            "mobile": [],
                            "hover": []
                        },
                        "motion": [],
                        "shape": [],
                        "advanced": {
                            "class": "",
                            "html_id": ""
                        }
                    }
                }
            ],
            "settings": {
                "content": [],
                "style": {
                    "desktop": {
                        "padding": "14px 32px",
                        "position": "sticky",
                        "top": "0",
                        "z_index": 50,
                        "background_color": "#ffffff",
                        "box_shadow": "0 4px 12px rgba(0,0,0,.2)"
                    },
                    "tablet": [],
                    "mobile": [],
                    "hover": []
                },
                "motion": [],
                "shape": [],
                "advanced": {
                    "class": "",
                    "html_id": ""
                }
            }
        }
    ]
}