/* @import url('http://example.com/example_style.css'); */
/* Base fix: make all CTAs the same visible width */



/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

[
  {
    "label": "Menu",
    "name": "menu",
    "type": "menu",
    "default": "default"
  },
  {
    "name": "display_membership_menus",
    "label": "Display membership menus",
    "required": false,
    "locked": false,
    "type": "boolean",
    "help_text": "Display menus for logged in and logged out state",
    "default": true 
  },
  {
    "name": "membership_menus",
    "label": "Membership Menus",
    "required": false,
    "locked": false,
    "type": "group",
    "inline_help_text": "Links that will appear in the main navigation when logged in or logged out.",
    "visibility": {
      "operator": "EQUAL",
      "controlling_field": "display_membership_menus",
      "controlling_value_regex": "true"
     },
    "children": [
      {
        "label": "Logged in Menu",
        "name": "logged_in_menu",
        "help_text":"This menu is displayed to the member if they are currently logged in.",
        "type": "menu",
        "default": "default"
      },
      {
        "label": "Logged out Menu",
        "name": "logged_out_menu",
        "help_text":"This menu is displayed when not logged in. This menu will show for both non-members, and members who are logged out.",
        "type": "menu",
        "default": "default"
      }
    ]
    
  },
  {
    "label": "Max levels",
    "name": "max_levels",
    "type": "number",
    "help_text": "Determines the number of menu tree children that can be expanded in the menu",
    "display": "text",
    "max": 3,
    "min": 1,
    "step": 1,
    "required": true,
    "default": 3
  },
  {
    "label": "Styles",
    "name": "styles",
    "type": "group",
    "tab": "STYLE",
    "children": [
      {
        "label": "Text",
        "name": "text",
        "type": "group",
        "children": [
          {
            "label": "Color",
            "name": "color",
            "type": "color",
            "visibility": {
              "hidden_subfields": {
                "opacity": true
              }
            }
          }
        ]
      },
      {
        "label": "Drop downs",
        "name": "drop_downs",
        "type": "group",
        "children": [
          {
            "label": "Text",
            "name": "text",
            "type": "group",
            "children": [
              {
                "label": "Color",
                "name": "color",
                "type": "color",
                "visibility": {
                  "hidden_subfields": {
                    "opacity": true
                  }
                }
              }
            ]
          },
          {
            "label": "Background",
            "name": "background",
            "type": "group",
            "children": [
              {
                "label": "Color",
                "name": "color",
                "type": "color"
              }
            ]
          },
          {
            "label": "Border",
            "name": "border",
            "type": "group",
            "children": [
              {
                "label" : "Border",
                "name" : "border",
                "type" : "border"
              }
            ]
          }
        ]
      }
    ]
  }
]

/* Target the form container — adjust selector as needed */
.login‐page .hs-form { 
  background-color: #ffffff !important;
}

.login‐page .hs-form .hs-form-field { 
  background-color: transparent; /* if you need inner fields transparent */
}


.hhs-foot-nav-col .hhs-post-summary {
color: #ffffff !important
}

.uniform-btn {
  display: inline-block;
  width: 340px;
  text-align: center;
  box-sizing: border-box;
}

/* Normalize padding so secondary/tertiary don't throw off visual width */
.cta-primary.uniform-btn,
.cta-secondary.uniform-btn,
.cta-tertiary.uniform-btn {
  padding-left: 0;
  padding-right: 0;
}

/* Center buttons in their container */
p > .uniform-btn {
  margin: 0 auto;
}

/* Responsive behavior: full width on smaller screens */
@media (max-width: 600px) {
  .uniform-btn {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}