@font-face {
	font-family: 'Gill Sans';
	src:  url('../fonts/GillSans_Light.woff2') format('woff2'),
	      url('../fonts/GillSans_Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gill Sans';
	src:  url('../fonts/GillSans_Regular.woff2') format('woff2'),
	      url('../fonts/GillSans_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gill Sans';
	src:  url('../fonts/GillSans_SemiBold.woff2') format('woff2'),
	      url('../fonts/GillSans_SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Butler';
	src:  url('../fonts/Butler_Light.woff2') format('woff2'),
	      url('../fonts/Butler_Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Butler';
	src:  url('../fonts/Butler_Regular.woff2') format('woff2'),
	      url('../fonts/Butler_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}



html {

}
body {
	color: #313646;
	font-family: 'Gill Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	position: relative;
}


hr {
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 2em 0;
}
hr.fullwidth {
	position: relative; left: 50%;
	transform: translateX(-50%);
	width: 100vw;
}
.small /* override .small in bootstrap, too broad for most plugins! */ {
	font-size: inherit;
}
.small, small {
	font-weight: inherit;
}
p {
	margin: 0 0 1em;
	min-height: 1px;
}
p:empty {
	display: none;
}
img {
	border: 0;
}
a {
	color: #c39876;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #777777;
	/*text-decoration: none;*/
}
a.noclick,
.noclick > a {
	pointer-events: none;
}
/*a[href*="//"]:not([href*="wip.source-web.co.uk"]):not([class]):after {
    content: '↗';
}*/


/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Butler', Georgia, Times, serif;
	margin: 0 0 1rem;
}
h1 {
	font-size: 1.7em;
	/*margin: 0 0 .8em;*/
	margin: 0 0 1.5rem;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4, h5, h6 {
	font-size: 1.1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none !important;
}
h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase, h5.uppercase, h6.uppercase, .uppercase {
	font-family: 'Gill Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
}


.fadein {
	opacity: 0;
}
.fadein:not(.hidden) {
	opacity: 1;
	transition: opacity 1s ease;
}

.slidein {
	transform: translateX(100vw);

}
.stylise-right .slidein {
	transform: translateX(-100vw);
}
.slidein:not(.hidden) {
	transform: translateX(0);
	transition: transform 1.2s ease;
}




figure {
	margin: 0;
}
figcaption {

}

.popup-content {
	display: none;
}
	.popup-content .container {
		padding-right: 0; padding-left: 0;
	}


/* pagination */

#header_content_container .textwidget {
	display: flex; 
	justify-content: center;
}

#header_content_container .textwidget p {
	margin: 0;
}

#header_content_container .textwidget p:first-child:after,
#header_content_container .textwidget p:last-child:before  {
	content: '|';
}



.pagination,
html .woocommerce-pagination {
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
	.pagination .screen-reader-text,
	html .woocommerce-pagination .screen-reader-text {
		display: block;
		height: 0;
		overflow: hidden;
		position: absolute; top: -3em;
	}
	.pagination .page-numbers:not(.prev):not(.next),
	html .woocommerce-pagination .page-numbers:not(.prev):not(.next):not(ul) {
		color: #313646;
		display: inline-block;
		font-weight: normal !important;
		margin: 0 .2em;
		padding: .3em .3em;
	}
	.pagination .page-numbers.current,
	html .woocommerce-pagination .page-numbers.current:not(ul) {
		border-bottom: .3em solid #c39876;
	}

.breadcrumb {
	background: none;
	color: #767676;
	display: block;
	font-size: .92em;
	margin: 0 0 1em;
	padding: 0;
	text-align: inherit;
}
	.breadcrumb a {
		color: inherit;
	}



/* ----------------------------- PAGE STRUCTURE ----------------------------- */

/* HEADER */

body:not(.overflow-show) #root {
	overflow-x: hidden;
	width: 100%;
}


.skip-link {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute; top: -3em;
}


#alert_banner_container,
#header_content_container {
	font-size: .9em;
	font-weight: normal;
	padding: .8em 0;
}
	#alert_banner_container a,
	#header_content_container a {
		color: inherit;
		text-decoration: none;
	}
	#alert_banner_container p:last-child,
	#header_content_container p:last-child {
		margin: 0;
	}


#header_content_container {

}


