.medium-tooltip-link {
  position: absolute;
  top: 0;
  left: 44%;
  display: none;
  font-size: 1.3em;
  text-align: center;
}

.medium-tooltip-link.fa-solid,
.medium-tooltip-link.fa-regular {
  display: block;
}

/* stylelint-disable-next-line media-feature-range-notation */
@media only screen and (min-width: 58.75em) {
  .medium-tooltip-link.fa-solid,
  .medium-tooltip-link.fa-regular {
    display: none;
  }

  div.medium-option-section:hover a.medium-tooltip-link {
    display: block;
  }
}

.gooten-medium-options {
  display: block;
  float: left;
  width: 100%;
}

.gooten-medium-preview {
  width: 75px;
  height: 37px;
  object-fit: cover;
}

#sizes_dynamic .gooten-size {
  display: block;
}

#gooten-container {
  position: relative;
  margin: auto;
  overflow: hidden;
}

#gooten-container #canvas {
  position: absolute;
  overflow: hidden;
  border: dashed;
  border-color: rgba(0, 0, 0, 0);
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: border;
}

#gooten-container .gooten-product-design_overlay-puzzles {
  padding: 3px;
}

#gooten-container #design {
  position: relative;
  width: 100%;
  pointer-events: none;
}

#gooten-container #bleed {
  width: 100%;
  opacity: 0;
  filter: hue-rotate(90deg);
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
  pointer-events: none;
}

#gooten-container #design_mask {
  width: 100%;
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
  pointer-events: none;
}

#gooten-container #print_ready_template {
  z-index: 5;
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
  pointer-events: none;
}

#gooten-container #design_overlay {
  width: 100%;
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
  pointer-events: none;
}

#gooten-container .page-layer-signature {
  position: absolute;
  bottom: 3%;
  left: 4%;
  z-index: 7;
  max-width: 25%;
  max-height: 6%;
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container .page-layer-signature.shown {
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

.fancybox-overlay #gooten-container .page-layer-signature-text {
  font-size: 8px;
}

#gooten-container .page-layer-signature-text {
  position: absolute;
  right: 4%;
  bottom: 3.65%;
  z-index: 7;
  width: 32%;
  font-weight: 600;
  font-size: 4px;
  line-height: normal;
  text-align: right;
  vertical-align: bottom;
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container .page-layer-signature-text.shown {
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container #bleed.shown {
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container #canvas.shown {
  border-color: red;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: border-color;
}

#gooten-container #design_mask.shown {
  opacity: 0.8;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container #print_ready_template.shown {
  opacity: 0.2;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

#gooten-container #design_overlay.shown {
  opacity: 0.2;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

.gooten-tooltips {
  position: absolute;
  bottom: 0;
  z-index: 8;
  opacity: 0;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
  pointer-events: none;
}

.gooten-tooltips.shown {
  opacity: 1;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: opacity;
}

.gooten-tooltips .gooten-tooltips__item {
  display: flex;
  width: fit-content;
  margin: 1rem;
  padding: 0.4rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.17);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}

.gooten-tooltips .gooten-tooltips__item .gooten-tooltips__item--description {
  display: flex;
  color: rgb(34, 34, 34);
  font-weight: 400;
  font-size: 0.7rem;
  line-height: 0.9rem;
}

.gooten-tooltips .gooten-tooltips__item .gooten-tooltips__item--area-border--red {
  align-self: stretch;
  margin-top: 1px;
  margin-right: 0.3rem;
  margin-bottom: 1px;
  border-left: 3px dashed rgb(235, 62, 55);
}

.gooten-tooltips .gooten-tooltips__item .gooten-tooltips__item--area-border--green {
  align-self: stretch;
  margin-top: 1px;
  margin-right: 0.3rem;
  margin-bottom: 1px;
  border-left: 3px dashed green;
}

#gooten-container img {
  position: absolute;
}

#gooten_product_container {
  margin-top: 1rem;
  margin-right: 1rem;
}

.gooten_wall-calendars #gooten-container {
  width: 80%;
  box-shadow: 5px 5px 20px 0 rgba(00, 00, 00, 0.3);
}

.gooten_wall-calendars #gooten-container:hover {
  box-shadow: 3px 3px 9px 0 rgba(00, 00, 00, 0.3);
  transform: scale(0.99);
  cursor: pointer;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: box-shadow transform;
}

.gooten_wall-calendars #gooten-container:active {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
  transform: scale(0.97);
  cursor: pointer;
  transition-timing-function: ease-in-out;
  transition-duration: 0.075s;
  transition-property: box-shadow transform;
}

.gooten-product-container .page-layer {
  position: absolute;
}

.gooten-product-container .page-layer:last-of-type {
  position: relative;
  z-index: 6;
}

.gooten_wall-calendars {
  position: relative;
}

.gooten_wall-calendars .regular-templates-group {
  position: absolute;
  right: 0;
  height: 100%;
  padding-right: 1.6rem;
  padding-left: 1rem;
  overflow-y: scroll;
  scrollbar-color: rgba(0, 0, 0, 0.349) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

/* Do not remove !important: it disable node hidding after showing by fancybox */
.gooten-product-container.with-fancybox-preview {
  display: block !important;
}

/* Do not remove !important: it disable node hidding after showing by fancybox */
#gooten-container.with-fancybox-preview {
  display: block !important;
}

.gooten_wall-calendars .regular-templates-group .gooten-product-container {
  margin-bottom: 1rem;
  overflow: hidden;
  box-shadow: 5px 5px 20px 0 rgba(00, 00, 00, 0.3);
  transform: scale(1);
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: box-shadow transform;
}

.gooten_wall-calendars .regular-templates-group .gooten-product-container:hover {
  box-shadow: 3px 3px 9px 0 rgba(00, 00, 00, 0.3);
  transform: scale(0.98);
  cursor: pointer;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: box-shadow transform;
}

.gooten_wall-calendars .regular-templates-group .gooten-product-container:active {
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
  transform: scale(0.95);
  cursor: pointer;
  transition-timing-function: ease-in-out;
  transition-duration: 0.075s;
  transition-property: box-shadow transform;
}

.gooten_wall-calendars .regular-templates-group::-webkit-scrollbar {
  width: 0.35rem;
}

/* Track */
.gooten_wall-calendars .regular-templates-group::-webkit-scrollbar-track {
  background: unset;
}

/* Handle */
.gooten_wall-calendars .regular-templates-group::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.349);
  border-radius: 2px;
}

/* Handle on hover */
.gooten_wall-calendars .regular-templates-group::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.gooten_wall-calendars .regular-templates-group .container {
  position: relative;
  margin-top: -2px;
}

.gooten_wall-calendars_preview {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

#background_color {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.display-product-true {
  display: block;
}

.display-product-false {
  display: none;
}

.disable-gooten-true {
  pointer-events: none;
}

.disable-gooten-false {
  pointer-events: all;
}

.slidecontainer .pointers-container {
  display: flex;
  justify-content: space-between;
  padding-right: 0.4rem;
  padding-left: 0.75rem;
}

.slidecontainer .pointer-container {
  width: 0;
}

.slidecontainer .pointer-container:hover {
  color: rgba(0, 0, 0, 1);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.slidecontainer .pointers-container .pointer {
  width: 5rem;
  margin-top: 0.625rem;
  margin-left: -2.5rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0rem;
  text-align: center;
}

.slidecontainer .pointers-container i {
  margin-top: -0.75rem;
  margin-left: -0.45rem;
}

.slidecontainer input {
  width: 100%;
}

.gooten_option.gooten_option_block {
  display: block;
}

.gooten_option_none {
  display: none;
}

.gooten_option {
  line-height: 1.6em;
}

#canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: dashed;
  border-color: transparent;
  transition-timing-function: ease-in-out;
  transition-duration: 0.15s;
  transition-property: border;
}

#canvas img#image {
  position: relative;
  width: 100%;
  max-width: none;
  margin-top: unset !important;
  margin-left: unset !important;
  transform-origin: 50% 50%;
  cursor: grab;
  opacity: 1 !important;
}

.gooten-mediums .medium-tooltip-link {
  background-image: radial-gradient(white, transparent);
}

.gooten-mediums.product-form-options {
  cursor: pointer;
}

.gooten-medium-options .warnings {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.gooten-medium-options .warnings div {
  display: none;
  color: #e25732;
  text-align: center;
}

.gooten-medium-options .warnings div p {
  display: inline;
  color: #e25732;
}

.size-partial .row {
  margin-right: 0;
  margin-left: 0;
}

#border.mugs {
  border: 1px dashed;
}

.image-description.mugs {
  z-index: 2;
  text-align: center;
}

.image-overlay {
  position: absolute;
  display: grid;
  overflow: hidden;
  pointer-events: none;
}

body.dark input.slider {
  height: 8px;
  background-color: silver;
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

body.dark input.slider::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
}

body.dark#user_website input.slider:focus {
  background: silver;
}

#gooten_medium_popup_container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: space-around;
  width: 100vw;
  height: 100vh;
  background-color: #0000000f;
}

#gooten_medium_popup_content {
  max-width: 1150px;
  max-height: 100vh;
  padding: 20px;
  padding-bottom: 40px;
  overflow-y: auto;
  background-color: white;
  border-radius: 17px;
  box-shadow: 1px 2px 59px 0 rgba(90, 90, 90, 0.31);
  scrollbar-color: rgba(0, 0, 0, 0.349) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

#gooten_medium_popup_content::-webkit-scrollbar {
  width: 0.35rem;
}

#gooten_medium_popup_content::-webkit-scrollbar-track {
  background: unset;
}

#gooten_medium_popup_content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.349);
  border-radius: 2px;
}

#gooten_medium_popup_content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.options-container {
  padding-top: 40px;
  padding-right: 40px;
}

.options-container span.gooten-summary {
  font-weight: bold;
  font-size: 0.9em;
}

#gooten_medium_popup_container .add-to-cart-btn-inner {
  padding-top: 13px;
}

#gooten_price_container {
  display: flex;
  align-content: space-around;
  justify-content: flex-end;
  margin: 20px 0 16px;
}

.site-manager .gooten-btn--option {
  margin-top: 15px;
  color: #fff;
  background: #0175ff !important;
}

.site-manager .gooten-btn--option.disabled {
  opacity: 0.2;
}
@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/filter.scss */
  #social_share_kit.with-filter .ssk-sticky {
    bottom: 43px;
  }
}

/* line 7, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block {
  position: sticky;
  top: 0;
  z-index: 3400;
  width: calc(25% - 20px);
  max-height: 85vh;
  margin-right: 20px;
  margin-left: -10px;
  padding-right: 20px;
  overflow-y: auto;
  transition: 0.2s;
  scrollbar-color: rgba(0, 0, 0, 0.349) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

@media (max-width: 1360px) {
  /* line 7, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block {
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  /* line 7, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block {
    padding-right: 30px;
  }
}

@media (max-width: 960px) {
  /* line 7, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block {
    padding: 0 0 20px;
    text-align: center;
  }
}

/* line 34, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block * {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

/* line 40, app/assets/stylesheets/filter.scss */
.content-area .advanced-search_filters-block > form {
  padding-left: 10px;
}

/* line 45, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-btn-open {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  display: none;
  padding: 10px;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
}

@media (max-width: 960px) {
  /* line 64, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter-btn-open.filter-btn-open-show {
    display: block;
  }
}

/* line 70, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-btn-open .filter-btn-open-img {
  width: 25px;
  height: 25px;
  margin-top: -3px;
  margin-right: 10px;
}

/* line 78, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-btn-close {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  display: none;
  padding: 14px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  background: #000;
  border-top: 1px solid #e6e6e6;
  cursor: pointer;
}

@media (max-width: 960px) {
  /* line 97, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter-btn-close.filter-btn-close-show {
    display: block;
  }
}

/* line 104, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  align-items: center;
  margin: 0;
  padding: 6px 0 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 960px) {
  /* line 104, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter-title {
    padding: 15px;
  }
}

/* line 123, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-title::before {
  display: block;
  width: 20px;
  height: 20px;
  background: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/theme_v3/icon-filter.png) no-repeat 50% 50%/contain;
  content: "";
}

/* line 131, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-title .filter-btn-clear {
  display: inline-block;
  color: #999;
  font-weight: 600;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
}

/* line 141, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-title .filter-btn-clear:hover {
  color: #000;
  text-decoration-color: #000;
}

/* line 148, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-title__text {
  margin-right: auto;
}

/* line 152, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter {
  margin-bottom: 2em;
  transition: 0s;
}

@media (max-width: 960px) {
  /* line 152, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 43px;
    left: 0;
    z-index: 1000000000;
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff;
    transform: translateY(calc(100% + 43px));
    transition: 0.3s;
  }
}

/* line 173, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter.filter_open {
  transform: translateY(0);
}

/* line 177, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter::-webkit-scrollbar {
  width: 5px;
}

/* line 181, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
}

/* line 185, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

/* line 189, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name {
  position: relative;
  margin: 0;
  padding: 0 20px 5px 0;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 197, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name.filter-group-name-color {
  margin-bottom: 7px;
}

@media (max-width: 960px) {
  /* line 197, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-group-name.filter-group-name-color {
    margin-bottom: 12px;
  }
}

/* line 204, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name.filter-group-name-color.filter-group-name_closed {
  margin-bottom: 0;
  transition: 0.3s;
}

/* line 210, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name .filter-group-name-btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

/* line 220, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name .filter-group-name-btn::before {
  position: absolute;
  top: 11px;
  right: 5px;
  width: 14px;
  height: 2px;
  background-color: #000;
  opacity: 0.4;
  transition: 0.3s;
  content: "";
}

/* line 232, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name .filter-group-name-btn::after {
  position: absolute;
  top: 11px;
  right: 5px;
  width: 14px;
  height: 2px;
  background-color: #000;
  opacity: 0.4;
  transition: 0.3s;
  content: "";
}

/* line 246, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name:hover .filter-group-name-btn {
  background-color: #f2f2f2;
}

/* line 249, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name:hover .filter-group-name-btn::before {
  opacity: 0.8;
}

/* line 253, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name:hover .filter-group-name-btn::after {
  opacity: 0.8;
}

/* line 261, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group-name.filter-group-name_closed .filter-group-name-btn::after {
  transform: rotate(-90deg);
}

/* line 268, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-group {
  padding: 15px 0 0;
}

@media (max-width: 960px) {
  /* line 268, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-group {
    padding: 15px 15px 0;
  }
}

/* line 276, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-checkbox {
  position: absolute;
  z-index: -1;
  margin: 0;
  opacity: 0;
}

@media (max-width: 960px) {
  /* line 283, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-checkbox:checked + .filter-name {
    color: #000;
    border-color: #000;
  }
}

/* line 289, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-checkbox:checked + .filter-name::after {
  opacity: 1;
}

/* line 296, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-name {
  position: relative;
  margin: 0;
  padding: 7px 7px 7px 35px;
  padding-left: 25px;
  color: #303030;
}

/* line 303, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-name:hover {
  background-color: #f2f2f2;
}

/* line 307, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-name::before {
  position: absolute;
  top: 9px;
  left: 7px;
  min-width: 15px;
  min-height: 15px;
  border: 1px solid #d8d8d8;
  content: "";
}

/* line 317, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-name::after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 4px;
  height: 7px;
  border-color: #303030;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.1s;
  content: "";
}

/* line 333, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper {
  display: flex;
  flex-direction: column;
}

/* line 337, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% + 12px);
  max-height: none;
  margin: -6px -8px 0 -6px;
  padding: 6px;
  overflow: hidden;
}

@media (max-width: 960px) {
  /* line 337, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

/* line 353, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label {
  position: relative;
  z-index: 1;
  width: 16px;
  margin: 0 2px 4px 0;
  transition: 0.15s;
}

@media (max-width: 1300px) {
  /* line 353, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label {
    width: 14px;
    margin: 0 2px 3px 0;
  }
}

@media (max-width: 1150px) {
  /* line 353, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label {
    width: 12px;
    margin: 0 2px 2px 0;
  }
}

@media (max-width: 960px) {
  /* line 353, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label {
    width: 20px;
    margin-right: 2px;
    margin-bottom: 10px;
    transition: 0.15s;
  }
}

/* line 377, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label:hover {
  transform: scale(1.6);
}

@media (max-width: 1300px) {
  /* line 377, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label:hover {
    transform: scale(1.4);
  }
}

@media (max-width: 960px) {
  /* line 377, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label:hover {
    transform: scale(1);
  }
}

/* line 389, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label:active {
  transform: scale(1.2);
}

/* line 393, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label.filter-label-disable {
  z-index: -1;
}

/* line 396, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label.filter-label-disable:hover, .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label.filter-label-disable:active {
  transform: scale(1);
  cursor: default;
}

/* line 402, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label.filter-label-disable .filter-name {
  box-shadow: none !important;
}

/* line 405, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-label.filter-label-disable .filter-name::before {
  top: -1px;
  left: -1px;
  display: block;
  width: 100%;
  min-width: 113%;
  height: 100%;
  min-height: 113%;
  background: #f3f3f3f5;
  border: none;
  border-radius: 50%;
  opacity: 1;
}

/* line 422, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}

@media (max-width: 1300px) {
  /* line 422, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 1150px) {
  /* line 422, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 960px) {
  /* line 422, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name {
    width: 20px;
    height: 20px;
  }
}

/* line 444, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name::before {
  display: none;
}

/* line 448, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-name::after {
  display: none;
}

/* line 453, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath fill='%23000000' d='M26.109 8.844c0 .391-.156.781-.438 1.062L12.233 23.344c-.281.281-.672.438-1.062.438s-.781-.156-1.062-.438l-7.781-7.781c-.281-.281-.438-.672-.438-1.062s.156-.781.438-1.062l2.125-2.125c.281-.281.672-.438 1.062-.438s.781.156 1.062.438l4.594 4.609 10.25-10.266c.281-.281.672-.438 1.062-.438s.781.156 1.062.438l2.125 2.125c.281.281.438.672.438 1.062z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scale(0.6);
  opacity: 0;
}

/* line 469, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-checkbox:not(:checked) + .filter-name {
  box-shadow: none !important;
}

/* line 475, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-checkbox:checked + .filter-name {
  background-color: #fff !important;
  opacity: 1;
}

@media (max-width: 960px) {
  /* line 475, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-checkbox:checked + .filter-name {
    border: none;
  }
}

/* line 483, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-checkbox:checked + .filter-name + .filter-check {
  opacity: 1;
}

/* line 490, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-wrapper.filter-wrapper-color .filter-btn-more-link {
  width: 100%;
}

/* line 496, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-label {
  margin: 0;
}

/* line 500, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-hidden {
  display: none;
  width: 100%;
}

@media (max-width: 960px) {
  /* line 500, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter .filter-hidden {
    width: 100%;
  }
}

/* line 509, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #999;
  font-weight: 900;
}

/* line 516, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link:hover {
  color: #000;
}

/* line 520, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link .filter-more-text,
.advanced-search_filters-block .filter .filter-btn-more-link .filter-less-text {
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: underline #999;
}

/* line 527, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link .filter-more-text:hover,
.advanced-search_filters-block .filter .filter-btn-more-link .filter-less-text:hover {
  text-decoration-color: #000;
}

/* line 532, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link .filter-more-text {
  display: inline-block;
}

/* line 536, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link .filter-less-text {
  display: none;
}

/* line 541, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link.filter-btn-more-link_opened .filter-more-text {
  display: none;
}

/* line 545, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter .filter-btn-more-link.filter-btn-more-link_opened .filter-less-text {
  display: inline-block;
}

/* line 552, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-btn-clear-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 7px;
}

@media (max-width: 960px) {
  /* line 552, app/assets/stylesheets/filter.scss */
  .advanced-search_filters-block .filter-btn-clear-img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
}

/* line 566, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block .filter-count-wrapper {
  display: inline;
}

/* line 570, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block::-webkit-scrollbar {
  width: 0.35rem;
}

/* line 574, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block::-webkit-scrollbar-track {
  background: unset;
}

/* line 578, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.349);
  border-radius: 2px;
}

/* line 583, app/assets/stylesheets/filter.scss */
.advanced-search_filters-block::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* line 588, app/assets/stylesheets/filter.scss */
.filters-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32.3rem;
  font-size: 2rem;
}

