Back to Top
Style Block - Flint at Aarcade

Flint

Style Block

Suitable for Aarcade’s Invisible Light Theme

Free

Style blocks are provided to show how the appearance of Aarcade themes can be easily changed using the inbuilt theme styles and options.

They can be used as they are or for inspiration / reference when applying changes to your own Aarcade theme appearance.

See installation instructions below.

Instructions

Make sure you have the latest version of Aarcade’s Invisible Light theme installed before proceeding with the following instructions. This extra will only work with the latest version of Aarcade’s Invisible Light theme. To install the latest version of your theme, refer to How do I upgrade my theme?.

To install this style block as is, navigate to your Big Cartel CSS edit area as detailed in the support article How do I locate and use my theme’s CSS?

Delete all CSS sections (as detailed in the above-linked article) except the Theme Information section (this is the first section of your coding that lists your theme title, version and other information).

Copy all of the code in the code box at the end of these instructions and paste it into your CSS edit area after your Theme Information section.

Style Block Settings

As well as reviewing all of the standard CSS settings – i.e. colours, fonts and extra styles – the Flint style block includes additional style settings to control:

  1. hiding all home page content
  2. home page background images – clear the image URLs if you do not want a home page background image – if you add more than one image, this will create a background slide on advanced web browsers (e.g. Safari and Chrome)

To locate these extra settings, scroll down to the Custom Styles area and view the first section of the Style Block custom styles. The settings begin with the section title:

/* STYLE BLOCK SETTINGS */

Click the Save link when you have finished editing your CSS code.

Theme Settings

Additionally, the Flint preview has some theme options that have been set differently to the default. If you wish to apply some of these same changes to your theme, they include:

  1. IMPORTANT: The “Home” link is hidden and the “View All” link is renamed “Products” and is moved to the start of the page menu..
    {% assign all_products_link_location = 'pp' %}
    ..to ensure access to products (since the category menu is hidden on the home page via the style block CSS). For more information see How do I remove or edit the View All and Home links in my Big Cartel theme menus?
  2. Contact page link is moved to the footer – see How do I add links to my shop menus? for complete details on editing your theme menus.
  3. Social icons style set to 8.
  4. Product page fade transition set to no.
  5. Product page product option selector set to js-select.
  6. Product page product sharing tools set to share tweet, size set to large and style set to 5.

Refer to the support article How do I use the Custom Options for my Big Cartel theme? for details on locating and setting the custom options mentioned in the above list.

Take or remove elements or uninstall this style block

To uninstall this style block, refer to How do I install and uninstall an alternate style block?

To take elements from this style block and apply them to your own theme (without installing the entire style block) or to edit and remove elements of this style block after installation, refer to section Style blocks for reference of the article How do I install and uninstall an alternate style block?

Copy style block below

/*====================================================
IMPORT STYLESHEETS - To import a style sheet you MUST
enter the import code in this first section.
====================================================*/