.page-header {
	background: #FFFFFF;
	font-weight: normal;
	padding: 0 15px;
	position: relative;
	transition: all .3s ease;
	z-index: 1001;
}
	.page-header .container {
		padding: 1em 0;
	}

	.page-header a {
		color: inherit;
	}
	.page-header a:hover,
	.page-header a:focus {
		color: inherit;
	}


	.page-header .logo {
		display: table;
		/* margin: 0 auto; */
		position: relative;
		z-index: 101;
	}
		.page-header .logo img {
			display: block;
			max-width: 100%; max-height: 2em;
			transition: all .3s ease;
		}


	.page-header .search-form {
		background: #FFFFFF;
		vertical-align: middle;
		display: flex;
		justify-content: space-around;
	}
		.page-header .search-form label {
			overflow: hidden;
			position: absolute;
			width: 1px; height: 1px;
		}
		.page-header .search-form input[type="search"] {
			background: transparent;
			border: 1px solid #ddd;
			margin: 0;
		}
		.page-header .search-form input[type="image"] {
			margin: 0;
		}


	.header-options {

	}
		.header-options a {
			display: inline-block;
			margin: .2em .5em;
			transition: all .3s ease;
		}
		.header-options a:first-child {
			margin-left: 0;
		}
		.header-options a:last-child {
			margin-right: 0;
		}
			.header-options a img {
				display: inline-block;
				vertical-align: middle;
				height: 1em;
			}
		.header-options a:hover,
		.header-options a:focus {
			text-decoration: none;
			transform: scale(1.1);
		}


.mobile-search {

}
	.mobile-search form {
		display: flex;
		flex-wrap: nowrap;
	}
		.mobile-search label {
			position: absolute;
		}
		.mobile-search input[type="search"] {
			width: 100%;
		}


.menu-toggle {
	cursor: pointer;
	display: block;
	margin: 0 !important;
	position: relative;
	-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
	width: 1.8em; height: 1.5em;
	z-index: 1004;
}
	/*.menu-toggle:before {
		color: #000000;
		content: 'Menu';
		display: block;
		padding-right: calc(100% + .5em);
		position: absolute; right: 0; top: calc(50% - .7em);
	}*/
	.menu-toggle span {
		background: #313646;
		display: block;
		position: absolute; left: 0;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
		width: 100%; height: 4px;
	}
	.menu-toggle span:nth-child(1) { top: 0; }
	.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) { top: calc(50% - 1px); }
	.menu-toggle span:nth-child(4) { top: calc(100% - 2px); }
	body.show-menu .menu-toggle span:nth-child(1),
	body.show-menu .menu-toggle span:nth-child(4) { left: 50%; width: 0%; }
	body.show-menu .menu-toggle span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	body.show-menu .menu-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }



.main-links-menu {
	background: #FFFFFF;
	display: block;
	font-size: 1em;
	font-weight: normal;
	margin: 0; margin-left: -85%;
	padding: 3.5em 3em 3em 4.5em;
	position: fixed; top: 0; left: 0;
	transition: all .3s ease;
	width: 80%; height: 100%;
	z-index: 1003;
}
body.show-menu .main-links-menu {
	margin-left: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
	.main-links-menu .options {
		display: none;
	}
	.main-links-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0; padding-bottom: 2em;
	}
		.main-links-menu ul li {
			display: block;
		}
			.main-links-menu ul li a,
			.main-links-menu ul li a:visited {
				border-bottom: .3em solid transparent;
				display: inline-block;
				padding: .3em 0;
				position: relative;
				text-decoration: none !important;
			}
		.main-links-menu ul li.block-link {
			color: inherit;
			transition: none !important;
		}
			.main-links-menu ul li.block-link > a {
				border: 1px solid #313646 !important;
				color: #313646 !important;
				display: block;
				font-size: 1.2em;
				margin: .8em 0 0;
				padding: .5em 1em !important;
				text-align: center !important;
				text-decoration: none !important;
				text-transform: uppercase !important;
			}
			.main-links-menu ul li.block-link > a:hover,
			.main-links-menu ul li.block-link > a:focus {
				background-color: #313646;
				color: #FFFFFF !important;
			}
			.main-links-menu ul li:first-child > a {

			}
			.main-links-menu ul li:last-child > a {

			}
			.main-links-menu ul li.current_page_item > a,
			.main-links-menu ul li.current_page_ancestor > a,
			.main-links-menu ul li.current_page_parent > a,
			.main-links-menu ul li.current-menu-item > a {
				border-color: #c39876;
				/*text-decoration: underline;*/
			}
			.main-links-menu ul li:hover > a,
			.main-links-menu ul li a:hover,
			.main-links-menu ul li a:focus {
				border-color: #c39876;
				text-decoration: none;
				/*text-decoration: underline;*/
			}
			/* view all categories link */
			.main-links-menu ul li.view-all {
				font-weight: bolder;
				color: #c39876;
			}

			.main-links-menu ul ul.sub-menu {
				border-top: 0;
				padding: .3em 0 1em 1em;
				position: static; top: auto; left: auto;
				visibility: visible;
				width: auto;
			}
				.main-links-menu ul ul.sub-menu li {
					background: transparent;
					padding: 0;
				}
					.main-links-menu ul ul.sub-menu a,
					.main-links-menu ul ul.sub-menu a:visited {
						background: none;
						padding: .2em 0;
						text-decoration: none;
					}
					.main-links-menu ul ul.sub-menu li:first-child > a {

					}
					.main-links-menu ul ul.sub-menu li:last-child > a {

					}
					.main-links-menu ul ul.sub-menu a:hover,
					.main-links-menu ul ul.sub-menu a:focus {
						text-decoration: underline;
					}
					.main-links-menu ul ul.sub-menu li.current_page_item > a,
					.main-links-menu ul ul.sub-menu li.current_page_ancestor > a,
					.main-links-menu ul ul.sub-menu li.current_page_parent > a,
					.main-links-menu ul ul.sub-menu li.current-menu-item > a {
						text-decoration: underline;
					}

			/* megamenu */
						.main-links-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu > li > a[href="#"] {
							display: none;
						}



