html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

img {
	width: 100%;
}

* {
	box-sizing: border-box;
}

@font-face {
	font-family: 'Domaine Display';
	src: url('//cdn.shopify.com/s/files/1/0022/4572/2212/t/3/assets/DomaineDisplay-Regular.woff2?v=18295353829476579105') format('woff2'), url('//cdn.shopify.com/s/files/1/0022/4572/2212/t/3/assets/DomaineDisplay-Regular.woff?v=9473743142860553187') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}


@font-face {
	font-family: 'Domaine Display';
	src: url('/cdn/shop/t/38/assets/DomaineDisplay-Regular.woff2?v=182953538294765791051680971741') format('woff2'),
	url('/cdn/shop/t/38/assets/DomaineDisplay-Regular.woff?v=94737431428605531871680971741') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'p22-underground';
	src: url('/cdn/shop/t/38/assets/p22.woff2?v=141537608224585478571680971931') format('woff2'),
	url('/cdn/shop/t/38/assets/p22.woff?v=10668827249671782601680971931') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'baskerville-urw';
	src: url('/cdn/shop/t/38/assets/baskerville.woff2?v=67494632355902296581680971712') format('woff2'),
	url('/cdn/shop/t/38/assets/baskerville.woff?v=90753977143478621131680971712') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'baskerville-urw';
	src: url('/cdn/shop/t/38/assets/baskervilleItalic.woff2?v=12620628686796368521680971714') format('woff2'),
	url('/cdn/shop/t/38/assets/baskervilleItalic.woff?v=90834903923978941671680971713') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}


/** GENERIC END **/

:root {
	--max-width: calc(82.5rem + (var(--global-padding)*2));
	--global-padding: 1.6rem;
	--popout: 100vw;
	--accent: #A9C3C6;
	--base-light: #FBF7F3;
	--base-dark: #313E44;
	--active: #79866C;
	--light-border: rgb(49 62 68 / 12%);
	--divider-dark: #fbf7f31f;
	--highlight: #ba596b;
	--radius: 3px;
	--grid-gap: 2rem;
	--nav-tap: 2rem;
	--menu-animation-duration: .3s;
	--menu-animation-timing-fuction: cubic-bezier(.39, .575, .565, 1);
	--small-max: 90%;
	--mini-max: 60%;
	--pop-max: 30rem;
	--ico-width: 1.625rem;
	--nav-gap: 10px;
	--sample-state: 0;
	--mini-swatch-width: 60px;
	--mini-swatch-gap: 10px;
	--error: #B33D26;
	--oState: none;
	--dimDisplay: none;
	--product-state: none;
}

/*** TYPE **/


:root {
	--display: 'Domaine Display', Georgia, Times, "Times New Roman", serif;
	--title: p22-underground, Verdana, Geneva, sans-serif;
	--body: baskerville-urw, Georgia, Times, "Times New Roman", serif;
	--button: p22-underground, Verdana, Geneva, sans-serif;


	--body-font-12: 12px;
	--body-line-height-12: 18px;
	--body-letter-spacing-12: .6px;

	--body-font-14: 14px;
	--body-line-height-14: 21px;
	--body-letter-spacing-14: .6px;

	--body-font-16: 16px;
	--body-line-height-16: 27px;
	--body-letter-spacing-16: .6px;

	--body-font-18: 18px;
	--body-line-height-18: 31px;
	--body-letter-spacing-18: .4px;

	--body-font-20: 20px;
	--body-line-height-20: 36px;
	--body-letter-spacing-20: .2px;

	--body-font-26: 26px;
	--body-line-height-26: 39px;
	--body-letter-spacing-26: .2px;

	--body-font-32: 32px;
	--body-line-height-32: 44px;
	--body-letter-spacing-32: .2px;

	--body-font-44: 44px;
	--body-line-height-44: 58px;
	--body-letter-spacing-44: .2px;

	--body-font-56: 56px;
	--body-line-height-56: 71px;
	--body-letter-spacing-56: .2px;

	--title-font-12: 12px;
	--title-line-height-12: 18px;
	--title-letter-spacing-12: 5px;

	--title-font-14: 14px;
	--title-line-height-14: 21px;
	--title-letter-spacing-14: 5px;

	--title-font-16: 16px;
	--title-line-height-16: 27px;
	--title-letter-spacing-16: 5px;

	--title-font-18: 18px;
	--title-line-height-18: 31px;
	--title-letter-spacing-18: 6.3px;

	--menu-font-14: 14px;
	--menu-line-height-14: 21px;
	--menu-letter-spacing-14: .6px;

	--menu-font-26: 26px;
	--menu-line-height-26: 39px;
	--menu-letter-spacing-26: .2px;
}


/** TYPE END **/

body {
	font-size: var(--body-font-16);
	letter-spacing: var(--body-letter-spacing-16);
	font-family: var(--body);
	line-height: var(--body-line-height-16);
	background: var(--base-light);
	color: var(--base-dark);
}


a {
	color: inherit;
	text-decoration: none
}

p {
	font-size: var(--body-font-16);
	line-height: var(--body-line-height-16);
}


table {
	border-collapse: collapse;
	width: 100%
}

thead th {
	border-bottom: 1px solid var(--light-border);
	padding: 20px 0;
	text-align: left;
}

td {
	border-bottom: 1px solid var(--light-border);
	padding: 0;
	text-align: left
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

input {
	font-size: var(--body-font-16);
	letter-spacing: var(--body-letter-spacing-16);
	font-family: var(--body);
	line-height: var(--body-line-height-16);
}

/** ELEMENTS END **/


/** $$ WRAPPERS **/

#app {
	margin-top: var(--app-pad)
}

/** $$ LAYOUT **/

.content {
	padding-left: var(--global-padding);
	padding-right: var(--global-padding)
}

.container {
	max-width: var(--max-width);
	margin: auto;
}

.ico {
	width: var(--ico-width);
	height: var(--ico-width);
}


/** $$ TYPE **/

.FamilyTitle,
.headline,
.headline-med,
.headline-small {
	font-family: var(--display);
	font-size: var(--body-font-44);
	letter-spacing: var(--body-letter-spacing-44);
	line-height: var(--body-line-height-44);
	font-weight: normal;
}

.headline-med {
	font-size: var(--body-font-32);
	line-height: var(--body-line-height-32);
	letter-spacing: var(--body-letter-spacing-32);
}

.FamilyTitle,
.headline-small {
	font-size: var(--body-font-26);
	line-height: var(--body-line-height-26);
	letter-spacing: var(--body-letter-spacing-26);
}

.title,
.title-large,
.title-med,
.title-small,
.title-x-small {
	font-family: var(--title);
	font-size: var(--title-font-16);
	letter-spacing: var(--title-letter-spacing-16);
	line-height: var(--title-line-height-16);
	text-transform: uppercase;
	margin: 0;
}

.title-small {
	font-size: var(--title-font-14);
	letter-spacing: var(--title-letter-spacing-14);
	line-height: var(--title-line-height-14);
}


.title-x-small {
	font-size: var(--title-font-12);
	letter-spacing: var(--title-letter-spacing-12);
	line-height: var(--title-line-height-12);
}

.product-intro,
.text-large,
.text-large * {
	font-size: var(--body-font-18);
	line-height: var(--body-line-height-18);
	letter-spacing: var(--body-letter-spacing-18)
}

.small {
	font-size: var(--body-font-12);
	line-height: var(--body-line-height-12);
	letter-spacing: var(--body-letter-spacing-12)
}


.aside {
	font-style: italic;
}

.text-xl {
	font-size: var(--body-font-20);
	line-height: var(--body-line-height-20);
	letter-spacing: var(--body-letter-spacing-20)
}

/** $$ GENERIC THINGS **/


.field-input {
	padding: 15px 10px;
	margin: 10px 0;
	font-size: 1.125rem;
	font-family: var(--body);
}

.textbox {
	margin: 20px 0 30px 0;
}

.textbox a {
	color: var(--active);
	text-decoration: underline;
}

.ico--ddd {
	width: var(--ico-width);
	height: var(--ico-width);
}


/** SECTION CONTENT **/

.content-section--title {
	margin-bottom: 60px;
	text-align: center;
}

.content-section--content {
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.content-section--button {
	margin: 60px 0 0 0;
	display: block;
}

.prose p {
	margin-bottom: 1em;
}

.prose p:last-child {
	margin-bottom: 0;
}


/** $$ BUTTONS **/
.go-cart__button,
.button {
	--color: var(--base-light);
	--bg: var(--active);
	--border: var(--active);
	padding: 1rem 1.5rem;
	display: inline-block;
	font-family: var(--title);
	font-size: var(--title-font-14);
	font-weight: 500;
	letter-spacing: var(--title-letter-spacing-14);
	line-height: var(--title-line-height-14);
	text-transform: uppercase;
	background: var(--bg);
	color: var(--color);
	text-align: center;
	border-radius: var(--radius);
	border: 1px solid var(--border);
	padding: 1rem 1.25rem;
	-webkit-appearance: none;
	transition: box-shadow ease-in-out .2s;

}

.button:hover {
	box-shadow: #313e441f 4px 4px 16px;
}


.button.empty {
	--color: var(--base-dark);
	--bg: none;
	--border: var(--light-border);
}


#AddToCartButton {
	display: var(--dimDisplay);
}


.button_flat {
	text-transform: uppercase;
	line-height: var(--title-line-height-14);
	padding-bottom: 3px;
	font-size: var(--title-font-14);
	letter-spacing: var(--title-letter-spacing-14);
	font-family: var(--title);
	border-bottom: 1px solid;
	color: var(--active)
}

.button_flat:hover {
	color: var(--base-dark)
}

.button.expanded {
	width: 100%;
	padding: 1.25rem 1rem;
}

.NoSelection {
	text-align: center;
	margin-bottom: var(--global-padding);
}


.button.emphasis {
	--color: var(--base-light);
	--bg: var(--highlight);
	--border: var(--highlight);
}


.button_group {
	display: grid;
	grid-gap: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}


.go-cart__button {
	width: 100%;
}

/** SECTION CONTENT **/

.content-section--content {
	border-bottom: 1px solid var(--light-border);
}

.button_small {
	--border: var(--active);
	padding: 1rem 1.5rem;
	display: inline-block;
	font-family: var(--title);
	font-size: var(--title-font-12);
	font-weight: 500;
	letter-spacing: var(--title-letter-spacing-12);
	line-height: var(--title-line-height-12);
	text-transform: uppercase;
	background: var(--bg);
	color: var(--color);
	text-align: center;
	border-radius: var(--radius);
	border: 1px solid var(--border);
	padding: 9px 20px 7px 20px;
	-webkit-appearance: none;
	transition: box-shadow ease-in-out .2s;
}

.button-nav {
	margin-bottom: 1rem;
}


/** OBJECTS END **/
/** --1 $$ MASTHEAD **/

#ui {
	z-index: 90;
}

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: transform var(--menu-animation-duration) var(--menu-animation-timing-fuction);
}


.main-header.menu-open {
	--iv: calc(var(--it)*-1)
}

.secondary_navigation__link {
	font-size: var(--menu-font-14);
	letter-spacing: var(--menu-letter-spacing-14);
	font-family: var(--title);
	background: none;
	border: 0;
	outline: 0;
	color: inherit;
}

.info_bar {
	padding: var(--ip) 0;
	background: var(--accent);
}

.line_1 {
	font-size: var(--body-font-14);
	letter-spacing: var(--body-letter-spacing-14);
	line-height: var(--body-line-height-14);
}

:root {
	--ih: var(--body-line-height-14);
	--ip: .875rem;
	--nh: 2rem;
	--np: 2.4375rem;

	/** TOTALS **/
	--it: calc((var(--ip)*2) + var(--ih));
	--nt: calc((var(--np)*2) + var(--nh));
	--app-pad: calc(var(--it) + var(--nt));

	/** HEAD STATE **/
	--iv: 0rem;
	--nv: 0rem;

	/** MODAL **/
	--modal-top: var(--app-pad);
	--modal-margin: 5px;
}


[id="ui"] {
	--head-state: calc(var(--iv) + var(--nv));
	--popHeight: calc(100vh - var(--nt));
	--popOffset: var(--app-pad);
	transform: translateY(var(--head-state));
}

.compact,
[id="ui"][header-state="fixed"] {
	--np: 2rem;
	--iv: calc(var(--it) * -1);
	--popHeight: 100vh;
	--popOffset: calc(((var(--np) * 2) + var(--nh)) + var(--it));
}

[scroll-state="down"]~* {
	--modal-top: 0;
}


.compact~*,
[id="ui"][header-state="fixed"][scroll-state="up"]~* {
	--np: 2rem;
	--iv: calc(var(--it));

	--modal-top: calc(var(--np) + var(--iv));
}


[header-state="fixed"][scroll-state="down"] {
	--nv: calc(var(--nt) * -1);
}


