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


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

    body {
		background: {{ settings.background }} {% if settings.bg_image != "nobg" %} url( {{ settings.bg_image | asset_url }} ) {% endif %};
        font-family:{{ settings.font }};
		font-size: {{ settings.font-size }};
        color: {{ settings.text_color }};
 }
 
/* Global Reset & Standards ---------------------- */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

	h1, h2, h3, h4, h5, h6 {
		color: {{ settings.heading-color }};
		font-family:{{ settings.headings_font }};
		font-weight: 300;
        text-transform: none;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: {{ settings.h1-size }}; margin-bottom: 10px; }
	h2 { font-size: {{ settings.h2-size }}; margin-bottom: 10px; }
	h3 { font-size: {{ settings.h3-size }}; margin-bottom: 10px; }
	h4 { font-size: {{ settings.h4-size }}; margin-bottom: 10px; }
	h5 { font-size: {{ settings.h5-size }}; margin-bottom: 10px; }
	h6 { font-size: {{ settings.h6-size }}; margin-bottom: 10px; }

	p { margin: 0 0 10px 0; line-height: 20px; color: {{ settings.text_color }}; }
	p img { margin: 0; }
	p.lead { font-size: 20px; line-height: 20px;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 100%; }
    
    b {font-weight: bold;}
    i { font-style: italic; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; 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 { }

	hr { border: 1px solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

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

    a, a:visited { color:{{ settings.link_color}}; text-decoration: none; outline: 0; }
	a:hover, a:focus { text-decoration: {{ settings.link-decoration }}; color: {{ settings.link_hover_color }}; }
	p a, p a:visited { line-height: inherit; }
    
/* #Header
================================================== */

#top-bar { background: {% if settings.transparent %}transparent{% else %}{{ settings.top-bar-background }}{% endif %}; line-height: 30px; color: {{ settings.top-bar-color }}; }
#top-bar a { color: {{ settings.top-bar-color }}; }
#header {  }
#search { padding: 20px 0; position: relative; }
#seek { position: absolute; top: 26px; right: 5px; }
#logo { text-align: left; padding: 20px 0;  }

ul#top-bar-left { list-style: none; }
ul#top-bar-left li { padding: 2px 0; display: inline; margin: 0 10px 0 0; }
ul#top-bar-left li a { line-height: 30px; }
ul#top-bar-left li span.customSelect { width: 100px; }
ul#cart { text-align: right; list-style: none; }
ul#cart li { display: inline; margin: 0 0 0 10px; }
#cart li a { line-height: 30px; }

/* #Nav
================================================== */

#main-nav { padding-bottom: 15px; }
#main-nav .row { padding:20px 20px 70px; overflow: visible! important; }

ul#nav { background: {{ settings.navigation }}; margin-bottom: 0; list-style: none; height: 50px; text-align: left;}
ul#nav li { float: left; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; 
display: inline-block; position: relative; z-index: 88000; }
ul#nav li:hover { background: {{ settings.nav_hover_color }}; color: {{ settings.nav_hover_link_color }}; }
ul#nav li:hover a { color: {{ settings.nav_hover_link_color }}; }
ul#nav li a { font-family: {{ settings.navigation-font}}; font-weight: {{ settings.nav_weight }}; font-size: {{ settings.nav_size }}; color: {{ settings.nav_color }}; line-height: 50px; display: block; padding: 0 20px; text-transform: {{ settings.navigation-transform}}; }
ul#nav li a:hover { color: {{ settings.nav_hover_link_color }}; text-decoration: none; }

ul#nav li ul{
    display: none;
    position: absolute;
    top: 50px;
    z-index: 5000;
    width: 180px;
    margin: 0;
    background: {{ settings.dropdown_background_color }};
    border-bottom: 5px solid {{ settings.nav_hover_color }};
    -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

ul#nav li:hover ul{ display: block; }
ul#nav li ul li{ min-width: 180px; text-align: left; line-height: 30px; margin: 0; padding: 0; }
ul#nav li ul li.first { margin-top: 10px; }
ul#nav li ul li.last { margin-bottom: 10px;  }
ul#nav li ul li a { color: {{ settings.nav_dropdown_color }}! important; }
ul#nav li ul li a:hover { color: {{ settings.nav_dropdown_color }}; }

ul#nav li ul li a{
    text-align: left;
    color: {{ settings.nav_dropdown_color }};
    text-transform: {{ settings.dropdown-transform}};
    font-size: 13px! important;
    font-weight: normal;
    font-family: {{ settings.font }};
    line-height: 30px;
}

