/*
* Foundation Shopify Theme
* Copyright 2013, Underground Media
* www.undergroundmedia.co.uk
*/

/* #Base Styles
================================================== */

html { font-size: 62.5%; }
    body {
		background: #ffffff;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative; 
    color: #000000;
    text-rendering: optimizeLegibile;
 }

/* #Typography
================================================== */

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }

	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-weight: 100;
    text-transform: uppercase;
        }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 20px; margin-bottom: 10px;}
	h2 { font-size: 18px; margin-bottom: 10px; }
	h3 { font-size: 16px; margin-bottom: 8px; }
	h4 { font-size: 20px; margin-bottom: 5px; }
	h5 { font-size: 14px; margin-bottom: 5px; }
	h6 { font-size: 14px; margin-bottom: 5px; }
    hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
    
    .subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

	p { margin: 0 0 17px 0; line-height: 1.6; font-size: 14px; }
	p img { margin: 0; }
    p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

    em, i { font-style: italic; line-height: inherit; }
    strong, b { font-weight: bold; line-height: inherit; }
    small { font-size: 90%; line-height: inherit; }
    code { font-weight: bold; background: #ffff99; }
    
    b {font-weight: bold;}
    i { font-style: italic; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }


/* #Links
================================================== */

	a, a:visited { color:#000000; outline: 0; text-decoration: none; }
  a img { border: 0; outline: 0; border-style: none; text-decoration: none; text-shadow: 0 none; }
a:hover, a:focus { color:#f50a2d; text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */

    .left { float: left; }
    .right { float: right; }
    .text-left { text-align: left; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px;}
    .text-right { text-align: right; }
    .text-center { text-transform: uppercase; text-align: center; padding-bottom: 10px; margin-bottom: 20px; }
    .hide { display: none; }
    .hide-override { display: none !important; }
    .highlight { background: #ffff99; }
    #googlemap img, object, embed { max-width: none; }
    #map_canvas embed { max-width: none; }
    #map_canvas img { max-width: none; }
    #map_canvas object { max-width: none; }
    
/* Start the Content ---------------------- */

#logo h1 { padding-left: 0; }
#banner { font-size: 14px; height: 40px; background: #ffffff; line-height: 38px; }
#banner a  { text-transform: none; line-height: 40px; color: #ffffff; }
#banner ul { margin-bottom: 0; }
#wrapper {  }
#head{ background: #ffffff; position: relative; padding-top: 10px; }
#search { padding: 0; height: 40px; overflow: hidden; }
#search form { margin-top: 4px; font-size: 12px! important;}
#q { float: right; }
#content { margin-top: 20px; margin-bottom: 30px; }
#menu { display: none; }

.cart { margin-top: 10px; padding-right: 0! important; }
.cart ul { float: right; }
.cart > ul > li {
	float:left;
	margin-left:10px;
	display:block;
	background-color: #ffffff;
	background-position:center 5px;
	background-repeat:no-repeat;
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    color: #000000;
    padding: 2px;
    text-align: center;
}
.cart > ul > li:hover {
	background-color: #fffb08;
	background-position:center -37px; 
    color: #000000;
}
/* Default icon for all custom links after the "Log In" link" */

.cart > ul > li > a {
	display:block;
	font-size:11px;
	min-width:58px; 
	height:22px;
	padding:24px 6px 0;
	text-align:center;
	color: #000000;
    position: relative;
    z-index: 1;
    bottom: 22px;
}

.cart > ul > li:hover > a { color: #000000; }


/* Top links
-------------------------------------------------------------- */
.cart > ul > li {
    transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
}
.cart > ul > li:hover {
/*	opacity:1;
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;*/
}
.cart > ul > li > a {
	transition:			color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out;
}
.cart > ul > li:hover > a {
	opacity:1;
	transition:			opacity 300ms;
	-moz-transition:	opacity 300ms;
	-webkit-transition:	opacity 300ms;
	-o-transition:		opacity 300ms;
}

.icon-home {
    line-height: 34px;
}

/* =============== */
/* = index.liquid = */
/* =============== */

#slider { ; }

#homepage-promo-images { padding-top: 20px; background: #ffffff; }
#homepage-promo-images ul { line-height: 0; }
#homepage-promo-images ul li { padding-bottom: 0; }
#homepage-products { position: relative; padding-top: 20px; padding-bottom: 20px; background: #ffffff;}
#homepage-products h2 { color: #000000; border-bottom: 3px double #eeeeee; overflow: visible; line-height: 24px; height: 9px; margin: 0 0 50px 0;}
#homepage-products span { background-color: #ffffff; padding: 0 10px; }
#homepage-products h3, #homepage-products h3 a { text-decoration: none; color: #000000; }

ul#homepage-products-mobile { display: none; }

#featured { background: url(loader.gif) center center no-repeat; height: 300px; }
#featured img { display: none; }
#featured.orbit { background: none; }
#featured.orbit img { display: block; }

#featuredContent { background: url(loader.gif) center center no-repeat; height: 300px; }
#featuredContent div { display: none; }
#featuredContent.orbit { background: none; }
#featuredContent.orbit div { display: block; }

#homepage-text { padding-top: 30px; background: ;}
#homepage-blog { color: #000000; text-align: left; padding-top: 20px; padding-bottom: 20px; background: #ffffff; }
#homepage-blog a { color: #000000; }
#homepage-blog h2 { color: #000000; border-bottom: 3px double #eeeeee; overflow: visible; line-height: 24px; height: 9px; margin: 0 0 40px 0;}
#homepage-blog span { background-color: #ffffff; padding: 0 10px; }
#homepage-blog h4 { color: #000000; margin-bottom: 20px; }
#homepage-blog h5 { color: #000000; }
#homepage-content { padding-left: 0; }
#homepage-content img { max-width: 120px; margin-top: 10px; margin-right: 20px;  float: left; }

.index-art { width: 255px; float: left; margin-bottom: 10px; padding: 0 15px; }
ul#index-blog-articles li { color: #000000; overflow: auto; margin-bottom: 30px; clear: left; border-bottom: 1px solid #eeeeee; }
ul#index-blog-articles li a { color: #000000; }

#leftpromo, #midpromo, #rightpromo { margin-bottom: 20px; }

.twitted { margin-bottom: 1.5em; }
.twitted p.preLoader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url("loader.gif") 1em center no-repeat; }
.twitted ul#twitter_update_list { margin: 0; padding: 0 0.8em; list-style-type: none; }
.twitted ul#twitter_update_list li { margin: 0; padding: 0.8em 0 1em 0; border-bottom: 1px solid #eeeeee; }
.twitted ul#twitter_update_list li span { padding: 0; display: block; font-size: 14px; }
.twitted ul#twitter_update_list li.firstTweet { }
.twitted ul#twitter_update_list li.lastTweet { border-bottom: none; }


/* =============== */
/* = collections = */
/* =============== */

#collection-left { margin-top: 11px; }
#collection-left select { display: none; }

.collection-description { margin-top: 11px; margin-bottom: 20px; }
.collection-description h1 {  margin-bottom: 20px; }
.collection-description img {  }

ul#linklists { margin-bottom: 30px; }
ul#linklists a.current { text-decoration: underline; }
ul#designer-linklists { margin-bottom: 30px; }
#paginate-bar { width: 100%; padding: 20px 0; margin-bottom: 20px; float: left; border-bottom: 1px solid #eeeeee; }
#bottom-paginate-bar { height: 40px; line-height: 40px; margin-top: 30px; margin-bottom: 30px; clear: left; text-align: center; }
.page { margin: 0 5px; padding: 4px 6px; background: black; border-radius: 3px; color: white; }
.page a { color: #fff; }
.page:hover { background: #666; }
.page.current { color: black; background: #F9F9F9; }
.next { margin-left: 10px; }
.prev { margin-right: 10px; }
#more { clear: left; }
#collections { }
#collections h3 { border-bottom: 1px solid #eeeeee; padding-bottom: 5px;}
ul#links { margin-bottom: 10px;}
ul#links li { list-style-type: none; padding: 2px 0; display: block; }
ul#links li a:hover{ text-decoration: none; } 
ul#links li.active a {text-decoration: underline; }
ul#links li a.current {text-decoration: underline;}    

ul#collectionlist { clear: left; text-align: center;}
ul#collectionlist li { margin-bottom: 30px;  }
.collection-image { margin-bottom: 20px; position: relative; }
.collection-image img {  }
.collection-image .img2 { visibility:hidden; }
#triangle { color: #fff; width: 0px; height: 0px; border-style: solid; border-width: 0 0 40px 40px; border-color: transparent transparent #eee transparent; position: absolute; bottom: 0px; right: 0px; }
.icon-zoom-in { color: #fff; position: absolute; right: 2px; top: 17px; }

#sorting-hat .custom { margin-bottom: 0; }
ul#sortme { margin-bottom: 0; }
ul#sortme li { display: inline-block; margin: 0 20px 0 0; }
ul#sortme p { margin-bottom: 5px; }

.collection-products { text-align: center; }
.collection-products h2 { text-transform: uppercase; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px;}
.collection-products h3 { text-transform: uppercase; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px;}
.collection-product h3 a { text-transform: uppercase; color: #000000; }
.collection-products .money { font-size: 14px; }
.prices { clear: left; display: block; }
.sale { width: 75px; height: 75px; position: absolute; top: 0; left: 0; }
.gone { width: 75px; height: 75px; position: absolute; top: 0; left: 0; background: url(//cdn.shopify.com/s/files/1/0661/5283/t/4/assets/allgone.png?10263366539085841057);}
.sale { width: 75px! important; height: 75px; background: url(//cdn.shopify.com/s/files/1/0661/5283/t/4/assets/sale-red.png?10263366539085841057);}

.red { text-decoration: line-through; color: #f50606; }
.was{ text-decoration: line-through; color: #f50606; }

.money {font-weight: 100; font-size: 20px; }

/* ================ */
/* = Product page = */
/* ================ */

#mobile-product { display: none; }
#mobile-product img { max-height: 600px! important; width: auto! important; }
#product-images { margin-top: 20px; }
#product-photos { float:left; }
#product-photo-container { text-align:left; position:relative; overflow:hidden; float: left; }
#product-photo-container a { display:block; position:absolute; overflow:hidden; color:transparent; outline:none; background:transparent; }
#product-photo-container img { max-width: 400px; position:absolute; display:none; left:0; top:0;}
#product-photo-thumbs { list-style-type:none; }
.product-photo-thumb { margin-bottom: 5px; float:left; text-align:left; background-color:transparent; cursor:pointer; }
.product-photo-thumb img { max-width: 111px; opacity:0; }      
#product-description { position: relative; margin-top: 20px;}
#product-description h1 { border-bottom: 1px solid #eeeeee; padding-bottom: 2px; }
#product-price { font-size: 16px; margin-top: 10px; }
#recent { border-top: 1px solid #eeeeee; padding-top: 20px; margin-top: 20px; margin-bottom: 30px; }
#recent h4 { margin-bottom: 20px; }
.desc { position: relative; border-top: 1px solid #eeeeee; margin: 20px 0; padding-top: 20px;}
#soc { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; }

.what-is-it { margin-bottom: 20px; }
.what-is-it label { display: inline; }

/* =============== */
/* = Cart = */
/* =============== */

#basket-right { text-align: right; float: right; }
#basket-right h3 { font-weight: bold; padding: 5px 15px 15px 0; }


/* =============== */
/* = Blogs & Pages = */
/* =============== */

ul#blog-articles { list-style-type: none; clear: left; padding: 0; }
ul#blog-articles li { margin-bottom: 10px;  padding-bottom: 30px; }
.article-headline { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }
.art { width: 340px; float: left; margin-bottom: 10px; padding: 0 15px; }

/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

ul#posts { list-style-type: none; margin-top: 10px; }
ul#posts li { margin: 5px 0; }
ul#posts li a.current { text-decoration: underline; }

#excerpt img { margin-bottom: 10px; }
#excerpt a:hover {text-decoration: none;} 
#excerpt p { }

.page ul li {  list-style-position: inside; padding-bottom: 10px; margin-left: 10px; }
.article { margin: 10px 0; }
.article-body { margin: 10px 0; padding: 0 0 20px 0; }

#comments { border-top: 2px solid #eeeeee; margin-top: 10px; padding-top: 20px; }
#comment-pagination { margin: 10px 0; padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
#comments ul { margin: 10px 0; list-style-type:none; }
#comments ul li { padding: 10px; border: 1px solid #EEE; margin-bottom: 10px; width: 50%; background: #FBFBFB; }
.comment-details { color: #666; }
.notice { background: #fbfbfb; color: #333; margin-bottom: 10px; padding: 0.5em 0.7em; border: 1px solid #eee; width: 50%; }

#comments form { border-top: 2px solid #EEE; margin: 20px 0; padding: 20px 0; }
#comment_body { border: 1px solid #CCC; padding: 4px 6px; }
#comments dl { margin-top: 10px; }
#comments dl dt { margin-top: 10px; margin-bottom: 3px; }

/* Search
----------------------------------------------------------------------------------------------------*/



.search-field {
    width: 150px! important;
}
	
form .search-button {
    position: absolute;
    right: 7px;
    top: 12px;
    vertical-align: middle;
    z-index: 999;
}


.left form .search-button {
    border: 0 none;
    position: relative;
    left: -30px;
    top: 0px;
    vertical-align: middle;
    z-index: 999;
}

#search-page {
    min-height: 100px;
}

#search-bar form {
	margin-bottom: 0! important;
}

#search-bar #q {
	float: left;
}

#search-bar #seek {
	top: 7px;
}

#search_results {
    margin: 20px 0 0 0! important;
}

#search_results input {
  width: 100%! important;
}

#search_results h3 {
  margin: 0! important;
  padding: 0;
} 

#searchresults li {
  margin: 10px 0! important;
  clear: none! important;
}

.result-image {
  float: none;! important
  margin-right: 0! important;
}

/* =============== */
/* = Customer Accounts = */
/* =============== */

#customer-wrapper { padding: 10px; }
#customer-wrapper p { margin-bottom: 0; }
#customer-wrapper h2 { margin-bottom: 20px; }
#forgot_password {
margin-bottom: 20px;
clear: left;
}

#customer-wrapper tfoot .label { color: #000; line-height: 36px; }
#return_to_store {
margin-bottom: 20px;
}
#customer_sidebar {
margin-bottom: 20px;
}
#customer_orders {
margin-top: 20px;
}
.name {
text-transform: uppercase;
}
.order_section_title {
margin: 10px 0;
}
#order_details {
margin-top: 20px;
}
#return_to_account {
margin-bottom: 20px;
}
#address_tables {
margin-top: 20px;
}
.address_table { margin-bottom: 40px; height: 200px; }
#add_address {
margin-top: 20px;
}
#customer_detail p { margin-bottom: 0; }
#view_address { margin-top: 20px; clear: both }
.customer_address_table {
padding: 0 10px;
}
.view_address p { margin-bottom: 0; }

#order_payment, #order_shipping { float: left; min-width: 300px; }

.account.money {
  font-size: 14px; 
}



/* =============== */
/* = Footer = */
/* =============== */


#footer { background: #ffffff; padding-bottom: 20px; }
.left { float: left; }
.left h4 { display: inline; margin-right: 10px; }
ul.list { list-style-type: none; }
ul.list h4 { display: inline-block; }
ul.list li { display: inline-block; }

ul#big-footer { float: left; border-top: 1px solid #ffffff; margin-bottom: 20px; border-bottom: 1px solid #ffffff; padding: 30px 0 10px; list-style-type: none; }
ul#big-footer li { margin-bottom: 10px; }
ul#big-footer li img { width: 25px; margin: 0 5px 5px 0; }
ul#big-footer { list-style-type: none; color: #000000; }
ul#big-footer a { color: #000000; }
ul#big-footer a:hover { color: #47e6bc; }
ul#big-footer h4 { font-weight: bold! important; margin-bottom: 10px; color: #000000;  }
#mc-embedded-subscribe { float: left; line-height: 1.4;  }
#mce-EMAIL { float: left; width: 150px; margin-right: 10px; }
#end { }
#close { color: #000000; clear: left; }
#close img { width: 50px; margin: 0 10px 10px 0; }
#close-right { text-align: right;  line-height: 32px; color: #000000; }
#close-right a { color: #000000; }
#close-right a:hover { color: #47e6bc; }

/* =============== */
/* = Global = */
/* =============== */

#paginate-bar { width: 100%; padding: 20px 0; margin-bottom: 20px; float: left; border-bottom: 1px solid #eeeeee; }
#bottom-paginate-bar { height: 40px; line-height: 40px; margin-top: 30px; margin-bottom: 30px; clear: left; text-align: center; }
#blog-paginate-bar { margin-bottom: 20px; border-bottom: 1px solid #eeeeee; }
#paginate {
	text-align: right;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

#social-icons { text-align: right; }
.icon-twitter, .icon-facebook { font-size: 20px; }
#pagination { float: right; clear: left; margin-top: 10px;  }