t/*
Theme Name: storefront-stitchlets
Author: Rachel Smisek
Template: storefront
Version: 0.1.1
 */

@import url("../storefront/style.css");

.hentry {
    margin-bottom: 0px;
}
.page-template-template-homepage .type-page {
    padding-top:0;
}

p+h4 {
    margin-top: 1em;
}

/* general link colors, buttons, etc */

.bundle-cart-stock {
    float:right;
}
p {
    margin-bottom: 1em;
}

hr {
    margin-bottom: 0.5em;
}

.storefront-primary-navigation a:hover {
color: #0694db;
}

/*a.tinvwl_add_to_wishlist_button {

    background-color:#ccc;
    border-color:#ccc;
}*/

.storefront-primary-navigation {
    border-top: #cccccc 2px dashed;
    border-bottom: #cccccc 2px dashed;
}

ul.products li.product {
    padding: 1.2em 0;
    border-bottom: #cccccc dashed;
    margin-bottom: 2em;
}
ul.products li.product a img {
    display: inline;
}

h2.section-title {
    margin-top: 0.5em;
}
.main-navigation ul li a:hover {
color: #0292db;
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding: 1em 1em 0.25em 1.25em;
}
.site-header-cart .cart-contents {
    padding: 1em 0 0.25em 0;
}

.site-main {
    padding-top: 0;
}
.woocommerce-breadcrumb {
    margin-bottom: 0;
    padding: 0.75em 1em 0.75em 1em;
}
.storefront-breadcrumb {
    margin: 0;
    padding:0;
}
.woocommerce-products-header__title {
    margin-bottom: 0;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0;
}

a {
 color: #96588a;
}

button.alt, .button.alt {
 background-color: #96588a;
 border-color: #96588a;
}

added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
 background-color: #96588a;
 border-color: #96588a;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #7d3f71;
    border-color: #7d3f71;
}

ul.products li.product .button {
    color:#fff;
}

.woocommerce-product-gallery__trigger
{
    color:#fff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
    color:#fff;
}
img.size-shop_thumbnail {

padding-top: 5px;
padding-bottom: 5px;
}

.site-search {
    margin-bottom: 0;
}
.site-search:after {
    content: "FREE Shipping on US orders over $35!";
    font-weight:bold;
    font-style:italic;
    color: #000000;
    line-height: 6em;
}

ul.menu li.current-menu-item>a {
color: #96588a;
}


h3 {
padding-left:10%;
padding-right:10%;
}

/* make group product tables look decent */
table.group_table {

border-right: 2px solid rgba(0,0,0,0.1);
padding-right: 5px;
}

td.label, td.price {
vertical-align:middle;
}

td.group_thumbnail_img {

padding:0;
margin:0;
vertical-align:middle;
width: 20%;

}



/* make the brands on the product pages line up and behave */

.brand {
float:left;
clear:left;
width:100%;
margin-top:1em;
}

img.alignright {
clear:right;
padding-bottom:5px;
}

img.aligncenter {
    margin: 0 auto;
}

.storefront-wc-brands-single-product {
    display:none;
}
.single-product div.product .woocommerce-product-gallery img {
    margin: 0 auto;
}

/* to hide bundle product details on composite pages */

span.summary_element_content ul.content_product_meta {
	display:none;
}

/*

hide-it is created to work with the WOOF filter plugin. Eliminates duplicate pagination and sorting in conjuction with custom js stored in the plugin settings.

col-full, #page, .site-footer, #masthead, #primary / secondary, and colophon are to make the css pattern background (cross stitches) work and look nice with all the pieces and parts of the page.



.hide-it {
display:none;
}
*/


.col-full {
 max-width:85%;
 width: 90em;
 background: #ffffff;
}


.site-footer {
background-color: #ffffff;
}