ul#nav li ul li:hover { background: {{ settings.dropdown_hover_link_color }}; }
nav.primary select { display: none; }
.arrow-down { width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ccc; position: absolute; top: 25px; right: 5px; }
.down { float: right; margin-top: -25px; margin-right: 7px; font-weight: bolder; color: {{ settings.nav_color }}; }

/* #Content
================================================== */

#content { margin-bottom: 40px; }

/* #Index
================================================== */

#message {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px 0;
    font-family: {{ settings.message-font-family }};
    font-size: {{ settings.message-font-size }};
    color: {{ settings.message-font-color }};
    letter-spacing: 1px;
}

#homepage-products, #social, #promo, #homepage-articles { position: relative; }
#promo { padding-top: 20px; text-align: center; }
#social { padding-top: 20px; padding-bottom: 20px; }
#homepage-products { padding-top: 20px;  }
#homepage-articles { padding-top: 20px; }
#social-icons { margin-top: 20px; position: relative; background: {{ settings.footer-background }}; padding-top: 40px; }
#icons { text-align: center; }
#icons img { margin: 0 5px; }

#homepage-products h2, #homepage-articles h2 {
    text-align: left;
    padding: 0 0 10px 0;
    border-bottom: 1px solid {{ settings.dotted_color }};
    margin-top: 10px;
    margin-bottom: 20px;
}

ul#promo-boxes li {  }

#mc_embed_signup { float: left; margin-top: 10px; }
#mce-EMAIL { float: left; margin-bottom: 0; }
#mc-embedded-subscribe { float: left; height: 29px; line-height: 0; margin-left:10px; margin-right: 10px; }

/* #Collection
================================================== */

#sidebar h1 { color: {{ settings.sidebar-links }}; }
#sidebar { color: {{ settings.sidebar-links }}; float: left; background: {{ settings.collection-sidebar }}; padding: 10px 0 10px 10px; }
#sidebar a { color: {{ settings.sidebar-links }}; }

/* Reset */

.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
    margin: 0;
    padding: 0;
    border: none;
	outline: none;
    margin-bottom: 0;
}

.accordion { margin-bottom: 0! important; padding: 0 5px 0 0; }

.accordion li {
	list-style: none;
    border-top: 1px solid {{ settings.dotted_color }};
    line-height: 40px;
    margin-bottom: 0 !important;
}

#sidebar .accordion li > a:hover {  }
.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	height: 40px;
	text-decoration: none;
    background: url(min.png) no-repeat;
    background-position: right;
}
.accordion > li:target > a,
.accordion > li > a.active {
	background: url(plu.png) no-repeat;
    background-position: right;
}
.sub-menu ul {
    border: 0;
}
.sub-menu li {
	border: 0;
    padding-left: 10px;
}
.sub-menu li a { background: transparent! important; height: 30px; line-height: 30px;  }
.sub-menu li a:hover {  }
.no-drop a { background: transparent! important; }
.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px Arial, sans-serif;
}
.accordion li > .sub-menu {
	display: none;
    margin-bottom: 10px;
}
.accordion li:target > .sub-menu {
	display: block;
}

#collection {  }
.product { position: relative; border: 1px solid {{ settings.prod_border }}; margin-bottom: 40px; padding: 5px 5px 10px 5px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; transition: border-color 0.15s ease;   }
.product:hover { }
.product h3 { font-size: {{ settings.products_font_size }}! important; font-family: {{ settings.products_font }}; }
#product-info { text-align: left; border-top: 1px solid {{ settings.prod_border }}; padding-top: 10px; margin-top: 10px; }

.price { display: inline; font-size: 14px; }
.sale { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url({{ 'sale-banner.png' | asset_url }}); }
.new { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url({{ 'new.png' | asset_url }}); }

.onsale { color: crimson; margin-right: 10px; }
.was { text-decoration: line-through; }

#sorting-hat { border-bottom: 1px solid {{ settings.dotted_color }}; position: relative; padding: 10px; margin-top: 10px; }
ul#sortme { margin: 10px 0; }

#sidebar ul#sortme p { margin-bottom: 0; margin-top: 10px; }

.clearfix.filter { display: block; border: 0; }
ul#sortme li { }
ul#sortme p {  }
.coll-filter {  }

#filter { margin: 10px 0; float: left; }
#filter .clearfix.filter { float: left; margin-bottom: 20px; margin-right: 20px; }