/* MAIN */

main {
	display: block;
}


iframe {
	border: 0;
}


.format-text {
	position: relative;
}
	ul.text-center, ol.text-center {
		list-style-type: none;
	}
	.format-text iframe {
		display: block;
		max-width: 100%;
	}
	.format-text img {
		max-width: 100%; height: auto;
	}

	.aligncenter iframe {
		margin-right: auto; margin-left: auto;
	}



.heading-container {
	background: #f7f7f7;
	padding: 2em 0;
	text-align: center;
}
	.heading-container h1,
	.heading-container .h1 {
		margin: 0;
	}


/* style for a box of text, usually 50/50 with an image, with option for arrow inset */
html .text-column {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.5em 6vw !important;
	position: relative;
}
.arrow-left,
.arrow-right {
	position: relative;
}
	.arrow-left:after,
	.arrow-right:after {
		background: inherit;
		content: '';
		margin-top: -2vw;
		position: absolute; top: 50%;
		transform-origin: center;
		transform: rotate(45deg);
		width: 4vw; height: 4vw;
		z-index: 1;
	}
	.arrow-left:after {
		left: -2vw;
	}
	.arrow-right:after {
		right: -2vw;
	}


/*.childpage {
	display: block;
	padding: 1.5em 0;
}
	.childpage .image {

	}
		.childpage .image a {
			display: block;
			width: 100%;
		}
	.childpage .text {
		background: #f2f2f2;
		padding: 1em;
	}*/


.childpage-grid-root {
	margin: 0 0 2em;
}
.childpage-grid {
	border: 1px solid #dddddd;
	display: block;
	text-align: center;
}
	.childpage-grid > a {
		color: inherit;
	}
	.childpage-grid .image {
		margin: -1px -1px 0;
	}
	.childpage-grid .text {
		padding: 2em 1.5em;
	}


.tip-grid {
	display: block;
	text-align: center;
}
	.tip-grid .image {

	}
	.tip-grid .text {
		padding: 2em 1.5em;
	}


.image {
	display: block;
	position: relative;
}
	.image > a {
		display: block;
	}
	.image img,
	img.image {
		display: block;
		width: 100%; height: auto;
	}


/* restrict tall images */
img {
	object-fit: cover !important;
	font-family: 'object-fit: cover;' !important;
	max-height: calc(80vh - 100px);
}





html .wp-block-button .wp-block-button__link:hover,
html .wp-block-button .wp-block-button__link:focus,
html .wp-block-image figcaption a:hover,
html .wp-block-image figcaption a:focus,
html input[type="submit"]:hover,
html input[type="submit"]:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
html button[type="submit"]:hover,
html button[type="submit"]:focus,
html form button:hover,
html form button:focus,
.block-link:hover,
.block-link:focus {
	color: #FFFFFF;
	background: #1e222f;
	border-color: transparent !important;
	/*transform: scale(1.1);*/

}

