body {}

#basket {		background-color: #FFFFFF;
}

#basket .button a {		color: #000000;}

.aside {}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {		color: #000000;}

h1,h2,h3,h4,h5 {		color: #000000;		font-size: 100%;}

#basket-checkout .button a {		background-color: #FFFFFF;}
#basket-checkout .button {}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {		color: #000000;		background-color: #5DC2C0;}
#departments .button, .paging.button, #footer .button, #news .navi li {		border-color: #5DC2C0;}

.section .button input, .content .downloadlist input.submit {		color: #000000;		background-color: #5DC2C0 !important;}
.section .button, .content .downloadlist .button {}

.lines .button input.submit {		color: #000000 !important;		background-color: #5DC2C0 !important; /* FIXME !important shouldn't be needed */}
.section .line-info img.packshot {
	min-height: 500px;
}/* custom block */
/*Font*/
@import url('https://fonts.googleapis.com/css?family=Archivo+Black');

html {
	font-size: 14px !important;
	font-weight: 300;
	background: none;
}

body {
	font-family: 'Archivo+Black', sans-serif;
	width: 100%;
	background-color: #fff;
	font-size: 14px !important;
}

a {
	color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Archivo+Black', sans-serif;
	font-size: initial;
	font-weight: 300;
}

h1,
h1.breadcrumbs {
	font-size: 2rem;
	margin: 3rem 0;
}

h2 {
	margin: 0.75rem 0;
	font-size: 1.25rem;
}

h3 {
	font-size: 1.125rem;
	margin: 0.5rem 0;
}

.navi h2,
.aside h2 {
	font-weight: 300;
	text-transform: capitalize;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

fieldset {
	border: none;
}

input[type=text],
input[type=button] {
	-webkit-appearance: none;
	border-radius: 0px;
}

.button {
	border: none;
}

.button.go input[type="submit"],
#news .navi a,
#news .navi li a,
#basket-checkout .button a,
#basket #basket-postage a,
.mailinglist .button .submit,
#search button,
.load-more-products {
	background: none;
	border: none;
	padding: 0.75rem 1rem;
	text-align: center;
	font-weight: normal;
	font-size: 0.875rem;
	line-height: 1rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: inset 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1);
	border-radius: 0.25rem;
	text-transform: uppercase;
	width: initial;
	cursor: pointer;
	font-family: 'Archivo+Black', sans-serif;
	font-weight: 700;
}

#news .navi li a {
	display: inline-block;
}

.button.go input[type="submit"]:hover,
#news .navi a:hover,
#basket-checkout .button a:hover,
#basket #basket-postage a:hover,
.mailinglist .button .submit:hover,
#search button:hover,
.bagged {
	text-decoration: none;
}

table {
	width: 100%;
}

.button a {
	display: block;
	height: 100%;
	color: #fff;
	background-color: #222;
	padding: 0.5rem;
	border: none;
	border-radius: 0px;
}

.load-more-products {
	margin: 1rem auto 2rem;
	display: block;
}

.loading-more-products {
	padding: 1.5rem 0 2.25rem;
	text-align: center;
}

.loading-more-products i {
	font-size: 1.5rem;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
		color: #222;
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		color: #222;
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		color: #222;
	}
}

.sidebar {
	width: auto;
	overflow: initial;
}

.fa:hover {
	text-decoration: none;
}

#header {
	padding: 0;
	position: fixed;
	height: 3.5rem;
	width: 100%;
	z-index: 15;
	color: #222;
}

.large-menu ul {
	margin: 0;
}

.large-menu ul::after {
	content: '';
	clear: both;
	display: block;
}

.menu-logo img {
	height: 3rem;
	padding: 0;
	position: absolute;
	left: 3rem;
	top: 0.25rem;
}

.social-links {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.social-links li {
	display: inline;
	margin-left: 0;
	margin-right: 0.5rem;
}

.big-logo {
	display: none;
	margin: 0 auto;
}

.large-menu li {
	display: none;
	/*! font-weight: 300; */
	cursor: pointer;
	margin-left: 0;
	padding: 1.5rem 0 1.5rem 1rem;
}

.large-menu .fa-caret-down {
	font-size: 0.5rem;
	vertical-align: middle;
	padding: 0.25rem
}

.large-menu .mobile-menu-toggle {
	display: inline;
	float: left;
	padding: 1rem;
	cursor: pointer;
	font-size: 1rem;
	margin-left: -1rem;
}

.large-menu .menu-logo {
	padding: 0;
	display: inline;
}

.large-menu .menu-basket {
	display: inline;
	position: relative;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	float: right;
	padding: 0;
}

.large-menu .menu-basket span {
	position: absolute;
	top: 0.75rem;
	right: 0;
	font-family: sans-serif;
	font-size: 0.5rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	text-align: center;
	line-height: 1.25rem;
	font-weight: bold;
}

.large-menu .menu-search {
	display: inline;
	float: right;
	padding: 0;
}

.large-menu li.dep-more {
	display: none;
}

.large-menu li.dep-link-hidden {
	display: none;
}

.large-menu li[data-trigger="#departments"],
.large-menu li[data-trigger="#artists"] {
	position: relative;
}

.large-menu li[data-trigger="#departments"]:hover:before,
.large-menu li[data-trigger="#departments"]:hover:after,
.large-menu li[data-trigger="#artists"]:hover:before,
.large-menu li[data-trigger="#artists"]:hover:after {
	position: absolute;
	width: 4rem;
	height: 5rem;
	display: block;
	content: '';
	top: 0;
	left: 100%;
}

.large-menu li[data-trigger="#departments"]:hover:after,
.large-menu li[data-trigger="#artists"]:hover:after {
	right: 100%;
	left: unset;
}

@media (max-width:360px) {
	.large-menu .menu-search .fa-search {
		margin-right: -1rem;
	}
}

@media (max-width:649px) {
	.large-menu .menu-basket span {
		top: 0.75rem;
		right: 0.5rem;
	}
}

@media (max-width:450px) {
	.large-menu .menu-basket span {
		right: 0.25rem;
	}
}

@media (min-width:649px) and (max-width:899px) {
	.large-menu .menu-basket span {
		top: 0.5rem;
		right: 0.25rem;
	}
}

@media (min-width:900px) {
	.large-menu .menu-basket span {
		top: 1.25rem;
		right: 1rem;
		transition: all 0.2s ease;
	}

	.link-active.menu-basket span {
		transform: translateX(-1rem);
	}
}

.large-menu .menu-basket span[data-count="0"] {
	display: none;
}

.cart-icon,
.search-icon {
	float: right;
	padding: 1.25rem;
	cursor: pointer;
	font-size: 1rem;
	color: inherit;
}

#mobile-menu ul {
	margin: 1rem 0;
}

#mobile-menu li {
	margin: 0;
	padding: 0.5rem 1rem;
	text-transform: capitalize
}