@media screen and (min-width:50rem) {
	:root {
		--ih: var(--body-line-height-16);
	}
}

@media screen and (min-width:75rem) {
	:root {
		--nh: 2.185rem;
		--np: 3rem;
	}

	[header-state="fixed"] {
		--np: 2rem;
	}

	.main-header.menu-open:not(.compact) {
		--iv: 0rem;
		--nv: 0rem;
	}


}


.primaryButton:not(.go-cart__button) {
	cursor: pointer;
	position: relative;
	padding: 0;
	border: 0;
	background: none;
}

.PrimaryButton--label {
	border: 0;
	clip: rect(1px 1px 1px 1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.nav_control {
	display: flex;
	justify-content: space-between;
	padding: var(--np) var(--global-padding);
	align-items: center;
	height: var(--nh);
	box-sizing: content-box;
	background: var(--base-light);

}

.left_controls,
.right_controls {
	display: flex;
	width: calc((var(--nav-tap) * 2) + var(--nav-gap));
	justify-content: space-between;
}

.logo {
	display: flex;
}

.logo_img {
	width: 8rem;
}

.secondary_navigation {
	display: none;
}

.secondary_navigation__mobile {
	margin-top: 100px;
	display: flex;
	justify-content: space-evenly;
}

.main__navigation__link--link {
	font-family: var(--title);
	font-size: var(--menu-font-26);
	margin: 1.625rem;
	display: flex;
	height: 28px;
	align-items: baseline;
	justify-content: center;
	line-height: var(--menu-line-height-26);
	font-weight: 100;
	transition: all ease-in-out .2s;
}

.main__navigation__link--link:hover {
	color: var(--active);
}

.counter,
.js-go-cart-counter {
	width: 14px;
	height: 14px;
	line-height: 1;
	border-radius: 3px;
	top: -3px;
	right: -3px;
	position: absolute;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'p22-underground';
}


.main-navigation.PopScreen {
	background: var(--base-light);
	height: var(--popHeight);
	top: var(--popOffset);
}

.counter,
.js-go-cart-counter {
	background: var(--active);
	color: #fff;
}

.l1,
.l3 {
	transition: transform ease-in-out .15s;
}

.l2 {
	transition: opacity ease-in-out .15s;
}

.primaryButton[data-state="active"] .l1 {
	transform-origin: top right;
	transform: rotate(-45deg) translate(-3px, -3px);
}

.primaryButton[data-state="active"] .l2 {
	opacity: 0;
}

.primaryButton[data-state="active"] .l3 {
	transform-origin: bottom right;
	transform: rotate(45deg) translate(-3px, 3px);
}

.text-center {
	text-align: center;
}

.cta_bar {
	margin-bottom: 5rem;
	width: 100%;
}


/** --2 $$ HOME BANNER **/

.home_banner,
.home_banner__text {
	background: var(--base-dark);
	color: #fff;
	text-align: center;
}

.home_banner__text {
	position: relative;
}

.home_banner {
	border-radius: var(--radius)
}

.home_banner__img {
	height: 100vw;
	object-fit: cover;
	width: 100%;
	position: relative;
}

.home_banner__text:after {
	display: block;
	content: "";
	background: url(/cdn/shop/t/18/assets/banner_riv.svg?v=14884999586219130976);
	width: 13rem;
	height: 13rem;
	position: absolute;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: bottom right;
}

/** --3 $$COLLECTION CARDS **/

.collection_card {
	overflow-x: hidden;
	padding: 1.875rem;
	background: #fff;
	border-radius: var(--radius);
	padding: 30px;
	padding-bottom: 60px;
	margin-bottom: 40px;
	border-radius: var(--radius)
}

.collection_card__image {
	height: 24rem;
	object-fit: cover;
	object-position: left;
	position: relative;
	left: 1.875rem;
}

.collection_card__headline {
	line-height: var(--body-font-32);
	margin-bottom: 24px;
	padding-right: 4rem;
}

.textbox {
	margin: 0;
	margin-bottom: 30px;
}

.single-collection--card {
	display: grid;
	grid-template-columns: var(--global-padding) auto var(--global-padding);
	grid-template-areas: "l m r";
}

.flourish {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	background: url(/cdn/shop/t/18/assets/flo.svg?v=13018656746480759533);
	background-size: 140rem;
	background-position: center;
	background-repeat: repeat-x;
	transform-origin: center;
	transform: rotate(180deg);
}

.single-collection--card:nth-child(even) .collection_card__image {
	object-position: right;
	left: auto;
	right: 1.875rem;
}

.single-collection--card:nth-child(even) .flourish {
	grid-area: r;
	transform: scalex(-1);
}

.single-collection--card:nth-child(even) .collection_card {
	grid-area: m;
}

.families-button {
	margin-top: 1.25rem;
}

.popular_collections_pane {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.collection_cards--button {
	padding-bottom: 3.75rem;
}

.collection_cards--button:after {
	content: "";
	display: block;
	width: 100%;
	height: 3.75rem;
	border-bottom: 1px solid var(--light-border)
}

/** --4 $$ PRODUCT CARDS **/
.title-bar {
	margin-bottom: 60px;
	text-align: center;
}

.collection_headline {
	margin-bottom: 20px;
}

.most-popular {
	background: var(--accent);
	position: absolute;
	font-size: var(--body-font-12) top: -1.25rem;
	color: var(--base-dark);
	padding: .5rem 1rem;
	border-radius: 70px;
	top: -20px;
}

.product_card_wrap--products {
	display: grid;
	grid-gap: var(--grid-gap);
	margin-bottom: 60px;
}

.basic_cat {
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}


.product_card {
	display: flex;
	flex-direction: column;
	height: 100vw;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 30px;
	background: #fff;
	transition: all ease-in-out .32s;
	border-radius: var(--radius);
}

.basic_product_card {
	height: auto;
	text-align: center;
	padding: 20px;
	font-size: var(--title-font-14);
}

.product_card__extra--basic {
	grid-column-start: 1;
	grid-column-end: 3;
	height: auto;
}

.basic_product_card .product-card__img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.collection-price {}

.product_card:hover {
	transform: translateY(-6px);
	box-shadow: #313e441f 4px 8px 16px;
}


.product_card--title {
	text-align: center;
	position: absolute;
	bottom: 4rem;
}

.product_card__extra {
	background: none;
	border: 1px solid var(--light-border);
	align-items: self-start;
}

.product_card__extra .title {
	margin-bottom: 1.25rem;
}

.cat_extra {
	margin-bottom: 1.25rem;
}

.more-link {
	font-weight: 600;
	border-bottom: 1px solid;
	color: var(--active);
}

/** --5 $$ FOOTER **/

.instagrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	margin: var(--global-padding) 0;
	margin-bottom: 60px;
}

.instatitle {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 32px;
}

.instalink {
	border-bottom: 1px solid;
	transition: all ease-in-out .2s;
}

.instalink:hover {
	color: var(--active)
}

.site_footer {
	padding: 5rem var(--global-padding) 3.75rem var(--global-padding);
	text-align: center;
	overflow-x: hidden; /** HACK **/
}


.footer_s_1,
.footer_contact {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.footer_s_1:after {
	content: "";
	background: url(/cdn/shop/t/18/assets/footer-riv.svg?v=15861380830845494799);
	width: 100vw;
	max-width: 100vw;
	background-repeat: no-repeat;
	background-size: 130%;
	background-position: center;
	aspect-ratio: 248 / 155;
}

.footer-links {
	border-bottom: 0;
	padding-bottom: 0;
}

.legal_text {
	font-size: var(--body-font-12);
	line-height: var(--body-line-height-12);
	color: #fbf7f37a;
	letter-spacing: var(--body-letter-spacing-12);
}

.footer-links,
.footer_s_3,
.footer_s_2 {
	margin: 3.75rem 0;
	padding-bottom: 3.75rem;
}

.footer_contact {
	margin: 1.875rem 0;
}

.legal_link {
	border-bottom: 1px solid;
	padding-bottom: 3px;
	letter-spacing: .6px;
	margin: 0 .5rem;
}

.legal_link:hover {
	color: var(--accent)
}


.footer__link {
	text-transform: uppercase;
	font-size: var(--title-font-14);
	letter-spacing: var(--title-letter-spacing-14);
	line-height: var(--title-line-height-14);
	margin-top: 2em;
	display: block;
	font-family: var(--title);
	color: var(--base-light)
}

.socials {
	display: flex;
	margin: 60px 0;
}


.soc_ico_wrap {
	display: block;
	margin: 0 16px;
	width: 32px;
	position: relative;
	transition: all ease-in-out .2s;
	fill: var(--base-light);
}

.soc_ico_wrap:hover {
	fill: var(--accent)
}

/** --6 $$ CTA **/

.cta_bar {
	text-align: center;
}

.single_cta {
	padding: 60px var(--global-padding);
}


/** --7 $$FREE SAMPLES **/

.sample-title-bar {
	margin-bottom: 2.5rem;
}

.sample-filter--label {
	border: 0;
	outline: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: var(--title-letter-spacing-12);
	background: 0;
	font-family: var(--title)
}

.sample-filter__options {
	display: grid;
	grid-template-columns: repeat(auto-fill, 64px);
	margin: 20px 0 40px 0;
	grid-gap: 20px;
}

.sample-filter--label:after {
	content: "";
	display: inline-block;
	width: 2em;
	height: 1em;
	background: url(/cdn/shop/t/18/assets/a_down.svg?v=2141063232243679540);
	background-position: -2px -1px;
	background-size: 19px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.RangeGrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
	grid-gap: 1.25rem;
	margin-bottom: 5rem;
}

.SingleFamily--Title {
	margin-bottom: 1.875rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}


.SingleFamily--Title:after {
	display: block;
	background: rgb(49 62 68 / 12%);
	content: "";
	border-left: 1.25rem var(--base-light) solid;
	height: 1px;
	flex: 1;
}


.fabric_overview--wrap {
	position: sticky;
	top: calc(var(--NavH)*-1);
	z-index: 1;
}


.family_descritpion {
	margin-bottom: 1.25rem;
}

.fabric_overview__container,
.FilterSamples {
	padding: .875rem;
	max-width: var(--max-width);
	background: #fff;
	border-radius: var(--radius);
}


.fabric_overview__container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.SwatchTitle {
	padding: 3px 6px 11px 10px;
	display: block;
	font-size: var(--body-font-14);
	margin: 0;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.SwatchTitle:after {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(/cdn/shop/t/18/assets/plus.svg?v=17516073761133669091);
	border-radius: 100%;
	border: 1px solid;
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
}

.SamplePageSwatch {
	background: #fff;
	transition: all ease-in-out .1s;
}

.FilterSamples {
	margin-bottom: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


#fabric_overview:after {
	content: "";
	display: block;
	background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
}


.sample-filter--body {
	margin: var(--global-padding) 0;
}


[data-colours="White"] {
	--swatch: #F3F2F1;
}

[data-colours="Cream"] {
	--swatch: #E3DFD8;
}

[data-colours="Pink"] {
	--swatch: #B8A6A5;
}

[data-colours="Grey"] {
	--swatch: #7D7F7C;
}

[data-colours="Green"] {
	--swatch: #4F7B4C;
}

[data-colours="Blue"] {
	--swatch: #34536A;
}

[data-colours="Red"] {
	--swatch: #9D5A40;
}

[data-colours="Yellow"] {
	--swatch: #F8E057;
}

[data-colours="Patchwork"] {
	--swatch: #F3F2F1;
}

[data-colours="Purple"] {
	--swatch: #5F4451;
}

[data-colours="Brown"] {
	--swatch: #594238;
}

[data-colours="Orange"] {
	--swatch: #D86D46;
}

                        
[data-colours="Teal"] {
	--swatch: #008080;
}

[data-colours="Navy"] {
	--swatch: #000080;
}

[data-colours="Silver"] {
	--swatch: #C0C0C0;
}

[data-colours="Tan"] {
	--swatch: #D2B48C;
}


[data-colours="linen"] {
	--swatch: url(/cdn/shop/t/18/assets/linen-100.jpg?v=460380449490533295)
}

[data-colours="leather"] {
	--swatch: url(/cdn/shop/t/18/assets/leather-100.jpg?v=16469976971791378144)
}

[data-colours="velvet"] {
	--swatch: url(/cdn/shop/t/18/assets/velvet-100.jpg?v=2846793859139299654)
}

[data-colours="wool"] {
	--swatch: url(/cdn/shop/t/18/assets/wool-100.jpg?v=13895906650902171353)
}

.FabricFilterButton:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: var(--swatch);
	border-radius: 100%;
	margin-bottom: 8px;
}


.FabricFilterButton:after {
	display: none;
	width: 23px;
	height: 23px;
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360) var(--active);
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	border: 1px solid var(--base-light);
}

.ActiveMaterialSelection.FabricFilterButton:after {
	display: block;
}

.FabricFilterButton {
	font-family: var(--display);
	font-size: var(--body-font-14);
	letter-spacing: var(--body-letter-spacing-14);
	position: relative;
	background: 0;
	border: 0;
	outline: 0;
	padding: 0;
}

.button_confirm_samples {
	background: var(--active) !important;
	padding: 10px !important;
}

.material-filter__header {
	display: flex;
}

.fabric_overview__scroll {
	max-width: 100%;
	overflow: scroll;
}

.fabric_overview--wrap--empty {
	display: none;
}

.fabric_overview {
	display: flex;
	width: calc((var(--rccount)*var(--mini-swatch-width))+((var(--rccount)*var(--mini-swatch-gap))))
}

.sample-filter {
	background: #fff;
}

.mini-swatch {
	position: relative;
	margin-right: var(--mini-swatch-gap);
	width: var(--mini-swatch-width);
	border-radius: var(--radius)
}

.remove_sample {
	background: url(/cdn/shop/t/18/assets/close_light.svg?v=1521330340741661485);
	position: absolute;
	width: var(--nav-tap);
	height: var(--nav-tap);
	top: 0;
	left: 0;
	overflow: hidden;
	text-indent: -99rem;
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	outline: 0;
}


/** SAMPLES PAGE **/


/** --8 $$ NEWSLETTER **/

.newsletter_title {
	margin-bottom: 20px;
}

.newsletter--wrapper {
	text-align: center;
	padding-top: 20px;
}

.newsletter--wrapper .content-section--content {
	padding-bottom: 80px;
}

.news_desc {
	margin-bottom: 30px;
}

.mailchimp_form {
	padding: 1rem 0;
}

.field--wrapper {
	margin-bottom: 20px;
	position: relative;
}

[id="gform"] .title-med {
	margin-bottom: 20px;
}

[id="gform"] .text-field__label {
	font-size: 18px;
}

[id="gform"] .on.text-field__label,
[id="gform"] .show.text-field__label {
	background: #fff;
}

.textfield {
	display: block;
	width: 100%;
	font-family: var(--body);
	padding: 12px 24px;
	font-size: var(--body-font-18);
	color: var(--base-dark);
	outline: 0;
	border: 1px solid var(--light-border);
	background: none;
	border-radius: var(--radius);
}

.textfield:focus {
	border-color: var(--active);
}

.text-field__label {
	position: absolute;
	left: 24px;
	height: 52px;
	display: flex;
	line-height: 52px;
	transition: all cubic-bezier(0.5, 0.02, 0.42, 1) .15s;
}

.show.text-field__label,
.on.text-field__label {
	font-size: var(--body-font-14);
	transform: translate(-8px, -14px);
	background: var(--base-light);
	line-height: 1.5rem;
	height: 1.5rem;
	padding: 0 8px;
	letter-spacing: var(--body-letter-spacing-14);
	color: var(--active)
}

.subscribe_button {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	padding: 18px;
	line-height: 1;
}

/** --9 $$ POP SCREEN **/

.PopScreen {
	-webkit-overflow-scrolling: touch;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
	will-change: transform, opacity, visibility;
	overflow-y: scroll;
	z-index: 99;
}

[data-state="open"] {
	visibility: visible;
	height: 100vh;
	opacity: 1;
	transition: visibility 0s, opacity var(--menu-animation-duration) var(--menu-animation-timing-fuction), transform var(--menu-animation-duration) var(--menu-animation-timing-fuction);
	transform: translate3d(0, 0, 0);
}

.popout-header {
	padding: 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

button.popout-close {
	all: unset;
	height: var(--ico-width)
}

.popout-title {
	font-family: var(--display);
	font-size: var(--body-font-32);
	line-height: var(--body-line-height-32);
	letter-spacing: var(--body-letter-spacing-32);
	font-weight: normal;
}

.button.surface-close {
	position: fixed;
	width: 100vw;
	height: 100vh;
	opacity: 0;
}


/** FOOTER **/

.site_footer {
	background: var(--base-dark);
	color: var(--base-light);
}

.footer_s_2,
.footer_s_3 {
	border-bottom: 1px solid var(--divider-dark);
}

.footer-links {
	margin-bottom: 0;
}

/** CTA **/

.single_cta {
	border-bottom: 1px solid var(--light-border)
}


/** PopScreen **/

.PopScreen {
	background: #fff;
}


@media screen and (max-width:50rem) {
	.hide_m {
		display: none;
	}

	.cta_bar .content-section--content {
		padding-bottom: 0;
		border-bottom: 0;
	}


	.fabric_overview__container__title {
		margin-bottom: 10px;
		display: none;
	}

	.button_confirm_samples {
		margin-top: 20px;
		width: 100%;
	}

	.sample-filter--reset {
		margin: auto;
		width: calc(100% - (var(--global-padding)*2));
		display: block;
		padding: 1.25rem 1rem;
		font-size: var(--body-font-14);
		font-weight: normal;
		line-height: 1;
		--color: var(--base-dark);
		--bg: none;
		--border: var(--light-border);
	}


}

.home_banner__text {
	padding-top: 74px;
	padding-bottom: 122px;
	padding-left: auto;
	padding-right: auto;
}

.banner_content {
	margin: 20px 0 30px 0;
}

.cta__ico {
	margin-bottom: 22px;
}

.cta__title {
	margin-bottom: 16px;
}

.single_cta {
	padding: auto 0;
}

.home_single_title {
	margin-bottom: 20px
}


/** $$ SAMPLES POPOUT **/

.rc_sample_selection {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1rem;
	margin-bottom: 40px;
	margin-top: 20px;
}

.ReduceSelection {
	padding: 14px 20px;
	color: var(--base-dark);
	border-radius: var(--radius);
	margin-bottom: var(--global-padding);
	border: 1px solid var(--light-border);
	background: var(--base-light);
}


.NoSelection {
	text-align: center;
	margin-bottom: var(--global-padding);
}

.fab_cart_single {
	position: relative;
}


.SampleSwatch {
	border-radius: var(--radius)
}

#sample_checkout~* {
	--sample-checkout-state: none;
	--sample-review-state: block;
}


#sample_checkout:checked~* {
	--sample-checkout-state: block;
	--sample-review-state: none;
}


#sample_bar__checkout {
	display: var(--sample-checkout-state);
}

