/*

*/
/* black-ish text color. nav submenu background */
/* all page banner background if no image */
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap");
@import url(app/forms/prints_agreement.css);
.color-gray {
  color: #666666; }

.svg-white {
  -webkit-filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%);
  filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%); }

.svg-charcoal {
  -webkit-filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%);
  filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%); }

.svg-gray {
  -webkit-filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  transition: 0.3s; }

.svg-gray:hover {
  -webkit-filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%);
  filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%); }

.red-text {
  color: #990000; }

.darkred {
  color: #990000; }

.font-futura {
  font-family: "Futura", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

.font-raleway {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

.font-default {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

/* spinner */
.spinner-icon {
  margin: 0 auto;
  border: 3px solid #f3f3f3;
  /* Light grey */
  border-top: 3px solid #999;
  /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* end */
.sold-msg {
  color: #990000; }

.sold-dot {
  height: 9px;
  width: 9px;
  background-color: #990000;
  border-radius: 50%;
  display: inline-block; }

*[class^="svg-"] {
  height: 15px;
  width: 20px;
  transform: translate(-2px, 3px); }
  *[class^="svg-"].--inverted {
    filter: invert(100%); }
  *[class^="svg-"].--horizontal-flip {
    transform: scaleX(-1); }

.svg-gray,
.svg-gray:hover {
  /* color as #999 */
  filter: invert(67%) sepia(7%) saturate(11%) hue-rotate(342deg) brightness(89%) contrast(96%); }

.svg-dice {
  height: 20px;
  width: 20px; }

/* black-ish text color. nav submenu background */
/* all page banner background if no image */
.color-gray {
  color: #666666; }

.svg-white {
  -webkit-filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%);
  filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%); }

.svg-charcoal {
  -webkit-filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%);
  filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%); }

.svg-gray {
  -webkit-filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  transition: 0.3s; }

.svg-gray:hover {
  -webkit-filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%);
  filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%); }

.red-text {
  color: #990000; }

.darkred {
  color: #990000; }

html, body {
  margin: 0;
  padding: 0;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif !important; }

body {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  color: #666;
  margin: 0 0 0 0;
  height: 100%;
  min-height: 100%;
  min-width: 400px;
  background-color: #fff; }

.flex {
  display: flex; }

.flex-column {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.justify-center {
  justify-content: center; }

.justify-space-around {
  justify-content: space-around; }

.justify-space-evenly {
  justify-content: space-evenly; }

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

.align-baseline {
  align-items: baseline; }

.container {
  max-width: 3000px;
  display: block;
  margin: 0 auto; }

.container.tiny {
  max-width: 640px; }

.container.small {
  max-width: 800px; }

.container.medium-small {
  max-width: 1000px; }

.container.medium {
  max-width: 1250px; }

.container.medium-large {
  max-width: 1500px; }

.container.large {
  max-width: 3000px; }

.container.padded {
  padding-left: 1rem;
  padding-right: 1rem; }

.nuc-h1 {
  font-size: 1.2rem;
  color: #999;
  line-height: 17px; }

.detail-header,
.framing-header {
  padding-top: 0;
  color: #222;
  letter-spacing: 4px;
  font-size: 30px;
  font-weight: 500;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  line-height: 1.3em;
  text-transform: uppercase;
  height: auto; }

.nuc-banner-header {
  font-size: 2rem;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  color: #222;
  margin: 2rem 0;
  height: initial;
  padding: 0; }

.nuc-banner-header2 {
  font-size: 2rem;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
  color: #222;
  margin: 2rem 0;
  height: initial;
  padding: 0;
  font-size: 3rem; }

.nuc-h3-bold {
  font-size: 0.9rem;
  line-height: 1em;
  height: auto;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: transparent;
  color: #222;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

.nuc-h4-bold {
  font-size: 0.8rem;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: transparent;
  color: #222;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

.nuc-h5 {
  color: #222;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 600;
  height: auto;
  text-transform: uppercase;
  margin: 1em 0; }

.hidden {
  display: none; }

.hidden_important {
  display: none !important; }

section.module .event-description {
  font-size: 12px;
  padding: 0.5rem; }

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

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

/* from application.scss */
.contact {
  float: left;
  width: 100%; }

.contact > div {
  float: left;
  width: 350px; }

.contact .inputs {
  margin-top: 5px;
  width: 150px; }

.flash {
  cursor: pointer;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 12px;
  top: 0;
  text-align: center; }

.flash.notice {
  font-size: 16px;
  background: rgba(16, 253, 0, 0.2);
  margin-bottom: 2px; }

.flash.alert {
  background: rgba(245, 197, 192, 0.8); }

.flash_alert > p {
  color: rgba(245, 19, 17, 0.8); }

#first_name-error, #last_name-error, #company-error, #address-error, #address2-error, #city-error, #country-error,
#state-error, #phone-error, #zip-error, #email-error {
  padding-left: 130px; }

label.error {
  float: none;
  vertical-align: top;
  display: inline-block;
  color: #000000;
  line-height: 10px;
  width: 130px; }

form input.error, form input.error:hover, form input.error:focus, select.error {
  border: 1px solid #ED7476;
  background: #FFEDED; }

form select#country, #state {
  margin-left: 20px;
  width: 130px; }

.shipping option {
  display: block; }

.bodyFrame {
  padding-left: 20px; }

hr {
  border: none;
  border-bottom: 1px dotted #ccc;
  width: auto;
  height: 1px;
  clear: both; }

div, td {
  font-size: 13px;
  line-height: 18px; }

a {
  color: #699;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a img {
  border: 0px; }

a.--black {
  color: #000;
  text-decoration: none; }

a.--black:hover {
  text-decoration: underline !important; }

h2 {
  font-size: 13px; }

.large-header {
  font-size: 23px; }

h1, h3, h5 {
  font-size: 15px;
  text-transform: uppercase;
  color: #333;
  padding: 0;
  line-height: 16px;
  height: 16px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

h1 {
  margin: 0px 0px 15px 0px;
  padding: 7px 0px 0px 0px;
  color: #999;
  text-decoration: none;
  line-height: 17px; }

h1 a {
  color: #999; }

h1:hover a {
  padding: 0px 0px 0px 0px;
  color: #699;
  text-decoration: none; }

.headerLine {
  width: 100%;
  border-top: 3px solid #999;
  clear: both;
  position: relative;
  top: -2px; }

h3, h5 {
  /*font-size: 12px;*/
  background: #403e3d;
  color: #fff;
  padding: 5 0 5 5;
  width: auto; }

h4 {
  background: #b5b2b2;
  padding: 2px 0px 2px 5px;
  width: auto;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.0em;
  text-transform: none;
  color: #fff; }

h5 {
  margin: -11px 0 10 0; }

h3 a, h5 a, h3 td, h5 td {
  color: #fff; }

h3 a:hover, h5 a:hover {
  text-decoration: none; }

h1, h3 {
  margin: 0 0 10 0; }

.amount .shiping_amount {
  padding: 5 0 5 5;
  color: #000;
  width: auto;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0;
  line-height: 16px;
  height: 16px; }

.header {
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 0.1em;
  padding: 0;
  margin: 0 0 2 0;
  line-height: 20px;
  display: block;
  float: left; }

.clear {
  clear: both; }

.buffer {
  clear: both;
  height: 2px;
  display: block; }

#body_container {
  width: 940px;
  float: left;
  margin-left: 0px; }

#body_content, #body_content_popup {
  margin: 0 auto;
  height: auto;
  min-height: 400px;
  border-left: 0px dotted #999;
  padding: 0 0 0 0; }

#body_content_popup {
  width: auto;
  float: left;
  border: 0px;
  padding: 20px; }

#item_info, .item_info {
  line-height: 18px;
  font-size: 13px; }

#item_description, #news_text, #news_text, .description, .description ul, .description p, .description div {
  font-size: 13px;
  line-height: 20px; }

.description p {
  margin-top: 0px;
  min-height: 1em; }

#news_text img {
  border: 0px; }

.item_info .title, h2, .header_small, .info .title {
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.0em;
  line-height: 15px; }

.byline {
  color: #999; }

.item_info .byline {
  color: #666; }

.header_small {
  font-weight: bold; }

.item_info .price, .info .price {
  color: #666; }

ul {
  list-style-type: circle; }

.info_label {
  display: block;
  width: 100px;
  background-color: #fff;
  padding: 0 4 0 2;
  text-align: left;
  margin: 0 0 0 0;
  float: left;
  color: #999;
  text-transform: none;
  font-size: 13px;
  letter-spacing: 0.0em;
  font-weight: normal; }

.info_value {
  display: block;
  width: 150px;
  height: auto;
  background-color: #fff;
  padding: 0px;
  text-align: left;
  margin: 0 0 1 0;
  float: left; }

.discount {
  color: #990000; }

.specialStatus {
  color: #990000;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: -0.0em;
  font-weight: normal; }

#news_box_container {
  float: left;
  position: relative;
  top: -10px;
  width: 160px;
  overflow: hidden; }

.news_box_date {
  float: left;
  width: 123px; }

.separator {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 15 0 15 0; }

.title_spacer {
  height: 5px; }

.global_error {
  color: #990000;
  padding: 5px;
  margin: 5 0 20 0;
  display: block;
  border: 1px solid #eedddd;
  background: #ffeeee; }

.global_message {
  color: #009900;
  padding: 5px;
  margin: 5 0 20 0;
  display: block;
  border: 1px solid #ddeedd;
  background: #eeffee; }

th {
  background-color: #e7e7e7;
  font-size: 13px;
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  padding: 4 4 4 4; }

.listRow {
  background-color: #fff;
  background: #fff; }

.listRow:hover {
  background-color: #f7f7f7;
  background: #f7f7f7;
  /*cursor: pointer;*/ }

tr.listRow td {
  border-bottom: 1px dotted #d7d7d7; }

.listRowtrue {
  text-decoration: line-through;
  color: #999; }

.footerRow td {
  border-top: 1px solid #666;
  font-weight: bold;
  color: #000; }

table.sortable thead {
  cursor: pointer; }

table.sortable thead:hover {
  background-color: #ccc; }

.sorttable_nosort {
  cursor: default; }

.homepage_banner {
  margin: -11px 0px 10px 0px; }

.rentals-page .homepage_banner {
  overflow-x: hidden;
  max-width: 100vw; }

.debug {
  display: none; }

body.debug-mode .debug {
  display: initial;
  color: #00c500; }

.save-button-container svg {
  transition: fill 1s ease, stroke 1s ease; }

.save-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer; }

.save-button-container:hover svg {
  stroke: red; }

.save-button-container.active svg {
  fill: red;
  stroke: red; }

.card .save-button-container {
  display: inline-block;
  margin: 0 5px; }

.item-details-container .save-button-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0.3em;
  padding-top: 0.3em; }
.item-details-container .save-button-container svg {
  display: block;
  transform: translateY(4px); }
.item-details-container .save-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer; }

@keyframes flash-white {
  0% {
    background-color: transparent;
    opacity: 1; }
  25% {
    background-color: white;
    opacity: 0.25; }
  50% {
    background-color: white;
    opacity: 1; }
  75% {
    background-color: white;
    opacity: 0.25; }
  100% {
    background-color: transparent;
    opacity: 1; } }
.pulse-transparent {
  animation: flash-white 1.5s ease-in-out forwards; }

.event-patreon-link {
  color: #FF9900;
  text-decoration: none; }

.event-patreon-link:hover {
  color: #000;
  text-decoration: underline; }

/* globals depend on common */
body.dark-theme {
  color-scheme: dark;
  color: #eee;
  background-color: #2a2a2a; }
  body.dark-theme input[type=email],
  body.dark-theme input[type=number],
  body.dark-theme input[type=password],
  body.dark-theme input[type=tel],
  body.dark-theme input[type=text],
  body.dark-theme select,
  body.dark-theme textarea {
    color: #eee !important;
    background-color: #2a2a2a !important;
    border: 1px solid #eee; }
  body.dark-theme h1, body.dark-theme h3, body.dark-theme h5 {
    color: #eee; }
  body.dark-theme .item_info .title, body.dark-theme h2, body.dark-theme .header_small, body.dark-theme .info .title {
    color: #eee; }
  body.dark-theme .event-days-away:not(.under-threshold) {
    color: #eee !important; }
  body.dark-theme .event-days-away.under-threshold {
    color: #f00 !important; }
  body.dark-theme .detail-header,
  body.dark-theme .framing-header,
  body.dark-theme .nuc-h5,
  body.dark-theme .nuc-h3-bold,
  body.dark-theme .nuc-h4-bold,
  body.dark-theme .save-button-svg, body.dark-theme .heart-svg {
    color: #eee; }
  body.dark-theme .byline {
    color: #bbbbbb; }
  body.dark-theme .collection-card img[src*=".png"] {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme .collection-image img[src*=".png"] {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme .nuc-banner-header {
    color: #eee; }
  body.dark-theme .slick-dots li button:before {
    color: #eee; }
  body.dark-theme .event_date {
    color: #eee; }
  body.dark-theme .specialStatus,
  body.dark-theme .sold-msg {
    color: #F00; }
  body.dark-theme .filter-loader {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme .all-page .filter-results-counter {
    color: #eee; }
  body.dark-theme .cart-row-amount,
  body.dark-theme .cart-row-label {
    color: #eee; }
  body.dark-theme .cart-delete-icon:hover, body.dark-theme .shipping-close-button:hover {
    color: #eee; }
  body.dark-theme .search-form input[name=q] {
    border: 1px solid transparent; }
    body.dark-theme .search-form input[name=q]::placeholder {
      color: #eee; }
  body.dark-theme .photoset-page .photoset-album-controls a {
    color: #eee; }
  body.dark-theme .questions-page .questions-and-answers a,
  body.dark-theme .questions-page .questions li > a {
    color: #fff; }
  body.dark-theme .questions-page .questions-and-answers a {
    font-weight: bold; }
  body.dark-theme .cart-container {
    color: #eee;
    background-color: #2a2a2a; }
    body.dark-theme .cart-container input[name=coupon_code] {
      border: 1px solid #eee !important; }
  body.dark-theme .cart-row .cart-item-artist {
    color: #fff !important; }
  body.dark-theme .pillButton2 {
    background-color: #606060;
    color: #eee;
    font-weight: bold; }
  body.dark-theme .transparent-button {
    font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    font-size: 13px;
    padding: 15px 30px;
    letter-spacing: 3px;
    cursor: pointer;
    transition: 0.2s; }
    body.dark-theme .transparent-button a {
      color: #fff; }
    body.dark-theme .transparent-button.tiny {
      font-size: 9px;
      padding: .3em .5em .1em;
      font-weight: 300;
      letter-spacing: 2px; }
    body.dark-theme .transparent-button.small {
      font-size: 12px;
      padding: .7em 1em .5em;
      font-weight: 300;
      letter-spacing: 2px; }
    body.dark-theme .transparent-button.large {
      font-size: 16px;
      padding: 1.4em 2em 1em;
      font-weight: 300;
      letter-spacing: 4px;
      line-height: 2rem; }
    body.dark-theme .transparent-button + body.dark-theme .transparent-button {
      margin-left: 0.5rem; }
    body.dark-theme .transparent-button:not(.no-hover):not([disabled=disabled]):hover, body.dark-theme .transparent-button:not(.no-hover):not([disabled=disabled]):focus, body.dark-theme .transparent-button:focus, body.dark-theme .transparent-button.active {
      text-decoration: none;
      background-color: #fff;
      color: black; }
      body.dark-theme .transparent-button:not(.no-hover):not([disabled=disabled]):hover a, body.dark-theme .transparent-button:not(.no-hover):not([disabled=disabled]):focus a, body.dark-theme .transparent-button:focus a, body.dark-theme .transparent-button.active a {
        color: black;
        text-decoration: none; }
    body.dark-theme .transparent-button:focus {
      outline: none; }
    body.dark-theme .transparent-button.hover-border:focus, body.dark-theme .transparent-button.hover-border:hover {
      border: 1px solid black !important; }
  body.dark-theme .transparent-button.white {
    font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    font-size: 13px;
    padding: 15px 30px;
    letter-spacing: 3px;
    cursor: pointer;
    transition: 0.2s; }
    body.dark-theme .transparent-button.white a {
      color: #fff; }
    body.dark-theme .transparent-button.white.tiny {
      font-size: 9px;
      padding: .3em .5em .1em;
      font-weight: 300;
      letter-spacing: 2px; }
    body.dark-theme .transparent-button.white.small {
      font-size: 12px;
      padding: .7em 1em .5em;
      font-weight: 300;
      letter-spacing: 2px; }
    body.dark-theme .transparent-button.white.large {
      font-size: 16px;
      padding: 1.4em 2em 1em;
      font-weight: 300;
      letter-spacing: 4px;
      line-height: 2rem; }
    body.dark-theme .transparent-button.white + body.dark-theme .transparent-button.white {
      margin-left: 0.5rem; }
    body.dark-theme .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover, body.dark-theme .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus, body.dark-theme .transparent-button.white:focus, body.dark-theme .transparent-button.white.active {
      text-decoration: none;
      background-color: #fff;
      color: black; }
      body.dark-theme .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover a, body.dark-theme .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus a, body.dark-theme .transparent-button.white:focus a, body.dark-theme .transparent-button.white.active a {
        color: black;
        text-decoration: none; }
    body.dark-theme .transparent-button.white:focus {
      outline: none; }
    body.dark-theme .transparent-button.white.hover-border:focus, body.dark-theme .transparent-button.white.hover-border:hover {
      border: 1px solid black !important; }
  body.dark-theme .transparent-button.inverted {
    color: #eee;
    background-color: #2a2a2a; }
    body.dark-theme .transparent-button.inverted:hover, body.dark-theme .transparent-button.inverted:focus {
      color: #2a2a2a;
      background-color: #eee; }
  body.dark-theme .transparent-button.underline:not(.no-hover):hover, body.dark-theme .transparent-button.underline:not(.no-hover):focus {
    color: #2a2a2a;
    background-color: #eee; }
  body.dark-theme .transparent-button.underline.no-hover:hover, body.dark-theme .transparent-button.underline.no-hover:focus {
    color: #eee;
    background-color: #2a2a2a; }
  body.dark-theme .transparent-button.inverted-underline {
    color: #eee;
    background-color: #2a2a2a; }
  body.dark-theme .transparent-button.borderless {
    border: 1px solid transparent; }
    body.dark-theme .transparent-button.borderless:hover, body.dark-theme .transparent-button.borderless:focus {
      border: 1px solid transparent; }
  body.dark-theme .textBlockButton {
    background-color: transparent;
    color: #eee;
    border: 1px solid transparent; }
    body.dark-theme .textBlockButton:hover, body.dark-theme .textBlockButton:focus {
      color: #eee;
      background-color: #2a2a2a;
      border: 1px solid #eee; }
  body.dark-theme .textBlockButton.bordered {
    border: 1px solid #eee;
    color: #eee; }
    body.dark-theme .textBlockButton.bordered:hover, body.dark-theme .textBlockButton.bordered:focus {
      color: #2a2a2a; }
  body.dark-theme .css-filter-form .all-page .dropdown {
    color: #eee !important;
    background-color: #2a2a2a !important; }
  body.dark-theme .css-filter-form .all-page .dropdown-item:hover {
    color: #2a2a2a;
    background-color: #eee; }
  body.dark-theme .css-filter-form .all-page .dropdown-content {
    background-color: #2a2a2a; }
  body.dark-theme .css-filter-form .searchBox .filter-plus-button {
    color: #eee; }
  body.dark-theme .css-filter-form .searchBox.selected h1, body.dark-theme .css-filter-form .filter-plus-button {
    color: #eee; }
  body.dark-theme .css-filter-form .searchBox {
    background-color: #2a2a2a; }
  body.dark-theme .css-filter-form .searchBox ul {
    background-color: #2a2a2a; }
  body.dark-theme .css-filter-form .searchBox ul li {
    color: #eee; }
  body.dark-theme .css-filter-form .searchBox ul li:hover {
    color: #2a2a2a; }
  body.dark-theme .css-filter-form .show-more.loading {
    color: #eee; }
  body.dark-theme .css-filter-form .filtered-results .page-marker a {
    color: #eee; }
  body.dark-theme .css-filter-form .searchBox ul li:not(:hover) img[src*="assets/icons"],
  body.dark-theme .css-filter-form .searchBox ul li:not(:hover) img[src*="assets/radio"] {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme .css-filter-form .searchBox.inverted.selected,
  body.dark-theme .css-filter-form .searchBox.inverted {
    background-color: #2a2a2a;
    border: 1px solid transparent; }
    body.dark-theme .css-filter-form .searchBox.inverted.selected:hover,
    body.dark-theme .css-filter-form .searchBox.inverted:hover {
      border: 1px solid #eee; }
    body.dark-theme .css-filter-form .searchBox.inverted.selected > h1 > *,
    body.dark-theme .css-filter-form .searchBox.inverted > h1 > * {
      color: #eee; }
  body.dark-theme .selections-label {
    color: #eee; }
  body.dark-theme .employment-page .last-line {
    color: #eee; }
  body.dark-theme #add_to_cart_form.in-stock .option-name,
  body.dark-theme #add_to_cart_form.in-stock .option-qty-input,
  body.dark-theme #add_to_cart_form.in-stock .option-price {
    color: #eee; }
  body.dark-theme .grid-toggle-button svg path {
    fill: white; }
  body.dark-theme .toggle-view-password svg path {
    stroke: white; }
  body.dark-theme .module-title h1 {
    color: #eee; }
  body.dark-theme section.module .view-more-card .view-more-button,
  body.dark-theme section.module .view-more-row .view-more-button {
    border: 1px solid #eee;
    color: #eee; }
  body.dark-theme section.module .view-more-card .view-more-button:hover,
  body.dark-theme section.module .view-more-row .view-more-button:hover {
    color: #2a2a2a;
    background-color: #eee; }
  body.dark-theme figcaption h3, body.dark-theme figcaption h4, body.dark-theme figcaption h5, body.dark-theme figcaption h6, body.dark-theme .three-events h3, body.dark-theme .three-events h4, body.dark-theme .three-events h5, body.dark-theme .three-events h6 {
    color: #e1e1e1; }
  body.dark-theme .shipping-option-button {
    border: 1px solid #2a2a2a; }
    body.dark-theme .shipping-option-button:hover {
      border: 1px solid #eee;
      color: #eee; }
  body.dark-theme section.nav {
    background-color: #2a2a2a;
    border-bottom: 1px solid #444; }
  body.dark-theme section.nav .main .menu-item:hover {
    color: #2a2a2a;
    background-color: #eee; }
  body.dark-theme section.nav .main .menu-item.active {
    color: #2a2a2a;
    background-color: #eee; }
  body.dark-theme section.nav .main .menu-item-with-submenu:hover {
    color: #eee;
    background-color: #2a2a2a; }
  body.dark-theme section.nav .main .menu-item-with-submenu:hover h5 {
    text-decoration: none; }
  body.dark-theme section.nav .main .menu-item.active {
    color: #eee;
    background-color: #2a2a2a; }
  body.dark-theme section.nav .submenu {
    color: #eee;
    background-color: #2a2a2a;
    border-bottom: 1px solid #444;
    border-top: 1px solid #444; }
  body.dark-theme section.nav .submenu h5,
  body.dark-theme section.nav .submenu a {
    color: #eee; }
  body.dark-theme section.nav footer .submenu-item:hover {
    text-decoration: underline; }
  body.dark-theme section.nav .main .menu-item {
    color: #eee; }
  body.dark-theme section.nav .main .logo .logo-image path {
    fill: #eee !important; }
  body.dark-theme .cart-link > img {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme .cart-link > .cart-counter {
    color: #2a2a2a;
    background-color: #eee;
    font-weight: bold; }
  body.dark-theme section.nav .search-button > img {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme section.nav .main .actions > .hamburger-button {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme section.nav .main .user-button {
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%); }
  body.dark-theme section.nav .main .user-link {
    color: #eee; }
  body.dark-theme .bid-form .bid-time-numbers {
    color: #5aF; }
  body.dark-theme .red-text {
    color: #FF0000; }
  body.dark-theme .questions-page .faq-question {
    color: #ccc; }
    body.dark-theme .questions-page .faq-question:hover {
      color: #fff; }
  body.dark-theme .framing-section .frame-option.selected {
    background-color: transparent; }
  body.dark-theme .framing-section .frame-option:not(.selected):hover {
    background-color: transparent;
    border: 1px solid #888; }
  body.dark-theme .quick-add-overlay {
    background: rgba(255, 255, 255, 0); }
  body.dark-theme a.--black {
    color: #fff; }
  body.dark-theme .notice-content .transparent-button {
    color: #000;
    border-color: #000; }

/* depends on colors */
/* example: prints/all */
.all-page {
  margin-bottom: 4rem; }

.all-page .items {
  margin: 0 1rem; }

.all-page .cover {
  position: relative;
  text-align: center; }

.all-page .cover > .empty-cover {
  background-color: #fecccc;
  height: 300px; }

.all-page .cover > .item-cover {
  background-color: #fecccc;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 600px) {
    .all-page .cover > .item-cover {
      height: 250px; } }
  .all-page .cover > .item-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(75%) blur(4px);
    transform: scale(1.1); }
  .all-page .cover > .item-cover h1 {
    color: white;
    text-shadow: 0px 0px 1px #eee;
    display: inline-table;
    line-height: 1em; }

.all-page .cover h1 {
  color: #009aff;
  text-align: center;
  font-size: 45px;
  letter-spacing: 0.5rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.all-page .cover .banner-post img {
  min-height: 250px;
  object-fit: cover; }

.all-page .banner-post h1 {
  position: absolute;
  top: 50%;
  text-align: center;
  font-size: 170px;
  transform: translateY(-50%);
  width: 100%;
  color: white;
  padding: 0; }

.all-page .cover img {
  width: 100%;
  height: auto;
  object-fit: contain; }

.all-page select:after {
  content: '+';
  transform: translate(0, 0); }

.all-page select {
  -webkit-appearance: menulist-button;
  height: 28px;
  color: #666666;
  background-color: white;
  border-color: #666666;
  border-radius: 0;
  min-width: 150px;
  padding: 8px;
  margin-left: 1rem;
  letter-spacing: 2px;
  font-weight: 100;
  font-family: Helvetica;
  /* reset */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.all-page select:focus {
  outline: none; }

.all-page .filter-results-counter {
  color: #666666; }

.all-page .js-filter-form {
  /* should be close to the value of $max_container_width */
  font-size: 12px;
  font-weight: 100;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  letter-spacing: 0px; }
  @media screen and (max-width: 1320px) {
    .all-page .js-filter-form {
      margin-left: 1rem;
      margin-right: 1rem; } }

/* for filtering styles see shared_filters.scss */
.blog_post .headline {
  font-family: "Georgia", serif;
  font-size: 22px;
  font-weight: normal;
  text-transform: none;
  color: #000;
  letter-spacing: -1px;
  padding: 0;
  margin: 5 0 0 0;
  line-height: 25px; }

.blog_post div,
.blog_post p {
  font-family: "EB Garamond", serif;
  font-size: 18px;
  line-height: 1.2em; }

.blog_post .headline a {
  color: #000; }

.blog_post .byline {
  font-size: 10px;
  color: #999; }

.blog_container {
  box-sizing: border-box; }

.blog_post img {
  max-width: 100%;
  height: auto; }

.blog-main {
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem; }

.blog-sidebar {
  flex-shrink: 0;
  padding: 0 2rem 0 4rem;
  min-width: 90px;
  overflow: hidden; }

@media screen and (max-width: 640px) {
  .blog_container {
    flex-direction: column; } }
.separator {
  display: none; }

.cart-separator {
  border-bottom: 1px solid #ccc;
  padding: 10px 0px 0px;
  margin-bottom: 10px; }

#checkout_row {
  text-align: right; }

.checkout-row-button {
  display: inline-block; }

.shipping-form-panels {
  display: flex;
  position: relative; }

.shipping-options-panel {
  display: none;
  margin: 0 auto;
  min-height: 300px;
  max-width: 550px;
  width: 100%; }

.delete-button-column {
  min-width: 30px;
  text-align: center; }

div#checkout_row {
  margin-left: 520px; }

.shipping {
  width: 100%; }

.shipping > div {
  text-align: right;
  min-width: 120px;
  position: relative; }

.shipping > div label {
  padding-top: 3px;
  text-align: left;
  min-width: 120px; }

.shipping label {
  line-height: 4px; }

.calculate-shipping-panel {
  transition: 0s;
  display: block;
  max-width: 580px;
  margin-left: auto;
  margin-right: 3.5rem;
  display: flex;
  flex-direction: column; }
  .calculate-shipping-panel .inputs {
    display: block;
    width: 100%;
    font-weight: 100;
    color: #222; }

.shipping select#country,
.shipping select#state {
  width: 100% !important;
  border-radius: 7px; }

.shipping select#country,
.shipping select#state {
  margin-left: 0;
  height: 40px;
  font-size: 1rem;
  font-family: inherit;
  color: inherit;
  font-weight: 500;
  padding-top: 8px; }

#options_container {
  padding-top: 10px;
  width: 100%; }

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

.cart_row > * {
  vertical-align: middle !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.cart_row.extra-shipping-row > * {
  margin-top: 0;
  margin-bottom: 0; }

.cart_row td {
  padding: 10px 0; }

.shipping-container {
  border-right: 1px solid #ddd; }

.cart-and-shipping {
  display: flex; }
  .cart-and-shipping > * {
    flex: 1; }

.shipping-container {
  order: 0;
  padding: 1rem;
  position: relative; }

.cart-container {
  order: 1;
  background-color: #eaebec;
  padding: 1rem 2.5rem 1rem 1rem; }

.cart-container td {
  line-height: 1rem; }

.cart-row-label {
  color: #222;
  font-size: 15px;
  margin-right: auto; }

.cart-row-amount {
  color: #222;
  font-size: 15px; }

.cart-delete-icon,
.shipping-close-button {
  color: #aaa;
  z-index: 1;
  cursor: pointer;
  font-family: sans-serif;
  transition: color 0.3s;
  font-weight: 100; }
  .cart-delete-icon:hover,
  .shipping-close-button:hover {
    color: #222; }

.cart-delete-button {
  display: inline-block; }

.margin-button-container {
  display: inline-block;
  position: absolute;
  right: -2rem; }

.cart-delete-icon {
  font-size: 25px; }

.edit-shipping-button {
  display: inline-block;
  width: 100%;
  text-align: right;
  text-decoration: none;
  color: inherit; }

.shipping-close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 40px; }

tbody tr {
  width: calc(100% + 30px); }

.shipping-option-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
  padding: 0.5rem 1rem;
  transition: 0.1s;
  cursor: pointer;
  margin-bottom: 5px;
  box-sizing: border-box; }
  .shipping-option-button:hover {
    border: 1px solid #222;
    color: #222;
    z-index: 10; }

#options_container > label {
  cursor: pointer; }

.minicart_box {
  border: 0px solid #999;
  border-top: 0px;
  margin-right: 5px;
  padding-bottom: 1px;
  width: 25px;
  display: block;
  float: left;
  vertical-align: bottom; }

.minicart_item {
  height: 5px;
  width: 5px;
  display: block;
  background: #699;
  margin-bottom: 1px;
  margin-left: 1px;
  vertical-align: bottom;
  float: left; }

.cart_count {
  font-family: "Georgia";
  font-size: 16px;
  color: #990000; }

.shipping-container > * {
  max-width: 800px;
  margin-left: auto; }

.cart-notices-container {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }

#stripe-payment-form {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }

.paypal-checkout-btn,
#stripe-checkout-btn {
  transition: opacity 0.2s; }

#cart_form {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }
  #cart_form .cart-column-first {
    width: 140px;
    display: flex;
    justify-content: center;
    flex-shrink: 3; }
  #cart_form .cart-column-flex {
    flex: auto;
    flex-shrink: 2; }
  #cart_form .cart-column-n-1 {
    flex-basis: 50px; }
  #cart_form .cart-column-last {
    flex-basis: 100px; }

.cart-row .cart-thumbnail-container img {
  width: 100%;
  max-height: 140px; }
.cart-row .cart-quantity {
  text-align: center; }
  .cart-row .cart-quantity input {
    width: 100%; }
.cart-row .cart-item-artist {
  color: #000; }

.coupon-row .cart-coupon-info {
  padding: 0 1rem; }
.coupon-row .cart-coupon-unit-price {
  text-align: center; }
.coupon-row .cart-coupon-quantity {
  display: none; }

.shipping-container {
  display: none; }

.shipping-active .shipping-container {
  display: block; }

.shipping-active #cart_form,
.shipping-active .cart-notices-container {
  margin-left: 0; }

#shipping_form .gift-purchase-element {
  display: none; }
#shipping_form .cart-shipping-title-gift {
  display: none; }

#shipping_form.gift-purchase .cart-shipping-title {
  display: none; }
#shipping_form.gift-purchase .cart-shipping-title-gift {
  display: block; }

/* currently disabling errors because of style issues */
#first_name-error, #last_name-error, #company-error, #address-error, #address2-error, #city-error, #country-error,
#state-error, #phone-error, #zip-error, #email-error, #email_confirm-error {
  display: none !important; }

/**************** media queries *************/
@media screen and (max-width: 900px) {
  .calculate-shipping-panel {
    margin-left: 0; }

  .cart-and-shipping {
    flex-direction: column; }

  .cart-container {
    order: 0; }

  .shipping-container {
    order: 1; } }
/**************** end media queries *************/
/**************** validation *******************/
label[id*=-error] {
  position: absolute;
  bottom: -10px;
  left: 0;
  padding-left: 0 !important; }

label#last_name-error {
  left: auto;
  right: 0; }

.email_match_message {
  visibility: hidden;
  position: absolute;
  left: 5px;
  top: -15px;
  color: #28a745;
  font-size: 11px;
  height: 10px;
  pointer-events: none; }

.email-fields.email-valid .email_match_message {
  visibility: visible; }

.email-fields.email-valid input {
  border-color: rgba(40, 167, 69, 0.5) !important;
  background-color: rgba(40, 167, 69, 0.05) !important; }

/**************** end validation *******************/
.coupon-row .remove-coupon-container {
  position: absolute; }

.coupon-row .remove-coupon-container .margin-button-container {
  right: -1.5rem;
  top: 0.9rem; }

.coupon-row .remove-coupon-container a:hover {
  text-decoration: none; }

.photoset-page .header-banner-image {
  background-position: 50% 50%; }
.photoset-page .header-banner-overlay .subtitle .subtitle-divider {
  margin: 0.7rem; }
.photoset-page .photoset-album-controls {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem; }
  .photoset-page .photoset-album-controls a {
    color: #555; }
.photoset-page #large_image_container {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
.photoset-page #large_image_container > img[name=large_image] {
  object-fit: contain;
  max-width: 1024px;
  transition: opacity 0.3s;
  opacity: 1; }
  .photoset-page #large_image_container > img[name=large_image].loading {
    opacity: 0.5; }
.photoset-page .photoset-thumbs {
  margin: 0.5rem auto 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: 5px;
  grid-column-gap: 5px; }
  .photoset-page .photoset-thumbs .photo_thumb {
    transition: opacity 0.25s;
    opacity: 0.25; }
  .photoset-page .photoset-thumbs .photo_thumb_active,
  .photoset-page .photoset-thumbs .photo_thumb {
    float: none;
    height: 100%;
    width: 100%;
    padding: 0; }
    .photoset-page .photoset-thumbs .photo_thumb_active img,
    .photoset-page .photoset-thumbs .photo_thumb img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
.photoset-page .photoset-top {
  max-width: 1024px;
  margin: 0 auto; }
.photoset-page .photoset-upper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  padding: 0 4rem; }
.photoset-page #large_image_container .slick-arrow:before {
  color: black; }
.photoset-page #large_image_container .slick-arrow.slick-disabled {
  opacity: 0 !important; }
.photoset-page #large_image_container .slick-arrow {
  position: relative;
  height: 70px;
  width: 70px;
  object-fit: contain;
  top: 50%;
  opacity: 0.5; }
  .photoset-page #large_image_container .slick-arrow:hover {
    opacity: 1; }

@media screen and (min-width: 1175px) {
  .photoset-page #large_image_container .slick-prev {
    left: -1rem; }

  .photoset-page #large_image_container .slick-next {
    right: -1rem; } }
@media screen and (max-width: 1175px) {
  .photoset-page #large_image_container > img[name=large_image] {
    max-width: 100%; }

  .photoset-page #large_image_container {
    padding: 0; }

  /*
  .photoset-page #large_image_container .slick-prev,
  .photoset-page #large_image_container .slick-next {
    position: absolute;
  }
  */
  .photoset-page #large_image_container .slick-prev {
    left: -0.5rem; }

  .photoset-page #large_image_container .slick-next {
    right: -0.5rem; }

  .photoset-page #large_image_container .slick-arrow {
    border-radius: 10px;
    /*
    &:hover { background-color: rgba(255, 255, 255, 0.35); }
    */ } }
.store-page .store_thumb {
  margin: 0 0 1rem;
  text-align: center; }

.store-page .item-search-results .items {
  justify-content: center; }

.store-page .item-search-results .card {
  margin: 0 1rem 5rem; }
  .store-page .item-search-results .card img {
    height: 300px; }

.artists-page .results-header {
  display: none; }
.artists-page .filtered-results hr {
  display: none; }
.artists-page .filter_search_container {
  transform: translateX(55px);
  z-index: 10; }

.all-page.artists .empty-cover {
  background-color: #848484; }
  .all-page.artists .empty-cover h1 {
    color: white; }

.bid-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin: 2rem auto 0; }

.bid-form img {
  max-width: 500px; }

.auction-actions .bid-info,
.bid-form .bid-info {
  display: flex; }

.bid-form .bid-info {
  justify-content: center; }

.bid-form .item-info {
  max-width: 320px;
  margin: 0 auto; }

#place_bid_form .fields {
  display: flex;
  flex-direction: column;
  align-items: center; }

#place_bid_form > .fields > input {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0.5rem; }

.bid-form .bid-time-numbers {
  color: #069; }

@media screen and (max-width: 500px) {
  .bid-form img {
    width: 100%;
    max-width: 100%; } }
.collection-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 350px; }
  .collection-card:focus,
  .collection-card *:focus {
    outline: none; }
  .collection-card .collection-image.empty {
    height: 300px; }
  .collection-card .collection-image {
    margin: 0 auto; }
    .collection-card .collection-image img {
      max-width: 100%;
      height: 300px;
      object-fit: contain;
      margin: 0 auto; }

.collection-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .collection-cards .collection-card {
    margin: 0 2rem 5rem;
    width: 300px; }

@media screen and (max-width: 800px) {
  .collection-cards {
    flex-direction: column;
    align-items: center; }

  .collection-cards .collection-image.empty {
    height: 0; }

  .collection-card .collection-image img {
    height: auto;
    max-height: 300px;
    object-position: bottom; } }
.zoom_badge {
  width: 55px;
  height: 18px;
  position: relative;
  top: -40px;
  margin: 0 0 -22 0;
  padding: 1px;
  /*background-color: #fff;*/
  /*border: 1px solid #ccc;*/
  /*opacity: 0.9;*/ }

.new_badge {
  width: 32px;
  height: 32px;
  background: url(/assets/new-256914b7a4e958d93e3940199d4bcaad66132f3eedb7188c73325de969dedc1c.png) top left no-repeat;
  position: relative;
  left: -1px;
  top: 0px;
  margin: 0 0 -32 0; }

.new_badge2 {
  width: 32px;
  height: 10px;
  margin-top: -2px;
  background: url(/assets/new-256914b7a4e958d93e3940199d4bcaad66132f3eedb7188c73325de969dedc1c.png) top left no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle; }

.new_badge3 {
  width: 32px;
  height: 10px;
  margin-top: -1px;
  background-color: #e60000;
  padding: 1px 0;
  border-radius: 1px;
  color: #fff;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.new_badge4 {
  z-index: 10;
  position: absolute;
  top: -40px;
  left: -12px;
  border-radius: 50%;
  width: 32px;
  height: 30px;
  margin-top: -1px;
  background-color: #e60000;
  padding: 1px 0;
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.audio_badge {
  width: 13px;
  height: 13px;
  background: url(/assets/audio-055c8393a08713d57be7eecc4b0e156c5fb7c98dce46576a4da86fb3a584f3aa.png) top left no-repeat;
  position: relative;
  right: -1px;
  top: 0px;
  margin: 0 0 -13 0; }

.special_badge {
  width: 32px;
  height: 32px;
  background: url(/assets/special-6ad634692bc8f329dd9f2d746279f5f64efe529f1dcc0e76bd20afec44528274.png) top left no-repeat;
  position: relative;
  left: 0px;
  top: -5px;
  margin: 0 0 -32 0; }

#gallery_box, #prints_box, #store_box, #featured_item_box, #store_items_box, #exhibition_box {
  float: left;
  border: 0px solid #ccc;
  height: auto; }

#gallery_box {
  margin: 0 0 0 3;
  width: 300px; }

#prints_box {
  margin: 0 0 0 23;
  width: 200px; }

#store_box {
  margin: 0 0 0 23;
  width: 220px; }

.event_date {
  color: #666;
  letter-spacing: 0.1em; }

#featured_item_box {
  margin: 0 10 0 0;
  width: 400px; }

.store_items_container {
  float: right;
  width: 346px; }

#store_items_box {
  height: auto;
  width: auto; }

#exhibition_box {
  margin: 0 15 0 0;
  width: 200px; }

.item_detail_image_box {
  margin: 0 23 0 0;
  width: 500px; }

.item_details_box {
  float: right;
  width: 250px; }

.item_details_box .separator_form_top {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 15 0 7 0; }

.item_details_box .separator_form_bottom {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: -7 0 15 0; }

#gallery_box_current {
  float: left;
  width: 300px;
  height: auto;
  border-left: 1px dotted #fff;
  border-right: 1px dotted #fff;
  padding: 0 15 0 15;
  display: block; }

#gallery_box_previous, #gallery_box_next {
  float: left;
  width: 200px;
  display: block;
  height: auto; }

#gallery_box_previous {
  margin: 0 15 0 0; }

#gallery_box_next {
  margin: 0 0 0 15; }

#event_box {
  float: left;
  width: 300px; }

.share_this_box {
  margin-left: 15px;
  border: 1px solid #eee;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 140px; }

.pillButton {
  display: block;
  cursor: pointer;
  width: 100px;
  height: 20px;
  line-height: 20px;
  background-color: #a3a7a6;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-family: "Century Gothic", sans-serif;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 4px #aaa;
  -moz-box-shadow: 0px 2px 4px #aaa;
  box-shadow: 0px 2px 4px #aaa;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #666; }

.pillButton.mini {
  height: 15px;
  line-height: 15px;
  font-size: 9px;
  width: 65px; }

.pillButton.huge {
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  width: 550px; }

.pillButton.medium {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  width: 120px; }

.pillButton:hover {
  text-decoration: none;
  background-color: #ccc;
  color: #666; }

.pillButton.disabled {
  color: #900;
  background-color: #eee;
  border: 1px solid #eee;
  cursor: default; }

.pillButton2 {
  cursor: pointer;
  background-color: #666666;
  font-size: 0.6rem;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: 100;
  letter-spacing: 0.3em;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  color: #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.textBlockButton {
  background-color: transparent;
  font-size: 13px;
  padding: 10px 1rem;
  letter-spacing: 3px;
  font-weight: 100;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  color: #222;
  cursor: pointer;
  transition: all 0.25s; }
  .textBlockButton:hover {
    text-decoration: none;
    background-color: #222;
    color: #fff; }

.textBlockButton.bordered {
  border: 1px solid #222;
  color: #222; }
  .textBlockButton.bordered:hover {
    color: #fff; }

.transparent-button {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #222;
  color: #222;
  background-color: transparent;
  font-size: 13px;
  padding: 15px 30px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: 0.2s; }
  .transparent-button a {
    color: #222; }
  .transparent-button.tiny {
    font-size: 9px;
    padding: .3em .5em .1em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.small {
    font-size: 12px;
    padding: .7em 1em .5em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.large {
    font-size: 16px;
    padding: 1.4em 2em 1em;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 2rem; }
  .transparent-button + .transparent-button {
    margin-left: 0.5rem; }
  .transparent-button:not(.no-hover):not([disabled=disabled]):hover, .transparent-button:not(.no-hover):not([disabled=disabled]):focus, .transparent-button:focus, .transparent-button.active {
    text-decoration: none;
    background-color: #222;
    color: #dddddd; }
    .transparent-button:not(.no-hover):not([disabled=disabled]):hover a, .transparent-button:not(.no-hover):not([disabled=disabled]):focus a, .transparent-button:focus a, .transparent-button.active a {
      color: #dddddd;
      text-decoration: none; }
  .transparent-button.no-hover:active {
    background-color: transparent; }
  .transparent-button:focus {
    outline: none; }
  .transparent-button.hover-border:focus, .transparent-button.hover-border:hover {
    border: 1px solid #dddddd !important; }

.transparent-button.small {
  font-size: 12px;
  padding: .7em 1em .5em;
  font-weight: 300;
  letter-spacing: 2px; }

.transparent-button.borderless {
  border: 1px solid transparent; }
  .transparent-button.borderless:focus, .transparent-button.borderless:hover {
    border: 1px solid transparent; }
  .transparent-button.borderless.underline-focus:focus {
    background-color: transparent;
    color: #222;
    text-decoration: underline; }

.transparent-button.white {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  font-size: 13px;
  padding: 15px 30px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: 0.2s; }
  .transparent-button.white a {
    color: #fff; }
  .transparent-button.white.tiny {
    font-size: 9px;
    padding: .3em .5em .1em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.white.small {
    font-size: 12px;
    padding: .7em 1em .5em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.white.large {
    font-size: 16px;
    padding: 1.4em 2em 1em;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 2rem; }
  .transparent-button.white + .transparent-button.white {
    margin-left: 0.5rem; }
  .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover, .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus, .transparent-button.white:focus, .transparent-button.white.active {
    text-decoration: none;
    background-color: #fff;
    color: black; }
    .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover a, .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus a, .transparent-button.white:focus a, .transparent-button.white.active a {
      color: black;
      text-decoration: none; }
  .transparent-button.white.no-hover:active {
    background-color: transparent; }
  .transparent-button.white:focus {
    outline: none; }
  .transparent-button.white.hover-border:focus, .transparent-button.white.hover-border:hover {
    border: 1px solid black !important; }

.transparent-button.inverted {
  color: #fff;
  background-color: #222; }
  .transparent-button.inverted:hover {
    color: #222 !important;
    background-color: #fff !important; }

.transparent-button.underline:hover {
  text-decoration: underline;
  color: #222;
  background-color: #fff; }

.transparent-button.inverted-underline {
  color: #fff;
  background-color: #222; }
  .transparent-button.inverted-underline:hover {
    text-decoration: underline; }

.out-of-stock-button {
  display: inline-block;
  padding: 0.3rem 15px;
  letter-spacing: 2px;
  transition: 0.1s;
  width: 125px;
  border: 1px solid transparent; }

.out-of-stock-button.pillButton2 {
  width: 105px;
  padding: 0.3rem 15px; }

/* The container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 7px;
  background-color: white;
  border: 1px solid #ccc; }

.checkbox-container input:focus ~ .checkmark {
  box-shadow: 0 0 3px #00aeef; }

/* On mouse-over, add a grey background color */
/*
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}
*/
/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #00aeef;
  border: 1px solid #00aeef; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#main-footer .footer-logo {
  height: 35px;
  transform: translateX(10px);
  width: 130px; }

#main-footer .footer-logo path {
  fill: #3c3c3c;
  transition: 0.3s; }

#main-footer .footer-logo:hover path {
  fill: #090909; }

#main-footer {
  font-size: 16px;
  display: flex;
  justify-content: space-around;
  width: 100%;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  padding-top: 1rem;
  max-width: 1600px;
  margin: 3rem auto 0; }
  #main-footer .col {
    padding: 8px 15px;
    background-color: transparent !important; }
  #main-footer .one {
    text-align: center;
    background-color: gray; }
    #main-footer .one .footer-est {
      color: #222;
      font-weight: 700;
      margin-top: 0.5rem; }
  #main-footer .two {
    background-color: blue; }
    #main-footer .two ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
    #main-footer .two ul li {
      line-height: 1.7rem; }
      #main-footer .two ul li a {
        color: #666;
        transition: 0.3s ease-out; }
        #main-footer .two ul li a:hover {
          color: #326b9a; }
  #main-footer .three {
    background-color: orange; }
    #main-footer .three h2 {
      color: #222;
      margin: 8px 0 3px; }
  #main-footer .four h2 {
    color: #222;
    margin: 8px 0 3px; }
  #main-footer .five .social img {
    border-radius: 5px;
    margin-right: 0.5rrem; }
  #main-footer .five .social-icons {
    display: inline-flex; }
    #main-footer .five .social-icons .social.svg.instagram:not(:hover) svg path:nth-child(3) {
      fill: #999 !important; }
  #main-footer .five {
    width: 28%;
    background-color: yellow; }
    #main-footer .five .news {
      display: flex;
      text-align: left;
      width: 250px;
      max-width: 100%;
      text-align: left;
      display: inline-block; }
      @media (max-width: 920px) {
        #main-footer .five .news {
          text-align: center; } }
  #main-footer .col h1 {
    font-size: 1rem;
    color: #aaa;
    font-weight: 400; }
  #main-footer .col h2 {
    font-size: 0.8rem;
    font-weight: bold; }
  #main-footer p {
    font-size: 0.8rem;
    line-height: 1.5em;
    margin: 0.1em 0; }
  #main-footer h6 {
    font-size: 0.8rem;
    margin: 0.5em 0;
    font-weight: normal;
    color: #aaa; }

.footer-container.footer-dark {
  background-color: black; }
  .footer-container.footer-dark #main-footer {
    background-color: black;
    color: #eee; }
    .footer-container.footer-dark #main-footer .footer-logo {
      filter: invert(100%) brightness(200%) contrast(200%); }
    .footer-container.footer-dark #main-footer .transparent-button {
      color: #eee;
      background-color: #000;
      border-color: #eee; }
      .footer-container.footer-dark #main-footer .transparent-button:not(.no-hover):focus, .footer-container.footer-dark #main-footer .transparent-button:not(.no-hover):hover {
        color: #000;
        background-color: #fff; }
    .footer-container.footer-dark #main-footer .five .social-icons .social.svg {
      background-color: #999; }
      .footer-container.footer-dark #main-footer .five .social-icons .social.svg.facebook .fb-bg, .footer-container.footer-dark #main-footer .five .social-icons .social.svg.twitter .twitter-bird, .footer-container.footer-dark #main-footer .five .social-icons .social.svg.patreon svg {
        fill: #000 !important; }
      .footer-container.footer-dark #main-footer .five .social-icons .social.svg img {
        filter: invert(100%); }
      .footer-container.footer-dark #main-footer .five .social-icons .social.svg.facebook:not(:hover) .fb-fg {
        background-color: #999;
        fill: #999; }
    .footer-container.footer-dark #main-footer a,
    .footer-container.footer-dark #main-footer .color-gray,
    .footer-container.footer-dark #main-footer .one .footer-est,
    .footer-container.footer-dark #main-footer .two ul li a,
    .footer-container.footer-dark #main-footer .three h2,
    .footer-container.footer-dark #main-footer .four h2 {
      color: #eee; }

@media (max-width: 920px) {
  #main-footer {
    display: flex;
    flex-direction: column; }
    #main-footer .col {
      width: 100%;
      text-align: center;
      padding: 1rem 0; }
    #main-footer .one {
      order: 3; }
    #main-footer .two {
      order: 2; }
    #main-footer .three {
      order: 4; }
    #main-footer .four {
      order: 5; }
    #main-footer .four h1 {
      display: none; }
    #main-footer .five {
      order: 1; } }
/*===/ FOOTER /==============================================================*/
#footer {
  width: 940px;
  margin: 0 0 0 0;
  height: 40px;
  border-top: 1px solid #aaa;
  color: #999;
  vertical-align: middle; }

#footer a {
  font-size: 11px;
  color: #666;
  text-transform: uppercase;
  text-decoration: none; }

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

#footer #logo {
  margin: 13 35 0 25;
  float: left;
  height: 100%;
  vertical-align: middle; }

#footer #navs {
  float: left;
  height: auto;
  border: 0px solid #666;
  vertical-align: middle;
  padding: 3 20 0 0;
  margin: 10 0 0 0; }

#footer #info {
  float: left;
  height: auto;
  border-left: 1px solid #ddd;
  padding: 0 20 0 20;
  margin: 10 0 0 0;
  line-height: 12px; }

#footer #mailing_list {
  float: left;
  height: 100%;
  position: relative;
  top: 10px;
  margin-left: 20px; }

#footer .text {
  background-color: #bbb;
  border: 1px solid #999;
  color: #fff;
  font-family: "Century Gothic";
  font-weight: bold; }

.footer_text {
  font-size: 9px; }

.form_mailing_list .text, .form_search .text {
  border: 1px solid #ccc;
  font-family: "Georgia", serif;
  color: #669999;
  height: 18px;
  width: 115px; }

.form_mailing_list .button {
  width: 60px;
  color: #666;
  font-size: 13px;
  height: 18px; }

.form_mailing_list #envelope_icon {
  float: left;
  margin: 4px; }

.form_search #search_icon {
  float: left;
  margin: 3px; }

.form_search .text {
  width: 135px;
  padding-left: 20px;
  background: url(/assets/search-0dd63431867f9d931bbb4db4a73343b8ab493f19dd88d994d73877ebba331c17.gif) no-repeat 2px 2px; }

.form_errors {
  color: #990000;
  padding: 5px;
  margin: 5 0 5 0;
  display: block;
  border: 1px solid #eedddd;
  background: #ffeeee; }

.form_notice {
  color: #009900;
  padding: 5px;
  margin: 5 0 5 0;
  display: block;
  border: 1px solid #ddeedd;
  background: #eeffee; }

.customer_form label, #email_information label {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
  padding: 0 5 0 0;
  margin: 1 5 1 0;
  background-color: #f7f7f7; }

/*
.customer_form input[type="text"], textarea, select {
  font-family: "Georgia", serif;
  padding: 1 2 1 2;
  color: #669999;
  font-size: 11px;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
}
  */
.customer_form .field_row {
  padding: 2 0 2 0;
  clear: both; }

.customer_form .error_messages {
  padding: 5;
  color: #990000;
  font-size: 11px;
  border: 1px solid #ccaaaa;
  background-color: #eedddd; }

.customer_form .messages {
  padding: 5;
  color: #009900;
  font-size: 11px;
  border: 1px solid #aaccaa;
  background-color: #ddeedd; }

fieldset {
  background-color: #f7f7f7;
  padding: 20px;
  border: 1px dotted #ccc;
  float: right; }

fieldset label {
  display: block;
  width: 75px;
  text-align: right;
  padding: 4px;
  float: left; }

.coupon_form {
  border: 2px dotted #998866;
  background-color: #ffeeaa;
  width: 310px;
  height: 25px;
  padding: 10px;
  position: absolute;
  margin-top: -2px;
  margin-left: 10px;
  z-index: 30; }

.form_value {
  padding: 4 0 0 5;
  float: left;
  color: #000; }

.item-search-results .items {
  justify-content: space-evenly;
  display: flex;
  flex-wrap: wrap; }
.item-search-results .items .card {
  margin-bottom: 2rem; }

/* .25s */
section.nav {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  /* sticky nav settings */
  position: relative;
  transition: transform 0.3s;
  /* end */ }

section.nav.sticky.hiding {
  transform: translateY(-100%); }

section.nav.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  opacity: 0.95; }

section.nav .main {
  display: flex;
  margin: 0 auto;
  max-width: 1600px; }

section.nav .main .logo {
  text-align: center;
  flex-basis: 3rem;
  flex-grow: 0;
  flex-shrink: 1;
  position: relative;
  margin: 0 1rem; }
  @media screen and (max-width: 850px) {
    section.nav .main .logo {
      padding: 0 0.5rem;
      margin: 0; } }

/*
section.nav .main .logo:hover {
  background-color: $charcoal;
}
section.nav .main .logo:hover .logo-image path,
section.nav .main .logo .logo-image:hover path {
  // fill: darken($charcoal, 10%);
  fill: $white;
}
*/
section.nav .main .logo .logo-image {
  width: 40px;
  position: absolute;
  left: 50%;
  top: calc(50% - 2px);
  transform: translate(-50%, -50%); }

section.nav .main .logo .logo-image path {
  fill: #222;
  transition: fill none, background-color 0.25s; }

section.nav .main .menu-items {
  flex: auto;
  display: flex;
  justify-content: space-around; }
  @media screen and (max-width: 768px) {
    section.nav .main .menu-items {
      display: none; } }

@media screen and (max-width: 768px) {
  section.nav .main .menu-item {
    visibility: hidden; } }

section.nav .main .actions,
section.nav .main .menu-item {
  font-size: 12px;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  letter-spacing: 0.3em;
  position: relative;
  text-align: center;
  height: 60px;
  text-decoration: none;
  position: relative;
  transition: color background-color 0.3s;
  color: #222;
  cursor: pointer;
  padding: 0 0.5rem; }
  @media screen and (max-width: 850px) {
    section.nav .main .actions,
    section.nav .main .menu-item {
      letter-spacing: 1px; } }
  @media screen and (max-width: 850px) {
    section.nav .main .actions,
    section.nav .main .menu-item {
      padding: 0 0.2rem; } }

section.nav .main .menu-item > h5 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
  background-color: transparent;
  margin: 0;
  padding-bottom: 2px;
  transform: translateY(-6px); }

section.nav .main .menu-item:hover {
  color: #8ab0ff;
  background-color: #fff; }

section.nav .main .menu-item:hover svg {
  fill: #8ab0ff; }

section.nav .main .menu-item:hover h5 {
  text-decoration: none;
  border-bottom-color: #8ab0ff; }

section.nav .main .menu-item.active {
  color: #8ab0ff;
  background-color: #fff; }

section.nav .main .menu-item.active:hover h5 {
  text-decoration: none; }

section.nav .main .menu-item.active:hover svg {
  fill: #8ab0ff; }

.menu-item.underline h5 {
  border-bottom: 2px solid #000; }

/* Actions */
section.nav .main .actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: all 0.25s; }
  @media screen and (max-width: 768px) {
    section.nav .main .actions {
      margin-left: auto; } }

section.nav .main .actions > a {
  display: inline-block;
  text-decoration: none;
  position: relative; }

section.nav .main .actions > a img {
  width: 100%; }

.cart-counter {
  font-size: 7px;
  position: absolute;
  color: white;
  background: #222;
  top: 5.5px;
  right: 11px;
  text-align: center;
  border-radius: 100px;
  width: 15px;
  height: 15px; }

.cart-counter span {
  letter-spacing: 0px;
  transform: translateY(-1px);
  display: inline-block; }

section.nav .main .actions > a.cart-link {
  position: relative;
  width: 27px;
  top: 2px;
  padding: 0.5rem 1rem; }

section.nav .main .actions > div.search-button {
  width: 22px;
  top: 1px;
  padding: 0.5rem 1rem; }

/*
section.nav .main .actions > .hamburger-button {
  display: none;
  width: 22px;
  position: relative;
  top: -1px;
  transition: $actions_transition_duration;
  padding: $nav_actions_items_padding;
}
*/
section.nav .hamburger-button {
  display: none;
  width: 30px;
  position: relative;
  top: -1px;
  transition: 0.25s;
  padding: 0.5rem 1rem; }

@media screen and (max-width: 768px) {
  section.nav .hamburger-button {
    display: inline-block; } }
.actions .search-form {
  display: inline-block;
  position: relative;
  top: -4px; }

.actions .search-form input {
  background-color: white;
  color: transparent;
  opacity: 0;
  height: 25px;
  transform: translateY(3px);
  font-size: 13px;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  letter-spacing: 0.15em;
  border: none;
  width: 0;
  text-align: right;
  transition: width 0.25s, opacity 0s; }
  .actions .search-form input:focus {
    outline: none; }

section.nav.search-active .main .logo {
  flex-shrink: 0; }
section.nav.search-active .main .menu-items {
  width: 0;
  visibility: hidden; }
section.nav.search-active .main .user-link {
  opacity: 0;
  display: none; }
section.nav.search-active .main .actions .cart-link {
  opacity: 0;
  display: none; }
section.nav.search-active .main .actions .search-form input {
  opacity: 1;
  width: 240px;
  max-width: calc(100vw - 110px);
  color: #333; }

/* end Actions */
/* Submenu */
section.nav .submenu {
  margin: 0 auto;
  margin-top: -1px;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1000;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #222;
  background-color: #fff;
  padding: 3rem 0; }

section.nav footer .submenu-items {
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  display: none; }

section.nav footer .submenu-items.active {
  display: flex;
  justify-content: center; }

section.nav footer .submenu-item {
  text-decoration: none;
  color: #222;
  position: relative;
  font-size: 12px;
  letter-spacing: 4px;
  transition: 0.1s; }
  @media screen and (max-width: 768px) {
    section.nav footer .submenu-item {
      visibility: hidden; } }
  @media screen and (max-width: 850px) {
    section.nav footer .submenu-item {
      letter-spacing: 1px; } }

section.nav footer .submenu-item h5 {
  color: inherit;
  background-color: transparent;
  letter-spacing: 4px;
  line-height: 22px;
  margin: 0;
  padding: 1rem 1.5rem;
  text-align: center;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

section.nav footer .submenu-item:hover {
  color: #8ab0ff; }

section.nav footer .submenu-item:hover svg {
  fill: #8ab0ff; }

/*===/ SUBNAVS2  /===========================================================*/
.subnavs2, .subnavs2 .secondary {
  font-size: 12px;
  letter-spacing: 0.0em;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 5 0 8 0;
  border-bottom: 1px solid #aaa;
  width: 940px;
  height: 15px;
  color: #000;
  z-index: 200; }

.subnavs2 .secondary {
  letter-spacing: 0.0em;
  font-size: 11px; }

.subnavs2 div, .subnavs2 .secondary div {
  cursor: pointer;
  margin: 0 0 0 0;
  text-transform: uppercase; }

.subnavs2 div .active, .subnavs2 .secondary div .active {
  color: #669999; }

.subnavs2 div a {
  font-weight: normal;
  color: #000; }

.subnavs2 .secondary a {
  font-weight: normal;
  color: #333; }

.subnavs2 div a:hover, .subnavs2 .secondary a:hover {
  color: #669999;
  text-decoration: none; }

.subnavs2 .secondary div {
  text-transform: none; }

.subnav_arrow {
  cursor: pointer;
  width: 9px;
  height: 9px;
  float: left;
  margin: 4px 5px 0px -14px; }

.subnavs2 div ul {
  list-style-type: none;
  padding: 5px;
  margin: 0px; }

.subnavs2 div .subnavs_list_container {
  width: 150px;
  z-index: 500;
  background: #fff;
  position: absolute;
  top: 14px;
  left: -5px;
  border: 1px solid #ccc;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px; }

.subnavs2 div ul li {
  padding: 5px;
  z-index: 50;
  cursor: pointer; }

.subnavs2 div ul li:hover {
  background: #eee;
  padding: 5px;
  z-index: 50; }

.subnavs2 div ul li:hover a {
  color: #669999; }

/*===/ NAV PANELS /============================================================*/
.panel_tab {
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  height: 58px;
  width: 43px;
  position: relative;
  left: -5px;
  top: -57px;
  margin-bottom: -55px;
  z-index: 650;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px; }

.panel_body {
  border: 1px solid #ccc;
  background: #fff;
  position: fixed;
  margin-left: -20px;
  padding: 10px;
  z-index: 600;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 7px; }

.panel_label {
  font-size: 9px;
  text-transform: uppercase; }

input[type=text].nuc-form-control,
input[type=email].nuc-form-control,
input[type=password].nuc-form-control,
input[type=phone].nuc-form-control,
input[type=tel].nuc-form-control,
input[type=number].nuc-form-control,
select.nuc-form-control,
select[name=country],
select[name=state],
textarea.nuc-form-control {
  box-sizing: border-box;
  border-radius: 7px;
  border: 1px solid #ccc;
  padding: 10px 10px;
  font-size: 1rem;
  font-weight: 300; }
  input[type=text].nuc-form-control::placeholder,
  input[type=email].nuc-form-control::placeholder,
  input[type=password].nuc-form-control::placeholder,
  input[type=phone].nuc-form-control::placeholder,
  input[type=tel].nuc-form-control::placeholder,
  input[type=number].nuc-form-control::placeholder,
  select.nuc-form-control::placeholder,
  select[name=country]::placeholder,
  select[name=state]::placeholder,
  textarea.nuc-form-control::placeholder {
    font-style: italic;
    color: #aaa; }
  input[type=text].nuc-form-control:focus,
  input[type=email].nuc-form-control:focus,
  input[type=password].nuc-form-control:focus,
  input[type=phone].nuc-form-control:focus,
  input[type=tel].nuc-form-control:focus,
  input[type=number].nuc-form-control:focus,
  select.nuc-form-control:focus,
  select[name=country]:focus,
  select[name=state]:focus,
  textarea.nuc-form-control:focus {
    outline: none;
    border: 1px solid #00aeef; }

select.nuc-form-control {
  cursor: pointer; }

.pagination_pages {
  float: right;
  border: 0px solid #ccc;
  position: relative;
  top: -4px; }

.pagination_link_active, .pagination_link_inactive, .pagination_previous, .pagination_next, .pagination_previous_dead, .pagination_next_dead, .pagination_link_separator, .pagination_link_all_inactive, .pagination_link_all_active {
  display: block;
  padding: 1px;
  border: 1px solid #aacccc;
  width: 18px;
  height: auto;
  text-align: center;
  float: left;
  background-color: #aacccc;
  color: #fff;
  margin: 1px; }

.pagination_link_inactive, .pagination_previous, .pagination_next, .pagination_link_separator, .pagination_link_all_inactive {
  background-color: #fff;
  color: #999;
  border: 1px solid #fff;
  border-bottom: 0px dotted #666; }

.pagination_link_separator {
  border: 0px solid #fff; }

.pagination_link_inactive:hover, .pagination_previous:hover, .pagination_next:hover, .pagination_link_all_inactive:hover {
  border: 1px solid #aacccc;
  background-color: #aacccc;
  color: #fff;
  text-decoration: none; }

.pagination_link_all_inactive, .pagination_link_all_active {
  font-size: 13px;
  text-transform: none;
  letter-spacing: -0.0em;
  width: 35px;
  color: #669999; }

.pagination_link_all_active {
  color: #fff; }

.pagination_previous {
  border: none;
  background: url(/assets/pagination_previous-81892beedb71e566d7969eb96f9a9ebf51b7867902e814730c5f28c2c1fafa26.gif) top left no-repeat;
  background-position: 2 4; }

.pagination_next {
  border: none;
  background: url(/assets/pagination_next-c2492c10215a1ae34cd7531995d893d2249ff339315891673ac9d0492ecf8e86.gif) top left no-repeat;
  background-position: 2 4; }

.pagination_previous:hover {
  border: none;
  background: #aacccc image-image-url("pagination_previous_hover.gif") top left no-repeat;
  background-position: 2 4; }

.pagination_next:hover {
  border: none;
  background: #aacccc image-image-url("pagination_next_hover.gif") top left no-repeat;
  background-position: 2 4; }

.pagination_previous_dead, pagination_next_dead {
  border: 1px solid #eee;
  background-color: #fff;
  color: #eee;
  border-bottom: 0px dotted #666; }

.pagination_previous_dead {
  border: none;
  background: url(/assets/pagination_previous_dead-8b1dd3029a63a5bea813f841346f588e02114d9264c05d1fa9d6fa93579d258f.gif) top left no-repeat;
  background-position: 2 4; }

.pagination_next_dead {
  border: none;
  background: url(/assets/pagination_next_dead-808861d6d21c4a0106ff1a35f41595d31db6605f0e2899c952748a528f8d1097.gif) top left no-repeat;
  background-position: 2 4; }

.pagination_arrow {
  position: relative;
  top: 7px; }

.pagination_separator_top {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 15 0 2 0; }

.pagination_separator_bottom {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: -5 0 15 0; }

.pagination_animated_opacity {
  opacity: 0.25;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.pagination_animated_opacity:hover {
  opacity: 1.0; }

.photoset {
  width: 225px;
  border: 0px solid #eee;
  float: left;
  margin-right: 10px; }

.photoset_thumb {
  padding: 10px;
  border: 1px solid #eee;
  float: left;
  margin-right: 10px;
  width: 75px;
  height: 75px; }

.photoset_thumb:hover {
  border: 1px solid #ccc; }

.photo_large {
  padding: 10px;
  border: 1px solid #eee; }

.photo_thumb, .photo_thumb_active {
  margin: 1 1 0 0;
  padding: 5px;
  border: 1px solid #eee;
  float: left; }

.photo_thumb:hover {
  border: 1px solid #999; }

.photo_thumb_active {
  border: 1px solid #333; }

.separator_photoset_top {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 15 0 10 0; }

.separator_photoset_bottom {
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 10 0 15 0; }

.push-nav-wrapper {
  position: relative;
  display: flex;
  transition: transform linear 0.2s;
  overflow-x: hidden; }

/* slide left */
.push-nav-wrapper > * {
  transition: transform linear 0.2s; }

.push-nav-wrapper.active > * {
  transform: translateX(285px); }

.app-main {
  width: 100%; }

.push-nav {
  background-color: black;
  width: 285px;
  position: fixed;
  height: 100%;
  overflow: scroll;
  left: -285px; }

.push-nav .push-nav-list li {
  font-size: 25px;
  padding: 0.7em;
  list-style: none; }

.push-nav .push-nav-list a {
  color: #fff; }

.push-nav .push-nav-list .push-nav-menu-item {
  color: #aaa;
  cursor: pointer; }
  .push-nav .push-nav-list .push-nav-menu-item:hover {
    color: #fff; }

.push-nav .push-nav-list .push-nav-menu-item .submenu {
  display: none;
  /* submenu indentation */
  padding-left: 0.5rem; }

.push-nav .push-nav-list .push-nav-menu-item .submenu .submenu-item {
  padding: 10px;
  font-size: 16px;
  line-height: 22px; }

.push-nav .push-nav-list .push-nav-menu-item .submenu .submenu-item:first-child {
  padding-top: 2em; }

.push-nav .push-nav-close-button {
  color: #aaa;
  font-size: 40px;
  z-index: 1;
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 0.5rem;
  cursor: pointer;
  font-family: sans-serif;
  font-weight: 100;
  transition: color 0.3s; }
  .push-nav .push-nav-close-button:hover {
    color: #fff; }

.css-filter-form {
  /* dice button */
  /* try to prevent filters from overlapping each other */ }
  .css-filter-form .hidden {
    display: none; }
  .css-filter-form .all-page .dropdown {
    margin-left: 1rem;
    padding: 0.5rem 1rem;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 100;
    font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    background-color: white;
    border: 1px solid #666666;
    min-width: 150px; }
  .css-filter-form .all-page .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    top: calc(100% + 1px);
    left: 0; }
  .css-filter-form .all-page .dropdown-item {
    padding: 0.5rem 1rem;
    width: 150px;
    font-size: 14px;
    transition: 0.1s; }
    .css-filter-form .all-page .dropdown-item:hover {
      background-color: #eee; }
  .css-filter-form .all-page .dropdown.active .dropdown-content {
    display: block; }
  .css-filter-form .searchBox.disabled {
    opacity: 0.5; }
  .css-filter-form .searchBox .filter-menu-text {
    width: calc(100% - 23px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .css-filter-form .searchBox .filter-menu-text .swatches {
      float: left;
      box-shadow: none !important; }
  .css-filter-form .searchBox .filter-plus-button {
    position: absolute;
    color: #999;
    right: 0.5rem;
    font-weight: 300;
    font-size: 35px; }
  .css-filter-form .searchBox > ul > li {
    letter-spacing: 0px; }
  .css-filter-form .searchBox h1,
  .css-filter-form .searchBox .filter-plus-button {
    transition: 0.3s; }
  .css-filter-form .searchBox.selected h1, .css-filter-form .searchBox.selected .filter-plus-button {
    color: #222; }
  .css-filter-form .searchBox.selected .filter-plus-button {
    transform: rotate(45deg) scale(1.3); }
  .css-filter-form .discover-button {
    cursor: pointer;
    border: 1px solid transparent;
    height: 1rem;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 0.3rem;
    z-index: 100; }
  .css-filter-form .discover-button svg {
    height: 25px;
    width: 25px; }
  .css-filter-form .discover-button .svg-dice circle {
    stroke: #ff0000 !important; }
  .css-filter-form .filter-loader {
    padding: 10px 1rem;
    width: 15px;
    height: 15px;
    height: 1rem; }
  .css-filter-form .filter_search_container {
    position: relative;
    display: flex;
    overflow: visible;
    justify-content: center; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(1) {
    z-index: 200; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(2) {
    z-index: 190; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(3) {
    z-index: 180; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(4) {
    z-index: 170; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(5) {
    z-index: 160; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(6) {
    z-index: 150; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(7) {
    z-index: 140; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(8) {
    z-index: 130; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(9) {
    z-index: 120; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(10) {
    z-index: 110; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(11) {
    z-index: 100; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(12) {
    z-index: 90; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(13) {
    z-index: 80; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(14) {
    z-index: 70; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(15) {
    z-index: 60; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(16) {
    z-index: 50; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(17) {
    z-index: 40; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(18) {
    z-index: 30; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(19) {
    z-index: 20; }
  .css-filter-form .filter_search_container > .filters > div:nth-child(20) {
    z-index: 10; }
  .css-filter-form .filter_search_container > .filters,
  .css-filter-form .filter_search_container > .filter-actions {
    display: inline-flex;
    flex-wrap: wrap; }
  .css-filter-form .filter_search_container > .filter-actions {
    min-width: 150px; }
  .css-filter-form .filter_search_container > .filter-actions > .textBlockButton {
    height: 1rem; }
  .css-filter-form .filter_search_container > .reset-filter-button {
    width: 8px; }
  @media screen and (max-width: 950px) {
    .css-filter-form .filter_search_container {
      max-height: initial; } }
  .css-filter-form .searchBox:nth-child(1) {
    z-index: 100; }
  .css-filter-form .searchBox:nth-child(2) {
    z-index: 90; }
  .css-filter-form .searchBox:nth-child(3) {
    z-index: 80; }
  .css-filter-form .searchBox:nth-child(4) {
    z-index: 70; }
  .css-filter-form .searchBox:nth-child(5) {
    z-index: 60; }
  .css-filter-form .searchBox:nth-child(6) {
    z-index: 50; }
  .css-filter-form .searchBox h1 {
    margin-bottom: 0;
    position: relative;
    padding: 0; }
  .css-filter-form .searchBox {
    height: 1rem;
    background: #fff;
    padding: 10px;
    font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
    margin-right: 10px;
    margin-bottom: 0.3rem;
    width: 140px;
    z-index: 100;
    cursor: pointer;
    border: 1px solid #ccc; }
  .css-filter-form .searchBox.inverted.selected,
  .css-filter-form .searchBox.inverted {
    background: #000;
    border: 1px solid #000; }
    .css-filter-form .searchBox.inverted.selected > h1 > *,
    .css-filter-form .searchBox.inverted > h1 > * {
      color: #fff; }
    .css-filter-form .searchBox.inverted.selected > h1 > svg,
    .css-filter-form .searchBox.inverted > h1 > svg {
      -webkit-filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%);
      filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(196deg) brightness(114%) contrast(111%); }
  .css-filter-form .searchBox ul {
    list-style-type: none;
    margin-top: 10px;
    margin-left: -11px;
    width: 128px;
    /* 'hidden' styles */
    padding: 0px;
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    /* end */
    border-top: none;
    background-color: #fff;
    transition: max-height 1s ease-out; }
  .css-filter-form .searchBox .filter-item input {
    display: none; }
  .css-filter-form .searchBox .filter-item .filter-option-label {
    display: inline; }
  .css-filter-form .searchBox .filter-item.disabled {
    opacity: 0.3;
    cursor: default; }
  .css-filter-form .searchBox ul li {
    display: none;
    color: #999;
    margin-bottom: 5px;
    padding: 2px; }
  .css-filter-form .searchBox ul li img {
    height: 13px;
    margin-top: 2px; }
  .css-filter-form .searchBox:not(.disabled).open ul,
  .css-filter-form .searchBox:not(.disabled) ul.open {
    border: 1px solid #ccc;
    padding: 0.6rem 1rem;
    max-height: 450px; }
  .css-filter-form .searchBox:not(.disabled).open ul li,
  .css-filter-form .searchBox:not(.disabled) ul.open li {
    display: flex; }
  .css-filter-form .searchBox ul li:hover {
    background: #eee;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .css-filter-form .swatches {
    width: 100px;
    height: 10px;
    overflow: hidden;
    float: right;
    border: 3px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px 0px 3px #333;
    -webkit-box-shadow: 0px 0px 3px #333;
    -moz-box-shadow: 0px 0px 3px #333; }
  .css-filter-form .swatch {
    height: 10px;
    float: left; }
  .css-filter-form .large_arrow {
    opacity: 0.25;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .css-filter-form .large_arrow:hover {
    opacity: 1.0; }

.filtered-results-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline; }
  .filtered-results-items .grouped-filter-result {
    margin: 0 auto;
    width: 100%; }

.filtered-results .page-marker {
  flex-basis: 100%;
  width: 100%;
  text-align: center;
  padding-top: 1rem;
  border-top: 1px dotted #666666;
  position: relative;
  margin-bottom: 2rem; }
  .filtered-results .page-marker a {
    color: #222; }
  .filtered-results .page-marker aside.left,
  .filtered-results .page-marker aside.right {
    position: absolute;
    top: 1rem; }
  .filtered-results .page-marker aside.left {
    left: 0; }
  .filtered-results .page-marker aside.right {
    right: 0; }
.filtered-results .show-more {
  width: 100%;
  text-align: center;
  transition: 0.5s; }
.filtered-results .show-more.loading {
  color: black; }
.filtered-results .arrow-link {
  position: absolute;
  top: 150px;
  opacity: 1; }
  .filtered-results .arrow-link img {
    cursor: pointer; }
.filtered-results .arrow-link.fixed {
  position: fixed; }
.filtered-results .arrow-link.hidden {
  opacity: 0; }
@media screen and (min-width: 1300px) {
  .filtered-results .left-arrow-link.fixed {
    left: calc((100vw - 1300px) / 2); } }
@media screen and (min-width: 1300px) {
  .filtered-results .right-arrow-link.fixed {
    right: calc((100vw - 1300px) / 2); } }
.filtered-results .items article.card {
  margin-bottom: 5rem;
  width: 300px; }
  @media screen and (max-width: 500px) {
    .filtered-results .items article.card {
      width: auto;
      display: inline-block;
      flex-basis: 100%; } }
.filtered-results .items .artist-card {
  max-width: 180px;
  width: 180px;
  height: 180px;
  margin: 0 0.5rem 5rem; }
  @media screen and (max-width: 800px) {
    .filtered-results .items .artist-card {
      width: 180px;
      height: 180px;
      margin: 0 0.5rem 2.5rem; } }
.filtered-results .left-arrow-link {
  left: 0; }
.filtered-results .right-arrow-link {
  right: 0;
  transform: translateX(-50%); }
.filtered-results .arrow-table-cell {
  vertical-align: top;
  text-align: center;
  padding-top: 1rem; }
.filtered-results .large_arrow {
  height: 75px; }

.filtered-results.advance-arrows .events,
.filtered-results.advance-arrows .items {
  margin: 0 60px; }

.filtered-results .collection-header {
  text-align: center; }
  @media screen and (max-width: 650px) {
    .filtered-results .collection-header .collection-title {
      font-size: 2rem; } }
  .filtered-results .collection-header .collection-image {
    margin: 0 auto; }
    .filtered-results .collection-header .collection-image img {
      width: 300px;
      height: auto;
      max-height: 500px;
      object-fit: contain; }
  .filtered-results .collection-header .collection-description {
    max-width: 500px;
    margin: 1rem auto 1rem; }

.selections-label {
  color: #699;
  font-weight: 400; }

#sidebar {
  width: 158px;
  height: auto;
  padding: 0 10 0 0;
  float: left; }

#sidebar .separator {
  clear: both;
  height: 1px;
  width: auto;
  border-top: 1px dotted #999;
  margin: 15 0 15 0; }

.social {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin-right: 2px;
  margin-bottom: 5px;
  cursor: pointer; }

.social.svg {
  background-color: #aaa;
  border-radius: 5px;
  transition: 0.5s ease-out;
  text-align: center;
  position: relative; }
  .social.svg img, .social.svg svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.social.svg.instagram {
  background-color: transparent !important;
  position: relative; }
  .social.svg.instagram img, .social.svg.instagram svg {
    position: absolute; }
  .social.svg.instagram svg path:nth-child(4) {
    transition: 0.3s ease-out; }
  .social.svg.instagram:not(:hover) svg path:nth-child(3) {
    fill: #999; }
  .social.svg.instagram:not(:hover) svg path:nth-child(4) {
    fill: #000; }

.social.svg.facebook2 .fb-bg {
  fill: #aaa;
  transition: 0.5s ease-out; }
  .social.svg.facebook2 .fb-bg:hover {
    fill: #3C5A99;
    /* facebook blue */ }

.social.svg.facebook:hover {
  background-color: #3C5A99 !important;
  /* facebook blue */ }
  .social.svg.facebook:hover .fb-fg {
    fill: #3C5A99;
    /* facebook blue */ }
.social.svg.facebook .fb-fg {
  fill: #aaa;
  transition: 0.5s ease-out; }
.social.svg.facebook .fb-bg {
  fill: #fff; }

.social.svg.twitter:hover {
  background-color: #1da1f2 !important;
  /* twitter blue */ }
.social.svg.twitter .twitter-bird {
  fill: #fff !important; }

.social.svg.x-dotcom svg path {
  fill: #000 !important; }
.social.svg.x-dotcom:hover {
  background-color: #000 !important; }
.social.svg.x-dotcom:hover svg path {
  fill: #fff !important; }

.social.svg.patreon:hover {
  background-color: #FF424D !important;
  /* patreon pink */ }
.social.svg.patreon svg {
  fill: #fff !important; }

.social.svg.youtube svg path:nth-child(1) {
  fill: #000 !important; }
.social.svg.youtube svg path:nth-child(2) {
  fill: #aaa !important; }
.social.svg.youtube svg path {
  transition: 0.5s ease-out; }
.social.svg.youtube:hover svg path:nth-child(1) {
  fill: #ff0000 !important; }
.social.svg.youtube:hover svg path:nth-child(2) {
  fill: #fff !important; }

.store_thumb {
  float: left;
  width: 100px;
  height: 240px;
  margin: 0 45 20 0;
  border: 0px solid #ccc; }

.print_thumb {
  float: left;
  width: 200px;
  margin: 0 0 0 0; }

.new_item_50, .new_item_100, .new_item_150, .new_item_200, .new_item_300, .new_item_400, .new_item_500 {
  width: 32px;
  height: 32px;
  background: url(/assets/new-256914b7a4e958d93e3940199d4bcaad66132f3eedb7188c73325de969dedc1c.png) top left no-repeat;
  position: relative;
  left: -1px;
  margin: 0 0 -37 0; }

.new_item_50 {
  top: -61px; }

.new_item_100 {
  top: -111px; }

.new_item_150 {
  top: -161px; }

.new_item_200 {
  top: -211px; }

.new_item_300 {
  top: -311px; }

.new_item_400 {
  top: -411px; }

.new_item_500 {
  top: -511px; }

.item_images_thumb img,
.item_images_thumb_active img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.item_images_thumb {
  border: 1px solid transparent; }

.item_images_thumb,
.item_images_thumb_active {
  margin-right: 1px;
  margin-bottom: 1px;
  padding: 2px;
  cursor: pointer; }

.item_images_thumb:hover {
  border: 1px solid #aaa; }

.item_images_thumb_active {
  border: 1px solid #222; }

.small-images-gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }

.small-images-header {
  text-align: left;
  padding-right: 0.5rem;
  padding-left: 0;
  background: transparent;
  color: #999;
  font-size: 15px;
  margin-bottom: 0.5rem; }

article.artist-card {
  border-radius: 500px;
  background-color: #ccc;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative; }
  article.artist-card:not(.imaged) {
    transition: background-color 0.2s; }
  article.artist-card:not(.imaged):hover {
    background-color: #999999; }
  article.artist-card.imaged:hover img {
    filter: brightness(1); }
  article.artist-card.imaged:hover figcaption {
    opacity: 0; }
  article.artist-card > a {
    width: 100%;
    height: 100%; }
  article.artist-card > a > img {
    transition: filter 0.2s;
    filter: brightness(0.5);
    border-radius: 500px;
    object-fit: cover;
    height: 100%;
    width: 100%; }
  article.artist-card figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    min-height: 1em;
    transition: opacity 0.2s; }
    article.artist-card figcaption a {
      color: inherit; }
    article.artist-card figcaption > *:nth-child(2) {
      font-size: 12px;
      color: #ccc;
      font-family: inherit;
      text-shadow: 1px 1px 1px #555; }
  article.artist-card figcaption .title {
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    color: white; }

article.artist-card > a > svg {
  width: 80%;
  height: 80%;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: opacity(0.2); }

.event-actions > div {
  margin-bottom: 0.7rem; }
.event-actions .transparent-button {
  margin-bottom: 1rem; }
.event-actions .transparent-button + .transparent-button {
  margin-left: 0.5rem; }

.event-card {
  /* overriding existing nucleus styles */ }
  .event-card:focus,
  .event-card *:focus {
    outline: none; }
  .event-card .card-title {
    text-align: center; }
  .event-card img {
    max-height: 500px; }
  .event-card .item_info {
    text-align: center; }
  .event-card .item_info h4 {
    color: #999;
    background: none;
    margin-top: 0; }

.event-card[data-size="300"] img {
  height: 300px; }

.event-card[data-size="500"] img {
  height: 500px; }

.event-card[data-size=original] img {
  max-height: initial; }

.event-exclusives .event-exclusive-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline; }

.event-exclusives .card {
  margin-bottom: 5rem; }

/*
.event-exclusives .event-exclusive-item {
  margin: 1rem;
  .store_thumb { text-align: center; }
}
*/
.event-content {
  display: flex;
  flex-direction: column; }
  .event-content i {
    display: inline-block;
    text-align: center; }

.event-pieces .pieces {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .event-pieces .pieces > .card {
    margin: 0 1rem 4rem;
    width: auto !important; }
  .event-pieces .pieces > .card figure a img {
    max-height: 700px; }

.event-pieces.rows .pieces {
  flex-direction: row;
  flex-wrap: wrap; }
  .event-pieces.rows .pieces > .card {
    width: 300px !important; }

@media screen and (max-width: 600px) {
  .event-pieces-page .event_thumb.row {
    flex-direction: column;
    align-items: center;
    text-align: center; } }
.event-preview-forms {
  max-width: 650px;
  padding: 0 1rem;
  text-align: center;
  margin: 0 auto; }
  .event-preview-forms .preview-form {
    max-width: 570px;
    margin: 0 auto; }
  .event-preview-forms .preview-inquiry-form {
    max-width: 500px;
    margin: 0 auto; }
    .event-preview-forms .preview-inquiry-form input + input,
    .event-preview-forms .preview-inquiry-form input + textarea {
      margin-top: 0.5rem; }
  .event-preview-forms .nuc-form-control {
    width: 100%; }

.event_thumb {
  display: flex; }
  .event_thumb.row {
    flex-direction: row; }
  .event_thumb.column {
    flex-direction: column; }
  .event_thumb .left,
  .event_thumb .right {
    padding: 1rem; }
  .event_thumb .item_info > h4 {
    padding: 0; }
  .event_thumb .item_info p {
    margin: 0.5em 0; }
  .event_thumb .image-container {
    padding: 0px;
    float: right;
    width: 100%;
    height: auto; }
    .event_thumb .image-container > a > img {
      max-width: 100%;
      max-height: 400px; }

.event_thumb.centered .left,
.event_thumb.centered .right {
  width: 50%; }
.event_thumb.centered .image-container {
  padding: 0px;
  float: none;
  text-align: right;
  width: 100%;
  height: auto; }

.events-index-page .container.medium {
  max-width: 1265px; }
.events-index-page #events_filter_form .container.medium:last-child {
  max-width: calc(1265px + 1rem); }
.events-index-page .filter-results-counter {
  margin-left: 0.5rem; }
.events-index-page .filtered-results-items {
  justify-content: center; }
.events-index-page .event_thumb {
  text-align: center;
  max-width: 300px;
  margin: 0 0.5rem 5rem; }
.events-index-page .event_thumb .left,
.events-index-page .event_thumb .right {
  padding: 0; }
.events-index-page .event_thumb.centered .left,
.events-index-page .event_thumb.centered .right {
  margin: 0 auto; }
.events-index-page .event_thumb .item_info {
  margin-top: 1rem; }
.events-index-page .event_thumb.centered .image-container {
  text-align: left; }

@media screen and (max-width: 1295px) {
  .events-index-page .filtered-results-items {
    display: grid;
    grid-template-columns: repeat(4, auto); }
    .events-index-page .filtered-results-items .event_thumb .image-container > a > img {
      height: 300px;
      width: 100%;
      object-fit: cover;
      object-position: center; } }
@media screen and (max-width: 1150px) {
  .events-index-page .filtered-results-items {
    grid-template-columns: repeat(3, auto); }

  .events-index-page .filtered-results-items .event_thumb .image-container > a > img {
    height: 350px; } }
@media screen and (max-width: 950px) {
  .events-index-page .filtered-results-items {
    grid-template-columns: repeat(2, auto); } }
@media screen and (max-width: 700px) {
  .events-index-page .filtered-results-items {
    grid-template-columns: repeat(1, auto); }

  .events-index-page .filtered-results-items .event_thumb .image-container > a > img {
    width: 400px;
    height: auto;
    max-height: 400px; }

  .events-index-page .event_thumb {
    max-width: none; } }
.event-show .event-card img {
  max-height: 400px; }
.event-show .event-main-card {
  position: relative; }
  .event-show .event-main-card .event-card[data-size="500"] img {
    width: 500px;
    height: auto;
    max-width: 100%;
    max-height: 500px; }
.event-show .event-description {
  text-align: center;
  overflow: hidden; }
  .event-show .event-description .description {
    text-align: left; }
    .event-show .event-description .description.active {
      margin-bottom: 2rem; }
@media screen and (max-width: 700px) {
  .event-show .grid-toggle-button {
    display: none; } }

.inquire-form-container {
  margin: 0 auto;
  width: 450px;
  text-align: center;
  max-width: 100%;
  padding: 0 15px;
  box-sizing: border-box; }
  .inquire-form-container .inquire-form .fields > input {
    margin-bottom: 0.5rem; }

.about-page {
  letter-spacing: 2px;
  line-height: 1rem; }
  .about-page a {
    text-decoration: none;
    font-weight: 600; }
  .about-page .black-section {
    background-color: black;
    color: #fff;
    padding: 0 1rem; }
    .about-page .black-section a {
      color: white;
      text-decoration: underline; }
    .about-page .black-section h1 {
      color: #fff; }
    .about-page .black-section h2 {
      font-weight: 600;
      letter-spacing: 2px;
      color: #fff;
      margin: 20px 0 -10px; }
  .about-page .white-section {
    padding: 0 1rem;
    box-sizing: border-box;
    max-width: 720px;
    margin: 0 auto; }

.about-page.medium-small .header-banner {
  height: 320px; }
  .about-page.medium-small .header-banner .header-banner-image {
    background-position: 50% 20%; }
  .about-page.medium-small .header-banner h1 {
    top: 40%; }

.about-page.large .header-banner {
  height: 30vw;
  margin: 0 auto; }

.about-page .visit-us {
  display: flex;
  max-width: 720px;
  margin: 0 auto; }

.about-page .visit-us-map {
  flex-basis: 60%;
  align-self: center;
  margin: 0 15 0 0; }

.about-page .visit-us-info {
  flex-basis: 50%;
  margin-left: 1rem; }

@media screen and (max-width: 720px) {
  .about-page .visit-us {
    flex-direction: column; }

  .about-page .visit-us-info {
    margin-top: 1rem; } }
.about-page .social-icons .social.svg.instagram:not(:hover) svg path:nth-child(3) {
  fill: #aaa !important; }
.about-page .social-icons .social.svg.instagram:not(:hover) svg path:nth-child(4) {
  fill: #fff !important; }
.about-page .social-icons .social.svg.x-dotcom svg path {
  fill: #fff !important; }
.about-page .social-icons .social.svg.youtube svg path:nth-child(1) {
  fill: #fff !important; }
.about-page .social-icons .social.svg.youtube:hover svg path:nth-child(1) {
  fill: #ff0000 !important; }

.homepage-banner-container .carousel .slick-arrow {
  z-index: 1;
  width: 35px;
  height: 35px;
  -webkit-filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  filter: invert(44%) sepia(6%) saturate(14%) hue-rotate(342deg) brightness(90%) contrast(93%);
  transition: 0.3s; }
  .homepage-banner-container .carousel .slick-arrow:hover {
    -webkit-filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%);
    filter: invert(10%) sepia(6%) saturate(483%) hue-rotate(316deg) brightness(96%) contrast(90%); }
.homepage-banner-container .carousel .slick-arrow {
  width: 70px;
  height: 70px;
  object-fit: contain; }
.homepage-banner-container .slick-slide img {
  width: 100%;
  height: auto; }
.homepage-banner-container .slider {
  opacity: 0;
  transition: opacity 0.5s;
  margin-bottom: 0; }
  .homepage-banner-container .slider.slick-initialized {
    opacity: 1; }
.homepage-banner-container .slider-controls {
  display: flex;
  justify-content: center;
  margin: 0 auto; }
  .homepage-banner-container .slider-controls .slick-arrow {
    display: inline-block;
    cursor: pointer;
    margin-top: 4px;
    width: 30px;
    height: 30px; }
    .homepage-banner-container .slider-controls .slick-arrow > img {
      object-fit: contain; }
  .homepage-banner-container .slider-controls .slick-dots {
    position: relative;
    bottom: -5px;
    display: flex;
    justify-content: center; }

.contact-form fieldset {
  float: none;
  margin: 0 auto;
  background-color: transparent;
  border: none; }

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
  width: 100%;
  box-sizing: border-box; }

.employment-page p, .employment-page ul {
  font-size: 13px;
  line-height: 20px; }
.employment-page p {
  line-height: 1.2rem;
  margin: 0; }
.employment-page h2 {
  color: #222;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.0em;
  line-height: 15px; }

section.notice {
  width: 100%;
  color: #fff;
  background-color: #00aeef;
  font-size: 12px;
  padding: 0.4rem 0; }

.image-missing-text {
  height: auto !important;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding: 3rem 0;
  text-align: center;
  color: #aaa;
  font-weight: normal; }

.header-banner {
  height: 380px;
  position: relative; }
  .header-banner .header-banner-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50% 20%;
    filter: brightness(40%); }

.header-banner h1 {
  margin: 0;
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.header-banner .header-banner-overlay {
  margin: 0;
  box-sizing: border-box;
  padding: 0 2rem;
  width: 100%;
  color: #fff;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .header-banner .header-banner-overlay .nuc-banner-header {
    color: #fff;
    font-size: 2.4rem;
    margin: 0;
    line-height: 2.5rem;
    letter-spacing: 9px; }
  .header-banner .header-banner-overlay a {
    color: #fff; }
  .header-banner .header-banner-overlay .subtitle {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: center;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }

.photoset-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.photoset-card {
  /* background-size:cover; */
  margin: 0.5rem;
  position: relative; }

.photoset-card > a > img {
  object-fit: cover;
  height: 300px;
  width: 300px;
  transition: 0.1s; }
  .photoset-card > a > img:hover {
    filter: brightness(40%); }

.photoset-card > figcaption {
  position: absolute;
  bottom: 0;
  margin: 0rem 1rem 1rem;
  text-align: left;
  min-height: 0; }

.photoset-card > figcaption > *:nth-child(1) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  color: white;
  text-shadow: 1px 1px 1px #555; }

.photoset-card a {
  color: inherit; }

.photoset-card > figcaption > *:nth-child(2) {
  font-size: 12px;
  color: #ccc;
  font-family: inherit;
  text-shadow: 1px 1px 1px #555; }

.press-clippings-web h2,
.press-clippings-print h2 {
  font-size: 14px; }

.press_clipping {
  border-top: 1px dotted #ccc;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between; }

.press_clipping h2 {
  margin-bottom: 0px; }

.press_clipping .print_logo {
  width: 175px;
  padding: 15px; }

.press_clipping .print_logo,
.press_clipping .web_logo {
  float: none;
  text-align: left;
  padding-left: 0; }

.press_clipping .web_logo {
  width: 100px;
  padding-top: 0px;
  padding-right: 15px;
  height: 30px; }

.press_clipping .print_logo img {
  height: 20px; }

.press-clippings-web .press_clipping {
  padding-top: 13px;
  padding-bottom: 13px; }

@media screen and (max-width: 1050px) {
  .press-clippings-print {
    margin-top: 3rem; } }
@media screen and (min-width: 1051px) {
  .press-clippings-web,
  .press-clippings-print {
    float: left; }

  .press-clippings-print {
    margin-left: 2rem; } }
.questions-page .questions ul {
  padding-left: 0; }
.questions-page .questions li {
  list-style: none;
  margin-bottom: 3px; }
.questions-page .questions li > a {
  color: #666666; }

.questions-page .questions-and-answers li {
  list-style: none; }
.questions-page .questions-and-answers ul {
  padding-left: 0;
  margin: 0; }
.questions-page .questions-and-answers h2 {
  margin-bottom: 5px;
  line-height: 1.2rem; }
.questions-page .questions-and-answers a {
  color: black;
  font-style: italic;
  font-weight: 500; }

.questions-page .question-group > article {
  margin: 10px 0rem;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 0.5rem; }

.questions-page .question-group {
  margin-bottom: 2rem; }
  .questions-page .question-group .group-title {
    font-size: 1.2rem;
    margin: 0;
    padding: 0 0 1rem; }

.questions-page .faq-plus {
  font-size: 1.2rem;
  margin: 0rem 1rem 0rem 5px;
  font-style: normal; }

.questions-page .faq-question {
  display: flex;
  align-items: center;
  line-height: 20px;
  cursor: pointer; }
  .questions-page .faq-question:hover {
    color: #000; }

.questions-page .faq-question::before {
  content: "+";
  font-size: 1.2rem;
  margin: 0rem 1rem 0rem 5px;
  font-style: normal; }

.questions-page .faq-answer {
  display: none;
  margin-top: 15px;
  margin-left: 1.8rem;
  color: #888; }

.questions-page article.active .faq-answer {
  display: block; }

.noselect {
  user-select: none; }

.rentals-page .container.small {
  max-width: 700px; }
.rentals-page h1 {
  font-size: 24px;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  font-weight: 900;
  color: #222;
  /* charcoal */
  margin-bottom: 2rem;
  letter-spacing: 2px;
  line-height: 1em; }
.rentals-page p {
  margin-bottom: 1.5rem; }
.rentals-page main ul {
  margin: 0 auto;
  padding-inline-start: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width: 60%; }
  @media screen and (max-width: 800px) {
    .rentals-page main ul {
      width: 80%; } }
.rentals-page main ul > li {
  list-style: none;
  padding: 1rem 0 0; }
.rentals-page .blue-button {
  background-color: #00aeef;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  font-weight: 500; }
.rentals-page .accomodations-row {
  margin: 0 auto; }
.rentals-page .gallery-schematic-row {
  display: flex;
  justify-content: space-evenly; }
.rentals-page .gallery-schematic {
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  margin-bottom: 10px;
  flex-basis: 38%; }
.rentals-page .gallery-schematic > a {
  text-transform: uppercase; }
.rentals-page .gallery-schematic > a:first-child {
  flex: auto; }
.rentals-page .gallery-schematic > a:first-child > img {
  height: 100%;
  width: 100%;
  object-fit: contain; }
.rentals-page .gallery-schematic > a:nth-child(2) {
  margin-top: 0.5rem; }
.rentals-page .gallery-schematic-row.split {
  justify-content: space-between; }
.rentals-page .gallery-schematic-row.split > .gallery-schematic {
  flex-basis: 17%; }
@media screen and (max-width: 800px) {
  .rentals-page {
    /* $max_container_small_width */ }
    .rentals-page .gallery-schematic-row.split {
      flex-wrap: wrap;
      justify-content: space-evenly; }
    .rentals-page .gallery-schematic-row.split > .gallery-schematic {
      flex-basis: 38%;
      flex-shrink: 0; } }

.request-item-page {
  padding: 0 15px;
  text-align: center; }
  .request-item-page input[type=text] {
    width: 100%;
    margin-bottom: 0.5rem; }

.bid-form {
  display: flex;
  flex-direction: column;
  align-items: center; }

.bid-form img {
  max-width: 500px; }

.auction-actions .bid-info,
.bid-form .bid-info {
  display: flex; }

.bid-form .bid-info {
  justify-content: center; }

#place_bid_form .fields {
  display: flex;
  flex-direction: column;
  align-items: center; }

#place_bid_form > .fields > input {
  min-width: 400px;
  margin-bottom: 0.5rem; }

.bid-form .bid-time-numbers {
  color: #069; }

.item-detail .upper-item-detail {
  display: flex;
  justify-content: center;
  max-width: 100%;
  /* similar to .event-large */ }
  .item-detail .upper-item-detail > *:nth-child(1) {
    padding: 0 2rem 0 1rem;
    flex-shrink: 2; }
    .item-detail .upper-item-detail > *:nth-child(1) .store_thumb {
      width: auto;
      max-width: 1000px;
      max-height: 1000px; }
  .item-detail .upper-item-detail > *:nth-child(2) {
    flex-basis: auto;
    flex-shrink: 3;
    min-width: 425px; }
  .item-detail .upper-item-detail .hidden {
    display: none !important; }

.item-detail .store_thumb {
  margin: 0 auto;
  width: auto;
  height: auto;
  float: none;
  text-align: center; }

.item-detail .detail-header {
  text-align: left; }

.item-detail .description {
  clear: both; }

.item-detail .store_thumb img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 1000px;
  object-fit: contain;
  object-position: top; }

.item-detail .more-from-artist .module-title h1,
.item-detail .similar-items .module-title h1 {
  text-align: center;
  margin: 2rem 0; }

.item-detail .more-from-artist .items {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
.item-detail .more-from-artist .card {
  margin-bottom: 5rem; }

.item-detail .detail-image-container {
  border: 0px solid red; }

.item-detail .detail-image-container .store_thumb {
  text-align: right;
  /* right-align the main image */
  /* fix scrolling issue for mobile */
  touch-action: auto;
  -ms-touch-action: auto; }

.item-detail .detail-details {
  min-width: 250px;
  max-width: 530px;
  position: relative; }

.item-detail .detail-details .pre-order {
  font-family: "Century Gothic", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  text-align: left; }

.item-detail .purchase-options {
  margin: 0.3rem 0 1rem;
  display: inline-block; }
  .item-detail .purchase-options > * {
    display: flex;
    align-items: baseline; }
  .item-detail .purchase-options > * > * {
    padding: 3px 0;
    vertical-align: middle; }
    .item-detail .purchase-options > * > *:not(.pillButton2) {
      padding: 3px 0; }

#add_to_cart_form {
  min-height: 30px; }

#add_to_cart_form .option-name {
  flex: auto;
  letter-spacing: 3px;
  display: inline-block;
  text-align: left;
  padding: 0.5rem 1rem;
  align-self: center;
  min-width: 65px;
  font-size: 0.8rem;
  letter-spacing: 1px;
  font-family: "Century Gothic", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  color: #666666;
  line-height: 1em; }

#add_to_cart_form.in-stock .option-name,
#add_to_cart_form.in-stock .option-qty-input,
#add_to_cart_form.in-stock .option-price {
  color: #333333; }

#add_to_cart_form .option-price {
  font-size: 18px;
  padding-right: 5px;
  text-align: right; }

#add_to_cart_form .option-qty-input-container {
  align-self: center; }

#add_to_cart_form .option-qty-input {
  width: 33px;
  align-self: flex-end;
  height: 24px;
  margin: 0 5px 0 10px;
  text-align: center; }
  #add_to_cart_form .option-qty-input:disabled {
    opacity: 0; }

#add_to_cart_form .option-price,
#add_to_cart_form .option-qty-input {
  margin-top: -3px;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif; }

.print-inquiry {
  text-align: left;
  margin: 1rem 0 1rem; }

#add_to_cart_form .option-submitable {
  position: relative;
  text-align: right;
  margin-left: 5px; }

.option-attribute {
  display: flex;
  font-size: 1.2rem; }

.item-info-table {
  margin-bottom: 1rem;
  display: inline-table;
  border-spacing: 0; }

.info_label2 {
  color: #666666;
  min-width: 100px;
  text-align: left;
  letter-spacing: 0.5px;
  vertical-align: top;
  white-space: nowrap; }

.info_value2 {
  text-align: left;
  color: #666666;
  font-family: "Century Gothic", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  margin-left: 0.5em;
  width: 150px;
  padding-left: 0.5rem; }

.item-detail .item-details-preorder-msg {
  text-align: left; }

.specialStatus2 {
  color: #666666;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 100; }

#item_description2 {
  display: inline-block; }

#item_description2,
#item_description2 > div {
  color: #666666;
  font-family: "Century Gothic", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  font-weight: 100;
  line-height: 1.3rem;
  text-align: left; }

#item_description2 > div strong {
  font-weight: 500;
  color: #666666; }

.item-detail .detail-details .small-images-gallery {
  justify-content: flex-start; }

.zoomLens.scale-1_75 {
  transform: scale(1.75);
  height: 175px !important;
  width: 175px !important; }

.zoomLens.scale-1_5 {
  transform: scale(1.5);
  height: 175px !important;
  width: 175px !important; }

.zoomLens.scale-1_25 {
  transform: scale(1.25);
  height: 250px !important;
  width: 250px !important; }

.zoomLens.scale-0_75 {
  transform: scale(0.75);
  height: 300px !important;
  width: 300px !important; }

.zoomLens.scale-0_5 {
  transform: scale(0.5);
  height: 400px !important;
  width: 400px !important; }

.zoomLens.scale-0_25 {
  transform: scale(0.25);
  height: 500px !important;
  width: 500px !important; }

.framing-section {
  text-align: left; }
  .framing-section .frame-option {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    width: 200px;
    padding: 8px; }
  .framing-section .frame-option.selected {
    border: 1px solid #888;
    background-color: #eee; }
  .framing-section .frame-option:not(.selected) button {
    background-color: transparent;
    color: black; }
  .framing-section .frame-option:not(.selected):hover {
    background-color: #f5f5f5; }
  .framing-section .frame-option-thumbs {
    display: flex;
    align-items: flex-end;
    margin-top: 1rem;
    transition: opacity 0.2s; }
  .framing-section .frame-option-thumbs.faded {
    opacity: 0.5; }
  .framing-section .frame-option-thumbs.hidden {
    display: none; }
  .framing-section .frame-option .gradient-overlay {
    position: relative;
    display: inline-block; }
  .framing-section .frame-option .gradient-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;
    /*background-image: linear-gradient(to bottom left, rgba(0,0,0,0.1), rgba(0,0,0,0));*/
    /* background-image: linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0));*/
    pointer-events: none; }
  .framing-section .frame-thumb {
    cursor: pointer;
    opacity: 0.5;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent; }
  .framing-section .frame-thumb.selected {
    opacity: 1;
    border-bottom: 2px solid #555; }

/* TEMPFIX */
.frame-large-preview .border-brown, .frame-large-preview .border-natural {
  border-image-slice: 28 !important; }

.frame-large-preview[data-preview-style=home-unframed] .framed-print {
  border: none; }
.frame-large-preview[data-preview-style=home-unframed] .mat {
  padding: 0 !important; }
.frame-large-preview[data-preview-style=home-unframed] .mat > img {
  border: none; }

@media screen and (max-width: 768px) {
  .item-detail .item-details-container {
    margin: 0 auto;
    text-align: center; }

  .item-detail .detail-details .pre-order {
    text-align: center; }

  .item-detail .item-details-container .detail-body {
    display: inline-block;
    margin-bottom: 0.5rem; }

  .item-detail .purchase-options {
    margin: 0 auto;
    display: inline-block;
    flex-direction: column; }

  .item-detail .item-info-container {
    width: auto;
    display: inline-block;
    margin-top: 0.5rem; }

  .item-detail .upper-item-detail {
    flex-direction: column; }

  .item-detail .upper-item-detail > .detail-details {
    min-width: initial; }

  .item-detail .similar-items .module-title h1 {
    text-align: center; }

  .item-detail .detail-image-container {
    padding-right: 1rem;
    flex-basis: 30%;
    flex-shrink: 0;
    margin: 0 auto; }

  .item-detail .detail-details {
    margin-top: 1rem;
    align-self: center; }

  .item-detail .detail-header {
    font-size: 25px;
    text-align: center; }

  .item-detail #add_to_cart_form .option-submitable {
    text-align: right; }

  .item-detail .store_thumb img {
    max-height: 500px;
    width: auto;
    max-width: 100%; }

  .item-detail .pieces-nav {
    justify-content: center; }

  .item-detail .bid-info {
    justify-content: center; }

  .item-detail .auction-section {
    text-align: center; } }
@media screen and (max-width: 470px) {
  .item-detail .detail-details {
    max-width: 100%; } }
section.module.collections .collection-selector .collection-graphics {
  width: 100%;
  position: relative;
  background-color: #eaebec;
  display: flex;
  white-space: nowrap;
  /*
  @media screen and (min-width: 769px) { padding: 0 10%; }
  */ }

/* main styles in shared/carousels.scss */
@media screen and (min-width: 1421px) {
  /*
  .module.collections .collection-selector .carousel .slick-prev { left:  -4rem; }
  .module.collections .collection-selector .carousel .slick-next { right: -4rem; }
  */ }
/* hide carousel arrows at most large screen sizes */
@media screen and (min-width: 769px) {
  .module.collections .collection-items .carousel .slick-prev,
  .module.collections .collection-items .carousel .slick-next {
    display: none !important; } }
.module.collections .collection-selector .carousel .slick-prev,
.module.collections .collection-selector .carousel .slick-next {
  top: 50%; }

/*
section.module.collections .collection-selector .collection-graphics > * {
  display: block;
  flex-grow: 0; flex-shrink: 0;
  flex-basis: 20%;
  @media screen and (max-width: 768px) { align-self: flex-start; }
  @media screen and (min-width: 501px) and (max-width: 768px) { flex-basis: calc(100% / 3); }
  @media screen and (max-width: 500px) { flex-basis: calc(100% / 2); }
}
  */
/*
section.module.collections .collection-selector .collection-graphics img.collection_graphic {
  display: block;
  max-width: 80%;
  position: relative;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
    @media screen and (max-width: 768px) { top: 50%; transform: translateX(-50%); }
}
  */
section.module.collections .collection-selector .collection-graphics img.collection_graphic {
  margin: 0 auto; }

section.module.collections .collection-selector .collection-graphics .collection_graphic_container {
  height: 100%;
  align-self: center; }
  section.module.collections .collection-selector .collection-graphics .collection_graphic_container:focus {
    outline: none; }

section.module.collections .collection-selector .collection-graphics .collection_graphic {
  max-width: 70%;
  height: 125px;
  object-fit: contain;
  cursor: pointer; }
  section.module.collections .collection-selector .collection-graphics .collection_graphic:focus {
    outline: none; }

section.module.collections .collection-selector .collection-graphics .collection_graphic.text-only {
  position: relative; }

section.module.collections .collection-selector .collection-graphics .collection_graphic.text-only p {
  transition: 0.3s;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  letter-spacing: 0.3em;
  position: relative;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  text-align: center;
  color: #aaa;
  text-transform: uppercase;
  white-space: normal; }

section.module.collections .collection-selector .collection-graphics .collection_graphic.active p {
  color: #666 !important; }

section.module.collections .collection-selector .collection-graphics .collection_graphic + .collection_graphic {
  margin-left: 1rem; }

section.module.collections .collection {
  margin-top: 1rem;
  padding-top: 1rem;
  max-height: 500px;
  align-items: flex-start; }

section.module.collections .collection-items.hidden {
  display: none; }

section.module.collections .collection article.card {
  display: inline-flex; }

section.module.collections .collection article.card figure {
  top: auto;
  transform: none;
  align-self: flex-end;
  margin: 0 auto;
  padding: 0 5px; }

/*vertical centering*/
section.module.collections .slick-initialized .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle; }

.module.four-card .slick-slide.collection-card {
  margin: 0 25px; }

section.module.double-adjacent .panels {
  width: 100%;
  display: flex; }
  @media screen and (max-width: 501px) {
    section.module.double-adjacent .panels {
      flex-direction: column; } }

section.module.double-adjacent .panels .panel-left,
section.module.double-adjacent .panels .panel-right {
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% / 2); }
  @media screen and (max-width: 501px) {
    section.module.double-adjacent .panels .panel-left,
    section.module.double-adjacent .panels .panel-right {
      flex-basis: 100%; } }

section.module.double-adjacent .panels img {
  display: block;
  width: 100%; }

.module.four-card .items.static {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  flex-wrap: wrap; }
.module.four-card .items.static article.card {
  margin-bottom: 2rem; }
.module.four-card .slick-slide {
  margin: 0 0.5rem; }
.module.four-card .items:not(.carousel) article.card figure a img {
  height: auto; }

.module-title {
  letter-spacing: 6px; }

.module-title h1 {
  color: #222;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.3em;
  text-align: center;
  margin: 3rem 0;
  height: auto; }

section.module + section.module {
  margin-top: 3rem; }

section.module .view-more-card {
  text-align: center; }
  section.module .view-more-card .view-more-button,
  section.module .view-more-card .view-more-card-link {
    position: relative;
    top: 12rem;
    font-size: 16px; }
    section.module .view-more-card .view-more-button:focus,
    section.module .view-more-card .view-more-card-link:focus {
      outline: none; }
  section.module .view-more-card .view-more-button {
    width: auto !important;
    padding-top: 0.7em !important;
    margin: 0 auto !important; }
  section.module .view-more-card .view-more-card-link {
    padding-top: 0 !important;
    text-align: center;
    text-decoration: underline; }

section.module .view-more-row {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 150px; }
  @media screen and (max-width: 1024px) {
    section.module .view-more-row {
      margin-bottom: 100px; } }

section.module .view-more-card .view-more-button,
section.module .view-more-row .view-more-button {
  border: 1px solid #222;
  color: #222;
  background-color: transparent;
  font-size: 12px;
  font-weight: 100;
  padding: .7em 1em .5em;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 2px;
  transition: 0.1s; }

section.module .view-more-card .view-more-button:hover,
section.module .view-more-row .view-more-button:hover {
  color: #fff;
  background-color: #222; }

section.module .slick-list {
  padding-top: 1rem; }

article.card {
  margin: 0;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 300px; }
  article.card:focus,
  article.card *:focus {
    outline: none; }
  @media screen and (max-width: 500px) {
    article.card:first-child {
      display: inline-block; } }
  article.card div {
    line-height: 22px; }

article.card figure {
  margin: 0;
  position: relative;
  padding: 0 10px;
  /* vertical centering looks good except when there are actions below the item (request restock, etc.) */ }
  @media screen and (max-width: 768px) {
    article.card figure {
      top: auto;
      transform: none; } }

article.card figure a {
  display: inline-block; }
  article.card figure a:focus {
    outline: none; }

article.card figure a p,
article.card figure a img {
  margin: 0 auto;
  position: relative;
  max-height: 400px;
  object-fit: contain;
  object-position: bottom;
  max-width: 100%; }

article.card figure a img.rollover-img {
  object-position: center; }

article.card .card-tags-container {
  display: flex;
  align-items: center;
  justify-content: center; }

article.card .combinable-card-tags {
  font-weight: bold;
  font-size: 8px;
  text-transform: uppercase; }

article.card .blue-text {
  color: #069; }

article.card .card-artist-name {
  color: #777; }

article.card .card-price {
  color: #666666; }

figcaption {
  text-align: center;
  position: relative;
  /* min height was added to ensure vertical consistency across items, however, this creates a large gap
   * between the price and 'out of stock' sometimes, so height consistency is currently disabled. */ }

figcaption h3, figcaption h4, figcaption h5, figcaption h6, .three-events h3, .three-events h4, .three-events h5, .three-events h6 {
  color: #666666;
  background-color: transparent;
  margin: 0.5rem 0.5rem;
  height: auto; }
figcaption h3, .three-events h3 {
  color: #222;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 700; }
figcaption h4, .three-events h4 {
  color: #999;
  font-size: 12px;
  font-weight: normal; }
figcaption h5, .three-events h5 {
  color: #222;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600; }
figcaption h6, .three-events h6 {
  color: #999;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px; }

article.card.level-descriptions figure {
  top: initial;
  transform: none; }
article.card.level-descriptions figure a {
  height: 400px; }
article.card.level-descriptions figure a p,
article.card.level-descriptions figure a img {
  height: 400px;
  top: 50%;
  transform: translateY(-50%); }

.container.medium-small article.card.level-descriptions figure a {
  height: 280px; }
.container.medium-small article.card.level-descriptions figure a img {
  height: 280px; }

.quick-add-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; }

.quick-add-btns-base {
  padding: 1rem;
  /* this is only to make the rollover images not flicker as much when hovering between options */ }

.quick-add-btn-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  pointer-events: auto; }

/* hide quick add for touch screens */
@media screen and (hover: none) and (pointer: coarse) {
  .quick-add-overlay {
    display: none; } }
.card-with-overlay:hover .quick-add-overlay {
  opacity: 1; }

.quick-add-overlay .quick-add-msg {
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7), -2px -2px 6px rgba(0, 0, 0, 0.7), 2px -2px 6px rgba(0, 0, 0, 0.7), -2px 2px 6px rgba(0, 0, 0, 0.7);
  font-size: 13px; }

.quick-add-btn {
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  pointer-events: auto;
  margin: 3px; }

.quick-add-action {
  cursor: pointer;
  font-size: 0.6rem;
  padding: 0.5rem 1rem;
  margin: 3px; }

.quick-add-action.transparent-button {
  background-color: #fff; }

.quick-add-action.transparent-button:hover {
  border: 1px solid #888; }

.quick-add-btn:hover {
  background-color: black;
  transition: opacity 0.3s ease; }

.quick-add-action.btn-sold-out {
  background-color: #aaa;
  cursor: not-allowed;
  pointer-events: auto; }

.quick-add-action.btn-sold-out:hover {
  background-color: #aaa !important;
  color: #000 !important; }

.favorite-btn {
  cursor: pointer; }

.slick-next {
  right: 0.5rem; }
  .slick-next img {
    transform: translateX(5%); }

.slick-prev {
  left: 0.5rem; }
  .slick-prev img {
    transform: translateX(-5%); }

.carousel {
  opacity: 0;
  transition: opacity 0.5s; }

.carousel.slick-initialized {
  opacity: 1; }

.items.carousel .slick-track {
  display: flex;
  align-items: baseline;
  min-width: 0; }

.slick-arrow.slick-disabled {
  opacity: 0 !important; }

.carousel.outer-arrows {
  padding: 0 5.25rem; }
  @media screen and (max-width: 700px) {
    .carousel.outer-arrows {
      padding: 0 3rem; } }

.module .carousel .slick-prev,
.module .carousel .slick-next {
  z-index: 1000;
  height: 35px;
  width: 35px;
  object-fit: contain;
  top: 200px;
  opacity: 0.7;
  background-color: black;
  border-radius: 50%;
  padding: 1rem;
  /*
  border-radius: 5px;
  border: 1px solid transparent;
  transition: border-color 0.3s;
  */ }
  @media screen and (max-width: 700px) {
    .module .carousel .slick-prev,
    .module .carousel .slick-next {
      height: 20px; } }
  @media screen and (max-width: 700px) {
    .module .carousel .slick-prev,
    .module .carousel .slick-next {
      width: 20px; } }
  @media screen and (max-width: 700px) {
    .module .carousel .slick-prev,
    .module .carousel .slick-next {
      top: 35%; } }
  .module .carousel .slick-prev:hover,
  .module .carousel .slick-next:hover {
    opacity: 1.0; }
  @media screen and (max-width: 700px) {
    .module .carousel .slick-prev,
    .module .carousel .slick-next {
      padding: 0.6rem; } }
  .module .carousel .slick-prev:before,
  .module .carousel .slick-next:before {
    display: none; }
  .module .carousel .slick-prev img,
  .module .carousel .slick-next img {
    height: 100%;
    width: 100%;
    object-fit: contain; }

/*
.module .carousel .slick-prev:hover,
.module .carousel .slick-next:hover {
  border-color: #bbb;
}
*/
.module .carousel .slick-prev:before,
.module .carousel .slick-next:before {
  color: black; }

/* dont show dots if only one slide */
.slick-dots > li {
  display: inline-block; }
.slick-dots > li:only-child {
  display: none; }

.three-events h3, .three-events h4, .three-events h5, .three-events h6 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .85rem;
  text-align: center; }

.three-events .event-card {
  margin: 1rem; }
  .three-events .event-card img {
    max-height: initial;
    object-fit: cover; }

.three-events h3 {
  min-height: 32px;
  padding-top: 1rem;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 4px;
  line-height: 2rem; }

.three-events h4 {
  padding-top: 0;
  font-size: 15px; }

/* arrow styles */
.three-events .carousel .slick-prev,
.three-events .carousel .slick-next {
  top: 33%; }

.three-events .event_date {
  color: #999 !important; }

section.module.three-events .cards {
  width: 100%;
  display: flex; }
  @media screen and (max-width: 500px) {
    section.module.three-events .cards {
      flex-direction: column; } }

section.module.three-events .card {
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% / 3); }
  @media screen and (max-width: 768px) {
    section.module.three-events .card {
      align-self: flex-start; } }
  @media screen and (min-width: 501px) and (max-width: 768px) {
    section.module.three-events .card {
      flex-basis: 50%; } }
  @media screen and (max-width: 500px) {
    section.module.three-events .card {
      flex-basis: 100%;
      width: 100%;
      margin-bottom: 1rem; } }

/* The styles of img and a are set so that the img container doesnt collapse while the image
 * is still loading */
section.module.three-events .card img {
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; }

section.module.three-events .card > a {
  padding-top: 100%;
  display: inline-block;
  position: relative;
  width: 100%; }

.module.workshops .panel img {
  min-height: 326px;
  max-height: 400px;
  margin: 0 auto; }
.module.workshops .carousel .slick-prev,
.module.workshops .carousel .slick-next {
  top: 50%; }

section.module.wrapping-cards .items {
  flex-wrap: wrap; }

.prints-collections .collections {
  display: flex;
  flex-wrap: wrap; }
.prints-collections .collection {
  flex-basis: 50%;
  margin-bottom: 2rem; }
  @media screen and (max-width: 850px) {
    .prints-collections .collection {
      flex-basis: 100%; } }

.search-page .search-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1rem; }
.search-page .search-filters > * {
  line-height: 1.7em; }
.search-page .search-filters-separator {
  margin: 0 0.5em; }
.search-page .search-group {
  margin-bottom: 5rem; }
.search-page .search-group-header {
  text-align: center;
  font-size: 32px;
  letter-spacing: 3px;
  margin-bottom: 3rem; }
.search-page .search-results {
  align-items: baseline;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; }
.search-page h1 {
  color: #222; }
.search-page .search-results .search-result {
  margin: 0 0.5rem 5rem;
  max-width: 300px; }
  @media screen and (max-width: 800px) {
    .search-page .search-results .search-result {
      margin: 0 0.5rem 2.5rem; } }
.search-page .search-results .search-result .artist-card {
  width: 180px;
  height: 180px; }
  @media screen and (max-width: 800px) {
    .search-page .search-results .search-result .artist-card {
      width: 180px;
      height: 180px; } }
.search-page .pagination .previous_page,
.search-page .pagination .next_page {
  margin: 1rem; }

.item-audio-container {
  text-align: left; }

.item-audio.green-audio-player {
  overflow-x: hidden !important;
  max-width: 100% !important;
  height: 35px; }
  .item-audio.green-audio-player .controls__slider.slider {
    border: 12px solid white; }
  .item-audio.green-audio-player.item-audio-no-shadow {
    padding-left: 0;
    box-shadow: none;
    -webkit-box-shadow: none; }
  .item-audio.green-audio-player.item-audio-gray .slider .gap-progress {
    background-color: #566574; }
  .item-audio.green-audio-player.item-audio-gray .slider .gap-progress .pin {
    background-color: #566574; }
  .item-audio.green-audio-player.item-audio-gray .volume .volume__button.open path {
    fill: #566574; }
  .item-audio.green-audio-player.item-audio-gray .volume .volume__controls.top {
    background-color: white; }

section.notice.flash.error {
  background-color: #ffeeee;
  color: #990000; }
  section.notice.flash.error .notice-close-button {
    color: #990000; }

section.notice.flash.warn {
  background-color: #fdee7f;
  color: #6e6204; }
  section.notice.flash.warn .notice-close-button {
    color: #6e6204; }

section.notice.flash.success {
  background-color: #ccffcc;
  color: #387138; }
  section.notice.flash.success .notice-close-button {
    color: #387138; }

section.notice.flash {
  position: relative;
  font-weight: 100; }
  section.notice.flash .notice-content {
    text-align: center;
    padding: 0 2rem;
    max-width: 80%;
    margin: 0 auto; }
  section.notice.flash .notice-close-button {
    font-size: 15px;
    position: absolute;
    line-height: 10px;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer; }

.slick-prev:before,
.slick-next:before {
  display: none; }

.shared-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .shared-links a.transparent-button.small {
    padding-left: 0;
    padding-right: 1.5em;
    text-align: left; }
  .shared-links a.transparent-button:hover {
    background-color: transparent; }

.frame-debug-box td {
  font-size: 11px;
  line-height: 13px; }

.frame-large-preview .frame-bg, .frame-preview .frame-bg {
  /* this container should not be any larger than the child image */
  background-image: url("/assets/universal/frame-89ffed19ac6face53f96c805ae4ed3c08f0d5cdd45c3fdcb3a29856044bae5af.png");
  /*the background should stretch to fill the container*/
  background-size: 100% 100%; }
.frame-large-preview .frame-row, .frame-preview .frame-row {
  /* display: flex; */ }
.frame-large-preview .frame-row > *, .frame-preview .frame-row > * {
  display: inline-block; }
.frame-large-preview .framed-print, .frame-preview .framed-print {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  position: relative;
  width: auto;
  height: auto;
  border: 10px solid;
  border-image-repeat: round;
  border-image-slice: 10;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); }
@supports (-moz-appearance: none) {
  .frame-large-preview .framed-print, .frame-preview .framed-print {
    /* Firefox has an antialiasing artifact between the border and the box shadow */
    transform: translateZ(1px) rotateZ(0.02deg); } }
.frame-large-preview .framed-print img, .frame-preview .framed-print img {
  height: auto;
  background-clip: padding-box;
  /* inner shadow */
  box-shadow: 3px 3px 6px inset rgba(0, 0, 0, 0.4); }
.frame-large-preview .border-black, .frame-preview .border-black {
  border-image-source: url("/assets/universal/textures/black-frame-64afb8cd85cd9902f86ff77f9cdad790c2c9eb2b92d345b1faf956be66ee3172.jpg"); }
.frame-large-preview .border-white, .frame-preview .border-white {
  border-image-source: url("/assets/universal/textures/white-frame-ee2b5140fd182f706d79a8a6921bc0ff7c050e5d06243baf54555406f5b6c50f.jpg"); }
.frame-large-preview .border-brown, .frame-preview .border-brown {
  border-image-source: url("/assets/universal/textures/brown-frame-3d2c4b224faee23278f5621eac829f0a7c53a67e9109fdd615cbd55f4e663fd4.jpg");
  border-image-slice: 28;
  border-repeat: round; }
.frame-large-preview .border-natural, .frame-preview .border-natural {
  border-image-source: url("/assets/universal/textures/natural-frame-4363fe470a646824d76a474deb8c580cd37ca7d382f68b91926feeaf9d2c93cc.jpg");
  border-image-slice: 28;
  border-repeat: round; }

/* black-ish text color. nav submenu background */
.pillButton {
  display: block;
  cursor: pointer;
  width: 100px;
  height: 20px;
  line-height: 20px;
  background-color: #a3a7a6;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-family: "Century Gothic", sans-serif;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 4px #aaa;
  -moz-box-shadow: 0px 2px 4px #aaa;
  box-shadow: 0px 2px 4px #aaa;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #666; }

.pillButton.mini {
  height: 15px;
  line-height: 15px;
  font-size: 9px;
  width: 65px; }

.pillButton.huge {
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  width: 550px; }

.pillButton.medium {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  width: 120px; }

.pillButton:hover {
  text-decoration: none;
  background-color: #ccc;
  color: #666; }

.pillButton.disabled {
  color: #900;
  background-color: #eee;
  border: 1px solid #eee;
  cursor: default; }

.pillButton2 {
  cursor: pointer;
  background-color: #666666;
  font-size: 0.6rem;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: 100;
  letter-spacing: 0.3em;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  color: #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.textBlockButton {
  background-color: transparent;
  font-size: 13px;
  padding: 10px 1rem;
  letter-spacing: 3px;
  font-weight: 100;
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  color: #222;
  cursor: pointer;
  transition: all 0.25s; }
  .textBlockButton:hover {
    text-decoration: none;
    background-color: #222;
    color: #fff; }

.textBlockButton.bordered {
  border: 1px solid #222;
  color: #222; }
  .textBlockButton.bordered:hover {
    color: #fff; }

.transparent-button {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #222;
  color: #222;
  background-color: transparent;
  font-size: 13px;
  padding: 15px 30px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: 0.2s; }
  .transparent-button a {
    color: #222; }
  .transparent-button.tiny {
    font-size: 9px;
    padding: .3em .5em .1em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.small {
    font-size: 12px;
    padding: .7em 1em .5em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.large {
    font-size: 16px;
    padding: 1.4em 2em 1em;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 2rem; }
  .transparent-button + .transparent-button {
    margin-left: 0.5rem; }
  .transparent-button:not(.no-hover):not([disabled=disabled]):hover, .transparent-button:not(.no-hover):not([disabled=disabled]):focus, .transparent-button:focus, .transparent-button.active {
    text-decoration: none;
    background-color: #222;
    color: #dddddd; }
    .transparent-button:not(.no-hover):not([disabled=disabled]):hover a, .transparent-button:not(.no-hover):not([disabled=disabled]):focus a, .transparent-button:focus a, .transparent-button.active a {
      color: #dddddd;
      text-decoration: none; }
  .transparent-button.no-hover:active {
    background-color: transparent; }
  .transparent-button:focus {
    outline: none; }
  .transparent-button.hover-border:focus, .transparent-button.hover-border:hover {
    border: 1px solid #dddddd !important; }

.transparent-button.small {
  font-size: 12px;
  padding: .7em 1em .5em;
  font-weight: 300;
  letter-spacing: 2px; }

.transparent-button.borderless {
  border: 1px solid transparent; }
  .transparent-button.borderless:focus, .transparent-button.borderless:hover {
    border: 1px solid transparent; }
  .transparent-button.borderless.underline-focus:focus {
    background-color: transparent;
    color: #222;
    text-decoration: underline; }

.transparent-button.white {
  font-family: "Raleway", "Helvetica", "Lucida Grande", "Verdana", "Arial", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  font-size: 13px;
  padding: 15px 30px;
  letter-spacing: 3px;
  cursor: pointer;
  transition: 0.2s; }
  .transparent-button.white a {
    color: #fff; }
  .transparent-button.white.tiny {
    font-size: 9px;
    padding: .3em .5em .1em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.white.small {
    font-size: 12px;
    padding: .7em 1em .5em;
    font-weight: 300;
    letter-spacing: 2px; }
  .transparent-button.white.large {
    font-size: 16px;
    padding: 1.4em 2em 1em;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 2rem; }
  .transparent-button.white + .transparent-button.white {
    margin-left: 0.5rem; }
  .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover, .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus, .transparent-button.white:focus, .transparent-button.white.active {
    text-decoration: none;
    background-color: #fff;
    color: black; }
    .transparent-button.white:not(.no-hover):not([disabled=disabled]):hover a, .transparent-button.white:not(.no-hover):not([disabled=disabled]):focus a, .transparent-button.white:focus a, .transparent-button.white.active a {
      color: black;
      text-decoration: none; }
  .transparent-button.white.no-hover:active {
    background-color: transparent; }
  .transparent-button.white:focus {
    outline: none; }
  .transparent-button.white.hover-border:focus, .transparent-button.white.hover-border:hover {
    border: 1px solid black !important; }

.transparent-button.inverted {
  color: #fff;
  background-color: #222; }
  .transparent-button.inverted:hover {
    color: #222;
    background-color: #fff; }

.transparent-button.underline:hover {
  text-decoration: underline;
  color: #222;
  background-color: #fff; }

.transparent-button.inverted-underline {
  color: #fff;
  background-color: #222; }
  .transparent-button.inverted-underline:hover {
    text-decoration: underline; }

.out-of-stock-button {
  display: inline-block;
  padding: 0.3rem 15px;
  letter-spacing: 2px;
  transition: 0.1s;
  width: 125px;
  border: 1px solid transparent; }

.out-of-stock-button.pillButton2 {
  width: 105px;
  padding: 0.3rem 15px; }

.slick-initialized .slick-slide {
  margin-top: 0;
  /* override a 'height: 100%' setting, sometimes causing large extra whitespace
   * below the banner */
  height: auto; }