/* General */

.Hidden {
	display: none!important;
}
span.Unit {
	font-size: 0.9em;
	opacity: 0.7;
	padding-left: 0.2em;
}
span.Times {
	opacity: 0.7;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/* Topmost */

#Topmost {
	height: 0px;
}

/* Nav */

#SpecialNav {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 500;
	display: inline-block;
	padding: 0px;
	transition: all 0.5s;
	background-color: rgba(20, 20, 20, 0.6);
	border-bottom-right-radius: 1em;
/*	box-shadow: 0px 0px 3vw rgb(40, 40, 40);*/
}
#SpecialNav>a {

}
#SpecialNavLogo {
	display: inline-block;
	margin: 0.4em;
	height: 2.5em;
	opacity: 0.5;
	transition: all 1s;
}
#SpecialNavBack {
	background-color: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 1.65em;
	transition: all 1s;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

body.M #SpecialNavLogo {
	margin: 0.5em;
	height: 3em;
}
body.L #SpecialNavLogo {
	margin: 0.6em;
	height: 3.5em;
}
body.XL #SpecialNavLogo {
	margin: 0.7em;
	height: 4em;
}
body.M #SpecialNavBack {
	height: 2em;
}
 body.L #SpecialNavBack {
	height: 2.35em;
}
body.XL #SpecialNavBack {
	height: 2.7em;
}

#SpecialNavBack>span {
	padding: 0.1em 0.7em 0 1em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-weight: bold;
	color: rgba(155, 160, 140, 0.4);
	background-color: #222;
	position: relative;
	top: 0.2em;
	border-radius: 0.5em 0.5em 0 0;
}

#SpecialNavPage {
	display: inline-block;
	margin: 3vw 0vw 2vw 1vw;
	height: 2vw;
	opacity: 0.5;
}
#CartLink {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: rgba(150, 100, 0, 0.5);
	padding: 0.2em 0.4em 0.2em 0.5em;
	border-radius: 0 0 0 1em;
	cursor: pointer;
}
#CartLink>img {
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 2em;
}
#CartCount {
	font-weight: normal;
	font-size: 2em;
	padding: 0em 0.1em 0em 0.1em;
	color: black;
	border-radius: 0.2em;
	break-inside: avoid;
}


/* ScrollUp */

#ScrollUp {
	position: fixed;
	right: 0px;
	bottom: 10vh;
	z-index: 500;
	display: inline-block;
	padding: 0px;
	transition: all 0.5s;
	cursor: pointer;
	border-radius: 5px 0 0 5px;
	opacity: 0.5;
}
#ScrollUp>a>img {
	display: block;
	margin: 8px;
	width: 7vw;
	max-width: 50px;
	transition: all 0.5s;
}
#ScrollUp>a:hover>img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);	
}


/* BottomLogo */

#BottomLogo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 70vh;
}
#BottomLogo>img {
	max-width: 50vw; 
	max-height: 60vh;
	width: 50vw;
	height: auto;
	filter: blur(0.5vw);
	opacity: 0.1;
}

/* Copyright */

section.Copyright {
	font-size: 0.8em;
	text-align: center;
	color: #888888;
	margin-bottom: 2em;
}


/* All sections */


section.SpecialWelcome h1, div.SpecialSections>section h1 {
	text-align: center;
	color: rgb(120, 140, 0);
}
section.SpecialWelcome h3, div.SpecialSections>section h3 {
	break-after: avoid;
	color: rgb(160, 120, 0);
	margin-top: 1em;
	margin-bottom: 1em;
}
section.SpecialWelcome p, div.SpecialSections>section p {
	margin-top: 0.5em;
	margin-bottom: 0em;
}


/* Welcome */

section.SpecialWelcome>div.Photo {
	background-color: rgb(160, 180, 0, 0.5);

}


/* Welcome > BlackFriday part */

