/* General -------------------------------------------------------------------------------------- */

.layout-initial-mask {
    display:block;
}

.product-settings {
    display: none;
}

.product {
    
}

.float-clear {
    clear: both;
}

.product-selection .close {
    font-size: 28px;
}

/* Product Heading -------------------------------------------------------------------------------------- */

.product .heading {
    display: none;
    align-items: center;
}

.product .heading .collapse-wrap {
    display: none;
}

.product .heading i {
    display: none;
    padding-left: 25px;
}

.product .heading .name {
    padding-left: 10px;
    font-size: 1.2em;
}

.product .heading .desc {
    display: none;
    padding-left: 25px;
}

.product .heading .img-wrap {
    display: none;
    margin-left: auto;
}

.product .heading .img-wrap img {
    max-width: 50px;
}

/* Product Body -------------------------------------------------------------------------------------- */

.product .body {
    position: relative;
    display:block;
    overflow:auto;
}

.product .body .name {
    display: none;
}

.product .body .img-wrap {
    display: none;
    text-align: center;
}
.product .body .img-wrap img {
    max-width: 100%;
}

/* Spinner button -------------------------------------------------------------------------------------- */

.product .select-wrap-spinner div {
    display: inline-block;
    width: 25px;
    font-size: 1em;
    height:22px;
    padding-top: 3px;
    text-align: center;
    font-family: inherit;    
}
.product .select-wrap-spinner button {
    width: 30px;
    padding:0px;
    border-radius: inherit;
}
.product .select-wrap-spinner button.minus {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.product .select-wrap-spinner button.plus {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* Select button in the body -------------------------------------------------------------------------------------- */

.product .body .select-wrap {
    display: none;
}
/* 
    this div takes up the dimensions of the select-wrap to allow select-wrap to be absolute 
    otherwise, the select-wrap will lay over the body content
*/
.product .body .select-button-placeholder {
    height: 40px;
}

.product .body .select-button-wrap {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right:15px;
}
.product .body .select-wrap hr {
    margin: 15px 0px 10px 0px !important;
}


/* Shopping Cart (Desktop and Mobile) -------------------------------------------------------------------------------------- */

.product-selection .cart {
    color: #777777;
    border-left: solid 1px #dddddd;
    position: relative;
}

.product-selection .selected {
    font-size:1.2em;
    height: 50px;
    line-height: 50px;
}

.product-selection .cart .selected {
    font-size:1.2em;
    height: 50px;
    line-height: 50px;
}

.product-selection .cart img {
    max-height: 50px;
}

.product-selection .cart .group {
    margin-top: 10px;
}

.product-selection .cart .group-name {
    margin-bottom: 10px;
}


.product-selection .cart .apply-button-wrap {
    text-align: center;
    margin-top: 30px;
}

.product-selection .cart .selected-products-summary {
    position: relative;
    display: inline-block;
    margin: 0px 10px 3px 0px;
    padding: 5px;
    font-size:1em;

}

.product-selection .cart .selected-products-summary .value {
    display: inline-block;
    font-weight:normal;
    padding-right:15px;
    font-size: 0.9em;
}

.product-selection .cart .selected-products-summary .remove {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-left:15px;
    border:solid 1px #d9edf7;
    border-radius:4px;
    cursor: pointer;

}

.product-selection .cart .selected-products-summary .remove:hover {
    text-decoration:underline;
    border:solid 1px #337ab7;

}

.product-selection .header-mobile > .cart {
    display:none;
    border-radius: 4px;
    border: solid 1px #cccccc;
    padding: 0px 10px 10px 10px;
    margin-bottom: 3px;
}


.product-selection .header-mobile .empty-cart {
    margin-top: 15px;
}

@media (min-width: 768px) {
    
   .product-selection .cart .group {
        margin-top: 30px;
    }


}

/* Mobile Header -----------------------------------------------------------------------------------------*/

.product-selection .header-mobile {
    position: relative;
}

.product-selection .header-mobile .cart-mobile {
    position: absolute;
    top: 0px;
    right: 0px;

}

.product-selection .header-mobile .cart-mobile img {
    width: 40px;
}

.product-selection .header-mobile > .category {
    font-size: 1.5rem;
    line-height: 40px;
    cursor: pointer;
}

.product-selection .header-mobile > .categories {
    display:none;
    font-size: 1.2em;
    border-radius: 4px;
    border: solid 1px #cccccc;
    padding: 0px 10px 0px 10px;
}

.product-selection .header-mobile > .categories hr {
    margin: 20px 0px 0px 0px !important;
}

.product-selection .header-mobile > .categories hr:last-child {
    display:none;
}

.product-selection .header-mobile > .categories > .category {
   margin-top: 20px; 
}

.product-selection .header-mobile > .categories > .subcategory {
    margin-left: 30px;
    padding: 5px;
}

.product-selection-nocart-Cancel {
    font-size: 35px; 
    opacity: .7; 
    position: absolute; 
    right: 10px; 
    top: 10px;
    z-index: 100;
}


/* ------------------------------------------------------------------------------------------------------ */

/* tablet or larger */
@media (min-width: 768px) {
    
    .product .heading .desc {
        display: block;
    }

}