/*
Theme Name: Stockholm
Theme URI: http://demo.select-themes.com/stockholm
Description: Stockholm Theme
Tags: agency, business, ajax, portfolio, blog, shop, multi-purpose, clean, elegant, white, photography, modern, fullscreen, stylish, design
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 2.4.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


div.giftcard {
clear: left;
}

div.coupon {
    margin-bottom: 1em;
}

.coupon input {
    display: block;
    text-align: left;
    font-size: 0.8em;
}

.coupon input[type="submit"],
.giftcard input[type="submit"] {
clear: left;
float: left;
margin-top: 4px;
}

body.woocommerce-checkout .woocommerce-info {
    padding: 1em 1.5em;
    line-height: 1;
    margin-bottom: 0.5em;
}

body.woocommerce-checkout form.woocommerce-checkout input,
body.woocommerce-checkout form.woocommerce-checkout textarea {
    font-size: 0.8em;
}

.woocommerce div.product .images img {
width: 100%;
}


body.single-product span.sku_wrapper,
body.single-product span.posted_in {
    display: none!important;
}

.q_tabs.boxed .tabs-container {
    padding: 30px!important;
    border: 1px solid #f0f0f0;
}

.q_tabs .tabs-nav li.active a {
    background: #f0f0f0!important;
}

.woocommerce .button, .woocommerce-page .button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce-page input[type="submit"]:not(.qode_search_field), .woocommerce input[type="submit"]:not(.qode_search_field), .woocommerce ul.products li.product .added_to_cart, .woocommerce.single-product button.single_add_to_cart_button:hover, .woocommerce.single-product .q_tabs form.comment-form textarea#comment, .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover, .woocommerce .quantity .plus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover {
border-color: #ff6363!important;
background-color: #ff6363!important;
}

.q_tabs .tabs-nav li a:hover {
    color: #000000;
    background-color: #FFE8E8!important;
}

.blog_holder.masonry article:not(.format-link):not(.format-quote) .post_text .post_text_inner, .blog_holder.masonry_full_width article:not(.format-link):not(.format-quote) .post_text .post_text_inner {
padding: 5px 0 30px!important;
}

.woocommerce-page .cart-collaterals .cross-sells {
    clear: left;
    float: left;
}

.woocommerce #payment ul.payment_methods li {
padding: 22px!important;
}

.woocommerce #payment ul.payment_methods li label img {
    display: block;
    margin: 0 0 1em 0;
}

.woocommerce #payment ul.payment_methods li .payment_box {
    padding: 0.2em 0 0 0!important;
}


/*****************************************/
/**** ROB EDITS JULY 2016 ****************/
/*****************************************/

.woocommerce ul.products li { width: 32%!important; margin: 1% 0.66%!important; clear:none!important; }
.woocommerce ul.products li:nth-child(3n+4) { clear:left!important;}


@media screen and (max-width: 860px) {
.woocommerce ul.products li { width: 48%!important; margin: 1%!important; clear:none!important; }
.woocommerce ul.products li:nth-child(3n+4) { clear:none!important;}
.woocommerce ul.products li:nth-child(2n+3) { clear:left!important;}
}

@media screen and (max-width: 620px) {
.woocommerce ul.products li { width: 98%!important; clear:both!important; }
}



/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

@media screen and (max-width: 1000px) {

.wrapper_inner .content_inner .default_template_holder {
width: 100%!important;
}

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table thead, 
.woocommerce-page table.shop_table tbody, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td, 
.woocommerce-page table.shop_table tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.woocommerce-page table.shop_table tr { 
	/*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td { 
	/* Behave  like a "row" */
	border: 1px solid #d2d3d3; 
	position: relative;
	padding: 5% !important; 
}

.woocommerce-page table.shop_table {
	border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
	border-color: #FFF;
	height: 10px;
}

.woocommerce-page table.shop_table td:before { 
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: left;
    display: block;
    margin-bottom: 0.5em;
}

/*
Label the data
*/
.woocommerce-page table.shop_table td.product-remove:before {
	content: "DELETE";
	position: absolute;
	top: 10px;
	left: 5%;
}

.woocommerce table.cart tbody td.product-remove a.remove, .woocommerce-page table.cart tbody td.product-remove a.remove {
    width: 13px;
    height: 13px;
    top: 12px;
    right: 5%;
position: absolute;
}



.woocommerce-page table.shop_table td.product-thumbnail:before {
	content: "IMAGE";
}

.woocommerce-page table.shop_table td.product-name:before {
	content: "PRODUCT";
}

.woocommerce-page table.shop_table td.product-price:before {
	content: "PRICE";
}

.woocommerce-page table.shop_table td.product-quantity:before {
	content: "QUANTITY";
}

.woocommerce-page table.shop_table td.product-subtotal:before {
	content: "SUBTOTAL";
}

.woocommerce-page table.shop_table td.product-total:before {
	content: "TOTAL";
}

.woocommerce .quantity, 
.woocommerce #content .quantity, 
.woocommerce-page .quantity, 
.woocommerce-page #content .quantity {
	margin: 0;
}

.woocommerce-page table.cart td.actions, 
.woocommerce-page #content table.cart td.actions {
	text-align: left;
	border:0;
	padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt, 
.woocommerce-page #content table.cart td.actions .button.alt {
	float: left;
	margin-top: 10px;
}

.woocommerce-page table.cart td.actions div, 
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input, 
.woocommerce-page #content table.cart td.actions input {
	margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
	float: left;
	width: 100%;
	text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals th, 
.woocommerce-page .cart-collaterals .cart_totals td {
	border:0 !important;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
	padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
	padding-left: 6px !important;
	border:0 !important;
}

.woocommerce-page table.shop_table tbody {
	padding-top: 10px;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
	float: none;
	width: 100%;
}

.woocommerce .order_details ul, 
.woocommerce-page .order_details ul,
.woocommerce .order_details, 
.woocommerce-page .order_details {
	padding:0;
}

.woocommerce .order_details li, 
.woocommerce-page .order_details li {
	clear: left;
	margin-bottom: 10px;
	border:0;
}

.woocommerce-page tr.cart_item {
    margin-bottom: 1em;
}

.actions .coupon {
    float: left!important;
    padding-bottom: 2em;
    width: 100%;
}

.giftcard {
    width: 100%;
    padding: 2em 0;
}


.giftcard * {
    min-width: 100%!important;
}

.woocommerce table.cart td.actions>.checkout-button, .woocommerce-page table.cart td.actions>.checkout-button {
margin-left: 0!important;
}


}


@media screen and (max-width: 480px) {

.woocommerce table.cart tbody tr td img {
    display: block!important;
}

}

/* END Make the cart table responsive */