/* Style 1 START */
.saleIndicator {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #263238;
    transition: all 0.3s;
    z-index: 10;
    visibility: visible;
    cursor: pointer;
    top: 5px;
    left: 5px;
}
.saleIndicator span.forSaleText {
    font-family: 'Sorts Mill Goudy', 'Lato';
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #eaeaea;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.grid .column .itemSpacer:hover .saleIndicator {
    opacity: 0;
    visibility: hidden;
}
/* Style 1 END */

a {
    cursor: pointer;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: 100%;
}
/* SIMPLE GRID */
.grid .column {
    padding: 3px; /* Spacing between items OUTSIDE */
}
.grid .column .itemSpacer {
    transition: all 0.3s;
    position: relative;
    top: 0px;
}
.grid .column .itemSpacer:hover .imgContainer .imgSrc {
    opacity: 0.6;
}

/* Item image */
.grid .imgContainer {
    position: relative;
    width: 100%;
}
.grid .imgContainer .imgSrc {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    transition: all 0.8s;
}
.grid .imgContainer .imgSrc img {
    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
/* On add to cart */

/* Buy shopButtons on hover */
/* if hoverBtnShow = 1 */
.grid .imgContainer:hover .shopButtons {
    opacity: 1!important;
    height: 34px;
}
.grid .itemSpacer .shopButtons {
    position: absolute;
    text-align: center;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 1;
    white-space: nowrap;
    transition: all 0.3s;
    height: 0px;
    overflow: hidden;
}
.grid .itemSpacer .quickshop {
    border-radius: 0px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 34px;
    width: 40%; 
    border: 0px solid;
    border-color: #000000;
    transition: all 0.3s;
}
.grid .itemSpacer .buynow,
.grid .itemSpacer .outOfStock {
    border-radius: 0px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 34px;
    width: 60%; 
    border: 0px solid;
    border-color: #000000;
    transition: all 0.3s;
}
.grid .itemSpacer .buynow.fullwidth,
.grid .itemSpacer .outOfStock.fullwidth {
    width: 100%;
}

/* Item information */
.grid .infoContainer {
    height: auto;
    white-space: nowrap;
    overflow: hidden; 
}
.grid .infoContainer a.itemName {
    -webkit-font-smoothing: subpixel-antialiased!important;
    display: block;
    position: relative;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
}
.grid .infoContainer a.itemNo {
    -webkit-font-smoothing: subpixel-antialiased!important;
    display: block;
    position: relative;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    font-family: 'Sorts Mill Goudy', 'Lato'; /* priceFont */
    font-size: 14px; /* priceSize + priceUnit */
    color: #212121!important; /* priceColor */
    font-weight: 300!important; /* priceWeight */
    text-transform: none; /* priceTransform */
    transition: all 0.3s;
}
.grid .infoContainer a.itemInfo {
    -webkit-font-smoothing: subpixel-antialiased!important;
    bottom: 20px;
    display: block;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
}
.grid .infoContainer a:hover {
    text-decoration: none;
}
.grid .infoContainer a.itemInfo .strike {
    text-decoration: line-through;
}
.grid .infoContainer a.itemInfo .sale {
    color: #d32f2f;
    font-weight: bold;
}
.grid .infoContainer a.itemInfo span.line-trough {
    text-decoration: line-through;
    color: #37474f;
}
.grid .infoContainer a.itemInfo.sale {
    color: #f44336; /* Red 500 */
}
/* SIMPLE GRID */


/* DYNAMIC */
/* SIMPLE GRID */
#productGrid .grid .column {
    padding: 2px!important; /* spacingOutside */
}
#productGrid .grid .column .itemSpacer {
    border: 1px solid transparent;
    background: ; /* bg1 */
    box-shadow: 0px 0px 10px rgba(0,0,0,0.0); /* shadow = 0 */
    border-radius: 0; /* borderRadius = 0 */
    padding: 10px; /* spacingInside */
}
/* Hover effect */
#productGrid .grid .column .itemSpacer:hover {
    border: 1px solid #f7f7f7;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3); /* shadowHover = 1 */
    background: #ffffff; /* bg2 */
}
/* Item image */
#productGrid .grid .imgContainer {
    padding-bottom: 133.33%; /* ImgSize DATA Adjust height 100% = 1/1, 4/3 = 133,33%, 150% 3/2 */
}
#productGrid .grid .imgContainer .imgSrc img {
    border-radius: 0; /* borderRadius = 0 */
}