#mobile-menu li a {
	margin: 0;
	text-transform: capitalize;
	padding: 0;
	color: inherit;
}

.mobile-menu li,
#artists li,
#help li,
#departments li {
	padding: 0.5rem 0;
	margin: 0;
	cursor: pointer;
}

@media (min-width:900px) {
	#artists li {
		width: 45%;
		display: block;
		float: left;
	}
}

.paging.button .wrapper,
.paging.button a {
	background-color: rgba(0, 0, 0, 0);
	color: #222;
	padding: 0;
}

.paging.button li {
	background-color: rgba(0, 0, 0, 0);
	font-weight: normal;
	color: #222;
}

.paging img {
	display: none !important;
}

.paging li.next {
	margin-right: 0;
}

ul .next a,
ul .current a {
	border: none;
}

.bagged {
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
}

.bagged img {
	display: none;
}

td .bagged {
	display: inline-block;
}

/* Controls Sidebar */
#artists,
#departments,
#search,
#basket,
#help,
#mobile-menu {
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -0) scale(0.9);
	transform: translate(-50%, -0) scale(0.9);
	margin: 0;
	margin-top: 1rem;
	z-index: 99999;
	border: none;
	background: #fff;
	padding: 0;
	color: inherit;
	width: 90%;
	max-width: 900px;
	max-height: 80vh;
	opacity: 0;
	pointer-events: none;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	pointer-events: none;
}