.hint-link:hover,
.hint-link:focus {
	color: inherit;
}


.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	background: transparent;
	filter: brightness(0) invert(1);
}
.slick-prev {
	left: 5%;
}
.slick-next {
	right: 5%;
}


/* concertina */
.collapse-heading {
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}
.collapse-heading:not(:first-child) {
	border-top: 1px solid #dddddd;
}
	.collapse-heading a {
		display: block;
		padding: 1.3em 0;
		position: relative;
	}
		.collapse-heading a:after {
			border: 1px solid #dddddd;
			border-radius: 50%;
			content: '+';
			display: block;
			font-size: 1.5em;
			position: absolute; right: 0; top: 50%;
			text-align: center;
			transform: translateY(-50%);
			width: 1.2em; height: 1.2em; line-height: 1em;
		}
		.collapse-heading.open a:after {
			content: '-';
		}
.collapse-text {
	padding: 1.5em 0;
}
.collapse-text.hidden {
	display: none;
}



.stylise-left,
.stylise-right {
	margin-top: 2em; margin-bottom: 2em;
	text-align: center;
}
		.stylise-left > div:first-child  .column__content,
		.stylise-right > div:last-child  .column__content {

		}
	.stylise-left > div:last-child,
	.stylise-right > div:first-child {
		position: relative;
		z-index: 2;
	}
		.stylise-left > div:last-child  .column__content,
		.stylise-right > div:first-child  .column__content {
			background: #FFFFFF;
			padding: 1.5em 0;
			position: relative;
		}
		.stylise-left > div:last-child  .column__content,
		.stylise-right > div:last-child  .column__content {

		}
		.stylise-left h2, .stylise-right h2, .stylise-left h3, .stylise-right h3, .stylise-left h4, .stylise-right h4, .stylise-left h5, .stylise-right h5, .stylise-left h6, .stylise-right h6 {
			margin: 0 0 .3em;
		}
		.stylise-left a,
		.stylise-right a {
			color: inherit;
		}



.progress-boxes {
	align-items: stretch;
	text-align: center;
}
	.progress-boxes > div {
		margin-bottom: 1em;
	}
		.progress-boxes > div > .column__content {
			background-color: #f7f7f7;
			padding: 10%;
			position: relative;
			height: 100% !important;
		}
		.progress-boxes > div:nth-child(1) > .column__content {
			z-index: 3;
		}
		.progress-boxes > div:nth-child(2) > .column__content {
			z-index: 2;
		}
		.progress-boxes > div:nth-child(3) > .column__content {
			z-index: 1;
		}
		.progress-boxes > div:nth-child(2n) > .column__content {
			background-color: #ededed;
		}
			.progress-boxes img {
				display: block;
				margin: 1em auto 0;
				width: 40%;
			}
			.progress-boxes > div:not(:last-child) > .column__content:after {
				background: inherit;
				content: '';
				display: block;
				position: absolute; left: calc(50% - 2em); top: calc(100% - 2em);
				transform: rotate(45deg);
				width: 4em; height: 4em;
				z-index: -1;
			}



#post_archive_nav_container {
	text-align: center;
}
	#post_archive_nav_container .widgettitle {
		display: none;
	}
		#post_archive_nav_container ul {
			display: flex;
			justify-content: center;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			#post_archive_nav_container ul li {
				line-height: .7em;
			}
			#post_archive_nav_container ul li:not(:last-child) {
				border-right: 1px solid #b5b5b5;
			}
				#post_archive_nav_container ul li a {
					color: #b5b5b5;
					font-weight: normal;
					padding: 0 .8em;
					text-transform: uppercase;
					transition: all .3s ease;
					white-space: nowrap;
				}
				#post_archive_nav_container ul li a:hover,
				#post_archive_nav_container ul li a:focus,
				#post_archive_nav_container ul li.current-cat a {
					color: #313646;
				}


.date {
	color: #b5b5b5;
	font-weight: normal;
	text-transform: uppercase;
}
h1 + .date {
	margin: -1.5em 0 2.5em;
}


