/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */

html{
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
/* 	 -webkit-text-size-adjust: none; */
/* overflow-y: scroll; */
}

body{
	overflow-y: scroll;
}

.col {
	border:0 solid rgba(0,0,0,0);
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-background-clip:padding-box!important;
	-webkit-background-clip:padding-box!important;
	background-clip:padding-box!important;
}

.row {
		clear: both;
	}

/* 1. 3 Column Grid 0px - 499px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    33.3333333333%
    Span 2:    66.6666666667%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 689px) {
	
		
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 5px;
	}
	
	.content_block {
		margin:0 auto;
		padding-right: 20px;
		padding-left: 20px;
		position:relative;
		clear: both;
	}
	
	#main_menu li{
		display: none;
	}
	
	#main_menu{
		top:20px;
	}
	
	#main_menu li#wpmenucartli{
		display: block;
		margin: 0;
		margin-right: 3px;
		right: 1%;
/*
		position: absolute;
		left: 20px;
*/
	}
	
	.dropdown_holder, #price_dropdown_holder{
		width: 50%;
	}
		

	.span_1 {
		width:33.3333333333%;
	}
	
	.span_2 {
		width:66.6666666667%;
	}
	
	.span_3 
	,.page_block_col
	,.fullwidth
	,.blog_single_image_col
	,.blog_single_item_content
	,.blog_list_item_content
	,.blog_list_image_col
	,.commission_column_inner
	{
		margin-left:0;
		width:100%;
		clear: both;
	}
	
	#home_slideshow li.slide{
		padding-bottom: 90px;
	}
	
	.slide_title_positioned{
		bottom: 40px;
		top:auto;
		width: 60%;
		text-align: center;
		right: 0 !important;
		left: 0 !important;
	
		margin: 0 !important;
		margin-left: 20% !important;
	}
	
	#wrap{
		margin: 0 auto -100px;
	}
	
	#footer, #wrap::after {
    	height: 100px;
	}

	#footer_social{
		bottom: 3.5em;	
	}
	
	.intro{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#sorter_bar {
    height: auto;
    }
		.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {
	    float: none;
	    width: 100%;
	    text-align: right;
	}
	.woocommerce-cart #shipping_note{
		width: 100%;
		clear: both;
	}
	

	
	.woocommerce-cart .cart-collaterals .cart_totals table {
		width: 100%;
	}
	
	.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions #coupon_code, .woocommerce-page #content table.cart td.actions #coupon_code, .woocommerce-page table.cart td.actions #coupon_code{
		width: 52%;
	}
	
		.coupon .button{
		width: 48% !important;
		float: left !important;
	}
	
	.page_block{
		padding: 60px 20px;
	}
	
	.section_head{
		text-align: center;
		width: 100%;
	}
	.page_block_image {
	    padding-top: 3em;
	}
	
	.bottom_centre{
	
		bottom: 6em;
		
	}
	
/*
	#home_slideshow_holder:before{
		content: " ";
		width: 100%;
		position: absolute;
		top:0;
		height:30px;
		z-index: 9999;

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 


	}
*/
	
}


/* 3. 6 Column Grid 590px - 859px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    16.6666666667%
    Span 2:    33.3333333333%
    Span 3:    50.0%
    Span 4:    66.6666666667%
    Span 5:    83.3333333333%
    Span 6:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 690px) and (max-width: 859px) {
/*
	body{
	background: #f6f6f6;
	}
*/
	.content_block {
		margin:0 auto;
		max-width:1200px;
		padding-right: 80px;
		padding-left: 80px;
		position:relative;
		clear: both;
	}
	
	.single_page_content_block{
		max-width: 600px;
	}
	
	
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 5px;
	}
	
	.span_1 
		
	
	
	{
		width:16.6666666667%;
	}
	
	.span_2 

	{
		width:33.3333333333%;
	}
	
	.span_3
	,.commission_column_inner
	{
		width:50%;
	}
	
	.span_4 

	{
		width:66.6666666667%;
	}
	
	.span_5 {
		width:83.3333333333%;
	}
	
	.span_6 
	,.page_block_col
	,.fullwidth
	,.blog_single_image_col
	,.blog_single_item_content
	,.blog_list_item_content
	,.blog_list_image_col
	{
		margin-left:0;
		width:100%;
	}
	
	.bottom_centre{
	
		bottom: 6em;
		
	}
	
	.page_block_image{
		padding-top: 3em;
	}
	
		.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions #coupon_code, .woocommerce-page #content table.cart td.actions #coupon_code, .woocommerce-page table.cart td.actions #coupon_code{
		width: 52%;
	}
	
		.coupon .button{
		width: 48% !important;
		float: left !important;
	}
	
	
	
	
}

/* 4. 12 Column Grid 960px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 860px) {
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 0px;
	}
	
	
	
	.content_block {
		margin:0 auto;
		max-width:1200px;
		padding-right: 80px;
		padding-left: 80px;
		position:relative;
		clear: both;
	}
	
	.commission_list {
		max-width:800px;
	}
	
	.med_content_block {
		max-width:1000px;
	}
	
	.narrow_content_block {
		max-width:600px;
	}
	
	
	#filter_bar .content_block{
		max-width: 900px;
	}
	
	.single_page_content_block{
		max-width: 600px;
	}
	
	.woocommerce-checkout .content_block,
	.woocommerce-cart  .content_block
	{
		max-width:900px;
	}
	
	.page_block_404{
		max-width: 600px;
	}
	
	.page_block_row, .post_list_item_row, .post_single_item_row{
		margin-left: -40px;
	}
	
	.page_block_col, .post_list_item_row .col, .post_single_item_row .col{
		border-left-width:40px;
	}
	
	
	.span_1 {
		width:8.33333333333%;
	}
	
	.span_2
	
	 {
		width:16.6666666667%;
	}
	
	.span_3

	
	{
		width:25%;
	}
	
	.span_4

	 {
		width:33.3333333333%;
	}
	
	.span_5
	,.blog_list_image_col
	{
		width:41.6666666667%;
	}
	
	.span_6
	,.page_block_col
	,.blog_single_image_col
	,.blog_single_item_content
	,.commission_column_inner
	{
		width:50%;
	}
	
	.span_7 
	,.blog_list_item_content
	{
	
		width:58.3333333333%;
	}
	
	
	
	.span_8
	
	{
		width:66.6666666667%;
	}
	
	.span_9 
	{
		width:75%;
	}
	
	.span_10
	
	{
		width:83.3333333333%;
	}
	
	.span_11 {
		width:91.6666666667%;
	}
	
	.span_12
	,.fullwidth
	{
		margin-left:0;
		width:100%;
	}
	
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
		width: 30%;
	}
	
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
		width: 60%;
	}
	
	.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator{
		float: right;
		width: 48%;
	}
	
	.woocommerce-cart .cart-collaterals .cart_totals table{
		width: 100%;
	}
	
	
	
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
		width: 46%;
	}
	
	
	
	
	
	
	
		
}