section.SpecialWelcome div.BlackFriday {
	margin-top: 0em;
	background-color: rgba(20, 20, 20, 0.8);
	border-radius: 0 1em 0 1em;
	padding: 0em 0em 1em 0em;
	break-inside: avoid;
}
section.SpecialWelcome div.BlackFriday h3 {
	text-align: center;
	color: rgb(120, 140, 0);
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0.1em 0.5em 0.2em 0.5em;
	border-radius: 0.5em 0.5em 0em 0em;
}
section.SpecialWelcome div.BlackFriday header {
	margin: 0.38em 1.15em 0.9em 1.15em;
	color: rgba(180, 160, 0, 1);
	font-size: 1.3em;
}
section.SpecialWelcome div.BlackFriday p {
	margin: 0.6em 1.5em 0.6em 1.5em;
	color: rgba(190, 200, 180, 1);
}
section.SpecialWelcome div.BlackFriday p>span {
	color: rgba(180, 180, 100, 1);
}



/* Sections  */

div.SpecialSections {
	padding:  3vw;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 3vw;
}

/* Gray Section */
section.GoGray>div>img {
	transition: all 3s;
}
section.Gray>div>img {
	transition: all 3s;
  -webkit-filter: grayscale(80%);
  filter: grayscale(80%);
  opacity: 0.7;
}
section.Gray>div>img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}


/* Sections kind title */

h1.SpecialSectionsTitle {
	margin-top: 10vw;
	text-align: center;
	padding-left: 5vw;
	padding-right: 5vw;
}


/* Section */

div.SpecialSections>section {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0 1em 0 1em;
	box-shadow: 0px 0px 0px 1vw rgba(0, 0, 0, 0.05);	
/*	padding: 3vw;*/
/*	color: yellow;*/
}

div.SpecialSections>section.Sold {
	opacity: 0.4;
	filter: blur(1px);
}

div.SpecialSections>section>div.Code {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0 1em 0 0;
	text-align: center;
	color: black;
}
div.SpecialSections>section>div.Code>span {
	display: inline-block;
	background-color: rgb(32, 32, 32);
	border-radius: 0 0 0.5em 0.5em;
	padding: 0 1em 0.2em 1em;
	color: rgb(155, 160, 140);
}
div.SpecialSections>section>header {
	max-width: 100%;
	white-space: wrap;
	font-size: 1.4em;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 0.2em 1em 0.5em 1em;
	text-align: center;
	color: #ccc;
}
div.ItemLink {
	text-align: center;
}
div.ItemLink>a>img {
	display: inline-block;
	height: 1em;
	opacity: 0.3;
	transition: 1s all;
}
div.ItemLink>a:hover>img {
	opacity: 1;
}
div.SpecialSections div.ItemLink {
	padding: 0em 0 1em 0;
	background-color: rgba(0, 0, 0, 0.2);	
}

/* Section Description */

div.SpecialSections div.ShowDetails {
	padding: 0.2em 0 0.2em 0;
	text-align: center;
}
div.SpecialSections div.ShowDetails>a {
	background-color: rgba(0, 0, 0, 0.3);
	color: #aaa;
	padding: 0.2em 0.7em 0.2em 0.7em;
}

div.SpecialSections div.Desc {
	padding: 0.8em 1em 0.8em 1em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}
div.SpecialSections div.Desc>div {
	width: min-content;
/*	inline-size: 30%;*/
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 0 7px 0 7px;
}
div.SpecialSections div.Desc>div>header {
	background-color: rgba(0, 0, 0, 0.3);
	color: rgb(150, 170, 130);
	text-align: center;
	padding: 0.5em 1.5em 0.5em 1.5em;
	border-radius: 0px 7px 0px 0px;
}
div.SpecialSections div.Desc>div>div {
	text-align: center;
	padding: 0.5em 1.5em 0.5em 1.5em;
}



/* Section artwork */

div.SpecialSections div.Artwork {
	text-align: center;
}
div.SpecialSections div.Artwork>a>img {
	display: inline-block;
	width: 300px;
	max-width: 38vw;
}

/* Price Label */

