
{# Default: Sizes & Font Family #}
{% if isBaseBreakpoint %}

    {{ builderPrefix|default('body') }} {
        font-family: var(--bde-body-font-family);
        font-size: var(--bde-body-font-size);
    }

    .bde-h1,
    .bde-h2,
    .bde-h3,
    .bde-h4,
    .bde-h5,
    .bde-h6,
    {{ builderPrefix }} h1,
    {{ builderPrefix }} h2,
    {{ builderPrefix }} h3,
    {{ builderPrefix }} h4,
    {{ builderPrefix }} h5,
    {{ builderPrefix }} h6 {
        font-family: var(--bde-heading-font-family);
    }

    .bde-h1,
    {{ builderPrefix }} h1 {
        font-size: var(--bde-h1-font-size);
    }

    .bde-h2,
    {{ builderPrefix }} h2 {
        font-size: var(--bde-h2-font-size);
    }

    .bde-h3,
    {{ builderPrefix }} h3 {
        font-size: var(--bde-h3-font-size);
    }

    .bde-h4,
    {{ builderPrefix }} h4 {
        font-size: var(--bde-h4-font-size);
    }

    .bde-h5,
    {{ builderPrefix }} h5 {
        font-size: var(--bde-h5-font-size);
    }

    .bde-h6,
    {{ builderPrefix }} h6 {
        font-size: var(--bde-h6-font-size);
    }
{% endif %}

{# Macros #}
{{ builderPrefix }} {
   {{ macros.typography(settings.typography.advanced.body, settings)  }}
}

.bde-h1,
.bde-h2,
.bde-h3,
.bde-h4,
.bde-h5,
.bde-h6,
{{ builderPrefix }} h1,
{{ builderPrefix }} h2,
{{ builderPrefix }} h3,
{{ builderPrefix }} h4,
{{ builderPrefix }} h5,
{{ builderPrefix }} h6 {
    {{ macros.typography(settings.typography.advanced.headings.all_headings, settings)  }}
}

.bde-h1,
{{ builderPrefix }} h1 {
    {{ macros.typography(settings.typography.advanced.headings.h1, settings)  }}
}

.bde-h2,
{{ builderPrefix }} h2 {
    {{ macros.typography(settings.typography.advanced.headings.h2, settings)  }}
}

.bde-h3,
{{ builderPrefix }} h3 {
    {{ macros.typography(settings.typography.advanced.headings.h3, settings)  }}
}

.bde-h4,
{{ builderPrefix }} h4 {
    {{ macros.typography(settings.typography.advanced.headings.h4, settings)  }}
}

.bde-h5,
{{ builderPrefix }} h5 {
    {{ macros.typography(settings.typography.advanced.headings.h5, settings)  }}
}

.bde-h6,
{{ builderPrefix }} h6 {
    {{ macros.typography(settings.typography.advanced.headings.h6, settings)  }}
}

{{ builderPrefix }} a,
{{ builderPrefix }} .button-atom--text {
    color: {{ settings.typography.advanced.links.color }};
    font-weight: {{ settings.typography.advanced.links.font_weight }};
    {% if settings.typography.advanced.links.decoration.style == 'none' %}
        text-decoration: none;
    {% endif %}
    text-decoration-thickness: {{ settings.typography.advanced.links.decoration.thickness.style }};
    text-decoration-line: {{ settings.typography.advanced.links.decoration.line }};
    text-decoration-style: {{ settings.typography.advanced.links.decoration.style }};
    text-decoration-color: {{ settings.typography.advanced.links.decoration.color }};
}

{{ builderPrefix }} a:hover,
{{ builderPrefix }} .button-atom--text:hover {
    color: {{ settings.typography.advanced.links.color_hover }};
    {% if settings.typography.advanced.links.decoration.style_hover == 'none' %}
        text-decoration: none;
    {% endif %}
    text-decoration-thickness: {{ settings.typography.advanced.links.decoration.thickness_hover.style }};
    text-decoration-line: {{ settings.typography.advanced.links.decoration.line_hover }};
    text-decoration-style: {{ settings.typography.advanced.links.decoration.style_hover }};
    text-decoration-color: {{ settings.typography.advanced.links.decoration.color_hover }};
}






