@charset "utf-8";

#collection-description { left: 0px; right: 0px; padding: 30px; background-color: rgb(246, 246, 246); margin: 1.3%; }

#collection-description p { line-height: 24px; }

.collection-banner img { width: 100%; object-fit: cover; height: 400px; }

.collection-banner { height: 400px; position: relative; overflow: hidden; }

@media screen and (max-width: 740px) {
  .collection-banner, .collection-banner img { height: auto; }
}

div#collection-description { padding-bottom: 10px; }

.ci { text-align: center; position: relative; }

.collection-title { border-bottom: 2px solid rgb(229, 229, 229); text-align: center; }

#collection-description h1 { text-align: center; margin-bottom: 10px; }

#collection-description .rte { border-top: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px; }

.product-quick-view .product-description { padding-bottom: 15px; padding-left: 20px; }

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

.product-details .onsale { color: rgb(244, 107, 107); display: inline; }

.product-details h4 { color: rgb(0, 0, 0); margin-bottom: 10px; letter-spacing: initial; font-weight: 500; font-size: 14px; border-bottom: 3px solid rgb(200, 168, 141); display: inline-block; padding-bottom: 5px; }

.price { color: rgb(0, 0, 0); margin-bottom: 3px; letter-spacing: initial; font-size: 10.5px; font-family: Graphik, sans-serif; }

.compare-price, .product-compare-price, .was, .was-listing { text-decoration: line-through; }

.was, .was-listing { display: inline-block; margin-left: 5px; }

.onsale { color: rgb(244, 107, 107); }

.new { z-index: 5; background-image: url("//www.getcasely.com/cdn/shop/files/new_arrival_200x.png?v=1668198560"); color: transparent; background-size: contain; }

.new-lazy { z-index: 5; color: transparent; background-size: contain; }

.so { z-index: 6; background-image: url("//www.getcasely.com/cdn/shop/files/out_of_stock_200x.png?v=1668198350"); color: transparent; background-size: contain; line-height: 1.4em; padding-top: 9px; }

.product-quick-view { max-height: 760px; overflow-x: hidden !important; width: 900px !important; }

.product-quick-view div#content { margin-top: 0px; margin-bottom: 0px; }

.thumbnail-slider .la-angle-down::before, .thumbnail-slider .la-angle-up::before { font-size: 20px; }

.product-quick-view .product-page, .product-quick-view .product-page #content .section-title { margin-top: 0px !important; }

.product-details .add, .product-details a.button { max-width: 150px; margin-top: 10px; float: none; display: inline-block !important; }

.size-swatch { padding: 10px 0px 5px; }

.size-swatch ul { margin-bottom: 0px; }

.size-swatch ul li { display: inline-block; vertical-align: middle; margin: 0px 2px 5px; }

.row { justify-content: center; display: flex; flex: 0 1 auto; flex-flow: wrap; }

.col--center { justify-content: center; text-align: center; }

@media (max-width: 863px) {
  .page-width { padding: 0px 20px; }
}

@media (min-width: 864px) {
  .col--end { justify-content: flex-end; text-align: end; }
}

.add-form { text-align: center; padding: 0px 10px 10px; transition: opacity 0.25s; }

.add-button:disabled { opacity: 0.3 !important; }

ul.options li { font-family: dia; border-radius: 40px; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); margin-bottom: 5px; cursor: pointer; position: relative; min-width: 90px; line-height: 32px; padding: 2px; font-size: 13px; font-weight: 500; text-align: center; white-space: nowrap; text-transform: uppercase; letter-spacing: -0.25px; height: 36px; overflow: hidden; }

.add-button { width: 100%; margin: 0px auto 10px; background: var(--blueberry) !important; }

ul.options li.selected { border: 1px solid rgb(34, 34, 34); background: rgb(255, 255, 255); color: rgb(34, 34, 34); font-weight: 500; }

ul.options li:not(.selected):hover { background-color: rgb(238, 238, 238) !important; }

@media screen and (min-width: 980px) {
  div#collection .ci { height: calc(-10px + 22.9167vw); width: calc(-10px + 22.9167vw); }
}

@media screen and (min-width: 741px) and (max-width: 979px) {
  div#collection .ci { height: 43.6vw; width: 43.6vw; }
}

div#collection .ci { margin: 0px auto; height: 100% !important; width: 100% !important; }

.product-block .ci a { border: 1px solid rgb(204, 204, 204); display: block; border-radius: 30px; margin-bottom: 16px; }

.collection-carousel .slick-slide { padding: 0px 25px !important; }

.true-form { padding: 0px 10px; border-radius: 10px; margin-top: 5px; margin-bottom: 5px; }

@media (max-width: 980px) {
  .true-form { background-color: rgba(220, 231, 255, 0.3); }
  h5.select-h5 { margin: 5px auto; color: var(--grey); visibility: visible !important; font-size: 11px !important; }
}

.true-form:active, .true-form:hover { background-color: rgba(220, 231, 255, 0.3); }

.true-form h5.select-h5 { visibility: hidden; margin: 5px auto; }

.true-form:active h5.select-h5, .true-form:hover h5.select-h5 { visibility: visible; }

div.select label, div.select label::before, h5.select-h5 { font-family: graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif; letter-spacing: normal; font-weight: 300; font-size: 12px; }

.shifter-enabled .shifter-page, .page-wrap { overflow: unset !important; }