#sample_bar__review {
	display: var(--sample-review-state);
}


#SampleCheckoutButton {
	--new: calc(min(var(--rccount)*var(--rccount)*1, 1));
	opacity: var(--new);
}

.samples_back {
	text-align: left;
	margin: 1.6rem;
	display: flex;
	align-items: center;
	margin-top: calc(var(--global-padding)*-.25);
	background: var(--light-border);
	padding: 10px;
	border-radius: var(--radius);
	margin-bottom: 40px;
	z-index: 100000;
	position: relative;
}

.sample-back--button {
	width: 20px;
	margin-right: 10px;
}


.sample_bar--inside {
	text-align: center;
}


.sample-done {
	display: none;
}


.sample-done h3 {
	margin-bottom: .625rem;
}

.sample-done p {
	margin-bottom: 1.25rem;
}

.done .sample-done {
	display: block;
}

.done #sample_bar__checkout {
	display: none;
}

.cart_single,
#checkoutButton,
.checkout_button {
	--button-background: var(--highlight)
}

.add_to_cart_button {
	position: relative;
	overflow: hidden;
	background: var(--button-background);
}

.cart_ui--remove {
	--button-background: #fff;
}

.update_button {
	--button-background: var(--base-light)
}

.adjust_pricing {
  display: flex;
  align-items: center;
}

.toggle_value {
  margin-right: 10px;
  display: flex;
  padding: 6px;
  border-radius: var(--radius);
	align-items: center;
	border: 1px solid var(--light-border);
}

.toggle_value:hover {
	background: rgba(0,0,0,.08);
}

.toggle_icon {
	fill: var(--base-dark);
}

.toggle_value:focus {
	background: rgba(0,0,0,.24);
}

.toggle_icon {
  width: 14px;
  height: 14px;
}

.cart-page-product-loading .single_order_item--img {
	opacity: 0;
}

.cart_product_image {
	background: url('/cdn/shop/t/38/assets/tail-spin.svg?v=173235676138357845001680972021');
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

.live .samples_confirm--button {
opacity: .5;
}

.cart_ui--button {
	display: block;
	padding: 16px;
}

.cart_ui--button:hover {
background:	rgba(0,0,0,.08)
}

.cart_ui--button:focus {
	background:	rgba(0,0,0,.24)
}
.add_to_cart_button:focus .loading_wrap {
	background: var(--button-background);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.SampleFormWrap {
	position: relative;
	display: flex;
	flex-direction: column;
}

.add_to_cart_button:focus .SampleFormWrap:after {
	content: "";
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
}

.add_to_cart_button:focus .loading-overlay {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	text-indent: -9999em;
	border: .2em solid var(--base-dark);
	border-top-color: var(--base-light);
	-webkit-transform: translate(0) rotate(0);
	-ms-transform: translate(0) rotate(0);
	transform: translate(0) rotate(0);
	-webkit-animation: button-loading 1.1s cubic-bezier(.77, 0, .18, 1) infinite;
	animation: button-loading 1.1s cubic-bezier(.77, 0, .18, 1) infinite
}


@-webkit-keyframes button-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes button-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}


/** Modal **/

.porta-modal {
	--modalInit: 100%;
}

.porta-modal.is-open~.go-cart__overlay {
	--oState: block;
	--oCol: rgba(0, 0, 0, .3);
}

.porta-modal.is-open {
	transform: translateY(0);
	z-index: 100;
}

.porta-modal {
	position: fixed;
	bottom: 0;
	left: 0;
	background: var(--base-light);
	width: 100%;
	padding: var(--global-padding);
	transform: translateY(var(--modalInit));
	transition: all ease-in-out .3s;
	color: var(--base-dark);
	padding-top: 40px;
}

.porta-modal--content {
	position: relative;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.go-cart-modal__close {
	position: absolute;
	top: -20px;
	right: 0;
}

.go-cart__overlay {
	background: var(--oCol);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 90;
	height: 100vh;
	display: var(--oState);
}


/** Mini Cart **/
.swatch-added,
.swatch-removed {
	display: none;
}

[data-swatch-status="false"] .swatch-added,
[data-swatch-status="true"] .swatch-removed {
	display: block;
}


.cart-success--ico {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}

.go-cart-modal-item {
	text-align: center;
}


.cart__empty {
	text-align: center;
}

.cart_content__empty {
	text-align: center;
	padding: 100px 0 100px 0;

}

.go-cart-item__image {
	width: 9rem;
	height: 9rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.go-cart-item__variant {
	flex: 100%;
	font-weight: 100;
}

.go-cart-item__quantity-label {
	display: none;
}

.go-cart-item__info-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.go-cart-item__info {
	margin: 0 0 18px 0;
	justify-content: space-between;
	display: flex;
	justify-content: center;
	width: 100%;
}

.go-cart-item__price {
	font-family: var(--title);
	letter-spacing: var(--title-letter-spacing-18);
	margin-top: 10px;
}


.go-cart-item__quantity-number {
	padding: 0;
	text-align: center;
	width: 2rem;
	background: 0;
	border: 0;
	border-left: 1px solid var(--light-border);
	border-right: 1px solid var(--light-border);
}

.go-cart-item__quantity {
	border: 1px solid var(--light-border);
	display: flex;
	align-items: center;
	align-self: stretch;
	margin-left: -.5rem;
}

.go-cart-item__quantity-button {
	width: var(--nav-tap);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: var(--nav-tap);
}

.go-cart-item__single {
	border-bottom: 1px solid var(--light-border);
	margin-bottom: 20px;
	position: relative;
	padding: .5rem;
}

.go-cart-item__variant {
	font-style: italic;
}

.go-cart-item__title {
	display: block;
	flex: 1;
	padding: 2rem;
	align-self: center;
	font-weight: bold;
}

.go-cart-drawer__footer {
	display: grid;
	grid-gap: 10px;
}

.go-cart-drawer__subtotal {
	font-size: var(--menu-font-26);
	line-height: var(--menu-line-height-26);
	letter-spacing: var(--menu-letter-spacing-26);
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.go-cart-item__remove {
	font-family: var(--title);
	font-size: var(--menu-font-14);
	letter-spacing: var(--menu-letter-spacing-14) border: 1px solid var(--light-border);
	padding: 11px 11px 10px 11px;
	border-radius: var(--radius);
	line-height: 1;
	margin-right: -5px;
	cursor: pointer;
}

.go-cart-item__remove:hover {
	background: var(--active);
	color: var(--base-light)
}

#Brand_Showcase .headline-med {
	text-align: left;
}

.brand_showcase--content {
	padding-bottom: 100px;
}


/** STORYBOARD **/


.storyboard {
	margin-bottom: 5rem;
}

.storyboard--title {
	margin-bottom: 20px;
}

.storyboard--image--wrap {
	margin-left: calc(var(--global-padding)*-1);
	margin-right: calc(var(--global-padding)*-1);
}

.storyboard--image {
	margin-bottom: 2.5rem;
}



/** SEARCH BAR **/

.search_header {
	display: flex;
	align-items: center;
	margin: 1.6rem;
}

.search-ui--bar {
	display: flex;
	background: var(--base-light);
	padding: .25rem;
	border: 1px solid var(--light-border);
	border-radius: var(--radius);
	padding: 13px 8px;
	align-items: center;
	flex: 1;
}

#SearchField {
	flex: 1;
	font-size: var(--body-font-14);
	-webkit-appearance: none;
	color: var(--base-dark);
}

.searchimg {
	width: 100px;
	height: 3rem;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 3;
	object-fit: contain;
	object-position: left;
}

.searchResult {
	display: grid;
	grid-template-columns: 100px auto;
	flex: 1;
	margin-bottom: 1.25rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--light-border);
	grid-column-gap: 1rem;

}

.search_button {
	-webkit-appearance: none;
	height: var(--nav-tap);
	position: relative;
	border: 0;
	outline: 0;
	background: none;
}

.search_button.close {
	margin-left: 10px;
	font-family: 'p22-underground';
	color: var(--base-dark);
	font-size: 16px;
}

/** CONTACT BAR **/

.contact_option {
	margin: 1.25rem 0;
	margin-top: var(--global-padding);
	text-align: center;
	margin-bottom: 2.5rem;
}

.contact_options {
	margin-bottom: 5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--light-border)
}