@media (max-width: 960px) {
  /* line 596, app/assets/stylesheets/filter.scss */
  .hidden-for-filter {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* line 603, app/assets/stylesheets/filter.scss */
.with-filter {
  padding-right: 0;
}
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

/* line 9, vendor/assets/stylesheets/swiper.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

/* line 19, vendor/assets/stylesheets/swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 22, vendor/assets/stylesheets/swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

/* line 31, vendor/assets/stylesheets/swiper.scss */
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 35, vendor/assets/stylesheets/swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 38, vendor/assets/stylesheets/swiper.scss */
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 42, vendor/assets/stylesheets/swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 46, vendor/assets/stylesheets/swiper.scss */
.swiper-container-pointer-events {
  touch-action: pan-y;
}

/* line 48, vendor/assets/stylesheets/swiper.scss */
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

/* line 52, vendor/assets/stylesheets/swiper.scss */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

/* line 59, vendor/assets/stylesheets/swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
/* line 64, vendor/assets/stylesheets/swiper.scss */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

/* line 69, vendor/assets/stylesheets/swiper.scss */
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
/* line 76, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d {
  perspective: 1200px;
}

/* line 78, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* line 87, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 99, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 102, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 105, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 108, vendor/assets/stylesheets/swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
/* line 115, vendor/assets/stylesheets/swiper.scss */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

/* line 119, vendor/assets/stylesheets/swiper.scss */
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 123, vendor/assets/stylesheets/swiper.scss */
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 128, vendor/assets/stylesheets/swiper.scss */
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 133, vendor/assets/stylesheets/swiper.scss */
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
/* line 1, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart {
  --drawer-cart-width: 380px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000000;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.29, 0.63, 0.44, 1);
  pointer-events: none;
}

/* line 16, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart * {
  -webkit-tap-highlight-color: transparent;
}

/* line 20, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer-cart-content {
  position: absolute;
  top: 0;
  right: calc(-1 * var(--drawer-cart-width));
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: var(--drawer-cart-width);
  max-width: 95%;
  max-height: 100%;
  color: #1a1a1a;
  background: #fff;
  transition: all 0.35s cubic-bezier(0.29, 0.63, 0.44, 1);
}

@media (max-width: 768px) {
  /* line 20, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  .drawer-cart .drawer-cart-content {
    right: -100%;
    width: 100%;
    max-width: none;
  }
}

/* line 41, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* line 46, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart.open .drawer-cart-content {
  transform: translateX(calc(-1 * var(--drawer-cart-width)));
}

@media (max-width: 768px) {
  /* line 46, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  .drawer-cart.open .drawer-cart-content {
    transform: translateX(-100%);
  }
}

/* line 55, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 19px 10px 25px;
  border-bottom: 1px solid #e6e6e6;
}

/* line 62, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__header .drawer__header-text {
  padding-top: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 68, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__header .drawer__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  transition: all 200ms ease;
}

/* line 81, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__header .drawer__close-button svg {
  width: 22px;
  height: 22px;
  color: #1a1a1a;
}

/* line 87, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__header .drawer__close-button:hover {
  top: 0;
  background-color: #e6e6e6;
}

/* line 94, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: calc(100% - 60px);
  padding: 0 25px 20px;
}

@media (orientation: landscape) and (max-width: 1000px) {
  /* line 94, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  .drawer-cart .drawer__inner {
    display: block;
    overflow: auto;
  }
}

/* line 106, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .cart--empty-message {
  padding: 20px 0;
  color: #1a1a1a;
  font-weight: 300;
  font-size: 15px;
}

/* line 112, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.theme-version-three .drawer-cart .drawer__inner .cart--empty-message {
  margin: auto;
}

/* line 116, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .cart--empty-message.hidden {
  display: none;
}

/* line 121, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper {
  position: relative;
  flex-grow: 1;
  margin: 0 -25px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 1px solid #e6e6e6;
}

/* line 129, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper::-webkit-scrollbar {
  width: 5px;
}

/* line 133, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
}

/* line 137, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

/* line 141, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper.loading {
  position: relative;
}

/* line 144, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper.loading .drawer__card-list {
  overflow: hidden;
}

/* line 148, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper.loading::before {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
  content: "";
}

/* line 160, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list-wrapper.loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: block;
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-left-color: transparent;
  border-radius: 50%;
  transition: 0.3s;
  animation: spin 1s infinite linear;
  content: "";
}

/* line 178, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list {
  width: var(--drawer-cart-width);
  padding: 0 25px;
  list-style: none;
}

@media (max-width: 768px) {
  /* line 178, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  .drawer-cart .drawer__inner .drawer__card-list {
    width: 100%;
  }
}

/* line 187, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
}

/* line 192, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item:last-child {
  padding: 0;
}

/* line 197, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item.loading .drawer__product-old-price,
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item.loading .drawer__product-price {
  opacity: 0;
}

/* line 203, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-top {
  display: flex;
  margin-bottom: 5px;
}

/* line 207, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-top .drawer__cart-item-left {
  width: 100px;
  margin-right: 20px;
}

/* line 211, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-top .drawer__cart-item-left .drawer__product-image {
  display: block;
  background-color: #e6e6e6;
}

/* line 215, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-top .drawer__cart-item-left .drawer__product-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* line 226, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right {
  flex-grow: 1;
  max-width: calc(100% - 121px);
}

/* line 230, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-name {
  display: block;
  margin-bottom: 10px;
  padding-right: 25px;
  color: #1a1a1a;
  font-weight: normal;
  font-size: 15px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  word-break: break-word;
  transition: 0.3s;
}

/* line 245, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-name:hover {
  opacity: 0.7;
}

/* line 250, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-info {
  margin: 0 0 5px;
  padding: 0 0 0 14px;
  list-style-type: disc;
}

/* line 255, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-info li {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

/* line 266, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price {
  display: flex;
  align-items: center;
}

/* line 270, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity {
  display: flex;
  width: 100px;
  margin-right: auto;
}

/* line 275, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity.loading {
  opacity: 0.5;
  pointer-events: none;
}

/* line 280, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-btn {
  top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: none !important;
  border-radius: 50%;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  transition: 0.3s;
}

/* line 299, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-btn svg {
  width: 16px;
  height: 16px;
  color: #1a1a1a;
}

/* line 305, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-btn:hover {
  background-color: #d9d9d9;
}

/* line 309, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-btn.hidden {
  display: none;
}

/* line 314, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-num {
  width: 40px;
  height: auto !important;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  background: #fff;
  border: none;
  outline: none;
  pointer-events: none;
}

/* line 329, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-old-price {
  margin: 0 15px 0 10px;
  color: #f00;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: line-through;
  transition: 0.3s;
}

/* line 340, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-price {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 1px;
  text-align: right;
  transition: 0.3s;
}

/* line 352, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__bottom-border {
  margin-bottom: auto;
}

/* line 356, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount {
  position: relative;
  display: flex;
  flex-shrink: 0;
  max-height: 24px;
  margin-bottom: 6px;
  padding-top: 25px;
  overflow: hidden;
  transition: max-height 0.5s, margin-bottom 0.5s;
}

/* line 357, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount form {
  display: flex;
  width: 100%;
  margin: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

/* line 374, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-visible-show {
  display: inline;
}

/* line 378, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-visible-hide {
  display: none;
}

/* line 382, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount.drawer__discount-open {
  max-height: 70px;
  margin-bottom: 20px;
}

/* line 387, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount.drawer__discount-open .drawer__discount-visible .drawer__discount-visible-show {
  display: none;
}

/* line 391, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount.drawer__discount-open .drawer__discount-visible .drawer__discount-visible-hide {
  display: inline;
}

/* line 395, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount.drawer__discount-open .drawer__discount-visible::before {
  top: 2px;
  transform: rotate(-225deg);
}

/* line 401, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount.drawer__discount-open form {
  opacity: 1;
}

/* line 406, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-visible {
  position: absolute;
  top: 0;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.5px;
  cursor: pointer;
}

/* line 415, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-visible span {
  padding-right: 16px;
}

/* line 419, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-visible::before {
  position: absolute;
  top: 5px;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #1a1a1a;
  border-right: 2px solid #1a1a1a;
  transform: rotate(-45deg);
  transition: transform 0.5s;
  content: "";
}

/* line 433, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__discount .drawer__discount-input {
  display: flex;
  align-items: center;
  height: var(--field-height, 40px);
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  background: none !important;
}

/* line 447, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__express button.apple-pay-button,
.drawer-cart .drawer__inner .drawer__express button {
  margin-bottom: 20px;
  border-radius: 0;
}

/* line 453, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__express form {
  display: none;
}

/* line 459, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer form {
  margin: 0;
}

/* line 463, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .instant-checkout-btn-form {
  margin-bottom: 15px;
}

/* line 467, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-row-medium {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  color: #666;
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0.5px;
}

/* line 477, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-row-medium .drawer__subtotal-text {
  padding-right: 5px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

/* line 485, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-row {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.5px;
}

/* line 494, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-row .drawer__subtotal-text {
  padding-right: 5px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

/* line 502, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-price {
  font-weight: 500;
  transition: 0.3s;
}

/* line 506, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-price.loading {
  opacity: 0;
}

/* line 511, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-info {
  margin: 0 0 10px;
  padding: 0;
  color: #333;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.5px;
}

/* line 523, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__btn-checkout {
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  outline: none !important;
  cursor: pointer;
}

/* line 537, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__btn-checkout.loading {
  color: transparent;
  pointer-events: none;
}

/* line 541, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__btn-checkout.loading:hover {
  top: 0;
}

/* line 545, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__btn-checkout.loading::before {
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-btn 1s infinite linear;
  content: "";
}

/* line 560, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one .drawer__btn-checkout, .theme-version-two .drawer__btn-checkout {
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}

/* line 567, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one.dark .drawer__btn-checkout, .theme-version-two.dark .drawer__btn-checkout {
  color: #fff;
  background-color: #000;
}

/* line 572, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one.dark .drawer__btn-checkout:hover, .theme-version-one.dark .drawer__btn-checkout:focus, .theme-version-two.dark .drawer__btn-checkout:hover, .theme-version-two.dark .drawer__btn-checkout:focus {
  color: #fff;
  background-color: #000;
}

/* line 580, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__discount-btn {
  top: 0 !important;
  height: 40px;
  margin: 0;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 0 !important;
  outline: none !important;
}

/* line 593, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__discount-btn.loading {
  color: transparent;
  pointer-events: none;
}

/* line 597, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__discount-btn.loading:hover {
  top: 0;
}

/* line 601, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__discount-btn.loading::before {
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin-btn 1s infinite linear;
  content: "";
}

/* line 616, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one .drawer__discount-btn, .theme-version-two .drawer__discount-btn {
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}

/* line 623, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one.dark .drawer__discount-btn, .theme-version-two.dark .drawer__discount-btn {
  color: #fff;
  background-color: #000;
}

/* line 628, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.theme-version-one.dark .drawer__discount-btn:hover, .theme-version-one.dark .drawer__discount-btn:focus, .theme-version-two.dark .drawer__discount-btn:hover, .theme-version-two.dark .drawer__discount-btn:focus {
  color: #fff;
  background-color: #000;
}

/* line 636, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-delete {
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 10px;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 100%;
  cursor: pointer;
  transition: border-color 0.2s;
  transition: all 200ms ease;
}

/* line 654, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-delete svg {
  width: 16px;
  height: 16px;
  color: #000;
}

/* line 660, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-delete, .drawer__card-delete:hover, .drawer__card-delete:focus {
  position: absolute;
  top: -4px;
  color: #000;
  background: transparent;
  background-size: 12px 12px;
  box-shadow: none;
}

/* line 671, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-delete:hover, .drawer__card-delete:focus {
  border-color: #b2b2b2;
}

/* line 677, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-item_deleting-in-progress {
  pointer-events: none;
}

/* line 680, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-item_deleting-in-progress > *:not(.loading-animation) {
  opacity: 0.1;
  transition: opacity 0.2s;
}

/* line 686, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__card-item .loading-animation {
  bottom: 35px;
}

/* line 690, app/assets/stylesheets/user_site/new_drawer_cart.scss */
.drawer__discount-btn,
.drawer__btn-checkout {
  color: #fff;
  background-color: #000;
  border: none;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin-btn {
  0% {
    transform: translateX(-50%) rotate(0);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}

/* line 718, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart {
  --drawer-cart-width: 400px;
}

/* line 721, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer-cart-content {
  height: 100%;
}

@media (max-width: 768px) {
  /* line 721, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  body.lean .drawer-cart .drawer-cart-content {
    position: relative;
  }
}

@media (max-width: 577px) {
  /* line 721, app/assets/stylesheets/user_site/new_drawer_cart.scss */
  body.lean .drawer-cart .drawer-cart-content {
    width: 100%;
  }
}

/* line 733, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__header {
  padding: 5px 20px;
}

/* line 736, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__header .drawer__close-button {
  border: 1px solid #ccc;
}

/* line 739, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__header .drawer__close-button:hover {
  background-color: #000;
  border: none;
}

/* line 743, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__header .drawer__close-button:hover svg {
  color: #fff;
}

/* line 750, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__header-text {
  padding-top: 0;
  color: #656565;
  font-weight: 300;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 20px;
  text-transform: uppercase;
}

/* line 764, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-name {
  font-size: 16px;
  line-height: inherit;
}

/* line 770, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__cart-item-right .drawer__product-info li {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 14px;
}

/* line 780, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-old-price {
  margin-right: 10px;
  font-size: 14px;
}

/* line 786, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__card-list .drawer__card-item .drawer__card-bottom .drawer__product-info-price .drawer__product-quantity .drawer__product-quantity-num {
  font-size: 16px;
}

/* line 796, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__footer .drawer__btn-checkout,
body.lean .drawer-cart .drawer__inner .drawer__footer .instant-checkout-btn {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  border-radius: 3rem;
}

/* line 804, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__footer .instant-checkout-btn-form {
  margin-bottom: 10px;
}

/* line 808, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-row {
  align-items: flex-end;
  font-size: 14px;
}

/* line 813, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-price {
  font-size: 24px;
}

/* line 817, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer-cart .drawer__inner .drawer__footer .drawer__subtotal-info {
  margin: 0 0 15px;
  font-size: 13px;
}

/* line 825, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer__card-delete {
  background: #000;
}

/* line 828, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer__card-delete svg {
  color: #fff;
}

/* line 832, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer__card-delete:hover, body.lean .drawer__card-delete:focus {
  background: #fff;
}

/* line 836, app/assets/stylesheets/user_site/new_drawer_cart.scss */
body.lean .drawer__card-delete:hover svg, body.lean .drawer__card-delete:focus svg {
  color: #000;
}
/* line 1, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
}

/* line 7, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}

/* line 15, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 75px;
  max-height: 75px;
  padding: 20px 40px;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 991px) {
  /* line 15, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .header {
    padding: 20px;
  }
}

/* line 33, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .logo {
  display: none;
  background-color: #fff;
}

@media (max-width: 767px) {
  /* line 33, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .header .logo {
    display: block;
    max-height: 40px;
  }
}

/* line 43, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .fa-solid .fa-regular {
  font-family: FontAwesome;
}

/* line 47, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .art-show-navigation-icons {
  padding: 0 8px;
}

/* line 50, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .art-show-navigation-icons button:hover {
  top: 0;
}

/* line 54, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .art-show-navigation-icons .cart-quantity {
  line-height: 1.6;
}

/* line 59, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block {
  display: flex;
  margin-left: auto;
}

/* line 63, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .art-show-content-area {
  line-height: 1.4;
}

/* line 67, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link {
  width: 19px;
  height: 18px;
  margin-right: 15px;
  color: transparent;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: none;
  opacity: 0.3;
  transition: all 200ms ease;
}

/* line 80, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link:last-child {
  margin-right: 0;
}

/* line 84, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link:hover {
  opacity: 1;
}

/* line 88, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link.social-link-in {
  background-image: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/soc-in.svg);
}

/* line 89, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link.social-link-fb {
  background-image: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/soc-fb.svg);
}

/* line 90, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link.social-link-tw {
  background-image: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/soc-tw.svg);
}

/* line 91, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link.social-link-pt {
  background-image: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/soc-pt.svg);
}

/* line 92, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .social-block .social-link.social-link-yt {
  background-image: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/soc-yt.svg);
}

@media (max-width: 991px) {
  /* line 96, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .header .btn_copy-link-wrapper {
    margin-left: auto;
  }
}

/* line 101, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_copy-link-wrapper .btn_copy-link {
  width: 19px;
  height: 18px;
  background: #fff url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/live_art_show_page/btn-copy-link.svg) 50% 50% no-repeat;
  background-size: contain;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 200ms ease;
}

/* line 114, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_copy-link-v2 {
  margin-right: 3px;
  padding: 10px 15px;
  color: #666;
  font-size: 12.5px;
  background: #f0f0f0;
}

/* line 121, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_copy-link-v2:hover {
  background: #f0f0f0;
}

/* line 126, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header #shopping_cart_bar_container {
  display: block;
}

/* line 130, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_cart {
  display: flex;
  align-items: center;
  background: #fff;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

/* line 139, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_cart .btn_cart-svg {
  width: 19px;
  height: 19px;
  fill: #000;
}

/* line 145, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .header .btn_cart .btn_cart-number {
  display: inline-block;
  min-width: 15px;
  margin-left: 5px;
  color: #000;
  font-size: 18px;
  text-align: left;
}

/* line 156, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main {
  max-width: 1190px;
  margin: 0 auto;
  padding: 170px 40px 0;
}

@media (max-width: 991px) {
  /* line 156, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main {
    padding: 165px 20px 0;
  }
}

@media (max-width: 767px) {
  /* line 156, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main {
    padding: 120px 20px 0;
  }
}

/* line 169, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper {
  max-width: 1110px;
  margin: 0 auto;
  text-align: center;
}

/* line 174, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .logo {
  position: sticky;
  top: 7px;
  z-index: 10;
  max-height: 60px;
  margin-bottom: 30px;
  background-color: #fff;
}

@media (max-width: 767px) {
  /* line 174, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .wrapper .logo {
    display: none;
  }
}

/* line 187, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .heading {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 35px;
  line-height: 35px;
}

/* line 194, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .heading-under-text {
  max-width: 700px;
  margin: 0 auto 30px;
  font-size: 20px;
  line-height: 25px;
}

/* line 201, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .content-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 730px;
  margin: 0 auto 30px;
  color: #999;
  font-size: 18px;
  line-height: 25px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

/* line 213, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .content-information > * {
  margin-bottom: 10px;
  color: #999;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.5px;
}

/* line 220, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .content-information > *:last-child {
  margin-bottom: 0;
}

/* line 226, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .video-block {
  max-width: 730px;
  margin: 0 auto 30px;
}

/* line 230, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .video-block .iframe-wrapper {
  position: relative;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.25%;
}

/* line 236, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .video-block .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* line 247, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .wrapper .sale-text {
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

/* line 256, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

@media (max-width: 768px) {
  /* line 261, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .cart-list.cart-list_col-2 {
    justify-content: center;
  }
}

/* line 266, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list.cart-list_col-2 .cart-item {
  width: calc(50% - 40px);
  margin: 0 20px 30px;
}

@media (max-width: 768px) {
  /* line 266, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .cart-list.cart-list_col-2 .cart-item {
    width: calc(100% - 40px);
    margin: 0 0 30px;
  }
}

@media (max-width: 600px) {
  /* line 277, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .cart-list.cart-list_col-3 {
    justify-content: center;
  }
}

/* line 282, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list.cart-list_col-3 .cart-item {
  width: calc((100% / 3) - 40px);
  margin: 0 20px 30px;
}

@media (max-width: 991px) {
  /* line 282, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .cart-list.cart-list_col-3 .cart-item {
    width: calc(50% - 40px);
    margin: 0 15px 30px;
  }
}

@media (max-width: 600px) {
  /* line 282, app/assets/stylesheets/user_site/live_art_show_page.scss */
  .art-show .main .cart-list.cart-list_col-3 .cart-item {
    width: calc(100% - 40px);
    margin: 0 0 30px;
  }
}

/* line 298, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(33% - 40px);
  padding: 20px 15px 50px;
  text-align: left;
  list-style: none;
  border-bottom: 1px solid #e6e6e6;
}

/* line 308, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item > form {
  margin-top: auto;
}

/* line 312, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-img-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 100%;
  background: #f3f3f3;
}

/* line 320, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-img-wrapper .cart-img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  transform: translate(-50%, -50%);
  transition: opacity 200ms ease;
}

/* line 330, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-img-wrapper .cart-sold {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: -10px;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  background-color: red;
  border-radius: 100%;
  cursor: default;
}

/* line 351, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-title {
  font-weight: 600;
  font-size: 18px;
  transition: opacity 200ms ease;
}

/* line 358, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-price-wrapper .cart-price-old {
  display: inline-block;
  margin-right: 5px;
  color: red;
  font-weight: 600;
  font-size: 14px;
  text-decoration: line-through;
}

/* line 367, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-price-wrapper .cart-price {
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
}

/* line 374, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-size {
  margin-bottom: 10px;
}

/* line 378, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-description {
  margin-bottom: 20px;
}

/* line 382, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-btn {
  width: 100%;
  margin-top: auto;
  padding: 9px 15px;
  color: white;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: #000;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  transition: all 200ms ease;
}

/* line 400, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-btn.cart-btn_disable {
  background-color: #e6e6e6;
  pointer-events: none;
}

/* line 405, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .main .cart-list .cart-item .cart-btn:hover {
  color: #000;
  background-color: #e6e6e6;
}

/* line 414, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 40px 100px;
}

/* line 420, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer .footer-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  opacity: 0.55;
  transition: opacity 200ms ease;
}

/* line 432, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer .footer-logo:hover {
  opacity: 1;
}

/* line 436, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer .footer-logo .footer-logo-img {
  width: 40px;
  height: 37px;
  margin-bottom: 5px;
}

/* line 443, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer .footer-badges {
  display: flex;
  justify-content: center;
}

/* line 447, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .footer .footer-badges .footer-badge {
  height: 70px;
  margin-right: 10px;
  margin-left: 10px;
}

/* line 455, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .share-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  transform: translateY(300px);
  transition: 0.7s;
}

/* line 467, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .share-wrapper.open {
  transform: translateY(0);
}

/* line 471, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show .share-wrapper .share-text {
  padding: 20px 40px;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #000;
}

/* line 483, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .wrapper .content-information {
  color: #fff;
}

/* line 486, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .wrapper .content-information > * {
  color: #fff;
}

/* line 493, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .cart-list .cart-item {
  color: #fff;
}

/* line 496, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .cart-list .cart-item .cart-img-wrapper {
  background: #1e1e1e;
}

/* line 500, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .cart-list .cart-item .cart-btn {
  color: #000;
  background-color: #fff;
}

/* line 504, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .cart-list .cart-item .cart-btn:hover {
  color: #fff;
  background-color: #555;
}

/* line 512, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .footer-logo-text {
  color: #fff;
}

/* line 517, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.art-show_dark-theme .footer-logo .footer-logo-img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

/* line 525, app/assets/stylesheets/user_site/live_art_show_page.scss */
.art-show.lean #footer {
  background-color: #1a1a1a;
}
/* line 1, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-wrapper {
  position: absolute;
  z-index: 1000000000;
  display: none;
}

/* line 7, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container {
  position: fixed;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  z-index: 1000000000;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

/* line 29, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .quick-view-block {
  position: relative;
  width: 1300px;
  max-width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  border-style: none;
}

/* line 39, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .close-quick-view {
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

/* line 47, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .quick-view__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: none;
}

/* line 54, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .quick-view__spinner .fa-spinner {
  font-size: 2.5em;
}

/* line 59, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .exit-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 1px 0 0;
  color: #676767;
  font-weight: 200;
  font-size: 50px;
  background-color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

/* line 90, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .exit-btn:hover {
  color: #fff;
  background-color: transparent;
  border-style: solid;
}

/* line 96, app/assets/stylesheets/user_site/quick_view.scss */
.quick-view-container .exit-btn .exit-btn__symbol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

/* line 119, app/assets/stylesheets/user_site/quick_view.scss */
.product-container .quick-view {
  margin-top: -12px;
  color: #989898 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: capitalize;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-transition: all 200ms ease !important;
  transition: all 200ms ease !important;
}

/* line 130, app/assets/stylesheets/user_site/quick_view.scss */
.product-container .quick-view:hover {
  color: #000 !important;
}

/* line 134, app/assets/stylesheets/user_site/quick_view.scss */
.Traditional .product-container .quick-view {
  margin-top: 0;
}
/* line 1, app/assets/stylesheets/line_item.scss */
.gooten-line-item__photo-wrap-layers {
  position: relative;
}

/* line 4, app/assets/stylesheets/line_item.scss */
.gooten-line-item__photo-wrap-layers img {
  position: unset;
  top: unset;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
  transform: unset;
}

/* line 13, app/assets/stylesheets/line_item.scss */
.gooten-line-item__photo-wrap-layers img.canvas:not(.lazyloaded) {
  background: url(https://d32wpxz89tv3uk.cloudfront.net/assets/spinner.svg) 50% 50% no-repeat;
  background-size: 75%;
  opacity: 1;
}

/* line 19, app/assets/stylesheets/line_item.scss */
.gooten-line-item__photo-wrap-layers img:not(:first-child) {
  position: absolute;
  transform: translate(-100%, 0%);
}
/* line 1, app/assets/stylesheets/lazysizes.scss */
.lazyload,
.lazyloading,
.lazyloaded {
  transition: opacity 0.2s;
}

/* line 7, app/assets/stylesheets/lazysizes.scss */
.lazyload,
.lazyloading {
  opacity: 0;
}

/* line 18, app/assets/stylesheets/lazysizes.scss */
.Traditional :not(.product-card__photo-wrap-layers) > img.lazyload, .Traditional :not(.product-card__photo-wrap-layers) > img.lazyloading,
.Clean :not(.product-card__photo-wrap-layers) > img.lazyload,
.Clean :not(.product-card__photo-wrap-layers) > img.lazyloading,
.photo-gallery-container :not(.product-card__photo-wrap-layers) > img.lazyload,
.photo-gallery-container :not(.product-card__photo-wrap-layers) > img.lazyloading,
.Square :not(.product-card__photo-wrap-layers) > img.lazyload,
.Square :not(.product-card__photo-wrap-layers) > img.lazyloading,
.Lean.category-cards-lean :not(.product-card__photo-wrap-layers) > img.lazyload,
.Lean.category-cards-lean :not(.product-card__photo-wrap-layers) > img.lazyloading {
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), rgba(211, 211, 211, 0.3);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: 50px 500px;
  opacity: 1;
  animation: shine 1s infinite;
}

@keyframes shine {
  to {
    background-position: 100% 0;
  }
}
/* line 1, app/assets/stylesheets/stripe-card/stripe-card.scss */
.StripeElement {
  display: flex !important;
  align-items: center;
  height: var(--field-height, 38px);
  border: 1px solid #ccc;
  padding: 0 12px;
}

/* line 8, app/assets/stylesheets/stripe-card/stripe-card.scss */
.StripeElement > * {
  width: 100%;
}
/* stylelint-disable order/properties-order */

/* used in conjunction with siteAnimation() in javascripts/user_site/global.css */

/*









*/

/* stylelint-disable max-line-length, no-duplicate-selectors */

/* variables */

:root {
  --category-caption-padding: 28px;
  --category-caption-text-size: 1.7em;
  --category-caption-button-size: 48px;
}

.editor-content p {
  margin-top: 1em;
  margin-bottom: 1em;
}

#announcement_bar_container .swiper-wrapper {
  align-items: center;
}

.pt-1 {
  padding-top: 0.5rem;
}

#pl-2,
.pl-2 {
  padding-left: 1rem;
}

.tooltip-video video {
  width: 100%;
}

.experience-full-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.experience-page-content-area,
.experience-page-content-area .content-area-inner,
.experience-page-content-area .contentbox-wrapper {
  margin: 0;
  padding: 0;
  opacity: 1;
}

.experience-page-content-area .wrap {
  max-width: 100%;
  margin: 0 !important;
  padding: 0;
}

.experience-page-content-area a {
  display: block;
}

.canvas-border-color-example {
  width: 50%;
  height: 37px;
  margin: 0 auto;
  margin-bottom: 5px;
}

[data-canvas-border-color-locked="true"] sp-color-picker {
  display: none;
}

#user_website .contentbuilder-add {
  right: 0;
  width: 75px;
}

.contentbuilder-target:hover {
  outline: 1px solid #00da89;
}

.contentbuilder-add .classic {
  border-left: 1px solid #00da89;
}

.contentbuilder-add #btnViewSnippets {
  border-top: 1px solid #00da89;
}

.contentbuilder-add #btnContentBuilderSave {
  border-bottom: 1px solid #00da89;
}

.contentbuilder-wrapper grammarly-extension {
  display: none;
}

.contentbuilder-wrapper a {
  display: inline-block;
}

.no-right-padding,
form .row .row .columns.no-right-padding {
  padding-right: 0;
}

.no-left-padding,
form .row .row .columns.no-left-padding {
  padding-left: 0;
}

div.shopping-cart div.order-review-column .opt-in-question {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 25px 0 15px;
}

.content-area .opt-in-question p {
  margin-bottom: 0;
}

.medium-tooltip-link {
  position: absolute;
  top: 0;
  left: 44%;
  display: none;
  font-size: 1.3em;
  text-align: center;
}

.is-modal button.classic:hover {
  top: inherit;
}

.no-right-margin {
  margin-right: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.left-margin {
  margin-left: 0.775em;
}

.right-margin {
  margin-right: 0.775em;
}

#user_website #divTool {
  z-index: 10000000001;
}

#website_body_container .asf-branding {
  margin-top: 30px;
}

#website_body_container .asf-branding p {
  font-size: 12px;
}

#website_body_container .asf-branding a {
  text-decoration: underline;
}

.live-wall-preview-container {
  display: inline;
}

.wall-preview-live {
  position: fixed;
  top: 0;
  z-index: 200000000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
}

.modal-see-on-your-wall select {
  background: white;
}

.wall-preview-live .live-preview-next-prev-product-container {
  position: fixed;
  top: 0;
  left: 0;
  display: inline;
  padding: 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.wall-preview-live .live-preview-next-prev-product-container a {
  color: white;
  font-size: 30px;
}

.wall-preview-live .live-preview-next-prev-product-container a[data-prev-next-button-direction="next"] {
  margin-left: 5px;
}

.wall-preview-live .distance-tip {
  position: fixed;
  bottom: 45px;
  width: 100%;
  padding: 0 5px 30px;
  text-align: center;
}

.wall-preview-live .distance-tip p {
  color: white;
  font-size: 11px;
}

.wall-preview-live .modal-see-on-your-wall {
  position: fixed;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}

.wall-preview-live .preview-wall-color {
  background: none !important;
  background-image: none !important;
}

.wall-preview-live .qr-code-container {
  bottom: 5px;
  border: 3px solid #ccc;
}

.wall-preview-live form {
  display: inline;
  margin-bottom: 0;
}

.wall-preview-live .failure form {
  display: block;
  margin-bottom: 0;
}

.wall-preview-live .large-screens form input[type="submit"],
.wall-preview-live .large-screens form input[type="submit"]:focus {
  width: 100%;
  margin-top: 10px;
  border: 1px solid white;
}

.wall-preview-live #preview_wall_btns .controls {
  background: rgba(255, 255, 255, 1);
}

.wall-preview-live .prev-next-toggles {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 23px;
}

.wall-preview-live .prev-next-toggles span {
  position: absolute;
  color: black;
  font-size: 35px;
  cursor: pointer;
}

.wall-preview-live .prev-next-toggles span.previous {
  padding-left: 5px;
}

.wall-preview-live .prev-next-toggles span.next {
  left: 40px;
  padding-left: 3px;
}

.wall-preview-live select.wall-size-option {
  width: 90px;
  height: 35px;
  border: 1px solid #999;
  border-radius: 0;
}

.live-wall-preview-container {
  margin-left: 10px;
}

.email-a-link-container {
  display: none;
  float: right;
  margin-right: 30px;
  padding-top: 5px;
}

.email-a-link-container p {
  color: #ccc;
}

.email-a-link-container .recaptcha-field {
  margin: 0 auto;
  margin-bottom: 20px;
}

.wall-preview-live .close-container {
  display: inline;
  float: right;
  margin-top: -15px;
}

.wall-preview-live .close-container a {
  color: white;
  font-size: 40px;
}

.wall-preview-live .failure .close-container a {
  color: white;
}

#social_share_kit .lead-capture-discount span {
  font-size: 1.15em;
}

#social_share_kit .ssk-sm .lead-capture-discount span {
  font-size: 1.05em;
}

#social_share_kit .ssk-xs .lead-capture-discount span {
  font-size: 0.8em;
}

#social_share_kit .ssk-lg .lead-capture-discount span {
  font-size: 1.5em;
}

.email-a-link-container input {
  display: inline;
  width: 100%;
}

.wall-preview-live .my-camera {
  z-index: -1;
  background: black;
}

.wall-preview-live .email-a-link-container {
  display: none;
  width: 100%;
  margin-top: 20px;
  margin-right: 0;
  color: white;
  font-size: 18px;
}

.wall-preview-live form {
  margin-top: 10px;
}

.wall-preview-live .failure .email-a-link-container {
  display: block;
  width: 100%;
  color: white;
  font-size: 15px;
}

.wall-preview-live .failure .email-a-link-container input {
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
}

.wall-preview-live .failure .email-a-link-container input[type="text"] {
  width: 100%;
}

.wall-preview-live input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
  font-style: italic;
  opacity: 0.6;
}

.wall-preview-live input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 0.6;
}

.wall-preview-live input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0.6;
}

.wall-preview-live input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 0.6;
}

.wall-preview-live .failure .email-a-link-container input[type="submit"] {
  color: black;
  background: white;
}

.wall-preview-live .failure {
  width: 100%;
  height: 100%;
  padding: 15px;
  overflow-y: scroll;
  text-align: center;
  background: black;
}

.wall-preview-live .failure p {
  max-width: 850px;
  margin: 0 auto 15px;
  color: white;
  font-size: 14px;
}

.wall-preview-live .failure p:first-of-type {
  margin-top: 20px;
}

.wall-preview-live .failure p a,
.wall-preview-live .failure p a:visited {
  color: #ccc;
  text-decoration: underline;
}

.wall-preview-live .failure.can-play-video-but-only-in-separate-browser {
  position: fixed;
  top: -4000px;
  z-index: 200000000;
  opacity: 0;
}

.wall-preview-live .close-container {
  position: fixed;
  top: 0;
  right: 0;
  padding: 10px;
}

