/*!
CB FORM STYLES
================
*/

/* set uniform parent column heights across products */

/* Media Query - Desktops */
@media (min-width: 992px){
    .presentations-0,
    .presentations-1,
    .presentations-2,
    .presentations-3 {
        min-height: 450px;
        height: 480px;
    }
}

/* Media Query - Tablets */
@media (min-width: 768px) and (max-width: 991px){
    .presentations-0,
    .presentations-1,
    .presentations-3 {
        min-height: 400px;
    }
    .presentations-2{
        min-height: 480px;
    }
}

/* Media Query - Mobile devices */
@media (max-width: 600px){
    .presentations-0,
    .presentations-1,
    .presentations-2,
    .presentations-3 {
        height: auto;
    }
}

/* Presentations specific classes */
.presentations-1 .grid-item-form-inner p{ 
 /* border:purple 1px solid; */
 font-size: 1.4rem;
 color:#666;
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: center;
}


/*!=======================================================================================
Form Inputs
======================================================================================= */
input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    width: 0;
}

input[type=checkbox]:not(old)+label,
input[type=radio]:not(old)+label {
    display: inline-block;
    line-height: 1.5em;
}

input[type=checkbox]:not(old)+label:hover,
input[type=radio]:not(old)+label:hover {
    cursor: pointer;
    color: #c34700;
}

