Farmer's Almanac Themed Products

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="show-md"> <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 href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CategoriesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#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_175" name="Calendars" class="lastObject" data-filter="Calendars" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_175_label" class="text20" for="chkTag_175" aria-label="Calendars 8 products">Calendars (8)</label> </fieldset> </div> </section> <section id="CalendarView" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="CalendarView"> <h3 id="CalendarViewHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CalendarViewContent"> <span>Calendar View<span class="visually-hidden" id="CalendarViewDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CalendarViewContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Calendar View filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Calendar View filters</legend> <input type="checkbox" id="chkTag_4902" name="Monthly" class="lastObject" data-filter="Monthly" data-group="CalendarView" aria-describedby="CalendarViewDescription" /> <label id="chkTag_4902_label" class="text20" for="chkTag_4902" aria-label="Monthly 8 products">Monthly (8)</label> </fieldset> </div> </section> <section id="Calendars" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Calendars"> <h3 id="CalendarsHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CalendarsContent"> <span>Calendars<span class="visually-hidden" id="CalendarsDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CalendarsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Calendars filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Calendars filters</legend> <input type="checkbox" id="chkTag_655" name="Spiral Calendars" class="" data-filter="Spiral Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_655_label" class="text20" for="chkTag_655" aria-label="Spiral Calendars 4 products">Spiral Calendars (4)</label> <input type="checkbox" id="chkTag_654" name="Stapled Calendars" class="" data-filter="Stapled Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_654_label" class="text20" for="chkTag_654" aria-label="Stapled Calendars 4 products">Stapled Calendars (4)</label> <input type="checkbox" id="chkTag_7397" name="Wall Calendars" class="lastObject" data-filter="Wall Calendars" data-group="Calendars" aria-describedby="CalendarsDescription" /> <label id="chkTag_7397_label" class="text20" for="chkTag_7397" aria-label="Wall Calendars 8 products">Wall Calendars (8)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="show-md"> <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 href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="StyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#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_594" name="Wall" class="lastObject" data-filter="Wall" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_594_label" class="text20" for="chkTag_594" aria-label="Wall 8 products">Wall (8)</label> </fieldset> </div> </section> <section id="Theme" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Theme"> <h3 id="ThemeHeader" class="show-md"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ThemeContent"> <span>Theme<span class="visually-hidden" id="ThemeDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ThemeContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hide-md text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use href="/icons/iconLibrary.svg#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Theme filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Theme filters</legend> <input type="checkbox" id="chkTag_4892" name="Farmers Almanac" class="lastObject" data-filter="Farmers Almanac" data-group="Theme" aria-describedby="ThemeDescription" /> <label id="chkTag_4892_label" class="text20" for="chkTag_4892" aria-label="Farmers Almanac 8 products">Farmers Almanac (8)</label> </fieldset> </div> </section>