/* samples */
.tabs {
	border-bottom: 1px solid #d8d8d8;
	display: flex;
	justify-content: center;
	list-style-type: none;
	margin: 0 0 2em;
	padding: 0;
}
	.tabs li {

	}
		.tabs:not(.wc-tabs) li a {
			border: 1px solid #d8d8d8; border-bottom: 0;
			border-radius: .5em .5em 0 0;
			color: #bababa;
			display: block;
			font-weight: normal;
			margin-right: -1px;
			padding: .4em 1em .4em;
			white-space: nowrap;
		}
		.tabs:not(.wc-tabs) li a.active {
			color: inherit;
		}

#samples_note_container {
	font-size: .8em;
	padding-right: 2em;
}

.sample-chooser {
	position: relative;
	z-index: 501;
}
	.category-filter-group {
		margin: 0 0 1.5em;
	}
		.category-filter-group label {
			white-space: nowrap;
		}

	.category-heading {
		border-bottom: 1px solid #d8d8d8;
		color: #313646;
		font-family: inherit;
		font-size: .9em;
		font-weight: normal;
		letter-spacing: .1em;
		margin: 0 0 1em;
		padding: 0 2.5em .4em 0;
		position: relative;
		text-transform: uppercase;
	}
		.category-heading a {
			letter-spacing: 0;
			position: absolute; right: 0;
			text-transform: none;
		}

	.subcategory-sample-group {
		margin: 0 0 2em;
	}
		.subcategory-sample-group .row {
			margin: 0 -.5em;
		}
			.subcategory-sample-group .row > div {
				padding: 0 .5em;
			}

			/* sample swatch */
			.sample-swatch {
				background: #f7f7f7;
			}
			.sample-swatch,
			.sample-empty {
				display: block;
				margin: 0 0 1em;
				position: relative;
				text-align: center;
				transition: all .3s ease;
				z-index: 1;
			}
			.sample-swatch.selected {

			}
			.order-contents .sample-swatch.selected {
				-webkit-animation: swatch-selected .4s ease 1;
				animation: swatch-selected .4s ease 1;
			}
			.sample-swatch:hover,
			.sample-swatch:focus {
				transform: scale(1.1);
			}
				.sample-swatch .options {
					display: flex;
					opacity: 0;
					position: absolute; top: 10%; right: 10%;
					transition: opacity .3s ease;
					z-index: 2;
				}
				.sample-swatch.selected .options {
					display: none;
				}
				.sample-swatch:hover .options,
				.sample-swatch > a:hover + .options {
					opacity: 1;
				}
					.sample-swatch .options a {
						background: none center/contain no-repeat #313646;
						border-radius: 50%;
						color: #FFFFFF;
						display: inline-block;
						width: 1.2em; height: 1.2em; line-height: 100%;
					}
					.sample-swatch .options a.add {
						background-image: url('../images/plus.svg');
					}
					.order-contents .sample-swatch .options a.add {
						display: none;
					}
					.sample-swatch .options a.remove {
						background-image: url('../images/remove.svg');
					}
					.sample-chooser .sample-swatch .options a.remove {
						display: none;
					}
					.sample-swatch .options a:hover,
					.sample-swatch .options a:focus {
						background-color: #c39876;
						color: #313646;
					}
				.sample-swatch .labels {
					color: #FFFFFF;
					display: flex;
					pointer-events: none;
					position: absolute; bottom: 10%; left: 10%;
					z-index: 2;
				}
				.order-contents .labels {
					display: none;
				}
					.sample-swatch .labels img {
						display: none;
						height: 1.2em;
					}
					.sample-swatch.selected .labels img {
						display: block;
					}
				.sample-swatch .colour-defined {
					padding-top: 100%;
				}
				.sample-swatch .popup {
					background: #F7F7F7;
					-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
					box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
					display: none;
					opacity: 0;
					padding: .8em .8em .4em;
					pointer-events: none;
					position: absolute; bottom: 110%; left: 50%;
					text-align: center;
					/*transform: rotate(-3deg);*/transform: translateX(-50%);
					transition: opacity .3s ease;
					width: 250%;
					z-index: 1002;
				}
				.sample-swatch:hover .popup,
				.sample-swatch:focus .popup {
					display: block;
					opacity: 1;
				}
					.sample-swatch .popup img {
						display: block;
						width: 100%; height: auto !important;
					}
					.sample-swatch .popup .title {
						font-size: .8em;
						margin: .4em 0 0;
					}

			/* sample empty */
			.sample-empty {
				background: #FFFFFF;
				padding-top: 100%;
			}
				.sample-empty:after {
					background: url('../images/plus.svg') center/50% auto no-repeat transparent;
					border: 2px dashed #eaeaea;
					content: '';
					filter: brightness(.1) invert(1);
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
				}