div.Price {
	padding: 0.8em 1em 0.8em 1em;
	text-align: center;
	margin: 0.2em 0 0.2em 0;
}
div.Price>a {
	background-color: rgba(220, 200, 150, 0.7);
	font-size: 2em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	color: black;
	border-radius: 0 0.2em 0 0.2em;
	break-inside: avoid;
}
div.Price>a>span {
	font-size: 0.9em;
	opacity: 0.7;
	padding-left: 0.2em;
	font-weight: normal;
}
div.Price>a.Sale {
	background-color: rgba(255, 135, 100, 0.7);
}
div.Price>a>img {
	height: 1em;
	padding-right: 0.3em;
	position: relative;
	top: 0.08em;
}
div.Price>div {
	padding: 0em 2em 1em 2em;
}
div.Price>div>div {
	display: inline-block;
	padding: 0em 1em 0em 1em;
	background-image: url(/images/oldprice.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
div.Price>div>div>span {
	font-size: 0.9em;
	opacity: 0.7;
	padding-left: 0.2em;
}

div.SalesLabelParent {
	background-color: rgba(0, 0, 0, 0.2);
	text-align: center;	
}
div.SalesLabel, div.Price>div>div.SalesLabel {
	display: inline-block;
	background-image: none;
	background-color: rgba(0, 0, 0, 0.7);
	font-size: 0.9em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	color: rgba(255, 255, 255, 1);
	border-radius: 0 0.4em 0 0.4em;
	break-inside: avoid;
	transform: rotate(-5deg);
}
div.SalesLabelParent>div.SalesLabel {
	transform: rotate(-3deg);
	position: relative;
	top: -0.2em;
}


/* Zoom */

#Zoom {
	position: fixed;
	left: 50vw;
	top: 50vh;
	width: 0px;
	height: 0px;
	z-index: 550;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(40, 40, 40, 0.95);
	opacity: 0;
	transition: 1s all;
}

#Zoom.Visible {
	opacity: 100;
	left: 0vw;
	top: 0vh;
	width: 100vw;
	height: 100vh;
}

#Zoom #ZoomImg {
	max-width: 95%;
	max-height: 95%;
	border-radius: 0.5em;
	opacity: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) blur(4px);
	transition: 1s all;
}

#Zoom.Visible #ZoomImg {
	opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%) blur(0px);
	transition: 5s all;
}



/* Message */

#Message {
	position: fixed;
	left: 0vw;
	bottom: 0vh;
	width: auto;
	height: auto;
	z-index: 560;
	font-size: 1.2em;
	padding: 2em 2em 2em 2em;
	text-align: center;
	background-color: rgba(150, 100, 0, 0.95);
	cursor: pointer;
	border-top-right-radius: 1em;
	opacity: 0;
	transition: 5s opacity;
	transition-delay: 5s;
}
#Message.Visible {
	opacity: 100;
	transition: 1s opacity;
	transition-delay: 0s;
}


/* CartOuter */

div.CartOuter {
	padding: 3vw;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 3vw;
}

div.CartOuter>div {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0 1em 0 1em;
/*	box-shadow: 0px 0px 2vw rgba(0, 0, 0, 0.3);	*/
	box-shadow: 0px 0px 0px 1vw rgba(0, 0, 0, 0.05);	
/*	border: 1vw solid rgba(0, 0, 0, 0.05);*/
}
div.CartOuter>div>header {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0 0.71em 0 0;
	font-size: 1.4em;
	text-align: center;
	padding: 0.5em;
	color: rgb(160, 160, 80);
}

body.M div.CartOuter section.TextSection>div, body.L div.CartOuter section.TextSection>div, body.XL div.CartOuter section.TextSection>div {
	column-count: 1;
}


/* CartTable */