.contact_options .button.expand.full {
	display: inline-block;
	width: max-content;
	margin: auto;
}

.contact--faq {
	margin: 1.25rem 0;
	margin-bottom: 2.5rem;
}

.contact-faq--single {
	margin-bottom: 10px;
	border-bottom: 1px solid;
	display: inline-block;
}


.single_order_item {
	background: #fff;
	border-radius: var(--radius);
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.single_order_item--content {
	padding: var(--global-padding);
}

.single_order_item--img {
	width: auto;
	margin: auto;
	display: block;
	max-width: 100%;
	margin-bottom: .625rem;
}

.cart_ui--group {
	display: flex;
	justify-content: space-between;
}

.cart_ui--remove {
	--bl: solid 1px var(--base-light);
	display: block;
	border: 1px solid var(--base-light);
	border-right: var(--bl);
	width: 100%;
	text-align: center;
	margin-top: .625rem;
	font-size: var(--menu-font-14);
	font-family: var(--title);
}

.price_bar {
	display: flex;
	justify-content: space-between;
	margin-top: .625rem;
}

.cart_qty {
	width: 2rem;
	padding: 5px;
	padding-left: 0;
	border: 0;
}

.cart_cta {
	background: var(--accent);
	border-radius: var(--radius);
	padding: .625rem;
	margin-top: 1.25rem;
	text-align: center;
}

.samples_confirm--button {
	--bg: var(--highlight);
	background: var(--bg);
	border-color: var(--bg);
	position: relative;
}

.cart_content {
	margin-bottom: 5rem;
}

.cart_total {
	display: flex;
	justify-content: space-between;
}

.cart-faq {
	margin-top: 5rem;
}

.cart-faq--item {
	border-bottom: 1px solid var(--light-border);
}

.cart-faq .title-small {
	padding: 1.25rem 0;
	display: block;
	position: relative;
}


.cart-faq .title-small:after {
	content: " ";
	background: url(/cdn/shop/t/18/assets/a_down.svg?v=2141063232243679540);
	background-repeat: no-repeat;
	background-position: center right;
	width: 4rem;
	height: 4rem;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}


.cart-faq--item p {
	height: 0;
	max-height: 0;
	overflow: hidden;
	transition: all ease-in-out .2s;
	margin-bottom: 0;
}

.faq_check {
	display: none;
}

.faq_check:checked~p {
	height: auto;
	max-height: 99rem;
	margin-bottom: 1.25rem;
}

.faq_check:checked~.title-small:after {
	transform: scaleY(-1);
}

/** MOBILE ONLY STYLES **/

@media screen and (max-width:50rem) {
	.PopScreen.extend {
		top: 0;
	}

	.surface-close {
		display: none;
	}

	.home_banner.content {
		padding-left: 0;
		padding-right: 0;
	}

	.home_banner__text {
		padding-left: var(--global-padding);
		padding-right: var(--global-padding)
	}
}

/** COMPONENTS END **/

/** $$ HELPER CLASSES **/


.samplebutton {
	display: none;
}


/** HACHS **/


/** utilities END **/

/** $$ PRODUCTS **/


.sample-button {
	background: var(--swatchBg);
	color: var(--swatchCol)
}


#prod_showcase__img[data-src=""] {
	display: none;
}


.MagicZoom {
	width: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.checkout-buttons {
	--add: block;
	--success: none;
}

#swatchToggle {
	display: none;
}

.swatch-success {
	display: none;
}

#swatchToggle:checked~.sample-button {
	background: var(--active);
	color: var(--base-light)
}

#swatchToggle:checked~.sample-button .add-swatch {
	display: none;
}

#swatchToggle:checked~.sample-button .swatch-success {
	display: block;
}

.image_thumb {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}


.product-material-fabric-family {
	margin: 0;
}

.product-material-fabric-family-list {
	margin: 0;
}

.single-range-option {
	margin: 0;
}

.single-range-list {
	margin: 0;
}

.single-range-title {
	margin-bottom: 10px;
}


.change-product:after {
	content: "";
	width: 20px;
	height: 20px;
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360), var(--active);
	position: absolute;
	top: -4px;
	right: -4px;
	border-radius: var(--radius);
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
	display: var(--product-state);
}

.single-range-list {
	margin-bottom: 1.25rem;
	display: flex;
	flex-wrap: wrap;
}


.material-swatch-image {
	width: 44px;
	height: 44px;
	border-radius: var(--radius);
	background: url(/cdn/shop/t/18/assets/swatch.jpg?v=1124302917771720223);
	background-position: var(--pos);
	display: block;
}

.product_option__desc {
	padding: 0;
	margin: 0 10px 10px 0;
	border-radius: var(--radius);
	display: block;
	height: 44px;
	position: relative;
}


.nojs-product-link {
	display: var(--nojs-product-link);
	z-index: 2;
}


:root {
	--Leather-display: none;
	--Velvet-display: none;
	--Linen-display: none;
	--Crush-Velvet-display: none;

}

#Leather:checked~* {
	--Leather-display: block;
}

#Velvet:checked~* {
	--Velvet-display: block;
}

#Linen:checked~* {
	--Linen-display: block;
}

#Crush-Velvet:checked~* {
	--Crush-Velvet-display: block;
}

#family_Leather {
	display: var(--Leather-display)
}

#family_Linen {
	display: var(--Linen-display)
}

#family_Velvet {
	display: var(--Velvet-display)
}

#family_Crush-Velvet {
	display: var(--Crush-Velvet-display)
}

[name="material-families"] {
	display: none;
}

.product-variant-option,
.material-families-label {
	--color: var(--base-dark);
	--bg: none;
	--border: var(--light-border);
	letter-spacing: var(--body-letter-spacing-16);
	font-size: var(--body-font-16);
	font-family: var(--body);
	border: var(--border) 1px solid;
	color: var(--color);
	background: var(--bg);
	text-align: center;
	border-radius: var(--radius);
	padding: 1rem 1.25rem;
	line-height: 1;
	display: block;
}

input[name="vari-ants"] {
	display: none;
}

input[name="variants"]:checked~.product-variant-option {
	--color: var(--base-light);
	--bg: var(--active);
}

#Leather:checked~.product-option--control .product-material-options [for="Leather"],
#Velvet:checked~.product-option--control .product-material-options [for="Velvet"],
#Linen:checked~.product-option--control .product-material-options [for="Linen"],
#Crush-Velvet:checked~.product-option--control .product-material-options [for="Crush-Velvet"] {
	--color: var(--base-light);
	--bg: var(--active);
}


.single_material__title {
	margin-bottom: .65rem;
}

.product-section {
	margin: 2.5rem 0;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--light-border);
}

.product-section [data-target] {
	border-bottom: 1px solid;
}


/** **/


.product_options {
	margin-bottom: var(--grid-gap)
}


.material_swatch:after,
.material-selected {
	width: 18px;
	height: 18px;
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360), var(--active);
	position: absolute;
	right: -4px;
	top: -4px;
	display: none;
	border-radius: var(--radius);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px;
}

.product_material_option {
	display: none;
}

.product_material_option:checked~.material-selected {
	display: block;
}


[name="product-colour-options"]:checked~.material_swatch:after {
	display: block;
}

.option__module--title {
	margin-bottom: 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.product-section {
	margin: 2.5rem 0;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--light-border);
}


.payment_options .product-section {
	margin-bottom: 0;
}

.payment_options .product-section:nth-child(1) {
	padding-top: 2.5rem;
	border-top: 1px solid var(--light-border);
}

.product-section--title {
	margin-bottom: 1.25rem;
}

.payment_title {
	margin-bottom: 1.8rem;
}

.payment_options {
	margin-bottom: 5rem;
}


.option__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
}


.dim-more_info {
	color: var(--active);
	border-bottom: 1px solid var(--active);
	font-style: normal;
	font-size: var(--body-font-14);
	width: 100px;
	display: var(--dimDisplay);
	margin-bottom: 20px;
}

.current_price {
	font-size: var(--body-font-26);
	margin-bottom: 1.25rem;
	display: block;
	color: var(--highlight);
}

.option__module_price {
	margin-bottom: 0;
	border-bottom: 0;
}


#product-dimensions {
	--multi-var-vis: none;
}

#product-dimensions.multi-variant-product {
	--multi-var-vis: grid;

}

.size__grid {
	margin-bottom: 1.25rem;
	display: var(--multi-var-vis)
}

.product-size {
	display: var(--multi-var-vis)
}


.help-cta {
	margin-bottom: 1.25rem;
	text-align: center;
}

.product_page_cta {
	margin-top: 1.875rem;
	margin-bottom: 3.125rem;
}


/** SAMPLE BUTTON **/
[id="SampleOrder"] {
	position: relative;
}

.sample_success {
	width: 1.6rem;
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360), var(--active);
	border-color: var(--active);
	display: inline-block;
	top: .75rem;
	height: 1.6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px;
	border: 1px solid;
	border-radius: 100%;
	position: absolute;
	margin-left: 1rem;
	transform: scale(var(--sample-state));
}

.size-module {
	display: none;
}

.multi_var_product.size-module {
	display: block;
}

/** PURCHASE BAR **/

.product-purchase-bar__wrap {
	height: 0;
	overflow: hidden;
}

.product-purchase-bar__content {
	padding: .5rem var(--global-padding);

	display: flex;
	align-items: center;
	transform: translateY(-5rem);
	transition: transform ease-in-out .35s;
	height: 5rem;
}


#AddToCartButton:after {
	content: "Add to order";
	position: fixed;
	top: 1.25rem;
	right: var(--global-padding);
	z-index: 90;
	background: var(--highlight);
	padding: .75rem 1rem;
	border-radius: var(--radius);
	font-size: 10px;
	transition: all cubic-bezier(0.04, 0.01, 0.58, 1) .25s;
	display: none;
}

[id="shopify-section-go-cart"] {
	max-height: 0;
}

[id="purchase-image"] {
	height: 4rem;
	width: 6rem;
	object-fit: contain;
	margin-right: 1rem;
}


.product-purchase-bar__price {
	margin-right: 1rem;
	flex: 1;
}


/** CART **/

#AddToCartButton {
	position: relative;
}

[data-loader="loading"] .loading_wrap {
	background: var(--bg);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

[data-loader="loading"] .loading-overlay {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	text-indent: -9999em;
	border: .2em solid var(--base-dark);
	border-top-color: var(--base-light);
	-webkit-transform: translate(0) rotate(0);
	-ms-transform: translate(0) rotate(0);
	transform: translate(0) rotate(0);
	-webkit-animation: button-loading 1.1s cubic-bezier(.77, 0, .18, 1) infinite;
	animation: button-loading 1.1s cubic-bezier(.77, 0, .18, 1) infinite
}


@-webkit-keyframes button-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes button-loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}


/** SHOWCASE **/

.showcase_headline {
	margin-bottom: 1.25rem;
}


.showcase_module_product {
	margin-bottom: 5rem;
}

.module-dimensions {
	margin-bottom: 5rem;
}

.module-dimensions h3 {
	margin-bottom: 1.25rem
}

.met,
.imp {
	width: 100px;
	padding: 20px 0;
}


.dim_var_table_title,
.product-dimension-title,
.change-dims {
	text-transform: uppercase;
	font-size: var(--title-font-14);
	letter-spacing: var(--title-letter-spacing-14);
	font-family: var(--title);
	font-weight: bold;
	text-align: left;
}

