/* promo styles */

@media screen and (max-width: 480px) {
	/*article img below promos sticking out*/
	.home .latestWrap .articleWrap .articleThumb {
		width: 100% !important;
	}
	.articleWrap{
		width:100% !important;
	}
	.home .latestWrap .articleWrap{
		width:50% !important;
	}
	.home .promoWrap .articleWrap{width:48% !important;}	
}
.oneArticleWrap{
	width:100% !important;
	height:auto !important;
}
.oneWrap, .onePromoWrap{
	text-align:center !important; 
	margin:0 auto !important;
}
.onePromoWrap{width:50% !important;}
@media screen and (max-width: 760px) {
	.oneArticleWrap{
		width:100% !important;
	}
}

.twoArticleWrap{
	width:50% !important;
	height:auto !important;
}
.twoWrap, .twoPromoWrap{
	text-align:center !important; 
	margin:0 auto !important;
}
.twoPromoWrap{width:100% !important;}
@media screen and (max-width: 760px) {
	.twoArticleWrap{
		width:50% !important;
	}
}
@media screen and (max-width: 640px) {
.twoPromoWrap{width:100% !important;}
}

.threeArticleWrap{
	width:33% !important;
	height:auto !important;
}
.threeWrap, .threePromoWrap{
	text-align:center !important; 
	margin:0 auto !important;
}
.threePromoWrap{width:100% !important;}
@media screen and (max-width: 760px) {
	.threeArticleWrap{
		width:50% !important;
	}
}
@media screen and (max-width: 1024px) {
	.mainNavWrap,.pageWrap{
		padding:0 !important;
	}
	.promoWrap{ margin:0 !important;}
}

/* slider bug */
@media screen and (max-width: 480px) {
	.featuredArticle .articleWrap{
		position:static !important;
	}
	.slideArticleWrap{
		width:100% !important;
	}
	.ubermenu .ubermenu-column, .ubermenu .ubermenu-submenu-type-stack {
		padding:0px 0px 0px 0px !important;
	}
}
/* fix responsive product styles*/
@media screen and (max-width: 760px) {
	 #main div .images{
		display:table !important;
	}
	#main nav > * {font-size:12px !important;}
	h1.product_title.entry-title{font-size:16px !important;}
}

/* fix submenu transparency */
.ubermenu-submenu{
	background-color:#000 !important;
}

.pageHeadline h2.categoryBreadcrumb{
	font-size:14px !important;
}

.categoryBreadcrumb a{
	color:#3097dd !important;
}


/* posts width bug */
@media screen and (max-width: 480px) {
	div.blogPage div.mainContent div.contentWrap div.articleWrap{
		width:100% !important;
	}
	.postArticleWrap {width:100% !important;}
}


div.contentMeta h6.blogBreadcrumb{float:right;text-align:right;width:50%;}
div.contentMeta h2.categoryBreadcrumb,div.contentMeta h6.blogBreadcrumb{text-transform:none !important;font-family:"Montserrat",​Arial,​Verdana,​sans-serif !important;font-size:12px !important;font-weight:400 !important;font-style:normal !important;font-size-adjust:none !important;color:#373737 !important;text-transform:none !important;line-height:14px !important;margin-top:-15px !important;}
.woocommerce .quantity .qty{height:40px;}
@-moz-document url-prefix() {
	.woocommerce .quantity .qty{height:42px; !important;}
}
.coupon input{height:40px;}


@media screen and (max-width: 1024px) {
	#mainNav{
		width:100%;
		display:block !important;
	}
	ul#mainNav ul li a{font-family:"Montserrat",​Arial,​Verdana,​sans-serif;font-size:16px;font-weight:400;font-style:normal;font-size-adjust:none;color:#fff;text-transform:none;text-decoration:none;line-height:20.8px;text-align:left;vertical-align:top;top:0px;right:0px;bottom:0px;left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:#6c5f9e;border-right-color:#6c5f9e;border-bottom-color:#6c5f9e;border-left-color:#6c5f9e;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-image:;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;box-shadow:none;outline-color:#6c5f9e;}	
}


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

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

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

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

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

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

.woocommerce table.shop_table {
    border: none;
}

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

.woocommerce table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
}

/*
Label the data
*/
.woocommerce table.shop_table td.product-remove:before {
    content: "DELETE";
}

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

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

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

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

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

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

.woocommerce .quantity,
.woocommerce  .quantity,
.woocommerce .quantity,
.woocommerce  .quantity {
    margin: 0;
}

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

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

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

.woocommerce -collaterals _totals {
    float: left;
    width: 100%;
    text-align: left;
}

.woocommerce -collaterals _totals th,
.woocommerce -collaterals _totals td {
    border:0 !important;
}

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

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

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

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

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

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

/* make buttons full width, text wide anyway, improves effectiveness */
 table td.actions .button,
.woocommerce  table td.actions .input-text,
.woocommerce  table td.actions input,
.woocommerce table td.actions .button,
.woocommerce table td.actions .input-text,
.woocommerce table td.actions input,
.woocommerce  table td.actions .button,
.woocommerce  table td.actions .input-text,
.woocommerce  table td.actions input,
.woocommerce table td.actions .button,
.woocommerce table td.actions .input-text,
.woocommerce table td.actions input {
    width: 100%;
}

/* keep coupon at 50% */
 table td.actions .coupon .button,
.woocommerce  table td.actions .coupon .input-text,
.woocommerce  table td.actions .coupon input,
.woocommerce table td.actions .coupon .button,
.woocommerce table td.actions .coupon .input-text,
.woocommerce table td.actions .coupon input,
.woocommerce  table td.actions .coupon .button,
.woocommerce  table td.actions .coupon .input-text,
.woocommerce  table td.actions .coupon input,
.woocommerce table td.actions .coupon .button,
.woocommerce table td.actions .coupon .input-text,
.woocommerce table td.actions .coupon input {
    width: 48%;
}

/* clean up how coupon inputs display */
 table td.actions .coupon,
.woocommerce table td.actions .coupon,
.woocommerce  table td.actions .coupon,
.woocommerce table td.actions .coupon {
    margin-top: 1.5em;
}

 table td.actions .coupon .input-text,
.woocommerce table td.actions .coupon .input-text,
.woocommerce  table td.actions .coupon .input-text,
.woocommerce table td.actions .coupon .input-text {
    margin-bottom: 1em;
}

/* remove cross sells, they interfere with flow between and totals + shipping calculator */
.woocommerce -collaterals .cross-sells,
.woocommerce -collaterals .cross-sells {
    display: none;
}

}

/* END Make the table responsive */