div.CartTable {
	_background-color: #222;
}
table.CartTable {
	width: 100%;
	_background-color: #444;
	border-collapse: collapse;
	border-bottom-left-radius: 1em;
}
table.CartTable>tbody>tr>th, table.CartTable>tbody>tr>td {
	border-top: 5px solid rgba(0, 0, 0, 0.2);
	border-bottom: 5px solid rgba(0, 0, 0, 0.2);
	font-weight: normal;
	text-align: left;
	padding: 0.6em;
}
table.CartTable>tbody>tr>th.Center, table.CartTable>tbody>tr>td.Center {
	text-align: center;
}
table.CartTable>tbody>tr>th.Right, table.CartTable>tbody>tr>td.Right {
	text-align: right;
}
table.CartTable>tbody>tr>th {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 0.3em 0.6em 0.3em 0.6em;
	color: rgba(220, 255, 150, 0.7);
}
table.CartTable>tbody>tr:first-child>th {
	border-top-style: none;
}
table.CartTable>tbody>tr:last-child>th, table.CartTable>tbody>tr:last-child>td {
	border-bottom-style: none;
}
table.CartTable>tbody>tr:last-child>th:first-child, table.CartTable>tbody>tr:last-child>td:first-child {
	border-bottom-left-radius: 1em;	
}
table.CartTable>tbody>tr>th.B1 {
	background-color: rgba(0, 0, 0, 0.42);
}
table.CartTable>tbody>tr>th.B2 {
	background-color: rgba(0, 0, 0, 0.32);
}
table.CartTable>tbody>tr>th.B3 {
	background-color: rgba(0, 0, 0, 0.22);
}
table.CartTable>tbody>tr>th.B4 {
	background-color: rgba(0, 0, 0, 0.12);
}
table.CartTable>tbody>tr>th.B5 {
	background-color: rgba(0, 0, 0, 0.02);
}
table.CartTable>tbody>tr>td {
}
table.CartTable>tbody>tr>td.B1 {
	background-color: rgba(0, 0, 0, 0.35);
}
table.CartTable>tbody>tr>td.B2 {
	background-color: rgba(0, 0, 0, 0.25);
}
table.CartTable>tbody>tr>td.B3 {
	background-color: rgba(0, 0, 0, 0.15);
}
table.CartTable>tbody>tr>td.B4 {
	background-color: rgba(0, 0, 0, 0.05);
}
table.CartTable>tbody>tr>td.B5 {
	background-color: rgba(255, 255, 255, 0.01);
}
table.CartTable>tbody>tr.Rejected>td {
	color: rgba(255, 255, 255, 0.5);
}
table.CartTable>tbody>tr.Rejected>td>div.Error {
	font-size: 0.9em;
	color: rgb(200, 100, 100);
}
table.CartTable>tbody>tr.Rejected>td>a>img {
	opacity: 0.4;
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}
table.CartTable>tbody>tr.Rejected>td.B5 {
	opacity: 1;
}

table.CartTable>tbody>tr>td>a>img {
	width: 100px;
	max-width: 15vw;
}
table.CartTable>tbody>tr>td>a>img.Icon {
	width: auto;
	height: 1.3em;
}

table.CartTable div.ItemLink {
	padding-top: 0.5em;
}


/* Item view */

div.ItemView {

}
div.ItemView>h1 {
	margin: 0.5em;
	text-align: center;
}
div.ItemView div.Desc {
	padding: 0.8em 1em 0.8em 1em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}
div.ItemView div.Desc>div {
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 0 7px 0 7px;
}
div.ItemView div.Desc>div>header {
	background-color: rgba(0, 0, 0, 0.3);
	color: rgb(150, 170, 130);
	text-align: center;
	padding: 0.5em 1.5em 0.5em 1.5em;
	border-radius: 0px 7px 0px 0px;
}
div.ItemView div.Desc>div>div {
	text-align: center;
	padding: 0.5em 1.5em 0.5em 1.5em;
}
div.ItemView div.Artwork {
	padding: 1em 1em 2em 1em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}
div.ItemView div.Artwork>a>img {
	max-width: 95vw;
}
div.ItemView div.Artwork.Photos>a>img {
	max-width: 30vw;
}


div.SpecialText {
	margin: 5vw;
	padding: 3vw 4vw 3vw 4vw;
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 0px 15px 0px 15px;
}
div.SpecialText h1 {
	color: rgb(255, 130, 0);
	border-bottom: 5px solid rgba(255, 200, 0, 0.1);
}


/* CartTable Input */

div.ShippingOuter input, div.ShippingOuter select {
	padding: 0.2em 0.5em 0.3em 0.5em;
	color: #eee;
	background-color: #111;
	border: 1px solid #aaa;
	border-radius: 5px;
}
div.ShippingOuter select {
	padding-top: 0.4em;
	padding-bottom: 0.5em;
}

div.ShippingOuter input::placeholder {
	font-size: 0.8em;
	opacity: 0.4;
}

div.ShippingOuter input:read-only {
	border-color: transparent;
	background-color: transparent;
}


/* ShippingDesc */