.collection-description h1 { text-align: left; padding: 0 0 10px 0; border-bottom: 1px solid {{ settings.dotted_color }}; margin-bottom: 20px; }
#collection-description-with-sidebar { margin-bottom: 30px; }

.pagination { text-align: center; }
.pagination li { display: inline; padding: 0 5px; }
.pagination li a { background: {{ settings.pagination_background }}; padding: 5px 8px; color: {{ settings.pagination_color }}; }
.pagination li a:hover { background: {{ settings.pagination_background_hover }}; color: {{ settings.pagination_link_hover }}; }
.pagination li.current a { background: transparent; color: {{ settings.text_color }}; }

/* #Product
================================================== */

.desc { line-height: 20px; }
#product-variants { margin-bottom: 20px; }
.styled-select { height: 30px! important; }
#add { clear: left; display: block; margin-top: 20px; }
.selector-wrapper label { margin: 10px 0 5px 0; }
.single-option-selector { height: 30px; }

#product-price { font-size: 16px; margin: 15px 0 20px; }
.desc .sub-menu li { padding-left: 0; }

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

#cartpage { margin: 10px 0; }
table {  width: 100%;  border-collapse: collapse;  }
/* Zebra striping */
th {  font-weight: bold;  }
td, th {  padding: 6px;  text-align: left;  }
#basket input { width: 40px! important; text-align: center! important; margin: 0 auto! important; }
.basket-desc { padding-top: 2px; float: left; }
#basket-right { margin-top: 20px; text-align: right; float: right; }
#basket-right h3 { font-weight: bold; padding: 5px 15px 15px 0; }
#basket p { }

table, tr, td { border: 1px solid {{ settings.dotted_color }}; vertical-align: middle;  }

#basket td { border: 0; }

table tbody tr td { padding: 9px 10px; vertical-align: middle; }

/* #Blog
================================================== */

#page { margin-bottom: 50px; }

ol { margin-bottom: 20px! important; list-style-position: inside! important; }

#page ul { list-style-type: disc; list-style-position: inside; }

ul#blog-articles { list-style-type: none; text-align: center; }
ul#blog-articles li { margin-bottom: 50px;  }

ul#posts { list-style-type: none; margin-top: 10px; }
ul#posts li { margin: 10px 0; }
ul#posts li a { text-decoration: none; font-weight: bold; }

#page #sidebar { float: right;  }
#page #sidebar h3 { font-size: 20px; border-bottom: 1px solid {{ settings.dotted_color }}; padding-bottom: 4px; }

.page ul li {  list-style-position: inside; padding-bottom: 10px; margin-left: 10px; }
.article { margin: 10px 0; }
#article-body { float: left; text-align: left; padding: 0 0 20px 0; margin-top: 10px; }
#article-body h2 { padding-bottom: 5px; font-size: 20px; }

#article-body h1, #article-body h2 { border-bottom: 1px solid {{ settings.dotted_color }} }
#article-body h1 a, #article-body h2 a { text-decoration: none; }

#comments { clear: left;  border-top: 2px solid {{ settings.dotted_color }}; margin-top: 10px; padding-top: 20px; }
#comment-pagination { margin: 10px 0; padding: 10px 0; border-top: 1px solid {{ settings.dotted_color }}; border-bottom: 1px solid {{ settings.dotted_color }}; }
#comments ul { margin: 10px 0; list-style-type:none; }
#comments ul li { padding: 10px; border-bottom: 1px solid {{ settings.dotted_color }}; margin-bottom: 10px;  }
.comment-details { color: #666; }
.notice { line-height: 20px; background: #fbfbfb; color: #333; margin-bottom: 10px; padding: 0.5em 0.7em; border: 1px solid #eee; }

#comments form { 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
================================================== */


/* #Accounts
================================================== */



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

#footer { color: {{ settings.footer-text-color }}; background: {{ settings.footer-background }}; text-align: center; position: relative; padding-bottom: 40px; padding-top: 20px; }
#footer img { height: 30px; }
#footer a { color: {{ settings.footer-text-color }}; }

ul#footer-links { list-style: none; text-align: center; margin-bottom: 20px; }
ul#footer-links li { display: inline; padding: 0 10px;  }

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

#toppanel {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
    width: 100%;
	color: #000;
    background: {{ settings.slide-background }} {% if settings.slide-bg != "no_bg" %} url( {{ settings.slide-bg | asset_url }} ) {% endif %};
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
    text-align: left;
    padding: 20px; 0;
    border-bottom: 1px solid #eee;
}

#panel h3 { margin-bottom: 20px; }

#panel a {
    color: #000;
}

