PageSourceSearch

https://www.devereyarns.co.uk/index.asp

html devereyarns.co.uk collected 2026-09-27 06:04:22 UTC 135,023 bytes, 3,985 lines download raw bytes

1<!-- 
2    --------------------------
3    EKM Theme:  Aerial
4    Released: Aug 2020
5    Last Edited: 07/09/2023
6    ---------------------------
7  -->
8  
9<!DOCTYPE html>
10<html lang="en-GB">
11<head>
12	<!-- EKM Theme:  Aerial -->
13	<link rel="preconnect" href="https://fonts.googleapis.com">
14	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    
15
16	<meta name="" />
17	<meta charset="utf-8">
18	<meta http-equiv="X-UA-Compatible" content="IE=edge">
19	<meta name="keywords" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers.">
20	<meta name="description" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers.">
21	<meta name="viewport" content="width=device-width, initial-scale=1">
22	
23	<link rel="shortcut icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" />
24<link rel="icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" />
25
26	
27	<title>DeVere Yarns | Embroidery Thread, Weaving Yarn, Silk, Cotton, Wool</title>
28    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css" defer fetchpriority="low" >
29    <link href="//themes.cdn.ekm.net/themes/master/2271/css/base.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
30    <link href="//themes.cdn.ekm.net/themes/master/2271/css/buttons.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
31    <link href="//themes.cdn.ekm.net/themes/master/2271/css/style.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
32    <link href="//themes.cdn.ekm.net/themes/master/2271/css/blog_post.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
33    <link href="//themes.cdn.ekm.net/themes/master/2271/css/newsletter.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
34    
35    
36	
37		
38	 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 
39	
40	
41	
42		
43	
44<style>
45
46	:root{
47	    
48	    --ekm-search-anchor: .header-search-bar !important;
49	    
50		--header_icons: #ffffff;
51		--header_background: #ffffff;
52
53		--account_bg: #ffffff;
54		--account_icon: #254249;
55		
56		--cart_bg: #ffffff;
57		--cart_icon: #254249;
58		
59		--cart_item_bg: #3b6072;
60		--cart_item_text: #FFFFFF;
61		
62		--header_info_background: #3b6072;
63		--header_info_text: #ffffff;
64		
65		--nav-dropdown-background: #FFFFFF;
66		--nav_bar_background: #6a99af;
67		--nav_bar_links: #ffffff;
68		--nav_dropdown_links: #333333;
69		--nav-breadcrumb-bg: #eeeeee;
70		
71		--mobile_menu_icon: #d2ac6c;
72		--mobile_menu_button_icon: #FFFFFF;
73	
74		--body_background: #FFFFFF;
75		--category_page_background: #f5f5f5;
76		--product_page_background: #f5f5f5;
77
78		--body_text: #333333;
79		--body_review_stars: #FFBD00;
80		--body_main_links: #be965b;
81		--body_headings: #333333;
82		--section_bg: #FFFFFF;
83
84
85		
86		--primary_button_btn_bg: #d2ac6c;
87		--primary_button_btn_text: #FFFFFF;
88		
89		--btn-border-radius: 3px;
90		
91		--secondary_button_btn_bg: #FFFFFF;
92		--secondary_button_btn_text: #232323;
93		
94		--atc_button_btn_bg: #d2ac6c;
95		--atc_button_btn_text: #FFFFFF;
96		
97		--footer_bg: var(--settings_footer_bg);
98		--footer_text: var(--settings_footer_text);
99		--footer_link: var(--settings_footer_link);
100		
101		--webpages_background: ;
102		
103		--copyright_background: #34515f;
104		--copyright_text: #FFFFFF;
105		
106		--primary-font: Open Sans;
107		
108		--ekm-atc-background-colour: #d2ac6c;		
109		
110	    --ekm-success-colour-text: #03c300;
111	    --ekm-success-colour-background: #bffdbf;	   
112	    --ekm-caution-colour-text: #c71908;
113	    --ekm-caution-colour-background: #fddebf;
114	    --ekm-warning-colour-text: #ff5241;
115	    --ekm-warning-colour-background: #fdbfbf;
116	    --ekm-inverse-colour-text: #ffffff;
117	    --ekm-inverse-colour-background: #000000;
118		--ekm-atc-background-colour: var(--primary_button_btn_bg);
119		--ekm-atc-text-colour: var(--primary_button_btn_text);
120		
121	}
122
123	
124
125</style>
126
127<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','default',{'ad_storage':'denied','ad_user_data':'denied','ad_personalization':'denied','analytics_storage':'denied','wait_for_update': 500});})();</script>
127<script>
128var is_merchant_logged_in = 0;
129</script>
129
130 <link rel="stylesheet" href="https://shopui.ekmsecure.com/2%2E1%2E13/styles/shopui.css"  />
131<script>(window.dataLayer = window.dataLayer || []).push({'Username': 'devereyarns'}) ;</script>
131
132<!-- Google Tag Manager -->
132<script>
vendor: 320 bytes, line 132
132(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}) ;var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'' ;j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f) ;})(window,document,'script','dataLayer','
132GTM-KF9VMP
vendor: 4 bytes, line 132
132') ;
132</script>
132<!-- End Google Tag Manager -->
133<link rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
133<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/search/search.js?v=26" type="module"></script>
133<script type="application/json" data-config="search">
134{
135"user": "devereyarns",
136"isSearchPage": false,
137"disabled": false,
138"searchQuery": null,
139"searchCategories": [],
140"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7NEI3RDAyNjEtODVENS00MDkzLUE1OTItMDgyQUY3QjFGN0E3fSIsImlhdCI6MTc5MDQ4NjM0NywiZXhwIjoxNzk2MDE2MzQ3LCJvcmlnaW5zIjpbImh0dHBzOi8vZGV2ZXJleWFybnMuMS5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMS5la20ubmV0IiwiaHR0cHM6Ly9kZXZlcmV5YXJucy5jby51ayIsImh0dHBzOi8vd3d3LmRldmVyZXlhcm5zLmNvLnVrIl19.kbXZLBIyT9KPrlPJhQCAR9uK61zgIc6HZh5L5OWaVV4",
141"showAttributeFilter": true,
142"showCategoryFilter": true,
143"showPriceFilter": true,
144"showTDPrices": true,
145"isTDUser": false,
146"topLevelCategories": ["Colour Packs","Digital Gift Cards","Embroidery Threads","Protective cop sleeving","Shade Cards & Quality Card","Silk Craft Fibres & Supplies","Weaving Yarns","William Folliott book"],
147"attributes": {},
148"attributeNames": {},
149"priceRange": {"min": 0, "max": 0},
150"currency": {"exponent": 2,"symbol": "£","format":"SYMBOL-PRICE"}
151}
152</script>
152<script async src="https://cdn.salesfire.co.uk/code/5a4d1397-13f8-4c6e-a615-07a62c746a87.js"></script>
152<link rel="preconnect" href="https://fonts.googleapis.com">
153<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
154<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"><style>
155/* Your CSS Here */
156body, .header-search-bar input, .atc-wrapper input, #product-options select, .single-product-option input {
157	 font-family: "Figtree", sans-serif;
158}
159
160.announcment-holiday-wrapper .fixed-header-text, .fixed-header-button {
161	font-family: "Figtree", sans-serif!important;
162}
163
164header .site-logo img {
165	padding-top: 0.5rem;
166}
167
168.header-search-bar input {
169    text-transform: unset;
170}
171
172.main-banner-block .theme-btn {
173    background-color: var(--primary_button_btn_bg)!important;
174    color: var(--primary_button_btn_text)!important;
175}
176 
177.theme-btn {
178	padding: 1rem 2rem;
179	text-transform: capitalize;
180}
181
182#ekm-image-banner h1 {
183    font-size: clamp(3rem, 2.5vw, 4.2rem)!important;
184    text-wrap: balance;
185    line-height: 1.4;
186}
187
188#ekm-image-banner .main-banner-block p, .banner-text-block p {
189    color: #FFFFFF;
190    font-size: clamp(1.6rem, 2.5vw, 1.8rem)!important;
191    max-width: 580px;
192}
193
194.main-content .main-banner-block {
195    min-height: 500px;
196}
197
198.main-content .ekm-promo-box-wrapper .ekm-promo-box-content {
199    padding: 1rem 2rem 2rem !important;
200}
201
202.aerial-product-item {
203    padding: 10px;
204}
205
206h3 {
207	font-size: 2.6rem;
208}
209
210.incategory-desc :is(h1, h2, h3, p) {
211    margin-bottom: 10px;
212    text-align: center;
213}
214
215.incategory-desc :is(table) {
216    margin: auto;
217}
218
219.main-content .text-image-block-wrapper--one {
220    margin-bottom: 0px;
221}
222
223@media only screen and (min-width: 989px) {
224    header > .container {
225        grid-template-columns: 250px 1fr 250px!important;
226    }
227}
228
229@media screen and (max-width: 800px) {
230	ekm-search-categories {
231    	background-color: #f3f3f3!important;
232	}
233	
234	.header-search-bar form .ekmps-search-button {
235    	background-color: #f3f3f3!important;
236	}
237	
238	.main-content .main-banner-block {
239    	min-height: 350px;
240	}
241}
242</style>
242<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
242<link rel="canonical" href="https://www.devereyarns.co.uk/" />
242<script type="text/javascript">
243
244  var _gaq = _gaq || [];
245  _gaq.push(['_setAccount', 'UA-40342746-1']) ;
246  _gaq.push(['_setDomainName', 'devereyarns.co.uk']) ;
247  _gaq.push(['_trackPageview']) ;
248
249  (function() {
250    var ga = document.createElement('script') ; ga.type = 'text/javascript' ; ga.async = true;
251    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js' ;
252    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s) ;
253  })() ;
254
255</script>
255<meta name="google-site-verification" content="HzD_f9Et9EIHg0E6qCbkeuvj0wJPwxu5SBzygXgKAmQ" /><meta property="og:image" content="https://files.ekmcdn.com/devereyarns/resources/design/new-logo-new-website---best.jpg" />
256<meta property="og:site_name" content="Devere Yarns" />
257<meta property="og:title" content="Devere Yarns" />
258<script src="https://1.cdn.ekm.net/ekmps/assets/js/showdata-thumbnailhover.min.js?v=1"></script>
258<link href="https://1.cdn.ekm.net/ekmps/css/showdata-thumbnailhover.css" rel="stylesheet" type="text/css" />
258<script src="https://1.cdn.ekm.net/ekmps/designs/assets/cart/1298/other/upsell-splide-init.min.js" type="module"/></script>
258<link type="text/css" rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/shop-front/softcart.min.css?_=22" />
258<script async type="text/JavaScript" data-ekm-softcart-options="{}" data-ekm-softcart-lc="{&quot;close&quot;: &quot;close&quot;, &quot;Shopping Cart Updated&quot;: &quot;Shopping Cart Updated&quot;, &quot;No items in cart&quot;: &quot;No items in cart&quot;, &quot;Quantity&quot;: &quot;Quantity&quot;, &quot;Remove&quot;: &quot;remove&quot;, &quot;Remove Bundle&quot;: &quot;remove bundle&quot;, &quot;Items: &quot;: &quot;Items: &quot;, &quot;Sub Total: &quot;: &quot;Subtotal: &quot;, &quot;Discounted Sub Total: &quot;: &quot;Discounted Sub Total: &quot;, &quot;Delivery: &quot;: &quot;Delivery: &quot;, &quot;Vat: &quot;: &quot;Vat: &quot;, &quot;Total: &quot;: &quot;Total: &quot;, &quot;View Cart&quot;: &quot;View Cart&quot;, &quot;Continue Shopping&quot;: &quot;Continue Shopping&quot;, &quot;Checkout&quot;: &quot;Checkout&quot;, &quot;Go To Checkout&quot;: &quot;Go To Checkout&quot;, &quot;Sorry, there was a problem&quot;: &quot;Sorry, there was a problem&quot;, &quot;Back&quot;: &quot;Back&quot;, &quot;Sorry, could not add to cart&quot;: &quot;Sorry, could not add to cart&quot;, &quot;Please ensure you've completed all the required fields.&quot;: &quot;Please ensure you've completed all the required fields.&quot;, &quot;Sorry, could not complete request&quot;: &quot;Sorry, could not complete request&quot;, &quot;There was an error processing your request.&quot;: &quot;There was an error processing your request.&quot;, &quot;More Details&quot;: &quot;More Details&quot;, &quot;Connection Problem&quot;: &quot;Connection Problem&quot;, &quot;There was a problem communicating with the server.&quot;: &quot;There was a problem communicating with the server.&quot;, &quot;Please check your internet connection and try again.&quot;: &quot;Please check your internet connection and try again.&quot;, &quot;Please try again.&quot;: &quot;Please try again. &quot;, &quot;Continue to Product Page&quot;: &quot;Continue to Product Page&quot;, &quot;Cancel&quot;: &quot;Cancel&quot;, &quot;Add product to your cart&quot;: &quot;Add product to your cart&quot;, &quot;Add to Basket&quot;: &quot;Add to Cart&quot;, &quot;Choose Image&quot;: &quot;Choose Image&quot;, &quot;Please choose an image&quot;: &quot;Please choose an image&quot;, &quot;remove&quot;: &quot;remove&quot;, &quot;View full product details&quot;: &quot;View full product details&quot;, &quot;Stock Status: &quot;: &quot;Stock Status: &quot;,&quot; Sold Out&quot;: &quot; Sold Out&quot;,&quot; In Stock&quot;: &quot; In Stock&quot;,&quot;Redirecting to Product Page&quot;: &quot;Redirecting to Product Page&quot;,&quot;Only [stock] in stock&quot;:&quot;Only [stock] in stock&quot;,&quot;No Saving&quot;: &quot;No Saving&quot;, &quot;Quantity Range&quot;: &quot;Quantity Range&quot;, &quot;Unit Price&quot;: &quot;Unit Price&quot;, &quot;Unit Saving&quot;: &quot;Unit Saving&quot;, &quot;Total Price:&quot;: &quot;Total Price:&quot;, &quot;Total Saving:&quot;: &quot;Total Saving:&quot;,&quot;Every [x] Days&quot;: &quot;Every [x] Days&quot;,&quot;Every [x] Weeks&quot;: &quot;Every [x] Weeks&quot;,&quot;Every [x] Months&quot;: &quot;Every [x] Months&quot;,&quot;Every [x] Years&quot;: &quot;Every [x] Years&quot;,&quot;Daily&quot;: &quot;Daily&quot;,&quot;Weekly&quot;: &quot;Weekly&quot;,&quot;Monthly&quot;: &quot;Monthly&quot;,&quot;Yearly&quot;: &quot;Yearly&quot;,&quot;Save [percent_discount]% when you choose to have regular deliveries of this product.&quot;: &quot;Save [percent_discount]% when you choose to have regular deliveries of this product.&quot;,&quot;No minimum subscription length &amp; cancel anytime.&quot;: &quot;No minimum subscription length &amp; cancel anytime.&quot;,&quot;Subscribe&quot;: &quot;Subscribe&quot;,&quot;One time purchase&quot;: &quot;One time purchase&quot;,&quot;Delivery intervals :&quot;: &quot;Delivery intervals&quot;,&quot;Set Up Now&quot;: &quot;Set Up Now&quot;}" data-ekm-softcart-product-count="0" src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/softcart.min.js?_=56"></script>
258<script async src="https://1.cdn.ekm.net/ekmps/scripts/historytracker.js" integrity="sha256-/qpINPx0JrNJoW7XZXa9nMM3vY14qdlkmiNSj9pKbIM= sha384-Hix6Oo3XCh6Lx/s1C3+UWfKyB/313Oqt/cEkTsemluJa4I4j8Sx+AZ4sLLCGRzEE sha512-u/iBpqHp/Y/oEkIcER5y7817lMglj1PELWf/AdmLMzzg5p82DBaFEUtHa21uWrKQeOb9t9cqfq6tYDKra/gvbA==" crossorigin="anonymous"></script>
258<link type="text/css" rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/features/features/promostickers/productimagebadge.css?_=1" />
258<script async type="text/javascript" src="https://1.cdn.ekm.net/ekmps/assets/js/features/promostickers/productimagebadge.min.js?_=18" data-ekm-locale="English" data-ekm-product-badge-style="2020Rosette/small" data-ekm-product-badge-spacing="2" data-ekm-product-badge-x="0" data-ekm-product-badge-y="0" data-ekm-product-badge-dir="vertical" data-ekm-sitename="devereyarns" data-ekm-alignment="bottom right" data-ekm-use-cdn="1" ></script>
258<base href="/" /></head>
259
260<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 260-261
260
261<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
261GTM-KF9VMP
vendor: 87 bytes, lines 261-263
261' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
262
263	
263<main role="main" class="main-content" data-cur-page="0">
264<ekm-section data-id="ekm-section-id-0" data-type="header">
265	
266<!--------------------------------------->
267<!--LAST EDITED: 26/07/2022-->
268<!--------------------------------------->
269
270	
271
272	
273	<style>
274	/* **********************************
275	SEARCH BAR SECTION SETTINGS
276	********************************** */
277
278	.header-search-bar input{
279		background-color: #f3f3f3;
280		color: #333333;
281		border-radius: var(--btn-border-radius);
282	}	
283	.header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{
284		border: 2px solid #000000;
285	}
286	.header-search-bar.has_border form .ekmps-search-button{
287		height: 44px;
288		border-left: none;
289	}
290	.header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
291		color: #333333;
292	}
293	.header-search-bar input::-moz-placeholder { /* Firefox 19+ */
294		color: #333333;
295	}
296	.header-search-bar input:-ms-input-placeholder { /* IE 10+ */
297		color: #333333;
298	}
299	.header-search-bar input:-moz-placeholder { /* Firefox 18- */
300		color: #333333;
301	}
302
303
304
305	.ekmps-search-button{
306		background-color: #f3f3f3;
307		cursor: pointer;
308	}
309	.ekmps-search-button svg path {
310		fill: #333333;
311	}
312
313	.header-search-bar form .ekmps-search-button{
314		position: absolute;
315		right: 0;
316		top: 0;
317		width: 40px;
318		padding: 0;
319		cursor: pointer;
320		border: none;
321		display: flex;
322		align-items: center;
323		justify-content: center;
324		height: 100%;
325		border-bottom-right-radius: var(--btn-border-radius);
326		border-top-right-radius: var(--btn-border-radius);
327		background-color: transparent;
328		
329	} 
330	.header-search-bar form .ekmps-search-button:hover > svg{
331		opacity: 0.8;
332	} 
333	.header-search-bar form .ekmps-search-button > svg{
334		height: 20px;
335		width: 20px;
336	}
337
338	.webpages_more_trigger{
339    	position: relative;
340	}
341	.webpages_more_trigger.hidden{
342		display:none;
343	}
344	.announcement-bar > .container{
345	    flex-wrap: wrap;
346	    grid-template-columns: 1fr 1fr;
347	    display: grid;
348	    gap: 20px;
349	}
350	.announcement-bar-nav.contact{
351	    justify-self: flex-start;
352	    
353	    
354	}
355	.more_webpages_nav{
356		display:none;
357		position: absolute;
358	    background: #FFF;
359	    padding: 15px;
360	    z-index: 9;
361	    left: -70%;
362	    top: 40px;
363	    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
364	    width: 200px;
365	}	
366	.more_webpages_nav.active{
367		display:block;
368	}	
369	.announcement-bar .announcement-bar-nav .more_webpages_nav li a{
370		color: #333;
371	}
372	ul.no-style.more_webpages_nav:before {
373	    content: "";
374	    display: block;
375	    width: 20px;
376	    height: 20px;
377	    background: white;
378	    transform: rotate(45deg);
379	    position: absolute;
380	    top: -7px;
381	    left: 66px;
382	}
383	.webpages_more_trigger svg{
384		margin-left: 10px;
385	}
386	header > .container{
387		display: grid;
388		grid-template-columns: 1fr 1fr;
389		align-items: center;
390		justify-items: center;
391		gap: 20px;
392	}
393	
394	.header-btn-wrapper{
395		justify-self: flex-end;
396	}
397	.nav-icon-wrapper{
398		justify-self: flex-start;
399	}
400	header .site-logo img{
401		
402		
403			max-width: 280px;
404					
405	}
406	.currency{
407		justify-self: flex-end;
408		
409		
410	}	
411	.header-search-bar{
412		grid-column: -1 / 1;
413	}
414
415	.subnav-grid a:hover{
416		text-decoration: underline;
417	}
418
419	@media only screen and (min-width:550px){
420		header > .container{
421			grid-template-columns: 90px minmax(300px, 1fr) 90px;
422		}
423	}
424	.nav-trigger--close, .nav-trigger--menu{
425		display: none;
426	}
427	.nav-trigger--close.active, .nav-trigger--menu.active{
428		display: block;
429	}
430	
431	@media only screen and (min-width:768px){
432		.subnav-grid li{
433			margin-bottom: 10px;
434		}
435		.header-search-bar{
436			grid-column: auto;
437		}
438		
439		header > .container{
440			
441			
442				grid-template-columns: 170px 1fr 178.5px;
443			  
444		}
445
446		.primary-nav > li .sub-sub-cats-wrapper{
447			display: block;
448			right: 0;
449			top: 0 !important;
450			opacity: 1;
451			position: relative;
452			width: auto;
453			height: auto;
454		}
455		.primary-nav > li .sub-sub-cats-wrapper .subnav-grid{
456			grid-template-columns: 1fr;
457			padding: 10px 0 0 0;
458			gap: 10px;
459		}
460		.primary-nav >
460 li .sub-sub-cats-wrapper .subnav-grid a{
461			pointer-events: all;
462			font-weight: 400;
463		}
464	}
465	
466	
467
468	
469	
470	
471	
472	
473
474[data-nav-design-type="main-dropdown"]{
475	display: none;
476}
477
478@media only screen and (max-width:767px){
479	.subnav-grid-wrapper{
480		left: auto;
481		right: -100%;
482		transition: all 0.35s ease;
483		display: flex;
484		top: 0 !important;
485		display: none;
486	}
487	.subnav-grid-wrapper.mobile_open{
488		right: 0%;
489		z-index: 1;
490	}
491	
492}
493
494@media only screen and (min-width: 768px) {
495
496	.ekmps-search-button{
497		background-color: var(--primary_button_btn_bg) !important;
498		cursor: pointer;
499	}
500	.ekmps-search-button svg path {
501		fill: #FFFFFF;
502	}
503
504
505	[data-nav-design-type="main-dropdown"]{
506		pointer-events: auto;
507		left: 0;
508		opacity: 1;
509	}
510	.main_nav.open [data-nav-design-type="main-dropdown"]{
511		display: block;
512	}
513	
514}
515	
516	
517
518/* HEADER SEARCH ICON SETTINGS */
519/* The CSS in the follow section are variable on the design that is being selected from the merchant */
520
521
522.subnav-grid-wrapper-bg {
523    width: 100%;
524    height: 100vh;
525    position: absolute;
526    background: #0000002b;
527}
528
529@media only screen and (min-width: 989px){
530    header > .container{
531        grid-template-columns: 200px 1fr 200px;
532    }
533    
534    .info-bar-text {
535    	justify-self: center;
536	}
537    .announcement-bar > .container{
538        flex-wrap: wrap;
539        grid-template-columns: 1fr 1fr 1fr;
540        
541        grid-template-columns: 1fr 1fr;
542        
543    }
544    .announcement-bar-nav.webpages, .info-bar-text{
545        display: flex !important;
546        margin-right: 0px;
547        justify-self: flex-start;
548        
549        margin-right: 10px;
550        
551        
552    }
553    .announcement-bar-nav.contact{
554        justify-self: flex-start;
555        
556        
557        
558    }
559    .currency{
560        justify-self: flex-end;
561        
562        
563    }
564    .info-bar-text{
565        
566    }
567}
568
569
570/*// Hides the wishlist icon if the customer is not logged in.*/
571
572    #headerWishlist{
573        display: none;
574    
575    
576
577
578
579</style>
580<div class="announcment-holiday-wrapper"><div id="fixed-header-container" data-ekm-height-change-callback="fixFixedHeader" class="promotional-banner"><div id="fixed-header-content" style="background: #d2ac6c;color: #fff;"><div class="fixed-header-text u-display--inline-block">From 1st July, we will be VAT registered. If you are a non taxable country you wont be charged at checkout. USA customers - Due to current US import tariffs and carrier surcharges, a 10% surcharge applies to all orders shipped to the USA. </div></div></div>
581	</div>
582	
582<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/announcementBar.min.js?v=1"></script>
582	
583
584
585		
586		<div class="announcement-bar">
587			<div class="container flex flex_space-between flex_align-center">
588				<ul class="announcement-bar-nav no-style flex contact">
589					
590					
591
592					<li><a class="flex flex_align-center" href="tel:01787 237237">
593							<svg xmlns="https://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15"> <path class="a" d="M14 11.3024C14 10.8024 13.8 10.3023 13.4 9.90235C12.8 9.30235 12.2 8.80235 11.4 8.60235C10.6 8.40235 9.7 8.60235 9.1 9.30235L8.3 9.90235C7.4 9.40235 6.7 8.80235 6 8.10235L5.9 8.00235C5.2 7.30235 4.6 6.60235 4.1 5.70235L4.8 5.00235C5.4 4.40235 5.7 3.50235 5.5 2.70235C5.2 1.90235 4.8 1.20235 4.2 0.70235C3.4 -0.19765 2.1 -0.19765 1.3 0.50235C0.4 1.40235 0 2.60235 0 3.80235C0.2 6.40235 1.4 8.90235 3.3 10.7023C3.7 11.1023 4.1 11.5023 4.6 11.8024C4.9 12.0023 5.2 12.0023 5.4 11.7023C5.6 11.5023 5.5 11.1024 5.3 11.0023C4.9 10.7023 4.5 10.3024 4.1 10.0023C2.4 8.40235 1.3 6.20235 1.1 3.90235C1.1 2.90235 1.4 2.00235 2 1.40235C2.4 1.00235 3 1.00235 3.4 1.40235C4.8 2.90235 4.7 3.60235 4 4.20235L3 5.20235C2.9 5.40235 2.8 5.60235 2.9 5.80235C3.5 6.90235 4.2 7.90235 5.1 8.80235L5.2 8.90235C6.1 9.80235 7.1 10.5023 8.2 11.1024C8.4 11.2024 8.6 11.1024 8.8 11.0023L9.8 10.0023C10.4 9.40235 11.1 9.30235 12.6 10.7023C13 11.1023 13 11.7024 12.7 12.1024C12 12.7024 11.2 13.0023 10.3 13.0023C9.4 13.0023 8.4 12.7023 7.6 12.4023C7.3 12.3023 7 12.5023 6.9 12.7023C6.8 13.0023 6.9 13.2023 7.2 13.4023C8.2 13.9023 9.2 14.1024 10.3 14.1024C11.5 14.1024 12.7 13.7023 13.5 12.9023C13.8 12.3023 14 11.8024 14 11.3024Z"/> </svg>
594					
595					01787 237237</a></li>
596					
597					
598					
599					
600					<li><a class="flex flex_align-center" href="mailto:[email protected]">
601							<svg xmlns="https://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13"> <path class="a" d="M15.36 7.25333C15.68 7.25333 16 6.93333 16 6.61333V2.45333C16 1.06667 14.9333 0 13.5467 0H2.45333C1.06667 0 0 1.06667 0 2.45333V9.70667C0 11.0933 1.06667 12.16 2.45333 12.16H13.44C14.8267 12.16 15.8933 10.9867 15.8933 9.70667C15.8933 9.38667 15.5733 9.06667 15.2533 9.06667C14.9333 9.06667 14.6133 9.38667 14.6133 9.70667C14.6133 10.3467 14.08 10.9867 13.3333 10.9867H2.45333C1.81333 10.9867 1.17333 10.4533 1.17333 9.70667V2.66667L6.61333 6.08C7.46667 6.50667 8.53333 6.50667 9.28 5.97333L14.72 2.56V6.50667C14.72 6.93333 15.04 7.25333 15.36 7.25333ZM8.64 4.90667C8.21333 5.12 7.68 5.12 7.36 4.90667L1.81333 1.49333C2.02667 1.38667 2.24 1.28 2.56 1.28H13.5467C13.76 1.28 14.08 1.38667 14.2933 1.49333L8.64 4.90667Z"/> </svg>
602							[email protected]</a></li>
603					
604					
605				</ul>
606				<div class="flex flex_align-center currency">
607				
608				
609				
610					
611						<div class="cur-text-dd no-symbol">
612							<div class="cur-text-dd-btn">
613								<i class="icon-flags--custom" data-flag-currency="GBP"></i>
614								<span class="cur-text-dd-code">GBP</span>
615								<span class="cur-text-dd-symbol">£</span>
616									<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
617									<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
618									</svg>
619							</div>
620							<div class="cur-text-dd-options">
621					
622								
623								<a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=EUR&catid=0&productid=0">
624									<i class="icon-flags--custom" data-flag-currency="EUR"></i>
625									<span class="cur-text-dd-code">EUR</span>
626									<span class="cur-text-dd-symbol">&euro;</span>
627								</a>
628								
629					
630								
631					
632								
633								<a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=USD&catid=0&productid=0">
634									<i class="icon-flags--custom" data-flag-currency="USD"></i>
635									<span class="cur-text-dd-code">USD</span>
636									<span class="cur-text-dd-symbol">$</span>
637								</a>
638								
639					
640							</div>
641						<!-- end of cur-text-dd-options -->
642						</div>
643					<!-- end of cur-text-dd no-symbol -->
644					
645				
646				</div>
647				<!-- end of flex flex_align-center -->
648			</div>
649			<!-- end of container -->
650		</div> 
651	<!-- end of announcement-bar -->
652	
653
654	
655
656	
657
658	
659
660
661
662
663
664<header>
665	
666    <div class="container" data-design-type="one">
667    	
668		
669			<!-- This is the nav icon that shows for the above designs -->
670			<div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center">
671				<div class="icon nav-icon">
672					<span></span>
673					<span></span>
674					<span></span>
675				</div>
676			</div>
677		
678    	
679        <div class="site-logo" >
680		<a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/devereyarns/resources/design/new-logo-new-website---best.jpg" alt="Devere Yarns"/></a></a>
681        </div>
682		
683		
684		<!-- The search bar will only show in the main header for the above designs -->
685			<div class="header-search-bar  "><form name="searchbox" method="post" action="index.asp?function=search">	<input class="ekmps-search-field "  type="text" name="search" placeholder="Search..." required value="" aria-label="Search..." rel="clear"/>
686				            <ekm-search-categories></ekm-search-categories>
687				            <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21"
688							viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg">
689							<path
690								d="M19.755 18.977L14.6717 13.7724C16.0017 12.0909 16.6513 9.95116 16.4866 7.79395C16.3219 5.63675 15.3554 3.62636 13.7863 2.17688C12.2172 0.727396 10.1649 -0.0508022 8.05219 0.00257495C5.93946 0.0559521 3.92717 0.936839 2.4298 2.4638C0.932422 3.99075 0.0639993 6.0475 0.00339832 8.21039C-0.0572027 10.3733 0.694633 12.4776 2.10405 14.09C3.51346 15.7023 5.47312 16.6998 7.57939 16.8771C9.68566 17.0544 11.7781 16.398 13.4258 15.043L18.5091 20.2475C18.6746 20.4164 18.8984 20.5117 19.132 20.5128C19.3057 20.5125 19.4753 20.4595 19.6197 20.3607C19.764 20.2618 19.8765 20.1215 19.9431 19.9573C20.0097 19.7931 20.0274 19.6125 19.9939 19.438C19.9604 19.2636 19.8773 19.1032 19.755 18.977ZM1.83793 8.50259C1.83793 7.19672 2.21615 5.92017 2.92475 4.83438C3.63335 3.74858 4.64051 2.90231 5.81888 2.40257C6.99724 1.90284 8.29388 1.77208 9.54482 2.02685C10.7958 2.28161 11.9448 2.91045 12.8467 3.83384C13.7486 4.75723 14.3628 5.93371 14.6116 7.21449C14.8604 8.49527 14.7327 9.82283 14.2446 11.0293C13.7565 12.2358 12.93 13.267 11.8695 13.9925C10.809 14.718 9.56217 15.1052 8.28672 15.1052C6.57704 15.103 4.93799 14.4067 3.72907 13.169C2.52014 11.9312 1.84004 10.2531 1.83793 8.50259Z"
691								fill="#111111" />
692						</svg></button></form></div>
693		
694
695        
696        <div class="header-btn-wrapper flex flex_align-center">
697		
698		
699		
700		
701		
702		
703			<!-- The wishlist button - only shows if customer login feature is active -->
704						<a href="/account/wishlist" class="header-btn" id="headerWishlist">
705							<svg width="20" height="18" viewBox="0 0 20 18" xmlns="https://www.w3.org/2000/svg">
706							<path d="M9.71578 18L8.54237 16.9439C6.85267 15.395 5.46023 14.0613 4.36506 12.9426C3.26988 11.824 2.39765 10.8227 1.74837 9.93872C1.09909 9.05476 0.645371 8.24902 0.387223 7.52151C0.129074 6.794 0 6.05476 0 5.30378C0 3.80183 0.504563 2.54237 1.51369 1.52542C2.52282 0.508475 3.77053 0 5.25684 0C6.14863 0 6.97001 0.199478 7.72099 0.598435C8.47197 0.997392 9.1369 1.58018 9.71578 2.34681C10.4042 1.53325 11.1082 0.938722 11.8279 0.563233C12.5476 0.187744 13.3299 0 14.1747 0C15.6767 0 16.9361 0.508475 17.9531 1.52542C18.97 2.54237 19.4785 3.80183 19.4785 5.30378C19.4785 6.05476 19.3494 6.79009 19.0913 7.50978C18.8331 8.22946 18.3794 9.03129 17.7301 9.91525C17.0808 10.7992 16.2047 11.8044 15.1017 12.9309C13.9987 14.0574 12.6102 15.395 10.9361 16.9439L9.71578 18ZM9.71578 15.5593C11.296 14.1043 12.5945 12.8605 13.6115 11.8279C14.6284 10.7953 15.4342 9.8957 16.0287 9.12907C16.6232 8.36245 17.0339 7.67797 17.2608 7.07562C17.4876 6.47327 17.601 5.88266 17.601 5.30378C17.601 4.30248 17.2842 3.4811 16.6506 2.83963C16.0169 2.19817 15.1995 1.87744 14.1982 1.87744C13.4159 1.87744 12.6884 2.12386 12.0156 2.61669C11.3429 3.10952 10.7953 3.80183 10.3729 4.69361H9.08214C8.67536 3.81747 8.13168 3.12907 7.45111 2.62842C6.77053 2.12777 6.03911 1.87744 5.25684 1.87744C4.27119 1.87744 3.46154 2.19817 2.8279 2.83963C2.19426 3.4811 1.87744 4.30248 1.87744 5.30378C1.87744 5.8983 1.99478 6.50065 2.22947 7.11082C2.46415 7.72099 2.87875 8.41721 3.47327 9.19948C4.0678 9.98175 4.87353 10.8814 5.89048 11.8983C6.90743 12.9153 8.18253 14.1356 9.71578 15.5593V15.5593Z"/>
707							</svg>
708						</a>
709						<style>
710							@media screen and (max-width: 949px) and (min-width: 768px) {
711								header .header-search-bar {
712									max-width: 265px !important;
713								}
714							}
715						   @media screen and (max-width: 1048px) and (min-width: 950px)  {
716							   header .header-search-bar {
717								   max-width: 450px !important;
718							   }
719						   }
720						   @media only screen and (min-width: 989px){
721								header > .container {
722								    grid-template-columns: 225px 1fr 225px;
723								}
724							}
725						   @media screen and (min-width: 1049px) {
726						   		header .header-search-bar {
727									max-width: 550px !important;
728								}
729						   }
730						</style>
731				
732			
733			
734			
735				<!-- The account login button - only shows if feature is active -->
736					<a href="/account/login" class="header-btn ">
737						<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 19.738 19.738;" xml:space="preserve"> <g> <path d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" /> <path d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" /> </g> </svg>
738					</a>
739				
740
741 	<div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger">
742	    <svg xmlns="https://www.w3.org/2000/svg" width="21.429" height="19.949" viewBox="0 0 21.429 19.949"> <path class="a" d="M16.38,14.984a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,16.38,14.984Zm-8,0a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,8.384,14.984Zm8,1.58a.9.9,0,1,0,.914.9A.9.9,0,0,0,16.38,16.564Zm-8,0a.9.9,0,1,0,.914.9A.9.9,0,0,0,8.384,16.564ZM2.924,0A1.257,1.257,0,0,1,4.089.835V.88l.685,2.527H20.333a1.085,1.085,0,0,1,1.074,1.309v.045l-2.193,8.192a1.218,1.218,0,0,1-1.119.88H6.625A1.227,1.227,0,0,1,5.46,13l-.023-.045L2.444,1.805H0V0ZM19.373,5.213H5.255l1.828,6.815H17.568Z" /> </svg>
743		
744			<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><p class="trade-login-hide"><span id="ekm_minicart_total_sub">£0.00</span></p>
745			
746				<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><span id="ekm_minicart_item_count_message" data-cart-empty="" data-cart-one-item="&lt;span class=&quot;cart-btn-item-count&quot;&gt;&lt;span id=&quot;ekm_minicart_item_count&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;!-- /.cart-btn-item-count --&gt;" data-cart-many-items="&lt;span class=&quot;cart-btn-item-count&quot;&gt;&lt;span id=&quot;ekm_minicart_item_count&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;!-- /.cart-btn-item-count --&gt;" data-item-count-type="item"></span>
747		
748    </div>
749            
750            <div class="minicart-popout trade-login-hide">
751	
752		<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()-->
753		<div class="minicart-header">
754			<p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p>
755		</div>
756		
757	
758	
759		
760		
761			<div class="minicart-item-wrapper">
762		<!--ekm:tag:minicart:onaddtocartcallback(cartAddedFunction) ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(15) ekm:tag:minicart:imageheight(100) ekm:tag:minicart:imagewidth(100) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start(
763			&lt;div class=&quot;
763minicart-grid&quot;&gt;
764				&lt;div style=&quot;text-align: center;&quot;&gt;[product_image]&lt;/div&gt;
765				&lt;div&gt;
766					&lt;p&gt;[product_name_link]&lt;/p&gt;
767					&lt;p&gt;Quantity: [product_qty]&lt;/p&gt;
768					&lt;p&gt;[product_price]&lt;/p&gt;
769				&lt;/div&gt;
770			&lt;/div&gt;
771		) --><!--ekm:tag:minicart:output_content:end()-->
772			</div>
773			<div class="minicart-product-urgency minicart-product-urgency-free-delivery">
774				
775			</div>
776		
777		<div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between">
778			<p>Discounts: </p> 
779			<p>-<span id="ekm_minicart_total_discount">£0.00</span></p>
780		</div>			
781		<div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between">
782			<p>Tax: </p> 
783			<p><span id="ekm_minicart_total_tax">£0.00</span></p>
784		</div>		
785		<div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between">
786			<p>Delivery: </p> 
787			<p><span id="ekm_minicart_total_delivery">£0.00</span></p>
788		</div>		
789		<div class="minicart-total flex flex_align-center flex_space-between">
790			<p>Total: </p> 
791			<p><span id="ekm_minicart_total">£0.00</span></p>
792		</div>
793		<div class="minicart-footer flex ">
794			<span class="view-cart"><a href="index.asp?function=CART">View Cart</a></span>
795			<span class="checkout"><a href="https://www.devereyarns.co.uk/index.asp?function=CHECKOUT&uid=1844034F-3ECA-4722-9572-4EE08ED7A4EB">Checkout</a></span>
796		</div>
797		
798
799</div>
800            
801        </div>
802    </div>
803    
804   
805</header>
806
807
808<nav class="main_nav  
809"
810	
811			data-mode="main-nav-showing"
812	
813>
814<div class="container" >
815	 
816	
817	
818			<ul class="
819			primary-nav 
820			flex 
821			
822				flex_justify-center
823			
824			no-images
825			">
826		
827
828		<li  class="flex has-children  "
829			>
830
831		
832
833		
834						
835			
836				
837			
838		
839		
840		<div class="flex flex_align-center flex_space-between">
841		
842		
843		
844			<p>Embroidery Threads</p>
845			
846
847				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
848				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
849				</svg>
850
851		 
852		</div>
853		
854		<div class="subnav-grid-wrapper" data-nav-level="1">
855		<div class="container">
856			<div class="subnav-grid_mobile-menu" >
857				<p class="close_subcat"> 
858					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
859 					<span>Back</span></p>
860				<p class="prev-cat-name">Embroidery Threads</p>
861			</div>
862			<ul class="subnav-grid">
863			
864		<li >
865		
866		
867		
868		
869		<!-- Outputs a standard link if there is no sub categories at level 1 -->
870		<a href="embroidery-thread---silk-42-c.asp">Embroidery Thread - Silk</a>
871		
872		
873		
874
875		
876		</li>
877		
878		
879		<li >
880		
881		
882		
883		
884		<!-- Outputs a standard link if there is no sub categories at level 1 -->
885		<a href="embroidery-thread---cotton-64-c.asp">Embroidery Thread - Cotton</a>
886		
887		
888		
889
890		
891		</li>
892		
893		
894		<li >
895		
896		
897		
898		
899		<!-- Outputs a standard link if there is no sub categories at level 1 -->
900		<a href="embroidery-thread---worsted-wool-24-c.asp">Embroidery Thread - Worsted Wool</a>
901		
902		
903		
904
905		
906		</li>
907		
908		
909		<li >
910		
911		
912		
913		
914		<!-- Outputs a standard link if there is no sub categories at level 1 -->
915		<a href="embroidery-thread---metallic-32-c.asp">Embroidery Thread - Metallic</a>
916		
917		
918		
919
920		
921		</li>
922		
923		
924		<li >
925		
926		
927		
928		
929		<!-- Outputs a standard link if there is no sub categories at level 1 -->
930		<a href="chenille-90-c.asp">Chenille</a>
931		
932		
933		
934
935		
936		</li>
937		
938		
939			<li>
940				<a href="embroidery-threads-124-c.asp" title="[name]">
941				
942					
943				
944				View all Embroidery Threads
945				
946				</a>
947			</li>
948			
949		</ul>
950		</div>
951	</div>
952	<!-- end of subnav-grid-wrapper -->
953	
954		</li>
955		
956
957		<li >
958
959		
960
961		
962			
963				<a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">
964					
965				</a>
966						
967			
968		
969		
970		<div class="flex flex_align-center flex_space-between">
971		
972			
973			<a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">Shade Cards & Quality Card</a>
974			
975		
976		
977		</div>
978		
979		</li>
980		
981
982		<li  class="flex has-children  "
983			>
984
985		
986
987		
988						
989			
990				
991			
992		
993		
994		<div class="flex flex_align-center flex_space-between">
995		
996		
997		
998			<p>Colour Packs</p>
999			
1000
1001				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
1002				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1003				</svg>
1004
1005		 
1006		</div>
1007		
1008		<div class="subnav-grid-wrapper" data-nav-level="1">
1009		<div class="container">
1010			<div class="subnav-grid_mobile-menu" >
1011				<p class="close_subcat"> 
1012					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1013 					<span>Back</span></p>
1014				<p class="prev-cat-name">Colour Packs</p>
1015			</div>
1016			<ul class="subnav-grid">
1017			
1018		<li >
1019		
1020		
1021		
1022		
1023		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1024		<a href="collecting-all-sorts-colour-packs-127-c.asp">'Collecting All sorts' Colour Packs</a>
1025		
1026		
1027		
1028
1029		
1030		</li>
1031		
1032		
1033		<li >
1034		
1035		
1036		
1037		
1038		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1039		<a href="6-thread-silk-colour-packs-96-c.asp">6 Thread Silk Colour packs</a>
1040		
1041		
1042		
1043
1044		
1045		</li>
1046		
1047		
1048		<li >
1049		
1050		
1051		
1052		
1053		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1054		<a href="shop-shade-card-colour-packs-by-row-173-c.asp">Shop: Shade card colour packs by row</a>
1055		
1056		
1057		
1058
1059		
1060		</li>
1061		
1062		
1063		<li >
1064		
1065		
1066		
1067		
1068		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1069		<a href="worsted-wool-colour-packs-145-c.asp">Worsted Wool colour packs</a>
1070		
1071		
1072		
1073
1074		
1075		</li>
1076		
1077		
1078			<li>
1079				<a href="colour-packs-120-c.asp" title="[name]">
1080				
1081					
1082				
1083				View all Colour Packs
1084				
1085				</a>
1086			</li>
1087			
1088		</ul>
1089		</div>
1090	</div>
1091	<!-- end of subnav-grid-wrapper -->
1092	
1093		</li>
1094		
1095
1096		<li  class="flex has-children  "
1097			>
1098
1099		
1100
1101		
1102						
1103			
1104				
1105			
1106		
1107		
1108		<div class="flex flex_align-center flex_space-between">
1109		
1110		
1111		
1112			<p>Weaving Yarns</p>
1113			
1114
1115				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
1116				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1117				</svg>
1118
1119		 
1120		</div>
1121		
1122		<div class="subnav-grid-wrapper" data-nav-level="1">
1123		<div class="container">
1124			<div class="subnav-grid_mobile-menu" >
1125				<p class="close_subcat"> 
1126					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1127 					<span>Back</span></p>
1128				<p class="prev-cat-name">Weaving Yarns</p>
1129			</div>
1130			<ul class="subnav-grid">
1131			
1132		<li >
1133		
1134		
1135		
1136		
1137		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1138		<a href="isacord-126-c.asp">ISACORD</a>
1139		
1140		
1141		
1142
1143		
1144		</li>
1145		
1146		
1147		<li >
1148		
1149		
1150		
1151		
1152		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1153		<a href="silk-18-c.asp">Silk</a>
1154		
1155		
1156		
1157
1158		
1159		</li>
1160		
1161		
1162		<li >
1163		
1164		
1165		
1166		
1167		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1168		<a href="wool--worsted-wool-22-c.asp">Wool & Worsted Wool</a>
1169		
1170		
1171		
1172
1173		
1174		</li>
1175		
1176		
1177		<li >
1178		
1179		
1180		
1181		
1182		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1183		<a href="cottons-19-c.asp">Cottons</a>
1184		
1185		
1186		
1187
1188		
1189		</li>
1190		
1191		
1192		<li >
1193		
1194		
1195		
1196		
1197		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1198		<a href="chenille-90-c.asp">Chenille</a>
1199		
1200		
1201		
1202
1203		
1204		</li>
1205		
1206		
1207		<li >
1208		
1209		
1210		
1211		
1212		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1213		<a href="linen-viscose-flax-21-c.asp">Linen, Viscose, Flax</a>
1214		
1215		
1216		
1217
1218		
1219		</li>
1220		
1221		
1222		<li >
1223		
1224		
1225		
1226		
1227		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1228		<a href="metallic-yarns-23-c.asp">Metallic yarns</a>
1229		
1230		
1231		
1232
1233		
1234		</li>
1235		
1236		
1237			<li>
1238				<a href="weaving-yarns-2-c.asp" title="[name]">
1239				
1240					
1241				
1242				View all Weaving Yarns
1243				
1244				</a>
1245			</li>
1246			
1247		</ul>
1248		</div>
1249	</div>
1250	<!-- end of subnav-grid-wrapper -->
1251	
1252		</li>
1253		
1254
1255		<li >
1256
1257		
1258
1259		
1260			
1261				<a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">
1262					
1263				</a>
1264						
1265			
1266		
1267		
1268		<div class="flex flex_align-center flex_space-between">
1269		
1270			
1271			<a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">Silk Craft Fibres & Supplies</a>
1272			
1273		
1274		
1275		</div>
1276		
1277		</li>
1278		
1279
1280		<li >
1281
1282		
1283
1284		
1285			
1286				<a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">
1287					
1288				</a>
1289						
1290			
1291		
1292		
1293		<div class="flex flex_align-center flex_space-between">
1294		
1295			
1296			<a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">Digital Gift Cards</a>
1297			
1298		
1299		
1300		</div>
1301		
1302		</li>
1303		
1304
1305		<li >
1306
1307		
1308
1309		
1310			
1311				<a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">
1312					
1313				</a>
1314						
1315			
1316		
1317		
1318		<div class="flex flex_align-center flex_space-between">
1319		
1320			
1321			<a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">Protective cop sleeving</a>
1322			
1323		
1324		
1325		</div>
1326		
1327		</li>
1328		
1329
1330		<li >
1331
1332		
1333
1334		
1335			
1336				<a href="william-folliott-book-172-c.asp" title="William Folliott book">
1337					
1338				</a>
1339						
1340			
1341		
1342		
1343		<div class="flex flex_align-center flex_space-between">
1344		
1345			
1346			<a href="william-folliott-book-172-c.asp" title="William Folliott book">William Folliott book</a>
1347			
1348		
1349		
1350		</div>
1351		
1352		</li>
1353		
1354		
1355
1356		
1357		</ul>
1358	<!--<div class="more" >More</div>-->
1359	
1360</div>
1361
1362<!-- 
1363	NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP
1364 -->
1365	
1366</nav>	
1367
1368	
1368<script>
1369	const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children')
1370	primary_nav_list_item.forEach(list_item => {
1371		list_item.classList.add("no-images");
1372		list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images");
1373	})
1374	</script>
1374
1375
1376
1377</ekm-section>
1378<article class="main-content">
1379	<ekm-section data-id="ekm-section-id-1" data-type="usp">
1380
1381<!--Last Updated: 28/04/23-->
1382
1383	<style>
1384		.usp.usp-wrapper {
1385			background-color: #f5f5f5;	
1386		}
1387		
1388		:where(.usp-wrapper--one, .usp-wrapper--two) .container {
1389			display: -ms-grid;
1390			display: grid;
1391			-webkit-box-align: center;
1392			-ms-flex-align: center;
1393			align-items: center;
1394			grid-template-columns: 1fr;
1395		}
1396		:where(.usp-wrapper--one, .usp-wrapper--two) .container{
1397            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
1398        }
1399		.usp-wrapper--one .container{
1400			
1401				padding: 0px;
1402			
1403			
1404		}
1405
1406		.usp-wrapper--three .container {
1407			display: grid;
1408			-ms-grid-columns: (minmax(255px, 1fr))[auto-fit];
1409			grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
1410			gap: 20px;
1411		}
1412		
1413		.usp-wrapper--four .container {
1414			display: grid;
1415			-ms-grid-columns: (minmax(220px, 1fr))[auto-fit];
1416			grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
1417			gap: 20px;
1418		}
1419		
1420		.usp-wrapper .usp-block {
1421			padding: 20px;
1422		}
1423		
1424		.usp-wrapper--two .usp-block{
1425			padding: 20px 0px;
1426		}
1427
1428		.usp-wrapper--three .usp-block{
1429			padding: 20px 0px;
1430		}
1431
1432		.usp-wrapper--four .usp-block{
1433			padding: 20px 0px;
1434		}
1435		.usp-block{
1436			justify-content: center;
1437			
1438				justify-content: center;
1439			
1440		}
1441		.usp-block.flex_justify_center{
1442			justify-content: center;
1443		}
1444		.usp-wrapper--one .usp-block img {
1445		  width: 40px;
1446	  		
1447				width: 30px;
1448			
1449		  height: auto;
1450		  margin-right: 20px;
1451		}
1452		.usp-block img{
1453			transition: transform 0.25s ease;
1454		}
1455		.usp-block:hover{
1456			cursor: pointer;
1457		}
1458		.usp-block:hover img{
1459			transform: scale(1.175);
1460		}
1461		.usp-block:hover p{
1462			text-decoration: underline;
1463		}
1464		.usp-wrapper--two .usp-block img{
1465			width: 40px;
1466			height: auto;
1467			margin-bottom: 20px;
1468		}
1469		.usp.usp-wrapper--two .usp-block{
1470			
1471			
1472				text-align: center;
1473			
1474		}
1475
1476		.usp-wrapper--three .usp-block img{
1477			width: 40px;
1478			height: auto;
1479			margin-right: 20px;
1480		}
1481
1482		.usp-wrapper--four .usp-block img{
1483			width: 40px;
1484			height: auto;
1485			margin-bottom: 20px;
1486		}
1487		
1488		.usp.usp-wrapper .usp-block p {
1489			line-height: 1.5;
1490			color: #2b3d45;
1491			display: -webkit-box;
1492			-webkit-box-orient: vertical;  
1493			overflow: hidden;
1494		}
1495		.usp-wrapper .usp-block p b {
1496			display: block;
1497			color: inherit;
1498		}
1499		.usp-wrapper .usp-block p strong {
1500			color: inherit;
1501		}
1502
1503		@media only screen and (min-width: 768px){
1504			.usp.usp-wrapper {
1505				
1506			}
1507			.usp-wrapper--two .usp-block{
1508				padding: 20px;
1509			}
1510			.usp-wrapper--three .usp-block{
1511				padding: 20px;
1512			}
1513			.usp-wrapper--four .usp-block{
1514				padding: 20px;
1515			}
1516			.usp-wrapper--three .container {
1517				-ms-grid-columns: 1fr 1fr;
1518				grid-template-columns: 1fr 1fr;
1519			}
1520			.usp-wrapper--four .container {
1521				-ms-grid-columns: 1fr 1fr;
1522				grid-template-columns: 1fr 1fr;
1523			}
1524		}
1525		.splide__pagination {
1526			bottom: 0.6em;
1527		}
1528		
1529		.splide__pagination__page.is-active {
1530			background: var(--primary_button_btn_bg);
1531		}
1532		.splide__pagination__page {
1533			background: rgb(0 0 0 / 28%);
1534			border-radius: 50%;
1535			height: 5px;
1536			margin: 4px;
1537			width: 5px;
1538		}
1539	</style>
1540	
1541
1542	
1542<script>
1543	    document.addEventListener('DOMContentLoaded', function() {
1544	        var splide = new Splide('.usp-slider', {
1545	            rewind: true,
1546	            rewindByDrag: true,
1547	            arrows: false,
1548	            snap: true,
1549	            mediaQuery: 'min',
1550	            autoplay: true,
1551	            rewindSpeed: 1500,
1552	            breakpoints: {
1553	                1040: {
1554	                    perPage: 4,
1555	                    drag: false,
1556	                    gap: '0px',
1557	                    pagination: false,
1558	                },
1559	                800: {
1560	                    perPage: 3,
1561	                    pagination: true,
1562	                },
1563	                540: {
1564	                    perPage: 2,
1565	                    pagination: true,
1566	                },
1567	                0: {
1568	                    perPage: 1,
1569	                    pagination: true,
1570	                },
1571	            },
1572	        });
1573	        splide.mount();
1574	    });
1575	</script>
1575
1576
1577
1578
1579	<section class="usp usp-wrapper usp-wrapper--one">
1580	    <div class="splide usp-slider container" id="uspslider1" role="group" aria-label="USP slider">
1581	    	<div class="splide__track">
1582	        	<div class="splide__list">
1583	    	
1584				
1585				    <div class="splide__slide usp-block flex flex_align-center" title="Small Family Run Business">
1586				        <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-01_1777282642.svg" alt="" role="presentation">
1587				            
1588				                <p><p>Small Family Run Business</p></p>
1589				            
1590				    </div>
1591				    
1592	        
1593	            
1594					
1595					        <div class="splide__slide usp-block flex flex_align-center" title="High Quality Yarns" >
1596					            <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-02_1777282650.svg" alt="" role="presentation" >
1597					            </svg>
1598					                
1599					                    <p><p>High Quality Yarns</p></p>
1600					                
1601					        </div>
1602					    
1603	            
1604	            
1605					
1606					        <div class="splide__slide usp-block flex flex_align-center" title="Specialising in silk thread" >
1607					            <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-03_1777282657.svg" alt="" role="presentation" >
1608					                
1609					                    <p><p>Specialising in silk thread</p></p>
1610					                
1611					        </div>
1612					    
1613	            
1614	            
1615						
1616						        <div class="splide__slide usp-block flex flex_align-center" title="Worldwide Shipping" >
1617						            <img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewUSP-04_1777282664.svg" alt="" role="presentation" >
1618						                <div>
1619						                    
1620						                        <p><p>Worldwide Shipping</p></p>
1621						                    
1622						                </div>
1623						        </div>
1624						    
1625	            
1626	            </div>
1627	            	</div>
1628	    </div>
1629	</section>
1630
1631<script>
1632		let usp_design_one = document.querySelectorAll(".usp-wrapper--one .usp-block");
1633		const usp_add_class = () => {
1634			if(usp_design_one.length == 1){
1635				usp_design_one[0].classList.add("flex_justify_center")
1636			}
1637		}
1638		 usp_add_class();
1639</script>
1639
1640
1641
1642
1643
1644
1645	
1646
1647
1648
1649
1650	
1651</ekm-section>
1652
1653<ekm-section data-id="ekm-section-id-2" data-type="image-banner">
1654	
1655<style>
1656.main-banner-block {
1657  position: relative;
1658  overflow: hidden;
1659}
1660
1661#ekm-image-banner .main-banner-block .main-banner-block__overlay {
1662  position: absolute;
1663  top: 0;
1664  left: 0;
1665  width: 100%;
1666  height: 100%;
1667  z-index: 1;
1668  opacity: 60%;
1669}
1670#ekm-image-banner .main-banner-block .main-banner-block__overlay.showing {
1671	background: #3b6072;
1672	
1673		background: linear-gradient(to right, #3b6072 0%,rgba(255,255,255,0));
1674	
1675}
1676
1677#ekm-image-banner .main-banner-block::after {
1678	content: "";	
1679	display: none;
1680  width: 45%;
1681  background-color: ;
1682  height: 100%;
1683  position: absolute;
1684  top: 0;
1685  right: -10%;
1686  -webkit-transform: skewX(25deg);
1687          transform: skewX(25deg);
1688          z-index: 1;
1689          opacity:0.5;
1690}
1691
1692.main-banner-block .container {
1693  position: relative;
1694  z-index: 2;
1695	
1696		flex-direction: column;
1697	
1698  padding: 40px 20px;
1699}
1700
1701.main-banner-block .main-banner-block__text, .main-banner-block__text{
1702  width: 100%;
1703  max-width: 400px;
1704  /*margin-right: 100px;*/
1705  
1706}
1707.main-banner-block .main-banner-block__text.extended{
1708	max-width: 800px;
1709	/**/
1710}
1711.main-banner-block__text.extended{
1712	max-width: 800px;
1713}
1714
1715.main-banner-block__text.flex_align-center :is(h1, p){
1716	text-align: center;
1717}
1718
1719.ekm-image-banner.banner-text-block {
1720    background-color: #ffffff;
1721    padding: 20px 0px;
1722    
1723}
1724
1725.main-banner-block{
1726    
1727    
1728}
1729
1730
1731#ekm-image-banner h1 {
1732  font-size: clamp(3rem, 2.5vw, 5rem);
1733  color: #ffffff;
1734  margin-bottom: 20px;
1735}
1736
1737
1738
1739#ekm-image-banner .main-banner-block p, .banner-text-block p {
1740  color: #ffffff;
1741  margin-bottom: 20px;
1742  font-size: 2.2rem;
1743  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
1744}
1745
1746.main-banner-block .header-img {
1747	width: 90%;
1748	display: block;
1749	max-width: 425px;
1750	height: auto;
1751	
1752		margin-top: 20px;
1753	
1754}
1755.main-banner-block .main-banner-block__ctas .btn {
1756  margin-right: 10px;
1757}
1758#ekm-image-banner .main-banner-block .main-banner-block__ctas .theme-btn.no-bg{
1759	color: #ffffff;
1760}
1761.header-banner{
1762	overflow:hidden;
1763}
1764
1765.split-banner {
1766    display: grid;
1767    grid-template-columns: repeat(auto-fit, minmax(425px, 1fr));
1768    grid-auto-flow: dense;
1769    max-width: 1920px;
1770    margin: 0 auto;
1771}
1772
1773#ekm-image-banner .main-banner-block{
1774    background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=800')
1775}
1776
1777@media only screen and (min-width: 768px){
1778	.main-banner-block{
1779	    min-height: 600px;
1780	    max-height: 900px;
1781	    
1782	}
1783	
1784	
1785	
1786	#banner-slider 	.main-banner-block{
1787	    min-height: auto;
1788	    max-height: auto;
1789	}
1790	.main-banner-block .header-img {
1791		width: 100%;
1792		max-width: 500px;
1793		position: relative;
1794		right:0;
1795		max-height: 400px;
1796		object-fit: contain;
1797	}
1798	.main-banner-block .header-img{
1799		left: 0;
1800	}
1801	.main-banner-block .container {
1802	  z-index: 2;
1803	  flex-direction: row;
1804	  padding: 20px;
1805	}
1806    #ekm-image-banner .main-banner-block{
1807        background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=700')
1808    }
1809}
1810
1811@media only screen and (min-width: 850px){
1812	
1813}
1814
1815@media only screen and (min-width: 1024px){
1816	.main-banner-block .header-img{
1817		left: 0;
1818	}
1819    #ekm-image-banner .main-banner-block{
1820        background-image: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/NewTopBannerImg_1778165009.png?w=1000')
1821    }
1822}
1823
1824
1825
1826
1827</style>
1828
1829	
1830		<div id="ekm-image-banner" class="header-banner">
1831		    <div class="ekm-image-banner main-banner-block cover-center-bg flex flex_align-center" >
1832		        <div class="main-banner-block__overlay showing">
1833		            <div class="overlay-slash"></div>
1834		        </div>
1835		        <div class="container flex flex_space-between flex_align-center ">
1836		            <div class="main-banner-block__text  extended  ">
1837		                <h1>We are closed for a family wedding</h1>
1838		                <p>19th August - 24th August - All orders will be processed on our return on a first come order basis. Thank y
1838ou so much for your understanding</p>
1839		                <div class="main-banner-block__ctas">
1840		                	
1841			                    <a href="embroidery-threads-124-c.asp" class="theme-btn">
1842			                        Shop Now
1843			                    </a>
1844		                    
1845		                    
1846		                </div>
1847		            </div>
1848		            
1849		        </div>
1850		    </div>
1851		</div>
1852	
1853	
1854	
1855	
1856	
1857	
1858</ekm-section>
1859
1860<ekm-section data-id="ekm-section-id-3" data-type="promo-3up">
1861	
1862<style>
1863	.ekm-3up-promo-wrapper {
1864		display: -ms-grid;
1865		display: grid;
1866		-webkit-box-align: center;
1867		-ms-flex-align: center;
1868		align-items: center;
1869		-ms-grid-columns: (minmax(280px, 1fr))[auto-fit];
1870		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
1871		gap: 20px;
1872		padding: 70px 20px;
1873	}
1874	.ekm-promo-3up .promo-box-wrapper{
1875		padding: 20px;
1876		min-height: 300px;
1877		overflow: hidden;
1878		flex-direction: column;
1879		position: relative;
1880		align-items: flex-start;
1881	}
1882	.ekm-promo-3up .promo-box-wrapper.center{
1883		align-items: center;
1884	}
1885	.ekm-promo-3up .ekm-promo-box-content.center{
1886		align-items:left;
1887	}
1888	.ekm-promo-3up .ekm-promo-box-content.right{
1889		align-items: flex-end;
1890	}
1891	.ekm-promo-3up .promo-box-wrapper.right{
1892		align-items: flex-end;
1893	}
1894	.ekm-promo-3up .promo-box-wrapper.one{
1895		background-color: #3b6072 ;
1896	}		
1897	.ekm-promo-3up .promo-box-wrapper.has_bg.one{
1898		background-image: url(' https://files.ekmcdn.com/devereyarns-sandbox/resources/design/1Promoimg_1777278936.png');
1899	}	
1900	.ekm-promo-3up .promo-box-wrapper.two{
1901		background-color: #3b6072;
1902	}
1903	.ekm-promo-3up .promo-box-wrapper.has_bg.two{
1904		background-image: url(' https://files.ekmcdn.com/devereyarns/resources/design/new_shade_card_2026_1773309879.png');
1905	}
1906	.ekm-promo-3up .promo-box-wrapper.three{
1907		background-color: #3b6072;
1908	}
1909	.ekm-promo-3up .promo-box-wrapper.has_bg.three{
1910		background-image: url(' https://files.ekmcdn.com/devereyarns-sandbox/resources/design/Promo3img_1777278423.png');
1911	}
1912	.ekm-promo-3up .promo-box-wrapper.one h2, .ekm-promo-3up .promo-box-wrapper.one p{
1913		color: #ffffff ;
1914	}	
1915	.ekm-promo-3up .promo-box-wrapper.two h2, .ekm-promo-3up .promo-box-wrapper.two p{
1916		color: #ffffff ;
1917	}	
1918	.ekm-promo-3up .promo-box-wrapper.three h2, .ekm-promo-3up .promo-box-wrapper.three p{
1919		color: #ffffff ;
1920	}
1921	
1922	.ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-bg-image {
1923        background: #3b6072;
1924	     background: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/1Promoimg_1777278936.png'); 
1925	}
1926	.ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-bg-image {
1927        background: #3b6072;
1928	     background: url('https://files.ekmcdn.com/devereyarns/resources/design/new_shade_card_2026_1773309879.png'); 
1929	}
1930	.ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-bg-image {
1931        background: #3b6072;
1932	     background: url('https://files.ekmcdn.com/devereyarns-sandbox/resources/design/Promo3img_1777278423.png'); 
1933	}
1934	
1935	.ekm-promo-3up .ekm-promo-box-wrapper:is(.promo_one, .promo_two, .promo_three) .ekm-promo-box-bg-image {
1936	    height: auto;
1937	    background-size: cover;
1938	    background-position: center;
1939	    aspect-ratio: 13 / 7;
1940	    
1941	    align-self: flex-start;
1942	}
1943	
1944	.ekm-promo-3up .ekm-promo-box-wrapper.promo_one {
1945        background-color: #3b6072 ;
1946	}
1947	.ekm-promo-3up .ekm-promo-box-wrapper.promo_two {
1948        background-color: #3b6072 ;
1949	}
1950	.ekm-promo-3up .ekm-promo-box-wrapper.promo_three {
1951        background-color: #3b6072 ;
1952	}
1953    .ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-content h2 {
1954    	color: #ffffff;
1955	}
1956	.ekm-promo-3up .ekm-promo-box-wrapper.promo_one .ekm-promo-box-content p {
1957    	color: #ffffff;
1958	}
1959	.ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-content h2 {
1960    	color: #ffffff;
1961	}
1962	.ekm-promo-3up .ekm-promo-box-wrapper.promo_two .ekm-promo-box-content p {
1963    	color: #ffffff;
1964	}
1965	.ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-content h2 {
1966    	color: #ffffff;
1967	}
1968	.ekm-promo-3up .ekm-promo-box-wrapper.promo_three .ekm-promo-box-content p {
1969    	color: #ffffff;
1970	}
1971	
1972	.promo-box-wrapper :is(h2, p){
1973		margin-bottom: 1rem;
1974		position: relative;
1975		z-index: 2;
1976		max-width: 335px;
1977	}
1978	.promo-box-wrapper h2{
1979		max-width:225px;
1980		line-height: 1.5;
1981	}
1982	.promo-box-wrapper a{
1983		z-index: 1;
1984	}
1985    .ekm-promo-3up .promo-box-wrapper.center :is(h2, p){
1986		text-align: center;
1987	}	
1988	.ekm-promo-3up .promo-box-wrapper.right :is(h2, p){
1989		text-align: right;
1990	}
1991	.promo-box-wrapper > img {
1992		position: absolute;
1993		height: 90%;
1994		right: -7%;
1995		transition: all 0.3s ease;
1996		max-width: 250px;
1997		object-fit: contain;
1998	}
1999	
2000   .ekm-promo-box-wrapper .ekm-promo-box-content {
2001        padding: 0rem 2rem 2rem !important;
2002    }
2003    
2004	
2005	
2006	
2007	
2008	
2009	
2010	.ekm-promo-3up .promo-box-wrapper.promo-one.grid-content-overlay:before {
2011        content: "";
2012        height: 100%;
2013        left: 0;
2014        position: absolute;
2015        top: 0;
2016        width: 100%;
2017	}
2018	.ekm-promo-3up .promo-box-wrapper.promo-two.grid-content-overlay:before {
2019        content: "";
2020        height: 100%;
2021        left: 0;
2022        position: absolute;
2023        top: 0;
2024        width: 100%;
2025	}
2026	.ekm-promo-3up .promo-box-wrapper.promo-three.grid-content-overlay:before {
2027        content: "";
2028        height: 100%;
2029        left: 0;
2030        position: absolute;
2031        top: 0;
2032        width: 100%;
2033	}
2034
2035    @media screen and (max-width:919px) {
2036        .promo-box-wrapper:nth-of-type(3){
2037            grid-column: 1 / -1;
2038        }
2039    }
2040	@media screen and (max-width:979px) {
2041        .ekm-promo-box-wrapper.promo_three.grid.grid--two.grid-1-col.flex_align-center:nth-of-type(3){
2042        	grid-column: 1 / -1;
2043        }
2044	}  
2045   
2046	@media only screen and (min-width: 1024px){
2047		.promo-box-wrapper > img {
2048			right: -15%;
2049		}	
2050		.promo-box-wrapper:hover > img {
2051			position: absolute;
2052			height: 90%;
2053			right: -7%;
2054		}
2055	}
2056</style>
2057
2058
2059
2060
2061
2062	<section class="container ekm-3up-promo-wrapper ekm-promo-3up">
2063			<div class="grid promo-grid-3-fixed grid-btm-gap">
2064				<div class="ekm-promo-box-wrapper promo_one  grid grid--two grid-1-col flex_align-center ">
2065						<div class="ekm-promo-box-bg-image ekm-promo-box-bg-image--fixed-height"></div>
2066						<div class="ekm-promo-box-content left">
2067								<h2 class="ekm-promo-box-header">Embroidery Threads</h2>
2068							 <p class="ekm-promo-box-text">Shop silk, cotton, wool, metallic, and chenille embroidery threads for all stitching projects.</p>
2069								<a class="theme-btn" href="embroidery-threads-124-c.asp" >Shop now</a>
2070						</div>
2071				</div>
2072				<div class="ekm-promo-box-wrapper promo_two grid grid--two grid-1-col flex_align-center ">
2073						<div class="ekm-promo-box-bg-image  ekm-promo-box-bg-image--fixed-height"></div>
2074						<div class="ekm-promo-box-content left">
2075								<h2 class="ekm-promo-box-header">Shade Cards</h2>
2076								<p class="ekm-promo-box-text">Explore silk, wool, and chenille shade cards with real thread samples to see and feel colours.</p>
2077								<a class="theme-btn" href="shade-cards--quality-card-28-c.asp" >Shop now</a>
2078						</div>
2079				</div>
2080				<div class="ekm-promo-box-wrapper promo_three grid grid--two grid-1-col flex_align-center ">
2081					<div class="ekm-promo-box-bg-image  ekm-promo-box-bg-image--fixed-height"></div>
2082					<div class="ekm-promo-box-content left">
2083							<h2 class="ekm-promo-box-header">Weaving Yarns</h2>
2084							<p class="ekm-promo-box-text">Browse dyed and natural weaving yarns in silk, wool, cotton, chenille, linen, and flax fibres.</p>
2085							<a class="theme-btn" href="weaving-yarns-2-c.asp" >Shop now</a>
2086					</div>
2087				</div>
2088			</div>
2089	</section>
2090
2091
2092<script defer>
2093    is_promo_section_active = true;
2094</script>
2094
2095
2096</ekm-section>
2097
2098<ekm-section data-id="ekm-section-id-4" data-type="homepage-products">
2099<style>
2100/*LAST UPDATED : 19/07/2022*/
2101.product-scroll-wrapper.ekm-homepage-products {
2102  background-color: #f5f5f5;
2103  padding: 40px 20px;
2104}
2105
2106@media only screen and (min-width: 768px) {
2107	.product-grid-wrapper.ekm-homepage-products {
2108	  background-color: #f5f5f5;
2109	  padding: 40px 20px;
2110	}
2111	.product-scroll-wrapper.ekm-homepage-products {
2112		background-color: #f5f5f5;
2113		padding: 40px 20px;
2114	}
2115	.aerial-product-item {
2116		width: 100%;
2117		background-color: white;
2118		padding: 10px;
2119		box-shadow: 3px 6px 6px rgba(0,0,0,0);
2120		transition: all 0.35s ease;
2121	  }
2122	  .aerial-product-item:hover{
2123		box-shadow: 3px 6px 6px rgba(0,0,0,0.16);
2124		transform: translateY(-5px);
2125	}
2126}
2127#slider-homepage-products .sub-title.ekm-homepage-products{
2128	color: #333333;
2129	margin-right: 85px;
2130}
2131#grid-homepage-products .sub-title.ekm-homepage-products{
2132	color: #333333;
2133}
2134.splide__arrows{
2135	display: flex;
2136	position: absolute;
2137	top: -47px;
2138	right: 0;
2139}
2140.splide__arrow{
2141	all: initial;
2142	background-color: #232323;
2143	height: 32.5px;
2144	width: 32.5px;
2145	border-radius: 5px;
2146	margin-left: 5px;
2147	display: flex;
2148	align-items: center;
2149	justify-content: center;
2150	transition: all 0.25s ease;
2151	border-radius: var(--btn-border-radius);
2152}
2153.splide__arrow:hover{
2154	opacity: 0.7;
2155}
2156.splide__arrow svg{
2157	fill: #FFF;
2158}
2159
2160</style>
2161
2162<section class="product-scroll-wrapper ekm-homepage-products 
2163">
2164<div id="slider-homepage-products">
2165	
2166	    <div class="container">
2167	    
2168        	<h2 class="sub-title m-20 ekm-homepage-products">Featured Products</h2>
2169        
2170		
2171        <div class="product-scroll">
2172	<div class="splide product-slider" >
2173		<div class="splide__track">
2174			<div class="splide__list">
2175	<!--ekm-output-start-->
2176            <div class="aerial-product-item flex flex_col splide__slide quickview-parent">
2177	        	<div class="aerial-product-item_header">
2178	        		<a href="collecting-allsorts-blue-colour-pack-7773-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" >
2179	            		
2180			            
2181							<img class="lazy_load" decoding="async" src="
2182								
2183									//themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF
2184								
2185							" 
2186							data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-blue-colour-pack--7773-p.jpg?w=400&h=400&v=9F405306-6BB3-426D-B9A0-BDB9CBAB2F50" alt="Collecting Allsorts 'Blue Colour Pack'" />
2187							
2188	                    
2189	                    
2190	                </a>
2191	            </div>
2192	            <div class="aerial-product-item_body">
2193					
2194					    
2195					        <p class="stock-indicator ">Item in Stock</p>
2196					
2197					
2198	                <h3 class="product-name"><a href="collecting-allsorts-blue-colour-pack-7773-p.asp">Collecting Allsorts 'Blue Colour Pack'</a></h3>
2199					
2200	                <div class="aerial-product-item_review flex flex_align-center">
2201						<div class="rating-wrapper">
2202							<div class="bottom-layer">
2203								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2204									<path
2205										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2206										 fill-opacity="0.2" />
2207									<path
2208										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2209										 fill-opacity="0.2" />
2210									<path
2211										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2212										 fill-opacity="0.2" />
2213									<path
2214										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2215										 fill-opacity="0.2" />
2216									<path
2217										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2218										 fill-opacity="0.2" />
2219								</svg>
2220							</div>
2221							<div class="top-layer" data-rating="">
2222								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2223									<path
2224										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2225										 />
2226									<path
2227										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2228										 />
2229									<path
2230										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
22306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2231										 />
2232									<path
2233										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2234										 />
2235									<path
2236										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2237										 />
2238								</svg>
2239							</div>
2240						</div>
2241						<p>
2242							0 review(s)</p>
2243	                </div>
2244					
2245				<!--END OF CUSTOMER REVIEW STARS-->
2246				</div>
2247				
2248				
2249				<div class="aerial-product-item_footer">
2250					<div class=" flex flex_align-center flex_space-between trade-login-hide">
2251                        <p class="aerial-product-item_price">
2252							<span class="vat-price-wrapper">£17.40 inc. VAT</span>
2253							£14.50 
2254						</p>
2255						<p class="aerial-product-item_price--rpp"></p>
2256					</div>
2257					
2258				</div>
2259				
2260				
2261				
2262				    <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" >
2263				        
2264				    
2265				            <a href="index.asp?function=CART&mode=ADD&productid=7773" class="quickview-btn options_cta" >Add to cart</a>
2266				
2267				        
2268				    <div class="qv-btn"><a href="#" data-ekm-quick-view="7773">Quickview</a></div>
2269				    </div>
2270				 
2271				
2272				
2273				
2274            </div>
2275	
2276            <div class="aerial-product-item flex flex_col splide__slide quickview-parent">
2277	        	<div class="aerial-product-item_header">
2278	        		<a href="collecting-allsorts-pink-colour-pack-7771-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" >
2279	            		
2280			            
2281							<img class="lazy_load" decoding="async" src="
2282								
2283									//themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF
2284								
2285							" 
2286							data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-pink-colour-pack--7771-1-p.jpg?w=400&h=400&v=515BEEFF-02D5-4875-B778-ED6C69ED2F18" alt="Collecting Allsorts 'Pink Colour Pack'" />
2287							
2288	                    
2289	                    
2290	                </a>
2291	            </div>
2292	            <div class="aerial-product-item_body">
2293					
2294					    
2295					        <p class="stock-indicator ">Item in Stock</p>
2296					
2297					
2298	                <h3 class="product-name"><a href="collecting-allsorts-pink-colour-pack-7771-p.asp">Collecting Allsorts 'Pink Colour Pack'</a></h3>
2299					
2300	                <div class="aerial-product-item_review flex flex_align-center">
2301						<div class="rating-wrapper">
2302							<div class="bottom-layer">
2303								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2304									<path
2305										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2306										 fill-opacity="0.2" />
2307									<path
2308										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2309										 fill-opacity="0.2" />
2310									<path
2311										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2312										 fill-opacity="0.2" />
2313									<path
2314										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2315										 fill-opacity="0.2" />
2316									<path
2317										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2318										 fill-opacity="0.2" />
2319								</svg>
2320							</div>
2321							<div class="top-layer" data-rating="">
2322								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2323									<path
2324										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2325										 />
2326									<path
2327										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2328										 />
2329									<path
2330										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
23306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2331										 />
2332									<path
2333										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2334										 />
2335									<path
2336										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2337										 />
2338								</svg>
2339							</div>
2340						</div>
2341						<p>
2342							0 review(s)</p>
2343	                </div>
2344					
2345				<!--END OF CUSTOMER REVIEW STARS-->
2346				</div>
2347				
2348				
2349				<div class="aerial-product-item_footer">
2350					<div class=" flex flex_align-center flex_space-between trade-login-hide">
2351                        <p class="aerial-product-item_price">
2352							<span class="vat-price-wrapper">£17.40 inc. VAT</span>
2353							£14.50 
2354						</p>
2355						<p class="aerial-product-item_price--rpp"></p>
2356					</div>
2357					
2358				</div>
2359				
2360				
2361				
2362				    <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" >
2363				        
2364				    
2365				            <a href="index.asp?function=CART&mode=ADD&productid=7771" class="quickview-btn options_cta" >Add to cart</a>
2366				
2367				        
2368				    <div class="qv-btn"><a href="#" data-ekm-quick-view="7771">Quickview</a></div>
2369				    </div>
2370				 
2371				
2372				
2373				
2374            </div>
2375	
2376            <div class="aerial-product-item flex flex_col splide__slide quickview-parent">
2377	        	<div class="aerial-product-item_header">
2378	        		<a href="collecting-allsorts-purple-colour-pack-7772-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" >
2379	            		
2380			            
2381							<img class="lazy_load" decoding="async" src="
2382								
2383									//themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF
2384								
2385							" 
2386							data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-purple-colour-pack--7772-p.jpg?w=400&h=400&v=891C8537-05B0-4348-ABD8-7537311852C3" alt="Collecting Allsorts 'Purple Colour Pack'" />
2387							
2388	                    
2389	                    
2390	                </a>
2391	            </div>
2392	            <div class="aerial-product-item_body">
2393					
2394					    
2395					        <p class="stock-indicator ">Item in Stock</p>
2396					
2397					
2398	                <h3 class="product-name"><a href="collecting-allsorts-purple-colour-pack-7772-p.asp">Collecting Allsorts 'Purple Colour Pack'</a></h3>
2399					
2400	                <div class="aerial-product-item_review flex flex_align-center">
2401						<div class="rating-wrapper">
2402							<div class="bottom-layer">
2403								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2404									<path
2405										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2406										 fill-opacity="0.2" />
2407									<path
2408										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2409										 fill-opacity="0.2" />
2410									<path
2411										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2412										 fill-opacity="0.2" />
2413									<path
2414										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2415										 fill-opacity="0.2" />
2416									<path
2417										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2418										 fill-opacity="0.2" />
2419								</svg>
2420							</div>
2421							<div class="top-layer" data-rating="">
2422								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2423									<path
2424										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2425										 />
2426									<path
2427										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2428										 />
2429									<path
2430										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
24306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2431										 />
2432									<path
2433										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2434										 />
2435									<path
2436										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2437										 />
2438								</svg>
2439							</div>
2440						</div>
2441						<p>
2442							0 review(s)</p>
2443	                </div>
2444					
2445				<!--END OF CUSTOMER REVIEW STARS-->
2446				</div>
2447				
2448				
2449				<div class="aerial-product-item_footer">
2450					<div class=" flex flex_align-center flex_space-between trade-login-hide">
2451                        <p class="aerial-product-item_price">
2452							<span class="vat-price-wrapper">£17.40 inc. VAT</span>
2453							£14.50 
2454						</p>
2455						<p class="aerial-product-item_price--rpp"></p>
2456					</div>
2457					
2458				</div>
2459				
2460				
2461				
2462				    <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" >
2463				        
2464				    
2465				            <a href="index.asp?function=CART&mode=ADD&productid=7772" class="quickview-btn options_cta" >Add to cart</a>
2466				
2467				        
2468				    <div class="qv-btn"><a href="#" data-ekm-quick-view="7772">Quickview</a></div>
2469				    </div>
2470				 
2471				
2472				
2473				
2474            </div>
2475	
2476            <div class="aerial-product-item flex flex_col splide__slide quickview-parent">
2477	        	<div class="aerial-product-item_header">
2478	        		<a href="collecting-allsorts-turquoise-colour-pack-7777-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" >
2479	            		
2480			            
2481							<img class="lazy_load" decoding="async" src="
2482								
2483									//themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF
2484								
2485							" 
2486							data-src="https://files.ekmcdn.com/devereyarns/images/collecting-allsorts-turquoise-colour-pack--7777-p.jpg?w=400&h=400&v=1358BE60-0499-41C1-836C-406E10D46DF6" alt="Collecting Allsorts 'Turquoise Colour Pack'" />
2487							
2488	                    
2489	                    
2490	                </a>
2491	            </div>
2492	            <div class="aerial-product-item_body">
2493					
2494					    
2495					        <p class="stock-indicator ">Item in Stock</p>
2496					
2497					
2498	                <h3 class="product-name"><a href="collecting-allsorts-turquoise-colour-pack-7777-p.asp">Collecting Allsorts 'Turquoise Colour Pack'</a></h3>
2499					
2500	                <div class="aerial-product-item_review flex flex_align-center">
2501						<div class="rating-wrapper">
2502							<div class="bottom-layer">
2503								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2504									<path
2505										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2506										 fill-opacity="0.2" />
2507									<path
2508										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2509										 fill-opacity="0.2" />
2510									<path
2511										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2512										 fill-opacity="0.2" />
2513									<path
2514										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2515										 fill-opacity="0.2" />
2516									<path
2517										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2518										 fill-opacity="0.2" />
2519								</svg>
2520							</div>
2521							<div class="top-layer" data-rating="">
2522								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2523									<path
2524										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2525										 />
2526									<path
2527										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2528										 />
2529									<path
2530										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
25306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2531										 />
2532									<path
2533										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2534										 />
2535									<path
2536										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2537										 />
2538								</svg>
2539							</div>
2540						</div>
2541						<p>
2542							0 review(s)</p>
2543	                </div>
2544					
2545				<!--END OF CUSTOMER REVIEW STARS-->
2546				</div>
2547				
2548				
2549				<div class="aerial-product-item_footer">
2550					<div class=" flex flex_align-center flex_space-between trade-login-hide">
2551                        <p class="aerial-product-item_price">
2552							<span class="vat-price-wrapper">£17.40 inc. VAT</span>
2553							£14.50 
2554						</p>
2555						<p class="aerial-product-item_price--rpp"></p>
2556					</div>
2557					
2558				</div>
2559				
2560				
2561				
2562				    <div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" >
2563				        
2564				    
2565				            <a href="index.asp?function=CART&mode=ADD&productid=7777" class="quickview-btn options_cta" >Add to cart</a>
2566				
2567				        
2568				    <div class="qv-btn"><a href="#" data-ekm-quick-view="7777">Quickview</a></div>
2569				    </div>
2570				 
2571				
2572				
2573				
2574            </div>
2575	
2576            <div class="aerial-product-item flex flex_col splide__slide quickview-parent">
2577	        	<div class="aerial-product-item_header">
2578	        		<a href="pastel-palette-6972-p.asp" data-ekm-badges=""data-ekm-badges-max-width="160"data-ekm-badges-max-height="160" >
2579	            		
2580			            
2581							<img class="lazy_load" decoding="async" src="
2582								
2583									//themes.cdn.ekm.net/themes/master/2271/images/loading.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF
2584								
2585							" 
2586							data-src="https://files.ekmcdn.com/devereyarns/images/pastel-palette-6972-p.jpg?w=400&h=400&v=afafdb4b-b4b3-45e2-b043-8780b18f59dc" alt="Pastel Palette" />
2587							
2588	                    
2589	                    
2590	                </a>
2591	            </div>
2592	            <div class="aerial-product-item_body">
2593					
2594					    
2595					        <p class="stock-indicator oos">Out of stock</p>
2596					
2597					
2598	                <h3 class="product-name"><a href="pastel-palette-6972-p.asp">Pastel Palette</a></h3>
2599					
2600	                <div class="aerial-product-item_review flex flex_align-center">
2601						<div class="rating-wrapper">
2602							<div class="bottom-layer">
2603								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2604									<path
2605										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2606										 fill-opacity="0.2" />
2607									<path
2608										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2609										 fill-opacity="0.2" />
2610									<path
2611										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.6399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2612										 fill-opacity="0.2" />
2613									<path
2614										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2615										 fill-opacity="0.2" />
2616									<path
2617										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2618										 fill-opacity="0.2" />
2619								</svg>
2620							</div>
2621							<div class="top-layer" data-rating="">
2622								<svg width="80" height="14" viewBox="0 0 80 14" fill="none" xmlns="https://www.w3.org/2000/svg">
2623									<path
2624										d="M7.35048 11.6069L2.79996 13.9999L3.66819 8.93169L0 5.35033L5.08229 4.60802L7.35048 0L9.6295 4.60585L14.7118 5.34816L11.0295 8.92952L11.8977 13.9977L7.35048 11.6069Z"
2625										 />
2626									<path
2627										d="M23.6288 11.6069L19.0783 13.9999L19.9465 8.93169L16.2783 5.35033L21.3606 4.60802L23.6288 0L25.9078 4.60585L30.9901 5.34816L27.3078 8.92952L28.176 13.9977L23.6288 11.6069Z"
2628										 />
2629									<path
2630										d="M39.9081 11.6069L35.3576 13.9999L36.2258 8.93169L32.5576 5.35033L37.
26306399 4.60802L39.9081 0L42.1871 4.60585L47.2694 5.34816L43.5871 8.92952L44.4553 13.9977L39.9081 11.6069Z"
2631										 />
2632									<path
2633										d="M56.1874 11.6069L51.6369 13.9999L52.5051 8.93169L48.8369 5.35033L53.9192 4.60802L56.1874 0L58.4664 4.60585L63.5487 5.34816L59.8664 8.92952L60.7346 13.9977L56.1874 11.6069Z"
2634										 />
2635									<path
2636										d="M72.4647 11.6069L67.9142 13.9999L68.7824 8.93169L65.1143 5.35033L70.1965 4.60802L72.4647 0L74.7438 4.60585L79.826 5.34816L76.1438 8.92952L77.012 13.9977L72.4647 11.6069Z"
2637										 />
2638								</svg>
2639							</div>
2640						</div>
2641						<p>
2642							0 review(s)</p>
2643	                </div>
2644					
2645				<!--END OF CUSTOMER REVIEW STARS-->
2646				</div>
2647				
2648				
2649				<div class="aerial-product-item_footer">
2650					<div class=" flex flex_align-center flex_space-between trade-login-hide">
2651                        <p class="aerial-product-item_price">
2652							<span class="vat-price-wrapper">£38.22 inc. VAT</span>
2653							£31.85 
2654						</p>
2655						<p class="aerial-product-item_price--rpp"></p>
2656					</div>
2657					
2658				</div>
2659				
2660				
2661				 
2662				
2663				
2664				
2665				
2666				
2667				 	<div class="quickview-btn-wrapper quickview-btn-wrapper_zero-left trade-login-hide" 
2668					
2669				 	>
2670					
2671				        
2672				                <a href="pastel-palette-6972-p.asp" class="quickview-btn oos-btn" >Out of stock</a><!--/.quickview-btn oos-btn-->
2673				
2674				    
2675				    </div>
2676				
2677				
2678            </div>
2679	<!--ekm-output-end-->
2680			</div>
2681		</div>
2682	</div>
2683        </div> 
2684        <!--end of product scroll-->
2685    </div>
2686    <!--end of container-->
2687</div>
2688
2689
2690
2691
2692</section>
2693
2694</ekm-section>
2695
2696<ekm-section data-id="ekm-section-id-5" data-type="text-and-image">
2697	
2698<style>
2699	.text-image-block-wrapper {
2700	  display: -ms-grid;
2701	  display: grid;
2702	  -ms-grid-columns: 1fr;
2703	  grid-template-columns: 1fr;
2704	  -webkit-box-align: center;
2705	  -ms-flex-align: center;
2706	  align-items: center;
2707	  gap: 40px;
2708	  margin-bottom: 20px;
2709	}
2710	.text-block {
2711	    max-width: 650px;
2712	    width: 100%;
2713	}
2714	.text-image-block-wrapper--split {
2715	  display: -ms-grid;
2716	  display: grid;
2717	  -ms-grid-columns: 1fr;
2718	  grid-template-columns: 1fr;
2719      -webkit-box-align: center;
2720	  -ms-flex-align: center;
2721	  align-items: center;
2722	  gap: 40px;
2723	  margin-bottom: 20px;
2724	  z-index: 1;
2725      position: relative;
2726	}
2727	.ekm-text-and-image.text-image-block-wrapper--contained {
2728		display: -ms-grid;
2729		display: grid;
2730		-ms-grid-columns: 1fr;
2731		grid-template-columns: 1fr;
2732		-webkit-box-align: center;
2733		-ms-flex-align: center;
2734		align-items: center;
2735		gap: 20px;
2736		margin-bottom: 20px;
2737		z-index: 1;
2738		position: relative;
2739		justify-content: center;
2740		text-align: center;
2741	  	
2742		
2743		
2744		text-align: center;
2745		
2746	}
2747	.ekm-text-and-image .text-image-block-wrapper--fullwidth {
2748		-ms-grid-columns: 1fr;
2749		grid-template-columns: 1fr;
2750		position: relative;
2751		
2752		
2753		
2754		text-align: center;
2755		
2756	}
2757	.text-image-block-wrapper img {
2758	  width: 100%;
2759	  -o-object-fit: cover;
2760	     object-fit: cover;
2761	  -o-object-position: center;
2762	     object-position: center;
2763	  height: 220px;
2764	}
2765	
2766	.text-image-block-wrapper p {
2767	  overflow-wrap: anywhere;
2768	  font-weight: 400;
2769	}
2770	.text-image-block-wrapper__main-content{
2771		padding: 20px 0 0 0;
2772	}
2773	.text-image-block-wrapper__main-content > p{
2774		margin-bottom: 20px;
2775	}
2776	.text-image-block-wrapper__main-content--fullwidth{
2777		padding: 20px 0;
2778	}
2779	.text-image-block-wrapper__main-content--contained{
2780		padding: 20px 0;
2781	}
2782	.text-image-block-wrapper--one{
2783		padding:40px 20px;
2784	}
2785	.heading-block h3 {
2786    	padding-bottom: 10px;
2787	}
2788	.heading-block p {
2789    	padding-bottom: 10px;
2790	}
2791	.text-image-block-wrapper.text-image-block-wrapper_reverse img{
2792		grid-row: -1 / 1;
2793	}
2794	.ekm-text-and-image.about-section-bg{
2795		background-image: url(https://files.ekmcdn.com/devereyarns-sandbox/resources/design/about-img_1719244266.png);
2796		
2797		padding: 20px 0px;
2798		
2799		
2800		
2801		background-attachment: scroll;
2802		
2803		background-position: center;
2804		background-repeat: no-repeat;
2805		background-size: cover;
2806		position: relative;
2807	}
2808	
2809	
2810	.ekm-text-and-image.about-section-bg.hasoverlay::before {
2811		content:"";
2812		display: block;
2813		width: 100%;
2814		height: 100%;
2815		position: absolute;
2816		top: 0;
2817		left: 0;
2818		opacity: 100%;
2819		background:#ffffff;
2820		
2821	}
2822	.ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) p {
2823		color: #333333;
2824	}
2825	.ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) h3 {
2826		color: #333333;
2827	}
2828	.ekm-text-and-image:where(.text-image-block-wrapper, .text-image-block-wrapper--fullwidth, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) .theme-btn {
2829		color: #FFFFFF;
2830		background-color: #d2ac6c;
2831	}
2832	
2833	
2834@media only screen and (min-width: 768px){
2835	.text-image-block-wrapper {
2836		-ms-grid-columns: 1fr 1fr;
2837		grid-template-columns: 1fr 1fr;
2838	}
2839	.text-image-block-wrapper--one{
2840		padding:60px 20px;
2841	}
2842	.text-image-block-wrapper--split {
2843		-ms-grid-columns: 1fr 3fr;
2844		grid-template-columns: 1fr 3fr;
2845	}
2846	.text-image-block-wrapper img {
2847		height: 400px;
2848	}
2849	.text-image-block-wrapper.text-image-block-wrapper_reverse {
2850		grid-auto-flow: column dense;
2851		-ms-grid-columns: 1fr 1fr;
2852		grid-template-columns: 1fr 1fr;
2853		gap: 40px;
2854	}
2855	
2856	.text-image-block-wrapper.text-image-block-wrapper_reverse img {
2857	  -ms-grid-column: 1;
2858	  -ms-grid-column-span: 1;
2859	  grid-column: 1 / 2;
2860	}
2861	.ekm-text-and-image.about-section-bg{
2862		
2863		padding: 50px 0px;
2864		
2865		
2866		
2867		background-attachment: fixed;
2868		
2869	}
2870	[data-browser="safari"] .ekm-text-and-image.about-section-bg{
2871		background-attachment: inherit;
2872	}
2873	.ekm-text-and-image.text-image-block-wrapper--contained {
2874		-ms-grid-columns: .5fr;
2875		grid-template-columns: .5fr;
2876	}
2877}
2878
2879	
2880</style>
2881	
2882	<section class="ekm-text-and-image container text-image-block-wrapper text-image-block-wrapper_reverse  text-image-block-wrapper--one">
2883    <div class="text-block">
2884			<h3>Welcome to DeVere Yarns</h3>
2885			
2886			<div class="text-image-block-wrapper__main-content">
2887				<p>Specialising in silk thread and weaving yarns for over 40 years, DeVere Yarns offers premium quality materials trusted by embroiderers and weavers alike. Our expertise ensures every thread delivers exceptional strength, colour vibrancy, and a smooth finish for both traditional and contemporary textile projects.</p><p>Our silk embroidery threads are available in over 300 rich shades and 6 different thicknesses, all carefully handmade here in the UK. Whether you’re working on detailed embroidery, hand weaving, or luxury textile design, our high quality silk threads provide the perfect balance of durability and elegance.</p>
2888			</div>
2889			
2890				<a href="about-us-1-w.asp" class="theme-btn">
2891					Read more
2892				</a>
2893			
2894		</div>
2895		<img src="https://files.ekmcdn.com/devereyarns-sandbox/resources/design/about-img_1719244266.png" alt="" loading="lazy" decoding="async" >
2896	</section>
2897
2898
2899
2900
2901
2902
2903
2904
2905	
2906</ekm-section>
2907<ekm-section data-id="ekm-section-id-6" data-type="text-and-image">
2908	
2909<style>
2910	.text-image-block-wrapper {
2911	  display: -ms-grid;
2912	  display: grid;
2913	  -ms-grid-columns: 1fr;
2914	  grid-template-columns: 1fr;
2915	  -webkit-box-align: center;
2916	  -ms-flex-align: center;
2917	  align-items: center;
2918	  gap: 40px;
2919	  margin-bottom: 20px;
2920	}
2921	.text-block {
2922	    max-width: 650px;
2923	    width: 100%;
2924	}
2925	.text-image-block-wrapper--split {
2926	  display: -ms-grid;
2927	  display: grid;
2928	  -ms-grid-columns: 1fr;
2929	  grid-template-columns: 1fr;
2930      -webkit-box-align: center;
2931	  -ms-flex-align: center;
2932	  align-items: center;
2933	  gap: 40px;
2934	  margin-bottom: 20px;
2935	  z-index: 1;
2936      position: relative;
2937	}
2938	.ekm-5e04f77a8dbb8ab0.text-image-block-wrapper--contained {
2939		display: -ms-grid;
2940		display: grid;
2941		-ms-grid-columns: 1fr;
2942		grid-template-columns: 1fr;
2943		-webkit-box-align: center;
2944		-ms-flex-align: center;
2945		align-items: center;
2946		gap: 20px;
2947		margin-bottom: 20px;
2948		z-index: 1;
2949		position: relative;
2950		justify-content: center;
2951		text-align: center;
2952	  	
2953		
2954		
2955		text-align: center;
2956		
2957	}
2958	.ekm-5e04f77a8dbb8ab0 .text-image-block-wrapper--fullwidth {
2959		-ms-grid-columns: 1fr;
2960		grid-template-columns: 1fr;
2961		position: relative;
2962		
2963		
2964		
2965		text-align: center;
2966		
2967	}
2968	.text-image-block-wrapper img {
2969	  width: 100%;
2970	  -o-object-fit: cover;
2971	     object-fit: cover;
2972	  -o-object-position: center;
2973	     object-position: center;
2974	  height: 220px;
2975	}
2976	
2977	.text-image-block-wrapper p {
2978	  overflow-wrap: anywhere;
2979	  font-weight: 400;
2980	}
2981	.text-image-block-wrapper__main-content{
2982		padding: 20px 0 0 0;
2983	}
2984	.text-image-block-wrapper__main-content > p{
2985		margin-bottom: 20px;
2986	}
2987	.text-image-block-wrapper__main-content--fullwidth{
2988		padding: 20px 0;
2989	}
2990	.text-image-block-wrapper__main-content--contained{
2991		padding: 20px 0;
2992	}
2993	.text-image-block-wrapper--one{
2994		padding:40px 20px;
2995	}
2996	.heading-block h3 {
2997    	padding-bottom: 10px;
2998	}
2999	.heading-block p {
3000    	padding-bottom: 10px;
3001	}
3002	.text-image-block-wrapper.text-image-block-wrapper_reverse img{
3003		grid-row: -1 / 1;
3004	}
3005	.ekm-5e04f77a8dbb8ab0.about-section-bg{
3006		background-image: url(//themes.cdn.ekm.net/themes/master/2271/images/about.png?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF);
3007		
3008		padding: 20px 0px;
3009		
3010		
3011		
3012		background-attachment: scroll;
3013		
3014		background-attachment: scroll;
3015		
3016		background-position: center;
3017		background-repeat: no-repeat;
3018		background-size: cover;
3019		position: relative;
3020	}
3021	
3022	
3023	.ekm-5e04f77a8dbb8ab0.about-section-bg.hasoverlay::before {
3024		content:"";
3025		display: block;
3026		width: 100%;
3027		height: 100%;
3028		position: absolute;
3029		top: 0;
3030		left: 0;
3031		opacity: 100%;
3032		background:#6a99af;
3033		
3034	}
3035	.ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) p {
3036		color: #ffffff;
3037	}
3038	.ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper__main-content--fullwidth, .text-image-block-wrapper--fullwidth, .heading-block, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) h3 {
3039		color: #ffffff;
3040	}
3041	.ekm-5e04f77a8dbb8ab0:where(.text-image-block-wrapper, .text-image-block-wrapper--fullwidth, .text-image-block-wrapper--split, .text-image-block-wrapper--contained ) .theme-btn {
3042		color: #000000;
3043		background-color: #ffffff;
3044	}
3045	
3046	
3047@media only screen and (min-width: 768px){
3048	.text-image-block-wrapper {
3049		-ms-grid-columns: 1fr 1fr;
3050		grid-template-columns: 1fr 1fr;
3051	}
3052	.text-image-block-wrapper--one{
3053		padding:60px 20px;
3054	}
3055	.text-image-block-wrapper--split {
3056		-ms-grid-columns: 1fr 3fr;
3057		grid-template-columns: 1fr 3fr;
3058	}
3059	.text-image-block-wrapper img {
3060		height: 400px;
3061	}
3062	.text-image-block-wrapper.text-image-block-wrapper_reverse {
3063		grid-auto-flow: column dense;
3064		-ms-grid-columns: 1fr 1fr;
3065		grid-template-columns: 1fr 1fr;
3066		gap: 40px;
3067	}
3068	
3069	.text-image-block-wrapper.text-image-block-wrapper_reverse img {
3070	  -ms-grid-column: 1;
3071	  -ms-grid-column-span: 1;
3072	  grid-column: 1 / 2;
3073	}
3074	.ekm-5e04f77a8dbb8ab0.about-section-bg{
3075		
3076		padding: 50px 0px;
3077		
3078		
3079		
3080		background-attachment: fixed;
3081		
3082		background-attachment: scroll;
3083		
3084	}
3085	[data-browser="safari"] .ekm-5e04f77a8dbb8ab0.about-section-bg{
3086		background-attachment: inherit;
3087	}
3088	.ekm-5e04f77a8dbb8ab0.text-image-block-wrapper--contained {
3089		-ms-grid-columns: .5fr;
3090		grid-template-columns: .5fr;
3091	}
3092}
3093
3094	
3095</style>
3096
3097
3098
3099
3100
3101
3102
3103	<div class="ekm-5e04f77a8dbb8ab0 about-section-bg hasoverlay">
3104		<section class="ekm-5e04f77a8dbb8ab0 container text-image-block-wrapper--contained">
3105			<div>
3106				<h3>Can't find what you're looking for?</h3>
3107				
3108				<div class="text-image-block-wrapper__main-content--contained">
3109					<p>We're here to help! Get in touch below with any queries</p>
3110				</div>
3111				
3112					<a href="contact-us-2-w.asp" class="theme-btn">
3113						Contact us
3114					</a>
3115				
3116			</div>
3117		</section>
3118	</div>
3119
3120
3121	
3122</ekm-section>
3123<ekm-section data-id="ekm-section-id-7" data-type="testimonials">
3124   <link href="//themes.cdn.ekm.net/themes/master/2271/css/testimonials.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
3125
3126
3127    <style>
3128        .ekm-c5a961bb9c8e0c6b.ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper{
3129          background-color: #ffffff;
3130	  		
3131        }
3132        
3133        .ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper :is(h2, p, p strong){
3134            color: #222222;
3135        }
3136        .ekm-c5a961bb9c8e0c6b.ekm-testimonial-wrapper .testimonal-stars{
3137            fill: var(--body_review_stars);
3138        }
3139        .ekm-c5a961bb9c8e0c6b .splide__pagination__page.is-active{
3140            opacity: 1;
3141            background: #222222;
3142        }
3143        .ekm-c5a961bb9c8e0c6b .splide__pagination__page{
3144            background: #222222;
3145        }
3146    </style>
3147    
3148	<div class="ekm-c5a961bb9c8e0c6b ekm-testimonial-wrapper ">
3149        <div class="container">
3150            <section class="splide testimonial-just-text" aria-label="slider showing the shops testimonials">
3151                <div class="splide__track">
3152                    <ul class="splide__list">
3153                    
3154                    
3155                    
3156                        
3157                        
3158                        
3159                        
3160                        
3161                        <li class="splide__slide" data-splide-interval="5000">
3162                            <div class=" flex flex_col flex_align-center">
3163                                <svg class="testimonal-stars" 
3164                                    
3165                                    
3166                                    
3167                                    
3168                                    width="118"
3169                                height="22"  xmlns="https://www.w3.org/2000/svg">
3170                                    <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" />
3171                                    <use href="#review_star" x="24" />
3172                                    <use href="#review_star" x="48" />
3173                                    <use href="#review_star" x="72" />
3174                                    <use href="#review_star" x="96" />
3175                                </svg>
3176                                <h2>Useful & helpful</h2>
3177                                <p><p>The Protective cop sleeving was very useful to store the silk threads without having them unravelling constantly. Very happy with these.</p></p>
3178                                <p class="testimonial-reviewer">
3179                                    <strong>Verified Reviewer</strong> / January 2026
3180                                </p>
3181                            </div>
3182                        </li>
3183                    
3184                    
3185                    
3186                        
3187                        
3188                        
3189                        
3190                        
3191                        <li class="splide__slide" data-splide-interval="5000">
3192                            <div class=" flex flex_col flex_align-center">
3193                                <svg class="testimonal-stars" 
3194                                    
3195                                    
3196                                    
3197                                    
3198                                    width="118"
3199                                height="22"  xmlns="https://www.w3.org/2000/svg">
3200                                    <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" />
3201                                    <use href="#review_star" x="24" />
3202                                    <use href="#review_star" x="48" />
3203                                    <use href="#review_star" x="72" />
3204                                    <use href="#review_star" x="96" />
3205                                </svg>
3206                                <h2>Strong & beautiful thread</h2>
3207                                <p><p>Beautiful, sturdy thread that gives a lush look to any project. Fair price and the Sterling Silver Metallic Thread 25m was quick to arrive.&nbsp;</p></p>
3208                                <p class="testimonial-reviewer">
3209                                    <strong>Verified Reviewer</strong> / January 2026
3210                                </p>
3211                            </div>
3212                        </li>
3213                    
3214                    
3215                    
3216                        
3217                        
3218                        
3219                        
3220                        
3221                        <li class="splide__slide" data-splide-interval="5000">
3222                            <div class=" flex flex_col flex_align-center">
3223                                <svg class="testimonal-stars" 
3224                                    
3225                                    
3226                                    
3227                                    
3228                                    width="118"
3229                                height="22"  xmlns="https://www.w3.org/2000/svg">
3230                                    <path id="review_star" d="M10.9919 18.2395L4.18705 22L5.4854 14.0357L0 8.40775L7.60005 7.24124L10.9919 0L14.3999 7.23783L22 8.40434L16.4935 14.0322L17.7918 21.9966L10.9919 18.2395Z" />
3231                                    <use href="#review_star" x="24" />
3232                                    <use href="#review_star" x="48" />
3233                                    <use href="#review_star" x="72" />
3234                                    <use href="#review_star" x="96" />
3235                                </svg>
3236                                <h2>Excellent quality & colours!</h2>
3237                                <p><p>Fabulous threads, since I found Devere Yarns, I haven't bought a single embroidery thread from anywhere else! Lovely team &amp; customer service.&nbsp;</p></p>
3238                                <p class="testimonial-reviewer">
3239                                    <strong>Verified Reviewer</strong> / October 2025
3240                                </p>
3241                            </div>
3242                        </li>
3243                    
3244                            
3245                    </ul>
3246                </div>
3247            </section>
3248        </div>
3249	</div>
3250	
3251	
3251<script>
3252	document.addEventListener('DOMContentLoaded', function () {
3253		const testimonial_just_text = document.querySelectorAll(".testimonial-just-text");
3254		testimonial_just_text.forEach(Test_just_text => {
3255			new Splide(Test_just_text, {
3256				type: "slide",
3257				autoHeight: true,
3258				gap: "2rem",
3259				rewind: true,
3260				rewindSpeed: 5000,
3261				speed: 1500,
3262				autoplay: true,
3263				interval: 5000,
3264				updateOnMove: true,
3265				arrows: false
3266			}).mount();
3267		})
3268	});
3269	</script>
3269
3270	
3271    
3272    
3273    
3274
3275
3276
3277</ekm-section>
3278
3279
3280
3281</article>
3282
3283<ekm-section data-id="ekm-section-id-8" data-type="footer">
3284	
3285	
3286	<style>
3287	    :root{
3288    		--footer_bg: #3b6072;
3289    		--footer_text: #FFFFFF;
3290    		--footer_link: #FFFFFF;
3291    		--webpages_background: #049aff;
3292            --copyright_background: #34515f;
3293            --copyright_text: #FFFFFF;
3294	    }
3295	
3296		footer{
3297			
3298            
3299            
3300		}
3301		.background_image{
3302			background-image: url(  );
3303			background-repeat: no-repeat;
3304		    background-position: center center;
3305		    
3306		        background-size: auto;
3307		    
3308		    
3309		    
3310		}
3311		.copyright-bar{
3312			padding: 15px 0px;
3313			background-color: var(--copyright_background);
3314			color: var(--copyright_text);
3315			text-align: center;
3316			font-size: 1.4rem;
3317		}
3318		.copyright-bar .container{
3319			display: grid;
3320			grid-template-columns: 1fr;
3321    		gap: 15px;
3322    		padding: 0px 20px;
3323		}
3324		.copyright-block-cards{
3325			order: 1;
3326		}
3327		.copyright-block-company{
3328			order: 2;
3329		}
3330		.copyright-block-sitename{
3331			order: 3;
3332		}
3333		.copyright-bar a{
3334			color: inherit;
3335			font-size: inherit;
3336			text-decoration: underline;
3337		}
3338		.copyright-bar span {
3339		    font-size: inherit;
3340		}
3341		.copyright-block-sitename span, .copyright-block-company span{
3342			font-size: inherit;
3343			margin-left: 2px;
3344			text-align: left;
3345		}
3346		.copyright-block-sitename {
3347    		font-size: 1.4rem;
3348		}
3349		.copyright-block-company, .copyright-block-cards, .copyright-block-sitename {
3350			justify-content: left;
3351		}
3352		
3353		.copyright-block-sitename {
3354    		flex-wrap: wrap;
3355		}
3356		
3357		span.ekmps-vat-number, span.ekmps-company-number{
3358			display: inline-block;
3359			margin: 0px;
3360			
3361				margin: 10px 3px 0 3px;
3362			
3363			font-size: 1.4rem;
3364		}
3365		.dash {
3366		    margin: 0px 5px;
3367		}
3368		.ekm-card-logos-image {
3369		    height: 30px;
3370		    width: auto;
3371		}
3372		
3373        footer > .container {
3374        	
3375                padding-top: 0px;
3376                padding-bottom: 0px;
3377            
3378            
3379            
3380            
3381        }
3382		footer .footer-block ul {
3383	        
3384        }
3385		.footer-block--social {
3386			    display: grid;
3387			    justify-content: flex-start;
3388		}
3389		.footer-block--webpages {
3390            
3391            
3392		}
3393        .footer-block--webpages .container {
3394            
3395        }
3396        .footer-block--address {
3397	        display: grid;
3398	        justify-content: flex-start;
3399	        text-align: left;
3400        }
3401		.footer-block--webpages ul li {
3402			display: flex;
3403		    flex-direction: column;
3404		}
3405		.footer-contact > li {
3406		    	display: flex;
3407			    flex-direction: row;
3408		}
3409		footer .footer-block--address ul {
3410		    justify-content: left;
3411		    margin-top: 15px;
3412		    gap: 0px;
3413		}
3414		footer .footer-block h4 {
3415            
3416		}
3417		.accordian-title svg {
3418		    height: 18px;
3419		    width: 18px;
3420		    margin-left: 5px;
3421		    fill: #fff;
3422		    align-self: center;
3423		}
3424		.is-accordian {
3425		    display: flex !important;
3426		    flex-direction: column;
3427		    gap: 5px;
3428		}
3429	    .accordian-title{
3430			display: flex;
3431		    cursor: pointer;
3432		    justify-content: space-between;
3433		    padding: 10px 0px;
3434		    border-top: solid 2px #2F3643;
3435		    border-bottom: solid 2px #2F3643;
3436            
3437	    }
3438		.footer-block--logo img{
3439			max-width: 150px;
3440		}
3441		.footer-block--logo {
3442		    justify-content: flex-start;
3443		}
3444		.slider_wrapper {
3445			transition:height 1s ease-out;
3446			height:0;
3447			overflow:hidden;
3448		}
3449		.is-accordian.flex.flex-wrap > li:first-child {
3450    		
3451		}
3452		@media only screen and (min-width: 768px) {
3453			footer > .container {
3454				gap: 40px;
3455				
3456	            
3457				
3458			}
3459			.footer-block--social {
3460				display: grid;
3461				
3462	            
3463			    
3464			}
3465			.footer-block--webpages {
3466	            
3467			}
3468			.footer-block--address{
3469				display: grid;
3470			    justify-content: center;
3471			    text-align: center;
3472			}
3473			footer .footer-block h4 {
3474	            
3475			}
3476			.footer-block--logo img{
3477				max-width: 150px;
3478			}
3479			.footer-block--logo {
3480		    	justify-content: center;
3481			}
3482			.copyright-bar .container{
3483				grid-template-columns: 1fr 1fr 1fr;
3484	            
3485	                grid-template-columns: 1fr 1fr;
3486	            
3487				gap: 20px;
3488			}
3489			.copyright-block-sitename {
3490	    		justify-content: center;
3491	    		order: 2;
3492	    		
3493					justify-content: flex-start;
3494					order: 1;
3495			    
3496			}
3497			.copyright-block-cards{
3498				justify-content: flex-end;
3499				order: 3;
3500			}
3501			.copyright-block-company{
3502				justify-content: flex-start;
3503				
3504					justify-content: flex-end;
3505			    
3506				order: 2;
3507			}
3508			.is-accordian {
3509			    display: flex !important;
3510			}
3511	    	.is-accordian.active {
3512			    display: none !important;
3513			}
3514			.accordian-title {
3515				cursor: inherit;
3516			    padding: 0px;
3517			    border-top: none;
3518			    border-bottom: none;
3519	            
3520			}
3521			.accordian-title svg{
3522				display: none;
3523			}
3524			footer .footer-block--address ul {
3525			    justify-content: center;
3526			}
3527			.is-accordian {
3528				flex-direction: row;
3529			}
3530			.slider_wrapper {
3531				transition:height 1s ease-out;
3532				height:auto !important;
3533				/*This overrides any height added by JS*/
3534				overflow:initial;
3535			}
3536			.is-accordian.flex.flex-wrap > li:first-child {
3537	    		
3538			}
3539		}
3540		@media only screen and (min-width: 500px){
3541			.useful-links.two_cols{
3542				columns: 2;
3543				column-gap: 20px;
3544			}
3545		}
3546        .recently-viewed-products h2{
3547            margin-bottom: 20px;    
3548        }
3549        .recently-viewed-products{
3550            padding: 40px 0;
3551        }
3552        .recently-viewed-products {
3553            background-color: #f5f5f5;
3554        }
3555        .recently-viewed-products h2{
3556            color: #333333;
3557        }
3558        .recently-viewed-products h2{
3559            margin-bottom: 20px;
3560        }
3561	</style>
3562	
3563	
3564		
3565
3566	
3567
3568
3569	<footer  >
3570		<div class="container " >
3571			<div class="footer-block" >
3572				<h4>Useful Links</h4>
3573				<ul class="useful-links" ><li><a href="index.asp">Home</a></li><li><a href="about-us-1-w.asp">About Us</a></li><li><a href="http://www.devereyarns.co.uk/blog">Blog</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="privacy-policy-3-w.asp">Privacy Policy</a></li><li><a href="customer-information-4-w.asp">Customer Information</a></li>
3574				    <li><a href="/terms.asp">Terms & Conditions</a></li>
3575				    <li><a href="/privacy.asp">Privacy</a></li>
3576				    <li><a href="/sitemap.asp">Sitemap</a></li>
3577				    </ul><!-- #extra-page-menu -->
3578			</div>
3579			
3580					<div class="footer-block" >
3581						<h4>Stay Connected </h4>
3582						<div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.facebook.com/devere.yarns.31" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/facebook.svg"height="32px" width="32px" alt="Facebook" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.instagram.com/devereyarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.twitter.com/DeVereYarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/twitter.svg?v=3"height="32px" width="32px" alt="Twitter" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.pinterest.com/[email protected]" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/pinterest.svg"height="32px" width="32px" alt="Pinterest" /></a></div></div>
3583					</div>
3584				
3585			
3586			
3587				<div class="footer-block"  style="display: none"  >
3588					<h4>Delivery</h4>
3589					<p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p>
3590					<p class="flex flex_space-between" ><span>Royal Mail 1st Class Tracked</span><span>£6.99</span></p>
3591					<p class="flex flex_space-between" ><span>Royal Mail Tracked & Signed</span><span>£9.99</span></p>
3592					<p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p>
3593				</div>
3594			
3595			
3596				<div class="footer-block" >
3597					<h4>Get In Touch</h4>
3598					<p><p><strong>Email:</strong> [email protected]<br><strong>Telephone:</strong> 01787 237237<br><br>DeVere Yarns, Weavers House<br>Hyde Wood Road, Little Yeldham<br>Halstead, Essex, CO9 4QX</p></p>
3599				</div>			
3600			
3601			<div class="footer-block" >
3602				
3603					
3604				
3605			
3606				
3607			
3608					<h4>We Accept</h4>
3609					<style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa Electron" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Mastercard" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Maestro" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/jcb.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with JCB" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with PayPal" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/american-express.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with American Express" width="50" height="30" /></span>
3610				
3611			</div>
3612		
3613		</div>
3614	</footer>
3615	    <div class="copyright-bar">
3616	        <div class="container">
3617	            <div class="copyright-block-company flex flex_align-center">
3618	                <div>
3619	                        
3620	                          <span class="ekmps-vat-number">VAT Number: <span>524 6825 80</span></span><!-- /.ekmps-vat-number -->
3621	                        
3622	                        
3623	                          <span class="ekmps-company-number">Registered company: <span>02952518</span></span><!-- /.ekmps-company-number -->
3624	                        
3625	                    </div>
3626	             </div>
3627	        
3628	            <div class="copyright-block-sitename flex flex_align-center">
3629                    
3630                        &copy; Copyright 2008-2026 Devere Fabrics Ltd All rights reserved<br>
3631                    
3632	            </div>
3633	        </div>
3634	    </div>	
3635
3636
3637
3638
3639
3640
3641
3642
3643
3644	
3645	<style>
3646		.newsletter-notification{
3647			position: fixed;
3648			z-index: 99;
3649			bottom: 0;
3650			right: 0;
3651			background-color: #eee;
3652			padding: 20px;
3653			border-radius: 10px;
3654			box-shadow: 0 3px 12px rgba(0,0,0,0.16);
3655			transform: translateX(150%);
3656			opacity: 0;
3657			transition: all 0.25s ease;
3658			margin: 10px;
3659		}
3660		.newsletter-notification.active{
3661			transform: translateX(0%);
3662			opacity: 1;
3663		}
3664		.newsletter-noti-title{
3665			font-size: 1.6rem;
3666			font-weight: 800;
3667			margin-bottom: 10px;
3668			color: #333;
3669		}
3670		.newsletter-noti-content{
3671			font: 1.25rem;
3672			color: #333;
3673		}
3674		.newsletter-notification-close{
3675			width: 25px;
3676			height: 25px;
3677			background-color: rgba(198, 198, 198, 0.933);
3678			border-radius: 50%;
3679			position: absolute;
3680			top: -6px;
3681			right: -6px;
3682			cursor: pointer;
3683		}
3684		.newsletter-notification-close > svg{
3685			width: 18px;
3686			height: 18px;
3687		}
3688		@media only screen and (min-width:768px){
3689			.newsletter-notification{
3690				max-width: 400px;
3691			}
3692		}
3693	</style>
3694	<div class="newsletter-notification">
3695		<div class="newsletter-notification-close flex flex_align-center flex_justify-center">
3696			<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" /> </svg>
3697		</div>
3698		<p class="newsletter-noti-title">Thank you for signing up to our newsletter</p>
3699		<p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p>
3700	</div>
3701	
3701<script defer>
3702		//Newsletter Form Message
3703		let newsletter_notification = document.querySelector(".newsletter-notification");
3704		function newsletterSubmit() {
3705			// let newsletter_notification_title = document.querySelector(".newsletter-noti-title");
3706			// let newsletter_notification_content = document.querySelector(".newsletter-noti-content");
3707			newsletter_notification.classList.add("active");
3708			setTimeout(() => {
3709				newsletter_notification.classList.remove("active");
3710			}, 5000);
3711		};
3712
3713		document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => {
3714			newsletter_notification.classList.remove("active");
3715		})
3716		
3717		
3718			const useful_links = document.querySelector(".useful-links");
3719			if( useful_links.childElementCount >= 6 ){
3720				useful_links.classList.add("two_cols")
3721			}
3722		
3723
3724
3725	</script>
vendor: 2 bytes, line 3725
3725
3726<script>
3727	addEventListener('DOMContentLoaded', (event) => {
3728		const footerDropdownMenu = document.querySelector(".accordian-title");
3729		const slideDownMenu = document.querySelector(".slider_wrapper");
3730		if(footerDropdownMenu != null){
3731			footerDropdownMenu.addEventListener("click", () => {
3732			const menuHeight = document.querySelector(".is-accordian").offsetHeight;
3733				if(slideDownMenu.offsetHeight > 0){
3734					slideDownMenu.style.height = "0px"
3735				}else{
3736					slideDownMenu.style.height = `${menuHeight}px`;
3737				}
3738				
3739			});		
3740		}
3741	});
3742</script>
3742
3743</ekm-section>
3744
3745
3746
3747
3748	</main>
3749<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
3749
3750<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" >
3751<noscript>
3752	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" >
3753	<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low">
3754</noscript>	
3755<script defer >
3756
3757	const tabletMQ = window.matchMedia("(min-width: 768px)");
3758	const desktopMQ = window.matchMedia("(min-width: 1024px)");
3759	
3760	window.addEventListener('DOMContentLoaded', (event) => {
3761	console.log('%cDOM fully loaded and parsed.', "color:#28a745");
3762	
3763const backgroundImageFullRes = (image) => {
3764	let element = document.querySelector(image);
3765	if(element == null){
3766	    return;
3767	}
3768	if(!element.hasAttribute("data-slider-num")){
3769	    let computedStyle = window.getComputedStyle(element);
3770	    let bgImageUrl = computedStyle.backgroundImage;
3771	    let newImageUrl;
3772
3773	    // Remove the leading 'url(' and trailing ')' characters
3774	    bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1);
3775		// Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL.
3776	    bgImageUrl = bgImageUrl.split("?w")[0];
3777	    newImageUrl = bgImageUrl.replaceAll('"', "");
3778	
3779	    // Appends the image URL with the query sting for a raw image
3780	    newBackgroundImageURL = newImageUrl + "?r=1";
3781	
3782	
3783	    // Replaces current banner with high res one.
3784	    element.style.backgroundImage = "url('" + newBackgroundImageURL + "')";		
3785	}
3786
3787		
3788}
3789if(desktopMQ.matches){
3790	backgroundImageFullRes(".main-banner-block");
3791	console.log('%cBanner image updated.', "color:#28a745");
3792}
3793	
3794	
3795	
3796		var prod_sliders = document.querySelectorAll('.product-slider');
3797		var prod_sliders_arr = Array.prototype.slice.call(prod_sliders);
3798		prod_sliders_arr.forEach(function(slider) {
3799			new Splide(slider, {
3800				type: "slide",
3801				pagination : false,
3802				perPage : 5,
3803				perMove: 1,
3804				rewind: true,
3805				rewindSpeed: 2500,
3806				gap: 20,
3807				speed: 1200,
3808				arrows: true,
3809				breakpoints: {
3810					550: {
3811						perPage: 1,
3812						perMove: 1
3813					},
3814					900: {
3815						perPage: 2,
3816						perMove: 1
3817					},					
3818					1280: {
3819						perPage: 3,
3820						perMove: 2
3821					}
3822				},
3823			}).mount();
3824		});
3825		
3826	console.log('%cSlider initialisation complete.', "color:#28a745");
3827	console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107");
3828	   setTimeout(() => {
3829            if (typeof ekmProductImageBadges != 'undefined'){
3830        	    console.log('%cProduct stickers re-initialisation complete.', "color:#28a745");
3831        		ekmProductImageBadges.reInit();
3832        	}
3833        }, 400);
3834		// Closes the nav dropdown if the user clicks of the nav box. 
3835		window.addEventListener("click", (e) => {
3836			const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper");
3837			all_nav_grids.forEach((single_nav_grid) => {
3838				if(single_nav_grid.classList.contains("mobile_open")){
3839					if(e.target != document.querySelector(".subnav-grid-wrapper")){
3840						single_nav_grid.classList.toggle("mobile_open")
3841					}
3842				}
3843			})
3844		});
3845		
3846	document.querySelectorAll(".splide__arrow").forEach(splideBtn => {
3847	  if(splideBtn.disabled){
3848	  	splideBtn.classList.add("ekm_hide_me")
3849	  }
3850	})
3851
3852
3853});
3854
3855</script>
3855
3856
3857<script>
3858	window.addEventListener('DOMContentLoaded', (event) => {
3859	var cat_sliders = document.querySelectorAll(".category-slider");
3860	var cat_sliders_arr = Array.prototype.slice.call(cat_sliders);
3861	cat_sliders_arr.forEach(function(slider) {
3862	  new Splide(slider, {
3863	    type: "slide",
3864	    pagination : false,
3865	    perPage : 5,
3866	    rewind: true,
3867	    rewindSpeed: 2500,
3868	    gap: 20,
3869	    perMove: 1,
3870	    speed: 1200,
3871	    breakpoints: {
3872	      550: {
3873	        perPage: 1,
3874	        perMove: 1
3875	      },
3876	      900: {
3877	        perPage: 2,
3878	        perMove: 1
3879	      },					
3880	      1280: {
3881	        perPage: 3,
3882	        perMove: 2
3883	      }
3884	    },
3885	  }).mount();
3886	});
3887	})
3888</script>
3888
3889
3890<script defer fetchpriority="low" >
3891
3892// list of CSS files that are section specific
3893var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
3894var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
3895
3896//variables that are being checked at section level, this is used to determine if the section is in the merchants theme.
3897var is_promo_section_active;
3898var is_gallery_section_active;
3899
3900// The global function that adds the CSS link to the head
3901function addCSS(cssUrl) {
3902  var element = document.createElement("link");
3903  element.setAttribute("rel", "stylesheet");
3904  element.setAttribute("type", "text/css");
3905  element.setAttribute("href", cssUrl);
3906  document.getElementsByTagName("head")[0].appendChild(element);
3907}
3908
3909// This is where the true or false gets stored if the section is active in the theme.
3910let section_active = {
3911	promoCSS: is_promo_section_active, 
3912	galleryCSS: is_gallery_section_active
3913};
3914
3915// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header.
3916for( var key in section_active){
3917	if(section_active[key] == true){
3918		addCSS(eval(key));
3919	}
3920}
3921
3922
3923</script>
vendor: 2 bytes, line 3923
3923
3924<script src="//themes.cdn.ekm.net/themes/master/2271/other/scripts.js?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" defer fetchpriority="low" ></script>
vendor: 2 bytes, line 3924
3924
3925<script type="application/json" data-softcart-lc>
3926        {
3927            " In Stock": " Item in Stock",
3928            " Sold Out": " Out of stock",
3929            "fake": null
3930        }
3931    </script>
vendor: 2 bytes, line 3931
3931
3932<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
3932<script src="//ekmpinpoint.ekmsecure.com/harvest/stats.js"  async></script>
vendor: 2 bytes, line 3932
3932
3933<script>
3934(function(fn, a){
3935	var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ;
3936	var called = false;
3937	var callOnce = function(){
3938		if (called) return;
3939		epp[fn].apply(epp, a) ;
3940		called = true;
3941	};
3942	if (epp && epp[fn]) return callOnce() ;
3943	var pfn;
3944	Object.defineProperty(epp, fn, {
3945		'enumerable': true,
3946		'configurable': false,
3947		'set': function(x) {
3948			pfn = x;
3949			callOnce() ;
3950		},
3951		'get': function() {
3952			return pfn;
3953		}
3954	}) ;
3955})("getStats", ["devereyarns"]) ;
3956</script>
vendor: 2 bytes, line 3956
3956
3957<script src="//globalstats.ekmsecure.com/hits/stats-global.js"  async></script>
vendor: 2 bytes, line 3957
3957
3958<script>
3959(function(fn, a){
3960	var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ;
3961	var called = false;
3962	var callOnce = function(){
3963		if (called) return;
3964		epp[fn].apply(epp, a) ;
3965		called = true;
3966	};
3967	if (epp && epp[fn]) return callOnce() ;
3968	var pfn;
3969	Object.defineProperty(epp, fn, {
3970		'enumerable': true,
3971		'configurable': false,
3972		'set': function(x) {
3973			pfn = x;
3974			callOnce() ;
3975		},
3976		'get': function() {
3977			return pfn;
3978		}
3979	}) ;
3980})("getStatsGlobal", ["devereyarns","1"]) ;
3981</script>
3981
3982
3983<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','update',{'ad_storage':'granted','ad_user_data':'granted','ad_personalization':'granted','analytics_storage':'granted'});})();</script>
3983</body>
3984</html>
3985

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.