UV Protection Apparel

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CategoriesContent"> <span>Categories<span class="visually-hidden" id="CategoriesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CategoriesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Categories filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Categories filters</legend> <input type="checkbox" id="chkTag_91" name="Headwear" class="" data-filter="Headwear" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_91_label" class="text20" for="chkTag_91" aria-label="Headwear 2 products">Headwear (2)</label> <input type="checkbox" id="chkTag_94" name="Polo Shirts" class="" data-filter="Polo Shirts" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_94_label" class="text20" for="chkTag_94" aria-label="Polo Shirts 7 products">Polo Shirts (7)</label> <input type="checkbox" id="chkTag_169" name="Sunglasses" class="lastObject" data-filter="Sunglasses" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_169_label" class="text20" for="chkTag_169" aria-label="Sunglasses 3 products">Sunglasses (3)</label> </fieldset> </div> </section> <section id="Apparel" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Apparel"> <h3 id="ApparelHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ApparelContent"> <span>Apparel<span class="visually-hidden" id="ApparelDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ApparelContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Apparel filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Apparel filters</legend> <input type="checkbox" id="chkTag_7558" name="Embroidered Headwear" class="" data-filter="Embroidered Headwear" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7558_label" class="text20" for="chkTag_7558" aria-label="Embroidered Headwear 1 products">Embroidered Headwear (1)</label> <input type="checkbox" id="chkTag_7560" name="Embroidered Polo Shirts" class="lastObject" data-filter="Embroidered Polo Shirts" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7560_label" class="text20" for="chkTag_7560" aria-label="Embroidered Polo Shirts 7 products">Embroidered Polo Shirts (7)</label> </fieldset> </div> </section> <section id="BaseballCaps" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BaseballCaps"> <h3 id="BaseballCapsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BaseballCapsContent"> <span>Baseball Caps<span class="visually-hidden" id="BaseballCapsDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BaseballCapsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Baseball Caps filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Baseball Caps filters</legend> <input type="checkbox" id="chkTag_6833" name="Hook &amp; Loop Back" class="" data-filter="Hook &amp; Loop Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6833_label" class="text20" for="chkTag_6833" aria-label="Hook &amp; Loop Back 1 products">Hook &amp; Loop Back (1)</label> <input type="checkbox" id="chkTag_6678" name="Unstructured" class="lastObject" data-filter="Unstructured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6678_label" class="text20" for="chkTag_6678" aria-label="Unstructured 1 products">Unstructured (1)</label> </fieldset> </div> </section> <section id="Brand" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Brand"> <h3 id="BrandHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BrandContent"> <span>Brand<span class="visually-hidden" id="BrandDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BrandContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Brand filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Brand filters</legend> <input type="checkbox" id="chkTag_196" name="Nike" class="lastObject" data-filter="Nike" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_196_label" class="text20" for="chkTag_196" aria-label="Nike 1 products">Nike (1)</label> </fieldset> </div> </section> <section id="ExtendedSizes" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ExtendedSizes"> <h3 id="ExtendedSizesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ExtendedSizesContent"> <span>Extended Sizes<span class="visually-hidden" id="ExtendedSizesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ExtendedSizesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Extended Sizes filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Extended Sizes filters</legend> <input type="checkbox" id="chkTag_4871" name="Tall" class="" data-filter="Tall" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_4871_label" class="text20" for="chkTag_4871" aria-label="Tall 1 products">Tall (1)</label> <input type="checkbox" id="chkTag_5232" name="Up to 3XL" class="" data-filter="Up to 3XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5232_label" class="text20" for="chkTag_5232" aria-label="Up to 3XL 7 products">Up to 3XL (7)</label> <input type="checkbox" id="chkTag_6036" name="Up to 4XL" class="" data-filter="Up to 4XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_6036_label" class="text20" for="chkTag_6036" aria-label="Up to 4XL 2 products">Up to 4XL (2)</label> <input type="checkbox" id="chkTag_5233" name="Up to 5XL" class="" data-filter="Up to 5XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5233_label" class="text20" for="chkTag_5233" aria-label="Up to 5XL 4 products">Up to 5XL (4)</label> <input type="checkbox" id="chkTag_5234" name="Up to 6XL" class="" data-filter="Up to 6XL" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_5234_label" class="text20" for="chkTag_5234" aria-label="Up to 6XL 2 products">Up to 6XL (2)</label> <input type="checkbox" id="chkTag_7427" name="XS" class="lastObject" data-filter="XS" data-group="ExtendedSizes" aria-describedby="ExtendedSizesDescription" /> <label id="chkTag_7427_label" class="text20" for="chkTag_7427" aria-label="XS 3 products">XS (3)</label> </fieldset> </div> </section> <section id="Fabric" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fabric"> <h3 id="FabricHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FabricContent"> <span>Fabric<span class="visually-hidden" id="FabricDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FabricContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Fabric filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fabric filters</legend> <input type="checkbox" id="chkTag_4543" name="Cotton" class="" data-filter="Cotton" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4543_label" class="text20" for="chkTag_4543" aria-label="Cotton 1 products">Cotton (1)</label> <input type="checkbox" id="chkTag_4547" name="Moisture Wicking" class="" data-filter="Moisture Wicking" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4547_label" class="text20" for="chkTag_4547" aria-label="Moisture Wicking 7 products">Moisture Wicking (7)</label> <input type="checkbox" id="chkTag_4546" name="Odor Resistant" class="" data-filter="Odor Resistant" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4546_label" class="text20" for="chkTag_4546" aria-label="Odor Resistant 2 products">Odor Resistant (2)</label> <input type="checkbox" id="chkTag_4544" name="Polyester" class="" data-filter="Polyester" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4544_label" class="text20" for="chkTag_4544" aria-label="Polyester 7 products">Polyester (7)</label> <input type="checkbox" id="chkTag_7140" name="Polyester/Mesh Back" class="lastObject" data-filter="Polyester/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7140_label" class="text20" for="chkTag_7140" aria-label="Polyester/Mesh Back 1 products">Polyester/Mesh Back (1)</label> </fieldset> </div> </section> <section id="FeaturedLine" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FeaturedLine"> <h3 id="FeaturedLineHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FeaturedLineContent"> <span>Featured Line<span class="visually-hidden" id="FeaturedLineDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FeaturedLineContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Featured Line filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Featured Line filters</legend> <input type="checkbox" id="chkTag_6449" name="UltraClub" class="lastObject" data-filter="UltraClub" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6449_label" class="text20" for="chkTag_6449" aria-label="UltraClub 3 products">UltraClub (3)</label> </fieldset> </div> </section> <section id="Fit" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fit"> <h3 id="FitHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FitContent"> <span>Fit<span class="visually-hidden" id="FitDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FitContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Fit filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fit filters</legend> <input type="checkbox" id="chkTag_4523" name="Men&#x27;s" class="" data-filter="Men&#x27;s" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4523_label" class="text20" for="chkTag_4523" aria-label="Men&#x27;s 4 products">Men&#x27;s (4)</label> <input type="checkbox" id="chkTag_4524" name="Women&#x27;s" class="lastObject" data-filter="Women&#x27;s" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4524_label" class="text20" for="chkTag_4524" aria-label="Women&#x27;s 3 products">Women&#x27;s (3)</label> </fieldset> </div> </section> <section id="Headwear" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Headwear"> <h3 id="HeadwearHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="HeadwearContent"> <span>Headwear<span class="visually-hidden" id="HeadwearDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="HeadwearContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Headwear filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Headwear filters</legend> <input type="checkbox" id="chkTag_372" name="Baseball Caps" class="" data-filter="Baseball Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_372_label" class="text20" for="chkTag_372" aria-label="Baseball Caps 1 products">Baseball Caps (1)</label> <input type="checkbox" id="chkTag_373" name="Visors" class="lastObject" data-filter="Visors" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_373_label" class="text20" for="chkTag_373" aria-label="Visors 1 products">Visors (1)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ImprintMethodContent"> <span>Imprint Method<span class="visually-hidden" id="ImprintMethodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Imprint Method filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Imprint Method filters</legend> <input type="checkbox" id="chkTag_184" name="Embroidered" class="lastObject" data-filter="Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_184_label" class="text20" for="chkTag_184" aria-label="Embroidered 8 products">Embroidered (8)</label> </fieldset> </div> </section> <section id="SleeveLength" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="SleeveLength"> <h3 id="SleeveLengthHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SleeveLengthContent"> <span>Sleeve Length<span class="visually-hidden" id="SleeveLengthDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SleeveLengthContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Sleeve Length filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sleeve Length filters</legend> <input type="checkbox" id="chkTag_376" name="Short Sleeve" class="lastObject" data-filter="Short Sleeve" data-group="SleeveLength" aria-describedby="SleeveLengthDescription" /> <label id="chkTag_376_label" class="text20" for="chkTag_376" aria-label="Short Sleeve 7 products">Short Sleeve (7)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StyleContent"> <span>Style<span class="visually-hidden" id="StyleDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="StyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Style filters</legend> <input type="checkbox" id="chkTag_6359" name="Performance" class="lastObject" data-filter="Performance" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_6359_label" class="text20" for="chkTag_6359" aria-label="Performance 7 products">Performance (7)</label> </fieldset> </div> </section> <section id="SunProtection" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="SunProtection"> <h3 id="SunProtectionHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SunProtectionContent"> <span>Sun Protection<span class="visually-hidden" id="SunProtectionDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SunProtectionContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Sun Protection filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sun Protection filters</legend> <input type="checkbox" id="chkTag_7431" name="UPF Protection" class="" data-filter="UPF Protection" data-group="SunProtection" aria-describedby="SunProtectionDescription" /> <label id="chkTag_7431_label" class="text20" for="chkTag_7431" aria-label="UPF Protection 1 products">UPF Protection (1)</label> <input type="checkbox" id="chkTag_7429" name="UV400 Protection" class="lastObject" data-filter="UV400 Protection" data-group="SunProtection" aria-describedby="SunProtectionDescription" /> <label id="chkTag_7429_label" class="text20" for="chkTag_7429" aria-label="UV400 Protection 3 products">UV400 Protection (3)</label> </fieldset> </div> </section>