.wall-preview-live #preview_wall_btns {
  position: fixed;
  top: 0;
  z-index: 10000000000000;
  width: 100%;
  height: inherit;
}

#social_share_kit {
  position: relative;
  z-index: 12;
}

#social_share_kit .ssk-left {
  transition: left 0.3s;
}

@media (width <= 767px) {
  #social_share_kit .ssk-round {
    bottom: 44px;
    justify-content: center;
  }

  #social_share_kit .ssk-round .ssk {
    flex: unset;
    margin: 0 5px;
  }
}

.ssk-sticky {
  z-index: 200000000;
}

.ssk-sticky .fa-gift {
  font-size: 26px;
}

.ssk-sticky.ssk-sm .fa-gift {
  font-size: 23px;
}

.ssk-sticky.ssk-lg .fa-gift {
  font-size: 33px;
}

.supress-zindex {
  z-index: 200000 !important;
}

#user_website .cc-window {
  bottom: 0;
  z-index: 1000000000;
  min-width: 100%;
  padding: 0;
  color: #fff;
  font-family: "Raleway", sans-serif;
  background-color: #000;
  box-shadow: 0 0 2px #333;
}

#user_website .cc-window p {
  color: #fff;
}

@media screen and (width <= 500px) and (orientation: portrait), screen and (width <= 736px) and (orientation: landscape) {
  #user_website .cc-window {
    flex-direction: column;
    -ms-flex-align: unset;
    align-items: unset;
  }

  #user_website .cc-window.cc-banner .cc-compliance {
    flex: 1 1 auto;
  }
}

div[aria-label="cookieconsent"] .cc-compliance a,
div[aria-label="cookieconsent"] .cc-compliance .cc-btn.cc-deny {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background-color: rgb(121, 121, 121);
  border-color: transparent;
  border-style: solid;
  border-width: 2px;
}

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

.cc-compliance .cc-btn.cc-deny:hover {
  background-color: rgb(38, 38, 38);
}

div[aria-label="cookieconsent"] .cc-message {
  margin: 0 1em !important;
  padding: 0.5em 0;
  font-size: 14px;
  text-align: center;
}

div[aria-label="cookieconsent"] .cc-message p {
  display: inline;
}

div[aria-label="cookieconsent"].approach-hard {
  z-index: 10000000000;
  flex-direction: column;
  height: 100%;
  padding: 5px;
  text-align: center;
  background: white;
}

.cookie-declined-content {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  background: white;
}

#user_website .cookie-declined-content .logo-slogan {
  text-align: center;
}

.cookie-declined-content p {
  margin-bottom: 15px;
}

.cookie-declined-content p a {
  text-decoration: underline;
}

div[aria-label="cookieconsent"].approach-hard .logo-slogan img,
.cookie-declined-content .logo-slogan img {
  max-width: 250px;
  max-height: 100px;
  margin-bottom: 30px;
}

div[aria-label="cookieconsent"].approach-hard .cc-message {
  flex: none;
  margin-right: 0;
  padding: 15px;
  color: #333;
  font-weight: 200;
  font-size: 1em;
}

div[aria-label="cookieconsent"].approach-hard .cc-message .cc-link {
  display: block;
  color: black;
  font-weight: 400;
}

div.cc-window .cc-message .cc-link {
  display: inline-block;
  padding: 0.2em;
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
  transition: 0.3s;
}

div.cc-window .cc-message .cc-link:hover {
  opacity: 1;
}

div[aria-label="cookieconsent"].approach-hard .cc-compliance {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

div[aria-label="cookieconsent"].approach-hard .cc-compliance .cc-btn {
  padding: 15px;
  font-weight: 200;
  font-size: 1em;
}

div[aria-label="cookieconsent"].approach-hard .cc-compliance .cc-btn.cc-dismiss {
  color: white;
  background: black;
}

div[aria-label="cookieconsent"].approach-hard .cc-compliance .cc-btn.cc-deny {
  background: #999;
  border: none;
}

div[aria-label="cookieconsent"].approach-hard .cc-compliance .cc-btn.cc-deny {
  border: none;
}

div[aria-label="cookieconsent"] .cc-compliance .cc-btn {
  flex-grow: 1;
  padding: 0.8em 1.8em;
  font-size: 14px;
  transition: 0.3s;
}

div[aria-label="cookieconsent"] .cc-compliance .cc-btn:hover {
  background-color: #595959;
}

@media (width <= 900px) {
  div[aria-label="cookieconsent"] .cc-compliance .cc-btn {
    white-space: normal;
  }
}

.live-preview-widget {
  z-index: 2900;
  display: inline;
  text-align: center;
}

.live-preview-widget[data-position="fixed bottom center"] {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.live-preview-widget[data-position="fixed bottom left"] {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: none;
}

.live-preview-widget[data-position="fixed bottom right"] {
  position: fixed;
  right: 0;
  bottom: 0;
  transform: none;
}

.live-preview-widget.closed {
  bottom: -57px;
}

.live-preview-widget .show-when-visible,
.live-preview-widget.closed .show-when-collapsed {
  display: block;
}

.live-preview-widget .show-when-collapsed,
.live-preview-widget.closed .show-when-visible {
  display: none;
}

.live-preview-widget .toggle {
  position: absolute;
  top: 0;
  right: -4px;
  cursor: pointer;
}

.live-preview-widget .toggle .fa-solid .fa-regular {
  color: #333;
  font-size: 18px;
}

.live-preview-widget.closed .toggle {
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}

.live-preview-widget .toggle .show-when-collapsed {
  font-size: 30px;
}

.live-preview-widget {
  width: 130px;
}

.live_preview_capable_jbox_content .jBox-container {
  border-radius: 0;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25);
}

.live_preview_capable_jbox_content .jBox-content h2 {
  margin-top: 0;
  color: #000;
}

.live_preview_capable_jbox_content.jBox-closeButton-box::before {
  display: none;
}

.live_preview_capable_jbox_content .jBox-closeButton {
  top: 7px;
  right: 7px;
  border: 1px solid transparent;
}

.live_preview_capable_jbox_content .jBox-closeButton path,
.live_preview_capable_jbox_content .jBox-closeButton:hover path {
  fill: #000;
}

.live_preview_capable_jbox_content .jBox-closeButton:hover {
  border-color: #b2b2b2;
}

.triangle-up-right {
  width: 0;
  height: 0;
  padding-top: 25%;
  padding-left: 25%;
  overflow: hidden;
}

.triangle-up-right::after {
  display: block;
  width: 0;
  height: 0;
  margin-top: -500px;
  margin-left: -500px;
  border-top: 500px solid #4679bd;
  border-left: 500px solid transparent;
  content: "";
}

.triangle-up-left {
  width: 0;
  height: 0;
  padding-bottom: 25%;
  padding-left: 25%;
  overflow: hidden;
}

.triangle-up-left::after {
  display: block;
  width: 0;
  height: 0;
  margin-left: -500px;
  border-bottom: 500px solid transparent;
  border-left: 500px solid #4679bd;
  content: "";
}

body.modal-opened {
  width: 100%;
  overflow: hidden;
}

.noscroll {
  overflow-y: hidden !important;
}

.custom-height-container {
  display: inline;
}

.countdown-container {
  max-width: 430px;
  margin: 30px auto;
  text-align: center;
}

.overlay-flash-container p {
  margin-bottom: 0;
}

.ajax-overlay-with-ok-button .ok-btn-container {
  margin-top: 20px;
}

.original-or-prints-bar .columns {
  padding-right: 2px;
}

#user_website .sweet-alert input {
  display: none;
}

#user_website .sweet-alert button {
  background: black !important;
  border-radius: 0 !important;
}

#user_website .sweet-alert .sa-icon.sa-error {
  border-color: red;
}

#user_website .sweet-alert .sa-icon.sa-error .sa-line {
  background-color: red;
}

a.fancybox-button {
  z-index: 11;
  display: block;
}

#fancybox-buttons {
  z-index: 10000000001;
}

.fancybox-opened {
  z-index: 100000000000001;
}

.fancybox-overlay-fixed {
  z-index: 1000000000;
}

.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-overlay img {
  z-index: 100000000000001;
}

.fancybox-overlay,
.fancybox-overlay img,
.fancybox-image,
body[data-disable-right-click="true"] img {
  -webkit-touch-callout: none;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -o-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body[data-disable-right-click="true"] .fancybox-button {
  -webkit-touch-callout: none;
}

.sp-container {
  z-index: 100000000000;
}

#add_credit_card .current-billing-address {
  line-height: 18px;
}

.asf-modal .user-form-field label,
.react-reveal-modal .user-form-field label,
.reveal-modal .user-form-field label {
  color: #666;
}

.asf-modal .user-form-field .fa-asterisk,
.react-reveal-modal .user-form-field .fa-asterisk,
.reveal-modal .user-form-field .fa-asterisk {
  color: red;
}

.asf-modal.form-modal .recaptcha,
.react-reveal-modal.form-modal .recaptcha,
.reveal-modal.form-modal .recaptcha {
  margin-bottom: 15px;
}

.iziModal .iziModal-button {
  opacity: 1;
}

.recaptcha-field {
  width: 234px;
  -webkit-transform: scale(0.77);
  transform: scale(0.77);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.global-form-container .recaptcha-field,
.widget .recaptcha-field,
.subscribe-bar-cta .recaptcha-field {
  margin: 13px auto 0 !important;
  text-align: -webkit-center;
}

.recaptcha-field:empty {
  margin-top: 0 !important;
}

#share_product_form .global-form-container .recaptcha-field {
  margin: 0 !important;
  text-align: left;
}

.widget .recaptcha {
  margin-top: 0;
  margin-bottom: 5px;
}

div.hopscotch-bubble {
  z-index: 99;
  border: 1px solid black;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  right: -34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  left: -2px;
}

div.hopscotch-bubble h3 {
  font-weight: normal;
  letter-spacing: 0.1em;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -35px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  top: -19px;
}

div.hopscotch-bubble .hopscotch-nav-button {
  font-weight: normal;
  text-shadow: none;
  border: none;
  border-radius: 0;
}

div.hopscotch-bubble .hopscotch-nav-button.next {
  background: black;
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
  background: black;
  box-shadow: none;
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background: #f1f1f1;
  box-shadow: none;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left-color: black;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top-color: black;
}

html {
  overflow-x: visible !important;
}

body {
  margin-top: 0;
}

@media print {
  body {
    display: none;
    visibility: hidden;
  }
}

a.disabled {
  cursor: default;
  pointer-events: none;
}

form.complete-order .submit-form-btn {
  float: right;
  font-size: 1.2em;
}

#content_area .editor-body-section table {
  border: none;
}

#content_area .body-section-content .editor-body-section table tr td p {
  text-align: inherit;
}

.editor-body-section a,
.content-area .post-body a {
  display: inline-block;
}

.content-area .lead-content a,
.content-area .ending-content a {
  display: inline-block;
}

.content-area a.fa:link,
.content-area a.fa:visited {
  font-family: FontAwesome;
}

.disable-pointer-events {
  cursor: default;
  pointer-events: none;
  -webkit-touch-callout: none;
}

.tooltip.tip-left,
.tooltip.tip-right {
  z-index: 1000000;
}

.zoomContainer {
  z-index: 10;
}

body.edit-me-editable-element .zoomContainer,
body.noscroll .zoomContainer {
  display: none;
}

#fancybox-buttons a {
  padding: 0;
}

.lead-content,
.ending-content {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.lead-content ul,
.lead-content ol,
.ending-content ul,
.ending-content ol {
  text-align: left;
}

.ending-content {
  margin-top: 20px;
}

.my-label {
  font-weight: bold;
}

.related-products-container {
  margin-top: 40px;
  margin-bottom: 40px;
}

.extra-product {
  margin-right: 5px;
  margin-left: 5px;
}

.extra-product span.name {
  display: inline-block;
  max-width: 100px;
  padding-top: 7px;
  overflow: hidden;
  font-size: 0.8em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.related-products.slick-slider {
  display: grid;
}

h2.recently-visited-heading {
  margin-top: 0;
}

.alert-success {
  padding: 15px 10px;
  color: white;
  background: green;
}

.alert-error {
  padding: 15px 10px;
  color: white;
  line-height: 1.5em;
  background: red;
}

div.alert p {
  margin: 0;
  padding: 5px 0;
}

div.alert h3 span {
  font-size: 1em;
  text-shadow: none;
}

.alert-error ul {
  list-style-type: none;
}

.ajax-overlay-confirmation .alert-success,
.ajax-overlay-with-ok-button .alert-success,
.ajax-overlay-confirmation .alert-error,
.ajax-overlay-with-ok-button .alert-error {
  background: none;
}

.ajax-overlay-confirmation p,
.ajax-overlay-with-ok-button .alert-success,
.ajax-overlay-confirmation .alert-success {
  color: green;
}

.ajax-overlay-with-ok-button .alert-error,
.ajax-overlay-confirmation .alert-error {
  color: red;
}

.ajax-overlay-confirmation .wrap,
.ajax-overlay-with-ok-button .wrap {
  max-width: 100%;
}

.ajax-overlay-confirmation.uploading {
  padding-top: 20px;
}

.ajax-overlay-confirmation.uploading .initial-text {
  font-size: 30px;
  line-height: 60px;
}

.ajax-overlay-confirmation.uploading .uploaded-file-info {
  font-size: 20px;
  line-height: 30px;
}

.content-area p {
  font-size: 0.9em;
}

.product-name h1 {
  text-align: center;
}

.pgwSlideshow {
  margin-bottom: 20px;
  background: #f9f9f9;
}

.pgwSlideshow .ps-list li {
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
}

.pgwSlideshow .ps-list li img {
  width: inherit;
  max-width: 75px;
  height: inherit;
  max-height: 75px;
  border-color: white;
  opacity: 0.8;
}

.pgwSlideshow .ps-caption {
  display: none !important;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected {
  border: 1px solid #000;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
  margin: 0;
  opacity: 1;
}

.pgwSlideshow .ps-list {
  background: #f1f1f1;
  border: none;
  box-shadow: none;
}

.pgwSlideshow .ps-next,
.pgwSlideshow .ps-prev {
  display: none;
}

.content-area .pgwSlideshow ul {
  margin-bottom: 0;
  margin-left: 0;
}

a.fancybox-button:hover {
  cursor: url(https://d32wpxz89tv3uk.cloudfront.net/assets/user_site/magnify.cur), -moz-zoom-in;
}

.jBox-Tooltip .jBox-container {
  border-radius: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.jbox-content {
  display: none;
}

.jBox-Tooltip {
  z-index: 10000000000 !important;
}

.jBox-Tooltip .close {
  position: absolute;
  top: 2px;
  right: 2px;
}

.jbox-content.standard-tooltip {
  padding: 15px;
  color: black;
}

.jbox-content p {
  margin-bottom: 10px;
  color: black;
}

.jbox-content a {
  color: black;
  text-decoration: underline;
}

.badge-content h2 {
  color: black;
}

.jBox-wrapper.badge-content h3 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 1em;
}

.jBox-wrapper.badge-content .jbox-content .columns {
  padding: 15px;
}

.jBox-wrapper.badge-content .jbox-content p {
  margin-bottom: 10px;
  color: #111;
  font-size: 0.85em;
}

.jBox-wrapper.badge-content .jbox-content p a {
  color: #ff6000;
  text-decoration: underline;
}

.jBox-wrapper.badge-content .jbox-content h2 {
  margin-top: 0;
  margin-bottom: 10px;
}

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

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

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

.shopping-basket .summary,
.shopping-basket-shipping-methods {
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 0.85em;
  text-align: right;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-top: none;
}

.shopping-basket-shipping-methods .shopping-basket-disclaimer {
  margin-top: 15px;
  text-align: left;
}

.shopping-basket-shipping-methods .shopping-basket-disclaimer-text {
  font-size: 0.85rem;
}

.shopping-basket-shipping-methods label {
  font-size: 0.9em;
}

.shopping-basket .summary {
  padding-right: 83px;
}

.shopping-basket-wrapper {
  width: 100%;
  margin-bottom: 20px;
  overflow-x: scroll;
}

.shopping-basket-wrapper .shopping-basket {
  min-width: 700px;
}

.shopping-basket-wrapper .shopping-basket .summary {
  margin-bottom: 0;
}

.lower-site-controls {
  position: fixed;
  right: 0;
  bottom: -2px;
  z-index: 1000000000;
  opacity: 0;
}

#body_container .edit-me-hover {
  position: absolute;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding: 5px;
  color: white;
  text-align: center;
  border: 1px solid orange;
}

#body_container .edit-me-hover a {
  color: white;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
}

#body_container .edit-me-hover a:hover {
  color: #ccc;
  text-decoration: underline;
}

#body_container .edit-me-editable-element:hover {
  -webkit-box-shadow: inset 0 0 0 1px orange;
  -moz-box-shadow: inset 0 0 0 1px orange;
  box-shadow: inset 0 0 0 1px orange;
}

#body_container a.edit-me-editable-element:hover {
  border: 1px solid orange;
}

.f-dropdown.content {
  z-index: 1000;
  margin-top: 20px;
}

#user_website .sidr {
  z-index: 10000000000;
  color: white;
  font-family: sans-serif;
}

#user_website .sidr h1 {
  text-shadow: none;
}

#user_website .sidr.left form.edit-me {
  margin-bottom: 10px;
}

#user_website .sidr #btnClose {
  float: right;
  width: 100%;
  padding: 5px;
  color: #ccc;
  font-size: 20px;
  text-align: right;
}

#user_website .sidr select {
  color: #999;
  background: #2e2e2e;
}

#user_website .sidr form {
  margin: 0;
}

#user_website .sidr h1,
#user_website .sidr h2,
#user_website .sidr h3 {
  margin: 0;
  font-weight: 100;
  font-family: sans-serif;
  letter-spacing: normal;
  text-transform: capitalize;
  background: none;
  box-shadow: none;
}

#user_website .sidr h1 {
  padding-bottom: 10px;
  font-size: 20px;
}

#user_website .sidr h2 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}

#user_website .sidr p {
  padding: 0 15px;
  font-size: 0.9em;
}

#user_website .sidr .title,
#user_website .sidr h1.title {
  padding: 0 15px 20px;
  background: #222;
}

#user_website .sidr h1.title {
  padding-bottom: 10px;
}

#user_website .sidr .title a,
#user_website .sidr .custom_html a {
  color: #999;
  font-weight: 100;
  font-size: 14px;
  text-decoration: underline;
}

#user_website .sidr .title a:hover,
#user_website .sidr .custom_html a:hover {
  color: #fff;
}

#user_website .sidr .title img {
  border: 5px solid #222;
}

#user_website .sidr .element-container .field {
  position: relative;
  padding: 8px 20px;
  border-top: 1px solid #222;
}

#user_website .sidr .element-container .field::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-top: 1px solid #444;
  content: " ";
}

#user_website .sidr .element-container .field label {
  margin-bottom: 5px;
  color: #ccc;
  font-weight: 100;
  font-family: sans-serif;
}

#user_website .sidr form#delete_css {
  padding: 0 15px;
}

#user_website .sidr-open .content-area .grid figcaption a {
  z-index: -1;
}

#user_website .sidr input[type="submit"],
#user_website .sidr input[type="submit"]:focus {
  color: black;
  background: white;
}

#user_website .sidr input[type="submit"]:hover {
  bottom: 0;
}

#user_website .sidr input[type="submit"] {
  position: fixed;
  bottom: 1px;
  left: 1px;
  z-index: 1;
  display: none;
  width: 257px;
  height: 50px;
  font-size: 16px;
  text-transform: uppercase;
}

#user_website .sidr .theme-editor-forms {
  margin-bottom: 70px;
}

.ajax-overlay-confirmation .alert-success {
  color: green;
  background: #000;
}

.ajax-overlay-with-ok-button.enlarged-font,
.ajax-overlay-with-ok-button.enlarged-font p {
  font-size: 50px;
}

.content-area .product-long-description p {
  margin-bottom: 10px;
}

.content-area .out-of-stock-container {
  margin-bottom: 5px;
  padding: 15px 0;
  text-align: center;
  background: red;
}

.content-area .out-of-stock-container p,
.content-area .original-art-product .out-of-stock-container p,
.content-area .standard-product .out-of-stock-container p,
.content-area .art-cluster-product .out-of-stock-container p {
  margin: 0;
  color: white;
  text-transform: uppercase;
}

.content-area div.columns {
  padding-left: 0;
}

.content-area .form-page div.columns.side-content {
  padding-left: 40px;
}

.content-area #user_site_apps_sessions_new.large-12.columns,
.content-area .contentbuilder-wrapper > div.large-12.columns:not(.content-area-inner),
.content-area #user_site_product_galleries_show > div.large-12.columns:not(.content-area-inner) {
  padding-right: 0;
}

.content-area div.columns.form-panel-with-header {
  padding: 15px;
  border: 1px solid #f1f1f1;
}

.content-area div.columns.form-panel-with-header h3 {
  margin: -15px -15px 15px;
  padding: 15px;
}

.global-form-container p {
  color: #777;
}

.content-area .global-form-container a:link,
.content-area .global-form-container a:visited {
  color: #777;
}

.global-form-container .fa-solid.fa-asterisk {
  color: red;
}

.global-form-container .fa-solid.fa-asterisk.required {
  color: red;
  font-size: 9px;
}

.tooltipster-default {
  z-index: 10000000;
  color: white;
  background: black;
  border: none;
  border-radius: 0;
}

.tooltipster-default .tooltipster-content {
  font-family: inherit;
}

.top-bar.expanded {
  max-height: 90vh;
  overflow-y: scroll;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.top-bar .name h3 {
  margin: 0;
  font-size: 0.8em;
  line-height: 45px;
}

.top-bar .name h3 a {
  color: white;
}

.top-bar-section ul {
  z-index: 200;
}

.top-bar-section ul li:hover > a {
  color: white;
  background: black;
}

.ddsmoothmenu ul li ul.dropdown {
  border: 1px solid #f1f1f1;
}

.ddsmoothmenu ul li ul.dropdown li {
  border-bottom: 1px solid #f1f1f1;
}

.navigation-menu .ddsmoothmenu ul li ul.dropdown {
  border-bottom: none;
}

.navigation-menu {
  padding-right: 0 !important;
}

nav.share a.social-shareable {
  color: black;
  font-size: 0.9em;
}

nav.share a.social-shareable:hover {
  position: relative;
  top: 1px;
}

nav.share a.social-shareable.twitter {
  color: #55acee;
}

nav.share a.social-shareable.facebook {
  color: #3a55a2;
}

nav.share a.social-shareable.pinterest {
  color: #dc2a1e;
}

nav.share a.social-shareable.google-plus {
  color: #e04006;
}

nav.share a.social-shareable.tumblr {
  color: #36465d;
}

nav.share a.social-shareable.linkedin {
  color: #0077b5;
}

.content-area .top-controls a.submit-form-btn.secondary-button:link {
  padding: 5px;
  background: none;
}

span.submit-form-btn {
  font-size: 1em;
}

#user_website input,
#user_website textarea {
  box-shadow: none;
}

#user_website input:focus,
#user_website textarea:focus {
  background: lightyellow;
}

.content-area div.secondary-button a:link,
.content-area div.secondary-button a:visited,
.content-area a.secondary-button:link,
.content-area a.secondary-button:visited,
.content-area a.submit-form-btn.secondary-button:link,
.content-area a.submit-form-btn.secondary-button:visited,
.content-area div.secondary-button button,
.content-area button.submit-form-btn.secondary-button {
  color: #666;
  font-weight: 200;
  text-decoration: none;
  background: #f0f0f0;
}

.content-area div.secondary-button a:link,
.content-area div.secondary-button a:visited,
.content-area a.secondary-button:link,
.content-area a.secondary-button:visited,
.content-area a.submit-form-btn.secondary-button:link,
.content-area a.submit-form-btn.secondary-button:visited,
.content-area div.secondary-button button,
.content-area button.submit-form-btn.secondary-button,
input.submit-form-btn,
button.submit-form-btn,
label.submit-form-btn {
  display: inline-block;
  padding: 15px;
  font-size: 1em;
}

.content-area div a.add-to-cart:link,
.content-area div a.add-to-cart:visited,
.content-area a.add-to-cart:link,
.content-area a.add-to-cart:visited,
.content-area a.submit-form-btn.add-to-cart:link,
.content-area a.submit-form-btn.add-to-cart:visited,
.content-area div button.add-to-cart,
.content-area button.submit-form-btn.add-to-cart {
  display: inline;
  padding: 12px 15px;
  color: white;
  font-size: 1em;
  background: black;
  transition: all 0.3s;
}

.form-page input.submit-form-btn {
  width: 100%;
}

.content-area .standard-product-info button.submit-form-btn.add-to-cart {
  padding: 20px 15px;
}

.content-area form.btn-container,
.content-area div.btn-container {
  margin-bottom: 5px;
}

.content-area div.btn-container form {
  margin-bottom: 0;
}

.slick-arrow,
.slick-arrow:hover,
.slick-arrow:focus {
  position: absolute;
  top: 40%;
  z-index: 1000;
}

.slick-arrow.next,
.slick-arrow.next:hover,
.slick-arrow.next:focus {
  right: -5px;
  float: right;
}

.slick-arrow.prev,
.slick-arrow.prev:hover,
.slick-arrow.prev:focus {
  left: -5px;
  float: left;
}

.slick-arrow i {
  color: #ccc;
  font-size: 1.7em;
  cursor: pointer;
}

.slick-arrow i:hover {
  color: #666;
}

.react-reveal-modal,
.reveal-modal {
  z-index: 1000000001;
  color: #666;
}

.react-reveal-modal,
.reveal-modal-bg {
  z-index: 10000000;
}

.react-reveal-modal .close-reveal-modal,
.reveal-modal .close-reveal-modal {
  top: 0;
  right: 0;
  z-index: 10;
  padding: 10px 20px;
  color: black;
  font-weight: 200;
  font-size: 25px;
}

.asf-modal p.subheading,
.react-reveal-modal p.subheading,
.reveal-modal p.subheading {
  margin-top: -15px;
  margin-bottom: 20px;
}

.content-area .asf-modal form,
.content-area .react-reveal-modal form,
.content-area .reveal-modal form {
  padding-left: 0;
}

.crop-modal form input[type="checkbox"],
.crop-modal form input[type="radio"] {
  margin-bottom: 0.4em;
}

.asf-modal p a,
.react-reveal-modal p a,
.reveal-modal p a {
  color: #666;
  text-decoration: underline;
}

.asf-modal h4,
.react-reveal-modal h4,
.reveal-modal h4 {
  font-size: 1em;
}

.asf-modal h1,
.asf-modal h2,
.asf-modal h3,
.asf-modal h4,
.react-reveal-modal h1,
.react-reveal-modal h2,
.react-reveal-modal h3,
.react-reveal-modal h4,
.reveal-modal h1,
.reveal-modal h2,
.reveal-modal h3,
.reveal-modal h4 {
  color: #111;
}

.asf-modal .global-form-container input,
.asf-modal .global-form-container input,
.asf-modal .global-form-container textarea,
.react-reveal-modal .global-form-container input,
.react-reveal-modal .global-form-container input,
.react-reveal-modal .global-form-container textarea,
.reveal-modal .global-form-container input,
.reveal-modal .global-form-container input,
.reveal-modal .global-form-container textarea {
  color: black;
  border: 1px solid #ccc;
  border-radius: 0;
}