.visible#artists,
.visible#departments,
.visible#search,
.visible#basket,
.visible#help,
.visible#mobile-menu {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate(-50%, -0) scale(1);
	transform: translate(-50%, -0) scale(1);
}

#artists,
#mobile-menu {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding-bottom: 1rem;
	overflow: hidden;
}

#artists ul,
#mobile-menu ul {
	margin-top: 1rem;
	overflow-y: scroll;
	width: 110%;
	height: auto;
	max-height: calc(80vh - 11rem);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media(max-width:900px) {

	#artists ul,
	#mobile-menu ul {
		max-height: calc(80vh - 4rem);
	}

	#artists ul li:last-child,
	#mobile-menu ul li:last-child {
		margin-bottom: 1rem
	}
}

#mobile-menu ul {
	margin-top: 0;
}

.artist-select,
.department-select {
	margin: 2rem 0 0 1rem;
}

#artists a,
#departments a,
#search a,
#basket a,
#help a,
#mobile-menu a {
	color: inherit;
	margin-left: 1rem;
}

#artists a:hover,
#departments a:hover,
#search a,
#basket a:hover,
#help a:hover,
#mobile-menu a:hover {
	color: #c00;
	text-decoration: none;
}

#basket h2,
#help h2,
#artists h2,
#departments h2,
#mobile-menu h2,
#search h2 {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	display: block;
	background: #eee;
	margin: 0;
	color: #222;
	font-size: 2rem;
	text-transform: uppercase;
	text-align: center;
}

#basket h2 .fa-arrow-left,
#help h2 .fa-arrow-left,
#artists h2 .fa-arrow-left,
#departments h2 .fa-arrow-left,
#mobile-menu h2 .fa-arrow-left,
#search h2 .fa-arrow-left {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.25rem;
	padding: 1.375rem;
	cursor: pointer;
}

#basket h2 .fa-times,
#help h2 .fa-times,
#artists h2 .fa-times,
#departments h2 .fa-times,
#mobile-menu h2 .fa-times,
#search h2 .fa-times {
	right: 0;
	position: absolute;
	top: 0;
	font-size: 1.25rem;
	padding: 1.375rem;
	cursor: pointer;
}

.basket-inner .lines .packshot {
	width: 3rem;
	height: auto;
}

.close-overlay {
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	right: 0;
	cursor: pointer;
	left: 0;
	bottom: 0;
	text-align: right;
	z-index: 99;
	opacity: 0;
	pointer-events: none;
	top: 0;
}

.close-overlay span {
	line-height: 4rem;
	margin-right: 1.5rem
}

.close-overlay.visible {
	opacity: 1;
	pointer-events: auto;
}

.navi li {
	margin: 0;
}

#departments ul {
	margin: 1.5rem 0;
}

#departments a,
#mobile-menu li {
	color: inherit;
	/*! background-color: transparent; */
	/*! border-radius: 0px; */
	text-align: center;
	font-weight: normal;
	text-transform: capitalize;
	text-align: left;
}

#departments a:hover,
#mobile-menu li:hover,
#mobile-menu li a:hover {
	background-color: none;
	color: #c00;
	cursor: pointer;
	text-decoration: none;
}

#artists ul,
#mobile-menu ul {
	overflow-y: scroll;
	padding: 1.5rem 0 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* status */
.sidebar div {
	margin: 0;
}

#basket {
	overflow: hidden;
	border-radius: 0;
}

.basket-inner {
	overflow-y: scroll;
	height: auto;
	max-height: calc(80vh - 6rem);
	width: 110%;
	max-width: 110%;
}

.basket-inner >

ul,
#basket-summary {
	width: 90%;
}

#basket:hover >

p {
	display: block;
}

#basket .lines {
	border: none;
}

#basket .line {
	position: relative;
	margin: 0;
	zoom: initial;
	background-color: none;
	padding: 1rem;
}

#basket .line h3 {
	display: block;
	color: inherit;
	font-weight: normal;
	font-size: 1rem;
	text-transform: capitalize;
}

#basket .line form {
	margin-top: 0;
	width: 1.5rem;
}

#basket .line .remove input.submit {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	color: rgba(0, 0, 0, 0);
}