@import url(https://fonts.googleapis.com/css?family=Raleway:100,300|Noto+Sans:400,700,400italic,700italic);

/*====================================================
COLOURS
Refer to instructions at http://goo.gl/dJTY0
====================================================*/

/* = = = = = = = = = = = = = = = = = Layout & Header Colours */

/* - - - - Main Background */
{% assign main_background = '#eeeeee' %}
/* This theme has a default background image.
Refer to the EXTRA STYLES section below to deactivate it
or upload your own background image to override it. */

/* - - - - Page Background */
{% assign page_background = '#ffffff' %}

/* - - - - Shop Header Background */
{% assign shop_header_background = '#000000' %}

/* - - - - Shop Title & Header Text */
{% assign shop_title = '#ffffff' %}

/* - - - - Header Form Input Text i.e. Newsletter Sign Up & Search Forms */
{% assign header_form = '#bbbbbb' %}

/* - - - - Header Form Input Background */
{% assign header_form_background = '#000000' %}

/* - - - - Header Form Input Border */
{% assign header_form_border = 'transparent' %}

/* - - - - Header Form Input Background When Being Used */
{% assign header_form_focus_background = '#333333' %}

/* - - - - Header Form Input Border When Being Used */
{% assign header_form_focus_border = 'transparent' %}

/* = = = = = = = = = = = = = = = = = Cart Menu Colours */

/* - - - - Cart Link When Empty */
{% assign cart_empty = '#222222' %}

/* - - - - Cart Link When Not Empty */
{% assign cart_not_empty = '#ec008c' %}
{% assign cart_not_bold_font = 'no' %}

/* = = = = = = = = = = = = = = = = = Page Menu Colours */

/* - - - - Page Menu Background */
{% assign page_menu_background = '#000000' %}

/* - - - - Page Menu Dividers & Text */
{% assign page_menu_text = '#ffffff' %}

/* - - - - Page Menu Link */
{% assign page_menu_link = '#ffffff' %}

/* - - - - Page Menu Link Hover */
{% assign page_menu_link_hover = '#f176b1' %}

/* = = = = = = = = = = = = = = = = = Category Menu Colours */

/* - - - - Category Menu Bottom Background */
{% assign category_menu_background = '#ffffff' %}

/* - - - - Category Menu Dividers & Text */
{% assign category_menu_text = '#222222' %}

/* - - - - Category Menu Link */
{% assign category_menu_link = '#222222' %}

/* - - - - Category Menu Link Hover */
{% assign category_menu_link_hover = '#ec008c' %}

/* = = = = = = = = = = = = = = = = = Sub-Category Menu Colours */

/* - - - - Sub-Category Menu Link */
{% assign sub_category_menu_link = '#222222' %}

/* - - - - Sub-Category Menu Link Hover */
{% assign sub_category_menu_link_hover = '#ec008c' %}

/* - - - - Sub-Category Menu Link Current Page */
{% assign sub_category_menu_link_active = '#ec008c' %}
{% assign sub_category_menu_link_active_underline = 'no' %}

/* = = = = = = = = = = = = = = = = = Footer Text & Menu Colours */

/* - - - - Footer Top Border */
{% assign footer_border = '#dddddd' %}

/* - - - - Footer Menu Dividers & Text */
{% assign footer_text = '#888888' %}

/* - - - - Footer Link */
{% assign footer_link = '#888888' %}

/* - - - - Footer Link Hover */
{% assign footer_link_hover = '#888888' %}

/* = = = = = = = = = = = = = = = = = Drop-Down Sub-Menus */

/* - - - - Sub-Menu Background */
{% assign sub_menu_background = '#000000' %}

/* - - - - Sub-Menu Link Hover Background */
{% assign sub_menu_background_hover = '#ec008c' %}

/* - - - - Sub-Menu Link */
{% assign sub_menu_link = '#ffffff' %}

/* - - - - Sub-Menu Link Hover */
{% assign sub_menu_link_hover = '#ffffff' %}

/* - - - - Sub-Menu Link Border */
{% assign sub_menu_link_border = '#000000' %}

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

/* - - - - Text */
{% assign body_text = '#696969' %}

/* - - - - Heading */
{% assign h_tag = '#000000' %}

/* - - - - Link */
{% assign a_tag = '#55c5c7' %}

/* - - - - Link Hover */
{% assign a_tag_hover = '#7cb5d0' %}

/* - - - - Button Text */
{% assign button_text = '#ffffff' %}

/* - - - - Button Background */
{% assign button_background = '#000000' %}

/* - - - - Button Hover Background */
{% assign button_hover_background = '#000000' %}

/* - - - - Input Text */
{% assign input_text = '#000000' %}

/* - - - - Input Background */
{% assign input_background = '#e1e1e1' %}

/* - - - - Input Border */
{% assign input_border = 'transparent' %}

/* - - - - Input Background When Being Used */
{% assign input_focus_background = '#e1e1e1' %}

/* - - - - Input Border When Being Used */
{% assign input_focus_border = 'transparent' %}

/* - - - - General Borders & Dividers */
{% assign general_borders = '#cccccc' %}

/* - - - - Table Header & Cart Alternate Row Background */
{% assign table_alt_background = '#f5f5f5' %}

/* - - - - Table Borders */
{% assign table_borders = 'transparent' %}

/* = = = = = = = = = = = = = = = = = Products */

/* - - - - Featured Three Products Title */
{% assign featured_three_products_title = '#696969' %}

/* - - - - Top Selling & Popular Products Title */
{% assign special_products_title = '#696969' %}

/* - - - - Top Selling & Popular Products Border */
{% assign special_products_title_border = 'transparent' %}

/* - - - - Top Selling & Popular Products Background */
{% assign special_products_background = '#efefef' %}

/* - - - - Product Title */
{% assign product_title = '#696969' %}

/* - - - - Product Price */
{% assign product_price = '#55c5c7' %}

/* - - - - Product Detail Background - For Hidden Until Hover Option */
{% assign product_detail_background = '#ffffff' %}

/* = = = = = = = = = = = = = = = = = Products Labels */

/* - - - - Product Sale Label Background */
{% assign product_sale_label_background = '#a1db9d' %}

/* - - - - Product Sold Out Label Background */
{% assign product_sold_label_background = '#333333' %}

/* - - - - Product Coming Soon Label Background */
{% assign product_soon_label_background = '#fca41b' %}

/* - - - - Product xd Label Background */
{% assign product_xd_label_background = '#7cb5d0' %}

/* - - - - Product xe Label Background */
{% assign product_xe_label_background = '#7cb5d0' %}

/* = = = = = = = = = = = = = = = = = Product Page */

/* - - - - Special Selector Text - see product page custom option option_selector_type */
{% assign product_special_sel_text = '#444444' %}

/* - - - - Special Selector Background */
{% assign product_special_sel_background = '#e1e1e1' %}

/* - - - - Special Selector Hover Background */
{% assign product_special_sel_hover_background = '#d3d3d3' %}

/* - - - - Special Selector Border */
{% assign product_special_sel_border = 'transparent' %}

/* - - - - Inventory Bars Text */
{% assign product_inventory_text = '#b5b5b5' %}

/* - - - - Inventory Bar Background */
{% assign product_inventory_background = '#eaeaea' %}

/* - - - - Inventory Bar */
{% assign product_inventory_bar = '#b5b5b5' %}

/*====================================================
FONTS
Refer to instructions at http://goo.gl/jQtbg
====================================================*/

/* - - - - Shop Title */
h1#header_logo, #header_logo {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 38px;
font-weight: 100;
line-height: 1.0;
/* set to - line-height: normal; - if the site title
overlaps or inteferes with your category menu */
}