#page, .site-footer {
    background: linear-gradient(45deg, #ffffff 12%, transparent 0, transparent 88%, #ffffff 0), linear-gradient(135deg, transparent 37%, #f1f2f3 0, #f1f2f3 63%, transparent 0), linear-gradient(45deg, transparent 37%, #ffffff 0, #ffffff 63%, transparent 0) #e4e4e7;
    background-size: 18px 18px;
}

.site-header {
background-color:#ffffff;
}


#masthead {
margin-bottom:0px;
}

#primary, #secondary {
 padding-top: 10px;

}
#secondary {
border-left: #f1f2f3 2px dashed;
    padding-left: 15px;
}
#colophon {
 padding-top: 2px;
}



/*
The following control the icons and visibility of the in- and out-stock messages


.stock.in-stock:before {
    content: "\f00c";
}
*/
.stock.in-stock:before {
    content: "\f058";
}

.stock.available-on-backorder  {
color: #0694db;
}
.stock.available-on-backorder:before{
  content: "\f254";
}
.stock.special-order:before{
  content: "\f017";
}

.stock:empty::before {
    display: inline;
}

span.available-on-backorder {

}

.special-order {
color: #0694db;
font-weight:bold;
font-size: 1.2em;
}


/* CUSTOMISATIONS the following need to be overriding out of storefront/assets/sass/base/icons.css to make the default checkbox disappear for use with the ajax layered nav 
*/

.widget_layered_nav li:before {
  content: none !important; }

.widget_layered_nav .chosen:before {
  content: none !important; }




/* For display of composite products */

.kit-title {
font-weight:bold;
font-size:1.3em;
}
.component_title.product_title {
font-size:1.3em;
display:none;
}

.title.summary_element_content {
    width: auto;
    float: inherit;
    text-transform:none;
    
}

.single-product div.product .component_selections .component_summary .composited_product_images, .single-product div.product .component_selections .component_summary .images {
    
    margin-right:1% !important;
    width: 20% !important;
    
}

/*  CUSTOMISATIONS - need to override composite products plugin css as this loads last */

.widget_composite_summary.widget_position_default li.summary_element {
    font-size:0 !important;
}
.composite_summary li.summary_element h3 {
    margin: 0 0 0.1em !important;
}

.component .component_description {
    margin-bottom: auto !important;
}
.composite_summary .summary_element_wrapper_inner {
    padding:0px !important;
}
.single-product div.product form.cart {
    padding-top: 0 !important;
}

.single-product div.product p.price {
 margin-top:0 !important;
 margin-bottom:0.5em !important;
}
.single-product div.product form.cart {
    margin-bottom: 0 !important;
}
.composite_form .composite_pagination {
    margin:0 !important;
}

.component.options-style-radios .component_options_inner {
    padding-bottom: 0.5em !important;
}

.component_option_radio_button_container {
    border-bottom: 1px solid #ccc !important;
}

.component_option_radio_button_container .radio_button_description .title {
    margin: 0 !important;
}

.woocommerce ul.component_option_radio_buttons_container li.component_option_radio_button_container .radio_button_description .price {
    margin: 0 !important;
}
.composited_product_title_wrapper p:last-child, .composited_product_title_wrapper h4:last-child {
    margin-bottom: 0.5em !important;
}
h4.bundled_product_title {
    margin:0 !important;
}
.bundle_form div.bundled_product_summary {
    padding-bottom: 0.5em !important;
    margin-bottom: 0.5em !important;
}

.composite_form .step_title_wrapper {
    margin-bottom:0 !important;
    font-size: 1.5em !important;
    padding-bottom: 0.25em !important;
}

.composite_summary .summary_element_wrapper_outer {
  padding-top:0   !important;
}

a.button, button.button {
    color: #ffffff;
}

.step_index {
    display:none;
}
.step_title {
    font-weight: bold;
    color: #7d3f71;
}
.summary_element_tap {
    float: right;
}

.widget_composite_summary.widget_position_default .summary_element_title h3 {
    text-align: center;
}

.composite_summary li.summary_element .summary_element_tap a {
    color: #7d3f71;
}
li.summary_element {
    border-bottom: 1px dashed #cccccc;
}