#panel #recover-password { float: left; clear: both; }

#panel input { margin-right: 10px; }
#panel .large_form { margin-bottom: 10px! important; }
#customer h4 { margin: 20px 0; }
#panel #login_email, #panel #login_password, #panel #first_name, #panel #last_name { float: left; margin: 0 10px 0 0; }
#panel #email { clear: left; }
#panel #email, #panel #password { padding-top: 10px; float: left; margin: 0 10px 0 0; }
#panel .login-button { clear: left; float: left; }
#panel #forgot_password { clear: none; float: left; line-height: 36px; margin-left: 10px; }
#panel .signup_button { float: left; clear: left; margin: 20px 0 0; }

#login_password { clear: left; }

#guest { float: left; clear: left; margin: 30px 0; }

#customer-wrapper { padding: 40px 30px; overflow: auto; }
#customer-wrapper h2 { margin-bottom: 20px; }
#customer-wrapper table { margin-bottom: 20px; }
#customer-wrapper th { background-color: #FAFAFA; border-bottom: 1px solid #CCCCCC; color: #222222; font-weight: bold; height: 25px; line-height: 25px; padding: 2px 5px; text-align: left; vertical-align: middle; }
#customer-wrapper td { border-bottom: 1px solid #EEEEEE; line-height: 22px; padding: 5px; vertical-align: middle; }
#customer-wrapper p { margin-bottom: 0px; }
#customer-wrapper a {  }
#customer-wrapper input[type="button"], #customer-wrapper input[type="submit"], #customer-wrapper input[type="image"], #customer-wrapper button { cursor: pointer; }
#customer-wrapper button, #customer-wrapper input, #customer-wrapper select, #customer-wrapper textarea { margin: 0; }
#customer-wrapper select, #customer-wrapper input, #customer-wrapper textarea, #customer-wrapper button { font:99% sans-serif; }
#customer-wrapper label { color: #999999; display: block; float: left; font-weight: 400; height: 32px; line-height: 32px; margin: 0 20px 0 0; padding: 0; text-align: left; width: 125px; }
.address_table input { margin: auto 0;}
#customer-wrapper label.large { width: 200px; }
#customer-wrapper label.login { width: 150px; }
#customer-wrapper input:focus.large, 
#customer-wrapper input:active.large { 
  border: 1px solid #ABC4CE;
  -moz-box-shadow:    0px 0px 3px #3084CA;
  -webkit-box-shadow: 0px 0px 3px #3084CA;
  box-shadow:         0px 0px 3px #3084CA; }
#customer-wrapper input.large { float: left; margin-right: 10px; margin-bottom: 10px; }
#customer-wrapper input.cancel { background: none; border: 0; color: #3084CA; font-weight: normal; padding: 0; }


#customer-wrapper a.btn { color: #3A3A3A; display: inline-block; font-weight:bold; padding: 4px 8px; text-shadow: 0 1px 1px #FFFFFF; }
#forgot_password {
margin-bottom: 20px;
clear: left;
}
#return_to_store {
margin-bottom: 20px;
}
#customer_sidebar {
float: left;
}
#customer_orders {
float: right;
}
.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; }
#add_address {
margin-top: 20px;
}

.view_address {
clear: left;
float: left;
margin-top: 10px;
}

span.customSelect { 
    font:12px sans-serif;
    background:#fff url({{ 'dn.png' | asset_url }}) right center no-repeat;
    border:1px solid #ddd;
    color:#555;
    padding:7px 9px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
    width:175px;
}



#instagram-feed { padding-top: 20px; }

#instagram-feed h4 {
	text-align: left;
	padding: 0 0 10px 0;
  	border-bottom: 1px solid {{ settings.dotted_color }};
	margin-top: 10px;
	margin-bottom: 20px;
}
  
.instagram { overflow:hidden; margin-bottom:7px;  }
.instagram-placeholder { float:left;  }
.last { margin-right:0; }
.instagram-placeholder a img { height:183px; width:183px; padding: 5px; }


/* SLIMBOX */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 78px; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(flexnav.png) no-repeat 0 50%; width: 78px; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(flexnav.png) no-repeat 100% 50%; idth: 78px; margin-left: -78px; }
#lbBottom { font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: normal;  }