.init {
	background: var(--base-light);
	width: 80px;
}

.dim_var_table_title,
.change-dims,
.init {
	left: 0;
	position: sticky;
}


.dim_var_table_title {
	background: var(--base-light);
}

.dim-variant-title {
	width: 120px;
	margin-right: 20px;
	font-family: var(--title-font-12);
	letter-spacing: var(--title-letter-spacing-12)
}

.dim_table--wrap {
	--imp: none;
	--met: block;
}

.ch_cm,
.imp {
	display: var(--imp);
	color: inherit;
}

.ch_in,
.met {
	display: var(--met);
	color: inherit;
}


#change-dim:checked~* {
	--imp: block;
	--met: none;
}

.table-scroll {
	width: 100%;
	max-width: 100%;
	overflow: scroll;
	position: relative;
}


.material_swatch {
	width: 48px;
	height: 48px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: var(--radius);
	position: relative;
}

.option__module--size {
	padding-bottom: .625rem;
}


.single_cta.single__cta__product {
	border-bottom: none;
	padding-top: 30px;
	padding-bottom: 30px
}

.cta__ico__product {
	height: 30px;
	margin-bottom: 18px;
}

.product_large_showcase_img,
.showcase_module_product {
	margin-bottom: 40px;
}

.payment_option_title {
	margin-bottom: 22px;
}

[name="product-colour-options"] {
	display: none;
}

[name="product-colour-options"]:checked~span:after {
	display: inline;
	top: -6px;
	right: -3px;
	position: absolute;
	content: "";
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360);
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: top right;
}

#mat_Velvet:checked~.option__module label[for="mat_Velvet"],
#mat_Linen:checked~.option__module label[for="mat_Linen"],
#mat_Wool:checked~.option__module label[for="mat_Wool"],
#mat_Leather:checked~.option__module label[for="mat_Leather"] {
	background: var(--active);
	color: var(--base-light)
}

input[name="productVars"]:checked~.product_option__desc {
	background: var(--active);
	color: #fff;
}

input[name="productVars"] {
	display: none;
}


.material-select {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--light-border)
}


[id="site-canvas"] {
	background: #fff;
}

.main-image__wrap {
	display: flex;
	height: 80vw;
	align-items: center;
	padding: 1.25rem;
}


.image_thumb {
	display: none;
}

.mz-thumb {
	background: #313e4429;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	margin: 4px;
	margin-bottom: 17px;
}

.mz-thumb-selected {
	background: #313E44;
}

[id="gal_stream"] {
	display: flex;
	justify-content: center;
}

.product-images {
	margin-bottom: 1.25rem;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100%;
	max-height: calc(100vh - 18rem);
}



.MagicZoom {
	display: flex;
	align-items: center;
}

@media screen and (min-width:50rem) {

	[id=site-canvas] {
		background: none;
		margin-bottom: 60px;
		overflow: hidden;
	}


	.main-image__wrap {
		background: #fff;
		height: 100%;
		width: 100%;
		padding: 1rem;
	}


	.product-images {
		grid-template-columns: 1fr 5.8125rem;
		display: grid;
		grid-gap: 20px;
		align-items: start;
		position: sticky;
		top: 1rem;
	}

	.selectors {
		all: unset;
		display: flex;
		grid-gap: 20px;
		flex-direction: column;
	}

	.image_thumb {
		padding: 10px;
		background: #fff;
		object-fit: contain;
		display: block;
		height: 5.8125rem
	}
}

.product-variant-radio {
	display: none;
}

.product-variant-radio:checked~* {
	--dimDisplay: inline
}

.dim_module {
	display: var(--dimDisplay)
}

.product-intro {
	margin-top: 1.25rem;
}


.single-material-name:after {
	display: none;
	width: 20px;
	height: 20px;
	background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360) var(--active);
	position: absolute;
	content: "";
	top: -4px;
	right: -4px;
	border-radius: var(--radius);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
}

[name="product-colour-options"] {
	display: none
}

[name="product-colour-options"]:checked~.single-material-name:after {
	display: block;
}


/** PRODUCTS M END **/


/** TEXTUAL PAGES **/
[id="cats"] {
	margin: 60px auto;
	background: #ffffff;
	border-radius: var(--radius);
	overflow: hidden;
	max-width: 50rem;
	min-height: 22rem;
	transition: all ease-in-out .2s;
}

.help-and-support--header {
	display: flex;
}

.kb-desc-img {
	display: none;
}


[name="kbcheck"] {
	display: none;
}

.kb-cat-title {
	background: url(/cdn/shop/t/18/assets/a_down.svg?v=2141063232243679540), var(--accent);
	display: block;
	padding: .875rem 3.25rem .875rem 1.75rem;
	border-bottom: 1px solid var(--light-border);
	font-weight: bold;
	transition: background .3s ease-in-out;
	background-repeat: no-repeat;
	background-position: calc(100% - 1.2rem);
}

[name="kbcheck"]:checked~.kb-cat-title {
	background: url(/cdn/shop/t/18/assets/a_up.svg?v=4642144530480957936), var(--active);
	color: var(--base-light);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: calc(100% - 1.2rem);
}

.kb-topic--list {
	max-height: 0;
	overflow: hidden;
	will-change: max-height;
	transition: max-height .3s ease-in-out;
	margin: 0;
}

[name="kbcheck"]:checked~.kb-topic--list {
	max-height: 99rem;
}

.kb-topic--list:before,
.kb-topic--list:after {
	content: "";
	height: .75rem;
	display: block;
}

.help-list {
	display: block;
	line-height: 1.5rem;
	margin: 0;
	padding: .5rem 1.75rem;
}

.single_article_link {
	border-bottom: 1px solid;
}

.single_article_link:hover {
	color: var(--active)
}

.kb-questions {
	text-align: center;
	margin: auto;
	margin-top: 80px;
	max-width: 50rem;
}

.kb-card {
	background: #ffffff;
	padding: 20px;
	border-radius: var(--radius);
	margin: 20px auto;
	text-align: left;
	display: block;
	transition: all ease-in-out .3s;
}

.last-update {
	margin-top: 4rem;
	background: var(--accent);
	padding: 14px;
	border-radius: var(--radius);
	text-align: center;
}

.kb-card:hover {
	box-shadow: #313e441f 4px 8px 16px;
}

.help-and-support--header--content {
	max-width: 50rem;
	margin: auto;

}

.support-headline {
	padding-bottom: 10px;
	text-align: center;
}

.kb_intro {
	text-align: center;
}

/** KB ARTICLE **/

.kb-content {
	max-width: 50rem;
	margin: auto;
	margin-bottom: 80px;
}


.kb-content a {
	border-bottom: 1px solid;
}

.kb-content p,
.kb-content h2,
.kb-content h3,
.kb-content h4,
.kb-content ul,
.kb-content table {
	margin-bottom: 1rem;
}


.kb-content p,
.kb-content table,
.kb-content li {
	font-size: 1.125rem;
	line-height: 1.9375rem;
}


.kb-content .headline-small {
	margin-bottom: 20px;
}


.kb-content h2 {
	font-size: var(--body-font-20);
	letter-spacing: var(--body-letter-spacing-20);
	line-height: var(--body-line-height-20);
	margin-top: 40px;
	margin-bottom: 10px;
}

.kb-content h3,
.kb-content h4,
.kb-content h5 {
	letter-spacing: var(--body-letter-spacing-18);
	font-size: var(--body-font-18);
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;

}

.kb-content td {
	padding: 8px;
}

.kb-content li {
	list-style: disc;
	margin-bottom: 4px;
	list-style-position: inside;
}

.kb-content ul li {
	list-style: roman;
	list-style-position: inside;
}

.kb-content h2+h3,
.kb-content h3+h4,
.kb-content h4+h5,
{
margin-top: 0;
}

.crumb_wrap {
	color: var(--base-dark);
	margin-bottom: 2.5rem;
	background: var(--accent);
	border-radius: var(--radius);
	font-family: var(--body);
	letter-spacing: var(--body-letter-spacing-14);
	font-size: var(--body-font-14);
	line-height: var(--body-line-height-14);
	position: sticky;
	top: 0;
}

.crumbs {
	max-width: var(--max-width);
	margin: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}


.crumbs a:link,
.crumbs a:visited {
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

.crumbGap {
	display: inline-block;
	width: 1rem;
}

/** PAGES **/

.page--title {
	padding: 40px 0;
	text-align: center;
}

.videoWrapper {
	margin-bottom: 40px;
}


/** LAZY **/

img.lazy {
	display: block;
	position: relative;
}

img.lazy:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	height: calc(100% + 10px);
	width: 100%;
	background-color: rgb(230, 230, 230);
}

.SwatchPageImage {
	width: 100%;
	aspect-ratio: 1 / 1;
}

.is-invisible {
	display: none;
}

.tacs-list {
	padding: 0 var(--global-padding);
}

.tacs-list li {
	list-style: decimal-leading-zero;
	margin-bottom: 1rem;
	font-weight: bold;
}

.tacs-list li li {
	list-style: upper-roman;
	font-weight: normal;
}