.asf-modal .global-form-container input:focus,
.asf-modal .global-form-container textarea:focus,
.react-reveal-modal .global-form-container input:focus,
.react-reveal-modal .global-form-container textarea:focus,
.reveal-modal .global-form-container input:focus,
.reveal-modal .global-form-container textarea:focus {
  border: 1px solid #ccc;
}

.asf-modal .fa-asterisk.required,
.react-reveal-modal .fa-asterisk.required,
.reveal-modal .fa-asterisk.required {
  color: red;
}

.asf-modal button,
.asf-modal input[type="submit"],
.react-reveal-modal button,
.reveal-modal button,
.react-reveal-modal input[type="submit"],
.reveal-modal input[type="submit"],
.standard-tooltip button,
.standard-tooltip input[type="submit"] {
  color: white;
  background: black;
  border: none;
}

.asf-modal button:hover,
.asf-modal input[type="submit"]:hover,
.react-reveal-modal button:hover,
.react-reveal-modal input[type="submit"]:hover,
.reveal-modal button:hover,
.reveal-modal input[type="submit"]:hover,
.standard-tooltip button:hover,
.standard-tooltip input[type="submit"]:hover {
  top: 1px;
  color: white;
  background: black;
  border: none;
}

.asf-modal .headline,
.react-reveal-modal .headline,
.reveal-modal .headline {
  padding-left: 0.83333rem;
}

.asf-modal .form input.submit-form-btn,
.react-reveal-modal .form input.submit-form-btn,
.reveal-modal .form input.submit-form-btn {
  width: 100%;
}

.asf-modal.form-modal,
.react-reveal-modal.form-modal,
.reveal-modal.form-modal {
  background-size: cover !important;
}

.form-modal h1 {
  font-size: 1em;
}

.asf-modal.form-modal[data-appear-automatically="true"],
.react-reveal-modal.form-modal[data-appear-automatically="true"],
.reveal-modal.form-modal[data-appear-automatically="true"] {
  text-align: center;
  outline: 2px solid #454545;
  outline-offset: -7px;
}

#user_website .react-reveal-modal.form-modal[data-appear-automatically="true"] div.columns.global-form-details,
#user_website .reveal-modal.form-modal[data-appear-automatically="true"] div.columns.global-form-details {
  border: none;
}

.user-form-field-label label,
.user-form-field-label {
  text-align: left;
}

.user-form-field-label input[type="text"],
input[type="password"] {
  height: 50px;
}

.asf-modal.form-modal[data-appear-automatically="true"] .fields-container,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .fields-container,
.reveal-modal.form-modal[data-appear-automatically="true"] .fields-container {
  padding-right: inherit;
  padding-left: inherit;
}

.asf-modal.form-modal[data-appear-automatically="true"] .headline h1,
.asf-modal.form-modal[data-appear-automatically="true"] .lead-content,
.asf-modal.form-modal[data-appear-automatically="true"] .lead-content p,
.asf-modal.form-modal[data-appear-automatically="true"] .ending-content,
.asf-modal.form-modal[data-appear-automatically="true"] .ending-content p,
.asf-modal.form-modal[data-appear-automatically="true"] p,
.asf-modal.form-modal[data-appear-automatically="true"] .user-form-field,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .headline h1,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .lead-content,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .lead-content p,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .ending-content,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .ending-content p,
.react-reveal-modal.form-modal[data-appear-automatically="true"] p,
.react-reveal-modal.form-modal[data-appear-automatically="true"] .user-form-field,
.reveal-modal.form-modal[data-appear-automatically="true"] .headline h1,
.reveal-modal.form-modal[data-appear-automatically="true"] .lead-content,
.reveal-modal.form-modal[data-appear-automatically="true"] .lead-content p,
.reveal-modal.form-modal[data-appear-automatically="true"] .ending-content,
.reveal-modal.form-modal[data-appear-automatically="true"] .ending-content p,
.reveal-modal.form-modal[data-appear-automatically="true"] p,
.reveal-modal.form-modal[data-appear-automatically="true"] .user-form-field {
  text-align: center;
}

.asf-modal.form-modal[data-appear-automatically="true"] .user-form-field input[type="submit"] .react-reveal-modal.form-modal[data-appear-automatically="true"] .user-form-field input[type="submit"],
.asf-modal.form-modal[data-appear-automatically="true"] .user-form-field input[type="submit"] .reveal-modal.form-modal[data-appear-automatically="true"] .user-form-field input[type="submit"] {
  width: 65%;
}

.content-area .asf-modal form input[type="submit"],
.content-area .react-reveal-modal form input[type="submit"],
.content-area .reveal-modal form input[type="submit"] {
  margin-left: 0;
}

table.asf {
  width: 100%;
}

table.asf button.icon-btn {
  padding: 0;
  background: none;
  border: none;
}

table.asf i.fa-solid,
table.asf i.fa-regular {
  font-size: 1.3em;
}

table.asf button.icon-btn:hover {
  padding: 0;
  color: inherit;
  background: none;
  border: none;
}

.content-area form.no-left-padding {
  padding-left: 0;
}

.content-area form.no-left-margin input[type="submit"],
.content-area form.no-left-margin button {
  margin-left: 0;
}

.content-area .original-or-prints-bar a.submit-form-btn.arrow-box,
#search input[type="submit"],
#shopping_cart_bar_container a.submit-form-btn,
.submit-form-btn.soft,
a.submit-form-btn.soft {
  color: #666;
  background: #f0f0f0;
}

.content-area .original-or-prints-bar a.submit-form-btn.arrow-box::after {
  border-top-color: #f0f0f0;
}

.arrow-box.active {
  position: relative;
  background: #000;
}

.arrow-box::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -7px;
  border: solid transparent;
  border-color: rgba(0, 0, 0, 0);
  border-width: 7px;
  border-top-color: #000;
  content: " ";
  pointer-events: none;
}

.content-area div.flash-container.columns {
  padding-right: 0;
  padding-left: 0;
}

.global-admin-only {
  color: deeppink !important;
}

div.navigation-menu,
div.billboard,
div.content-area,
div.footer {
  opacity: 0;
}

.subscribe-bar {
  float: none;
}

.subscribe-bar {
  display: inline-block;
  padding: 40px;
  background: #f1f1f1;
}

.subscribe-bar-container {
  margin-top: 60px;
  padding-bottom: 60px;
}

.subscribe-bar-cta .email-field {
  margin-top: 15px;
}

.subscribe-bar-cta .recaptcha {
  margin-bottom: 0;
}

.subscribe-bar-cta .recaptcha-field {
  margin-top: 13px;
}

.subscribe-bar input {
  height: 50px;
  margin-bottom: 0;
}

.subscribe-bar .submit-button {
  padding-left: 4px;
}

.subscribe-bar .submit-button input {
  width: 100%;
}

.subscribe-bar input[type="email"] {
  font-size: 16px;
}

.subscribe-bar input::-webkit-input-placeholder {
  font-style: inherit;
  opacity: 0.4;
}

.billboard {
  z-index: 1;
}

.billboard .sy-slides-wrap {
  z-index: 0;
}

.billboard-outer.legacy {
  text-align: center;
}

.billboard-wrapper {
  position: relative;
}

.billboard-wrapper .callout-global {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 35px;
  text-align: center;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.billboard-wrapper .callout-global h1 {
  color: white;
  font-size: 1.1em;
}

.billboard-wrapper .callout-row.cta {
  display: inline-grid;
}

.billboard-wrapper .callout-global a {
  position: relative;
  padding: 15px 25px;
  color: white;
  font-size: 0.8em;
  background: none;
  border: 1px solid white;
  transition: background 0.5s ease;
}

.billboard-wrapper .callout-global a:hover {
  top: 1px;
  color: black;
  background: white;
}

.billboard-wrapper .sy-slide.sy-active {
  z-index: 2;
}

.billboard-video {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.billboard-video video {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

.ajax-overlay-loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000001;
  display: none;
  padding: 1000px;
  color: green;
  font-size: 50px;
  text-align: center;
  background: #000;
  opacity: 0.8;
}

.ajax-overlay-confirmation,
.ajax-overlay-with-ok-button {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000002;
  display: none;
  width: 100%;
  height: 100%;
  color: green;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  background: #000;
  opacity: 0.8;
}

.ajax-overlay-with-ok-button {
  opacity: 0.85;
}

.ajax-overlay-with-ok-button p {
  color: green;
  font-size: 30px;
}

.ajax-overlay-with-ok-button a.ok-btn {
  position: relative;
  margin-top: 10px;
  padding: 10px 50px;
  color: #333;
  background: white;
}

.ajax-overlay-with-ok-button a.ok-btn:hover {
  top: 1px;
}

.ajax-overlay-confirmation li,
.ajax-overlay-with-ok-button li {
  line-height: 40px;
}

.ajax-overlay-confirmation .flash-container div.wrap {
  max-width: 100%;
}

.website-body {
  padding: 0 5px;
}

.content-area .search-bar form input[type="submit"] {
  margin-left: 0;
}

.invisible-to-visitor {
  color: #fd8d49 !important;
}

p.warning,
a.warning,
.warning {
  color: red !important;
}

.red {
  color: red;
}

.success,
.success span {
  color: white !important;
  background: green !important;
}

.neutral,
.neutral span {
  color: black !important;
  background: yellow !important;
}

#flash_notice li {
  margin-left: 10px;
}

form input.has-tip {
  font-weight: normal;
  cursor: default;
}

form input.has-tip:hover,
form input.has-tip:focus {
  color: black;
  border: 1px solid #ccc;
}

::-webkit-input-placeholder { /* WebKit browsers */
  font-style: italic;
  opacity: 0;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 0;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 1;
}

#divFb ::-webkit-input-placeholder {
  opacity: 0.4;
}

#divFb :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 0.4;
}

#divFb ::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0.4;
}

#divFb :-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 0.4;
}

#search input::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 0.5;
}

#search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 0.5;
}

#search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0.5;
}

#search input:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 0.5;
}

#search input:focus::-webkit-input-placeholder { /* WebKit browsers */
  opacity: 0;
}

#search input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity: 0;
}

#search input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity: 0;
}

#search input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity: 0;
}

div.icon-with-number {
  display: inline-block;
  padding: 2px 8px 2px 10px;
  color: white;
  text-align: center;
  background: black;
  border-radius: 20px;
}

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

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

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

.content-area ul,
.content-area ol {
  margin-bottom: 10px;
  margin-left: 30px;
}

.content-area,
.content-area .normal,
.content-area .normal-page,
.content-area .store,
.content-area .body-section-content,
.content-area .headline {
  padding-right: 0;
  padding-left: 0;
}

div.content-area div.content-area-inner {
  padding-right: 0;
  padding-left: 0;
}

.content-area .body-section-content {
  padding-right: 15px;
}

.content-area .body-section-content.three {
  padding-right: 0;
}

.word-wrap {
  word-wrap: break-word;
}

.top-bar .scrolling-logo,
#scrolling_header .logo-slogan.image a {
  display: inline-block;
}

.top-bar .scrolling-logo img {
  width: inherit;
  height: 35px !important;
  margin-top: 5px;
}

.logo-nav-inline,
.logo-header,
.logo-nav-body,
.nav-with-body {
  z-index: 10000000;
}

.logo-header {
  margin-top: 20px;
  margin-bottom: 20px;
}

.tooltip {
  font-weight: 300;
  font-size: 0.9em;
}

.content-area-inner #flashcontainer {
  margin-top: 5px;
  margin-bottom: 35px;
}

.content-area .image-enlarge-container a:link {
  text-decoration: none;
}

h1.apps {
  margin-bottom: 30px;
  font-size: 1em;
  line-height: 1.5em;
}

#account_container {
  display: none;
}

.go-back {
  display: inline;
}

.show-when-small-screen-block {
  display: block;
}

.show-when-small-screen-inline-block {
  display: inline-block;
}

.content-area a.back-btn.show-when-small-screen-inline-block {
  padding: 14px 10px;
}

.show-when-large-screen-block,
.show-when-large-screen-inline-block {
  display: none;
}

.content-area .global-form-container div.item.columns {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #ccc;
}

.global-form-container .item .item-section {
  height: 100px;
  background: #f9f9f9;
}

.show-tax-everywhere-price-is-displayed .global-form-container .item .item-section {
  height: 130px;
  margin-bottom: 10px;
}

.global-form-container .item .item-section .price-without-tax {
  padding-top: 5px;
}

.global-form-container .item .heading {
  margin-bottom: 5px;
  padding: 10px 10px 10px 0;
  font-weight: bold;
  background: #f1f1f1;
}

.global-form-container .item .item-section i.delete {
  color: red;
  font-size: 1.8em;
}

.global-form-container .item h4 {
  margin: 10px 0 5px;
  color: black;
  font-weight: bold;
  font-size: 0.85rem;
  letter-spacing: 1px;
  text-transform: none;
}

.global-form-container .shopping-basket .item ul {
  font-size: 0.85rem;
}

.pagination.medium-pagination-nav {
  margin-top: 15px;
}

.website-body #top_controls {
  margin: 0 auto;
}

div.crumbtrail {
  text-align: center;
}

.headline h1 {
  text-align: center;
}

#user_website .logo-slogan {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

.countdown-container {
  max-width: 325px;
  margin: 30px auto 10px;
  text-align: center;
}

.clock.flip-clock-wrapper {
  font-size: 1em;
}

.flip-clock-divider {
  height: 35px;
}

.flip-clock-wrapper ul {
  width: 25px;
  height: 25px;
  margin: 2px;
  font-size: 25px;
  line-height: 27px;
}

.flip-clock-wrapper ul li {
  line-height: 25px;
}

.flip-clock-wrapper ul li a div div.inn {
  font-size: 25px;
}

.flip-clock-dot {
  width: 5px;
  height: 5px;
}

.flip-clock-dot.top {
  top: 10px;
}

.flip-clock-dot.bottom {
  bottom: 10px;
}

.flip-clock-divider .flip-clock-label {
  right: -47px;
  font-size: 14px;
}

.flip-clock-divider.minutes .flip-clock-label {
  right: -55px;
}

.flip-clock-divider.seconds .flip-clock-label {
  right: -54px;
}

.search-in-page-container input#site_search {
  height: 40px;
}

#header,
#header_and_navigation,
#shopping_cart_bar_container,
#shopping_cart_bar_container.site-search-avail {
  display: none;
}

.Masonry figure {
  width: calc(100% - 4px);
  margin: 2px;
}

.Masonry.grid {
  width: calc(100% + 4px);
  max-width: none;
  margin: 0 -2px;
  padding: 20px 0 80px;
}

@media only screen and (width >= 768px) {
  .Masonry figure {
    width: calc(33.3333% - 4px);
  }
}

.Masonry .product {
  opacity: 0;
  transition: opacity 0.2s;
}

.Masonry .product.product-card_positioned-masonry {
  opacity: 1;
}

.Masonry figure img {
  float: none;
  width: 100%;
  margin: 0 auto;
}

.Masonry ~ div .infinite-pagination *:not(.fa-spinner),
.product-cards-with-masonry ~ div .infinite-pagination *:not(.fa-spinner) {
  display: none;
}

.content-area .Masonry.caption-style-1 a.submit-form-btn {
  margin-top: 0;
  border: none;
}

.content-area .Masonry .top-controls a.submit-form-btn.secondary-button:link {
  color: #ccc;
}

.content-area .Masonry.caption-style-1 a.submit-form-btn:hover {
  border: none;
}

.content-area .Masonry.caption-style-1 .caption {
  z-index: 1;
}

.content-area .Masonry.caption-style-1 .caption:hover {
  border: none;
}

.Masonry.caption-style-1 .category__warning-message {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--category-caption-padding, 28px) * 2 + var(--category-caption-text-size, 1.7em) * var(--line-height-1) + 10px + var(--category-caption-button-size, 48px));
  padding: var(--category-caption-padding, 28px);
  background-color: #f1f1f1;
}

.dark .Masonry.caption-style-1 .category__warning-message {
  background-color: #333;
}

.Masonry.caption-style-1 .category .caption-text h3 {
  line-height: var(--line-height-1);
}

.Masonry.caption-style-1 .category .caption-text .btn {
  margin: 0;
}

.related-products-container {
  text-align: center;
}

.related-products-container h2 {
  font-size: 1em;
}

.related-products-container img {
  max-height: 150px;
}

.recently-visited-heading,
.related-products-heading {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin: 0 0 -45px 16px;
  padding: 4px 9px;
  background: #fff;
}

.related-products.slick-initialized,
.recently-visited.slick-initialized {
  display: grid;
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 24px;
  border: 1px solid #ccc;
}

.related-products.slick-initialized .slick-arrow,
.recently-visited.slick-initialized .slick-arrow {
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 52px;
  background: #fff;
  transform: translateY(-50%);
}

.related-products.slick-initialized .slick-arrow.prev,
.recently-visited.slick-initialized .slick-arrow.prev {
  left: -10px;
}

.related-products.slick-initialized .slick-arrow.next,
.recently-visited.slick-initialized .slick-arrow.next {
  right: -10px;
}

.related-products.slick-initialized .slick-arrow svg,
.recently-visited.slick-initialized .slick-arrow svg {
  width: 10px;
  height: 18px;
  color: #ccc;
  transition: 0.2s;
}

.related-products.slick-initialized .slick-arrow:hover svg,
.recently-visited.slick-initialized .slick-arrow:hover svg {
  color: #000;
}

@media only screen and (width >= 58.75em) {
  .recently-visited-heading,
  .related-products-heading {
    margin-left: 35px;
    padding: 4px 14px;
  }

  .related-products.slick-initialized,
  .recently-visited.slick-initialized {
    padding: 40px;
  }

  .related-products.slick-initialized .slick-arrow,
  .recently-visited.slick-initialized .slick-arrow {
    height: 72px;
  }

  .related-products.slick-initialized .slick-arrow svg,
  .recently-visited.slick-initialized .slick-arrow svg {
    width: 14px;
    height: 24px;
  }
}

#mobile_navigation {
  display: block;
}

#billboard_area {
  z-index: 1;
}

#billboard_area.video {
  display: none;
}

@media only screen and (width >= 58.75em) {
  .wall-preview-live .live-preview-next-prev-product-container {
    position: relative;
    top: 6px;
    display: inline;
    margin-right: 20px;
    background: none;
  }

  .wall-preview-live .live-preview-next-prev-product-container a[data-prev-next-button-direction="next"] {
    padding-right: 15px;
    border-right: 1px solid #fff;
  }

  div[aria-label="cookieconsent"].approach-hard .logo-slogan img,
  .cookie-declined-content .logo-slogan img {
    max-width: 400px;
    max-height: 200px;
    margin-bottom: 50px;
  }

  div[aria-label="cookieconsent"].approach-hard .cc-message {
    padding: 40px;
    font-size: 1.2em;
  }

  div[aria-label="cookieconsent"].approach-hard .cc-compliance .cc-btn {
    padding: 30px;
    font-size: 1.5em;
  }

  div[aria-label="cookieconsent"] .cc-window {
    min-width: none;
  }

  body .cc-revoke.cc-bottom.bump-right {
    left: 135px;
  }

  .wall-preview-live .failure .email-a-link-container input[type="submit"] {
    width: 70px;
  }

  .wall-preview-live .failure .email-a-link-container input[type="text"],
  .wall-preview-live .failure .email-a-link-container input {
    width: 350px;
  }

  .wall-preview-live .distance-tip {
    bottom: 55px;
  }

  .wall-preview-live #preview_wall_btns {
    position: initial;
  }

  .wall-preview-live .close-container a {
    color: black;
  }

  #billboard_area.video {
    display: block;
  }

  #mobile_navigation {
    display: none;
  }

  .billboard-wrapper .callout-global h1 {
    font-size: 2em;
  }

  .billboard-wrapper .callout-global a {
    font-size: 1.5em;
  }

  .product-name h1 {
    text-align: left;
  }

  .slick-arrow.next,
  .slick-arrow.next:hover,
  .slick-arrow.next:focus {
    right: -30px;
  }

  .slick-arrow.prev,
  .slick-arrow.prev:hover,
  .slick-arrow.prev:focus {
    left: -30px;
  }

  .related-products-container {
    text-align: left;
  }

  .related-products-container img {
    max-height: 250px;
  }

  .extra-product span.name {
    max-width: 180px;
    font-size: 1em;
  }

  .extra-product {
    margin-right: 15px;
    margin-left: 15px;
  }

  #header,
  #header_and_navigation {
    display: block;
  }

  #shopping_cart_bar_container,
  #shopping_cart_bar_container.site-search-avail {
    display: inline;
  }

  .countdown-container {
    max-width: 366px;
    margin: 30px auto 10px;
    text-align: center;
  }

  .clock.flip-clock-wrapper {
    font-size: 1em;
  }

  .flip-clock-divider {
    height: 45px;
  }

  .flip-clock-wrapper ul {
    width: 30px;
    height: 40px;
    font-size: 40px;
    line-height: 47px;
  }

  .flip-clock-wrapper ul li {
    line-height: 40px;
  }

  .flip-clock-wrapper ul li a div div.inn {
    font-size: 40px;
  }

  .flip-clock-dot {
    width: 10px;
    height: 10px;
  }

  .flip-clock-divider .flip-clock-label {
    right: -50px;
  }

  .flip-clock-divider.minutes .flip-clock-label {
    right: -60px;
  }

  .flip-clock-divider.seconds .flip-clock-label {
    right: -64px;
  }

  .recaptcha-field {
    width: 304px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 1 1;
    transform-origin: 1 1;
  }

  .recaptcha {
    margin-bottom: 20px;
  }

  #user_website .logo-slogan {
    text-align: left;
  }

  .headline h1 {
    text-align: left;
  }

  .lead-content,
  .ending-content {
    text-align: left;
  }

  div.crumbtrail {
    text-align: left;
  }

  .website-body #top_controls {
    margin-top: 0;
  }

  .show-when-small-screen-block,
  .show-when-small-screen-inline-block {
    display: none;
  }

  .show-when-large-screen-inline-block {
    display: inline-block;
  }

  /* needed for topbar because javascript adds padding even though it doesnt appear */
  body {
    padding-top: -0 !important;
  }

  #account_container {
    display: block;
  }

  .website-body {
    padding: 0;
  }

  .logo-header {
    margin-top: 0;
    margin-bottom: 0;
  }

  .top-bar {
    display: none;
  }
}

@media (width >= 60.063em) {
  .show-when-large-screen-block {
    display: block;
  }
}

@media only screen and (width >= 85em) {
  .wall-preview-live .live-preview-next-prev-product-container a {
    color: #999;
  }

  .wall-preview-live .live-preview-next-prev-product-container a[data-prev-next-button-direction="next"] {
    padding-right: 15px;
    border-right: 1px solid #ccc;
  }

  div[aria-label="cookieconsent"].approach-hard .cc-message {
    padding-right: 150px;
    padding-left: 150px;
    font-size: 1.2em;
  }

  .rc-imageselect {
    z-index: 10000000000000000 !important;
  }

  .wall-preview-live .email-a-link-container {
    display: inline;
    width: 670px;
    margin-top: 0;
    color: black;
  }

  .email-a-link-container input {
    height: 50px;
  }

  .email-a-link-container.large-screens input {
    margin-bottom: 5px;
  }

  .react-reveal-modal.form-modal[data-appear-automatically="true"],
  .reveal-modal.form-modal[data-appear-automatically="true"] {
    outline-offset: -10px;
  }

  .top-bar {
    display: none;
  }

  .logo-header {
    margin-top: 0;
    margin-bottom: 0;
  }

  .react-reveal-modal .close-reveal-modal,
  .reveal-modal .close-reveal-modal {
    top: 5px;
    right: 12px;
    font-size: 27px;
  }

  .email-a-link-container {
    display: inline-block;
  }

  .wall-preview-live #preview_wall_btns .controls {
    background: white;
  }
}

/* begin NAV ****************************************/

.top-bar-section .has-dropdown > a::after {
  border-color: transparent transparent transparent #666;
}

.top-bar.expanded {
  padding: 0;
}

#mobile_navigation {
  z-index: 10000000000;
}

nav.top-bar[data-mobile-nav-theme="light"],
nav.top-bar.expanded[data-mobile-nav-theme="light"] .title-area,
nav.top-bar.expanded[data-mobile-nav-theme="light"] .top-bar-section ul li > a,
nav.top-bar.expanded[data-mobile-nav-theme="light"] .top-bar-section ul {
  background: white;
}

nav.top-bar.expanded[data-mobile-nav-theme="light"] .top-bar-section ul li > a {
  color: #666;
  font-weight: normal;
}

nav.top-bar[data-mobile-nav-theme="light"],
nav.top-bar.expanded[data-mobile-nav-theme="light"] .title-area {
  border-bottom: 1px solid #e8e9eb;
}

nav.top-bar.expanded[data-mobile-nav-theme="light"] .top-bar-section .divider,
nav.top-bar.expanded[data-mobile-nav-theme="light"] .top-bar-section [role="separator"] {
  border-top: 1px solid #e8e9eb;
  border-bottom: none;
}

nav.top-bar[data-mobile-nav-theme="light"] .top-bar-section .dropdown li.title h5 a,
nav.top-bar[data-mobile-nav-theme="light"] .name h3 a,
nav.top-bar[data-mobile-nav-theme="light"] .topbar-icon a {
  color: black;
}

nav.top-bar[data-mobile-nav-theme="light"] .toggle-topbar a {
  color: black;
}

nav.top-bar[data-mobile-nav-theme="dark"],
nav.top-bar.expanded[data-mobile-nav-theme="dark"] .title-area,
nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section ul li > a,
nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section ul {
  background: black;
}

nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section ul li > a {
  color: #fff;
  font-weight: normal;
}

nav.top-bar[data-mobile-nav-theme="dark"],
nav.top-bar.expanded[data-mobile-nav-theme="dark"] .title-area {
  border-bottom: 1px solid #333;
}

nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section .divider,
nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section [role="separator"] {
  border-top: 1px solid #333;
  border-bottom: none;
}

nav.top-bar[data-mobile-nav-theme="dark"] .top-bar-section .dropdown li.title h5 a,
nav.top-bar[data-mobile-nav-theme="dark"] .name h3 a,
nav.top-bar[data-mobile-nav-theme="dark"] .topbar-icon a {
  color: white;
}

nav.top-bar[data-mobile-nav-theme="dark"] .toggle-topbar a {
  color: white;
}

nav.top-bar[data-mobile-nav-theme="dark"].columns.expanded.fixed {
  background: black;
}

nav.top-bar.expanded[data-mobile-nav-theme="dark"] .top-bar-section ul li ul li a {
  border-bottom: 1px solid #333;
}

.top-bar.expanded .title-area.collapsed-nav {
  margin-right: 0.83333rem;
  padding-left: 0.83333rem;
}

.topbar-icon {
  position: absolute;
  top: 0;
  margin-top: 5px;
  margin-right: 15px;
  padding-right: 5px;
}

.topbar-icon a {
  color: white;
}

.topbar-icon.cart {
  right: 45px;
}

.fixed.contain-to-grid,
.top-bar.columns.expanded.fixed {
  z-index: 10000002;
}

.top-bar.columns.expanded.fixed {
  height: 100% !important;
}

@media (width <= 58.75em) {
  #mobile_cart_link .cart-quantity {
    position: absolute;
    top: -4px;
    right: 3px;
    min-width: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    background: #000;
    border-radius: 2px;
  }
}

/* end NAV ****************************************/

/* begin BILLBOARD ****************************************/

#billboard .control-buttons {
  padding: 0 5px;
}