/* - - - - Page Menu */
#page_nav, #page_nav #cart_nav, #page_nav li form.gift_cert_form, #page_nav li form.gift_cert_form button {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 18px;
}

/* - - - - Category Menu */
#category_nav, #category_nav #cart_nav, #category_nav li form.gift_cert_form, #category_nav li form.gift_cert_form button {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
}

/* - - - - Sub-Category Menu */
#subcategory_nav {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
}

/* - - - - Footer */
#footer, #footer_a, #footer_a li form.gift_cert_form, #footer_a li form.gift_cert_form button {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
}

/* - - - - Drop-Down Sub-Menus */
#page_nav .nav_menu ul li.drpdwn li, #category_nav .nav_menu ul li.drpdwn li, #footer_inner .nav_menu ul li.drpdwn li {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
}

/* - - - - Content */
body, #page_main {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
}

/* - - - - Headings - DO NOT ADD FONT SIZE HERE! */
h1, h2, h3, h4, h5, h6, #special_products h3, #content #special_products h3, #content #inventory h3, h5.other_product_title {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* - - - - Headings - ADD FONT SIZES BELOW */
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/* - - - - Product Thumbnail Titles */
#page_main .shop_thumb_title {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
}

/* - - - - Product Thumbnail Prices & Status */
#page_main .shop_thumb_price,
#page_main .shop_thumb_link .product_status,
#page_main .shop_thumb_link .marker {
font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
}

/* - - - - Product Page Title */
#content .product_title_container h2.entry_title {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
}

/* - - - - Product Page Price */
#content .product_title_container h4.entry_price {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 18px;
}

/* - - - - Button Font - incl. Add to Cart & Checkout */
button,
#content input[type="submit"],
#content input[type="button"],
#content button,
#content input[type="reset"],
#content input#reset_order {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: none;
}

/* - - - - Header Forms - incl. Search & Newsletter */
#header input[type="text"] {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
}

/*====================================================
BACKGROUND IMAGE
Refer to instructions at http://goo.gl/UlHkm
====================================================*/

{% if theme.background_image != blank %}
body {
background-image: url("{{ theme.background_image.url }}");
background-repeat: repeat;
background-position: center top;
background-attachment: scroll;
background-size: auto;
}
{% endif %}

/*====================================================
MENU PADDING
Refer to instructions at http://goo.gl/8HBmc
====================================================*/

/* - - - - Page Menu Item Divider
Change space between menu items */
{% assign page_menu_padding = '15' %}

/* - - - - Category Menu Item Divider
Change space between menu items */
{% assign category_menu_padding = '12' %}

/* - - - - Sub-Category Menu Item Divider
Change space between menu items */
{% assign sub_category_menu_padding = '8' %}

/* - - - - Footer Menu Item Divider
Change space between menu items */
{% assign footer_menu_padding = '8' %}

/*====================================================
EXTRA STYLES
Refer to instructions at http://goo.gl/vVp7b
====================================================*/

/* - - - - Use Default Grid Pattern Background
This setting will be overridden if a background image
is uploaded - see Background Image section above */
{% assign default_background_image = 'no' %}

/* - - - - Page Shadow */
{% assign display_page_shadow = 'no' %}

/* - - - - Header Text, Image or Logo Alignment
Refer to instructions at http://goo.gl/P5Bse */
{% assign header_image_or_text_alignment = 'center' %}

/* - - - - Header Margin
Edit the margin around the header title/image */
{% assign header_margin_top = '10' %}
{% assign header_margin_bottom = '30' %}
{% assign header_margin_left = '10' %}
{% assign header_margin_right = '10' %}

/* - - - - Social Icon Vertical Position
Negative values are allowed */
{% assign social_icon_vertical_position = '-5' %}

/* - - - - Header Search and Newsletter Input Vertical Position
Negative values are allowed */
{% assign header_extras_vertical_position = '-12' %}

/* - - - - Drop Down Menus Offset
Only positive values are allowed */
{% assign drop_down_offset = '3' %}

/* - - - - Button Gradients
Displays button gradient effect on modern browsers */
{% assign display_button_gradients = 'no' %}

/*====================================================
ADMIN - Do not edit this section
====================================================*/

