/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@font-face {
  font-family: "GillSansMTPro-Book";
  src: url('webFonts/GillSansMTProBook/font.woff2') format('woff2'), url('webFonts/GillSansMTProBook/font.woff') format('woff'); 
  font-weight: normal; 
}
@font-face {
  font-family: "BlackerProCondDis-Hv";
  src: url('webFonts/BlackerProCondDisHv/font.woff2') format('woff2'), url('webFonts/BlackerProCondDisHv/font.woff') format('woff');
   font-weight: bold; 
}


* { font-weight: normal;  font-family: "GillSansMTPro-Book", sans-serif; }
h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 * { font-weight: bold; font-family: "BlackerProCondDis-Hv", sans-serif; margin: 20px 0; }

p strong { font-family: "BlackerProCondDis-Hv"; }

.top-line { border-top: 5px solid #111;  }

.container { width: 100%; margin: 0 auto; box-sizing: border-box; }

.hide { display: none; }

.grid { margin: 0 auto; position: relative;  }
.grid > div, .grid .grid__inner { box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 20px; padding-right: 20px; float: left; }
.grid-1-1 { width: 100%; }
.grid-1-5 { width: 20%; }
.grid-1-4 { width: 25%; }
.grid-1-3 { width: 33.3333333333%; }
.grid-2-3 { width: 66.6666666666%; }
.push-1-5 { margin-left: 20%; }
.grid-1-2 { width: 50%; }
.grid-3-5 { width: 60%; }
.grid-3-4 { width: 75%; }
.grid-2-5 { width: 40%; }
.grid-4-5 { width: 80%; }

.grid > .full { padding: 0; }

.grid-padd { padding: 0 20px; }

.grid:after, .clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.grid-right { float: right !important; }

.content-image-grid { margin-left: -10px !important; margin-right: -10px !important; }
.content-image-grid .grid > div, .content-image-grid  .grid .grid__inner { padding-left: 10px; padding-right: 10px; }

.flex { display: flex;  flex-wrap: wrap; }
.flex > * { display: flex; }


@media screen and (min-width: 600px) {
		
	
	
	.grid.m--grid--middle { display: table; table-layout: fixed;  }
	.grid.m--grid--middle > div { float: none; display: table-cell; vertical-align: middle; }
	.grid.m--grid--middle.top > div { float: none; display: table-cell; vertical-align: top; }
	
	.m--grid-1-4 { width: 25%; }
	.m--grid-1-3 { width: 33.3333333333%; }
	.m--grid-2-3 { width: 66.6666666666%; }
	.m--grid-3-4 { width: 75%; }
	.m--grid-1-2 { width: 50%; }
	.m--grid-1-1 { width: 100%; }
	.m--grid-1-5 { width: 20%; }
	.m--grid-5-6 { width: 83.3333333333%; }
	.m--grid-1-6 { width: 16.6666666666%; }
	
	.m--grid-1-7 { width: 14.2857142857%; }
	.m--grid-2-7 { width: 28.5714285714%; }
	.m--grid-3-7 { width: 42.8571428571%; }
	.m--grid-4-7 { width: 57.1428571429%; }
	.m--grid-5-7 { width: 71.4285714286%; }
	.m--grid-6-7 { width: 85.7142857143%; }
	
	.m--grid-left { float: left; }
	.m--grid-right { float: right !important; }
	
	.m--text-left { text-align: left; }
	.m--text-right { text-align: right; }
	.m--text-center { text-align: center; }
	
	.m--dir-rtl { direction:rtl; }
	.m--dir-ltr { direction:ltr; }
	
	.m--show-inline { display: inline-block !important; }
	.m--show-block { display: block !important; }
	.m--hide { display: none !important; }
	
	.m--boxed { max-width:75%; margin: 0 auto; }
	
}

@media screen and (min-width: 1000px) {
	
	.container { width: 95%; }
	
	/*.grid > div, .grid .grid__inner, .grid-padd { padding: 0 25px; }*/
	
	.grid.l--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.l--grid--middle > div { float: none; display: table-cell; vertical-align: top; }
	
	.l--grid-1-4 { width: 25%; }
	.l--grid-1-3 { width: 33.3333333333%; }
	.l--grid-2-3 { width: 66.6666666666%; }
	.l--grid-3-4 { width: 75%; }
	.l--grid-1-2 { width: 50%; }
	.l--grid-1-1 { width: 100%; }
	.l--grid-1-5 { width: 20%; }
	.l--grid-2-5 { width: 40%; }
	.l--grid-3-5 { width: 60%; }
	.l--grid-4-5 { width: 80%; }
	.l--grid-5-6 { width: 83.3333333333%; }
	.l--grid-1-6 { width: 16.6666666666%; }
	.l--push-1-5 { margin-left: 20%; }
	.l--push-2-5 { margin-left: 40%; }


	
	.l--grid-left { float: left; }
	.l--grid-right { float: right !important; }
	
	.l--text-left { text-align: left; }
	.l--text-right { text-align: right; }
	.l--text-center { text-align: center; }
	
	.l--dir-rtl { direction:rtl; }
	.l--dir-ltr { direction:ltr; }
	
	.l--show-i { display: inline !important; }
	.l--show-inline { display: inline-block; }
	.l--show-block { display: block !important; }
	.l--show-tc { display: table-cell !important; }
	.l--hide { display: none; }
	
	.l--boxed { max-width:75%; margin: 0 auto; }

}


@media screen and (min-width: 1250px) {
	
	
	
	.grid.xl--grid--middle { display: table; table-layout: fixed; width: 100%; }
	.grid.xl--grid--middle > div { float: none; display: table-cell; vertical-align: top; }
	
	.xl--grid-1-4 { width: 25%; }
	.xl--grid-1-3 { width: 33.3333333333%; }
	.xl--grid-2-3 { width: 66.6666666666%; }
	.xl--grid-3-4 { width: 75%; }
	.xl--grid-1-2 { width: 50%; }
	.xl--grid-1-1 { width: 100%; }
	.xl--grid-1-5 { width: 20%; }
	.xl--grid-2-5 { width: 40%; }
	.xl--grid-3-5 { width: 60%; }
	.xl--grid-4-5 { width: 80%; }
	.xl--grid-5-6 { width: 83.3333333333%; }
	.xl--grid-1-6 { width: 16.6666666666%; }
	.xl--push-1-5 { margin-left: 20%; }
	.xl--push-2-5 { margin-left: 40%; }


	
	.xl--grid-left { float: left; }
	.xl--grid-right { float: right !important; }
	
	.xl--text-left { text-align: left; }
	.xl--text-right { text-align: right; }
	.xl--text-center { text-align: center; }
	
	.xl--dir-rtl { direction:rtl; }
	.xl--dir-ltr { direction:ltr; }
	
	.xl--show-i { display: inline !important; }
	.xl--show-inline { display: inline-block; }
	.xl--show-block { display: block !important; }
	.xl--show-tc { display: table-cell !important; }
	.xl--hide { display: none; }
	
	.xl--boxed { max-width:75%; margin: 0 auto; }
	
	
}

header { margin: 20px 0 20px ;   }
header a { text-decoration: none;  }

main {  }

.placeholder { background: #eee; position: relative; }

img.lazy {
opacity: 0;
}
img:not(.initial) {
transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
opacity: 1;
}

img:not([src]) {
visibility: hidden;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe, .videoWrapper video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

* { color: #000; }

p { font-size: 18px; line-height: 1.5em; margin: 20px 0; }

h1, h1 * { font-size: 36px; }
h2, h2 * { font-size: 30px; }
h3, h3 * { font-size: 24px; }
h4, h4 * { font-size: 22px; }
h5, h5 * { font-size: 20px; }


#site-logo { width: 100%; max-width: 200px; height: auto; margin: 0; display: block;  }


#logo-holder { padding: 20px; width: 40%;  }

header {padding: 0 20px; width: 40%; position: absolute; right: 0; top: 0;  }

header nav a { font-size: 18px; padding: 5px 0; font-family: "BlackerProCondDis-Hv", sans-serif; display: block; }
header nav a span { font-family: "BlackerProCondDis-Hv", sans-serif;  }
header nav a.sel, header nav a.sel span {  color: #FFF; }

main { margin-top: -40px; }

@media screen and (min-width: 1000px) {
	
	#logo-holder { width: 240px; box-sizing: border-box; position: fixed; top: 0; left: 0;  }
	#site-logo { margin: 0; }
	
	
	header { width: 240px; box-sizing: border-box; position: fixed; top: 30%; left: 0; padding: 20px;  }
	header nav a { display: block; padding: 10px 0;}
	
	
	#content { padding-left: 240px; }
	
	main { margin-top: 0px; }

	
	
}


.back-cardboard, body, html { background: url('../static/cardboard.jpg'); background-size: cover; background-attachment: fixed; }

.menu-link { width: 100%; height: 30vh; position: relative; display: block; text-align: center; position: relative;  text-decoration: none;  }
.menu-link span { font-size: 32px; font-family: "BlackerProCondDis-Hv", sans-serif; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #FFF; }
.menu-link div { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }

@media screen and (min-width: 1000px) {
	
	.menu-holder { display: flex; flex-wrap: wrap;}

	.menu-link { width: 50%; height: 50vh; display: flex;}

}	

@media screen and (max-width: 450px) {
	
	header nav a { font-size: 14px; padding: 3px 0; }
	
	
}



.products-list { padding-top: 100px; }
.products-list .grid-1-1 { padding: 20px !important; }
.products-list.live .grid-1-1:hover { background: url('../static/diag.png'); }
.products-list .grid-1-1:hover .prod-details { background: #FFF; }

.products-list .prod-details { padding: 1px 20px; margin-top: 20px;  }

.product-block { display: block; text-decoration: none;}
.product-block h3, .product-block p {  }
.product-images { position: relative;  }
.product-images img { display: block; width: 100%; height: auto; }
.product-images .hover { position: absolute; top: 0; left: 0; opacity: 0; }
.product-block:hover .product-images .hover { opacity: 1; z-index: 9; }


.diag { background: url('../static/diag.png'); }

@media screen and (min-width: 1000px) {
	.check { background: url('../static/check.png'); background-repeat: repeat-y; }
}

.buy-box {  font-size: 18px; line-height: 1.5em; }
.buy-box h3 { margin: 0 0 5px; }
.buy-box p { margin: 0; }
.buy-box .price-add { margin-top: 10px; }

.buy-box.multiple { padding: 15px; background: #FFF; margin-bottom:5px; padding-left: calc(30% + 15px); position: relative; border: 2px solid #000; }
.buy-box.multiple img { position: absolute; top: 0; left: 0; width: 30%; height: 100%; object-fit: cover; }

.variant-details { display: block; }

.variant-price { border: 2px solid #000; padding: 12px 15px 6px; display: inline-block;  font-size: 100%; line-height: 1.15; border-right: none; background: #FFF;  }

.shopify-buy-frame--product { width: 100% !important; }
.shopify-buy__btn   { display: block; background: #FFF; color: #000; border: 2px solid #000; padding: 12px 15px 6px; width: 100%; }
.shopify-buy__btn:hover { background: #000; color: #FFF; }
.shopify-buy__btn:disabled { background: #ddd;  color: #666 !important }

.page-content {  }

@media screen and (min-width: 1000px) {
	.page-content { padding-left: 240px !important; max-width: 900px; }
}

.artist-section { border-top: 2px solid black; }
.artist-section a { display: inline-block; margin: 30px 0 20px;  }

.site-footer { padding: 20px 0 0; }
.site-footer-inner { }

.site-footer a.social { display: inline-block; text-decoration: none; padding: 10px 20px 10px 10px; }
.site-footer a.social img { height: 24px; width: auto; display:block; }

.site-footer-inner img.logos { width: 100%; max-width: 500px; display: block; margin: 50px 0; mix-blend-mode:multiply;  }
.site-footer-inner p { max-width: 600px; }
.site-footer-inner p.legal { font-size: 14px; }

.map-marked { border-top: 2px solid #000; }
.map-marked h2 { cursor: pointer; }
.map-marked .hider { max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out}
.map-marked.open .hider { max-height: 20000px; overflow: hidden; }

.map-marked h2 { }
.map-marked h2::after { content: '...'; font-family: "GillSansMTPro-Book", sans-serif; float: right; margin-top: -2px;  }
.map-marked.open h2::after { content: 'x'; font-family: "GillSansMTPro-Book", sans-serif; float: right; font-size: 18px; margin-top: 10px; }

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

.hotspots .hotspot { position: absolute; width: 12px; height: 12px; border-radius: 8px; background: #000; border: 2px solid #FFF;  z-index: 99;}

.hotspots .largespot { position: absolute; width: 10%; height: 10%;  }


.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 10px;
  display: block; 
  /* Position the tooltip text - see examples below! */
  width: 120px;
  bottom: 20px;
  left: 50%;
  margin-left: -70px; 
  position: absolute; 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.conversation-image { height: 0; width: 100%; padding-bottom: 60%; position: relative; overflow: hidden; background: #000; }
.conversation-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  }

@media screen and (max-width: 600px) {
	
	.artist-project { padding-left: 0 !important; }
	.artist-project a { margin-top: 0; }
	
}


.shopify-buy--visually-hidden { clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }
  
  
  .shopify-buy-frame--toggle.is-sticky { background: #000; color: #FFF; position: fixed !important; top: 15px !important; right: 10px !important;  text-align: center; transform: none !important; -webkit-transform: none !important;   text-align: left; padding: 12px 15px 5px 12px; cursor: pointer; display: block !important; font-family: "BlackerProCondDis-Hv", sans-serif; border-radius: 2px;  }
  .shopify-buy-frame--toggle.is-sticky:hover { background: #333; }
  .shopify-buy-frame--toggle.is-sticky svg { width: 16px; margin-right: 10px; }
  .shopify-buy__cart-toggle__count { display: inline-block; float: right; padding-top: 2px;  }
  .shopify-buy__icon-cart__group path, .shopify-buy__icon-cart__group circle { fill: #FFF; }
  .shopify-buy__cart-toggle__count { color: #FFF;  }
  
 .sticky-holder { position: relative; } 
  
  @media screen and (min-width: 1000px) {
	  
	  
	  .shopify-buy-frame--toggle.is-sticky { right: auto !important; left: 20px !important; top: 70% !important; top: calc(30% + 295px) !important; }
	  .map-holder { position: sticky; top: 0; }
	  
  }