#billboard .control-buttons a i {
  color: #000;
  font-size: 3em;
  opacity: 0.7;
}

#billboard_area .sy-box .sy-caption {
  padding: 10px 15px;
  border-radius: 0;
}

#billboard_area .sy-box .title {
  margin-bottom: 5px;
  font-size: 1.3em;
}

#billboard_area .sy-box .description {
  font-size: 1em;
}

#billboard_area .sy-box .sy-pager li.sy-active a {
  background-color: #303030;
}

@media only screen and (width >= 58.75em) {
  .billboard-frame {
    padding-bottom: 0 !important;
  }
}

@media only screen and (width >= 60.063em) {
  .row .large-offset-3_5 {
    position: relative;
    margin-left: 29%;
  }
}

/* end BILLBOARD ****************************************/

/* begin PHOTO GALLERY ********************************/

.photo-outer-container {
  height: 160px;
}

.photo-inner-container {
  position: relative;
  width: 130px;
  min-width: 130px;
  height: 130px;
  min-height: 130px;
}

.photo-inner-container a {
  display: inline-block;
}

.photo-inner-container .sold-sticker {
  position: absolute;
  top: 0;
  right: 0;
}

.photo-inner-container .sold-sticker .fa-stack .fa-circle {
  color: red;
}

.photo-inner-container .sold-sticker .fa-stack .fa-inverse {
  font-size: 0.5em;
}

a div.photo-hover {
  display: none;
  width: 100%;
  height: 100%;
}

a div.photo-hover {
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  font-size: 50px;
  background: #ccc;
  cursor: pointer;
  opacity: 0.1;
}

.photo-inner-container img {
  max-width: 100%;
}

.product-outer-container .favorite-forms-container {
  display: none;
}

.product-outer-container:hover > .top-controls > .favorite-forms-container {
  display: none;
}

.favorite-forms-container.favorited {
  display: none;
}

.content-area .favorite-forms-container.favorited i.fa-solid,
.content-area .favorite-forms-container.favorited i.fa-regular {
  color: red;
}

.album-title {
  width: 100%;
}

.logo-slogan {
  opacity: 0;
}

.logo-slogan img {
  max-width: 200px;
}

#share_product_form .user-form-field-label.spam-protector {
  text-align: left;
}

.sold-label {
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  background: red;
  border-radius: 50%;
}

.Clean .sold-label,
.Traditional .sold-label {
  right: 0;
  bottom: -10px;
  border-width: 0;
}

.Masonry .sold-label {
  right: 0;
  bottom: 0;
  border-width: 0;
}

.sold-label .text {
  font-weight: 700;
  font-size: 12px;
  font-family: inherit;
  line-height: normal;
  letter-spacing: 0;
}

#print_options .product-form-subheading {
  margin-top: 20px;
}

#style_finishes_section {
  margin-top: 10px;
}

#print_options span {
  font-weight: bold;
  font-size: 0.9em;
}

.medium-option-section .option-selected {
  display: none;
}

@media only screen and (width >= 58.75em) {
  .logo-slogan img {
    max-width: 100%;
  }

  .favorite-forms-container.favorited {
    display: block;
  }

  .album-title {
    position: absolute;
  }

  .product-outer-container:hover .top-controls > .favorite-forms-container {
    display: block;
  }

  a div.photo-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  a.instagram div.photo-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 175px;
    height: 175px;
  }

  div.react-reveal-modal.photo-selector-modal .product-outer-container,
  div.react-reveal-modal.photo-selector-modal .photo-inner-container,
  div.reveal-modal.photo-selector-modal .product-outer-container,
  div.reveal-modal.photo-selector-modal .photo-inner-container {
    width: 190px;
    min-width: 190px;
    height: 190px;
    min-height: 190px;
  }

  div.react-reveal-modal.photo-selector-modal a div.photo-hover,
  div.reveal-modal.photo-selector-modal a div.photo-hover {
    width: 190px;
    min-width: 190px;
    height: 190px;
    min-height: 190px;
  }

  .photo-outer-container {
    height: 250px;
  }

  .photo-inner-container img {
    max-width: 190px;
    max-height: 190px;
  }

  .photo-enlarge-icon {
    position: absolute;
    top: 87px;
    left: 87px;
  }

  .api-account-modal .photo-inner-container {
    width: 175px;
    min-width: 175px;
    height: 175px;
    min-height: 175px;
  }

  .api-account-modal .photo-inner-container img {
    max-width: 150px;
    max-height: 150px;
  }
}

@media only screen and (width >= 85em) {
  .react-reveal-modal.form-modal[data-appear-automatically="true"] .fields-container,
  .reveal-modal.form-modal[data-appear-automatically="true"] .fields-container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .jumbo .content-area .product-container.three-columns .product-outer-container,
  .jumbo .content-area .product-container.three-columns .photo-outer-container,
  .jumbo .content-area .product-container.three-columns .product-outer-container.prices {
    min-width: 360px;
    height: 460px;
  }

  .jumbo .content-area .product-container.three-columns .product-outer-container.prices.artist {
    height: 480px;
  }

  .jumbo .content-area .product-container.three-columns .photo-inner-container {
    width: 360px;
    min-width: 360px;
    height: 360px;
    min-height: 360px;
  }

  .jumbo .content-area .product-container.three-columns a div.photo-hover {
    width: 360px;
    height: 360px;
  }

  .jumbo .content-area .product-container.three-columns .photo-inner-container img {
    max-width: 340px;
    max-height: 340px;
  }

  .jumbo .content-area .product-container.four-columns .photo-inner-container {
    width: 260px;
    min-width: 260px;
    height: 260px;
    min-height: 260px;
  }

  .jumbo .content-area .product-container.four-columns a div.photo-hover {
    width: 260px;
    height: 260px;
  }

  .jumbo .content-area .product-container.four-columns .photo-inner-container img {
    max-width: 240px;
    max-height: 240px;
  }
}

/* end PHOTO GALLERY ********************************/

/* start ORIGINAL ART PRODUCT ****************************************/

.content-area a.see-on-wall-btn:link,
.content-area a.see-on-wall-btn:visited {
  text-decoration: none;
}

.content-area .see-on-wall-btn:hover {
  position: relative;
  top: 1px;
}

.content-area .original-art-product .see-on-wall-link {
  padding-bottom: 0;
}

.content-area button.submit-form-btn.full-width,
.content-area a.submit-form-btn.full-width {
  display: block;
  width: 100%;
  text-align: center;
}

.content-area .product-build-form-btns button.submit-form-btn {
  font-size: 0.9em;
}

.original-art-product div.user-form input.submit-form-btn:hover,
.original-art-product .submit-form-btn:hover,
.content-area .original-art-product div.secondary-button a:hover {
  top: 0.5px;
}

.social-buttons {
  font-size: 1.8em;
}

.content-area .original-art-product p,
.content-area .standard-product p .content-area .art-cluster-product p {
  margin-bottom: 10px;
}

.original-art-product div.price p,
.standard-product div.price p,
.art-cluster-product div.price p {
  margin-top: 5px;
  font-size: 1.2em;
}

.standard-product .product-long-description {
  margin-bottom: 15px;
  font-size: 1.1em;
}

.original-art-product .tax-info,
.standard-product .tax-info,
.art-cluster-product .tax-info {
  margin-top: -12px;
}

.original-art-product .tax-info,
.standard-product .tax-info,
.art-cluster-product .tax-info,
.cropping-tool .tax-info {
  font-size: 0.75em;
  font-style: italic;
}

.art-cluster-product .product-short-description {
  margin-bottom: 15px;
}

body:not(.dark) #user_site_products_art_print_products_crop .submit-form-btn {
  color: #fff;
  text-decoration: none;
}

.cropping-tool .tax-info p {
  font-size: 1.5em;
}

.cropping-tool .form-bottom {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: right;
}

/* end ORIGINAL ART PRODUCT ****************************************/

/* begin STORE ****************************************/

.product-form-container .tax-info {
  padding-top: 5px;
  font-size: 0.85em;
  text-align: left;
}

.cart-details .item-section img {
  max-width: 40px;
  max-height: 40px;
}

.show-when-small-screen-block .shopping-basket-shipping-methods {
  margin-top: 0;
}

.show-when-small-screen-block .item {
  font-size: 0.9em;
}

.row .show-when-small-screen-block .columns.item-section {
  padding-right: 0;
  padding-left: 0;
}

#shopping_cart_btn_sidebar.sidebar-widget {
  display: none;
}

.cart-content-container a.go-back {
  float: left;
  color: #333;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: normal;
}

.cart-content-container a.submit-form-btn {
  float: right;
  color: white;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: normal;
  background: black;
}

.cart-content-container a.submit-form-btn:hover {
  color: white;
  background: black;
}

.product-form-container {
  padding-top: 15px;
}

@media only screen and (width >= 60.063em) {
  .content-area div.columns .standard-product-info {
    padding-left: 30px;
  }
}

@media (width <= 767px) {
  .content-area div.columns .standard-product-info {
    padding-right: 0;
    padding-left: 0;
  }
}

.standard-product-info button.add-to-cart {
  margin-bottom: 5px;
}

.standard-product-info .product-form-subheading {
  margin-bottom: 15px;
}

.standard-product-info .product-long-description {
  margin-bottom: 15px;
}

.product-option-categories {
  margin: 10px 0 5px;
}

.product-option {
  margin: 0 0 20px;
}

.product-option-categories .product-option span.custom.checkbox {
  margin-bottom: 4px;
  margin-left: 5px;
}

.product-option-categories .product-option label {
  display: inline;
  color: #555;
  font-size: 15px;
  text-transform: uppercase;
}

.product-option label.child-label {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.product-option .fa-solid.fa-asterisk {
  font-size: 10px;
}

.item-price {
  font-weight: bold;
}

.item-price.discounted-price {
  color: red;
  text-decoration: line-through;
}

.standard-product-info .item-price-container p {
  font-size: 16px;
}

.product-long-description {
  margin-bottom: 10px;
}

.content-area a.product-option-tooltip:link,
.content-area a.product-option-tooltip i {
  color: #999;
}

form.custom .custom.dropdown,
form.custom .custom.dropdown a.current,
form.custom .custom.dropdown a.selector {
  height: 40px;
  line-height: 40px;
}

form.custom .custom.dropdown .current,
form.custom .custom.dropdown ul li {
  font-weight: 500;
}

form.custom .custom.dropdown .current {
  margin-left: 15px;
}

.content-area form.custom .custom.radio {
  margin-left: 5px;
}

.standard-product .build-product-form label {
  font-size: 1em;
  line-height: 1.4em;
}

p,
.content-area ul li,
.content-area ol li,
label {
  color: #999;
}

.site-art-store #fancybox-buttons ul {
  width: 75px;
}

.site-art-store #fancybox-buttons ul a.btnPrev,
.site-art-store #fancybox-buttons ul a.btnNext,
.site-art-store #fancybox-buttons ul a.btnPlay,
.site-art-store .fancybox-prev,
.site-art-store .fancybox-next {
  display: none;
}

.standard-product form.build-product-form button[type="submit"] {
  width: 100%;
}

.content-area .product-short-description p {
  margin-bottom: 15px;
}

.content-area form.uploader {
  padding-left: 0;
}

.cart .submit-form-btn:hover,
.cart button:hover,
.cart button:focus,
.cart .button:hover,
.cart .button:focus {
  color: #f1f1f1;
}

form.edit_cart button.back-btn {
  color: #999;
}

form.edit_cart button.submit-form-btn {
  display: inline;
  width: 100%;
}

#user_site_carts_address_select #address_select .submit-form-btn {
  margin-top: 20px;
}

.content-area div.btn-container a[data-reveal-id="login_or_create_user_modal"].submit-form-btn.secondary-button.save-to-favorites,
.content-area div.btn-container a[data-reveal-id="manage_product_favorite_modal"].submit-form-btn.secondary-button.save-to-favorites {
  padding: 15px 20px;
}

#manage_product_favorite_modal button.submit-form-btn.secondary-button.manage-product-favorite {
  color: #686868;
  background: #f1f1f1;
}

.content-area div.btn-container button.submit-form-btn.secondary-button.save-to-favorites {
  padding: 15px 20px;
  font-size: 13px;
}

.content-area a.submit-form-btn,
.content-area .back-btn,
.content-area .back-btn:link,
.content-area .back-btn:visited {
  padding: 12px 10px;
}

.content-area .back-btn,
.content-area .back-btn:link,
.content-area .back-btn:visited {
  color: #666;
  text-decoration: none;
  background: white;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

.product-build-form-btns .back-btn {
  margin-right: 2px;
}

div.art-store div.crumbtrail a,
div.art-store div.crumbtrail div {
  display: inline-block;
  max-width: 100%; /* change to your preferences */
  text-overflow: ellipsis; /* will make [...] at the end */
}

.art-store .product-option-categories input {
  margin-bottom: 0;
}

#hidden_input_original_art_product_size span.custom.radio {
  display: none;
  visibility: hidden;
}

.art-store #hidden_input_original_art_product_size input[type="radio"] {
  display: none;
  width: 0;
  height: 0;
}

.content-area .product-outer-container .top-controls a.submit-form-btn:link {
  display: block;
}

.product-container.three-columns .controls i.fa-solid,
.product-container.three-columns .controls i.fa-regular {
  font-size: 1.2em;
}

.product-outer-container .photo-hover i.fa-solid,
.product-outer-container .photo-hover i.fa-regular {
  color: green;
  font-size: 0.8em;
  text-align: right;
}

.product-outer-container .top-controls {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  margin-top: 0;
  text-align: right;
}

.see-on-wall-link {
  display: inline;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0 !important;
}

.product-container.three-columns .photo-inner-container img {
  max-width: 100%;
  max-height: 100%;
}

.product-container .product-details {
  margin-top: 7px;
}

.product-container .product-details .info p {
  margin-bottom: 0;
  font-size: 0.8em;
  line-height: 1.4em;
  white-space: nowrap;
}

.product-container .product-details .controls {
  text-align: right;
}

.photo-inner-container,
.product-container .photo-inner-container {
  width: 100%;
  height: 100%;
}

.product-container.two-columns {
  margin-bottom: 20px;
}

.product-container .photo-outer-container,
.product-container .product-outer-container {
  display: inline;
}

.content-area .product-container .photo-inner-container {
  padding: 40px 10px;
}

.product-container a div.photo-hover {
  width: 100%;
  height: 100%;
}

.prev-next-button-bar {
  margin-top: 5px;
  margin-bottom: 30px;
}

.content-area div.columns .art-print-products-show .standard-product-info {
  width: 100%;
  margin: 0;
  padding-left: 0;
}

.content-area .original-or-prints-bar a.submit-form-btn {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  opacity: 0.3;
}

.content-area .original-or-prints-bar a.submit-form-btn {
  display: inline-block;
  width: 100%;
}

.content-area .original-or-prints-bar a.submit-form-btn.arrow-box {
  opacity: 1;
}

.content-area .original-or-prints-bar a.submit-form-btn.arrow-box.active {
  outline: 1px solid #666;
  opacity: 1;
}

.content-area .original-or-prints-bar a.submit-form-btn.arrow-box.active::after {
  border-top-color: #666;
}

.social-icons-bar {
  text-align: center;
}

.social-buttons.social-icons-bar {
  margin-top: 0;
  text-align: left;
  border: none;
}

.art-store [data-section=""],
.art-store [data-section="auto"],
.art-store .section-container.auto {
  margin-bottom: 0;
}

form.build-product-form .pagination {
  margin-top: 20px;
}

form.build-product-form section.product-summary .crop-preview div.product-form-subheading.no-selection {
  padding-top: 0;
  border: none;
}

form.build-product-form section.product-summary .art-store-btn-row {
  text-align: right;
}

form.build-product-form span.form-label {
  font-weight: bold;
  font-size: 0.9em;
}

form.build-product-form section.product-summary .art-store-btn-row .product-form-subheading {
  margin-top: 15px;
  margin-bottom: 0;
}

form.build-product-form section.product-summary .art-store-btn-row .product-form-subheading input {
  margin-bottom: 0;
}

form.build-product-form section.product-summary .art-store-btn-row span.form-label.quantity {
  display: inline;
}

form.build-product-form section.product-summary .art-store-btn-row input {
  display: inline;
  width: 50px;
}

form.build-product-form .order-form-heading {
  font-weight: bold;
  font-size: 0.9em;
}

form.build-product-form div.product-form-subheading.no-selection .order-form-heading {
  font-weight: bold;
  font-size: 0.9em;
}

#canvas_options div.product-sizes,
#sizes div.product-sizes,
#mediums div.product-sizes,
#styles div.product-sizes,
.frames-tab div.product-sizes {
  width: 95%;
  margin-top: -15px;
  padding: 5px 5px 10px;
}

#canvas_options div.product-sizes,
#mediums div.product-sizes,
#styles div.product-sizes,
.frames-tab div.product-sizes {
  height: 95px;
}

#sizes div.product-sizes {
  padding: 5px;
}

#canvas_options div.product-sizes img,
#mediums div.product-sizes img,
#styles div.product-sizes img,
.frames-tab div.product-sizes img {
  margin-bottom: 5px;
}

.product-sizes .name {
  display: table-cell;
  width: 90px;
  vertical-align: middle;
}

.build-product-form {
  padding-left: 0 !important;
}

.art-store input[type="radio"],
.product-order-form-container input[type="radio"] {
  width: 0.8em;
  height: 0.8em;
  margin-bottom: 0;
  visibility: hidden;
}

button.submit-form-btn {
  font-weight: normal;
  border: none;
}

div.product-build-form-btns a.go-back i {
  margin-right: 3px;
  text-decoration: none;
}

.item-review {
  color: #4d4d4d;
  font-size: 0.875em;
  line-height: 1.3em;
  text-shadow: none;
}

.size-label {
  display: table-cell;
  width: 90px;
  height: 30px;
  vertical-align: middle;
}

.inactive-art-print-option {
  opacity: 0.3;
}

select.wall-size-option {
  width: 90px;
}

.modal-see-on-your-wall select {
  height: 35px;
}

.content-area a.rotate-crop {
  padding: 7px 15px;
  color: #ff6000;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

.content-area a.rotate-crop:hover {
  color: #ff6000;
}

#product_summary a span i.fa-cart-shopping {
  font-size: 1.5em;
}

#instagram_multi_upload_form button {
  bottom: 2px;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  font-size: 1.5em;
  background: #517fa4;
}

#instagram_multi_upload_form button:hover {
  top: inherit;
  bottom: 0;
}

.instagram-style {
  color: #517fa4;
}

.visitor-upload-history .body-section-content {
  padding-right: 0;
}

.visitor-upload-history .Traditional .product-outer-container .album-title {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  text-align: left;
}

.visitor-upload-history .search-bar {
  text-align: left;
}

.visitor-upload-history .search-bar form {
  padding-left: 0;
}

.visitor-upload-history div.photo-inner-container div.hover-content {
  color: green;
  line-height: 0.8em;
}

.visitor-upload-history div.photo-inner-container div.hover-content span {
  font-size: 0.7em;
}

.visitor-upload-history div.photo-inner-container div.hover-content span.sub {
  font-size: 0.5em;
  line-height: 1em;
}

.visitor-upload-history div.album-title span .fa-solid .fa-regular {
  font-size: 1.5em;
}

.visitor-upload-history .four-columns div.album-title {
  display: flex;
  flex-wrap: wrap;
}

.visitor-upload-history .four-columns div.album-title span .fa-solid .fa-regular {
  font-size: 1.3em;
}

.visitor-upload-historyy div.album-title span a.has-tip {
  border: none;
}

form.build-product-form section a.art-store-tab-text {
  padding: 10px 13px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
}

form.build-product-form section a.art-store-tab-text {
  border-bottom: none;
}

div.shopping-cart div.headline {
  font-size: 1em;
}

#direct_upload {
  cursor: copy;
}

div.go-back-container {
  height: 60px;
  padding-top: 10px;
}

.content-area div.columns.global-form-details div.go-back-container a.go-back.back-btn {
  float: left;
  color: #666;
  text-decoration: none;
  background: white;
  box-shadow: 0 0 0 1px #ccc inset;
}

div#shopping_cart_btn {
  position: relative;
  display: inline;
}

div.shopping-cart h1 {
  margin-bottom: 20px;
  line-height: 1.3em;
}

div.shopping-cart .order-review-column {
  text-align: left;
}

div.shopping-cart .order-review-column label {
  display: inline;
}

div.shopping-cart .order-review-column i.fa-asterisk {
  color: red !important;
  font-size: 0.5em;
}

.headline_with-control {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.shopping-cart .headline_with-control h1 {
  margin: 0;
}

.address-select__submit-button-wrapper {
  display: flex;
  justify-content: center;
}

.address-select__submit-button-wrapper .submit-form-btn {
  width: 100%;
  text-align: center;
}

.headline_with-control .submit-form-btn,
.address-select__submit-button-wrapper .submit-form-btn {
  gap: 10px;
}

@media (width >= 60.063em) {
  .address-select__submit-button-wrapper {
    justify-content: end;
  }

  .address-select__submit-button-wrapper .submit-form-btn {
    width: auto;
  }
}

.order-review-column input[type="file"],
.order-review-column input[type="checkbox"],
.order-review-column input[type="radio"] {
  height: 1em;
}

.content-area .shopping-cart form button[type="submit"][id="confirm_purchase"] {
  width: 100%;
  margin-left: 0 !important;
  padding: 18px 20px;
  font-size: 1.2em;
}

.content-area .shopping-cart form button[type="submit"][id="save_discount_code"] {
  display: inline;
  margin-left: 0 !important;
  padding: 5px 15px;
}

.content-area .shopping-cart form #coupon_code {
  margin-bottom: 0;
}

.content-area .shopping-cart-hover-attrs p,
.content-area .shopping-cart-hover-attrs ul li {
  color: #4d4d4d;
}

div.shopping-cart select#billing_address_country,
div.shopping-cart select#billing_address_state,
div.shopping-cart select#shipping_address_country,
div.shopping-cart select#shipping_address_state,
div.shopping-cart select#payment_type {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 3px solid #f1f1f1;
}

.shopping-cart .shipping-address-country,
.shopping-cart .billing-address-country,
.shopping-cart #order_state_code_wrapper,
.shopping-cart .payment-type-wrapper,
.shopping-cart .state-code-wrapper {
  position: relative;
}

.shopping-cart .shipping-address-country::after,
.shopping-cart .billing-address-country::after,
.shopping-cart #order_state_code_wrapper::after,
.shopping-cart .payment-type-wrapper::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(135deg);
  content: "";
  pointer-events: none;
}

.payment-type-wrapper_hidden {
  display: none;
}

.shopping-cart .payment-type-wrapper::after {
  right: calc(0.5em + 10px);
}

.shopping-cart .payment-type-wrapper:has(select.hidden-field)::after {
  display: none;
}

.shopping-cart .state-code-wrapper::after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: inset 5px;
  border-color: #aaa transparent transparent;
  border-top-style: solid;
  content: "";
}

.dark .shopping-cart .state-code-wrapper::after,
.shopping-cart .state-code-wrapper:hover::after {
  border-color: #222 transparent transparent;
}

div.shopping-cart-error,
input.shopping-cart-error {
  border: 2px solid red !important;
}

label.shopping-cart-error {
  color: red !important;
}

form.edit_cart button.back-btn {
  text-decoration: underline !important;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.order-review-shopping-cart-summary {
  border: 1px solid #f1f1f1;
}

div.shopping-cart div#payment_method select {
  width: 100%;
}

div.order-receipt table tr td {
  padding: 0.2em 10px;
  font-size: 0.9em;
  line-height: 1.3em;
  word-wrap: break-word;
}

div.order-receipt table.checkout-source-local tr td {
  font-size: 0.8em;
}

div.order-review-column input#same_as_billing {
  margin: 0 3px;
  padding: 7px;
}

div.sign-in-column span.icon-content,
div.order-review-column i.fa-circle {
  position: relative;
  color: black;
  font-size: 1.5em;
}

div.sign-in-column span.icon-content,
div.order-review-column span.icon-content {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 0.75em;
  transform: translate(-50%, -50%);
}

.crop-partial .form-bottom,
.crop-form .form-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100000;
  margin: 0;
  padding: 0;
  border: 1px solid #666;
}

.crop-partial .form-bottom:hover,
.crop-form .form-bottom:hover {
  border: none;
}

.crop-partial .form-bottom button.submit-form-btn.crop-and-continue,
.crop-form .form-bottom button.submit-form-btn.crop-and-continue {
  width: 100%;
  height: 55px;
  font-size: 1.5em;
}

.content-area div.columns.edit-job {
  padding-left: 20px;
}

.edit-job {
  padding-bottom: 40px;
  border-left: 3px solid #f1f1f1;
}

.new-order a.go-back {
  padding: 13px 10px;
}

div.shopping-cart table tr.even {
  background: #fbfbfb;
}

div.shopping-cart {
  padding-right: 0;
  padding-bottom: 20px;
}

div.shopping-cart table#shopping_cart_items i.fa-trash-can {
  color: red;
  font-size: 2em;
  background: none;
}

div.shopping-cart table#shopping_cart_items i.fa-trash-can:hover {
  padding-top: 0;
}

div.shopping-cart table#shopping_cart_items button#empty_cart_trash {
  padding: 0;
  background: none;
  border: none;
}

div.shopping-cart table#shopping_cart_items button#empty_cart_trash:hover {
  top: 2px;
}

div.shopping-cart table#shopping_cart_items .has-tip {
  font-weight: normal;
  border-bottom: none;
}

div.shopping-cart table#shopping_cart_items button#empty_cart_trash.has-tip,
div.shopping-cart table#shopping_cart_items i.fa-trash-can.has-tip {
  cursor: pointer;
}

.content-area div.columns.global-form-details {
  margin-bottom: 5px;
  padding: 15px;
  background: white;
  border: 1px solid #f1f1f1;
}

.global-form-details form:last-child {
  margin-bottom: 0;
}

.content-area div.columns.global-form-details.cart-details {
  padding-right: 0;
  padding-left: 0;
}

.cart p,
.cart table tr td {
  color: #777;
  font-size: 1em;
}

.cart table.cart-subtotal-total tr td {
  color: #333;
}

.global-form-details table.cart-subtotal-total {
  width: 100%;
  margin-bottom: 0;
}

.global-form-container input,
.global-form-container textarea,
.content-area .global-form-container form.custom .custom,
.content-area .global-form-container form.custom .custom,
.content-area .global-form-container div.order-review-column .custom.dropdown,
.order-review-column select,
.content-area .global-form-container .custom.checkbox,
.form-page select {
  vertical-align: middle;
}

.form-page select {
  border-color: #ccc;
  border-radius: none;
}

.content-area .form-page input[type="radio"],
.content-area .form-page input[type="checkbox"],
.form-page.global-form-container input[type="checkbox"] {
  height: 14px;
  margin-left: 5px;
}

.global-form-container input,
.global-form-container textarea,
.global-form-container input:focus,
.global-form-container textarea:focus,
.content-area .global-form-container form.custom .custom,
.content-area .global-form-container form.custom .custom,
.content-area .global-form-container div.order-review-column .custom.dropdown,
.content-area .global-form-container .custom.checkbox {
  margin-bottom: 3px;
  color: #222;
  font-size: 1.1em;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-color: #ccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.global-form-container input:focus,
.global-form-container textarea:focus {
  background: lightyellow;
  border-color: #ccc;
}

.global-form-container textarea,
.global-form-container textarea:focus {
  height: 90px;
  padding-top: 15px;
}

.content-area .global-form-container form.custom .custom.radio,
.content-area .global-form-container form.custom .custom.checkbox {
  height: 1em;
  border: 1px solid #ccc;
}

form.custom .custom.checkbox,
.content-area .global-form-container form.custom .custom.checkbox,
.content-area .global-form-container form.custom.lined-up .custom.checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35em;
  height: 1.35em !important;
}

