{% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
{% block page_content_section %}
{% if section.customFields.acris_cms_margin_top is null or section.customFields.acris_cms_margin_top == 'pixel' %}
{% set marginTop = section.customFields.acrisCmsPixelMarginTop ? section.customFields.acrisCmsPixelMarginTop : 0 %}
{% set sectionClasses = ['acris-pixel-margin-top']|merge(sectionClasses) %}
{% else %}
{% set marginTop = 0 %}
{% endif %}
{% if section.customFields.acris_cms_margin_bot is null or section.customFields.acris_cms_margin_bot == 'pixel' %}
{% set marginBottom = section.customFields.acrisCmsPixelMarginBot ? section.customFields.acrisCmsPixelMarginBot : 0 %}
{% set sectionClasses = ['acris-pixel-margin-bottom']|merge(sectionClasses) %}
{% else %}
{% set marginBottom = 0 %}
{% endif %}
{% if section.customFields.acris_cms_margin_left is null or section.customFields.acris_cms_margin_left == 'pixel' %}
{% set marginLeft = section.customFields.acrisCmsPixelMarginLeft ? section.customFields.acrisCmsPixelMarginLeft : 0 %}
{% set sectionClasses = ['acris-pixel-margin-left']|merge(sectionClasses) %}
{% else %}
{% set marginLeft = 0 %}
{% endif %}
{% if section.customFields.acris_cms_margin_right is null or section.customFields.acris_cms_margin_right == 'pixel' %}
{% set marginRight = section.customFields.acrisCmsPixelMarginRight ? section.customFields.acrisCmsPixelMarginRight : 0 %}
{% set sectionClasses = ['acris-pixel-margin-right']|merge(sectionClasses) %}
{% else %}
{% set marginRight = 0 %}
{% endif %}
<style>
{% if marginTop > 0 %}
#acris_cms_section_{{ section.id }} .cms-section.acris-pixel-margin-top {
margin-top: {{ marginTop }};
}
{% endif %}
{% if marginBottom > 0 %}
#acris_cms_section_{{ section.id }} .cms-section.acris-pixel-margin-bottom {
margin-bottom: {{ marginBottom }};
}
{% endif %}
{% if marginLeft > 0 %}
#acris_cms_section_{{ section.id }} .cms-section.acris-pixel-margin-left {
margin-left: {{ marginLeft }};
}
{% endif %}
{% if marginRight > 0 %}
#acris_cms_section_{{ section.id }} .cms-section.acris-pixel-margin-right {
margin-right: {{ marginRight }};
}
{% endif %}
</style>
{% set topMarginClass = '' %}
{% if section.customFields.acris_cms_margin_top and section.customFields.acris_cms_margin_top != 'no' and section.customFields.acris_cms_margin_top != 'pixel' %}
{% set topMarginClass = section.customFields.acris_cms_margin_top %}
{% set sectionClasses = [topMarginClass]|merge(sectionClasses) %}
{% endif %}
{% set botMarginClass = '' %}
{% if section.customFields.acris_cms_margin_bot and section.customFields.acris_cms_margin_bot != 'no' and section.customFields.acris_cms_margin_bot != 'pixel' %}
{% set botMarginClass = section.customFields.acris_cms_margin_bot %}
{% set sectionClasses = [botMarginClass]|merge(sectionClasses) %}
{% endif %}
{% set leftMarginClass = '' %}
{% if section.customFields.acris_cms_margin_left and section.customFields.acris_cms_margin_left != 'no' and section.customFields.acris_cms_margin_left != 'pixel' %}
{% set leftMarginClass = section.customFields.acris_cms_margin_left %}
{% set sectionClasses = [leftMarginClass]|merge(sectionClasses) %}
{% endif %}
{% set rightMarginClass = '' %}
{% if section.customFields.acris_cms_margin_right and section.customFields.acris_cms_margin_right != 'no' and section.customFields.acris_cms_margin_right != 'pixel' %}
{% set rightMarginClass = section.customFields.acris_cms_margin_right %}
{% set sectionClasses = [rightMarginClass]|merge(sectionClasses) %}
{% endif %}
{% if section.customFields.acris_responsive_view %}
{% if section.customFields.acris_responsive_view.xs == true %}
{% set viewportClasses = 'd-block' %}
{% else %}
{% set viewportClasses = 'd-none' %}
{% endif %}
{% if section.customFields.acris_responsive_view.sm == true %}
{% set viewportClasses = viewportClasses ~ ' d-sm-block' %}
{% else %}
{% set viewportClasses = viewportClasses ~ ' d-sm-none' %}
{% endif %}
{% if section.customFields.acris_responsive_view.md == true %}
{% set viewportClasses = viewportClasses ~ ' d-md-block' %}
{% else %}
{% set viewportClasses = viewportClasses ~ ' d-md-none' %}
{% endif %}
{% if section.customFields.acris_responsive_view.lg == true %}
{% set viewportClasses = viewportClasses ~ ' d-lg-block' %}
{% else %}
{% set viewportClasses = viewportClasses ~ ' d-lg-none' %}
{% endif %}
{% if section.customFields.acris_responsive_view.xl == true %}
{% set viewportClasses = viewportClasses ~ ' d-xl-block' %}
{% else %}
{% set viewportClasses = viewportClasses ~ ' d-xl-none' %}
{% endif %}
{% set sectionClasses = [viewportClasses]|merge(sectionClasses) %}
{% endif %}
<div class="acris-cms-custom-section" id="acris_cms_section_{{ section.id }}">
{{ parent() }}
</div>
{% endblock %}