﻿
.shop-container {
    margin: 5px;
    padding: 20px;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    background-color: #111111;
}

.shop-button-cart {
    margin: 5px;
    padding: 5px;
    border: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    text-align: center;
}

.shop-button-cart:hover {
    background-color: #333333;
}

.shop-button-icon {
    display: inline-block;
    vertical-align: middle;
}

.shop-button-text {
    display: inline-block;
    font-size: 18px;
    line-height: 1.8px;
    vertical-align: middle;
}

.shop-cart-icon {
    fill: red;
    transition: all .3s ease-in-out;
}



.shop-item-title-container {
    height: 65px; 
    overflow: hidden;
    vertical-align: middle;
}

.shop-item-title-text {
    margin-bottom: 10px;
}

.shop-item-description-container {
   height: 100px; 
   overflow: hidden;
}

.shop-item-description-text {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-top: 10px;
}

.shop-item-price {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    vertical-align:middle;
}

.shop-item-type {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align: right;
    padding-top: 10px;
    vertical-align: middle;
}

.shop-size-type {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #f42434;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-circle-shop-size
{
    height: 35px;
    width: 35px;
    font-size: 16px;
    line-height: 1;
    margin-top: 0px;
    padding-top: 8px;
}

.shop-item-button-container
{
    height: 50px;
}

:focus
{
    outline-color: transparent;
}

.btn-circle:focus,
.btn-default:focus
{
    box-shadow: none;
}

@media(max-width: 720px) {
    .cart-price-selector {
        padding: 15px;
    }
}

.select2-result {
    color: black;
    font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.cursor-pointer {
    cursor: pointer;
}

#form-address label {
    font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

#form-address input[type='text'] {
    font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.terms-link {
    color: lightgray
}

.terms-link:hover {
    color: #f42434
}