div.ShippingDesc {
	padding: 1em 1em 1em 1em;
	font-size: 0.8em;
	color: #ccc;
}


/* ShippingDetails */

#ShippingDetails>div {
	padding: 1em;
}
#ShippingDetails>div>h4 {
	margin-top: 0;
}
#ShippingDetails:empty {
	display: none;
}

/* Omniva Locker */

#omniva_select2 {
	max-width: 50vw;
}
#omniva_select2>optgroup:first-child {
	display: none;
}


/* Itella Locker */

#itella_id2>div>img {
	width: 100px;
}


/* Collect Button */

#CollectButton {
	padding: 0.8em 1em 0.8em 1em;
/*	margin: 0.2em 0 0.2em 0;*/
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
#CollectButton>a {
	background-color: rgba(220, 200, 150, 0.7);
	font-size: 2em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	color: black;
	border-radius: 0 0.2em 0 0.2em;
	break-inside: avoid;
}
#CollectButton>a.LongText {
	background-color: rgba(220, 200, 150, 0.5);
	text-align: center;
	font-size: 1em;
	padding: 0.2em 0.8em 0.2em 0.8em;
	border-radius: 0 0.4em 0 0.4em;
	break-inside: auto;
	width: min-content;
}


/* Overriding Omniva Widget */

#omniva_container2 select#omniva_select1 {
	width: 600px;
	font-size: 50px;
}
#omniva_container2 textarea#omniva_open_hours1, #omniva_container2 textarea#omniva_open_hours3 {
	width: 398px;
	font-size: 14px;
}
#omniva_container2 input#omniva_city1, #omniva_container2 input#omniva_city3 {
	width: 400px;
	font-size: 14px;
}
#omniva_container2 input#omniva_address1, #omniva_container2 input#omniva_address3 {
	width: 400px;
	font-size: 14px;
}
#omniva_container2 textarea#omniva_description1, #omniva_container2 textarea#omniva_description3 {
	width: 398px;
	font-size: 14px;
}
#omniva_container2 .ow_table {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#omniva_container2 .ow_td {
	padding-right: 20px;
	padding-top: 5px;
}
#omniva_container2 .ow_select {
	width: 404px;
	font-size: 14px;
}
#omniva_container2 .ow_tr {
	margin-top: 20px;
}
#omniva_container2 p {
	font-family: Arial,Helvetica, sans-serif;
	font-size: 14px;
}
#omniva_container2 select {
	width: 404px;
	font-size: 14px;
}
#omniva_container2 img {
	padding: 15px;
	float: left;
}




section.OneColumn {
	column-count: 1;
}


#Gifts {
	text-align: center;
}
#Gifts>div {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 200, 0, 0.3);
	border-radius: 5px; 
	padding: 12px 16px 12px 16px;
	break-inside: avoid;
	margin: 12px 12px 12px 12px;
	color: #ccc;
	text-align: center;
}

div.Giftcard {
	display: block;
	text-align: center;
	font-size: 0.8em;
	color: rgba(255, 200, 0, 0.5);
	letter-spacing: 0.5em;
	padding-left: 0.5em;
}

div.GiftValue {
	font-size: 2em;
}

div.GiftSalesPrice {
	font-size: 1.3em;
	color: rgba(255, 100, 0, 1);
}

div.GiftDate {
	font-size: 0.8em;
}

div.GiftQuantity {
	font-size: 1.4em;
	margin-top: 10px;
	padding: 0px 12px 0px 12px;
}
div.GiftQuantity>a {
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 200, 0, 0.3);
	border-radius: 5px; 
	margin: 0px 6px 0px 6px;
	padding: 0px 6px 0px 6px;
}
div.GiftQuantity>div {
	display: inline-block;4
}
div.OrderTotal {
	margin: 16px;
	text-align: center;
}

div.GiftOrder {
	margin: 16px 0px 16px 0px;
	text-align: center;
}

#GiftOrderEmail {
	padding: 0.5em;
}
#GiftOrderEmail::placeholder {
	font-size: 0.8em;
	opacity: 0.5;
}

div.Login {
	text-align: center;
	margin: 10vh 0px 10vh 0px;
}
div.Login>div {
	padding: 12px;
}
div.Login>div>input {
	padding: 0.5em;
}