@-webkit-keyframes swatch-selected {
	0% {
		transform: scale(0);
	}
	50% {

	}
	70% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes swatch-selected {
	0% {
		transform: scale(0);
	}
	50% {

	}
	70% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}


	.sample-category-popup {
		background-color: #677192 !important;
		color: #FFFFFF;
		display: none;

		width: 80%; max-width: 800px; height: 80%; max-height: 800px;
	}
		.sample-category-popup > div {
			align-items: center;
			display: flex;
			justify-content: center;
			padding: 10%;
			position: relative;
			text-align: center;
			width: 100%; height: 100%;
		}


.chosen-samples {
	background: #F7F7F7;
	border: 2px dashed #eaeaea;
	display: block;

	position: -webkit-sticky;
	position: sticky;
	top: 130px;
	z-index: 500;
}
	.chosen-samples h2 {
		background-color: #313646;
		color: #FFFFFF;
		font-family: inherit;
		font-size: 1.2em;
		font-weight: normal;
		margin: -2px -2px 0;
		padding: 1.5em 10%;
	}
	.chosen-samples .content {
		padding: 1.5em 10% 2em;
	}
	.order-message {
		font-weight: normal;
		margin: 0 0 1.5em;
	}
	.order-message:empty {
		display: none;
	}
	.order-contents {
		margin: 0 0 1em;
	}
	.order-contents.row {
		margin: 0 -.5em;
	}
		.order-contents.row  > div {
			padding: 0 .5em;
		}
		.order-contents .sample-swatch {

		}
			.order-contents .sample-swatch .options {
				display: block;
				opacity: 1;
			}
	.chosen-samples .price-label {
		font-size: 1.2em;
		font-weight: normal;
	}



/* FOOTER */

.page-footer {

}
	.page-footer a {
		color: inherit;
		text-decoration: underline;
	}
	.page-footer a:hover,
	.page-footer a:focus {
		color: inherit;
		opacity: .7;
	}

	.footer-menu {
		display: block;
		margin: 0 0 1em;
	}
		.footer-menu ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.footer-menu ul li {
				margin: 0 0 0 0;
				padding: 0 0 1em 0;
			}
				.footer-menu ul li a {
					display: block;
					font-size: 1.3em;
					font-weight: 400;
					text-decoration: none;
				}
					.footer-menu ul.sub-menu {
						display: block;
						padding: .5em 0 0;
					}
						.footer-menu ul.sub-menu li {
							margin: .3em 0;
							padding: 0;
						}
							.footer-menu ul.sub-menu li a {
								display: block;
								font-size: 1em;
								font-weight: inherit;
							}

	.svg-social-menu {
		font-size: 1.3em;
	}

	#social_container {
		display: inline-block;
	}
		#social_container p {
			font-size: 1.3em;
			font-weight: 400;
		}

	#accreditation_logos_container {

	}
		#accreditation_logos_container > div {
			display: inline-block;
			vertical-align: middle;
		}
		#accreditation_logos_container img {
			margin: .3em .8em;
			width: auto; max-width: 6em !important; height: auto; max-height: 5em;
		}
		#accreditation_logos_container > div:first-child img {
			margin-left: 0;
		}
		#accreditation_logos_container > div:last-child img {
			margin-right: 0;
		}

	#footer_content_container {

	}
		#footer_content_container p {
			margin: 0;
		}
		#footer_content_container small {
			display: block;
		}

	#payment_logos_container {

	}
		#payment_logos_container > div {
			display: inline-block;
			vertical-align: middle;
		}
		#payment_logos_container p {
			font-size: .8em;
			letter-spacing: .2em;
			margin: 0;
		}
		#payment_logos_container img {
			margin: .3em .6em;
			width: auto; max-width: 4.5em !important; height: auto; max-height: 2.5em;
		}
		#payment_logos_container > div:first-child img {
			margin-left: 0;
		}
		#payment_logos_container > div:last-child img {
			margin-right: 0;
		}

/* a-z search */
#a_z_search .filter-link {
	text-decoration: none;
	padding: 0 0.2em;
	display: inline-block;
}
#a_z_search .filter-link:hover, #a_z_search .filter-link.active {
	transform: scale(1.4);
}

.text-danger {
	color: #721c24;
}