#basket .line .add input.submit {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	color: rgba(0, 0, 0, 0);
	margin-right: 0.5rem;
}

#basket .line .remove {
	right: 0.75rem;
}

#basket .line .add {
	right: 2.25rem;
}

#basket .order {
	padding: 2rem 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#basket .order .label {
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 300;
}

#basket .order .total {
	font-weight: 300;
	font-size: 1.25rem
}

#basket-checkout,
#basket-postage {
	display: block;
	padding: 1rem;
	float: left;
	clear: both;
	width: 90%;
	max-width: 90%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#basket-checkout .button {
	display: inline-block;
}

#basket-checkout .button a,
#basket #basket-postage a {
	margin: 0;
	display: block;
}

#basket #basket-postage a {
	display: inline-block;
}

#help ul {
	margin: 1rem auto;
}

/* Content */
#content {
	float: none;
	padding-top: 3.5rem;
}

.paging {
	clear: both;
	float: right;
	margin-right: 0;
	margin-bottom: 0.75rem;
	display: none;
}

.content li.line {
	float: left;
	padding: 0;
	margin: 0;
	width: 33.33%;
}

.aside,
.packshot {
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.section .line-info img.packshot {
	min-height: 0 !important;
	width: 100%;
	height: auto;
	display: block;
}

.section .line-info >

a {
	display: block;
}

.line h3.artist {
	font-family: 'Archivo+Black', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	color: #222;
	margin: 0;
	line-height: 1.25rem;
}

.action,
.line-description,
.line-details {
	padding: 0;
}

.action {
	padding-bottom: 0.75rem;
}

.content li.line .line-details span.details {
	display: none;
}

.content li.line .line-description {
	height: 6rem;
	overflow: initial;
	padding: 0.75rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.line h2.album {
	font-size: 1rem;
	text-transform: initial;
	line-height: 1.25rem;
	margin: 0;
	font-weight: normal;
}

.line h2.album a:hover {
	text-decoration: none;
}

.line .description {
	display: none;
}

.line-info .format {
	color: #222;
	font-style: italic;
	font-size: 0.875rem;
}

.line-details:not([data-format-length]) .details {
	margin-top: 1.5rem
}

.content li.line .line-details {
	position: initial;
	height: auto;
	overflow: initial;
	float: left;
	padding: 0.5rem 0 0.5rem 0.75rem;
	color: #666;
	font-weight: 300;
}

.line a.more {
	display: none;
	background: none;
	padding-left: 0;
	font-weight: normal;
	text-transform: capitalize;
	font-size: 0.875rem;
}

.content li.line .line-details span.details,
.content li.line .line-details span.warning {
	position: relative;
	line-height: 1rem;
	color: #222;
	font-weight: normal;
}

/* Workaround for cropped or variable height "Add to bag" button. See platform-support#6995 */
.section .line-details {
	max-width: 50%;
}

.content li.line .action {
	height: auto;
	float: right;
	padding: 0.75rem 0.5rem 0.75rem 0;
	transform: translateY(1rem)
}

/* News */
#news .item p {
	padding-left: 0px;
	padding-right: 0px;
}

#news .navi {
	padding: 0;
}

#news .navi li {
	border: none;
	border-radius: 0px;
}

#news img {
	width: 100%;
	height: auto;
}

/* Search Bar */
#search {
	height: auto;
}

#search:after {
	clear: both;
	display: table;
	content: '';
}

#search form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 3rem 0;
}

#search button {
	padding: 1rem 1.25rem;
	height: auto;
}

#search input {
	width: calc(100% - 4rem);
	margin: 0;
	border: none;
	background-color: #eee;
	padding: 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
	color: inherit;
	font-weight: 300;
	max-width: 500px;
}

#search fieldset {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}

/* Product grid */
#content,
.contain {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.lines {
	padding: 0px;
	margin: 0px;
	clear: both;
}

#department-overview .lines {
	margin-top: 2rem
}

#department-overview .lines:after {
	clear: both;
	content: '';
	display: block;
}

.content li.line {
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 4%;
	background-color: #fafafa;
	border: 1px solid #fafafa;
}

