search

tomusborne / generateblocks

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.
https://generateblocks.com
194 stars 20 forks source link

[GB Pro 1.5] Accordion block not working on Mobile #918

Closed cody-media closed 1 year ago

cody-media commented 1 year ago

Description

I have implemented accordion blocks on a page, and they work well on desktop browsers. When testing on iPhone the accordion will not open when the title or arrow is pressed. Tested this on three IOS browsers Chrome, Safari and Edge.

Steps to reproduce

  1. Test on the following page on safari and chrome on iPhone: https://nisifilters.com.au/shop/nisi-circular-filters/circular-black-mist/
JeanPaiva commented 1 year ago

@cody-media can you share the editor code for this accordion?

cody-media commented 1 year ago 
<!-- wp:generateblocks/container {"uniqueId":"c6780bc2","bgImage":{"id":415698,"image":{"url":"https://nisifilters.com.au/wp-content/uploads/2023/02/4L0A9032-2-scaled-1.jpg","height":1536,"width":2560,"orientation":"landscape"}},"isDynamic":true,"blockVersion":3,"useInnerContainer":true,"gpInlinePostMetaJustify":"center","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"9c0c8b7d","outerContainer":"contained","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"30","paddingRight":"5","paddingBottom":"1","paddingLeft":"5","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/headline {"uniqueId":"fa8bd85e","element":"h1","blockVersion":2,"fontWeight":"900","textTransform":"uppercase","alignment":"center","fontSize":8,"fontSizeTablet":5,"fontSizeMobile":3,"fontSizeUnit":"em","fontFamily":"Helvetica","paddingUnit":"%","backgroundColor":"","textColor":"var(\u002d\u002dbase-3)","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h1 class="gb-headline gb-headline-fa8bd85e gb-headline-text">Circular Black Mist</h1>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"316944cc","blockVersion":2,"alignment":"center","fontSizeTablet":22,"fontSizeMobile":18,"paddingUnit":"%","backgroundColor":"","textColor":"var(\u002d\u002dbase-3)","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h2 class="gb-headline gb-headline-316944cc gb-headline-text">Create the perfect atmosphere for your photography or videography with NiSi Black Mist. Black Mist filters add an ethereal glow around light sources while preserving the clarity of images. Get the cinema look that reduces contrast, blooms and softens the light from strong light sources, while smoothing blemishes without affecting colour balance. Give your images or video the Black Mist look.</h2>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"c961a6d0","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"1","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"acae3c2c","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","alignment":"left","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"90756707","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","transitions":[],"kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"fa87ea69","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","flexWrap":"nowrap","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","linkColor":"","linkColorHover":"","hasIcon":true,"iconSize":0.8,"kioblocks":[]} -->
<button class="gb-button gb-button-fa87ea69 gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Watch the Black Mist Videos</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"d56cbdd0","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"0f142508","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"3","paddingBottom":"3","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/grid {"uniqueId":"6153c0f8","columns":2,"horizontalGap":20,"isDynamic":true,"blockVersion":3,"useLegacyRowGap":true,"kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"a974e0d8","isGrid":true,"gridId":"6153c0f8","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/qy4nuApzRiU","youtubeVideoId":"qy4nuApzRiU","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/qy4nuApzRiU?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"846ee583","isGrid":true,"gridId":"6153c0f8","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/XkfBWEHOfoE","youtubeVideoId":"XkfBWEHOfoE","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/XkfBWEHOfoE?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"670ebf59","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"3","paddingBottom":"3","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/grid {"uniqueId":"3dfaa8e0","columns":2,"horizontalGap":20,"isDynamic":true,"blockVersion":3,"useLegacyRowGap":true,"kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"391f26d9","isGrid":true,"gridId":"3dfaa8e0","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/eeSNvR-__Xo","youtubeVideoId":"eeSNvR-__Xo","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/eeSNvR-__Xo?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"744d8aa7","isGrid":true,"gridId":"3dfaa8e0","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/C74qcjx0J2Q","youtubeVideoId":"C74qcjx0J2Q","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/C74qcjx0J2Q?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"c48fb2fa","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"3","paddingBottom":"3","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/grid {"uniqueId":"396cd7bc","columns":2,"horizontalGap":20,"isDynamic":true,"blockVersion":3,"useLegacyRowGap":true,"kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"9c025103","isGrid":true,"gridId":"396cd7bc","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/PwynlErbnCo","youtubeVideoId":"PwynlErbnCo","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/PwynlErbnCo?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"16ba0e69","isGrid":true,"gridId":"396cd7bc","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"kioblocks":[]} -->
<!-- wp:gosign/block-gosign-youtube-video-player-block {"youtubeVideoUrl":"https://youtu.be/KuASUdDIc7o","youtubeVideoId":"KuASUdDIc7o","hideRelatedVideos":true,"hideAnnotations":true,"enableModestBranding":true,"aspectRatio":"169","kioblocks":[]} -->
<div class="gosign-youtube-video-player ratio-169"><div class="inner-wrap"><div class="containerWraper" style="background:black"><div class="videoContainer" id="videoContainer1"><iframe src="https://www.youtube.com/embed/KuASUdDIc7o?rel=0&amp;iv_load_policy=3&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div></div></div>
<!-- /wp:gosign/block-gosign-youtube-video-player-block -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"d226c4e4","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"0","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"81abaff8","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"c4c58a27","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","useTransition":true,"transitions":[{"state":"normal","target":"accordionContent","customSelector":"","timingFunction":"ease","delay":"","property":"max-height","duration":0.25}],"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"b0f73295","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","hasIcon":true,"iconPaddingRight":"","kioblocks":[]} -->
<button class="gb-button gb-button-b0f73295 gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Features and Lineup</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"dc66c467","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"d6d6e94d","innerContainer":"full","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"kioblocks":[]} -->
<!-- wp:generateblocks/grid {"uniqueId":"a806208d","columns":2,"horizontalGap":30,"isDynamic":true,"blockVersion":3,"useLegacyRowGap":true,"kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"a7959f55","isGrid":true,"gridId":"a806208d","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","kioblocks":[]} -->
<!-- wp:image {"align":"right","id":210140,"sizeSlug":"full","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image alignright size-full"><img src="https://nisiopticsusa.com/wp-content/uploads/2021/05/black-mist-Eighth-2.png" alt="black mist Eighth-2" class="wp-image-210140"/></figure>
<!-- /wp:image -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"c2ba1f1f","isGrid":true,"gridId":"a806208d","textColor":"#ffffff","verticalAlignment":"center","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0","kioblocks":[]} -->
<!-- wp:generateblocks/headline {"uniqueId":"cabf37a6","element":"h3","blockVersion":2,"backgroundColor":"","textColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-cabf37a6 gb-headline-text"><strong>Black Mist Features</strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"cf3e3bff","fontWeight":"normal","fontSize":17,"isDynamic":true,"blockVersion":3,"useInnerContainer":true,"kioblocks":[]} -->
<!-- wp:list {"kioblocks":[]} -->
<ul><!-- wp:list-item {"kioblocks":[]} -->
<li>Reduces highlights and lowers contrast</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Create that cinematic look</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Softens wrinkles and blemishes</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Creates a soft, pastel-like quality of light</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Softly diffuses light</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Contrast and sharpness are understated while maintaining resolution</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>Constructed with a high-quality brass frame</li>
<!-- /wp:list-item -->

<!-- wp:list-item {"kioblocks":[]} -->
<li>NiSi’s nano-coating</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/headline {"uniqueId":"9b4f02bf","element":"h3","blockVersion":2,"backgroundColor":"","textColor":"","linkColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-9b4f02bf gb-headline-text"><strong>The</strong> <strong>Black Mist Lineup</strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:html {"kioblocks":[]} -->
<menu class="bm-button-style1">
    <li>Black Mist 1/2</li>
<li>52mm</li>
    <li>67mm</li>
    <li>72mm</li>
    <li>77mm</li>
<li>82mm</li>
<li>95mm</li>
</menu>
<!-- /wp:html -->

<!-- wp:spacer {"height":"10px","kioblocks":[]} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:html {"kioblocks":[]} -->
<menu class="bm-button-style1">
    <li>Black Mist 1/4</li>
<li>49mm</li>
<li>52mm</li>
    <li>67mm</li>
    <li>72mm</li>
    <li>77mm</li>
<li>82mm</li>
<li>95mm</li>
</menu>
<!-- /wp:html -->

<!-- wp:spacer {"height":"10px","kioblocks":[]} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:html {"kioblocks":[]} -->
<menu class="bm-button-style1">
    <li>Black Mist 1/8</li>
    <li>49mm</li>
<li>52mm</li>
    <li>67mm</li>
    <li>72mm</li>
    <li>77mm</li>
<li>82mm</li>
<li>95mm</li>
</menu>
<!-- /wp:html -->

<!-- wp:spacer {"height":"10px","kioblocks":[]} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:html {"kioblocks":[]} -->
<menu class="bm-button-style1">
    <li>Black Mist Kit (1/4, 1/8 + Case)</li>
    <li>49mm</li>
<li>52mm</li>
    <li>67mm</li>
    <li>72mm</li>
    <li>77mm</li>
<li>82mm</li>
<li>95mm</li>
</menu>
<!-- /wp:html -->

<!-- wp:spacer {"height":"10px","kioblocks":[]} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:html {"kioblocks":[]} -->
<menu class="bm-button-style1">
    <li>Black Mist Professional Kit (1/2, 1/4, 1/8 and Case)</li>
    <li>49mm</li>
<li>52mm</li>
    <li>67mm</li>
    <li>72mm</li>
    <li>77mm</li>
<li>82mm</li>
<li>95mm</li>
</menu>
<!-- /wp:html -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"4a5f10fe","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"0","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"25234687","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"0a2306f4","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","useTransition":true,"transitions":[{"state":"normal","target":"accordionContent","customSelector":"","timingFunction":"ease","delay":"","property":"max-height","duration":0.25}],"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"e5be75e6","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","hasIcon":true,"iconPaddingRight":"","kioblocks":[]} -->
<button class="gb-button gb-button-e5be75e6 gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Sample Images</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"f6114f80","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"1618469d","innerContainer":"full","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"kioblocks":[]} -->
<!-- wp:gallery {"imageCrop":false,"linkTo":"none","kioblocks":[]} -->
<figure class="wp-block-gallery has-nested-images columns-default"><!-- wp:image {"id":415780,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/4L0A9032-2-scaled-1-1024x614.webp" alt="" class="wp-image-415780"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415778,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/H-3-scaled-1-683x1024.webp" alt="" class="wp-image-415778"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415783,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/K-3-scaled-1-683x1024.webp" alt="" class="wp-image-415783"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415789,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_04-683x1024.webp" alt="" class="wp-image-415789"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415790,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_07-683x1024.webp" alt="" class="wp-image-415790"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415791,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_11-683x1024.webp" alt="" class="wp-image-415791"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415788,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_14-683x1024.webp" alt="" class="wp-image-415788"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415786,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_26-683x1024.webp" alt="" class="wp-image-415786"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415785,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_30-683x1024.webp" alt="" class="wp-image-415785"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415787,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_34-683x1024.webp" alt="" class="wp-image-415787"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415784,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/KasiaArtur_46-1024x683.webp" alt="" class="wp-image-415784"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415781,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/ss-12-scaled-1-1024x583.webp" alt="" class="wp-image-415781"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415782,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/ss-img06-1024x655.webp" alt="" class="wp-image-415782"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415779,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/ss02-1024x846.webp" alt="" class="wp-image-415779"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415777,"sizeSlug":"large","linkDestination":"none","kioblocks":[]} -->
<figure class="wp-block-image size-large"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/ss03-753x1024.webp" alt="" class="wp-image-415777"/></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"33563fc4","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"0","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"00ff31f8","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","display":"inline-block","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"c26517e9","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","useTransition":true,"transitions":[{"state":"normal","target":"accordionContent","customSelector":"","timingFunction":"ease","delay":"","property":"max-height","duration":0.25}],"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"de9515be","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","hasIcon":true,"iconPaddingRight":"","kioblocks":[]} -->
<button class="gb-button gb-button-de9515be gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Comparison Images</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"2fd9bfe5","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"0aa52fbb","innerContainer":"full","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"kioblocks":[]} -->
<!-- wp:gallery {"columns":2,"imageCrop":false,"linkTarget":"_blank","linkTo":"media","kioblocks":[]} -->
<figure class="wp-block-gallery has-nested-images columns-2"><!-- wp:image {"id":415795,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/30.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/30-1024x576.webp" alt="" class="wp-image-415795"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415800,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/35.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/35-1024x576.webp" alt="" class="wp-image-415800"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415799,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/40.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/40-1024x576.webp" alt="" class="wp-image-415799"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415801,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/45.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/45-1024x576.webp" alt="" class="wp-image-415801"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415796,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/59.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/59-1024x576.webp" alt="" class="wp-image-415796"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415794,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/Untitled.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/Untitled-1024x683.webp" alt="" class="wp-image-415794"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415798,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/Comparison-Black-Mist.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/Comparison-Black-Mist-1024x512.webp" alt="" class="wp-image-415798"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"id":415797,"sizeSlug":"large","linkDestination":"media","kioblocks":[]} -->
<figure class="wp-block-image size-large"><a href="https://nisifilters.com.au/wp-content/uploads/2023/02/Comparison-3.webp" target="_blank" rel="noopener"><img src="https://nisifilters.com.au/wp-content/uploads/2023/02/Comparison-3-1024x683.webp" alt="" class="wp-image-415797"/></a></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"001c969e","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"0","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"24cb0a2a","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"d4013a37","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","useTransition":true,"transitions":[{"state":"normal","target":"accordionContent","customSelector":"","timingFunction":"ease","delay":"","property":"max-height","duration":0.25}],"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"6674f4b2","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","hasIcon":true,"iconPaddingRight":"","kioblocks":[]} -->
<button class="gb-button gb-button-6674f4b2 gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Read More About Black Mist</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"5b15982e","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"5e6b3e8a","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"3","paddingBottom":"3","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/headline {"uniqueId":"b1516303","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-b1516303 gb-headline-text">Cinematography is the art and technique of capturing stunning visuals on film or digitally. One important aspect of this is the use of filters, which can be placed in front of the camera lens to alter the look and feel of the final image. One type of filter that is particularly useful in many situations is the black mist filter.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"79579256","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-79579256 gb-headline-text">Black mist filters are a type of diffusion filter that is placed in front of the camera lens to soften the image and reduce contrast. This can be especially useful in situations where the lighting is harsh or when shooting in bright sunlight. The black mist filter creates a hazy, dreamlike effect that can add a sense of mood and atmosphere to the final image.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"d9ee7747","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-d9ee7747 gb-headline-text">One of the main benefits of black mist filters is that they can help to reduce the appearance of skin imperfections, such as blemishes or wrinkles. This can be especially useful in close-up shots of actors or when shooting beauty or fashion photography. The black mist filter can also be used to soften harsh shadows and create a more even distribution of light, which can make the image appear more natural and pleasing to the eye.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"041e45d5","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-041e45d5 gb-headline-text">Another benefit of black mist filters is that they can help to reduce the appearance of lens flare and other unwanted reflections. This can be especially useful when shooting in bright sunlight or when using a wide-angle lens.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"4dfe4540","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-4dfe4540 gb-headline-text">Black mist filters are available in a variety of strengths and can be used to create a wide range of effects. Some photographers prefer to use a mild black mist filter for a subtle effect (1/8 strength), while others prefer a stronger filter for a more dramatic effect (1/2 strength). The choice of filter strength will depend on the specific shooting conditions and the desired final look of the image.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"e20ddd43","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-e20ddd43 gb-headline-text">Black mist filters can be a valuable tool for any cinematographer looking to add a sense of mood and atmosphere to their images. They can help to reduce the appearance of skin imperfections, soften harsh shadows, reduce lens flare, and create a more even distribution of light. With the different strength options available, it is easy to find the right filter for any shooting situation. As with any filter or technique, it's always best to experiment with black mist filters to see how they can enhance your cinematography.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"779880f5","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","fontWeight":"bold","fontSize":1.3,"fontSizeUnit":"em","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"alignment":"left","paddingTop":"0","paddingRight":"2","paddingBottom":"0","paddingLeft":"2","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"6b9d3955","backgroundColor":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":3,"variantRole":"accordion","backgroundColorHover":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dbase-3)","accordionMultipleOpen":true,"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"f2034d3e","isDynamic":true,"blockVersion":3,"variantRole":"accordion-item","useTransition":true,"transitions":[{"state":"normal","target":"accordionContent","customSelector":"","timingFunction":"ease","delay":"","property":"max-height","duration":0.25}],"accordionTransition":"slide","kioblocks":[]} -->
<!-- wp:generateblocks/button {"uniqueId":"f44253a1","hasUrl":false,"blockVersion":3,"variantRole":"accordion-toggle","buttonType":"button","display":"inline-flex","flexDirection":"row","alignItems":"center","justifyContent":"center","columnGap":"0.5em","sizing":{"width":"100%"},"fontWeight":"bold","textTransform":"initial","alignment":"left","fontSize":1,"fontSizeUnit":"em","paddingTop":"15","paddingRight":"20","paddingBottom":"15","paddingLeft":"0","backgroundColor":"var(\u002d\u002dcontrast)","backgroundColorHover":"var(\u002d\u002dcontrast)","backgroundColorCurrent":"var(\u002d\u002dcontrast)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","textColorCurrent":"var(\u002d\u002dbase-3)","hasIcon":true,"iconPaddingRight":"","kioblocks":[]} -->
<button class="gb-button gb-button-f44253a1 gb-accordion__toggle"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" fill="currentColor"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em" ariahidden="true" role="img" class="gb-accordion__icon-open"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" fill="currentColor"></path></svg></span><span class="gb-button-text">Black Mist FAQs</span></button>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/container {"uniqueId":"f9b6aaa6","backgroundColor":"var(\u002d\u002dcontrast)","isDynamic":true,"blockVersion":3,"variantRole":"accordion-content","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","kioblocks":[]} -->
<!-- wp:generateblocks/container {"uniqueId":"2a786fc2","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"3","paddingBottom":"3","paddingUnit":"%","kioblocks":[]} -->
<!-- wp:generateblocks/headline {"uniqueId":"33a60d39","element":"h3","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-33a60d39 gb-headline-text"><strong><strong><strong>What is a NiSi black mist filter?</strong></strong></strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"a9d8235c","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-a9d8235c gb-headline-text">If you are looking to create the perfect atmosphere for your photography or videography, then NiSi Black Mist is one tool that should be in every professional's kit. Black Mist filters will add an ethereal glow around light sources while preserving the clarity of images. Get the cinema look that reduces contrast, blooms and softens the light from strong light sources, while smoothing blemishes without affecting colour balance. Give your images or video the Black Mist look.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"7a319524","element":"h3","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-7a319524 gb-headline-text"><strong><strong>What does a black mist filter do?</strong></strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"2418afe2","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-2418afe2 gb-headline-text">Great for both video and still photography, a NiSi black mist filter reduces high contrast and blooms highlights to create a softer and smoother effect without harsh light sources. Great for creating glowing, fog-like light, luminous photography of skin and misty atmosphere in nighttime scenes, a 1/2, 1/4 or 1/8 black mist filter allows you to get the right amount of effect for your scene and capture more cinema-like and interesting shots.</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"4fe318a6","element":"h3","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-4fe318a6 gb-headline-text"><strong>How does a Black Pro Mist filter work?</strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"5cca9264","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-5cca9264 gb-headline-text">Using a fine layer of black specs that diffuse light and soften highlights and contrasts, a black pro mist filter can give your image an instant cinematic quality in camera. Without the need for extensive post-production image editing, your camera can capture the soft, pastel light and smooth, diffused light effect that gives it an unmistakable filmic quality. We offer a range of black pro mist filters in 1/8, 1/4 and 1/2 strengths, so you can opt for a more or less mist effect. Unlike traditional filters, black mist allows you to create the atmosphere you want, all without losing any detail in your image.&nbsp;</p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"f841cbda","element":"h3","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<h3 class="gb-headline gb-headline-f841cbda gb-headline-text"><strong>Why buy a NiSi black mist filter?</strong></h3>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"44e8e18f","element":"p","blockVersion":2,"fontWeight":"normal","fontSize":17,"backgroundColor":"","textColor":"","linkColor":"","linkColorHover":"","borderColor":"","highlightTextColor":"","iconColor":"","kioblocks":[]} -->
<p class="gb-headline gb-headline-44e8e18f gb-headline-text">As a leader in photography research and development and manufacturing,&nbsp;<a href="https://nisifilters.com.au/why-nisi/">NiSi</a>&nbsp;constantly innovates to bring the best in still and video camera technology to the market. NiSi offers an extensive range of Black Mist filters, including sizes from 49mm to 95mm and Professional Kits featuring multiple Black mist filters and cases.&nbsp;<a href="https://nisifilters.com.au/contact/">Get in touch</a>&nbsp;with our team, who can help you with all your purchasing enquiries.</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
JeanPaiva commented 1 year ago

I could not reproduce the error, so I asked other members of the team to test it too.

tomusborne commented 1 year ago

I'm not able to reproduce, either. I used your code in Safari on my iPhone and I can open all accordion items.

You may have a javascript error on the page (I'm not able to check as my country (Canada) is blocked on your server).

diggeddy commented 1 year ago

There are some errors in the mobile browsers developers console, but those are there when viewed on desktop browser too. Right Click > Inspect the page to open developers tools and check the Console tab.

But even with those errors. I tested your URL on iPhone across all browsers. And the Accordions worked for me.

cody-media commented 1 year ago

Hi All, I solved this issue. It is an incompatibility with the Cloudways CND plugin, specifically the Lazy load image setting. Turn this off the accordion works on iPhone.