/*
* Play Shopify theme
* Copyright 2013, Underground Media
* www.undergroundmedia.co.uk
*/


/* #Media Queries
================================================== */


    @media only screen and (min-width: 900px ) {
  
      /*#add { max-width: 40%; display: block; } */  
      /*#add {
        border: 2px solid rgb(0, 191, 255); 
        border-radius: 10px;
        display: block;
        margin-top: 0;
        max-width: 25%;
    	background:none repeat scroll 0 0 rgb(195, 81, 47);
      }*/
      #add {
/*         background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/addtotote.jpg?10238484372855928720); */
        background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/desktop_cart.png?10238484372855928720);
        color: rgb(0, 0, 0);
        display: block;
        margin-top: 0;
        max-width: 38%;
        text-transform: uppercase;
        height: 60px;
        background-repeat:no-repeat;
        text-indent:-99999px;
        transition:none;
        background-size:100% auto;
       
      }
      #add:hover {
        background-position:0 0px;
      }
       
      input.pre
      {
           background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/preorder_new.jpg?10238484372855928720);
        color: rgb(0, 0, 0);
        display: block;
        margin-top: 0;
        max-width: 38%;
        text-transform: uppercase;
        height: 60px;
        background-repeat:no-repeat;
        text-indent:-99999px;
        transition:none;
        background-size:100% auto; 
      }
          input.pre:hover {
        background-position:0 0px;
            background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/preorder_new.jpg?10238484372855928720);
        color: rgb(0, 0, 0);
        display: block;
        margin-top: 0;
        max-width: 38%;
        text-transform: uppercase;
        height: 60px;
        background-repeat:no-repeat;
        text-indent:-99999px;
        transition:none;
        background-size:100% auto; 
      }
    }


	/* Bigger than the small tablets */
	@media only screen and ( min-width: 768px) {
		#mobile-search { display: none; }
		ul#mobile-cart { display: none; list-style:none;}
     
      
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
  		.homepage-single-article { width: 98%; margin-left: auto; margin-right: auto; }
  		.middle { margin-left: 0! important; margin-right: 0! important; }
		#types { padding: 0 10px; }		
		.flex-caption { display: none; }
  .flexslider .readmore { display: none; }
		#footer-wrapper { float: left; width: 100%; }
		li.credit { display: none; }
  		#blog #sidebar { display: none; }
  		ul#blog-articles { margin-left: 0! important; }
  		#blog-article { margin-left: 0! important; }
      #product-loop #inline.product-modal
      {
      
      display:none !important;}
      
 .cart-title {
display: inline-block;
/* width: 60%; */
margin-top: 15%;
}
      .cart-image {
display: inline-block;
margin-right: 10px;
/* float: left; */
}
    .cart-title p {
text-align:justify;
}
      div#blog-article iframe {
  width: 331px !important;
  height: 229px !important;
}
      
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
  		ul#nav li a { padding: 0 10px; }
  		.down { display: none; }
  
          td, th {
          padding: 0px !important;
        }
  
        #add {
          background: url("//cdn.shopify.com/s/files/1/0217/6856/t/15/assets/addtotote.jpg?39579") no-repeat;
          max-width:80%;
          text-indent: -999999px;
          transition:none;
          background-size:100% 100%;
          margin-top:0;
        }
  
      input.pre
      {
           background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/preorder_new.jpg?10238484372855928720);
        color: rgb(0, 0, 0);
        display: block;
        margin-top: 0;
        max-width: 55%;
        text-transform: uppercase;
        height: 60px;
        background-repeat:no-repeat;
        text-indent:-99999px;
        transition:none;
        background-size:100% auto; 
      }
          input.pre:hover {
        background-position:0 0px;
            background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/preorder_new.jpg?10238484372855928720);
        color: rgb(0, 0, 0);
        display: block;
        margin-top: 0;
        max-width: 55%;
        text-transform: uppercase;
        height: 60px;
        background-repeat:no-repeat;
        text-indent:-99999px;
        transition:none;
        background-size:100% auto; 
      }
      
      .resp-tab-content {
        padding: 2px !important;
      }
      .footer-left.desktop-8.tablet-6.mobile-3 {
/*         width: 25%; */
        width:23%;
      }
      .gridlock #footer ul#footer-right.desktop-4 {
        width: 30% !important;
      }
      #footer-right li a {
        padding-left: 4px;
        padding-right: 4px;
      }
            ul#nav li a {
  padding: 6px 6px !important;
}
      #navigation #q:focus {
  width:100% !important;
}
/*       .cart-title p {
width: 190px;
} */
      #logo
      {
        text-align:left !important;
      }
      
     

 
	}
    
	/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 1024px) {
      
      ul#nav li a {
  padding: 6px 15px;
}
#navigation #q {
  transition: all 0.5s ease 0s;
  width: 100px;
}
#navigation #q:focus {
  width: 160px;
}
    .nav-search.newfocus {
    position: absolute !important;
    top: 0;
    z-index: 1000;
    left: 0;
       width:100% !important;
}
      .nav-search.newfocus input#q {
   width:100% !important;
}
/*   li.nav-search
  {
     float:none !important;
  }
  */
  
   .resp-tabs-list li
      {
      padding: 13px 10px !important; 
      }
}

	@media only screen and (max-width: 767px) {	
  
		#logo { float: none; width: 100%; text-align: center;  }
		#logo h1 a { text-align: center; }
		
		ul#mobile-cart { clear: left; margin-top: 10px; margin-bottom: 10px; height: 40px; line-height: 40px; text-align: center; list-style:none;}
		ul#mobile-cart li { float: none; line-height: 40px; display: inline-block;  }
		ul#mobile-cart li:hover { color: #ffffff;  }
		ul#mobile-cart li a { height: 40px; display: block; padding: 0 10px; font-size: 16px; color: #ffffff;  }
		ul#mobile-cart li a:hover {  text-decoration: none; background: transparent! important; }		
		
		#nav { position: relative; top: auto; left: auto; }
		#nav > a { float: left; width: 40px; height: 40px; text-align: left; text-indent: -9999px; background-color: #ffa9aa; position: relative; }
		#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''; }
		#nav > a:after { top: 60%; }
  		#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block;background: #444444; z-index:999999;}
		

  		#nav > ul { height: auto; display: none; position: absolute; left: 0; right: 0; top:40px;}
		#nav:target > ul { display: block; }
		#nav > ul > li { width: 100%; float: none; background: #ffa9aa;  }

		#nav > ul > li > a { height: auto; text-align: left; }
		#nav > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #ffa9aa; }

		#nav li ul	{ position: static! important; padding-top: 0;	}

		ul#cart { display: none! important; }		
		
		.nav-search { 
            display: block !important;
            float: right !important;
            margin-right: 20px;
            border-left: 1px solid grey;
  		}
  
 		#types { display: none; }
  		
        #rec-art-background { background-image: none! important; }
        #contact-background { background-image: none! important; }
        .mask { display: none! important; }
  
  		textarea { min-width: 0! important; }
        
  		#full-width-filter { margin-top: 0! important; }
		
  		#image-container { display: none; }
		#product-photos { display: none; }
  #gift-card #product-photos { display: block! important; }
		#mobile-product { display: block! important; }	
		#product-left { margin-top: 10px; width: 100%; float: left; padding: 0; background: transparent; position: initial; }	
  
  		#related, #looked-at { display: none; }

		#basket-right { text-align: center; float: left; margin-bottom: 20px; }			
		
		#hide { display: none; }	
				
		.search { width: 100%; }
		#q { width: 100%; }

		ul.footer-left { float: left; width: 100%;  text-align: center; }
		ul#footer-right { float: left; width: 100%; text-align: center; }
    	.footer-left li { text-align: center; float: none; }
		#footer-right li { text-align: center; float: none; }

    	#mce-EMAIL { width: 100%; }
    	.button { width: 100%; }

		#product-description { padding: 0! important; border: 0! important; }
    	#add { width: 100%; }
    	input { width: 100%; min-width: 100%; }
    	#update-cart, #checkout { width: 100%; }
    	.flex-direction-nav { display: none; }
  		.gridlock #footer ul#footer-right.desktop-4 { width: 100% !important;} 
  		#mce-EMAIL { margin-left:0;}
    }
    
