%%SELECTOR%% {
  --column-width: {{ design.size.width.style }};

  order: {{ design.order.order }};

  {{ macros.simpleLayout(design.layout, breakpoint) }}

  {{ macros.borders(design.borders) }}

  {% if design.text_colors.text %}
    --bde-text-color: {{ design.text_colors.text }};
    color: var(--bde-text-color);
  {% endif %}
  {% if design.text_colors.brand %}
    --bde-brand-primary-color: {{ design.text_colors.brand }};
  {% endif %}
  
   min-height: {{ design.size.min_height.style }};
}

{{ macros.layoutV2(design.layout_v2, breakpoint, isBaseBreakpoint, '%%SELECTOR%%') }}

{{ macros.fancyBackgroundCss('%%SELECTOR%%', design.background, breakpoint, false, true) }}

%%SELECTOR%%.bde-column {
  {{ macros.spacing_padding_all(design.spacing) }}
}

{% if design.text_colors.headings %}
  %%SELECTOR%% h1, %%SELECTOR%% h2, %%SELECTOR%% h3, %%SELECTOR%% h4, %%SELECTOR%% h5, %%SELECTOR%% h6 {
    color: {{ design.text_colors.headings }};
  }
{% endif %}

{% if design.text_colors.link %}
  %%SELECTOR%% a {
    color: {{ design.text_colors.link }};
  }
{% endif %}

{% if design.text_colors.link_hover %}
  %%SELECTOR%% a:hover {
    color: {{ design.text_colors.link_hover }};
  }
{% endif %}