/* release page */
#line-overview .packshot {
	max-width: 100%;
	height: auto
}

#formats {
	background-color: #fff;
	display: inline-block;
	margin-top: 40px;
	width: 100%;
}

#formats th {
	font-family: 'Archivo+Black', sans-serif;
	padding: 20px 8px;
}

#formats td {
	padding: 0.5rem;
}

#formats td.buy {
	width: auto;
}

#formats tr:nth-child(2n) {
	background-color: #fafafa;
}

#formats tr:nth-child(2n-1) {
	background-color: #f1f1f1;
}

.jssocials-shares div .jssocials-share-link,
.jssocials-shares span {
	background: rgba(0, 0, 0, 0);
	color: inherit;
}

.jssocials-shares div .jssocials-share-link:hover,
.jssocials-shares span:hover {
	color: #fff;
	text-decoration: none;
}

#line-overview h2,
#line-overview h3 {
	font-size: 1.5rem;
	line-height: 2rem;
}

@media (min-width:1000px) {
	#line-overview .packshot {
		float: left;
		margin-right: 2rem
	}

	#line-overview h2,
	#line-overview h3 {
		font-size: 2rem;
		line-height: 3rem;
	}

	#line-overview h2 {
		margin-top: 2rem
	}
}

#line-overview,
#tabselect {
	background-color: #fff;
	padding: 1rem;
}

.tab_content h1 {
	display: none;
}

#tabselect .tabselect.tabs {
	padding-left: 0;
	top: 0;
	list-style-type: none;
}

#tabselect {
	margin: 0.75rem 0;
}

.tabselect.content h4 {
	margin: 2rem 0;
	text-align: left;
	text-transform: capitalize;
	font-size: 1rem
}

#tabselect .tabselect.tabs li {
	float: left;
	text-align: center;
	width: auto;
	margin-right: 0.75rem;
	border: none;
	font-family: 'Archivo+Black', sans-serif;
	text-transform: capitalize;
	background-color: #fafafa;
	border-top-left-radius: 0.25rem;
	-moz-border-radius-topleft: 0.25rem;
	-webkit-border-radius-topleft: 0.25rem;
	border-top-right-radius: 0.25rem;
	-moz-border-radius-topright: 0.25rem;
	-webkit-border-radius-topright: 0.25rem;
	padding: 0.5rem;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-left: 0;
}

#tabselect .tabselect.tabs li a {
	display: inline;
	height: auto;
	padding: 0;
	color: #222;
	border: none;
}

.tabselect.tabs li:hover a,
.tabselect.tabs li a:hover {
	color: inherit;
}

.tabselect.content {
	border: 1px solid #fafafa !important;
	padding: 1rem;
	border-radius: 0px;
}

ul.tabselect.tabs li.active a,
ul.tabselect.tabs li a:hover {
	background: none;
	text-decoration: none;
}

.tab_content .description p {
	max-width: 600px;
	margin: 0.75rem auto;
}

.description img,
.description iframe {
	max-width: 100%;
	height: auto
}

.description iframe {
	min-height: 20rem
}

.tabselect.content tr:nth-child(2n) {
	background-color: #f1f1f1;
}

.tabselect.content tr:nth-child(2n-1) {
	background-color: #fafafa;
}

.hproduct+.section >

h2 {
	margin: 2rem 0 3rem;
}

@media (min-width: 550px) {

	.content li.line,
	.split {
		width: 48%;
		margin-left: 4%;
	}

	.content li.line:nth-child(2n + 1),
	.content li.line:first-child,
	.split:first-child {
		margin-left: 0;
		clear: left;
	}
}

@media (max-width: 600px) {

	.mailinglist #signup .new,
	.mailinglist #signup .existing {
		width: 100%;
		float: left;
		padding-bottom: 4000px;
		margin-bottom: -4000px;
		margin-left: 0;
	}

	#formats table,
	.downloadlist table {
		font-size: 0.75rem
	}

	.tabselect.tabs li {
		margin: 0;
		font-size: 0.5rem;
	}

	.tabselect.tabs li a {
		padding: 0;
	}

	#formats .button.go input[type="submit"],
	.downloadlist .button.go input[type="submit"] {
		min-width: auto;
		font-size: 0.75rem;
		padding: 0.25rem;
	}
}