body{background-color:{{main_background}}}#wrap{background-color:{{page_background}}}#marker_cnb #marker_cnm{border-bottom-color:{{page_background}}}#header{background-color:{{shop_header_background}}}#header,#header form,#header_logo,#header_logo a{color:{{shop_title}}}#header textarea,#header input[type=text],#header input[type=password],#header input[type=file]{color:{{header_form}}}#header #content textarea,#header input[type=text],#header input[type=password],#header input[type=file]{background-color:{{header_form_background}}}#header #content textarea,#header input[type=text],#header input[type=password],#header input[type=file]{border-color:{{header_form_border}}}#header #content textarea:focus,#header input[type=text]:focus,#header input[type=password]:focus,#header input[type=file]:focus{background-color:{{header_form_focus_background}}}#header #content textarea:focus,#header input[type=text]:focus,#header input[type=password]:focus,#header input[type=file]:focus,#header #content textarea:hover,#header input[type=text]:hover,#header input[type=password]:hover,#header input[type=file]:hover{border-color:{{header_form_focus_border}}}#cart_nav a,#page_nav #cart_nav a,#category_nav #cart_nav a,#cart_nav a:hover,#page_nav #cart_nav a:hover,#category_nav #cart_nav a:hover{color:{{cart_empty}}}#cart_nav.has_items a,#page_nav #cart_nav.has_items a,#category_nav #cart_nav.has_items a{color:{{cart_not_empty}};{% if cart_not_bold_font == 'yes' %}font-weight:bold;{% endif %}}#page_nav{background-color:{{page_menu_background}}}#page_nav,#page_nav span.bul{color:{{page_menu_text}}}#page_nav a,#page_nav form.gift_cert_form button,#page_nav li.artist>.link_text{color:{{page_menu_link}}}#page_nav a:hover,#page_nav form.gift_cert_form button:hover,#page_nav li.current a,#page_nav li.artist>.link_text:hover{color:{{page_menu_link_hover}}}#category_nav{background-color:{{category_menu_background}}}#category_nav,#category_nav span.bul{color:{{category_menu_text}}}#category_nav a,#category_nav form.gift_cert_form button,#category_nav li.artist>.link_text{color:{{category_menu_link}}}#category_nav a:hover,#category_nav form.gift_cert_form button:hover,#category_nav li.current a,#category_nav li.current_parent a,#category_nav li.artist>.link_text:hover{color:{{category_menu_link_hover}}}#subcategory_nav,#subcategory_nav a{color:{{sub_category_menu_link}}}#subcategory_nav a:hover{color:{{sub_category_menu_link_hover}}}#subcategory_nav li.current a,#subcategory_nav li.current a:hover{color:{{sub_category_menu_link_active}};{% if sub_category_menu_link_active_underline == 'yes' %}text-decoration:underline;{% endif %}}#footer_inner{border-color:{{footer_border}}}#footer_inner,#footer_inner span.bul{color:{{footer_text}}}#footer_inner a,#footer_inner form.gift_cert_form button,#footer_inner li.artist>.link_text{color:{{footer_link}}}#footer_inner a:hover,#footer_inner form.gift_cert_form button:hover,#footer_inner li.current a,#footer_inner li.artist>.link_text:hover{color:{{footer_link_hover}}}#page_nav .nav_menu ul li.drpdwn ul,#category_nav .nav_menu ul li.drpdwn ul,#footer_inner .nav_menu ul li.drpdwn ul{background-color:{{sub_menu_background}}}#page_nav .nav_menu ul li.drpdwn ul a:hover,#category_nav .nav_menu ul li.drpdwn ul a:hover,#footer_inner .nav_menu ul li.drpdwn ul a:hover{background-color:{{sub_menu_background_hover}}}#page_nav .nav_menu ul li.drpdwn ul a,#category_nav .nav_menu ul li.drpdwn ul a,#footer_inner .nav_menu ul li.drpdwn ul a{color:{{sub_menu_link}}}#page_nav .nav_menu ul li.drpdwn ul a:hover,#category_nav .nav_menu ul li.drpdwn ul a:hover,#footer_inner .nav_menu ul li.drpdwn ul a:hover{color:{{sub_menu_link_hover}}}#page_nav .nav_menu ul li.drpdwn li,#category_nav .nav_menu ul li.drpdwn li,#footer_inner .nav_menu ul li.drpdwn li{border-color:{{sub_menu_link_border}}}body,#page_main{color:{{body_text}}}h1,h2,h3,h4,h5,h6{color:{{h_tag}}}a,#product_share_container .lbl,#content button#update_btn_footer{color:{{a_tag}}}a:hover,#product_share_container .lbl:hover,#content button#update_btn_footer:hover{color:{{a_tag_hover}}}button,input[type=submit],input[type=button],input[type=reset],#content button,#content input[type=submit],#content input[type=button],#content input[type=reset]{color:{{button_text}}}button,input[type=submit],input[type=button],input[type=reset],#content button,#content input[type=submit],#content input[type=button],#content input[type=reset]{background-color:{{button_background}}}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,#content button:hover,#content input[type=submit]:hover,#content input[type=button]:hover,#content input[type=reset]:hover{background-color:{{button_hover_background}}}textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file]{color:{{input_text}}}textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file]{background-color:{{input_background}}}fieldset,textarea,input[type=text],input[type=password],input[type=file],#content textarea,#content input[type=text],#content input[type=password],#content input[type=file],form#contact_form #captcha_div img,#content select{border-color:{{input_border}}}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,#content textarea:focus,#content input[type=text]:focus,#content input[type=password]:focus,#content input[type=file]:focus{background-color:{{input_focus_background}}}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,#content textarea:focus,#content input[type=text]:focus,#content input[type=password]:focus,#content input[type=file]:focus,textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,#content textarea:hover,#content input[type=text]:hover,#content input[type=password]:hover,#content input[type=file]:hover{border-color:{{input_focus_border}}}blockquote p,h5.other_product_title,#product_share_container,#cart_updates,#content button#update_btn_footer,.address_map.static a img,.address_map.interactive iframe,body.custom #page_main img.border,.slide_main.box_2 .slide_wrap,.slide_main.box_3 .slide_wrap,#border_shift,.add_text.down,#content #success_main .success_inner h2,#content table#cart_sum .ic_row .ic_block{border-color:{{general_borders}}}hr,.short_col_wrap .short_col>.dvdr{background-color:{{general_borders}}}hr,span.bul{color:{{general_borders}}}#content table thead,#content table tfoot,body.custom #page_main img.border,#content #cart_table tbody tr.row_alt th,#content #cart_table tbody tr.row_alt td{background-color:{{table_alt_background}}}#content table,#content table td,#content table th{border-color:{{table_borders}}}#featured_three .shop_thumb a span.shop_thumb_title{color:{{featured_three_products_title}}}#special_products h3,#content #special_products h3{color:{{special_products_title}}}#special_products h3,#content #special_products h3{border-color:{{special_products_title_border}}}#special_products{background-color:{{special_products_background}}}.shop_thumb a span.shop_thumb_title,#product_details h2.entry_title{color:{{product_title}}}.shop_thumb a span.shop_thumb_price,#product_details h4.entry_price{color:{{product_price}}}body.hapd_hover .shop_thumb_details{background-color:{{product_detail_background}}}.shop_thumb.sale a span.marker.ps,.shop_thumb.sale a span.product_status,#product_main.sale .product_img span.marker.ps,#product_details .product_label .product_status.sale>span{background-color:{{product_sale_label_background}}}.shop_thumb.sold a span.marker.ps,.shop_thumb.sold a span.product_status,#product_main.sold .product_img span.marker.ps,#product_details .product_label .product_status.sold>span{background-color:{{product_sold_label_background}}}.shop_thumb.soon a span.marker.ps,.shop_thumb.soon a span.product_status,#product_main.soon .product_img span.marker.ps,#product_details .product_label .product_status.soon>span{background-color:{{product_soon_label_background}}}.shop_thumb a span.marker.ps.xd,.shop_thumb a span.product_status.xd,#product_main .product_img span.marker.ps.xd,#product_details .product_label.xd .product_status>span{background-color:{{product_xd_label_background}}}.shop_thumb a span.marker.ps.xe,.shop_thumb a span.product_status.xe,#product_main .product_img span.marker.ps.xe,#product_details .product_label.xe .product_status>span{background-color:{{product_xe_label_background}}}#js_sel_inner,#content .for_cart_container #product-options.radio ul{color:{{product_special_sel_text}}}#js_sel .down_arr,#js_sel .scrlr.scrldwn > span{border-top-color:{{product_special_sel_text}}}#js_sel .scrlr > span {border-bottom-color:{{product_special_sel_text}}}#js_sel .js_opt,#js_sel.on #js_sel_inner,#content .for_cart_container #product-options.radio ul li label{background-color:{{product_special_sel_background}}}#js_sel.on .js_opt:hover,#content .for_cart_container #product-options.radio ul li label.on{background-color:{{product_special_sel_hover_background}}}#js_sel .js_opt,#js_sel.on #js_sel_inner,#content .for_cart_container #product-options.radio ul li label{border-color:{{product_special_sel_border}}}#content #inventory h3,#content #inventory li h5,#content #inventory li{color:{{product_inventory_text}}}#content #inventory .bar_outer{background-color:{{product_inventory_background}}}#content #inventory .bar{background-color:{{product_inventory_bar}}}{% if default_background_image == 'yes' and theme.background_image == blank %}body{background-image:url(http://c265823.r23.cf1.rackcdn.com/img-bg-grid.png);background-position:top center;background-repeat:repeat;background-attachment:scroll}{% endif %}{% if display_page_shadow == 'yes' %}#wrap{-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3)}{% endif %}{% if header_image_or_text_alignment == 'left' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:left}{% elsif header_image_or_text_alignment == 'center' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:center}#logo_block.has_img h1#header_logo a,#logo_block.has_img #header_logo a{margin-left:auto;margin-right:auto}{% elsif header_image_or_text_alignment == 'right' %}#logo_block,#logo_block h1#header_logo,#logo_block #header_logo{text-align:right}#logo_block.has_img h1#header_logo a,#logo_block.has_img #header_logo a{margin-left:auto}#logo_block .form_block{right:auto;left:0;float:left;text-align:left}#logo_block .form_block .form_wrap{padding-left:0;padding-right:8px;text-align:left;float:left}#logo_block #news_instr,#logo_block #srch_instr{right:auto;left:100%}#logo_block #news_instr .pnt,#logo_block #srch_instr .pnt{border-left:0 none;border-right:7px solid #000;right:auto;left:-7px}{% endif %}#logo_block{margin-top:{{header_margin_top | remove: ' '}}px;margin-bottom:{{header_margin_bottom | remove: ' '}}px;margin-left:{{header_margin_left | remove: ' '}}px;margin-right:{{header_margin_right | remove: ' '}}px}body.nwsoc #page_nav .social_icon_block{top:{{social_icon_vertical_position | plus:8}}px}body.nwsoc.socsz_small #page_nav .social_icon_block{top:{{social_icon_vertical_position | plus:11}}px}#formsoc_block{top:{{header_extras_vertical_position | remove: ' '}}px}.nav_menu li.drpdwn ul,.nav_menu li.drpno ul,#footer_nav_menu.nav_menu li.drpdwn ul{border-width:{{drop_down_offset | remove: ' '}}px}{% if display_button_gradients == 'yes' %}#content input[type=submit],#content input[type=button],#content button,#content input[type=reset],#content input#reset_order{background-image:linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-o-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-moz-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-webkit-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-ms-linear-gradient(bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(255,255,255,0)),color-stop(1,rgba(255,255,255,0.3)));-webkit-box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2);box-shadow:inset -1px -2px 0 rgba(255,255,255,0.2)}{% endif %}#page_nav span.bul{padding-left:{{page_menu_padding | remove: ' '}}px;padding-right:{{page_menu_padding | remove: ' '}}px}#category_nav span.bul{padding-left:{{category_menu_padding | remove: ' '}}px;padding-right:{{category_menu_padding | remove: ' '}}px}#subcategory_nav span.bul{padding-left:{{sub_category_menu_padding | remove: ' '}}px;padding-right:{{sub_category_menu_padding | remove: ' '}}px}#footer span.bul{padding-left:{{footer_menu_padding | remove: ' '}}px;padding-right:{{footer_menu_padding | remove: ' '}}px}
/* END ADMIN */

