@charset "UTF-8";

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#stickWrap {
  overflow: hidden;
  width: 100%;
}

.stick {
  overflow: auto;
  width: 90%;
  padding: 0 5%;
  background-color: #eff3f9;
}

.stick ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.stick li {
  padding-right: 5%;
}

.stick a {
  font-size: 1.65rem;
  font-weight: 500;
  color: #757575;
  text-decoration: none;
  white-space: nowrap;
}

.stick a:hover {
  color: #be4e2b;
}

.in-page-link {
  display: inline-block;
  scroll-snap-margin-top: 115px;
  scroll-margin-top: 115px;
}

.stuck {
  scroll-snap-margin-top: 73px;
  scroll-margin-top: 73px;
}

.product-photo-section {
  padding-bottom: 20px;
}

@media all and (max-width: 700px) {
  .product-photo-section {
    padding-bottom: 0;
  }
}

.product-photo-section header {
  position: static;
  background: #fff;
  width: 100%;
  padding: 0;
  margin: 85px 0 30px 0;
}

.product-photo-section header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(30%, #fff), color-stop(70%, #fff), to(#eff3f9));
  background: -o-linear-gradient(bottom, #fff 0%, #fff 30%, #fff 70%, #eff3f9 100%);
  background: linear-gradient(0deg, #fff 0%, #fff 30%, #fff 70%, #eff3f9 100%);
  width: 90%;
  padding: 0 5%;
}

@media all and (max-width: 700px) {
  .product-photo-section header div {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    padding: 0;
  }
}

.product-photo-section h2 {
  font-size: 3rem;
  margin-left: 20px;
}

@media all and (max-width: 700px) {
  .product-photo-section h2 {
    margin: 10px 3%;
  }
}

.product-photo-section header img {
  max-width: 450px;
  width: 100%;
  height: auto;
}

@media all and (max-width: 700px) {
  .product-photo-section header img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.member-page-photo-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  width: 93%;
  margin: auto;
  list-style: none;
  margin-top: 50px;
}

.member-page-photo-gallery img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.member-page-photo-gallery li {
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
  margin: 0 1.5% 50px 1.5%;
}

@media all and (max-width: 2400px) {
  .member-page-photo-gallery li {
    -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
  }
}

@media all and (max-width: 1400px) {
  .member-page-photo-gallery li {
    -ms-flex-preferred-size: 30.33%;
        flex-basis: 30.33%;
  }
}

@media all and (max-width: 1160px) {
  .member-page-photo-gallery li {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
}

@media all and (max-width: 700px) {
  .member-page-photo-gallery li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media all and (max-width: 580px) {
  .member-page-photo-gallery li {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
}

.member-page-photo-gallery h3, .luxhome-seating .member-page-photo-gallery h5 {
  font-size: 2rem;
  margin: 5px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eff3f9;
  width: 100%;
  max-width: 100%;
}

.member-page-photo-gallery h4, .luxhome-seating .member-page-photo-gallery h6 {
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
  font-style: normal;
}

.member-page-photo-gallery h5 {
  font-size: 1.1rem;
  margin: 5px 0 0 0;
}

.product-info ul {
  font-size: 1rem;
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}

.product-info li {
  margin: 5px 0;
}

.product-info p {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 1rem;
}

.sticky {
  position: fixed;
  z-index: 2;
  top: 0;
}

.note {
  font-style: italic;
}