#productGrid .grid .itemSpacer .quickshop {
    background-color: #ffffff; /* quickshopBg1 */
    color: #212121; /* quickshopColor1 */
    font-weight: 400; /* btnWeight */
    font-family: 'Sorts Mill Goudy', 'Lato'; /* btnFont */
    font-size: 12px; /* btnSize + btnUnit */
}
#productGrid .grid .itemSpacer .quickshop:hover {
    color: #000000; /* quickshopColor2 */
    background-color: #ffffff; /* quickshopBg2 */
}
#productGrid .grid .itemSpacer .buynow,
#productGrid .grid .itemSpacer .outOfStock {
    /* DATA */
    background-color: #212121; /* buyBg1 */
    color: #ffffff; /* buyColor1 */
    font-weight: 400; /* btnWeight */
    font-family: 'Sorts Mill Goudy', 'Lato'; /* btnFont */
    font-size: 12px; /* btnSize + btnUnit */
}
#productGrid .grid .itemSpacer .buynow:hover {
    color: #ffffff; /* buyColor2 */
    background-color: #000000; /* buyBg2 */
}
#productGrid .grid .itemSpacer .outOfStock {
    color: #ffffff!important; /* outofstockColor1 */
    background-color: #e57373!important; /* outofstockBg1 */
}
#productGrid .grid .itemSpacer .outOfStock:hover {
    color: #ffffff; /* outofstockColor2 */
    background-color: #ef5350!important; /* outofstockBg2 */
}


/* Item information */
#productGrid .grid .infoContainer {
    padding: 10px; /* infoSpace */
    text-align: center; /* infoAlign */
}
#productGrid .grid .infoContainer a.itemName {
    /* DATA */
    font-family: 'Sorts Mill Goudy', 'Lato'; /* itemFont */
    font-size: 16px; /* itemSize + itemUnit */
    color: #000000!important; /* itemColor1 */
    font-weight: 600!important; /* itemWeight */
    text-transform: none; /* itemTransform */
    margin-bottom: 4px; /* itemSpace + itemSpaceUnit */
    transition: all 0.3s;
}
#productGrid .grid .infoContainer a.itemName:hover {
    text-decoration: none;
    color: !important; /* itemColor2 */
}
#productGrid .grid .infoContainer a.itemInfo {
    font-family: 'Sorts Mill Goudy', 'Lato'; /* priceFont */
    font-size: 14px; /* priceSize + priceUnit */
    color: #212121!important; /* priceColor */
    font-weight: 300!important; /* priceWeight */
    text-transform: none; /* priceTransform */
    transition: all 0.3s!important;
}
#productGrid .grid .infoContainer a.itemInfo:hover {
    text-decoration: none;
    color: #212121!important; /* priceColor2 */
}
#productGrid .bottomButtons {
    display: none; /* bottomButtons */
}
#productGrid .btnContainer-hover-center {
    display: none; /* hoverButtons */
}
/* DYNAMIC */



@media screen and (min-width: 320px) and (max-width: 767px) {
    .sortBy {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sortBy .select select {
        width: 100%;
    }
    .saleIndicator {
        width: 40px;
        height: 30px;
    }
}


@media (max-width: 768px) {
    /* Forces columns to have the same height in each row */
    .animated,
    .visible,
    .hideContent {
        opacity: 1!important;
    }
}