/*====================================================
CUSTOM SYLES - add and override styles below
Refer to instructions at http://goo.gl/mhVPn
====================================================*/

/*====================================================
STYLE BLOCK - START
====================================================*/

/* STYLE BLOCK SETTINGS */

/* - - - - Hide all home page content */
{% assign sb_hide_home_page_content = 'yes' %}

/* - - - - Home page full bleed images */
{% assign sb_home_slide_01 = 'http://theme.aarcadethemes.com/preview/images/sn/fs01.jpg' %}
{% assign sb_home_slide_02 = 'http://theme.aarcadethemes.com/preview/images/sn/fs02.jpg' %}
{% assign sb_home_slide_03 = 'http://theme.aarcadethemes.com/preview/images/sn/fs03.jpg' %}

/* HOME PAGE FULL-BLEED BACKGROUND */

{% if sb_hide_home_page_content == 'yes' %}
/* Hide home page content */
body#home-page #products {
display: none;
}
{% endif %}

{% if sb_home_slide_01 != blank %}

/* Hide category and subcategory menus */
body#home-page #category_nav,
body#home-page #subcategory_nav {
display: none;
}
/* Set container width to 100%, min-height and
set default background */
body#home-page #container {
width: 100% !important;
max-width: 100% !important;
margin: 0px !important;
background: url("{{ sb_home_slide_01 }}") no-repeat center center;
background-size: cover;
min-height: 600px;
}
body#home-page #content {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
/* Resive height for responsive layout
- delete this section if responsive layout is disabled */
@media only screen
and (max-width: 1000px) {
body#home-page #container {
min-height: 500px;
}
}
@media only screen
and (max-width: 750px) {
body#home-page #container {
min-height: 400px;
}
}
@media only screen
and (max-width: 450px) {
body#home-page #container {
min-height: 300px;
}
}
{% if sb_home_slide_02 != blank and sb_home_slide_03 != blank %}
/* CSS3 home page backgroun slide
- only works on latest standards browsers - see http://goo.gl/JMo11 */
/* Firefox... */
@-moz-keyframes homeslides {
0% {
background-image: url("{{ sb_home_slide_01 }}");
}
33% {
background-image: url("{{ sb_home_slide_02 }}");
}
66% {
background-image: url("{{ sb_home_slide_03 }}");
}
100% {
background-image: url("{{ sb_home_slide_01 }}");
}
}
/* Safari, Chrome... */
@-webkit-keyframes homeslides {
0% {
background-image: url("{{ sb_home_slide_01 }}");
}
33% {
background-image: url("{{ sb_home_slide_02 }}");
}
66% {
background-image: url("{{ sb_home_slide_03 }}");
}
100% {
background-image: url("{{ sb_home_slide_01 }}");
}
}
/* Generic... */
@keyframes homeslides {
0% {
background-image: url("{{ sb_home_slide_01 }}");
}
33% {
background-image: url("{{ sb_home_slide_02 }}");
}
66% {
background-image: url("{{ sb_home_slide_03 }}");
}
100% {
background-image: url("{{ sb_home_slide_01 }}");
}
}
body#home-page #container {
-moz-animation: homeslides 10s 2s ease-in-out infinite; /* Firefox... */
-webkit-animation: homeslides 10s 2s ease-in-out infinite; /* Safari, Chrome... */
animation: homeslides 10s 2s ease-in-out infinite; /* Generic... */
}
{% endif %}