form.custom .custom.checkbox.checked::before,
.content-area .global-form-container form.custom .custom.checkbox.checked::before,
.content-area .global-form-container form.custom.lined-up .custom.checkbox.checked::before {
  position: static;
  top: initial;
  left: initial;
  margin-top: 0;
  margin-left: 0;
  line-height: 1;
  transform: none;
}

.global-form-container table tr input,
.global-form-container table tr input:focus,
.global-form-container table tr select .global-form-container table tr select:focus {
  border: 1px solid #ccc;
}

.global-form-container .form-field-group {
  padding: 20px;
}

.content-area form.custom .global-form-details .custom.checkbox.checked::before,
.content-area form.custom .global-form-details div.order-review-column .custom.dropdown .current {
  color: #222;
}

.content-area .global-form-details button.submit-form-btn,
.content-area .global-form-details a.submit-form-btn,
.content-area .global-form-details input.submit-form-btn,
.landing-page .global-form-details input.submit-form-btn,
.global-form-details.global-form-container input.submit-form-btn,
#content_area section.active .change-crop-size p a,
.content-area .global-form-details input.submit-form-btn:focus,
#user_website input[type="submit"]:focus {
  color: #fff;
  background: #000;
}

.content-area .global-form-details input.submit-form-btn {
  margin-bottom: 0;
}

.landing-page .logo {
  margin-bottom: 10px;
}

div.shopping-cart .cart-total-row {
  background: #f1f1f1;
}

div.shopping-cart .cart-total {
  padding-right: 5px;
  font-size: 1.5em;
  text-align: right;
}

div.shopping-cart form.custom .custom.dropdown .current {
  font-weight: 400;
}

div.shopping-cart div.order-review-column,
div.edit-job div.job-item-column {
  padding: 0 10px 10px;
  border: 1px solid #f1f1f1;
}

div.sign-in-column h3,
div.shopping-cart div.order-review-column h3,
div.edit-job div.job-item-column h3,
.crop-modal h3 {
  padding: 10px;
  color: #666;
  background: #f1f1f1;
}

div.shopping-cart div.order-review-column h3,
div.edit-job div.job-item-column h3,
.crop-modal h3 {
  margin: 0 -10px 15px;
}

div.edit-job div.job-item-column h3,
.crop-modal h3 {
  text-transform: lowercase;
}

.crop-modal h3 {
  font-size: 1.5em;
  text-align: left;
}

div.edit-job div.job-item-column .product-outer-container {
  width: 155px;
  height: 170px;
}

div.edit-job div.job-item-column .photo-inner-container {
  width: 160px;
  min-width: 160px;
  height: 160px;
  min-height: 160px;
}

div.edit-job div.job-item-column .photo-inner-container a div.photo-hover {
  width: 160px;
  min-width: 160px;
  height: 160px;
  min-height: 160px;
}

div.edit-job div.job-item-column .photo-inner-container img {
  max-width: 140px;
  max-height: 140px;
}

div.shopping-cart div.order-review-column .row,
div.shopping-cart div.order-review-column .row-spacing {
  margin-bottom: 15px;
}

.product-sizes {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 0.8em;
  border-radius: 5px;
}

div.shopping-cart input.quantity-field {
  width: 80%;
}

.label-with-html-tags p {
  display: inline;
}

#buyer_share_email label {
  color: #111;
}

#buyer_share_email input[type="text"],
#buyer_share_email textarea {
  color: #666;
  font-size: 0.9em;
  background-color: white;
  border: 1px solid #ccc;
}

#buyer_share_email ::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  opacity: 1;
}

#buyer_share_email :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}

#buyer_share_email ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}

#buyer_share_email :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc;
  opacity: 1;
}

#buyer_share_email input.submit-form-btn {
  color: white;
  background: black;
}

.preview-wall-option {
  display: inline;
}

#preview_wall_btns {
  text-align: left;
}

.see-on-wall-link {
  text-align: center;
}

.social-sharing-icons {
  text-align: center;
}

.product-photos,
#product_form_container {
  width: 100%;
}

#product_form_container {
  margin-top: 20px;
}

#product_form_container > .row {
  margin-right: 0;
  margin-left: 0;
}

.product-info-container {
  display: none;
}

.art-preview {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.greeting_card_preview_vertical > img {
  position: relative;
  max-height: 700px;
}

#greeting_card_preview_vertical img {
  max-height: 700px;
  background: white;
  border: solid black 1px;
}

#greeting_card_preview_horizontal .product-inner-container {
  z-index: 1;
  perspective: 100000px;
}

.greeting_card_preview_horizontal > img {
  position: relative;
}

#greeting_card_preview_horizontal img {
  background: white;
  border: solid black 1px;
}

#greeting-card-flap-vertical,
#greeting-card-flap-horizontal {
  border: solid black 1px;
}

.frame-medium {
  background: white;
  border: 0 solid;
  border-color: transparent;
  -webkit-box-shadow: 5px 5px 20px 0 rgba(00, 00, 00, 0.3);
  -moz-box-shadow: 5px 5px 20px 0 rgba(00, 00, 00, 0.3);
  box-shadow: 5px 5px 20px 0 rgba(00, 00, 00, 0.3);
  -moz-transition: -moz-box-shadow 0.5s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
}

.preview-wall-section .art-modal .frame-medium {
  box-sizing: content-box;
}

.content-area strong a:link,
.content-area strong a:visited {
  font-weight: bold;
}

.div.product-photos div.photo-inner-container,
div.asf-modal div.photo-inner-container,
div.react-reveal-modal div.photo-inner-container,
div.reveal-modal div.photo-inner-container {
  max-width: 280px;
}

#paper_preview { max-width: 280px; }

.canvas-wrap {
  position: relative;
  top: 0;
  display: none;
  max-width: 280px;
  max-height: 100%;
  margin: 5px auto;
  overflow: hidden;
}

.canvas-top img {
  position: absolute;
  max-width: 240px;
  max-height: 400px;
  -moz-box-shadow: -5px 0 5px 3px rgba(00, 00, 00, 0.6);
  -webkit-box-shadow: -5px 0 5px 3px rgba(00, 00, 00, 0.6);
  box-shadow: -5px 0 5px 3px rgba(00, 00, 00, 0.6);
}

.canvas-main img {
  position: absolute;
  max-width: 240px;
  border-radius: 2px;
  -moz-box-shadow: 5px 5px 15px -4px #666;
  -webkit-box-shadow: 5px 5px 15px -4px #666;
  box-shadow: 5px 5px 15px -4px #666;
}

.canvas-left img {
  position: absolute;
  max-width: 240px;
}

.canvas-wrap-overflowed {
  position: relative;
  top: 0;
  max-width: 280px;
  max-height: 100%;
  margin: 0 auto;
}

.canvas-top-overflowed img {
  position: absolute;
  max-width: 240px;
  max-height: 370px;
  opacity: 0.7;
}

.canvas-main-overflowed img {
  position: absolute;
  max-width: 240px;
  border-radius: 2px;
}

.canvas-left-overflowed img {
  position: absolute;
  max-width: 240px;
  opacity: 0.8;
}

.canvas-overflow-shade {
  top: 15px;
  left: 25px;
  background: white;
  -moz-box-shadow: 2px 2px 5px #999;
  -webkit-box-shadow: 2px 2px 5px #999;
  box-shadow: 2px 2px 5px #999;
}

#canvas_wrap_overflowed_preview_modal .canvas-overflow-shade {
  -moz-box-shadow: 10px 10px 25px #666;
  -webkit-box-shadow: 10px 10px 25px #666;
  box-shadow: 10px 10px 25px #666;
}

.canvas-wrap-border {
  position: relative;
  top: 0;
  max-width: 280px;
  max-height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.canvas-top-border img {
  max-width: 240px;
  max-height: 370px;
}

.canvas-main-border img {
  position: absolute;
  max-width: 240px;
  border-radius: 2px;
  -moz-box-shadow: 5px 5px 15px -4px #666;
  -webkit-box-shadow: 5px 5px 15px -4px #666;
  box-shadow: 5px 5px 15px -4px #666;
}

.canvas-left-border img {
  position: absolute;
  max-width: 240px;
}

.product-outer-container {
  position: relative;
  display: inline-block;
  min-height: 170px;
  margin: 0 0 20px;
  vertical-align: top;
}

div.art-store .product-inner-container {
  position: relative;
  display: initial;
  max-width: 440px;
  max-height: 440px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

div.art-store div.section-container {
  min-width: 100%;
}

form.build-product-form [data-section=""] > section.active > [data-section-content],
[data-section=""] > section.active > .content.art-store-tab-content-area {
  position: none;
  min-height: 100%;
}

.canvas-no-wrap {
  display: none;
}

.canvas-wrap > div {
  position: absolute;
  float: right;
}

.canvas-wrap-overflowed > div {
  position: absolute;
  float: right;
}

.canvas-wrap-border > div {
  position: absolute;
  float: right;
}

.canvas-main-overflowed {
  position: relative;
  left: 10px;
  z-index: 5;
  max-width: 285px;
  max-height: 285px;
}

.canvas-left-overflowed {
  position: relative;
  top: -9px;
  left: 11px;
  max-width: 270px;
  max-height: 270px;
  -ms-transform: skew(180deg, -149deg);
  -webkit-transform: skew(180deg, -149deg);
  -moz-transform: skew(180deg, -149deg);
  -o-transform: skew(180deg, -149deg);
  transform: skew(180deg, -149deg);
  opacity: 0.9;
  -ms-filter: "FlipH";
  -moz-filter: fliph;
  filter: fliph;
}

.canvas-top-overflowed {
  max-width: 270px;
  max-height: 270px;
  margin-top: 5px;
  margin-left: -5px;
  -ms-transform: skew(236deg, -180deg);
  -webkit-transform: skew(236deg, -180deg);
  transform: skew(236deg, -180deg);

  /* IE 9 */

  /* Safari and Chrome */
  -moz-transform: skew(236deg, -180deg);
  -o-transform: skew(236deg, -180deg);
  opacity: 0.8;
}

div.canvas-main-overflowed div.clip {
  position: absolute;
  clip: rect(15px 385px 291px 15px); /* everything not 15px will be dynamic */
}

div.canvas-left-overflowed div.clip {
  position: absolute;
  clip: rect(15px, 15px, 291px, 0);
}

div.canvas-top-overflowed div.clip {
  position: absolute;
  width: 285px;
  height: 15px;
  overflow: hidden;
  text-align: left;
  clip: rect(0, 385px, 10px, 15px);
}

.canvas-main {
  top: 15px;
  left: 20px;
  max-width: 400px;
  max-height: 400px;
}

.canvas-left {
  top: 14px;
  left: 20px;
  max-width: 400px;
  max-height: 400px;
  -ms-transform: skew(180deg, -149deg) scaleX(-1);
  -webkit-transform: skew(180deg, -149deg) scaleX(-1);
  -moz-transform: skew(180deg, -149deg) scaleX(-1);
  -o-transform: skew(180deg, -149deg) scaleX(-1);
  transform: skew(180deg, -149deg) scaleX(-1);
  opacity: 0.9;
  -ms-filter: "FlipH";
  -moz-filter: fliph;
  filter: fliph;
}

.canvas-top {
  max-width: 400px;
  max-height: 400px;
  margin-top: 15px;
  margin-left: 20px;
  -ms-transform: skew(236deg, -180deg) scaleY(-1);
  -webkit-transform: skew(236deg, -180deg) scaleY(-1);
  transform: skew(236deg, -180deg) scaleY(-1);

  /* IE 9 */

  /* Safari and Chrome */
  -moz-transform: skew(236deg, -180deg) scaleY(-1);
  -o-transform: skew(236deg, -180deg) scaleY(-1);
  opacity: 0.8;
  -ms-filter: "FlipV";
  filter: flipv;
}

.canvas-main-border {
  top: 15px;
  left: 20px;
  max-width: 400px;
  max-height: 400px;
}

.canvas-left-border {
  top: 14px;
  left: 20px;
  max-width: 400px;
  max-height: 400px;
  -ms-transform: skew(180deg, -149deg) scaleX(-1);
  -webkit-transform: skew(180deg, -149deg) scaleX(-1);
  -moz-transform: skew(180deg, -149deg) scaleX(-1);
  -o-transform: skew(180deg, -149deg) scaleX(-1);
  transform: skew(180deg, -149deg) scaleX(-1);
  opacity: 0.9;
  -ms-filter: "FlipH";
  -moz-filter: fliph;
  filter: fliph;
}

.canvas-top-border {
  max-width: 400px;
  max-height: 400px;
  margin-top: 0;
  margin-left: 180px;
  -ms-transform: skew(236deg, -180deg) scaleY(-1);
  -webkit-transform: skew(236deg, -180deg) scaleY(-1);
  transform: skew(236deg, -180deg) scaleY(-1);

  /* IE 9 */

  /* Safari and Chrome */
  -moz-transform: skew(236deg, -180deg) scaleY(-1);
  -o-transform: skew(236deg, -180deg) scaleY(-1);
  opacity: 0.8;
  -ms-filter: "FlipV";
  filter: flipv;
}

.depth-small {
  top: 11px;
  left: 15px;
  z-index: 0;
}

.canvas-top-border-overlay {
  position: relative;
  float: left;
}

.canvas-top-border-overlay::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: rgba(0, 255, 255, 0.5);
}

.img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0 solid red;
  opacity: 0.2;
  content: "";
}

.image-loss-width-message {
  display: none;
  text-align: center;
}

#canvas_wrap_overflowed_new_preview .canvas-main {
  max-width: 450px;
  max-height: 450px;
}

#canvas_wrap_overflowed_new_preview .canvas-main img {
  position: relative;
}

#canvas_wrap_overflowed_new_preview .depth-small {
  left: 0;
}

#canvas_wrap_overflowed_new_preview .canvas-wrap > div {
  position: relative;
}

#paper_preview .product-inner-container,
.metal-preview .product-inner-container,
.wall-peel-preview .product-inner-container {
  margin: 0 auto;
}

#banner_preview img {
  border: none;
  box-shadow: none;
}

.wood-preview .canvas-left div.clip,
.wood-preview .canvas-top div.clip,
.wood-preview .canvas-main {
  background-image: url(https://asf-cloudinary-backup.s3.us-east-1.amazonaws.com/res/decosites/image/upload/wood-bg_mkijg3/1411666302.jpg);
}

.wood-preview .canvas-main img {
  position: relative;
  padding: 0; /* pad the main image so you can see the wood background around it. */
  opacity: 0.85; /* makes the image blend into the wood. */
}

.wood-preview .canvas-left div.clip,
.wood-preview .canvas-top div.clip {
  opacity: 0.8;
}

div.art-store div.coaster-preview .product-inner-container {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10%;
}

#coaster_preview {
  overflow: hidden;
  border-radius: 10%;
}

.coaster-inner-container {
  width: 106.67%;
  height: 106.67%;
  margin: -3.335% 0 0 -3.335%;
}

.coaster-preview img {
  border: none;
}

.main-product-display {
  margin-top: 10px;
}

.content-area div.art-store div.crumbtrail {
  margin-bottom: 30px;
  padding-bottom: 20px;
  overflow: hidden;
  white-space: normal; /* paragraph to one line */
}

div.react-reveal-modal.cropper,
div.reveal-modal.cropper {
  top: -50px !important;
  width: 95%;
  margin-top: -20px;
}

#content_area div.crop-modal h1 {
  text-align: center;
}

#content_area div.crop-modal .choose-crop-size h1 {
  text-align: left;
}

div.cropper {
  margin-top: -20px;
}

div.cropper.izimodal {
  margin-top: 0;
}

.cropper input[type="radio"],
.crop-modal input[type="radio"] {
  visibility: visible;
}

.cropper input[type="radio"].orientation-fields {
  display: none;
}

.cropper label {
  display: inline;
}

div.art-store div.cropper div.crumbtrail {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
  border-bottom: none;
}

div.cropper div.crop-container {
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 40px;
  text-align: center;
  border-top: 1px solid #ccc;
}

div.cropper div.crop-container h1 {
  line-height: 1.1em;
}

div.cropper div.jcrop-holder {
  margin: 15px auto 50px;
}

div.cropper .jcrop-vline,
div.cropper .jcrop-hline {
  background: #ff6000;
}

div.cropper .jcrop-vline {
  width: 2px !important;
}

div.cropper .jcrop-hline {
  height: 2px !important;
}

div.cropper .jcrop-handle {
  width: 13px;
  height: 13px;
  font-size: 1px;
  background-color: #ff6000;
  border: 1px #eee solid;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #000;
}

.input-disabled {
  opacity: 0.7;
}

.print-options input {
  margin-bottom: 5px;
}

.drag-drop-upload-box {
  display: none;
  width: 100%;
  padding: 55px;
  color: #ccc;
  text-align: center;
  border: 2px dashed #ccc;
}

#user_upload_btn {
  width: 100%;
}

form div.user-form-field div.visitor-upload-btn-container.columns {
  width: 100%;
  margin-top: 10px;
}

.medium-tooltip-link.fa-solid,
.medium-tooltip-link.fa-regular {
  display: block;
}

.choose-crop-size {
  text-align: center;
}

.choose-crop-size .crop-size-container {
  line-height: 1.3em;
}

.crop-modal .choose-crop-size {
  margin-bottom: 60px;
}

a#link_to_crop_btn span.ui-button-text {
  padding: 0;
}

div.wall-peel-preview img.peel {
  position: absolute;
  top: 0;
  right: 0;
}

div.art-store div.wall-peel-preview .product-inner-container img {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.art-store div.wall-peel-preview .product-inner-container .container {
  position: relative;
  display: inline-block;
}

.content-area div.art-store div.product-photos.columns {
  padding: 20px;
}

#see_on_your_wall.see-on-wall-link {
  text-align: right;
}

#email_a_friend {
  text-align: left;
}

.shopping-cart table tr td {
  text-align: left;
}

.content-area a.submit-form-btn.user-upload {
  width: 100%;
  padding: 57px;
  text-align: center;
}

.content-area a.submit-form-btn.user-upload.instagram {
  background: #517fa4;
}

.content-area a.submit-form-btn.user-upload.instagram:hover {
  background: #476f8f;
}

.crop-modal h1 {
  font-weight: 400;
}

.crop-modal h1,
.crop-modal .item-price-container {
  color: #4d4d4d;
}

.product-order-form-container div.change-crop-size,
form.build-product-form div.change-crop-size {
  display: none;
}

.product-order-form-container div.change-crop-size.small,
form.build-product-form div.change-crop-size.small {
  display: block;
}

.item-price-container {
  font-size: 1.5em;
}

.multiple-images-buying-form .product-builder-tabs .item-price-container:not(:empty) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: none;
  margin-top: 15px;
}

.multiple-images-buying-form .product-builder-tabs .item-price-container:empty {
  display: none;
}

.item-price-container .price-with-automatic-discount {
  margin-top: -10px;
}

.item-price-container.with-both-btns {
  order: 3;
}

.item-price-container.with-both-btns .price-with-automatic-discount {
  margin-top: -13px;
}

.store-container {
  margin-bottom: 40px;
}

.store-container,
.store-container .content-area-inner {
  padding-right: 0;
}

.product-container {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 0;
  text-align: center;
}

.photo-inner-container,
.product-container .photo-inner-container {
  display: inline-block;
}

.visitor-upload-history .photo-inner-container .photo-hover {
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}

.visitor-upload-history .photo-inner-container:hover .photo-hover {
  display: flex;
}

.visitor-upload-history div.album-title {
  width: 100%;
}

.visitor-upload-history div.album-title span.title-text {
  padding-right: 20px;
  overflow: hidden;
  font-size: 1.3em;
  text-overflow: ellipsis;
}

.visitor-upload-history div.album-title span.title-text a {
  text-decoration: none;
}

.visitor-upload-history div.album-title span.title-text a:hover {
  text-decoration: underline;
}

.visitor-upload-history .album-title .controls {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 5px;
  font-size: 1.3em;
}

form.edit_cart .cart-decision-btns {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

form.edit_cart .cart-decision-btns .submit-form-btn .fa-solid .fa-regular {
  margin: 0 0.5em;
}

form.edit_cart .cart-decision-btns .decision-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

form.edit_cart .cart-decision-btns .decision-btn-container {
  margin-bottom: 5px;
  padding-right: 0;
  padding-left: 0;
}

div.sign-in-column.new-customer .new-customer-option {
  margin-bottom: 5px;
}

div.sign-in-column.new-customer .new-customer-option:last-child {
  padding-left: 0;
}

.prev-next-button-bar a.show-when-small-screen-block {
  display: inline-block;
  width: 100%;
  padding: 15px;
}

.room-image-option {
  width: 100px;
}

.modal-see-on-your-wall {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999999;
  display: none;
  overflow: hidden;
  color: #4d4d4d;
  text-align: center;
  text-shadow: none;
}

.modal-see-on-your-wall__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.modal-see-on-your-wall__inner #paper_preview_modal {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media (width <= 1024px) {
  .modal-see-on-your-wall__inner .wall-preview__body #paper_preview_modal {
    z-index: 9999;
    padding-bottom: 0;
  }
}

.canvas-main img,
.canvas-left img,
.canvas-top img {
  background: white;
}

.content-area .back-btn.show-when-large-screen-inline-block,
.content-area .continue.show-when-large-screen-inline-block {
  display: none;
}

/* tablet screen */
@media only screen and (width >= 40.063em) {
  .room-image-option {
    width: 180px;
  }

  .modal-see-on-your-wall {
    min-width: 100%;
    min-height: inherit;
  }
}

@media only screen and (width >= 58.75em) {
  #product_form_container {
    margin-top: 0;
  }

  .content-area .original-or-prints-bar a.submit-form-btn {
    font-size: 1em;
  }

  .content-area .back-btn.show-when-large-screen-inline-block,
  .content-area .continue.show-when-large-screen-inline-block {
    display: inline;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content {
    color: green;
    line-height: 0.8em;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content span {
    font-size: 0.8em;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content span.sub {
    font-size: 0.6em;
    line-height: 1em;
  }

  .prev-next-button-bar a.show-when-small-screen-block {
    display: none;
  }

  .prev-next-button-bar a.show-when-large-screen-block {
    display: initial;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content span {
    font-size: 0.4em;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content {
    line-height: 0.5em;
  }

  div.sign-in-column.new-customer .new-customer-option {
    margin-bottom: 0;
  }

  div.sign-in-column.new-customer .new-customer-option:last-child {
    padding-left: 5px;
  }

  div.shopping-cart input.quantity-field {
    width: 50%;
  }

  form.edit_cart .cart-decision-btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }

  form.edit_cart .cart-decision-btns .decision-btn-container {
    padding-right: 5px;
  }

  form.edit_cart .cart-decision-btns .decision-btn-container:last-child {
    padding-right: 0;
  }

  .content-area .product-container .photo-inner-container {
    padding: 10px;
  }

  .content-area .product-container.two-columns .product-outer-container {
    min-height: 540px;
  }

  .content-area .product-container.two-columns .product-outer-container,
  .content-area .product-container.two-columns .photo-inner-container {
    width: 600px;
    max-width: 100%;
  }

  .content-area .product-container.two-columns .album-title {
    margin-top: 15px;
  }

  .visitor-upload-history div.album-title span.title-text {
    padding-right: 0;
    font-size: 1em;
  }

  .visitor-upload-history .album-title .controls {
    font-size: 1em;
  }

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

  .product-container .photo-outer-container,
  .product-container .product-outer-container {
    display: block;
  }

  .product-container.two-columns {
    width: 50%;
    text-align: left;
  }

  .product-container.three-columns {
    width: 33.3333%;
    text-align: left;
  }

  .product-container.four-columns {
    width: 25%;
    text-align: left;
  }

  .product-container .top-controls {
    top: 1px;
    right: 1px;
  }

  .visitor-upload-history .search-bar {
    text-align: right;
  }

  .medium-tooltip-link.fa-solid,
  .medium-tooltip-link.fa-regular {
    display: none;
  }

  .disabled .medium-tooltip-link.fa-solid,
  .disabled .medium-tooltip-link.fa-regular {
    display: block;
  }

  .disabled .medium-option-section img {
    opacity: 0.5;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content {
    color: green;
    line-height: 0.6em;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content span {
    font-size: 0.6em;
  }

  .visitor-upload-history div.photo-inner-container div.hover-content span.sub {
    font-size: 0.4em;
  }

  .product-order-form-container div.change-crop-size,
  form.build-product-form div.change-crop-size {
    display: block;
    margin-top: 2px;
  }

  .product-order-form-container div.change-crop-size p,
  form.build-product-form div.change-crop-size p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1em;
  }

  .product-order-form-container div.change-crop-size a,
  form.build-product-form div.change-crop-size a {
    padding: 15px 15px 14px;
  }

  .product-order-form-container div.change-crop-size.small,
  form.build-product-form div.change-crop-size.small {
    display: none;
  }

  .product-order-form-container div.sizes-override div.change-crop-size,
  form.build-product-form div.sizes-override div.change-crop-size {
    margin-bottom: 20px;
  }

  .product-order-form-container div.size-help p,
  form.build-product-form div.size-help p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 0.75em;
  }

  div.cropper div.crop-container {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 40px;
    text-align: center;
    border-top: none;
    border-left: 1px solid #ccc;
  }

  .choose-crop-size {
    text-align: left;
  }

  .see-on-wall-link {
    text-align: left;
  }

  .medium-tooltip-link {
    display: block;
  }

  div.medium-option-section:hover a.medium-tooltip-link,
  html.touch a.medium-tooltip-link {
    display: block;
  }

  .drag-drop-upload-box {
    display: block;
  }

  .content-area a.see-on-wall-btn.condensed,
  .content-area a.see-on-wall-btn.condensed.email-friend {
    display: none;
  }

  .content-area div.btn-container.padded {
    padding-left: 5px;
  }

  .product-info-container {
    display: block;
  }

  .product-photos {
    width: 577px;
  }

  #product_form_container {
    width: 350px;
    text-align: left;
  }

  .social-sharing-icons {
    text-align: left;
  }

  .frame-medium {
    max-width: 460px;
    max-height: 460px;
    border: 22px solid white;
  }

  .original-art-preview .frame-medium {
    border: none;
  }

  .preview-wall-section .art-modal .frame-medium {
    background: white;
  }

  .art-modal .frame-medium {
    border: 0 solid white;
  }

  div.product-photos div.photo-inner-container,
  div.asf-modal div.photo-inner-container,
  div.react-reveal-modal div.photo-inner-container,
  div.reveal-modal div.photo-inner-container {
    max-width: 400px;
    max-height: 400px;
    border: none;
  }

  #paper_preview {
    max-width: 510px;
  }

  .canvas-wrap { max-width: 540px; }

  .canvas-main img,
  .canvas-left img,
  .canvas-top img {
    max-width: 450px;
    max-height: 450px;
  }

  .art-modal .canvas-main img,
  .art-modal .canvas-left img,
  .art-modal .canvas-top img {
    max-width: 300px;
    max-height: 300px;
  }

  .canvas-wrap-overflowed { max-width: 510px; }

  .canvas-main-overflowed img,
  .canvas-left-overflowed img,
  .canvas-top-overflowed img {
    max-width: 450px;
    max-height: 450px;
  }

  .art-modal .canvas-main-overflowed img,
  .art-modal .canvas-left-overflowed img,
  .art-modal .canvas-top-overflowed img {
    max-width: 300px;
    max-height: 300px;
  }

  .canvas-overflow-shade {
    max-width: 450px;
    height: 376px;
  }

  .canvas-wrap-border { max-width: 540px; }

  .canvas-main-border img,
  .canvas-left-border img,
  .canvas-top-border img {
    max-width: 450px;
    max-height: 450px;
  }

  .art-modal .canvas-main-border img,
  .art-modal .canvas-left-border img,
  .art-modal .canvas-top-border img {
    max-width: 300px;
    max-height: 300px;
  }

  .canvas-wrap.wall .canvas-main img {
    border-radius: 2px;
  }

  #canvas_wrap_overflowed_preview_modal .canvas-overflow-shade {
    max-width: 350px;
    max-height: 350px;
  }

  .art-modal#canvas_wrap_overflowed_preview_modal .canvas-overflow-shade {
    max-width: 250px;
    max-height: 250px;
  }

  div.art-store .product-inner-container {
    display: block;
    max-width: 500px;
    max-height: 500px;
  }

  .art-store .unique-medium-greeting-cards .product-inner-container {
    max-height: 664px;
  }

  div.art-store .original-art-preview .product-inner-container {
    display: initial;
  }

  div.art-store div.wall-peel-preview .product-inner-container {
    max-width: 460px;
    max-height: 460px;
  }

  .product-outer-container {
    display: block;
  }
}