@media (max-width: 450px) {

	#formats table,
	.downloadlist table {
		font-size: 10px;
	}

	.tabselect li a {
		font-size: 9px;
	}
}

@media (min-width: 450px) {
	.menu-logo img {
		position: unset;
		-webkit-transform: translateY(0.25rem);
		transform: translateY(0.25rem);
	}

	.cart-icon,
	.search-icon {
		padding: 1.25rem;
	}

	#artists a,
	#departments a,
	#search a,
	#basket a,
	#help a,
	#mobile-menu li {
		margin-left: 2rem;
	}

	#mobile-menu li {
		padding-left: 0;
	}

	.artist-select,
	.department-select {
		margin: 2rem 2rem 0;
		height: 2rem;
	}
}

@media (max-width: 350px) {

	#formats table,
	.downloadlist table {
		font-size: 8px;
	}

	.tabselect li a {
		font-size: 7px
	}
}

@media (min-width: 900px) {

	.content li.line,
	.split {
		width: 30.6666666667%;
	}

	.content li.line:nth-child(2n + 1),
	.split:nth-child(2n + 1) {
		margin-left: 4%;
		clear: none;
	}

	.content li.line:nth-child(3n + 1) {
		margin-left: 0;
		clear: left;
	}

	#artists,
	#departments,
	#search,
	#basket,
	#help,
	#mobile-menu {
		margin-top: 13rem;
		background: #fafafa;
	}

	#header.scrolled #artists,
	#header.scrolled #departments,
	#header.scrolled #search,
	#header.scrolled #basket,
	#header.scrolled #mobile-menu {
		margin-top: 5rem;
	}

	#artists h2,
	#departments h2,
	#search h2,
	#basket h2,
	#help h2,
	#mobile-menu h2 {
		display: none;
	}

	.close-overlay {
		top: 13rem;
	}

	#header.scrolled .close-overlay {
		top: 5rem;
	}

	#content {
		background-color: #fff;
		padding: 13rem 1.5rem 0;
	}

	.menu-logo img {
		display: none;
	}

	#header {
		height: 9.5rem;
		-webkit-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border: none;
	}

	.big-logo {
		height: 5.5rem;
		display: block;
		padding-top: 1rem;
	}

	.custom {
		-webkit-box-shadow: 0 1px #fafafa;
		box-shadow: 0 1px #fafafa;
		/*! background: yellow; */
	}

	#header.scrolled {
		margin-top: -8rem;
		background: none;
		border-bottom: none;
	}

	.large-menu li {
		/*! font-weight: 300; */
	}

	.large-menu {
		max-width: 900px;
		/*! background: #fff; */
		height: 5rem;
	}

	.large-menu .mobile-menu-toggle {
		display: none;
	}

	.large-menu li {
		padding: 1rem 0.75rem;
		display: inline;
		line-height: 3rem;
		float: left;
		font-size: 1.25rem;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}

	.large-menu li a:hover,
	.large-menu li:hover {
		text-decoration: none;
		color: #c00;
	}

	.large-menu li:hover,
	li.link-active {
		background: #fafafa;
	}

	.link-active .cart-icon,
	.link-active .search-icon {
		padding: 2rem 3rem;
	}

	.cart-icon,
	.search-icon {
		transition: all 0.2s ease;
		padding: 2rem;
	}

	li.menu-search,
	li.menu-basket {
		padding: 0;
	}

	.social-links {
		display: block;
		min-height: 1.5rem;
	}
}

@media (min-width: 1000px) {
	#header {
		height: 12rem;
	}

	.close-overlay {
		top: 15rem;
	}

	.big-logo {
		height: 7.5rem;
	}

	#content {
		padding-top: 15rem;
	}

	#header.scrolled {
		margin-top: -10rem;
		background: none;
		border: none;
	}

	#artists,
	#departments,
	#search,
	#basket,
	#help,
	#mobile-menu {
		margin-top: 15rem;
	}

	#header.scrolled #artists,
	#header.scrolled #departments,
	#header.scrolled #search,
	#header.scrolled #basket,
	#header.scrolled #mobile-menu {
		margin-top: 5rem;
	}
}