input[type=checkbox]:not(old)+label>span:first-of-type,
input[type=radio]:not(old)+label>span:first-of-type {
    display: inline-block;
    width: 1.125em;
    height: 1.125em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid silver;
    background: #e0e0e0;
    background-image: -moz-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -ms-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: linear-gradient(#f0f0f0, #e0e0e0);
    vertical-align: bottom;
}

input[type=radio]:not(old)+label>span:first-of-type {
    border-radius: 50%;
}

input[type=checkbox]:not(old):checked+label>span:first-of-type,
input[type=radio]:not(old):checked+label>span:first-of-type {
    background-image: -moz-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -ms-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -webkit-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: linear-gradient(#e0e0e0, #f0f0f0);
}

input[type=checkbox]:not(old):checked+label>span:first-of-type:before {
    content: '✓';
    display: block;
    width: 1em;
    color: #c34700;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em #402818;
    font-weight: bold;
}

input[type=radio]:not(old):checked+label>span:first-of-type>span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.255em;
    border: 0.0625em solid #402818;
    border-radius: 50%;
    background: #c34700;
    background-image: -moz-linear-gradient(#bf6a38, #402818);
    background-image: -ms-linear-gradient(#bf6a38, #402818);
    background-image: -o-linear-gradient(#bf6a38, #402818);
    background-image: -webkit-linear-gradient(#bf6a38, #402818);
    background-image: linear-gradient(#bf6a38, #402818);
}

/*!=======================================================================================
END Form inputs
======================================================================================= */


/* Grid item classes */

.grid-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* border: red 1px solid; */
}

/* container heights by category */
.grid-item-content h6 {
    text-align: center;
    font-weight: 100;
    letter-spacing: -0.05rem;
    font-size: 1.2rem;
    margin: 0;
    min-height: 40px;
}

.grid-item-content p {
    margin: auto;
}

.grid-item-content a:hover {
    color: white;
    text-decoration: none;
}

.grid-item-content h6 a:link,
.grid-item-content h6 a:visited{
    color: #1E1E1E;
}


.grid-item-content h6 a:hover {
    color: #c34700;
}

.grid-item-content .grid-item-image,
.grid-item-content .grid-item-reviews,
.grid-item-content .grid-item-price {
    display: flex;
    justify-content: center;
}


.grid-item-image {
    position: relative;
    display: flex;
    justify-content: center;
}

/* forzar altura a 200px como catch all */
.grid-item-image img{
    height:200px;
}

.grid-item-image-sticker {
    position: absolute;
    left: 0;
    top: 75px;
    width: 50%;
    text-align: center;
    padding: 0.5rem;
    background: #c34700;
    color: white;
}

.grid-item-image-sticker span {
    display:block;
    text-transform: uppercase;
    letter-spacing: -0.02rem;
    font-size: 1.4rem;
    line-height: 110%;
}

/* Product icon CTA options */
.grid-item-icons {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    justify-content: space-between;
    text-align: center;
    width: 32px;
    height: 90px;
    /* positioning */
    position: absolute;
    top: 90px;
    z-index: 2;
}

.grid-item-icons a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
}

.grid-item-icons a:hover{
    color: #c34700 !important;
}

/* .grid-item-icons a:active,
.grid-item-icons a:visited{
    text-decoration: none;
} */

.grid-item-icons a span{
    font-size: .9rem;
}

 .grid-item-icons .product-icon-favorite,
 .grid-item-icons .product-icon-compare {
    width:24px !important;
    height: 24px !important;
}

/* Media Query - Desktops */

/* if no reviews are present then display blank space */
@media (min-width: 992px){
    .grid-item-reviews {
        min-height: 40px;
    }
    /* hide reviews from is-combo instances */
    .is-combo>.grid-item-content>.grid-item-reviews{
        display: none;
    }
}

/* Rating (star) 3rd party component */
.rating-component{
    margin: 0;
    max-width: 120px !important;
    text-align:center;
}

.grid-item-price span {
    color: #c34700;
    font-weight: 300;
    font-size: 1.7rem;
    letter-spacing: -0.05rem;
}

/* forms styles */

.grid-item-form {
    flex-direction: column;
    display: block;
    height: 130px;
    /* border: brown 1px solid; */
}

.grid-item-form .grid-item-form-inner {
    width: 100%;
    padding: 0;
    position: relative;
}

/* "Your shopping cart has been updated" flash alerts */

/* .grid-item-form-inner .flash.success{
    position: absolute !important;
    z-index: 1000 !important;
    width: inherit;
    text-align: center;
    font-size:smaller;
    background: rgb(177, 244, 110);
}

.grid-item-form-inner .flash.success p{
    color: rgb(34, 58, 34);
} */

/* Select widget */
.grid-item-form select.form-control {
    display: block;
    margin: 0 auto 0.5rem auto;
    padding: 0.4rem 0 0 0.8rem;
    font-size: smaller;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/public/img/global/select_arrow_down_compressed.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: white;
}

.grid-item-form select:hover {
    border-color: #c34700;
    cursor: pointer;
}

/* for IE */
.grid-item-form select::-ms-expand {
    display: none;
}

/*!=======================================================================================
Form Counter
======================================================================================= */
.form-counter {
    display: flex;
    flex-direction: row;
    align-items:center;
    justify-content: center;
    font-size: smaller;
    margin: 4px auto 7px auto;
}

.form-counter .input-group-btn {
    width: auto !important;
}

.form-counter .form-control {
    height: auto;
    padding: 0;
    /* margin: 0 0.5rem; */
    text-align: center;
    max-width: 80px;
    border-color: #858482 !important;
}

.form-counter .btn-number {
    width: 24px;
    padding: 0 2px;
    background: transparent;
    border: #858482 1px solid;
}

.form-counter .btn-number span {
    font-weight: bold;
    color: #858482;
}

.form-counter .btn-number:hover span {
    color: white;
}

.form-counter .btn-number:first-of-type{
    margin: 0 5px !important;
}

.form-counter .btn-number:last-of-type{
    margin: 0 0 0 5px;
}


/* Media Query - Mobile devices */
@media (max-width: 600px){
    .form-counter{
        margin:0;
    }
}

/*!=======================================================================================
END form counter
======================================================================================= */


.grid-item-form-outofstock p {
    text-align: center;
    display: block;
    border-width: 1px 0 0;
    border-style: dotted;
    border-color: #a48a53;
    padding: 0.5rem 0;
    color: #c34700;
    height:80px;
    font-size: 1.3rem !important;
}

.grid-item-form-outofstock i {
    font-size: 14px;
}

.grid-item-form .btn-viewDetails {
    background: #a48a53;
    color: white;
}

.grid-item-form .btn-viewDetails:hover {
    background: #442d2d;
    color: white;
}

/* if out of stock */
.is-out-stock .grid-item-form {
    padding: 0.5rem;
    background: #f9f9f9;
}

/* is combo */

/* Media Query - Desktops */
@media (min-width: 992px){
    .is-combo .grid-item-title {
        min-height: 80px;
    }
}

.is-combo .grid-item-image img{
    height:auto !important;
}

.is-combo .grid-item-form {
    display: flex;
    align-items: center;
    height:auto;
    margin-top: 21px;
}

.is-combo .grid-item-form button {
    width: 15vw;
} 

/* Media Query - Mobile devices */
@media (max-width: 600px) {
    .presentations-0,
    .presentations-1,
    .presentations-2,
    .presentations-3,
    .grid-item-form {
        height: auto;
    }

    .is-combo .grid-item-form button {
        width: 90vw;
    }
}

/* Query - IE 11 hacks */
@media all and (-ms-high-contrast:none) {
    /* IE10 */
    .grid-item-icons{
        right:20px;
    }

    /* IE11 */
    *::-ms-backdrop,
       .grid-item-icons {
           right:20px;
       }
}


/* Temp - margin and padding fix classes
======================================== */
/* .ln1solid .col p:first-of-type,
.ln1solid .col-12 p:first-of-type,
.cb-shoppingCart-content .row .col p:first-of-type {
    margin-top: 1rem;
} */

/* Media Query - Mobile devices */

/* @media (max-width: 600px) {
    .ln1solid .col p:first-of-type,
    .ln1solid .col-12 p:first-of-type,
    .cb-shoppingCart-content .row .col p:first-of-type {
        margin-top: auto;
    }
}
 */

.cb-shoppingCartForm-inner{
    padding-top:3rem;
}

/* Price Display */
.cb-shoppingCart-scItem-content-options .cb-shoppingCart-scItem-content-price {
    /* display: flex;
    flex-direction: column; */
    color: #c34700;
    font-weight: 800;
    font-size: larger;
}

/* Order summary items rows and columns */

.cb-shoppingCart-scItem-orderSummary .summary-items .col-md-9,
.cb-shoppingCart-scItem-orderSummary .summary-items .col-md-3{
    padding-left:0;
    padding-right:0;
}

/* .cb-shoppingCart-scItem-orderSummary .row:nth-of-type(4)
{
    border: purple 1px solid;
    background: #e0e0e0;
} */

.cb-shoppingCart-reviewItem-options .shippingAddress,
.cb-shoppingCart-reviewItem-options .billingAddress {
    padding: inherit;
    padding: 0.6rem 0;
    margin: inherit;
    margin-bottom: 1rem !important;
}

.row.shippingOption{
    margin-bottom:0.7rem !important;
}

.row.shippingOption:last-child { 
   border:none !important;
}

/* Media Query - Desktops */

/* reset padding hacks for mobile */
@media (min-width: 992px) {

    .cb-shoppingCartForm-inner,
    .cb-shoppingCart-scItem-orderSummary {
        padding-top: auto;
    }
}

/* Temp - Order summary checkout fixes
======================================== */

.cb-shoppingCart-content>.cb-shoppingCart-content .no-gutters {
    display: flex;
    align-items: center;
    /* align-content: space-around; */
}

.cb-shoppingCart-content>.cb-shoppingCart-content .col-10 {
   width:69%;
   /* border: red 1px solid; */
}

.cb-shoppingCart-content>.cb-shoppingCart-content .col-2 {
    width: 29%;
    /* border: blue 1px solid; */
}


/* Temp - font size fix classes
======================================== */

.shippingOption label{
    font-size:90%;
}

/* .shippingOption label span.smaller{
    font-size: 70%;
} */


/* Temp - Order Summary Promo Code Form
======================================== */
.cb-shoppingCart-scItem-orderSummary>.summary-promoCode{
    border: #000 1px solid;
}
.cb-shoppingCart-scItem-orderSummary>.summary-promoCode .col-6{
    width:50%;
}

/* Temp - Promo Code Fixes
======================================== */
/* Media Query - Desktops */
@media (min-width: 992px){
    label[for='input-promoCode'] {
        padding-left: 1.5rem;
    }
}

/* end BS form overrides
========================= */