{% sw_extends '@Storefront/storefront/section/cms-section-block-container.html.twig' %}
{% block section_content_block %}
{% set top = block.marginTop ? block.marginTop : 0 %}
{% set right = block.marginRight ? block.marginRight : 0 %}
{% set bottom = block.marginBottom ? block.marginBottom : 0 %}
{% set left = block.marginLeft ? block.marginLeft : 0 %}
{% if top or right or bottom or left %}
{% set padding = top ~ " " ~ right ~ " " ~ bottom ~ " " ~ left %}
{% endif %}
{% set blockBgColor = block.backgroundColor %}
{% set blockClasses = [block.cssClass, 'pos-' ~ block.position, 'cms-block-' ~ block.type] %}
{% if block.backgroundMedia %}
{% set blockClasses = ['bg-image']|merge(blockClasses) %}
{% endif %}
{% if blockBgColor %}
{% set blockClasses = ['bg-color']|merge(blockClasses) %}
{% endif %}
{% set columns = 3 %}
{% set isInSidebar = block.sectionPosition == 'sidebar' %}
{% set sidebarClasses = '' %}
{% if isInSidebar == true %}
{% set sidebarClasses = 'has--sidebar' %}
{% endif %}
{% if block.visibility is null %}
{% set visibility = {
mobile: true,
tablet: true,
desktop: true
} %}
{% else %}
{% set visibility = block.visibility %}
{% endif %}
{% if not visibility.mobile %}
{% set blockClasses = ['hidden-mobile']|merge(blockClasses) %}
{% endif %}
{% if not visibility.tablet %}
{% set blockClasses = ['hidden-tablet']|merge(blockClasses) %}
{% endif %}
{% if not visibility.desktop %}
{% set blockClasses = ['hidden-desktop']|merge(blockClasses) %}
{% endif %}
<div class="cms-block {{ blockClasses|join(' ') }}"
style="{% if blockBgColor %} background-color: {{ blockBgColor }};{% endif %}">
{% block section_content_block_background_image %}
{% if block.backgroundMedia %}
{% sw_thumbnails 'cms-block-background' with {
media: block.backgroundMedia,
attributes: {
class: "cms-block-background media-mode--" ~ block.backgroundMediaMode
}
} %}
{% endif %}
{% endblock %}
{% block section_content_block_container %}
<div class="cms-block-container"
style="{% if padding %}padding: {{ padding }};{% endif %}">
{% block section_content_block_row %}
<div class="cms-block-container-row row cms-row {{ sidebarClasses }}">
{% sw_include "@Storefront/storefront/block/cms-block-" ~ block.type ~ ".html.twig" ignore missing %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}