{{ block.settings.slide_subheading | escape }}
{%- endunless -%} {%- unless block.settings.slide_heading == blank -%}{%- if section.settings.home_hero_height == 'adapt' -%} {% comment %} 'min_aspect_ratio' is the minimum aspect ratio of images shown without whitespace when 'home_hero_height' is set to 'adapt'. The aspect ratio values for the first image in the slideshow will be used unless it is blank, in that case a ratio of 2:1 will be used. {% endcomment %} {%- assign first_block = section.blocks[0] -%} {%- if first_block.settings.image.aspect_ratio == blank -%} {%- assign min_aspect_ratio = 2.0 -%} {%- else -%} {%- assign min_aspect_ratio = first_block.settings.image.aspect_ratio -%} {%- endif -%} {%- assign wrapper_height = 100 | divided_by: min_aspect_ratio -%} {% comment %} Change the hero slideshow's dots color based on the slides' text color. {% endcomment %} {%- style -%} .hero-{{ section.id }} { height: {{- wrapper_height -}}vw !important; overflow: hidden; } .hero-{{ section.id }} .slick-track, .hero-{{ section.id }} .slideshow__overlay:before { height: {{- wrapper_height -}}vw; } {%- endstyle -%} {%- endif -%}
{{ block.settings.slide_subheading | escape }}
{%- endunless -%} {%- unless block.settings.slide_heading == blank -%}