/* Responsive Tables */

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		/*display: block;*/ 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
/* 		position: absolute; */
		top: -9999px;
		left: -9999px;
	}
	
	tr { /*border: 1px solid #ccc; margin: 20px 0;*/ }
	
	td { 
		/* Behave  like a "row" */
		/*border: none;
		border-bottom: 1px solid #eee;*/ 
		position: relative;
		padding: 10px; 
        text-align: center;
	}
    
    
    #shopping-cart table input { margin-top: 20px! important; }
    
    .cart-item { display: block; }
/*     .cart-image, .cart-title { display: block; width: 100%;} */
  .cart-image, .cart-title { display: block;float:left;}
    
    #basket-right h4 { font-weight: normal; text-align: center; margin: 20px 0 30px; }

/*     #shopping-cart table td:nth-of-type(2):before { content: "Item Price"; }
    #shopping-cart table td:nth-of-type(3):before { content: "Quantity"; }
    #shopping-cart table td:nth-of-type(4):before { content: "Remove"; }
    #shopping-cart table td:nth-of-type(5):before { content: "Total"; } */

          td, th {
          padding: 0px !important;
        }
  
  


}    

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
    ul#cart li { clear: left; display: block; }
  	#gmap { display: none; }
  

  

    }

    @media only screen and (max-width:480px){
  
      #nav li.nav-search input {
        display: none;
      }
  
      #footer-wrapper {
        float: left;
        width: 100%;
        margin-top: 20px;
      }
      
    #navigation #q{
      background:url(search1.png) no-repeat right center;
     
    }
  
      .currency {
      position: absolute;
      right: 162px;
      top: 73px;
    }
  
    ul#mobile-cart {
      text-align: right;
      
    }
  
  
  .resp-tab-content {
  padding: 2px !important;
}
  
  .resp-tab-content.resp-tab-content-active span, .resp-tab-content.resp-tab-content-active td,
  .resp-tab-content.resp-tab-content-active p, .resp-tab-content.resp-tab-content-active td div {
    font-size: 10px;
  }
  
  .resp-tab-content td {
  font-size: 10px;
}
  
}

#add.disabled{
   background: url(//cdn.shopify.com/s/files/1/0217/6856/t/42/assets/sold-out.png?10238484372855928720);
   background-size:100% auto;
   height:55px;
  
}

ul.wishlist li.product {
float: left;
width: 100%;
list-style: none;
border-bottom: 1px solid #000;
margin-bottom: 11px;
}
ul.wishlist li.product div.product-image-fixed {
width: 170px;
float: left;
}
ul.wishlist li.product  div.product-title-fixed {
width: 55%;
float: left;
}
ul.wishlist li.product  div.product-remove-fixed {
float: left;
width: 100px;
}
ul.wishlist li.product  div.product-add-fixed {
width: 170px;
float: right;
}