/* $M med */
@media screen and (min-width:50rem) {

	:root {
		--global-padding: 3.125vw;
		--ico-width: 2rem;
		--nav-gap: 2rem;
	}


	/** $$ GENERAL **/

	.line_1 {
		font-size: var(--body-font-16);
		letter-spacing: var(--body-letter-spacing-16);
		line-height: var(--body-line-height-16);

	}

	.content-section--title {
		text-align: center;
		margin-bottom: 100px;
	}

	.headline {
		font-size: 2.75rem;
		line-height: 3.625rem;
		letter-spacing: .2px;
	}

	.headline-med {
		font-size: 2.75rem;
		line-height: 3.625rem;
	}

	.headline-small {
		font-size: 2rem;
		line-height: 2.75rem;
	}


	/** $$ BUTTONS **/

	.go-cart__button,
	.button.expanded {
		width: 21rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.go-cart__button,
	.button.full {
		width: 100%;
	}

	/** $$ HOME **/

	.home_banner {
		min-height: 50vh;
		margin-bottom: 6.25rem;
		max-height: 44rem;
	}

	.home_banner_flow {
		display: grid;
		grid-template-columns: 26rem auto;
	}

	.home_banner__img {
		grid-column: 2;
		grid-row: 1;
		min-height: 50vh;
		height: 100%;
		object-fit: cover;
	}

	.home_banner__text:after {
		right: calc(var(--global-padding)*-1);
	}

	/** $$ COLLECTION CARDS **/
	.collection_card {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--global-padding);
		padding: 0;
		margin-bottom: 3.75rem;
	}

	.collection_description {
		max-width: var(--mini-max);
		margin: auto;
	}

	.collection_card__image {
		all: unset;
		width: 100%;
		height: 32rem;
		margin: 4rem 0;
		object-fit: cover;
		object-position: right;
	}

	.single__cta__collection {
		display: flex;
		align-items: center;
	}

	.single-collection--card {
		grid-template-columns: minmax(1.6rem, auto) minmax(auto, 74rem) minmax(1.6rem, auto);
	}


	.collection-card__content {
		padding: 2rem 3.75rem;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: baseline;
	}


	.single-collection--card:nth-child(odd) .collection_card {
		grid-template-areas: "l r";
	}

	.single-collection--card:nth-child(odd) .collection_card__image {
		grid-area: r;
		object-position: left;
	}

	.single-collection--card:nth-child(odd) .collection-card__content {
		grid-area: l;
	}

	.families-button {
		margin-top: 0;
	}

	.collection_cards--button {
		padding-bottom: 6.25rem;
	}

	.collection_cards--button:after {
		height: 6.25rem;
	}


	.most-popular {
		left: -1.6rem;
		top: 2rem;
		font-size: 14px;
	}

	/** $$ STORYBOARD **/
	.storyboard {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--global-padding);
		width: var(--small-max);
		margin-left: auto;
		margin-right: auto;
	}

	.storyboard--image--wrap {
		margin-left: 0;
		margin-right: 0;
	}

	.storyboard--image {
		all: unset;
		width: 100%;
	}

	/** $$ CTA **/

	.cta--wrap {
		display: flex;
		justify-content: space-between;
		padding-bottom: 6.25rem;
	}

	/** $$ Product Cards **/
	.product_card_wrap--products {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 100px;
	}

	.basic_cat {
		grid-template-columns: 1fr 1fr 1fr;
	}


	.product_card--title {
		bottom: 2rem;
	}

	.container-browse {
		padding-bottom: 100px;
	}

	.product_card__extra {
		align-items: center;
		text-align: center;
	}

	.cat_extra {
		max-width: 22rem;
	}

	.product-card__img {
		padding: 1rem;
		max-height: 24rem;
		object-fit: contain;
	}

	.instagrid {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 40px;
	}

	.instagrid {
		margin-bottom: 100px;
		overflow: hidden;
	}

	.insta_img {
		width: calc(100vw / 5);
		aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position: center;
	}

	.instatitle {
		margin-bottom: 60px;
		margin-top: 100px;
	}

	/** $$ FOOTER **/


	.main-footer {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "l r";
		align-items: center;

	}

	.footer-links {
		margin: 2.5rem 0 0 0;
	}


	.footer_s_3 {
		grid-area: l;
		grid-row-start: 2;
	}

	.footer_s_3 {
		border-right: 1px solid rgba(245, 245, 245, 0.3);
	}

	.footer_contact {
		align-items: flex-start;
	}


	.footer_s_2 {
		grid-area: r;
		grid-row-start: 2;
	}


	.footer__link {
		text-align: right;
	}


	.footer_s_1,
	.footer_legal {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.footer_s_3,
	.footer_s_2 {
		padding: 0;
	}

	.socials {
		margin: 20px 0 20px -2rem;
	}


	.soc_ico {
		width: 2rem;
		margin: .5rem;
		display: inline-block;
	}


	/** $$ PRODUCTS **/

	.main-image__wrap {
		position: static;
		height: auto;
	}


	.MagicZoom {
		text-align: center;
	}

	.family-showcase {
		margin-left: auto;
		margin-right: auto;
		max-width: 38rem;
		text-align: center;
	}

	.site_footer {
		position: relative;
	}

	.footer_s_1:after {
		background: url(/cdn/shop/t/18/assets/t_riv_foot.svg?v=15490528606035367946);
		position: absolute;
		bottom: 0;
		right: 0;
		width: 10rem;
		height: 10rem;
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.family-showcase p {
		text-align: left;
	}

	.payment_title {
		text-align: center;
	}

	[id="Brand_Showcase"] {
		margin-bottom: 100px;
	}

	.payment_options .product-section:nth-child(1),
	.payment_options .product-section:nth-child(2) {
		border-top: 1px solid var(--light-border);
		padding-top: 2.5rem;
	}

	.product_payment_info {
		max-width: 54rem;
	}

	.payment_options {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 40px;
	}

	.info_canvas {
		max-width: 40rem;
		margin: auto;
	}

	.table-scroll {
		overflow: auto;
	}

	/** $$ FABRICS **/

	.SingleRange {
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-gap: 2rem;
	}

	.SwatchTitle {
		font-size: 1rem;
	}

	.fabric_overview__container__title,
	.ActiveMaterialSelection.FabricFilterButton:after {
		display: none;
	}

	.FamilyTitle {
		grid-column-end: 1;
		grid-row-start: 1;
		grid-row-end: -1;
	}

	.sample-filter__options {
		all: unset;
		display: grid;
		grid-template-columns: 12.652rem 12.652rem 12.652rem;
		background: #fff;
		padding: 1.5rem;
		grid-gap: 1rem;
		margin-left: -1.5rem;
		position: absolute;
		box-shadow: 0 4px 4px rgb(49 62 68 / 10%);
		padding-top: 2rem;
		min-width: 10rem;
		display: none
	}

	.sample-filter__section:hover .sample-filter__options {
		display: grid;
	}

	.sample-filter__section-title:after {
		transition: all ease-in-out .1s;
	}

	.sample-filter__section:hover .sample-filter__section-title:after {
		transform: scaleY(-1);
	}

	.FabricFilterButton:before {
		--border-active: var(--swatch);
		border: 2px solid var(--border-active);
		margin-bottom: 0;
	}

	.ActiveMaterialSelection.FabricFilterButton:before {
		--border-active: var(--base-dark)
	}

	.sample-filter__options-materials {
		grid-template-columns: 1fr;
		--border: var(--base-dark);
	}

	.sample-filter__options-materials .FabricFilterButton:before {
		border-radius: var(--radius);
		border: 2px solid var(--border);
		width: 20px;
		height: 20px;
		background: var(--background);
		background-position: center;
	}

	.ActiveMaterialSelection {
		font-weight: bold;
		--background: url(/cdn/shop/t/18/assets/cb_on.svg?v=3491881624830283360), var(--active);
		--border: var(--active);
	}


	.filter-close,
	.FilterConfirmButton {
		display: none;
	}

	.sample-filter {
		max-width: var(--max-width);
		padding: 1rem;
		margin: auto;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin-bottom: 5rem;
		align-items: baseline;
	}


	.sample-filter__header {
		margin-right: 2rem;
	}

	.sample-filter__bar {
		display: flex;
		flex: 1;
		margin-right: 1rem;
	}

	.sample_filter_controls {
		display: flex;
		flex: 1;
	}

	.sample-filter--reset {
		justify-self: end;
	}

	.sample-filter--body {
		margin: 0;
		display: flex;
		align-items: baseline
	}

	.sample-filter__section-title {
		margin-right: 4rem;
		font-size: .875rem;
	}

	.sample-filter__section-title:after {
		display: inline-block;
		content: "";
		width: 2rem;
		height: 1.6875rem;
		background: url(/cdn/shop/t/18/assets/a_down.svg?v=2141063232243679540);
		position: absolute;
		margin-right: 5rem;
		background-repeat: no-repeat;
		background-position: center left;
	}

	[id=SampleFilterBody]:before {
		content: "Filter by: ";
		margin-right: 2.5rem;
		font-size: 1.125rem;
		font-style: italic;
	}

	.FabricFilterButton:before {
		width: 1.625rem;
		height: 1.625rem;
		padding: 0;
		margin-right: .6875rem;
	}

	.fabric_overview__container {
		margin: auto;
		padding: 1rem;
		display: grid;
		grid-template-columns: 5fr 1fr;
		grid-gap: 20px;
		align-items: center;
		margin-bottom: 5rem;
		position: static;
	}

	.FilterSamples {
		all: unset;
		display: flex;
		flex: 100%;
		align-items: center;
		justify-content: flex-end;
		flex: 1 0 0;
	}

	[id="samples_filter"] .content {
		padding: 0;
	}

	.sample-filter .popout-header,
	.sample-filter [for="MaterialFilterSwitch"],
	.sample-filter .sample-filter--label {
		display: none;
	}

	.FabricFilterButton {
		display: flex;
		align-items: center;
		font-size: 1rem;
	}

	[id="samples_filter"],
	.PopScreen.sample-filter__bar {
		all: unset;
		display: flex;
		flex-grow: 1;
		align-items: center;
	}

	.mini-swatch {
		--mini-swatch-width: 5.6875rem;
		--mini-swatch-gap: 2.25rem;
	}

	.RangeGrid {
		grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
		grid-gap: 40px;
		font-size: 1rem;
	}

	/** NEWSLETTER **/
	.news_desc {
		max-width: 40rem;
		margin: auto;
		margin-bottom: 60px;
	}

	.news_aside {
		max-width: 40rem;
		margin: auto;
	}


	.newsletter_title {
		margin-bottom: 2.5rem;
	}

	.mailchimp_form {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 40px;
		max-width: 60rem;
		margin: auto;
		margin-bottom: 40px;
		padding: 0;
	}

	.mailchimp_form p {
		max-width: 40rem;
		margin: auto;
	}

	.mailchimp_form .field--wrapper {
		margin-bottom: 0;
	}

	.newsletter-wrapper {
		padding: 0;
		margin-top: 100px;
	}

	.newsletter--wrapper .content-section--content {
		padding-bottom: 100px;
	}

	/** $$ POP SCREEN **/
	.PopScreen {
		height: 100vh;
		transform: translate3d(0, 0, 0);
		top: 0;
		left: 0;
		overflow-y: hidden;
	}

	.PopContent {
		max-width: var(--pop-max);
		position: fixed;
		right: 0;
		height: 100vh;
		width: var(--pop-max);
		overflow-y: scroll;
	}

}


@media screen and (min-width:50rem) {


	.home_banner__text {
		text-align: left;
	}

	.main-footer {
		text-align: left;
	}

	/** CTA **/

	.single_cta {
		border-bottom: 0;
	}

	.collection-showcase--cta {
		grid-area: a;
		width: 100%;
		margin: var(--global-padding);
	}

	.cta_content {
		display: flex;
		justify-content: space-around;
	}

	.cta_text {
		max-width: 18rem;
		margin: auto;
	}

	.single_cta:nth-child(2) {
		border-right: 1px solid var(--light-border);
		border-left: 1px solid var(--light-border)
	}

	.single_cta:nth-child(last) {
		border-right: 0;
	}

	.cta--wrap.collection--cta--wrap {
		border: 1px solid var(--light-border);
		border-bottom: 1px solid var(--light-border) !important;

	}

	/** POPOUT **/


	.PopScreen {
		background: rgba(0, 0, 0, .4);
	}

	div[data-state="open"] .PopContent {
		transform: translateX(0)
	}

	.PopContent {
		background: #fff;
		box-shadow: 4px 8px 16px 0 rgba(49, 62, 68, 0.1);
		transform: translateX(var(--pop-max));
		transition: transform var(--menu-animation-timing-fuction) var(--menu-animation-duration);
	}

	.PopContent .content {
		padding: 1.6rem;
		padding-bottom: var(--global-padding)
	}


	.popout-header {
		position: sticky;
		top: 0;
		z-index: 11;
	}

	.footer_s_2,
	.footer_s_3 {
		border-bottom: 0;
	}

	.footer_legal {
		border-top: 1px solid rgba(245, 245, 245, 0.3);
	}

	.portamark {
		margin-bottom: 2.5rem;
	}

	.title-bar {
		text-align: center;
		margin-top: 3.75rem;
		margin-bottom: 40px;
	}

	.collection_headline {
		margin-bottom: 2.5rem;
		margin-top: 3.75rem;
		font-size: var(--body-font-56);
		line-height: var(--body-line-height-56);
		letter-spacing: var(--body-letter-spacing-56);
	}

	.collection-showcase--grid {
		display: grid;

		grid-template-areas: "a""b";
	}

	.collection-showcase--products {
		grid-area: b
	}

	.collection-showcase--cta {
		grid-area: a;
	}

}

@media screen and (min-width:50rem) {

	.home_banner__text {
		padding-top: 155px;
		padding-bottom: 185px;
		padding-left: 45px;
		padding-right: 70px;
	}

	.banner_content {
		margin: 32px 0 40px 0;
	}

	.home_banner__img {
		height: 100%;
		width: 100%;
		right: 0;
		left: var(--global-padding);
	}

	.product_large_showcase_img {
		height: 80vh;
		object-fit: cover;
		object-position: center;
		margin-bottom: 9.375rem;
	}

	.showcase_module_product {
		margin-bottom: 9.375rem;
	}

	.showcase_headline {
		margin-bottom: 2.5rem;
	}

	.showcase_module_product {
		margin-bottom: 10rem;
	}


	.module-dimensions {
		margin-bottom: 10rem;
		margin-left: auto;
		margin-right: auto;
	}

	.module-dimensions h3 {
		text-align: center;
		margin-bottom: 3.75rem;
	}


	.main-image__wrap {
		position: sticky;
		top: 0;
	}

	.mz-thumb {
		width: 100%;
		height: 100%;
	}

	.single_cta {
		flex: 1;
		padding: 0;
		justify-content: center;
	}

	.cta--wrap.collection--cta--wrap {
		padding: 0;
	}

	.cta__ico__collection {
		margin-bottom: 0;
		margin-right: 1rem;
		align-items: center;
	}

	.single__cta__collection:nth-child(2) {
		border: none;
	}

	#Popular_Collection .content-section--title {
		margin-bottom: 5rem;
	}


	.storyboard-section--title {
		width: var(--small-max);
		margin: auto;
	}

	#Brand_Showcase .headline-med {
		text-align: center;
	}

	.storyboard {
		margin-bottom: 120px;
		align-items: center;
	}


	.storyboard--title {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.storyboard--image {
		border-radius: var(--radius)
	}

	.storyboard:nth-child(odd) {
		grid-template-areas: "l r"
	}

	.storyboard:nth-child(odd) .storyboard--image {
		grid-area: r;
	}

	.storyboard:nth-child(odd) .storyboard--text {
		grid-area: l;

	}

	.storyboard:nth-child(last) {
		margin-bottom: 5rem;
	}

	.product_card {
		max-height: 30rem;
	}


	/**  CART  **/

}