{% endif %}

/* LAYOUT, HEADER AND FOOTER */

/* Expand outer wrap to 100% to allow full width header
and set child element widths to maintain correct layout */
#wrap_outer {
width: 100%;
}
#wrap {
min-width: 1000px;
min-height: 200px;
height: auto;
}
#wrap,
#header {
width: 100%;
}
#wrap > .clear {
height: 0px !important;
}
#container {
margin-left: auto;
margin-right: auto;
}
#content {
margin-bottom: 46px;
}
#footer,
#footer_inner {
width: 100%;
margin: 0;
background-color: {{ main_background }};
}
#footer_inner {
margin: 0 auto;
max-width: 940px;
border-top: 0 none;
padding-top: 20px;
padding-bottom: 40px;
}

/* NAVIGATION & HEADER ELEMENT STYLING */

/* Make social icon position relative to full-width header */
body.nwsoc #page_nav {
position: static;
}
/* Header forms - search and newsletter
right align all */
#header input[type="text"] {
text-transform: none;
font-size: 14px;
}
#logo_block .form_block,
#logo_block.wide_img.align_right .form_block {
right: auto;
left: 15px;
float: left;
text-align: left;
}
#logo_block .form_block .form_wrap {
padding-left: 0px;
padding-right: 8px;
text-align: left;
float: left;
}
#logo_block #news_instr,
#logo_block #srch_instr {
right: auto;
left: 100%;
}
#logo_block #news_instr .pnt,
#logo_block #srch_instr .pnt {
border-left: 0 none;
border-right: 7px solid #000;
right: auto;
left: -7px;
}