.product-outer-container .album-title .product-name {
  display: block;
}

.product-outer-container .album-title .product-name .product-name-link {
  text-decoration: none;
}

.product-container .pre-price-text,
.product-outer-container.prices .pre-price-text {
  display: inline-block;
  margin-top: 5px;
  text-transform: lowercase;
}

.product-outer-container.prices .artist-name {
  margin-top: 5px;
  font-style: italic;
}

.product-outer-container .product-size {
  display: inline;
  float: none;
  margin-top: 5px;
  padding-left: 5px;
  color: #999;
  text-transform: lowercase;
}

.product-container .cheapest-price,
.product-container .discounted-price {
  display: inline-block;
  margin-top: 5px;
  text-transform: initial;
}

.product-container .cheapest-price.discounted,
.price .cheapest-price.discounted {
  text-decoration: line-through;
}

.product-container .discounted-price,
.price .discounted-price {
  color: red;
}

.price .cheapest-price,
.price .discounted-price,
.cheapest-price,
.discounted-price {
  font-weight: bold;
}

/* begin Paypal MiniCart */

#PPMiniCart {
  text-shadow: 0 0 0;
}

#user_website #PPMiniCart form {
  right: 5px;
  z-index: 10000;
  width: 300px;
  background: #fff;
}

#user_website #PPMiniCart li a {
  width: 255px;
}

#user_website #PPMiniCart form p span {
  display: inline-block;
  margin-top: 3px;
}

#user_website #PPMiniCart form p span.shipping {
  width: 195px;
  padding-left: 5px;
}

#user_website #PPMiniCart form p input {
  display: inline-block;
}

#user_website #PPMiniCart form p,
#user_website #PPMiniCart form ul li span,
#user_website #PPMiniCart form ul li input {
  font-size: 11px !important;
}

#user_website #PPMiniCart ul { height: auto; min-height: 130px; max-height: 500px; }

/* end Paypal MiniCart */

.product-form-subheading span,
.art-print-product form .product-option-categories label {
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
}

.product-form-subheading span.special {
  font-weight: bold;
  font-size: 0.8em;
}

.product-form-subheading span.subtext {
  color: #4d4d4d;
  font-weight: normal;
  font-size: 0.8em;
  text-transform: none;
}

.art-store .size-choice input[type="radio"] {
  height: 0.7em;
}

.art-store .size-choice {
  color: #4d4d4d;
}

.art-store .size-choice div.sub-option {
  padding: 10px 25px 15px;
  background: #f1f1f1;
}

.build-product-form label {
  font-size: 0.9em;
}

.build-product-form div.product-sizes span {
  font-size: 12px;
}

form.art-print-product #sizes .product-sizes span {
  font-size: 13.5px;
}

form.art-print-product .product-sizes.input-checked-state span {
  font-size: 12px;
}

.build-product-form div.product-sizes.input-checked-state span {
  color: #686868;
  font-weight: normal;
  text-transform: none;
}

.build-product-form .input-checked-state {
  background: #eae8e9;
  outline: 1.4px solid #666;
}

#content_area section.active p a {
  background: white;
}

#content_area .art-store-tab-content-area {
  width: 100%;
  border: 1px solid #f1f1f1;
}

.content-area .Traditional {
  padding-right: 0;
}

.theme-version-three .Traditional .Traditional,
.content-area .Traditional .Traditional {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.content-area .Traditional .product-outer-container {
  top: 0;
  left: 0;
}

.content-area .Traditional .product-container.columns .product-outer-container,
.content-area .Traditional .product-container.columns .product-outer-container.prices,
.content-area .Traditional .product-container.columns .product-outer-container.artist,
.content-area .Traditional .product-container.columns .product-outer-container.prices.artist {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
}

#content_area .Traditional .product-container .photo-inner-container {
  position: relative;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 0;
  min-height: auto;
  padding: 0 0 100%;
}

@media (width <= 768px) {
  .content-area .Traditional .product-container {
    margin-right: 0;
    margin-left: 0;
  }

  #content_area .Traditional .product-container .photo-inner-container {
    height: auto;
    padding: 0;
  }
}

#content_area .Traditional .product-container .photo-inner-container a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 30px;
}

@media (width <= 768px) {
  #content_area .Traditional .product-container .photo-inner-container a {
    position: static;
  }
}

#content_area .Traditional .product-container .photo-inner-container img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.content-area .Traditional .product-container a div.photo-hover {
  width: 100%;
  height: 100%;
}

#content_area .Traditional .product-outer-container .album-title {
  position: static;
}

.content-area .Traditional .album-title a {
  display: -webkit-box !important;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

a.category-photo-link {
  width: 100%;
}

.content-area > a:link {
  display: inline-block !important;
}

.content-area .Traditional .album-title a:hover {
  text-decoration: underline;
}

@media only screen and (width >= 85em) {
  .jumbo .visitor-upload-history div.album-title {
    width: 100%;
  }

  .jumbo .choose-crop-size {
    text-align: left;
  }

  .jumbo .see-on-wall-link {
    text-align: left;
  }

  .jumbo div.medium-option-section:hover a.medium-tooltip-link {
    display: block;
  }

  .jumbo .drag-drop-upload-box {
    display: block;
  }

  .jumbo .content-area a.see-on-wall-btn.condensed,
  .jumbo .content-area a.see-on-wall-btn.condensed.email-friend {
    display: none;
  }

  .jumbo .product-info-container {
    display: block;
  }

  .jumbo .product-photos {
    width: 750px;
  }

  .jumbo #product_form_container {
    width: 341px;
  }

  .jumbo .social-sharing-icons {
    text-align: left;
  }

  .jumbo .main-product-display #paper_preview {
    max-width: 700px;
  }

  .jumbo .main-product-display .metal-preview .product-inner-container {
    max-width: 700px;
    max-height: 700px;
  }

  .jumbo div.art-store div.wall-peel-preview .product-inner-container {
    max-width: 730px;
    max-height: 730px;
  }

  .jumbo div.art-store .main-product-display .product-inner-container,
  .jumbo .main-product-display .frame-medium {
    max-width: 700px;
    max-height: 700px;
  }

  .jumbo div.art-store .main-product-display .original-art-preview .product-inner-container {
    display: initial;
  }

  .jumbo .main-product-display .canvas-wrap-overflowed,
  .jumbo .main-product-display .canvas-main-overflowed img,
  .jumbo .main-product-display .canvas-left-overflowed img,
  .jumbo .main-product-display .canvas-top-overflowed img {
    max-width: 700px;
    max-height: 700px;
    overflow: hidden;
  }

  .jumbo .main-product-display .canvas-overflow-shade {
    max-width: 700px;
    max-height: 700px;
  }

  .jumbo .main-product-display .canvas-wrap,
  .jumbo .main-product-display .canvas-wrap-border {
    max-width: 700px;
    max-height: 700px;
    overflow: hidden;
  }

  .jumbo .main-product-display .canvas-main img,
  .jumbo .main-product-display .canvas-top img,
  .jumbo .main-product-display .canvas-left img,
  .jumbo .main-product-display .canvas-main-border img,
  .jumbo .main-product-display .canvas-top-border img,
  .jumbo .main-product-display .canvas-left-border img {
    max-width: 670px;
    max-height: 670px;
    overflow: hidden;
  }

  .jumbo div.main-product-display div#canvas_wrap_overflowed_new_preview div.canvas-main {
    max-width: 670px;
    max-height: 670px;
  }

  .jumbo .product-outer-container.prices {
    width: 255px;
    height: 317px;
  }

  .jumbo .product-outer-container.prices.artist {
    height: 327px;
  }
}

.Masonry figure a.figure-container-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* begin captions *************/

.grid figcaption {
  width: 100%;
  height: 100%;
  padding: 0;
}

.caption-style-1 figure {
  position: relative;
  float: left;
  padding: 0;
}

.caption-style-1 figure:hover .caption {
  opacity: 1;
}

.caption-style-1 img {
  float: left;
  margin: 0;
  padding: 0;
}

.Clean.caption-style-1 img {
  z-index: -1;
}

.caption-style-1 .caption {
  position: absolute;
  background: none;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.caption-style-1 figure {
  z-index: 0;
}

.caption-style-1 figure.is-active {
  z-index: 1;
}

.caption-style-1 .blur {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  width: fit-content;
}

.Clean .top-controls {
  position: absolute;
  right: 5px;
  z-index: 10000;
}

.caption-text .artist-name,
.caption-text .price,
.caption-text .product-size {
  font-weight: 100;
  font-size: 0.85em;
  text-transform: uppercase;
}

.caption-text .artist-name,
.caption-text .product-size {
  color: #ddd;
}

.caption-text h3 {
  font-weight: 100;
}

.caption-style-1 .caption-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: var(--category-caption-padding, 28px);
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
}

.caption-style-1 .caption-text h3 {
  width: inherit;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.caption-style-1 .caption-text .price {
  margin-bottom: 1em;
  font-size: 1.25em;
}

.caption-style-1 .caption-text .main-btn {
  width: fit-content;
}

.caption-text .pre-price-text,
.caption-text .cheapest-price,
.caption-text .discounted-price {
  display: inline;
  text-transform: lowercase;
}

.content-area .caption-style-1 a.submit-form-btn {
  margin-top: 20px;
  color: white;
  background: none;
  border: 1px solid white;
}

.content-area .caption-style-1 a.submit-form-btn:hover {
  border: 1px solid #ccc;
}

.grid figcaption span::before {
  content: "";
}

.content-area .grid figcaption a {
  z-index: 1;
  background: none;
}

.content-area .grid figcaption a.main-btn {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--category-caption-button-size, 48px);
  height: var(--category-caption-button-size, 48px);
  color: white;
  text-decoration: none;
  border: 1px solid #999;
  border-radius: 0;
}

.content-area .grid figcaption a.main-btn:hover {
  color: black;
}

.content-area .btn-6d {
  border: 2px dashed #226fbe;
}

.content-area .btn-6d:hover {
  color: black;
  background: transparent;
}

.caption-style-1 figure.category figcaption a.main-btn {
  padding: 12px 25px;
  font-weight: 400;
}

.caption-style-1 figure.category figcaption a.main-btn:hover {
  color: black !important;
}

.caption-style-1 figure.category figcaption .caption-text h3 {
  font-size: var(--category-caption-text-size, 1.7em);
}

.Traditional {
  padding-top: 0;
}

.Clean .photo-inner-container {
  border-bottom: none;
}

.Clean.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 40px;
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.Clean.grid.category-container {
  padding-bottom: 0;
}

.Clean figure {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.content-area .Clean .product-container .photo-inner-container {
  padding: 0;
}

.Clean.caption-style-1 .blur {
  z-index: 2;
  border: none;
}

.content-area .Clean .product-container {
  float: none;
  min-width: auto;
  height: 0;
  min-height: auto;
  border: none;
}

.Clean.caption-style-1 img {
  float: none;
}

.content-area .Clean .product-container .clean-container {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.content-area .Clean .product-container .clean-container a.product-photo-link {
  display: flex;
  justify-content: space-around;
}

.content-area .Clean .product-container .clean-container > a:last-of-type {
  height: 100%;
  max-height: 100%;
  text-align: center;
}

.Clean.caption-style-1 .caption-text {
  padding-top: 0;
  padding-right: 30px;
  padding-left: 30px;
}

.content-area .Clean.caption-style-1 a.submit-form-btn {
  margin-top: 0;
  border: none;
}

.content-area .Clean .top-controls a.submit-form-btn.secondary-button {
  color: white;
}

.content-area .Clean .product-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

.content-area .Clean .product-container.four-columns,
.content-area .Traditional .product-container.four-columns {
  width: calc((100% - 40px * 3) / 4);
  margin: 0;
}

.content-area .Clean .product-container.three-columns,
.content-area .Traditional .product-container.three-columns {
  width: calc((100% - 40px * 2) / 3);
  margin: 0;
}

.content-area .Clean .product-container.two-columns,
.content-area .Traditional .product-container.two-columns {
  width: calc((100% - 40px) / 2);
  margin: 0;
}

.content-area .Clean .product-container.four-columns {
  padding-bottom: calc((100% - 40px * 3) / 4);
}

.content-area .Clean .product-container.three-columns {
  padding-bottom: calc((100% - 40px * 2) / 3);
}

.content-area .Clean .product-container.two-columns {
  padding-bottom: calc((100% - 40px) / 2);
}

.Traditional .product-gallery-no-products {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (width <= 1200px) {
  .content-area .Clean .product-container.four-columns,
  .content-area .Traditional .product-container.four-columns {
    width: calc((100% - 40px * 2) / 3);
  }

  .content-area .Clean .product-container.four-columns {
    padding-bottom: calc((100% - 40px * 2) / 3);
  }
}

@media (width <= 991px) {
  .content-area .Clean .product-container.four-columns,
  .content-area .Clean .product-container.three-columns,
  .content-area .Traditional .product-container.three-columns,
  .content-area .Traditional .product-container.four-columns {
    width: calc(((100% - 40px) / 2));
  }

  .content-area .Clean .product-container.four-columns,
  .content-area .Clean .product-container.three-columns {
    padding-bottom: calc((100% - 40px) / 2);
  }
}

@media (width <= 767px) {
  .content-area .Traditional .product-container.two-columns,
  .content-area .Traditional .product-container.three-columns,
  .content-area .Traditional .product-container.four-columns {
    width: 100%;
  }

  .content-area .Clean .product-container.four-columns,
  .content-area .Clean .product-container.three-columns,
  .content-area .Clean .product-container.two-columns {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 100%;
  }
}

@media only screen and (width >= 58.75em) {
  .content-area .Clean .product-container.three-columns img {
    max-width: 100%;
    max-height: 100%;
  }

  .content-area .Clean .product-container.four-columns .prices {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .caption-style-1 .four-columns .caption-text h3 {
    font-size: 0.9em;
  }

  .four-columns .caption-text .price {
    font-size: 0.75em;
  }

  .Clean.caption-style-1 .four-columns .caption-text {
    padding-top: 10px;
  }

  .Clean .product-container.four-columns .top-controls {
    right: 5px;
  }
}

/* begin bookblock plugin *************/

.content-area div.columns.standard-product-container,
.content-area div.columns.standard-product-photo,
.content-area div.columns.standard-product-name .columns,
.content-area div.columns.standard-product-name {
  padding-right: 0;
}

.content-area-inner .fc-calendar .fc-head {
  background: #999;
}

.fc-calendar .fc-row > div > span.fc-date {
  color: #999;
}

.content-area-inner .main {
  margin-top: 53px;
  padding: 0;
}

.content-area-inner .bb-custom-wrapper {
  width: 330px;
  margin: 35px auto 30px;
}

.bb-custom-wrapper .bb-bookblock {
  width: 330px;
  margin-left: 0;
  box-shadow: 0 12px 20px -2px rgba(81, 64, 49, 0.6);
}

.content-area-inner .bb-custom-wrapper nav.top {
  position: absolute;
  top: 0;
  margin-top: -50px;
}

.content-area-inner .bb-custom-wrapper nav.bottom {
  position: absolute;
  bottom: 0;
  margin-bottom: -50px;
}

.content-area-inner .fc-calendar-wrap {
  margin-top: 0;
}

.content-area-inner .bb-custom-wrapper nav {
  height: 40px;
}

.content-area-inner .bb-custom-wrapper nav a {
  width: initial;
  height: initial;
  padding: 5px 10px;
  font-size: 1.5em;
  line-height: 1em;
  text-decoration: none;
  border-radius: none;
}

.content-area-inner .bb-custom-wrapper .bb-item a {
  display: block;
}

.content-area-inner .fc-calendar .fc-head > div {
  font-size: 6px;
}

.standard-product-photo .disclaimer-text {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}

@media only screen and (width >= 768px) {
  .react-reveal-modal.small,
  .reveal-modal.small {
    width: 55%;
    margin-left: -27%;
  }

  .content-area-inner .bb-custom-wrapper,
  .bb-custom-wrapper .bb-bookblock {
    width: 530px;
  }

  .content-area-inner .fc-calendar .fc-head > div {
    font-size: 0.9em;
  }
}

/* end bookblock plugin *************/

/* end STORE ****************************************/

/* begin PRODUCT BULK ORDER FORM ****************************************/

.product-order-form-container {
  margin-bottom: 20px;
}

.content-area div.columns.product-order-form-container.maximized {
  margin-top: 40px;
  padding: 20px;
  border: 5px solid #f0f0f0;
}

.product-order-form-container div.left-options {
  border-right: 1px solid #f0f0f0;
}

.product-order-form-container .size-option {
  width: 15%;
}

.product-order-form-container .product-outer-container {
  height: 230px;
}

.product-order-form-container .crop-preview {
  display: inline-block;
  width: 100%;
}

.product-order-form-container .crop-preview div.columns.image-loss-width-message {
  padding-left: 0.83333em;
}

.product-order-form-container .product-summary .crop-preview {
  margin-bottom: 15px;
}

.product-order-form-container .crop-preview img {
  max-width: 190px;
}

.product-order-form-container .crop-preview img:not(.now-framed) {
  border: none;
}

.crop-preview .product-form-subheading .subheading-container {
  margin-bottom: 10px;
  text-align: center;
}

.product-order-form-container .overflowed-new {
  position: relative;
  max-width: 190px;
  margin: 0 auto;
}

.product-order-form-container .bulk-form-loading-container {
  text-align: center;
}

.product-order-form-container .bulk-form-loading-container i.loading {
  display: none;
  font-size: 40px;
}

.product-order-form-container .bulk-form-loading-container div.loading-help-text {
  margin-top: 5px;
}

.product-order-form-container .bulk-form-loading-container div.loading-help-text p {
  padding: 15px;
  font-size: 1.5em;
  cursor: pointer;
}

.product-order-form-container .change-crop-size.get-started {
  position: relative;
  margin-left: 15px;
}

.product-order-form-container .change-crop-size.get-started a.submit-form-btn {
  position: absolute;
  width: 100%;
  margin-top: 10px;
  padding: 50px;
  font-size: 20px;
  text-align: center;
}

.mass-apply-controls .btn {
  margin: 0;
  padding: 0;
}

.mass-apply-controls-global .broader-options,
.product-order-form-container .broader-options {
  position: absolute;
  z-index: 1;
}

.product-order-form-container .broader-options {
  top: 0;
  right: 0;
}

.mass-apply-controls-global .broader-options {
  top: -10px;
  right: -5px;
}

.mass-apply-controls-global .broader-options .option,
.product-order-form-container .broader-options .option {
  display: inline-block;
  margin-right: -5px;
  padding: 10px;
  background: #f9f9f9;
  border-bottom: 1px white solid;
  border-left: 1px white solid;
}

.product-order-form-container .broader-options .option input {
  margin: 0;
}

.product-order-form-container .mass-apply-controls.minimize,
.product-order-form-container .broader-options .option.minimize {
  display: none;
}

.product-order-form-container .broader-options .option.minimize-btn {
  margin-right: -20px;
}

.product-order-form-container .broader-options .option.show,
.product-order-form-container .mass-apply-controls.show {
  display: inline-block;
}

.product-order-form-container .mass-apply-controls {
  float: right;
  margin-top: -23px;
  margin-right: -23px;
  margin-bottom: 20px;
}

.product-order-form-container .broader-options .option.hide,
.product-order-form-container .mass-apply-controls.hide {
  display: none;
}

.product-order-form-container .broader-options .option:hover,
.product-order-form-container .broader-options .option:hover {
  background: #f1f1f1;
}

.bulk-controls {
  margin-bottom: 20px;
  padding: 20px;
  background: #f9f9f9;
}

.product-order-form-container .mass-apply-controls {
  margin-bottom: 0;
  padding: 10px;
  padding-right: 0;
}

.content-area .mass-apply-controls form button {
  width: 100%;
  margin-left: 0;
  padding: 21px 10px;
}

.content-area .mass-apply-controls h3,
.content-area .mass-apply-controls p {
  padding-left: 20px;
}

.content-area .mass-apply-controls h3 {
  margin: 0;
  padding-bottom: 5px;
  font-size: 1em;
}

.content-area .mass-apply-controls a.submit-form-btn {
  display: inline-block;
  width: 100%;
  padding: 30px 10px;
  text-align: center;
  background: #999;
}

.content-area .mass-apply-controls a.submit-form-btn.reset-mass-apply-selections {
  background: #ed3125;
}

.content-area .mass-apply-controls a.submit-form-btn.reset-mass-apply-selections:hover {
  background: red;
}

.content-area .mass-apply-controls a.reset-mass-apply-selections.hide,
.content-area .mass-apply-controls a.load-apply-selections-modal.hide {
  display: none;
}

.content-area .mass-apply-controls a.reset-mass-apply-selections.show,
.content-area .mass-apply-controls a.load-apply-selections-modal.show {
  display: inline-block;
}

.content-area .mass-apply-controls a.submit-form-btn:hover {
  background: #888;
}

.content-area .mass-apply-controls label {
  margin-bottom: 20px;
  text-align: left;
}

.content-area .mass-apply-controls label.label-for-submit {
  margin-bottom: 8px;
}

.content-area .mass-apply-controls div.right-btn {
  margin-right: 10px;
  margin-left: -10px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

.mass-apply-controls-global h3 {
  margin: 5px 0;
}

a.submit-form-btn.apply-selections {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 30px;
  font-size: 1.2em;
  text-align: center;
}

.content-area .asf-modal ul li .content-area .react-reveal-modal ul li,
.content-area .asf-modal ul li .content-area .reveal-modal ul li {
  font-size: 1em;
}

.apply-selections-modal .selected-image-count {
  font-weight: bold;
}

.modal-warning p {
  font-size: 1.2em;
}

.mass-apply-controls-global {
  margin-bottom: 30px;
  padding-right: 0;
  border: 10px solid #f1f1f1;
}

.content-area .mass-apply-controls-global .heading {
  padding-left: 10px;
  background: #f1f1f1;
}

.mass-apply-controls-global .product-order-form-container {
  padding-top: 5px;
}

.mass-apply-controls-global .product-order-form-container div.left-options {
  width: 100%;
  border-right: none;
}

.mass-apply-controls-global .product-order-form-container .product-form-options {
  width: 12%;
}

.mass-apply-controls-global .product-order-form-container .crop-preview,
.mass-apply-controls-global .product-order-form-container .crop-container,
.mass-apply-controls-global .product-order-form-container button#local_cart_btn {
  display: none;
}

.mass-apply-controls-global .mass-apply-controls .btn {
  margin-bottom: 2px;
}

.mass-apply-controls-global .product-order-form-container {
  margin-bottom: 0;
  padding-right: 0;
  background: #f1f1f1;
}

#greeting_card_item_review li {
  overflow-wrap: break-word;
}

/* end PRODUCT BULK ORDER FORM ****************************************/

/* start CART *****************************************/

li.job-item-line-item {
  margin-bottom: 7px;
}

table.has-line-items tbody tr td {
  padding-top: 20px;
  vertical-align: top;
}

table.has-line-items tbody tr td.price {
  padding-top: 30px;
}

table.has-line-items tbody tr td.delete {
  padding-top: 23px;
}

table#shopping_cart_items p {
  margin-top: 0;
  color: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
}

.price-with-tax,
.price-without-tax {
  display: block;
}

.price-with-tax {
  font-weight: bold;
}

table tr.without-tax td {
  padding-top: 0;
  font-size: 0.95em;
}

table tr.without-tax td b {
  font-weight: normal;
}

.google-pay-button,
.afterpay-button,
.paypal-button {
  width: 100%;
}

.drawer-cart .google-pay-button.btn_theme,
#content_area .google-pay-button.btn_theme {
  display: none;
}

.drawer-cart .google-pay-button.btn_theme.show-pay-button,
#content_area .google-pay-button.btn_theme.show-pay-button {
  display: flex;
}

.google-pay-button__logo {
  transform: scale(0.75);
  fill: currentcolor;
}

.afterpay-button__logo {
  transform: scale(2);
  fill: currentcolor;
}

.paypal-button__logo {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
}

/* end CART ****************************************/

/* start JOBS ****************************************/

.content-area .job .submit-form-btn {
  font-size: 1.5em;
}

.job-item-analysis {
  margin-bottom: 5px;
}

.job-item-analysis .item-subject-value {
  text-align: right;
}

.content-area .job-item-column a.submit-form-btn {
  width: 100%;
  padding: 12px;
  font-size: 0.9em;
  text-align: center;
}

.item-subject-value i.fa-solid,
.item-subject-value i.fa-regular {
  font-size: 2em;
}

.item-subject span {
  line-height: 25px;
}

.item-subject-value i.success {
  color: green;
}

.item-subject-value i.failure {
  color: red;
}

.item-subject-value_with-top-padding {
  padding-top: 18px;
}

.content-area .edit-job button.submit-form-btn.success,
.content-area .edit-job input.submit-form-btn.success,
.content-area .edit-job a.submit-form-btn.success,
.content-area .job-item-column a.submit-form-btn.success {
  font-weight: 100;
  background: green;
}

.content-area .edit-job a.submit-form-btn.failure,
.content-area .edit-job a.submit-form-btn.failure,
.content-area .job-item-column a.submit-form-btn.failure {
  background: red;
}

.content-area .job-item-column a.submit-form-btn i {
  color: white;
  font-size: 1.2em;
}

.site-jobs .cropper.crop-container {
  border: none;
}

.site-jobs button.submit-form-btn.job-item-crop {
  width: 100%;
  margin: 0;
  font-size: 1.5em;
  background: green;
}

.job-item-container {
  width: 195px;
}

.job-item-column {
  min-height: 361px;
}

#crop_modals div.crop-container.cropper {
  padding-bottom: 0;
}

.content-area form.uploader.job-item {
  float: left;
  padding-left: 0;
}

.user-form-field.job-upload-label {
  margin-bottom: 0;
}

/* end JOBS ****************************************/

/* start SHOPPING_CART_BAR ****************************************/

