/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/12/2014, 5:43:07 PM
    Author     : duncanc
*/

.related.products {
    clear: left;
}

/*.woocommerce a.added_to_cart {
    padding-top: .5em;
    white-space: nowrap;
    display: inline-block;
    background-color: #111;
    padding: 15px 15px;
    border-left: 10px #0065ba solid;
}*/

.woocommerce ul.products li.product .button {
    border-left: 10px solid cornflowerblue;
    background-color: #0065ba;
    color: #fff;
    padding: 20px;
    width: 100%;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product .button:focus {
    background-color: cornflowerblue;
    color: #fff;
}

.woocommerce ul.products li.product a img {
    /*    height: auto;
        width: auto;
        display: block;
        box-shadow: none;
        max-height: 250px;
        margin: 0 auto;*/
}

.woocommerce ul.products li.product:hover h3,
.woocommerce ul.products li.product:focus h3 {
    color: cornflowerblue;
}

.woocommerce ul.products li.product h3 {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: inherit;
    color: #0065ba;
}
.woocommerce ul.products li.product .price {
    color: purple;
    font-size: 1.1em;
}

/*
* -----------------------------------------------------------------
*
* Shop Catelogue Product Display
* -----------------------------------------------------------------
*/

.woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    clear: both;

    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;

    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

}

.no-flexbox .woocommerce ul.products,
.no-flexbox .woocommerce-page ul.products {
    float: none;
    font-size: 0;
}
.no-flexbox .woocommerce ul.products li.product,
.no-flexbox .woocommerce-page ul.products li.product {
    float: none;
    font-size: 16px;
    font-size: 1rem;
}


.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    padding: 15px;
    /*    background-color: pink;
        border: #fff solid 1px;*/

    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-wrap: nowrap;
    -ms-flex-direction: column;
    -ms-flex-align: center;
    -ms-flex-pack: end;

    -ms-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;


    -o-align-items: stretch;
    -ms-align-items: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;

    -o-align-content: center;
    -ms-align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-content: center;

    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    /*    -o-justify-content: space-between;
        -ms-justify-content: space-between;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;*/
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 100%;

}

@media screen and (min-width: 768px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width:  49.75%;
    }
}

@media screen and (min-width: 992px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 33.25%;
    }
}

@media screen and (min-width: 1200px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 24.75%;
    }
}






a.woocommerce-LoopProduct-link {
    width: 100%;
    min-height: 270px;
    text-align: center;
    /*    background-color: orange;
        border: #fff solid 1px;*/

    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-direction: column;
    -ms-flex-wrap: nowrap;
    -ms-flex-align: center;
    -ms-flex-pack: center;

    -ms-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;


    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;

    -o-align-content: center;
    -ms-align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-content: center;

    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    /*
        -o-justify-content: space-between;
        -ms-justify-content: space-between;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;*/
}



a.woocommerce-LoopProduct-link,
a.woocommerce-LoopProduct-link > * {
    width: 100%;
    max-width: 100%;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
}




/*
* -----------------------------------------------------------------
*
* WOO
* -----------------------------------------------------------------
*/


.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*Woo-cart*/
@media screen and (max-width: 768px) { 

    .woocommerce table.shop_table,
    .woocommerce table.shop_table tr,
    .woocommerce table.shop_table tbody,
    .woocommerce-page table.shop_table th,
    .woocommerce-page table.shop_table td {
        display: block;
        border: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%;
    }


    .woocommerce table.shop_table thead {
        display: none;
    }

    .shop_table.cart tr.cart_item{
        box-shadow: 0 0 3px rgba(0,0,0,0.33);
        border:1px solid #f0f0f0;
        margin: 15px 0;
        border-radius: 5px;
    }

    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }

    .shop_table.cart td.product-thumbnail a {
        display: block;
        text-align: center;
    }

    .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
        width: auto;
        max-width: 100%;
        display: block;
    }

    .shop_table.cart td.product-name::before {
        content: 'Item: ';
        display: block;
        font-weight: bold;
    }

    .shop_table.cart td.product-price::before {
        content: 'Price: ';
        display: inline-block;
        font-weight: bold;
    }


    .shop_table.cart td.product-quantity::before {
        content: 'Qty: ';
        display: inline-block;
        font-weight: bold;
    }

    .shop_table.cart td.product-subtotal::before {
        content: 'Subtotal: ';
        display: inline-block;
        font-weight: bold;
    }

    .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto 15px;
    }



    /*.woocommerce .cart-collaterals .cart_totals*/

    .woocommerce .cart-collaterals .cart_totals {
        box-shadow: 0 0 3px rgba(0,0,0,0.33);
        padding: 1ex;
        margin: 15px auto 0;
        border-radius: 5px;
    }

    .woocommerce .cart-collaterals .cart_totals th { 
        display: none;
    }

    .woocommerce .cart-collaterals .cart-subtotal td::before { 
        content: 'Subtotal: ';
        display: inline-block;
        font-weight: bold;
    }

    .woocommerce .cart-collaterals .shipping td::before { 
        content: 'Shipping: ';
        display: inline-block;
        font-weight: bold;
    }

    .woocommerce .cart-collaterals .order-total td::before { 
        content: 'Order Total: ';
        display: inline-block;
        font-weight: bold;
    }

    .woocommerce .cart-collaterals .cart_totals table, 
    .woocommerce .cart-collaterals .cart_totals tbody, 
    .woocommerce .cart-collaterals .cart_totals tr, 
    .woocommerce .cart-collaterals .cart_totals td { 
        width: 100%;
        display: block;
    }
    .woocommerce .cart-collaterals .cart_totals td span { 
        display: inline-block;
        margin-left: 1ex;
    }

    .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
        padding: 1ex;
    }
    .related.products h2 {
        text-align: center;
        display: block;
        width: 100%;
    }
}