@media screen and (min-width:72rem) {

	.single_order_item--content {
		display: grid;
		grid-template-columns: 14rem 1fr;
		grid-template-areas: "a b";
		grid-gap: 2rem;
		align-items: center;
	}

	.cart_pane--form {
		display: grid;
		grid-template-columns: 1fr minmax(20rem, 26rem);
		grid-gap: 5rem;
	}


	.price_bar {
		align-items: baseline;
		grid-area: b;
	}

	.cart_page--title {
		margin-bottom: 0;
	}

	.cart-page-sub {
		margin-top: 1.25rem;
	}

	.single_order_item {
		margin: 1.25rem 0;
	}

	.cart_cta {
		padding: 1rem;
		margin-bottom: 1.25rem;
	}

	.single_order_item--content .text-large {
		font-family: 'Domaine Display';
		font-size: 22px;
		line-height: 1.2;
		margin-bottom: 10px;
		display: block;
	}

	/** KB **/

	.help-and-support--header--content {
		max-width: 42rem;
	}

	.help-and-support--header--il {
		height: 10rem;
		flex: 1;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}


	.kb-desc-img {
		display: block;
		height: 8.5rem;
		width: auto;
	}

	.kb_intro {
		font-size: 1.125rem;
		line-height: 1.9375rem;
		margin-left: 40px;
		margin-right: 40px;
	}

	.help-and-support--header {
		border-bottom: 1px solid var(--light-border);
		padding-bottom: 30px;
	}


	.il-r {
		justify-content: flex-end;
	}

	.il-l {
		justify-content: flex-start;
	}

	[id="cats"] {
		font-size: 18px;
	}

	.button_group,
	.product-images {
		margin-bottom: 0;
	}

}

/** Large **/


@media screen and (min-width:65rem) {


	/** $$ NAV **/

	.menu-button[data-target="Menu"] {
		display: none;
	}


	.info_bar__content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: baseline;
		padding: 0 var(--global-padding)
	}

	.info-bar__text {
		align-self: center;

	}

	.nav_control.container {
		max-width: calc(var(--max-width) - (var(--global-padding) * 2))
	}

	.nav_control {
		display: grid;
		grid-template-columns: 10rem auto calc(var(--nav-tap) + var(--nav-gap)) calc((var(--nav-tap) * 2) + var(--nav-gap));
		grid-template-areas: "logo links l_con r_con";
		justify-content: unset;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--global-padding);
	}


	.logo {
		grid-area: logo;
	}

	.logo_img {
		width: 9.25rem;
		height: 2.185rem;
	}

	.secondary_navigation__mobile {
		display: none;
	}

	.main-navigation.PopScreen {
		all: unset;
	}

	.main-navigation {
		all: unset;
		grid-area: links;
		visibility: visible;
		position: static;
	}

	.left_controls {
		grid-area: l_con;
		width: auto;
	}


	.right_controls {
		grid-area: r_con;
	}

	.main__navigation__link--link {
		font-size: var(--body-font-18);
		margin: 0 2rem;
		letter-spacing: var(--body-letter-spacing-18);
		line-height: var(--menu-lh) font-weight: normal;
	}

	.main-navigation--close {
		display: none;
	}

	.secondary_navigation {
		position: static;
		visibility: visible;
		display: flex;
		justify-content: flex-end;
	}


	.main_navigation__list {
		display: flex;
		justify-content: center;
		visibility: visible;
	}


	.main_navigation__element {
		margin: 0 2rem;
		position: relative;
	}

	.secondary_navigation__element {
		margin-left: 2rem;
	}


	.secondary_navigation__link {
		all: unset;
		font-family: var(--title);
		padding-left: 0;
		padding-right: 0;
		display: inline-block;
		font-size: var(--menu-font-14);
		letter-spacing: var(--menu-letter-spacing-14);
		cursor: pointer;
	}

	.line-link {
		position: relative;
		display: inline-block;

	}

	.line-link:after {
		content: "";
		height: 1px;
		width: 100%;
		display: block;
		border-bottom: 1px solid;
		position: absolute;
		bottom: 0;
		transform: scaleX(0);
		transform-origin: left;
	}

	.line-link:hover:after,
	.footer_contact:hover .line-link:after {
		transform: scaleX(1);
		transition: all ease-in-out .15s;
	}


	/** BRAND SHOWCASE **/

	.brand_showcase--wrap {
		margin: auto;
	}


	/** PRODUCT CARDS **/

	.main-footer {
		grid-template-columns: 3fr 4fr 3fr;
		grid-template-areas: "l m r"
	}

	/** Modal **/

	.porta-modal.is-open~.go-cart__overlay {
		--oCol: rgba(0, 0, 0, 0);
	}


	.js-go-cart-modal.is-open .porta-modal--content {
		position: relative;
	}

	.porta-modal {
		display: flex;
		justify-content: center;
		background: none;
		padding: 0;
		position: fixed;
		top: var(--modal-top);


		margin-top: var(--modal-margin);
		bottom: auto;
		--modal-width: 30rem;
		--modalState: 0;
		--modalDisplay: none;
		--modalInit: 0;
		--modalScale: .8;
		height: 0;
		filter: drop-shadow(#313e441f 4px 8px 16px);
	}

	.porta-modal.is-open {
		--modalState: 1;
		--modalDisplay: block;
		--modalScale: 1;
	}

	.porta-modal:before {
		content: "";
		display: block;
		width: 4rem;
		height: 5rem;
		width: calc(100% - var(--modal-width));
		max-width: calc((var(--max-width) - var(--modal-width)) - (var(--global-padding)*2));
	}

	.porta-modal--content {
		background: #fff;
		border-radius: var(--radius);
		width: var(--modal-width);
		height: 14rem;
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;
		margin-top: 6px;
		box-shadow: #313e441f 4px 8px 16px;
		transform: scale3d(var(--modalScale), var(--modalScale), var(--modalScale));
		opacity: var(--modalState);
		transition: opacity ease-in-out 45ms, transform ease-in-out 150ms;
	}


	.go-cart-modal__close {
		top: 1rem;
		right: 1rem;
		z-index: 2;
	}


	/** Footer **/


	.footer_s_2,
	.footer_s_3 {
		grid-row-start: 1
	}

	.footer_s_1 {
		grid-row-start: 1;
		grid-column-start: 2;
		border-left: 1px solid var(--divider-dark);
		border-right: 1px solid var(--divider-dark);
	}

	.footer_nav__list {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.footer__link.line-link:after {
		bottom: -2px;
	}


	.footer_legal {
		grid-column-end: 4;
		text-align: left;
	}


	.legal_link {
		margin: 0 .5rem;
	}


	/** HOME BANNER **/


	/** PRODUCTS **/




	.product-grid {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-gap: 2.5rem;
		position: relative;
		margin-bottom: 7.5rem;
	}

.product-images {
	margin-bottom: 0;
}

[id=site-canvas] {
	margin-bottom: 0;
	overflow: unset;
}

	.storyboard--text {
		margin-left: 8.6rem;
	}


	.storyboard:nth-child(odd) .storyboard--text {
		margin-right: 8.6rem;
		margin-left: 0;
	}

	.family-showcase {
		max-width: var(--mini-max);
	}

	.module-dimensions {
		max-width: 80%;
	}

	.dim_var_table_title {
		width: auto;
		padding-right: 3rem;
	}

	.product_payment_info {
		max-width: var(--mini-max);
		margin-left: auto;
		margin-right: auto;
	}

	.kb-card {
		width: 15rem;
		display: inline-block;
		text-align: center;
		margin-left: 20px;
		margin-left: 20px;
	}


	.fabric_overview--wrap {
		top: 0;
		transition: all var(--menu-animation-duration) var(--menu-animation-timing-fuction)
	}


	#change-dim:checked~.prod_expanded_dimensions .dim_met {
		display: none;
	}

	#change-dim:checked~.prod_expanded_dimensions .dim_imp {
		display: block;
	}

	.dim_imp:after {
		content: "″"
	}

	/** SWATCHES **/

	.fabric_overview__scroll {
		overflow: auto;
	}


	.site_footer {
		padding-top: 0;
	}

	.footer-links {
		border-bottom: 0;
		margin: 60px 0 40px 0;
		padding-bottom: 0;
	}

	.footer-links:nth-child(1) {
		margin-left: -.5rem;
	}


	/** HELP **/

	.il-r,
	.il-l {
		justify-content: center;
	}

}

/** SHAME **/

.searchPop {
	transition: none
}

.help-article-section--title {
	background: var(--accent);
	padding: 10px;
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}

.article-section {
	border: 1px solid var(--light-border);
	margin-bottom: 20px;
	border-top: 0;
	border-bottom: 1px solid var(--light-border);
}

.single-article {
	padding: 10px;
}

.single-article-link {
	border-bottom: 1px solid;
}

.article-time {
	background: var(--accent);
	display: inline-block;
	padding: 0px 16px;
	border-radius: 16px;
	font-size: var(--body-font-14) !important;
	margin-bottom: 16px;
}

[id="cats"] {
	background: var(--base-light)
}

.doc-ico {
	fill: var(--base-dark);
	height: 18px;
	position: relative;
	top: 3px;
}

.single-article-link:hover {
	color: var(--active)
}

.footer_nav__list [data-target="contactfly"] {
	width: 100%;
}

.cta_bar {
	position: relative;
	z-index: 10;
	background: var(--base-light);
}

@media screen and (min-width:75rem) {
	.cta_bar {
		padding-top: 5rem;
	}
}


label[for="_hjRecordingEnabled"] {
	display: none !important;
}


[name="checkout"].button {
	background: var(--highlight);
	border-color: var(--highlight);
}

/** 29 july 22 **/

.product_option__desc {
	width: 48px;
	height: 48px;
	border-radius: var(--radius);
	font-size: 0;
	position: relative;
}


.display_material_option:checked~.single-material-name::after {
	display: block;
}

.single-material-name {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 48px;
	height: 48px;
	background: var(--swatchSrc);
	background-size: cover;
}

.samples__range {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1rem;
}

.samples__range {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.material_section,
.range_section,
.range_section--canvas {
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
}


.option-groupset {
	display: grid;

}

.option-group--material {
	--option-group-display: none;
	display: var(--option-group-display);
}

.size__grid {
	display: grid;
}

.product_option,
.option-section--control {
	display: none;
}

.product_option:checked~.product-variant-option {
	color: var(--base-light);
	background: var(--active);
}

.product-media {
	position: sticky;
	top: 1rem;
}

.material-swatch-image {
	background: var(--swatchSrc);
}

.option-groupset--material {
	display: none;
}

#linen:checked~.--groupset-linen {
	display: block;
}

#velvet:checked~.--groupset-velvet {
	display: block;
}

#wool:checked~.--groupset-wool {
	display: block;
}

#leather:checked~.--groupset-leather {
	display: block;
}

#linen:checked~.product-material-options label[for="linen"],
#velvet:checked~.product-material-options label[for="velvet"],
#wool:checked~.product-material-options label[for="wool"],
#leather:checked~.product-material-options label[for="leather"],
.__ {
	--color: var(--base-light);
	--bg: var(--active);
}


#content {
	position: relative;
}

.porta-toast {
display: block;
	margin-top: 0;
}

[scroll-state="down"] .porta-toast {
	margin-top: 24px
}

.active_product_bar ~ #portabello_messages .porta-toast {
	margin-top: 16px;
}


.close-toast {
	font-family: 'p22-underground';
	font-size: 14px;
	background: none;
	border: 0;
	padding: 0;
	outline: 0;
}

.toast-content {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.04),0 12px 20px 0 rgba(0,0,0,.08);
	background: #fff;
  padding: 16px;
  max-width: var(--max-width);
	margin: var(--global-padding);
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: var(--radius);
	background: var(--accent);
	margin-top: 0;
}

.show {
	opacity: 1;
	z-index: 100;
}

.hide {
	opacity: 0;
}

@media screen and (min-width:50rem) {

	.toast-content {
	 width: 100%;
	 max-width: 30rem;
	}

	.porta-toast {
width: 100%;
max-width: var(--max-width);
margin: auto;
margin-top: 8px;
display: flex;
justify-content: flex-end;

}

	[scroll-state="down"] .porta-toast {
	margin-top: 38px
}


	}


@media screen and (min-width:50rem) {

	.toast-content {
	 width: 100%;
	 max-width: 30rem;
	}

	.porta-toast {
margin-top: 8px;
display: flex;
justify-content: flex-end;
}

	}



// SLIDER

.slider-showcase {
	width: 100%;
	height: 500px;
	background: red;
}

.product_page_single_dim {
	width: 100px;
	padding: 20px 0;
}


// DIMENSIONS


.dimensionToggle {
	width: 4rem;
	height: 4rem;
}

.dimension-toggle--description {}

#dim_cm,
#dim_in {
	display: none;
}

#dim_cm:checked~.dimension-toggle--description,
#dim_in:checked~.dimension-toggle--description {
	background: var(--active);
	color: var(--base-light)
}


.option-section {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--light-border);
}

@media screen and (min-width: 75rem) {
	.collection-showcase--grid .cta_bar {
		padding-top: 0;
	}
}


/** Friday 26th August **/

.sample-snapshot {
	padding-top: 1rem;
	padding-bottom: 1rem;
	z-index: 10;
	margin-bottom: 100px;
}

#sample-snapshot--wrapper {
	background: #fff;
	border-top: 1px solid var(--light-border);
	position: sticky;
	bottom: 0;
}

[data-snap="active"]{
	max-height: auto;
	overflow: auto;
}

[data-snap="closed"]{
	max-height: 0;
	overflow: hidden;
}


