
/* (catalogue is unique, classes override default behaviour) */
/* Ensures Same Appearance on Safari */

	#catalogue input[type=submit], button										{ -webkit-appearance: none; }

/* Breadcrumb Styles */

	#catalogue #breadcrumb														{ font-size: 0.8125em; color: #292929; padding: 0rem 1.5rem; }
	#catalogue #breadcrumb a													{ color: inherit; text-decoration: none; }

/* Menu Styles */

	#catalogue #catalogue_menu													{ margin: 0 0 20px; width: 100%; }
	#catalogue #catalogue_menu h2												{ margin: 0 0 5px; padding: 0.625em 0.667em; font-size: 1.125em; line-height: 1.167em; font-weight: 400; color: #FFFFFF; background-color: #444444; border-bottom: 0 none; display: block; }
	#catalogue #catalogue_menu ul												{ margin: 0; padding: 0; list-style-type: none; display: block; }
	#catalogue #catalogue_menu ul li											{ margin: 0; padding: 0; font-size: 0.875em; line-height: 1.75em; color: #333333; border-bottom: 1px solid #DDDDDD; display: block; }
	#catalogue #catalogue_menu ul li:hover										{ background-color: #FFE0B2; }
	#catalogue #catalogue_menu ul li a											{ padding: 0.5em 0.5em 0.5em 1.25em; font-size: 1em; line-height: 1.25em; font-weight: 400; text-decoration: none; color: inherit; text-align: left; display: block; }
	#catalogue #catalogue_menu ul li input										{ width: 11px; height: 11px; border-color: blue; }