/* Center align navigation menus */
#page_nav,
#page_nav_menu,
#category_nav,
#category_nav_menu,
#cart_nav,
#subcategory_nav_menu {
text-align: center;
float: none;
}
#category_nav_menu,
#cart_nav {
float: none;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#category_nav_menu {
padding-right: {{ category_menu_padding }}px;
}
/* Add border and padding page navigation and
remove padding allowance for social icons */
#page_nav.nav {
border-top: 1px solid rgba(130, 130, 130, 0.5);
padding-top: 10px;
padding-bottom: 12px;
}
#page_nav_menu,
body.socsz_small #page_nav_menu,
body.socsz_large #page_nav_menu {
padding-right: 0px !important;
}
/* Add bullet before Cart link */
#cart_nav:before {
content: "\2022";
padding-right: {{ category_menu_padding | plus: 2 }}px;
}
/* Remove triangle marker */
#marker_cnb,
#marker_cnb #marker_cnm,
#marker_cnb #marker_cnm[style] {
display: none !important;
}
/* Subcategory margins and border */
#subcategory_nav.nav {
min-height: 0px;
margin: 0px auto 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
}
#subcategory_nav.nav > div > ul {
border-top: 1px solid rgba(130, 130, 130, 0.2);
padding: 15px 10px 0px;
}
/* Hide category and cart links on home and custom pages */
body#home-page #category_nav_menu,
body#home-page #cart_nav,
body.custom #category_nav_menu,
body.custom #cart_nav {
visibility: hidden;
}

/* Move footer border to full-width container */
#footer {
border-top: 1px solid {{ footer_border }};
}
/* Assign footer navigation margins and width */
#footer_a.nav {
width: 66%;
max-width: 66%;
}
#footer_b {
width: 34%;
max-width: 34%;
}
#footer_a,
#footer_nav_menu {
position: relative;
top: 0px;
left: 0px;
z-index: 5;
}
/* CSS3 columns */
#footer_nav_menu {
width: 100%;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
/* Disable footer sub-menus - don't work well with CSS3 columns */
#footer_nav_menu.nav_menu li.drpdwn ul,
#footer_nav_menu.nav_menu li.drpdwn ul[style],
#footer_nav_menu.nav_menu li.drpdwn:hover ul,
#footer_nav_menu.nav_menu li.drpdwn:hover ul[style] {
display: none !important; position: static !important;
}
#footer_nav_menu.nav_menu > ul > li {
display: block;
}
#footer_nav_menu.nav_menu > ul > li > .bul {
display: none;
}

