<>
#overlay img {
cursor:pointer;
margin:0 5px;
background-color:#eee;
border:1px solid #ccc;
padding:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
div.overlay {
width:100%;
display:none;
}
div.overlay div.close {
background-image:url(https://siteimages.s3.amazonaws.com/close-2.png) no-repeat;
position:relative;
cursor:pointer;
height:14px;
width:143px;
}
>
<>
.secondaryLeft1ColumnBg.secondaryRight1ColumnBg.secondaryLeft1ColumnWidth.secondaryRight1ColumnWidth {
width:0px;
display:none;
}
.secondaryMain1ColumnWidth {
width:100%;
}
.cItemDivContainer.cCategoryDivContainer{
float: left;
padding: 0px !important;
}
.cItemDiv.cCategoryDiv {
position: relative;
width: 260px;
height: 315px;
margin: 8px;
border: 1px solid #e8e8e8;
border-radius: 4px;
overflow:hidden;
cursor: pointer;
transition-duration: 0.3s;
}
.cItemDiv:hover.cCategoryDiv:hover {
border-color: #999;
transition-duration: 0.3s;
transform: scale(1.04);
}
.cItemDiv:hover .cItemTitle.cItemDiv:hover .cItemPrice.cCategoryDiv:hover .cCategoryTitle {
color:#fff;
transition-duration: 0.3s;
}
.cItemDiv:hover .cItemBtn{
opacity: 1;
transition-duration: 0.3s;
}
.cItemDiv:hover img.cCategoryDiv:hover img {
transform: scale(1.2);
transition-duration: 0.3s;
}
.cItemDiv:hover .cItemTitleDiv.cCategoryDiv:hover .cItemTitleDiv {
background: #bbb;
}
.cItemBtn {
opacity: 0;
z-index: 500;
transition-duration: 0.3s;
position: absolute;
top: 0px;
left: 0px;
background-color: #0AE261;
border: 1px solid #0AE261;
color: #fff;
font-size: 16px;
font-weight: normal;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
text-decoration: none;
width: 260px;
height: 38px;
cursor: pointer;
}
.cItemImageDiv {
height: 258px;
width: 258px;
white-space: nowrap;
background: #fff;
position: relative;
overflow:hidden;
transition-duration: 0.3s;
}
.cItemImage {
max-width: 250px;
max-height: 250px;
margin: 4px;
border: 0px;
vertical-align: middle;
transition-duration: 0.3s;
}
.cItemImageHelper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.cItemTitleDiv {
position: absolute;
bottom: 0px;
width: 100%;
background: #f6f6f6;
font-size: 14px;
transition-duration: 0.3s;
}
.cItemTitle {
color: #666;
margin: 5px;
margin-bottom: 0px;
}
.cCategoryTitle {
color: #666;
font-weight:bold;
margin: 15px 5px 15px 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cItemPrice {
color: #666;
margin: 5px;
}><>
.cItemsContainer {
display: flex;
flex-wrap: wrap;
}
.cItemDivContainer {
margin-bottom: 30px;
}
.cCategoryDiv .cItemTitleDiv {
background: #f6f6f6;
}
.cItemDiv {
height: 100%;
width: unset;
}
.cItemDiv:hover {
border-color: #eaeaea;
box-shadow: #00000014 0 0 8px;
}
/* .cItemDiv:after {
position: absolute;
content: '';
height: 0;
width: 100%;
bottom: 0;
right: 0;
left: 0;
background-color: #aaa;
transition: .3s ease all;
}
.cItemDiv:hover:after {
height: 3px;
} */
.cItemTitleDiv {
text-align: left;
padding: 5px;
background: #fff;
/* border-top: 1px solid #eaeaea; */
}
.cItemDiv .cItemTitleDiv {
position: relative;
bottom: unset;
margin-bottom: -15px;
height: 100%;
padding: 10px 10px 5px;
}
.cItemDiv:hover .cItemTitleDiv {
background-color: #fff;
}
.cItemDiv .cItemTitleDiv:before {
position: absolute;
content: '';
height: 1px;
width: 90%;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
background-color: #eaeaea;
}
.cItemTitle {
margin: 0 5px;
color: #333;
font-size: 14px;
font-weight: 600;
line-height: 18px;
}
.cItemDiv:hover .cItemTitle {
color: #333;
}
.cItemPrice {
margin-top: 2px;
font-size: 20px;
font-weight: 700;
color: #777;
}
.cItemDiv:hover .cItemPrice {
color: #777;
}
.cItemPrice s {
font-size: 16px;
color: #777;
}
.cItemType {
margin: 5px 5px 0;
color: #999;
font-size: 12px;
font-weight: 600;
transition-duration: 0.35s;
}
.cItemDiv:hover .cItemType {
/* color: #fff; */
}
.cItemDiv .cItemImageDiv {
width: unset;
height: 230px;
padding: 5px;
}
.cItemDiv .cItemImage {
width: auto;
max-height: 100%;
margin: 0;
}
.cItemDiv:hover {
}
.cItemDiv:hover img {
transform: unset;
transition-duration: unset;
}
.cItemDiv:hover .cItemPrice span,
.cItemDiv:hover .cItemPrice s {
/* color: #fff !important; */
}
.overflow-facets {
max-height: calc(100vh - 70px);
overflow-y: auto;
}
.filter-pills-wrapper {
display: flex;
justify-content: flex-start;
gap: 4px;
flex-wrap: wrap;
padding: 0 8px;
width: 100%;
}
.filter-pill-item {
position: relative;
margin-bottom: 4px;
border: 1px solid #e1e1e1;
border-radius: 20px;
cursor: default;
display: inline-block;
max-width: 320px;
opacity: 1;
transition: opacity 0.3s ease;
background: #fff;
}
.filter-pill-item.hidden {
display: none;
}
.remove-item-btn {
padding: 0 2px;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
border: none;
background: transparent;
&:hover {
opacity: 0.5;
}
}
.filter-pill-label {
padding: 8px 24px 8px 8px;
}
.see-more-text {
background-color: transparent;
border: none;
cursor: pointer;
display: none;
font-size: 14px;
text-align: center;
text-decoration: underline;
padding-left: 8px;
}
.filter-pills-wrapper.show-more .see-more-text {
display: inline-block;
}
>
< type="text/css">
.align-right {
display: flex;
justify-content: flex-end;
}
.align-center {
display: flex;
align-items: center;
}
.align-center-between {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.no-left-padding {
padding-left: 0;
}
.flex-column {
display: flex;
flex-direction: column;
gap: 4px;
}
}
@media (max-width: 768px) {
.flex-column {
display: table-row;
}
}
>
Fabrics
See More
|
Showing 1 - 30
of results
|
Sort By:
|




































