/* Packshot Page */
#packshotpage {
	background-color: #fff;
	padding: 1rem;
	margin-bottom: 0.75rem;
}

/* Mailing list page */
.mailinglist input,
.mailinglist select {
	background-color: #fafafa;
	border: none;
	padding: 0.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Archivo+Black', sans-serif;
}

/* footer */
#footer {
	display: none;
}

footer .contain:after {
	display: table;
	content: '';
	clear: both;
}

footer .contain {
	background: #fff;
	padding: 1.5rem;
}

footer a {
	color: #222;
	font-family: 'Archivo+Black', sans-serif;
	font-weight: 300;
	font-size: 1rem;
}

footer li {
	display: inline;
	margin: 0 0.5rem;
}

footer ul {
	text-align: center;
	width: 100%;
}

footer a:hover {
	color: #666;
	text-decoration: none;
}

.split {
	background-color: transparent;
}

.split:first-child {
	margin-left: 0;
}

.basket-inner >

p {
	margin: 1rem
}

#basket-postage label {
	margin: 1rem 0;
	display: block
}

input[value="Show Postage"] {
	font-family: 'Archivo+Black', sans-serif;
	font-weight: 300;
	text-decoration: underline
}

#privacy,
#terms,
#faqs {
	background-color: #fff;
	padding: 0.75rem;
	margin-bottom: 0.75rem;
}

.home #news {
	display: none;
}

.home.home-show-news #news {
	display: block;
}

/* Slider */
#light-slider {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.lightSlider li,
#light-slider li {
	margin: 0;
}

.lSPager {
	display: none;
}

.lightSlider img {
	width: 100%;
	height: auto;
}

/*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */
.lSSlideWrapper,
.lSSlideWrapper .lSFade {
	position: relative
}

.lSSlideWrapper .lSSlide,
.lSSlideWrapper.usingCss .lSFade >

* {
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important;
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important
}

.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper >

.lightSlider:after {
	clear: both
}