[id="sampleSnapshot"] {
	display: flex;
	overflow-y: scroll;
	margin: 1rem 0;
}

.miniSwatch {
	border-radius: var(--radius);
	height: 50px;
	width: 50px;
	margin-right: 10px;
}

.sampleSnapshot--confirm {
	background: var(--highlight) !important;
	height: 42px;
	width: 100%;
}



/** configuaration **/

.bespoke_configuration_overview {
	display: none;
}
		.bespoke_configuration_overview-img-img {
		  aspect-ratio: 4/3;
		  object-fit: contain;
		  background: #fff;
		  margin-bottom: 40px;
			background: #fff;
		}


		.config-table {
		 margin-top: -5px;
		}
		.config-secion--title {
	    font-size: 26px;
			font-family: var(--display);
			margin-bottom: 20px;
			letter-spacing: var(--body-letter-spacing-26);
			font-weight: normal;
		}

		.config-secion--title {
	font-family: var(--title);
	font-size: var(--title-font-16);
	letter-spacing: var(--title-letter-spacing-16);
	line-height: var(--title-line-height-16);
	text-transform: uppercase;
			margin-bottom: 1.25rem;
		}

.config-table td {
	padding: 20px 0;
}

		.config-table--title {
		  width: 12rem;
		 font-weight: bold;

		}
		.bespoke_configuration_overview-section {
		  margin: 60px 0;
		}

	@media screen and (min-width: 60rem) {
		.bespoke_configuration_overview {
	display: block;
}

				.bespoke_configuration_overview-img-img {
		  aspect-ratio: 4/2;

		}

				.bespoke_configuration_overview-section {
		  margin-top: 0;
		}

		.bespoke-module {
					border-radius: var(--radius)
		}

		.bespoke_configuration {
				  padding: 4em 3.75rem 2rem 3.75rem;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 8.6rem;
		}


		.bespoke-module {
		  margin-bottom: 100px;
		  background: #fff;

		}


}

	@media screen and (min-width: 60rem) {
		.config-table--title {
	width: 12rem;
		}

	}

	.bullet_list li {
	  padding: 5px 0;
	  list-style: none;
	  display: flex;
	  align-items: center;
	}

.storyboard .bullet_list li {
	font-size: 18px;

}

.material_page__bullets {
	margin-bottom: 40px;
	font-size: 16px;
}

.bullet_list li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--active);
  margin-right: 10px;
  border-radius: 100%;
}




/** Product configuator **/



.option-selection {
  border: 1px solid var(--light-border);
  border-radius: var(--radius);
  background: white;
  margin-bottom: .75rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}

.option-selection--current--ico {
  margin: -1rem 1rem -1rem -.75rem;
  display: none;
  align-items: contain;
}

.option-selection--current--ico--img {
  width: 32px;
  height: 32px;
  border-radius: var(--radius);
  object-fit: contain;
}

.option-selection--current {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 1rem 1.25rem 1rem 1.25rem;

}

.option-selection--current--desc {
  line-height: 1;
}

.drop-icon {
  background: url(/cdn/shop/t/38/assets/expand.svg?v=165070926732440652211680971749);
  width: 2rem;
  height: 1.6rem;
  display: block;
  background-size: contain;
  opacity: .4;
  margin-right: 10px;
  width: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 8px;

}

.drop-desc {
  margin-top: 5px;
  display: block;
}

.drop-title {
display: block;
font-size: var(--title-font-12);
font-family: var(--title);
line-height: 1;
}



.product-configuration-pop {
	position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--base-light);
	z-index: 200;
	padding-bottom: var(--nav-height);
	display: none;
}

.product-configuration-pop.configActive {
	display: block;
}

.configOverlayClose {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
		z-index: 200;
		opacity: 0;
}

.link {
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

.config {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 4rem 30vh 4rem auto;
  --nav-height: 0;
	height: 100%;
	padding-bottom: var(--nav-height);
	position: relative;
	z-index: 202;
}

.nav_block {
  display: flex;
  justify-content: space-between;
	grid-column: 1 / -1;
}


.view-box {
  grid-column: 1 / -1;
	position: relative;
	height: unset !important
}



.config_block {
  grid-column: 1 / -1;
  overflow-y: scroll;
}

.title_block {
	grid-column: 1 / -1;
	display: none;
}


.view-box img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  background: #fff;
	padding-bottom: 3rem;
}

.config-pricing {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid var(--light-border);
	height: 3rem;
	padding: 0 var(--global-padding);
	display: flex;
	align-items: center;
}

.config-pricing * {
	margin-right: 1ch;
}

.config-price {
	color: var(--highlight);
}


.config--nav--radio {
	display: none;
}

[data-panel] {
	display: none;
}

:root {
	--config-material--state: none;
	--config-models--state: none;
	--config-finishings--state: none;
}

#config--material:checked ~ * {
	--config-material--state: block;
	--config-material--bg: var(--config-active-nav);
	--config-material--colour: var(--config-active-nav-colour);
	--config-material--opacity: 1;
}


#config--models:checked ~ * {
	--config-models--state: block;
	--config-models--bg: var(--config-active-nav);
	--config-models--colour: var(--config-active-nav-colour);
	--config-models--opacity: 1;
}


#config--finishings:checked ~ * {
	--config-finishings--state: block;
	--config-finishings--bg: var(--config-active-nav);
	--config-finishings--colour: var(--config-active-nav-colour);
	--config-finishing--opacity: 1;
}


[data-panel="material"] {
	display: var(--config-material--state);
}

[data-panel="models"] {
	display: var(--config-models--state);
}

[data-panel="finishings"] {
	display: var(--config-finishings--state);
}



@media screen and (min-width:50rem) {
  :root {
    --margin: 1rem;
  }
}


@media screen and (min-width:60rem) {
  :root {
    --margin: 4rem;
  }
}

@media screen and (min-width:50rem) {
  .config {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "nav nav nav nav nav toggle"
                        "view view view title title title"
                        "view view view options options options";
                        grid-template-rows: auto auto auto auto;
                        padding-bottom: 0;
                        margin: var(--margin);
                        grid-template-rows: 100px 60px auto;
                        max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}


  .nav_block {
  position: static;
  grid-area: nav;
  height: unset;
  max-width: 40rem;
	display: flex;
}

.config_block {
  grid-column: unset;
  grid-area: options;
}

.view-box {
 grid-column: unset;
 grid-area: view;
}

.view-box img {
  height: 100%;
}

.toggle {
  grid-area: toggle;
}

.title_block {
  grid-area: title;
}

}





.product-configuration-pop {
	background: rgba(0,0,0,.5);
	padding-top: 0;
}

.config {
  background: var(--base-light);
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}

.option-config--title {
	margin-top: 40px;
	margin-bottom: 20px;
}


.toggle {
	padding-right: var(--global-padding);
	padding-left: var(--global-padding);
	display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav_block {
	align-items: stretch;
}


.option-config--nav {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
	padding: 0 var(--global-padding);
	font-family: var(--title);
	font-size: var(--title-font-14);
	line-height: var(--title-line-height-14);
	border-top: 1px solid var(--light-border);
}

.option-config--nav--label {
	text-align: center;
	font-weight: normal;
}

.view-box {
  padding: 0 var(--global-padding);
	background: #fff;
	border-top: 1px solid var(--light-border);
}

.config_block {
  padding: 1rem var(--global-padding);
	padding-top: 0;
}

.option-config--app-title {
	padding-left: var(--global-padding);
	display: flex;
	align-items: center;
}

:root {
	--config-active-nav: var(--active);
	--config-active-nav-colour: var(--base-light);
	--config-material--opacity: .75;
	--config-models--opacity: .75;
	--config-finshings--opacity: .75;
}

label[for="config--material"] {
	border-bottom: 2px solid var(--config-material--bg);
	opacity: var(--config-material--opacity);
}


label[for="config--models"] {
	border-bottom: 2px solid var(--config-models--bg);
	opacity: var(--config-models--opacity);
}

label[for="config--finishings"] {
	border-bottom: 2px solid var(--config-finishings--bg);
	opacity: var(--config-finshings--opacity);
}

.config--toggle-button {
padding: 15px 18px 14px 18px;
text-transform: none;
font-size: var(--body-font-12);
letter-spacing: 0;
line-height: 0;
display: inline-block;
}

.config--toggle-button:nth-child(2) {
	margin-left: .875rem;
}

#config--cancel {
	background: none;
	color: var(--base-dark);
	border: 1px solid var(--base-dark);
}

.option-config--pills {
 display: grid;
 grid-template-columns: min-content min-content min-content;
 grid-gap: 8px;
 margin-left: -8px;
 padding: 16px 0;
}

#velvet:checked ~ * {
	--mat-state-velvet: var(--active);
	--mat-bg-velvet: var(--active);
	--mat-colour-velvet: var(--base-light);
}

#linen:checked ~ * {
	--mat-state-linen: var(--active);
	--mat-bg-linen: var(--active);
	--mat-colour-linen: var(--base-light);
}

#leather:checked ~ * {
	--mat-state-leather: var(--active);
	--mat-bg-leather: var(--active);
	--mat-colour-leather: var(--base-light);
}


.config-range-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.product_material_option:checked ~ .config-material-name {
	background: var(--base-dark);
	color: #fff;
	box-shadow: 4px 8px 16px rgb(49 62 68 / 32%);
	--config--mat--active--state: block;
}

.config-material-name {
  font-size: 1rem;
}

.config_option__desc {
	position: relative;
}

.config-material-name {
	background: #fff;
	display: block;
}

.config-swatch-image {
  display: block;
  width: 100%;
  padding-top: 100%;
  aspect-ratio: 1;
  background: var(--swatchSrc);
}

.config-swatch {
	padding: 14px 6px 11px 10px;
	font-size: var(--body-font-14);
	margin: 0;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.config--single-range-title {
	padding: 10px 0;
	display: block;
}

.config-range-option {
	margin-bottom: 40px;
}
.option-config--pill {
  font-family: var(--title);
  font-size: var(--title-font-14);
  line-height: var(--title-line-height-14);
  padding: 6px 18px;
  border-radius: 20px;
}

:root {
	--config--mat--active--state: none;
}

.config-mat--active {
	background: url("/cdn/shop/t/31/assets/cb_on.svg?v=34918816248302833601662746901") var(--active);
	border-color: var(--active);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	display: var(--config--mat--active--state);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-size: 16px;
	background-position: center;
}

.config-size--option {
  display: block;
  border: 1px solid var(--light-border);
  margin: 20px 0;
  padding: 1.25rem;
  border-radius: var(--radius);
	background: #fff;
	opacity: .875;
	font-size: var(--body-font-14);
	letter-spacing: var(--body-letter-spacing-14);
	line-height: var(--body-line-height-14);
}

.product_option:checked ~ .config-size--option {
	border-width: 2px;
	border-color: var(--active);
	opacity: 1;
}

[data-panel="finishings"] {
	padding-top: 20px;

}

.single-config-option {
	display: flex;
}


.config-variant-option {
  background: #fff;
	width: 100%;
  border: 1px solid var(--light-border);
  letter-spacing: var(--body-letter-spacing-16);
  font-size: var(--body-font-16);
  font-family: var(--body);
  border-radius: var(--radius);
  padding: 1rem 1.25rem;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
	opacity: .875;
	font-size: var(--body-font-14);
}

.config_option__img {
  margin-bottom: 10px;
	height: 44px;
	object-fit: contain;
}

.product_option:checked ~ .config-variant-option {
	border: 2px solid var(--active);
	opacity: 1;
}

.config_grid__finishings {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}

:root {
--config-models--bg: var(--light-border);
--config-finishings--bg: var(--light-border);
--config-material--bg: var(--light-border);
}


@media screen and (min-width:50rem) {





	.option-config--app-title {
		grid-area: nav;
	}

	.nav_block {
		grid-area: title;
	}

	.config-range-list {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.view-box {
  border-right: 1px solid var(--light-border);
	height: 100% !important;
	}

	.config-pricing {
		height: 4rem;
	}

	.config--toggle-button {
    font-size: var(--body-font-14);
  }

		.product-configuration-pop {
		padding: 1rem;
	}

	.config {
		border-radius: var(--radius)
	}

	.config_option__img {
		height: 62px;
	}


}



@media screen and (min-width:60rem) {
		.product-configuration-pop {
		padding: 4rem;
	}

}

.breadcrumbs_nav {
  margin-bottom: 1rem;
}

.breadcrumbs_links-single {
display: inline;
}

.breadcrumbs_links-single a:link,
.breadcrumbs_links-single a:hover,
.breadcrumbs_links-single a:visited {
  border-bottom: 1px solid;
  padding-bottom: 0px;
  display: inline-block;
  margin-right: 1rem;
  color: var(--active);
}

.breadcrumbs_links-single a:link:after {
content: "/";
position: relative;
color: var(--base-dark);
margin-left: .5rem;
}