/* Filter Styles */

	#catalogue .filter																	{ margin: 1em 0 0; width: 100%; background-color: #ECEEED; }
	#catalogue .catalogue_filters														{ width: 100%; }

	#catalogue .catalogue_filters h4, 
    #catalogue_filters_container .catalogue_filters h4									{ margin: 0; padding: 0.857em 2em 0.857em 0.857em; background-color: #D9D9D9; background-image: url('../images/filters-downarrow.png'); background-repeat: no-repeat; background-position: right center; cursor: pointer; }
	#catalogue .catalogue_filters h4.open, 
    #catalogue_filters_container .catalogue_filters h4.open								{ background-image: url('../images/filters-uparrow.png'); }
	#catalogue .catalogue_filters span.heading, 
    #catalogue_filters_container .catalogue_filters span.heading						{ margin: 0 0 5px; padding: 0.625em 0.667em; font-size: 1.125em; color: #FFFFFF; background-color: #444444; border-bottom: 0 none; line-height: 1.167em; font-weight: 400; display: block; }
	#catalogue .catalogue_filters .filters_btn,
    #catalogue_filters_container .catalogue_filters .filters_btn						{ padding: 2; width: 100%; color: #FFFFFF; background-color: #808080; cursor: pointer; display: none; }

    #catalogue .catalogue_filters ul.filters, 
    #catalogue_filters_container .catalogue_filters ul.filters							{ margin: 0; padding: 0.625em 1.375em; list-style-type: none; display: block; }
	#catalogue .catalogue_filters ul.filters li, 
    #catalogue_filters_container .catalogue_filters ul.filters li						{ margin: 0; padding: 0; font-size: 1em; color: #333333; border-bottom: 0 none; }
	#catalogue .catalogue_filters ul.filters li:hover, 
    #catalogue_filters_container .catalogue_filters ul.filters li:hover					{ background-color: transparent; }
	#catalogue .catalogue_filters ul.filters li label, 
    #catalogue_filters_container .catalogue_filters ul.filters li label					{ padding: 0; display: block; }
	#catalogue .catalogue_filters ul.filters li input[type=checkbox], 
    #catalogue_filters_container .catalogue_filters ul.filters li input[type=checkbox]	{ margin: 0; padding: 0; width: 19px; height: 19px; border: 0; display: inline-block; background-color: #23408F; vertical-align: middle; -webkit-appearance: checkbox; }
	#catalogue .catalogue_filters ul.filters li input[type=checkbox]:checked, 
    #catalogue_filters_container .catalogue_filters ul.filters li input[type=checkbox]:checked	{ background-image: url('../../../images/checkbox_tick.png'); background-size: 100% auto; background-color: #23408F; }
	#catalogue .catalogue_filters ul.filters li.disabled label, 
    #catalogue_filters_container .catalogue_filters ul.filters li.disabled label		{ color: #D8D8D8; }
	#catalogue .catalogue_filters ul.filters li.disabled label span.count, 
    #catalogue_filters_container .catalogue_filters ul.filters li.disabled label span.count	{ color: #E2E2E2; }

	#catalogue_filters_container .catalogue_filters_btn_close							{ cursor:pointer; }
	#catalogue_filters_container .catalogue_filters_btn_close .fa						{ font-weight: 400; }

	#catalogue .catalogue_filters ul.filters li.disabled:hover, 
    #catalogue_filters_container .catalogue_filters ul.filters li.disabled:hover		{ color:#000000; }

	#catalogue .catalogue_filters ul.filters li span.count, 
    #catalogue_filters_container .catalogue_filters ul.filters li span.count			{ margin: 0 0 0 0.5em; font-size: 1em; color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	#catalogue .catalogue_filters ul.filters li span.label, 
    #catalogue_filters_container .catalogue_filters ul.filters li span.label			{ padding: 0.125em 1em; font-size: 0.75em; vertical-align: middle; color: #231F20; display: inline-block; }

	#catalogue div.catalogue_filters ul.filters li span.checkbox, 
    #catalogue_filters_container .catalogue_filters ul.filters li span.checkbox			{ position: static; width:10%; max-width:20px; display:inline-block; vertical-align:top; }
	#catalogue div.catalogue_filters ul.filters li span.label, 
    #catalogue_filters_container .catalogue_filters ul.filters li span.label			{ width:90%; }

	#catalogue .catalogue_filters button.show-more, 
    #catalogue_filters_container .catalogue_filters button.show-more					{ padding: 0.25rem 0.7rem; background-color: transparent; min-width: 0; }

    #catalogue .catalogue_filters .no_filters											{ padding: 0.5em; }
    /* ----- specific mobile filters styling ----- */

        body.catalogue_filters_active													{ position: fixed; display:block; }
        body.catalogue_filters_active #catalogue_filters_container						{ transition: 300ms ease; display:block; width: 100%; text-align: center; background-color: #000; background: rgba(0, 0, 0, 0.4); height: 100%; position: absolute; z-index: 101; }
        body #catalogue_filters_container .loading										{ display: none; }

        #catalogue_filters_container .heading											{ top:0px; z-index: 11; position:fixed; width: 75%; margin: 0 0 5px; padding: 0.625em 0.667em; font-size: 1.125em; color: #FFFFFF; background-color: #444444; border-bottom: 0 none; line-height: 1.167em; font-weight: 400; }

        .catalogue_filters.mobile														{ top:0px; transition: left 300ms ease; position: absolute; z-index: 100; background-color: #FFF; height: 100%; width: 75%; left: -75%; }
        .catalogue_filters.mobile.active												{ left:0%; padding-top: 44px; height: 100%; overflow: scroll; }
        body.catalogue_filters_active #catalogue_filters_container .loading				{ display: block; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); z-index: 101; }

        .catalogue_filters.mobile.active .catalogue_filters_btn_close					{ color:#FFF; position: absolute; z-index: 101; left: calc(100% - 34px); top: 5px; font-size: 1.5em; }

        #products_container #page_navigation .product_filters_btn						{ display: none; }
        #products_container #page_navigation .product_filters_btn i						{ margin-right:0.5rem; }

        #catalogue .catalogue_filters h4												{ font-size: 1em; }

    /* ----- #########################################################################*/	





	#catalogue #products_slider													{ margin: 5.5em 0 1em; padding: 1em; width: 100%; background-color: #EDEDED; }
	#catalogue #products_slider .heading										{ font-size: 1.125em; line-height: 1.33em; font-weight: 700; font-family: 'Lato', Arial, sans-serif; text-align: center; }
	#catalogue #products_slider ul.products										{ margin: 0; padding: 0; max-width: 1220px; margin: 0 auto; }
	#catalogue #products_slider ul.products li									{ margin: 8px; border: 1px solid #CCDEE0; overflow: hidden; position: relative; }

	#catalogue #products_slider .slick-next:before 								{ content: '\f054'; font-family: 'Font Awesome 6 Pro'; color: #333; opacity: 1; font-size: 2.5rem; right: -5px; position: relative; top: -50px; }
	#catalogue #products_slider .slick-prev:before 								{ content: '\f053'; font-family: 'Font Awesome 6 Pro'; color: #333; opacity: 1; font-size: 2.5rem; left: -5px; position: relative; top: -50px; }

	#catalogue #products_slider.outofstock_alternative 							{ background-color: transparent; }

	#catalogue .clear															{ line-height: 1px; }

	/* Popup Add To Basket Styles */

	div.wg_popup_addtobasket 													{ border-radius: 10px; padding: 0; }
	div.wg_popup_addtobasket span.close											{ display: none; top: 0; right: 0; position: static; }
	div.wg_popup_addtobasket .popup_addtobasket__header 						{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #333333; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem; }
	div.wg_popup_addtobasket .popup_addtobasket__header h3 						{ color: #fff; margin: 0; }
	div.wg_popup_addtobasket .popup_addtobasket__header span.close 				{ display: block; }
	div.wg_popup_addtobasket .popup_addtobasket__content 						{ background-color: #fff; padding: 1.25rem; }
	div.wg_popup_addtobasket .popup_addtobasket__content div.summary			{ font-size: 0.875em; }
	div.wg_popup_addtobasket .popup_addtobasket__footer 						{ background-color: #fff; padding: 1.25rem; }

/* Tablet Styles */

	@media only screen and (min-width: 0px) and (max-width: 800px)
	{

		/* Menu Styles */

			#catalogue_menu														{ display: none; }

		/* Filter Styles */

			#catalogue .catalogue_filters h4									{ margin: 2% 0 0; }
			#catalogue #filters_menu .filters_btn								{ display: block; }


        /* ----- specific mobile filters styling ----- */

            .catalogue_filters.mobile											{ display: block; }

            #catalogue .category_summary,										
            #catalogue .category_description,									
            .catalogue_filters,													
            #catalogue #catalogue_filters,										
            #catalogue .category_description									{ display: none; }

            #products_container #page_navigation .product_filters_btn			{ display: block; width: 45%; }
            #products_container #page_navigation .product_filters_btn button	{ min-width: 100px; width: 90%; height: 100%; font-size: 1.125em; }	
			#products_container #page_navigation:last-of-type					{ margin: 0; padding: 0 0 1rem; }
            
            #products_container #page_navigation								{ display: flex; flex-wrap: wrap; }
            #products_container #page_navigation .clear							{ display: none; }
        
        /* ----- #########################################################################*/




	}

/* Mobile Styles */

	@media only screen and (min-width: 0px) and (max-width: 600px)
	{

	}

/*--TEMPLATE_1--*/