/* PRODUCTS AND PRODUCT PAGES */

/* Style product labels and add animation */
.shop_thumb.sale a span.marker.ps,
.shop_thumb.soon a span.marker.ps,
.shop_thumb.sold a span.marker.ps,
.shop_thumb a span.marker.ps.xd,
.shop_thumb a span.marker.ps.xe {
top: 0;
left: 0;
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
-o-transition: top 250ms ease-out;
-moz-transition: top 250ms ease-out;
-webkit-transition: top 250ms ease-out;
transition: top 250ms ease-out;
}
.shop_thumb.sale a span.marker.ps:before,
.shop_thumb.soon a span.marker.ps:before,
.shop_thumb.sold a span.marker.ps:before,
.shop_thumb a span.marker.ps.xd:before,
.shop_thumb a span.marker.ps.xe:before {
content: "";
display: block;
background: none;
width: 0;
height: 0;
border-top: 175px solid {{ product_sale_label_background }};
border-right: 175px solid transparent;
position: absolute;
top: 0;
left: 0;
z-index: -5;
opacity: 0.3;
filter: alpha(opacity=30);
}
.shop_thumb.soon a span.marker.ps:before {
border-top-color: {{ product_soon_label_background }};
}
.shop_thumb.sold a span.marker.ps:before {
border-top-color: {{ product_sold_label_background }};
}
.shop_thumb a span.marker.ps.xd:before {
border-top-color: {{ product_xd_label_background }};
}
.shop_thumb a span.marker.ps.xe:before {
border-top-color: {{ product_xe_label_background }};
}
.shop_thumb a {
overflow: hidden;
}
.shop_thumb.sale a:hover span.marker.ps,
.shop_thumb.soon a:hover span.marker.ps,
.shop_thumb.sold a:hover span.marker.ps,
.shop_thumb a:hover span.marker.ps.xd,
.shop_thumb a:hover span.marker.ps.xe {
top: -175px;
}

/* Product page price and label spacing and style */
#content .product_title_container h4.entry_price {
padding: 6px 0;
}
#product_details .product_label {
padding-bottom: 6px;
}
.product_label .product_status > span {
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* Match product page special selector width
to Add to Cart button */
#product-options.options.advanced #js_sel {
max-width: 240px;
}
#product-options.options.advanced #js_sel.on {
max-width: none;
}
#js_sel .down_arr:before {
content: "";
display: block;
width: 0px;
height: 0px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid {{ product_special_sel_background }};
position: absolute;
top: -8px;
left: -7px;
}
/* Remove product sharing tool border
and reduce spacing */
#product_share_outer.shr {
margin-top: -10px;
}
#product_share_container {
border: 0 none;
padding: 0;
}

/* Style pagination links */
#product_nav {
font-size: 16px;
text-align: right;
}
#product_nav .pagination > a,
#product_nav .pagination > span {
padding-right: 0px;
padding-left: 14px;
}

/* Content input fields */
#content textarea,
#content input[type=text],
#content input[type=password],
#content input[type=file],
#content .cart_discount input,
#content .cart_discount input[type="text"] {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#content textarea,
#content input[type=text],
#content input[type=password],
#content input[type=file] {
font-size: 17px;
padding: 8px;
}
#content select,
#content #cart_footer select {
background-color: {{ input_background }};
}

/* Add padding to newest/top-selling products */
#special_products.bottom {
margin-bottom: 40px;
}

/* START RESPONSIVE LAYOUT - delete this section if responsive layout is disabled */

/* Remove negative margins from mobile menu */
#mob_menu_inner {
margin-left: 0px !important;
margin-right: 0px !important;
}

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

/* Correct widths and logo and social icon positions */
#wrap_outer {
width: 100% !important;
}
#wrap_outer,
#wrap {
min-width: 758px;
}
#container,
#footer_inner {
width: 698px;
max-width: 698px;
}

}

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

/* Correct widths and logo and social icon positions */
#wrap_outer {
width: 470px !important;
}
#wrap_outer,
#wrap {
min-width: 310px;
}
#container,
#footer_inner {
width: auto;
}
#header #logo_block,
#header #logo_block.no_img {
padding: 32px 10px !important;
}
/* Cart link - remove bullet and padding */
#cart_nav:before {
content: none;
padding-right: 0px;
}

}

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

/* Correct widths */
#wrap_outer {
width: 310px !important;
}

}

/* END RESPONSIVE LAYOUT - delete this section if responsive layout is disabled */

/*====================================================
STYLE BLOCK - END
====================================================*/