#shopping_cart_bar_container,
.cart-content-container,
#account_container {
  width: 100%;
  margin-bottom: 10px;
  padding: 7px 0;
  text-align: center;
}

#shopping_cart_bar_container,
.cart-content-container {
  z-index: 1000;
  text-align: left;
}

#shopping_cart_bar_container.content-area {
  background: none;
}

#shopping_cart_bar_container p,
.cart-content-container p {
  margin-bottom: 0;
  color: black;
  font-size: 0.95em;
}

#shopping_cart_bar_container a {
  text-decoration: underline;
}

#shopping_cart_bar_container a.submit-form-btn,
.cart-content-container a.submit-form-btn {
  padding: 10px 20px;
  text-decoration: none;
}

#shopping_cart_bar_container #shopping_cart_dropdown a.submit-form-btn,
.cart-content-container a.submit-form-btn {
  color: white;
  font-size: 15px;
  background: black;
}

#shopping_cart_bar_container #shopping_cart_dropdown a.back-btn,
.cart-content-container a.back-btn {
  margin-right: 2px;
  padding: 10px;
  color: #666;
  font-size: 15px;
  text-decoration: none;
  background: white;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

#shopping_cart_btn_sidebar .submit-form-btn {
  color: white;
  background: black;
}

#shopping_cart_dropdown a {
  font-size: 1.2em;
}

#shopping_cart_dropdown a:hover {
  top: 2px;
}

div#shopping_cart_dropdown.f-dropdown {
  margin-top: 10px;
}

div#shopping_cart_dropdown.f-dropdown.content {
  z-index: 20000000;
  padding: 0;
}

.content-area .user-upload,
.content-area a.submit-form-btn.user-upload {
  font-size: 1.2em;
}

.content-area a.submit-form-btn.user-upload:hover {
  background: #888;
}

.content-area .submit-form-btn.large-btn {
  margin-top: 0;
  padding: 20px;
  font-size: 1.5em;
  background: green;
}

.content-area .submit-form-btn.large-btn:hover {
  background: darkgreen;
}

.visitor-upload-history {
  margin-top: 40px;
}

@media only screen and (width >= 58.75em) {
  #shopping_cart_bar_container,
  #account_container {
    text-align: right;
  }

  #shopping_cart_bar_container {
    font-size: 1em;
  }

  #shopping_cart_bar_container i.fa-cart-shopping {
    font-size: 18px;
  }
}

@media only screen and (width >= 85em) {
  .react-reveal-modal.small,
  .reveal-modal.small {
    width: 40%;
    margin-left: -20%;
  }

  #shopping_cart_bar_container {
    font-size: 1em;
  }

  #shopping_cart_bar_container i.fa-cart-shopping {
    font-size: 18px;
  }
}

/* end SHOPPING CART BAR ****************************************/

/* begin FORM ****************************************/

.content-area form {
  text-align: left;
}

.content-area form.custom {
  padding-left: 0;
}

.content-area form.custom input[type="submit"] {
  margin-left: 0;
}

.content-area .form-page.global-form-container form.custom input[type="submit"] {
  width: 100%;
  height: 60px;
  margin-top: 10px;
}

.content-area form.lined-up input[type="submit"] {
  margin-left: 0;
}

.content-area form.form-adj {
  padding-left: 0;
}

#flashcontainer .alert {
  font-weight: 300;
}

.alert-success p {
  color: white;
}

input[type="file"] {
  font-size: 1em;
}

.content-area .user-form-field,
.row.user-form-field,
.user-form-field {
  margin-bottom: 15px;
  margin-left: 0;
  padding-left: 0;
}

.global-form-container label,
.user-form-field-label label,
.user-form-field-label {
  margin: 0;
  color: #333;
  font-weight: 300;
  font-size: 0.85rem;
  line-height: 1.4;
}

.user-form-field-label.spam-protector {
  text-align: center;
}

body.landing-page #website_body_container .website-body,
body.landing-page .headline {
  max-width: 600px;
  padding-right: 0.83333rem;
  padding-left: 0.83333rem;
}

body.landing-page #website_body_container .website-body,
body.landing-page #website_body_container .website-body p,
body.landing-page #website_body_container .website-body h1 {
  text-align: center;
}

body.landing-page.user-site-normal-pages #website_body_container .website-body {
  max-width: 100%;
}

body.landing-page.user-site-normal-pages #website_body_container .website-body,
body.landing-page.user-site-normal-pages #website_body_container .website-body p,
body.landing-page.user-site-normal-pages #website_body_container .website-body h1 {
  text-align: left;
}

.landing-page-content-container {
  max-width: 1200px;
  margin: 0 auto;
}

.landing-page-content-container .contentbuilder-wrapper .row {
  max-width: 100%;
}

.landing-page .form-page .form,
.landing-page .form-page .headline,
.landing-page .form-page form .columns {
  padding-right: 0;
  padding-left: 0;
}

.landing-page.user-site-forms .logo-slogan,
.landing-page.user-site-forms .logo-slogan .logo,
.landing-page.user-site-forms .logo-slogan .slogan,
.landing-page .form-page,
.landing-page .form-page .form {
  text-align: center;
}

.landing-page .form-page .form.columns {
  width: 100%;
}

.landing-page .submit-form-btn,
.landing-page .global-form-container input .landing-page .global-form-container textarea,
.landing-page .global-form-container input:focus,
.landing-page .global-form-container textarea:focus,
.landing-page .content-area .global-form-container form.custom .custom,
.landing-page .content-area .global-form-container form.custom .custom,
.landing-page .content-area .global-form-container div.order-review-column .custom.dropdown,
.landing-page .content-area .global-form-container .custom.checkbox {
  margin: 0 auto;
}

.landing-page .submit-form-btn {
  width: 100%;
}

.site-option-container {
  text-align: left;
}

/* end FORM ****************************************/

/* begin BLOG **************************************/

#user_site_blogs_show .headline {
  float: none;
}

.content-area .blog {
  padding-right: 0;
}

#user_site_blogs_show .blog,
#user_site_blogs_search .blog,
#user_site_blog_posts_show .blog {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 40px;
}

@media only screen and (width <= 991px) {
  #user_site_blogs_show .blog,
  #user_site_blogs_search .blog,
  #user_site_blog_posts_show .blog {
    gap: 40px 0;
  }
}

.blog__posts,
.blog__post {
  grid-column: 1 / span 8;
}

.blog__posts .search-details {
  margin-top: 0;
}

.blog__sidebar-wrapper {
  grid-column: 9 / span 4;
}

@media only screen and (width <= 991px) {
  .blog__posts,
  .blog__post,
  .blog__sidebar-wrapper {
    grid-column: 1 / -1;
  }
}

.content-area div.columns.all-blog-posts,
.content-area .blog-page div.columns.post-content {
  padding-right: 40px;
}

.recent-posts .post-link {
  margin-bottom: 15px;
}

.subscribe-box h2 {
  margin-top: 0;
}

.widget input[type="text"],
.widget input[type="email"] {
  height: 4em;
  text-align: center;
}

.blog-search-container input::-webkit-input-placeholder,
.widget input::-webkit-input-placeholder {
  font-size: 1.3em;
  font-style: normal;
  text-align: center;
  opacity: 1;
}

.widget input:-moz-placeholder {
  font-size: 1.3em;
  font-style: normal;
  text-align: center;
  opacity: 1;
}

.subscribe-box input.submit-form-btn {
  width: 100%;
  font-size: 1.3em;
}

.blog h1 {
  text-transform: none;
}

.blog p {
  font-size: 1.2em;
  letter-spacing: 0.5px;
}

.content-area .blog div.columns.widget,
.content-area .blog-page div.columns.widget {
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  background: #f1f1f1;
}

.content-area .blog form,
.content-area .blog-page form {
  padding-left: 0;
}

.content-area .blog .blog-search-container form {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.blog-search-container form #site_search {
  margin-bottom: 0;
}

.blog .blog-sidebar {
  margin-top: 20px;
}

.blog-sidebar {
  padding-right: 0;
  padding-left: 0;
}

.blog-page .post-heading p {
  margin-bottom: 5px;
}

.blog-page nav.share {
  font-size: 1.7em;
}

.blog-page .post-social-icons,
.blog-page .post-body {
  margin-top: 20px;
}

.blog .post-lead-content p:last-child {
  margin-bottom: 0;
}

.blog .continue-reading-bar {
  margin-top: 13px;
  margin-bottom: 80px;
}

.content-area .blog .blog-post-title a {
  font-size: 1.7em;
  text-decoration: none;
}

.content-area .blog .blog-post-title a:hover {
  font-size: 1.7em;
  text-decoration: underline;
}

.content-area .blog .continue-reading-bar a.submit-form-btn {
  padding: 15px 35px;
  font-size: 1em;
}

.blog-search__button {
  height: 50px;
}

@media (width <= 960px) {
  .content-area .blog-page div.columns.post-content,
  .content-area div.columns.all-blog-posts {
    padding-right: 0;
  }
}

/* end BLOG **************************************/

/* begin SEARCH ****************************************/

#search {
  z-index: 1;
}

#search,
#search_in_page {
  display: inline;
}

#search form,
#search_in_page form {
  display: inline;
  margin-bottom: 0;
  padding-left: 0;
}

#search input[type="text"] {
  height: 35px;
}

#search input[type="text"],
#search_in_page input[type="text"] {
  display: inline;
  max-width: 90px;
  margin-top: 10px;
  color: black;
}

#search input[type="submit"] {
  padding: 10px 15px;
}

#search input[type="text"],
#search input[type="submit"],
#shopping_cart_bar_container a.submit-form-btn {
  font-size: 12.5px;
}

#search_in_page input[type="submit"] {
  padding: 12px 15px;
}

#search input[type="submit"],
#search_in_page input[type="submit"] {
  display: inline;
  border: none;
}

#search input[type="submit"],
#search_in_page input[type="submit"] {
  margin-left: 0 !important;
}

#search .vert-nav-search-bar {
  margin-bottom: 25px;
}

.top-controls {
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: center;
}

#search.search-container.site-search-avail {
  display: inline;
}

#search.search-container {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}

.search-container.site-search-avail {
  display: block;
}

.search-details {
  margin-top: 30px;
  margin-bottom: 10px;
}

.product-sizes {
  color: #686868;
  background: #eae8e9;
}

.content-area .product-sizes,
.content-area .product-form-subheading {
  line-height: 1.3em;
}

/* tablet screen */
@media only screen and (width >= 40.063em) {
  #search input[type="text"],
  #search_in_page input[type="text"] {
    max-width: 200px;
  }
}

@media only screen and (width >= 58.75em) {
  #search input[type="text"],
  #search_in_page input[type="text"] {
    margin-top: 0;
  }

  #search.search-container {
    margin-top: 0;
  }

  .search-container {
    margin-bottom: -30px;
    text-align: right;
  }

  .top-controls {
    z-index: 10000000;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
  }
}

@media only screen and (width >= 85em) {
  .jumbo .search-container {
    margin-bottom: -30px;
    text-align: right;
  }

  .jumbo .top-controls {
    margin-bottom: 0;
    text-align: right;
  }
}

/* end SEARCH ****************************************/

/* start ACCOUNT ****************************************/

#account_container {
  margin-bottom: 3px;
  font-size: 0.8em;
}

#account_container a {
  padding: 0 10px;
}

#account_container a:last-child {
  padding-right: 0;
}

#account_container,
#account_container a {
  color: #666;
  text-decoration: none;
}

#account_container a:hover {
  color: black;
  text-decoration: underline;
}

.apps .headline h1 {
  margin-bottom: 0;
}

.apps .headline {
  margin-bottom: 20px;
}

.favorite-lists {
  z-index: 100000000;
}

.favorite-lists li {
  line-height: 2em;
}

div[id*="user_site_apps_favorite_lists"] {
  float: none;
  padding-right: 0;
}

div[id*="user_site_apps_favorite_lists"] .favorite-lists__crumbtrail {
  text-align: left;
}

.favorite-lists__controls-wrapper {
  margin-top: 10px;
  margin-bottom: 30px;
}

.favorite-lists__table-wrapper {
  margin-bottom: 30px;
}

div[id*="user_site_apps_favorite_lists"] .update-favorite-list {
  padding-left: 0;
}

.update-favorite-list .switch {
  width: 25%;
  min-width: 200px;
}

.favorite-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px 10px;
  margin-bottom: 30px;
}

@media (width <= 639px) {
  .favorite-list {
    grid-template-columns: 1fr;
    gap: 30px 0;
  }
}

.favorite-list .favorite-list__item {
  margin-bottom: 0;
}

.favorite-list__item .product-outer-container {
  margin-bottom: 0;
}

.favorite-list__item.product-container .product-outer-container,
.favorite-list__item.product-container .photo-inner-container {
  display: block;
}

@media (width >= 640px) {
  .favorite-list__item.product-container .photo-inner-container {
    padding: 10px;
  }
}

.favorite-list .favorite-list__item img {
  max-width: 100%;
  max-height: 100%;
}

.favorite-list__item .product-details {
  display: flex;
  gap: 10px;
  align-items: start;
  justify-content: space-between;
  padding: 0 10px;
}

.favorite-list__item .info {
  text-align-last: left;
}

.favorite-list__item .controls {
  display: flex;
  gap: 7px;
}

/* end ACCOUNT ****************************************/

/* start ORDER HISTORY ****************************************/

.apps .crumbtrail {
  margin-bottom: 25px;
}

/* end ORDER HISTORY ****************************************/

/* start ANNOUNCEMENT BAR ****************************************/

#announcement_bar_container {
  left: 0;
  z-index: 10000001;
  max-width: 100%;
}

#announcement_bar_container p {
  margin-bottom: 0;
  color: #fff;
  font-size: 0.8em;
}

#announcement_bar_container {
  display: none;
  width: 100%;
  padding: 8px 20px;
  text-align: center;
  background: red;
  border-bottom: 2px solid #999;
}

#announcement_bar_container a {
  color: #fff;
  text-decoration: underline;
}

.asf-screen-medium #announcement_bar_container.fixed,
.asf-screen-small #announcement_bar_container.fixed {
  margin-top: 45px;
}

@media only screen and (width >= 58.75em) {
  #announcement_bar_container {
    position: fixed;
    z-index: 100000001;
    font-size: 1.2em;
  }

  #announcement_bar_container.not-fixed {
    position: inherit;
    z-index: 100000001;
    font-size: 1.2em;
  }

  .asf-screen-medium #announcement_bar_container.fixed,
  .asf-screen-small #announcement_bar_container.fixed {
    margin-top: 0;
  }
}

/* end ANNOUNCEMENT BAR ****************************************/

/* begin SHAREABLE GEM SOCIAL BUTTONS ****************************************/

nav.share { display: inline-block; } /* shareable's nav tag */
nav.share div { float: left; margin-right: 5px; }
nav.share iframe { margin-top: 0; padding-top: 0; border: 0; } /* if using medium sized buttons */
#___plusone_0 { font-size: default !important; }
.fb_iframe_widget span { vertical-align: top; }
.fb_edge_widget_with_comment { vertical-align: top; }
.fb-like { display: inline-block; }
* html .fb-like { display: inline; }/* ie6 inline block fix */
* + html .fb-like { display: inline; }/* ie7 inline block fix */

/* end SHAREABLE GEM SOCIAL BUTTONS ****************************************/

/* begin FOUNDATION overrides *********************/

@media only screen {
  .column,
  [class*="column"] + [class*="column"]:last-child {
    float: left;
  }

  .f-dropdown.large {
    width: 700px;
  }
}

.create-account-button {
  width: 100%;
  padding: 20px;
  font-size: 1em;
  background: #ff6000;
}

.create-user-button {
  width: 100%;
}

/* end FOUNDATION overrides ***********************/

/* Footer v2 */

/* Only for desktop */
@media only screen and (width >= 46.0625em) {
  .footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper .news-subscription-column {
    width: 20%;
  }

  .footer-v2-wrapper .referral-footer-wrapper {
    position: relative;
  }

  .footer-v2-wrapper .referral-footer-wrapper a {
    position: absolute;
    top: 10px;
  }

  .footer-v2-wrapper {
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .footer-v2-wrapper .column {
    text-align: initial;
  }

  .footer-v2-columns-wrapper {
    max-width: 1275px;
    margin-left: -5px;
  }

  #referral-link-component-mobile {
    display: none;
  }

  .footer-v2-wrapper #referral-link-wrapper {
    display: inline-flex;
  }

  .footer-v2-wrapper #referral-link-wrapper img {
    margin-right: 10px;
  }

  #referral-link-wrapper > p {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/* Only for mobile devices */
@media only screen and (width <= 46.0625em) {
  .footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper p.column-title {
    text-align: center;
  }

  #referral-link-component {
    display: none;
  }

  #referral-link-component-mobile {
    margin-bottom: 30px;
  }

  .footer-v2 .column.full {
    padding-bottom: 0;
  }

  .footer-v2-wrapper #referral-link-wrapper {
    display: block;
  }

  .footer-v2-wrapper #referral-link-wrapper img {
    padding-bottom: 5px;
  }

  p.news-subscription-description {
    text-align: center;
  }
}

/* Shared styles */
#referral-link-container {
  padding: 25px 50px 70px;
  text-align: center;
}

#referral-link-container p {
  padding-top: 10px;
  font-weight: normal;
  font-size: 14px;
}

#referral-link-container #referral-link-wrapper {
  display: inline-block;
  margin: 0 auto;
}

#referral-link-container img {
  width: 50px;
}

body.light #referral-link-container a:hover p {
  color: black;
}

body.dark #referral-link-container a:hover p {
  color: white;
}

.footer-v2-wrapper #referral-link-wrapper {
  align-items: center;
  min-width: max-content;
}

#footer-v2-website-info p {
  line-height: 32px;
}

.footer-v2-wrapper #referral-link-wrapper img {
  width: 30px;
}

.footer-v2-wrapper .referral-footer-wrapper a:hover p {
  color: #ccc;
}

.footer-v2 {
  padding: 0;
  background-color: #000;
}

.footer-v2.footer-outer.columns {
  padding: 0;
}

#footer.footer-v2 .contentbuilder-wrapper > .columns.large-12 {
  padding-right: 0;
}

#footer.footer-v2 .columns {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: inherit;
}

#footer.footer-v2 .footer {
  margin-top: 0;
}

#footer.footer-v2.footer-outer.columns {
  overflow: hidden;
}

.footer-v2-wrapper {
  display: flow-root;
  padding: 60px 0 72px;
  letter-spacing: 1px;
}

.cell-active .footer-v2-wrapper.elm-active {
  background: black;
}

.footer-v2-wrapper li:empty {
  display: none;
}

.footer-v2-dynamic-link:empty {
  display: none;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper p,
.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper a,
.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper li {
  margin: 0;
  color: white;
  font-weight: normal;
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
}

.contentbuilder-wrapper input.news-subscription-email {
  height: 40px;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper img.logo {
  max-width: 100px;
  max-height: 50px;
  margin: 0;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper .column {
  margin-right: 3%;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper p.column-title {
  padding-bottom: 22px;
  color: #757575;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper li {
  padding-bottom: 14px;
  line-height: initial;
  list-style: none;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper button.submit-news-subscription {
  width: 100%;
  color: black;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  background: white;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper input.news-subscription-email {
  margin: 0;
  color: #666;
  font-weight: normal;
  font-size: 13px;
  font-style: normal;
  line-height: 13px;
  background: black;
  border: 1px solid #353535;
}

#user_website .footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper input.news-subscription-email:focus {
  color: white;
  background: black;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper input.news-subscription-email::-webkit-input-placeholder {
  opacity: 1;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper input.news-subscription-email::-moz-placeholder {
  color: #666 !important;
  opacity: 1;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper input.news-subscription-email:-moz-placeholder {
  color: #666 !important;
  opacity: 1;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper p.news-subscription-description {
  font-size: 11px;
}

.footer-area-inner .contentbuilder-wrapper .footer-v2-wrapper .news-subscription-column {
  margin-right: 0;
}

/* End of Footer v2 */

#footer .footer-area-inner::after {
  display: table;
  clear: both;
  content: "";
}

#social_media_bar.social-links-bar,
.theme-version-one #social_media_bar.social-links-bar,
.theme-version-two #social_media_bar.social-links-bar {
  margin-top: 20px;
  text-align: center;
}

@media only screen and (width >= 60.063em) {
  .theme-version-three .product-photos {
    width: 58.33333%;
    margin-right: 0;
    padding-right: 52px !important;
  }

  .theme-version-three .art-store {
    min-width: auto;
  }

  .theme-version-three #product_form_container {
    width: 41.66667%;
  }

  .theme-version-three .medium-partial {
    width: auto;
  }
}

@media only screen and (width >= 58.75em) and (width <= 60.0629em) {
  .theme-version-three .product-photos {
    width: 100%;
    margin-right: 0;
  }

  .theme-version-three #product_form_container {
    width: 100%;
  }

  .theme-version-three .medium-partial {
    width: auto;
  }

  .theme-version-three .art-store {
    min-width: auto;
  }
}

.art-store-tab-content-area.disabled::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: white;
  opacity: 0.5;
  content: "";
}

#success_based_order_link {
  color: blue;
  font-weight: bold;
}

.content-area .global-form-details.new-customer a.submit-form-btn {
  display: inherit;
  text-align: center;
}

#user_site_apps_password_resets_new .submit-form-btn,
#user_site_apps_users_new [action="/apps/users"] .submit-form-btn,
#address_select_new_address #create_new_address,
form.edit_user .submit-form-btn {
  width: 100%;
  margin-left: 0 !important;
}

#user_site_apps_sessions_new [action="/apps/sessions"] .submit-form-btn {
  width: 100%;
}

#user_site_apps_password_resets_new form {
  padding-left: 0;
}

.content-area a.submit-form-btn#create_an_account_without_current_cart {
  display: inherit;
  padding: 25px;
  text-align: center;
}

.content-area div.columns.global-form-details a.submit-form-btn {
  padding-top: 12px;
}

/* Photo Gallery Page with alboms */
.album-spread,
.photo-gallery-container {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  padding-right: 0;
}

@media only screen and (width >= 58.75em) {
  .album-spread,
  .photo-gallery-container {
    width: calc(100% + 15px);
    margin-right: -15px;
  }
}

.album-spread .photo-outer-container,
.photo-gallery-container .photo-outer-container {
  display: block;
  height: 100%;
  max-height: 100%;
  padding-right: 0;
}

@media only screen and (width >= 58.75em) {
  .album-spread .photo-outer-container,
  .photo-gallery-container .photo-outer-container {
    padding-right: 15px;
  }
}

.photo-gallery-container .album {
  height: 100%;
}

.album-spread .photo-outer-container,
.photo-gallery-container .photo-outer-container {
  max-height: auto;
}

@media only screen and (width >= 58.75em) {
  .album-spread .photo-outer-container,
  .photo-gallery-container .photo-outer-container {
    display: flex;
    flex-direction: column;
  }

  .album-spread .product-container.two-columns .photo-outer-container,
  .photo-gallery-container .product-container.two-columns .photo-outer-container {
    max-height: 400px;
  }

  .album-spread .product-container.three-columns .photo-outer-container,
  .photo-gallery-container .product-container.three-columns .photo-outer-container {
    max-height: 350px;
  }

  .album-spread .product-container.four-columns .photo-outer-container,
  .photo-gallery-container .product-container.four-columns .photo-outer-container {
    max-height: 300px;
  }
}

.album-spread .product-container.two-columns .photo-inner-container,
.photo-gallery-container .product-container.two-columns .photo-inner-container {
  width: 100%;
}

.album-spread .photo-inner-container a:first-of-type,
.photo-gallery-container .photo-inner-container a:first-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.album-spread .photo-inner-container,
.photo-gallery-container .photo-inner-container {
  height: auto;
}

@media only screen and (width >= 58.75em) {
  .album-spread .photo-inner-container,
  .photo-gallery-container .photo-inner-container {
    height: 100%;
  }
}

.album-spread .photo-inner-container img,
.photo-gallery-container .photo-inner-container img {
  max-width: 100%;
  max-height: 100%;
}

.album-spread .album-title,
.photo-gallery-container .album-title {
  position: relative;
  max-width: calc(100% - 20px);
  margin-right: auto;
  margin-left: auto;
}

body[class*="frontend-dev-"] > *:not(.body-container, #view_site_controls) {
  display: none;
}

.content-area .global-form-container form.custom.lined-up .custom.checkbox {
  height: 16px;
  margin-bottom: 0;
}

form.custom.lined-up .custom.checkbox.checked::before {
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container:not(.maximized) {
  width: 100% !important;
  padding-right: 0;
}

@media (width >= 680px) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container:not(.maximized) {
    width: 50% !important;
  }
}

@media only screen and (width >= 58.75em) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container:not(.maximized) {
    width: calc((100% - 40px * 3) / 4) !important;
  }
}

#user_site_stores_art_upload_stores_show .multiple-at-once .mass-apply-controls-global .broader-options .option,
#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container .broader-options .option {
  margin-right: 0;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .art-preview {
  text-align: left;
}

@media only screen and (width <= 960px) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container.maximized .art-preview {
    margin-bottom: 30px;
    text-align: center;
  }
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container .art-preview,
#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container .product-order-form {
  padding-right: 0;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container:not(.maximized) .art-preview {
  width: 100%;
}

@media only screen and (width >= 60.063em) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container.maximized .product-order-form {
    padding-left: 20px;
  }
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-outer-container {
  display: inline-block;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form-container .product-outer-container {
  height: auto;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .photo-inner-container {
  padding: 0 0 10px;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .photo-inner-container img {
  max-width: 100%;
  max-height: initial;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .art-preview .album-title,
#user_site_stores_art_upload_stores_show .one-at-a-time .art-preview .album-title {
  flex-wrap: nowrap;
  gap: 20px;
  height: auto;
  padding-top: 0;
  overflow: initial;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .art-preview .title-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-builder-tabs {
  margin-left: 0;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form section > .content {
  padding: 0.9375em 0;
}

.dark #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form section > .content {
  padding: 0.9375em;
}

@media only screen and (width <= 960px) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form .left-options {
    padding-right: 0;
    border-right: none;
  }
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form .pagination-wrapper {
  margin-top: 20px;
  padding-right: 0;
}

#user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form .pagination {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

@media only screen and (width <= 960px) {
  #user_site_stores_art_upload_stores_show .multiple-at-once .product-order-form .right-options {
    margin-top: 20px;
  }
}

.product-search-by-user_show {
  display: block;
}

.product-search-by-user_hide {
  display: none;
}

#user_site_stores_art_upload_stores_show .one-at-a-time .upload-products-wrapper {
  margin-bottom: 30px;
}

.theme-version-one button:disabled,
.theme-version-two button:disabled {
  position: static;
  background-color: #000;
  border-color: #000;
}

button:disabled {
  pointer-events: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0 solid;
  clip: rect(0, 0, 0, 0);
}

button.close-reveal-modal {
  color: #000;
  background-color: inherit;
  box-shadow: none;
}

button.close-reveal-modal:hover {
  color: #000;
  background-color: inherit;
  box-shadow: none;
}

.shopping-cart .checkout-source-local .order-product-name-wrapper,
.shopping-cart .has-line-items .order-product-name-wrapper,
.order-receipt .checkout-source-local .order-product-name-wrapper {
  word-break: break-word;
}

#user_website .fancybox-wrap .fancybox-title {
  word-break: break-word;
}

.credit-card-input::placeholder {
  opacity: 1;
}

/* stylelint-enable max-line-length, no-duplicate-selectors */