.collection #collection { display: block }
#collection {
  display: none;
  text-align: center;
}
#collection .item {
  text-align: center;
  display: inline-block;
  max-width: 49vw;
}
#collection .item img {
  width: 49vw;
  height: 63vw;
}
#collection.gray {
  background: rgba(245,245,245,1.0);
}

#collection.single .item {
  max-width: 98vw;
}
#collection.single .item img {
  width: 98vw;
  height: 126vw;
}

#collection .item .product-title {
  padding-bottom: 18px;
  display: inline-block;
}

.product #product { display: block }
#product {
  display: none;
}
#product .style {
  text-transform: uppercase;
    box-sizing:border-box
}

#product.loading #gallery,
#product.loading .content {
  display: none;
}
#product.loading .loader {
  display: block;
}

.gallery {
  width: 100vw;
  height: 52vh;
}
.gallery.gray {
  background: rgba(245,245,245,1.0);
}

.gallery .item {
  display: block;
  width: 100vw;
  height: 52vh;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.gallery .item iframe {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}

.search #search { display: block }
#search {
  display: none;
}

.closed #closed { display: block }
#closed {
  display: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
  transition: background 0.5s ease-in;
}
#closed .closed_store_msg {
  position: absolute;
  bottom: 20vh;
  background: rgba(255,255,255,0.9);
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
}
#closed .closed_target {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

.product .content {
  box-sizing:border-box;
  width:calc(100vw - 50px);
  position:relative;
  margin:0 auto 40px;
  padding:0;
}

.product .product-header {
  font-size: 1rem;
  margin:18px 0 0;
  max-width:60%;
  position:relative;
  font-weight:bold;
}
.product .product-header.wide {
  max-width:100%;
}

.product-group {
  margin-top: 28px;
  margin-bottom: 18px;
  font-weight: bold;
  text-align: center;
  font-size: 1.063rem;
}
.product-group:first-child {
  margin-top: 0;
}

/*
#product::before {
  content:'';
  width:100%;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  height:40px;
  z-index:2;
  position:absolute;
  bottom:0px;
  left:0
}
*/
.product .style {
  padding: 0;
  border:1px solid black;
  float:left
}

.product .share {
  float:right;
  padding: 0 12px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid black;
}

.product .type {
  display:table-cell;
  font-size: 1rem;
}

.product .size-color {
  display: flex;
  flex-direction: row;
}
.product .size-color > div {
  position: relative;
  box-sizing: border-box;
  height: 48px;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product .size-color > div > div.label {
  padding: 0 12px;
  max-width: 6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product .size-color div.size {
  border-right: 1px solid #444;
}
.product .size-color > div > select {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0;
}

.product .price {
  display:table-cell;
  font-size: 1rem;
  text-align:right;
  vertical-align:bottom;
}

.product .price, .product .type {
  font-weight:bold;
  margin:0;
  padding: 0 0 7px;
}

.type-price {
  display:table;
  position:relative;
  width:100%
}

.style-share {
  letter-spacing:0.5px;
  font-size: 1rem;
}

.size-color {
  position:relative;
  font-size: 1rem;
}

.type-price, .style-share {
  clear:both;
  position:relative;
  box-sizing:border-box
}


/*.size::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: calc(100% + 4px);
  transform: translateY(-2px);
  position: absolute;
  top: 0;
  right:5px;
  background: #999;
}
*/

.product .fit,
.product .notAvailableInCanada {
  clear:both;
  font-size: 0.563rem;
  letter-spacing:0.5px;
  text-decoration:underline;
  text-transform:uppercase;
  padding:12px 0 0;
}
.product .extraMessage {
  clear:both;
  font-size: 0.563rem;
  letter-spacing:0.5px;
  text-transform:uppercase;
  padding:12px 0 0;
}
.product .fitHeader {
  clear:both;
  font-size: 0.563rem;
  letter-spacing:0.5px;
  text-decoration: none;
  text-transform:uppercase;
  padding: 12px 0 0;
}

#product .gallery-prev,
#product .gallery-next {
  top: 26vh;
}

#product .content .body {
  letter-spacing:0.35px;
  font-size: 1rem;
  line-height: 1.4em;
  box-sizing:border-box;
  margin:0px auto 20px;
  clear:both;
  padding:13px 0;
}

#collection .content {
  position:relative;
  padding-top:45px;
  padding-bottom:45px;
}

#collection h1 {
  background-color: white;
}

#collection h1.multi-dept {
  background-image: url(../img/angle-down.png);
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}

#selector {
  z-index:9
}

.red {
  color: red;
}