.lSSlideOuter {
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.lightSlider:after,
.lightSlider:before {
	content: " ";
	display: table
}

.lightSlider {
	overflow: hidden;
	margin: 0
}

.lSSlideWrapper {
	max-width: 100%;
	overflow: hidden
}

.lSSlideWrapper .lSSlide {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 1s;
	-webkit-transition-property: -webkit-transform, height;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.lSSlideWrapper .lSFade >

* {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%
}

.lSSlideWrapper.usingCss .lSFade >

* {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.lSSlideWrapper .lSFade >

.active {
	z-index: 10
}

.lSSlideWrapper.usingCss .lSFade >

.active {
	opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center
}

.lSSlideOuter .lSPager.lSpg >

li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg >

li a {
	background-color: #222;
	border-radius: 30px;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	position: relative;
	z-index: 99;
	-webkit-transition: all .5s linear 0s;
	transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg >
li.active a,
.lSSlideOuter .lSPager.lSpg >

li:hover a {
	background-color: #428bca
}

.lSSlideOuter .media {
	opacity: .8
}

.lSSlideOuter .media.active {
	opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
	list-style: none;
	padding-left: 0;
	margin: 0;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
	overflow: hidden;
	-webkit-transition: border-radius .12s linear 0s .35s linear 0s;
	transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
	border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
	display: block;
	height: auto;
	max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
	content: " ";
	display: table
}

.lSAction >

a {
	width: 32px;
	display: block;
	top: 50%;
	height: 32px;
	background-image: url(../img/controls.png);
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -16px;
	opacity: .5;
	-webkit-transition: opacity .35s linear 0s;
	transition: opacity .35s linear 0s
}

.lSAction >

a:hover {
	opacity: 1
}

.lSAction >

.lSPrev {
	background-position: 0 0;
	left: 10px
}

.lSAction >

.lSNext {
	background-position: -32px 0;
	right: 10px
}

.lSAction >

a.disabled {
	pointer-events: none
}

.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden
}

.lSSlideOuter.vertical {
	position: relative
}

.lSSlideOuter.vertical.noPager {
	padding-right: 0 !important
}

.lSSlideOuter.vertical .lSGallery {
	position: absolute !important;
	right: 0;
	top: 0
}

.lSSlideOuter.vertical .lightSlider >

* {
	width: 100% !important;
	max-width: none !important
}

.lSSlideOuter.vertical .lSAction >

a {
	left: 50%;
	margin-left: -14px;
	margin-top: 0
}

.lSSlideOuter.vertical .lSAction >

.lSNext {
	background-position: 31px -31px;
	bottom: 10px;
	top: auto
}

.lSSlideOuter.vertical .lSAction >

.lSPrev {
	background-position: 0 -31px;
	bottom: auto;
	top: 10px
}

.lSSlideOuter.lSrtl {
	direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
	padding-left: 0;
	list-style: none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
	padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider >

* {
	float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider >

* {
	float: right !important
}

@-webkit-keyframes rightEnd {

	0%,
	100% {
		left: 0
	}

	50% {
		left: -15px
	}
}

@keyframes rightEnd {

	0%,
	100% {
		left: 0
	}

	50% {
		left: -15px
	}
}

@-webkit-keyframes topEnd {

	0%,
	100% {
		top: 0
	}

	50% {
		top: -15px
	}
}

@keyframes topEnd {

	0%,
	100% {
		top: 0
	}

	50% {
		top: -15px
	}
}

@-webkit-keyframes leftEnd {

	0%,
	100% {
		left: 0
	}

	50% {
		left: 15px
	}
}

@keyframes leftEnd {

	0%,
	100% {
		left: 0
	}

	50% {
		left: 15px
	}
}

@-webkit-keyframes bottomEnd {

	0%,
	100% {
		bottom: 0
	}

	50% {
		bottom: -15px
	}
}

@keyframes bottomEnd {

	0%,
	100% {
		bottom: 0
	}

	50% {
		bottom: -15px
	}
}

.lSSlideOuter .rightEnd {
	-webkit-animation: rightEnd .3s;
	animation: rightEnd .3s;
	position: relative
}

.lSSlideOuter .leftEnd {
	-webkit-animation: leftEnd .3s;
	animation: leftEnd .3s;
	position: relative
}

.lSSlideOuter.vertical .rightEnd {
	-webkit-animation: topEnd .3s;
	animation: topEnd .3s;
	position: relative
}

.lSSlideOuter.vertical .leftEnd {
	-webkit-animation: bottomEnd .3s;
	animation: bottomEnd .3s;
	position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
	-webkit-animation: leftEnd .3s;
	animation: leftEnd .3s;
	position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
	-webkit-animation: rightEnd .3s;
	animation: rightEnd .3s;
	position: relative
}

.lightSlider.lsGrab >

* {
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.lightSlider.lsGrabbing >

* {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing
}

.line-info img.packshot,
.section .line-info img.packshot {
	width: 100%;
	height: auto;
}

cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}

.line-info img.packshot,
.section .line-info img.packshot {
	width: 100%;
	height: auto;
}

#basket ul.lines li.line img.packshot {
	max-width: 48px;
	max-height: 48px;
}

/*Hide the socials on tiny screens*/
@media (max-width: 449px) {
  .social-links {
      display: none;
  }
}

/*Get the 'add to bag' buttons aligned on tiny screens*/
.content li.line {
  display: flex;
}

.content li.line .hproduct {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.content li.line .line-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.content li.line .line-description {
  flex-grow: 1;
}

.content li.line .line-details {
  float: none;
}

.content li.line .action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  float: none;
  position: static;
  transform: none;
  height: auto;
}

.content li.line .action a.more {
  position: static;
  display: inline-block;
}

.content ul.lines {
  display: flex;
  flex-wrap: wrap;
}

/* Move checkout button to top of basket on mobile */
@media (max-width: 900px) {
  .basket-inner {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  #basket-checkout {
    order: -1;
    float: none;
    width: 90%;
    clear: both;
  }
}

/* Compact basket spacing on mobile */
@media (max-width: 900px) {
  #basket .order,
  #basket #order-expiry {
    padding: 0.5rem 1rem;
  }

  #basket-postage,
  #basket-checkout {
    padding: 0.5rem 1rem;
  }
}/* finish custom block */