/* Retail PLP product card Comp */
.prdtHead {
    color: #182859;
    font-weight: bold;
    font-size: 1.5rem;
}

.prdtSubHead {
    color: #858585;
    font-size: 0.8rem
}

article.slds-card {
    min-height: auto;
}

article.slds-card .slds-input {
    max-width: 40px;
}

/*Product Image*/
.product-image {
    position: relative;
    width: 360px;
    max-width: 100%;
    min-height: 170px;
    margin-bottom:7px;
} 

.product-image .image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .9s;
    background-color: #fff;
}

.product-image:hover .image-hover {
    opacity: 1;
}

.card-view {
    border: 1px grey solid;
}

.more-options-link-container {height:25px;}

/* Retail Size Comp */
.slds-box_link {
    cursor: pointer;
}

.slds-box_x-small {
    height: 1.5rem;
    padding-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.slds-legend-box {
    height: 1.5rem;
    padding-top: 0.2rem;
}

.quantity-label {
    width: 6rem;
    margin-right: 1rem;
}
.slds-box .slds-truncate {font-size: 0.7rem;}
.quantity-input {
    width: 6rem;
}

.selected {
    background-color: #E0E0E0;
}

.slds-box.active {
    background: #111;
    color: #fff;
}

.quantity-input div {
    display: flex;
}

.slds-card__header.slds-grid {
    display: none;
}
.sizeBox .slds-col {max-width: 50px;
    padding: 0 2px;}
.legend-box {
    width:25px;
}

.box-design {
    padding: 10px 0;
    background: #f2f2f2;
    border: 1px dotted #ccc;
}
.sizeCont .slds-box {margin-bottom:5px; border-color: #ccc;}
.slds-col.slds-size_1-of-5 {
    padding-right: 0px;
    padding-left: 5px;
}

.disabled-box {
    background:#ccc; opacity: 0.7; color: #666; border-color: #f2f2f2; position: relative; overflow: hidden;
}
.disabled-box::before {content: "\2716";
    position: absolute;
    left: 0;
    top: -12px;
    opacity: 0.2;
    text-align: center;
    width: 100%;
    font-size: 30px;}

    /* color swatch */
    div[data-component-label="PLP Results Container"] .colorBox.slds-is-relative {min-height:45px;}
    div[data-component-label="PLP Results Container"] .errorNote {padding: 5px; font-weight: bold; color:#800000;}
    div[data-component-label="PLP Results Container"] .more-option-link {max-width:45px; min-width:45px;}
    div[data-component-label="PLP Results Container"] .more-option-link a {font-size: 0.6rem;}
    div[data-component-label="PLP Results Container"] .b2cButtonSet button {padding: 0;}