/*
Theme Name: Brockton Spice Company
Theme URI: https://brocktonspice.com/wp-content/themes/storefront-bsc/
Description: Storefront Child Theme
Author: Solomon Davis
Author URI: https://brocktonspice.com
Template: storefront
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, responsive-layout
Text Domain: storefront-child
*/ 

/*Custom Stylesheet*/
/*----------------------------------------------------------------------------------------------------*/
body { font-family: proxima-nova, sans-serif !important; font-weight: 400;-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
*:focus:not(:focus-visible) { outline: 0 !important; box-shadow: none !important;}
input:focus { outline-color: #000 !important;}
p.form-row input[type=text]:focus,p.form-row .input-text:focus { background-color: #fff;}
/* .input-text:focus {} */

/*----------------------------------------------------------------------------------------------------*/
/*Hide*/
body.archive .storefront-breadcrumb,body.single-product .header-widget-region,p.site-description,.button.ajax_add_to_cart,.site-info a,.site-info br,.woocommerce-breadcrumb a:first-of-type::before,.single-product div.product .product_meta .sku_wrapper,.summary p.price,.storefront-full-width-content .woocommerce-tabs ul.tabs,#tab-description h2,.primary-navigation,.storefront-full-width-content.single-product div.product .woocommerce-tabs,ul.products li.product .button,.site-header-cart .cart-contents .count,.woocommerce-info::before,body.page-cart h1.entry-title,body.page-checkout h1.entry-title,a.reset_variations,body.single-product .quantity .qty { display:none;}
a.woocommerce-product-gallery__trigger { display:none !important;}
body.page-home header.entry-header {display:none;}

.storefront-full-width-content .woocommerce-products-header {background-image:none; height:0;}

.site-header ul.menu li.current-menu-item > a { color: #fff;}
.site-header-cart .widget_shopping_cart .total { background-color: #fff;}



/*Layout*/
.home.post-type-archive-product .site-header {margin-bottom:0;}
.col-full {max-width:100%;}
#masthead.site-header {position: fixed; top: 0;left: 0; width:100%;}
#masthead.site-header {height:60px;}

/*Margin*/
body.woocommerce-cart .entry-content .woocommerce,body.woocommerce-checkout .entry-content .woocommerce {max-width:80%; margin:0 auto;}
#page .woocommerce .products ul,#page .woocommerce ul.products {margin:0 auto;width:80%;}
#masthead .col-full {width:initial;margin:0 auto;position: relative;}
ul.products {width: 80%;margin: 0 auto;padding-top: 25px;}
.storefront-sorting {width:80%;margin:0 auto;padding-top:25px;}
.single-product div.product table.variations .value { margin-top: 8px;}
.woocommerce-breadcrumb .breadcrumb-separator {padding: 0 1em;}
body.page-checkout form.checkout { margin-top: 2em;}

body.page-checkout .entry-header { display: none; padding: 0; height: 0;}

/*Colors*/
html,body,h1,h2,h3,h4,h5,h6,p,a,span {color:#000000;}
main#main { background-color:#f9f9f9; }
.single-product div.product,li.has-post-thumbnail,header.woocommerce-products-header,.widget_product_search input,.pswp__bg,.summary,td,table:not( .has-background ) th,table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend,table:not( .has-background ) tbody td,#welcome {background-color:#fff;}
/* body.woocommerce-cart .entry-content */
.btn,.return-to-shop a.button,form.cart button.alt,.site-footer {background-color:#000;}
body.single-product #masthead,body.woocommerce-cart {background-color:#111;}
body.single-product #masthead .site-branding a,.btn,.return-to-shop a.button,.site-footer,.site-branding .site-title a,.woocommerce-products-header__title.page-title,.term-description p,ul.menu li a,.page-description p,.secondary-navigation ul.menu a,.site-header-cart .cart-contents .amount,.cart-contents span.woocommerce-Price-currencySymbol {color:#fff;}
.secondary-navigation ul ul li a,body.page-checkout .woocommerce-info a.showcoupon {color: #000;}
form.cart button.alt {border-color:#000;}

.woocommerce-info { text-align: center; background-color: #FFFFFF;}
.woocommerce-info { color: #000;}
/* body.page-cart .woocommerce-info {} */

.site-header-cart .widget_shopping_cart { background-color: #fff;}

body.page-checkout #payment .payment_methods li input[type=radio]:first-child:checked+label:before { color:#000;}
body.page-checkout .woocommerce-info { margin-bottom: 0;}
body.page-checkout .checkout_coupon { background-color:#fff;}

body.page-checkout .cart_item td { padding-top:0; padding-bottom: 0;}

li.has-post-thumbnail {box-shadow: 1px 4px 10px 10px rgba(0, 0, 22, .02);border-radius:3px;}

/*----------------------------------------------------------------------------------------------------*/
/*Font Family*/
body, button, a.button, .button, input, textarea { font-family: proxima-nova, sans-serif; }
#order_review.woocommerce-privacy-policy-text .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p { font-family: proxima-nova, sans-serif; }
body.page-cart .wc-proceed-to-checkout a.checkout-button { font-family: proxima-nova, sans-serif; font-size: 1rem; }
/* .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name { font-family: proxima-nova, sans-serif; } */

h1,.related.products h2,h2.section-title,#welcome span.title,.slider-header h2 {font-family: "Didot LT W01 Roman","minion-pro",times,serif;}
.site-header,.site-footer,ul.products,#tab-description p,.single-product div.product p.price,.site-main ul.products li.product h2,.term-description,.woocommerce-breadcrumb,h2.section-title,#welcome p,section.category p,#welcome p,.slider-header p.subhead,.flex-control-nav li a span.subtitle,.page-description {font-family: minion-pro, serif;}

.hentry .entry-content a,.hentry .entry-content a:hover,.woocommerce-breadcrumb a,.woocommerce a,.site-footer a,.btn {text-decoration:none;}
.site-branding { height: 60px; }
.site-branding,.storefront-full-width-content .woocommerce-products-header {text-align: left;}
#welcome,section.category,h2.section-title,.site-info,.return-to-shop,.woocommerce-products-header__title.page-title,.term-description,.flexslider-controls,.page-description,body.page-template-default header.entry-header {text-align:center;}
.site-branding,.site-branding .beta,ul#site-header-cart,button.single_add_to_cart_button { line-height: 55px; }

body.page-template-default header.entry-header {padding-top: 50px;}
.storefront-breadcrumb .col-full {padding-left: 36px;padding-right: 36px;}

.single-product div.product .variations_button { border-top:1px solid #e5e5ec;}

/*Font Size*/
.woocommerce-breadcrumb,.variations label,button.single_add_to_cart_button { font-size:.9em; }
ul.products li.product .price { font-size:1rem; }
.site-branding .site-title,section.category p { font-size:1.1em; }
#welcome p,.single-product div.product p.price,.woocommerce-result-count,.term-description,.page-description,.slide_title { font-size: 1.2em; }
.site-branding,h2.section-title,.flex-control-nav li a span.subtitle { font-size:1.3em; }
.slider-header p.subhead {font-size: 1.5em;}
#welcome span.title { font-size:1.9em; }
.summary .product_title,.related.products h2,.slide_text h2 { font-size:2.1em; }

/*Font Weight*/
.site-branding .site-title a,.single-product div.product .product_meta a,.woocommerce-breadcrumb,.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {font-weight:400;}
h1,.related.products h2,h2.section-title,.slide_text h2 {font-weight: 500;}
.btn,button.single_add_to_cart_button,.return-to-shop a.button {font-weight: 600;}
.site-branding .site-title,.variations label {font-weight:700;}
.variations label,.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {font-size: .9rem;font-weight: 400;}
.variations label { display: block;}

.cart-collaterals table.shop_table_responsive .woocommerce-shipping-calculator .shipping-calculator-button { text-align: right; text-decoration: underline;}
.cart_totals .shipping-calculator-button { text-decoration: underline; }

header#masthead .secondary-navigation ul li.menu-item-has-children a { text-transform: uppercase; letter-spacing: .01rem; }
header#masthead .secondary-navigation ul li.menu-item-has-children ul.sub-menu li a { text-transform: capitalize; letter-spacing: normal;}

/*Letter Spacing*/
.slider-header h2 {letter-spacing: normal;}
/* .single-product div.product .product_meta a {letter-spacing:.5px;} */
.flex-control-nav li a span.title,.slider-header a.btn {letter-spacing: 1px;}
h2.section-title {letter-spacing:1.3px;}
.site-info,.site-branding .site-title {letter-spacing:.02em;}

.term-description,.page-description {line-height:130%;}
.woocommerce-product-details__short-description p {line-height:135%;}

#welcome p,ul.products li.product .price,.flex-control-nav li a span.subtitle,.slider-header p.subhead {font-style:italic;}
.btn,.site-header .site-branding,.woocommerce-breadcrumb,.site-info,h2.section-title,button.single_add_to_cart_button,.slide_title {text-transform:uppercase;}
.related.products h2 {text-transform:capitalize;}

/*Height 100%*/
.before-summary,#Stage .bg-image.home,#Stage .bg-image.contact,a.img .image { height: 100%; }

/*----------------------------------------------------------------------------------------------------*/
/*Header*/
.storefront-primary-navigation {position:absolute;top:0;right:0;}
.woocommerce-breadcrumb {padding-top:0;letter-spacing:.04em; color:#777;}

.storefront-full-width-content .woocommerce-products-header {padding:9em 0 6em 0;}
.woocommerce-products-header__title.page-title {margin-bottom: .25em;}
.woocommerce-products-header__title.page-title,.term-description,.page-description,header.entry-header h1.entry-title {position: relative;z-index: 10;}
.woocommerce-ordering {float:right;}
.woocommerce-result-count {display:inline-block;}

.search-field {height: 35px; border-radius: 24px;background-color: rgba(255,255,255,.5);}
.search-field,.btn {border-radius: 24px;}

.storefront-full-width-content.woocommerce-cart .entry-header {padding:4em 0;}

body.archive .woocommerce .products ul,body.archive .woocommerce ul.products {margin:0 auto;}
body.home.page:not(.page-template-template-homepage) .site-header,body.woocommerce .site-header,body.page-cart .site-header {background: transparent;}
.storefront-breadcrumb {background-color: #fff;}
#masthead.site-header.dark {background-color: rgba(0,0,0,.9);}
.widget_product_search input {background-color: rgba(255,255,255,.2);}
.site-search .widget_product_search form::before {top: 50%;margin-top: -7px;}
.site-search input[type=search] { color: #f00; }
.site-search .widget_product_search input { color: #f00;}
/*----------------------------------------------------------------------------------------------------*/
/*Home Page*/
h2.section-title {clear:both;padding-top:75px;}
section.category {padding-bottom:60px;}
section.category p {max-width:60%;margin:1em auto 1.5em;}

/*Welcome Section*/
#welcome {padding-top:50px;padding-bottom:50px; margin-bottom: 20px; }
.bg-monogram {background-image: url(https://brocktonspice.com/style/icon-compass.svg);}
.bg-monogram.logo {height: 72px;width: 72px;margin: 0 auto 25px; display: block;background-position: center center;background-size: auto 100%;background-repeat: no-repeat;opacity: 1;}
#welcome span.title {margin-top: 25px;margin-bottom: 0;opacity: 1;}
#welcome p {padding: 0 15%;color: #333333;margin: 10px auto 25px;max-width: 90%;}

/*Hero Banner*/
#hero {height:640px;background-color:#fff;}

/*----------------------------------------------------------------------------------------------------*/
/*Woocommerce*/
.btn {padding:0 1em;line-height:44px;border-radius:2px;}
.storefront-breadcrumb {border-bottom:1px solid #e5e5ec;}
.woocommerce-message { color: #188736; background-color: #c1ffc7; border-left:0; outline: 0; box-shadow: none; text-align: center; }
.woocommerce-message::before { color: #3bb547; display: none; }
.woocommerce-message .button {color: #188736;}
.woocommerce-message a { color: #188736; }
.woocommerce-message a:hover { color: #09571e; }

body.single-product div.product .product_meta { border-top:0; padding-top: 0; }
body.single-product div.product .product_meta .posted_in { position: absolute; top:-30px; left: 0;}
/* .single-product div.product .product_meta a {} */

/*Summary*/
/* .summary .product_title {margin-top:1em;} */
/* .single-product div.product .product_meta {  } */
.site-header-cart .cart-contents .amount { border-right:1px solid #e5e5ec;padding-right:15px;}
h1.product_title.entry-title { margin-bottom: 0;}

/* body.woocommerce-checkout main#main {} */
.woocommerce-billing-fields,.woocommerce-shipping-fields,#order_review_heading,.woocommerce-additional-fields { background-color: #fff; padding: 25px; }
.woocommerce-info { border-left: 0;}

.woocommerce-billing-fields h3,#order_review_heading { font-size:1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;}

#customer_details input[type=text],#customer_details .input-text { background-color: #fff; border: 1px solid #000;}
#customer_details .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox { font-size:1rem;}

#payment .payment_methods > li .payment_box, #payment .place-order { background-color: #fff;}

/*CART*/

.cart_totals h2 { font-size:1em; text-transform:uppercase; font-weight:600; letter-spacing:.015em;}


body.page-cart tr.woocommerce-shipping-totals.shipping td { text-align: right;}

table.woocommerce-checkout-review-order-table .product-name { width:40%;}
table.woocommerce-checkout-review-order-table .product-name th { padding-top: 0; padding-bottom: 0; padding-right: 0;}
table.woocommerce-checkout-review-order-table .order-total th,
table.woocommerce-checkout-review-order-table .order-total td { padding-top: 0; padding-bottom: 0;}

table.woocommerce-checkout-review-order-table tr.cart_item td.product-total { text-align: right; width: 30%;}
table.woocommerce-checkout-review-order-table th.product-total,
table.woocommerce-checkout-review-order-table .cart-subtotal td,
table.woocommerce-checkout-review-order-table .order-total td { text-align: right; }
tr.cart-subtotal th,
tr.cart-subtotal td { padding-top: 0; padding-bottom: 0;}
tr.cart-subtotal td { text-align: right;}

.cart-collaterals table.shop_table_responsive tbody tr td { text-align: right; padding-left: 0;}
.cart-collaterals table.shop_table_responsive .woocommerce-shipping-calculator { text-align: left; }
.cart-collaterals table.shop_table_responsive .woocommerce-shipping-calculator .form-row label { font-size:.9rem; font-weight: 400;}
.cart-collaterals table.shop_table_responsive .woocommerce-shipping-calculator p button { display: block; width: 100%; }

.cart-subtotal { border-top: 1px solid #e5e5ec; }

#order_review tfoot { border-top: 1px solid #e5e5ec;}

body.page-cart td.actions { text-align: left; border-top: 1px solid #e5e5ec; }
body.page-cart td.actions .coupon { display: inline-block; margin: 1em;}

/* table.woocommerce-checkout-review-order-table tfoot { border-top:1px solid #e5e5ec; padding-top:20px;} */
tr.woocommerce-shipping-totals.shipping th,tr.woocommerce-shipping-totals.shipping td { padding-top: 0; padding-bottom: 0;}
tr.woocommerce-shipping-totals.shipping td { padding-left: 0;}
ul#shipping_method { margin: 0; text-align: right;}
ul#shipping_method small { font-size: 1rem;}
ul#shipping_method .ups-delivery-time.octolize-delivery-time small {font-size: .9rem;}

tr.order-total { border-top: 1px solid #e5e5ec;}

/*----------------------------------------------------------------------------------------------------*/
/*Archive*/
.woocommerce.columns-4 { margin-bottom:3em;}
.site-main ul.products.columns-4 li.product {padding-bottom:1em;}

h2.section-title {min-width:300px;max-width:300px;position:relative;display:block;padding:0 20px;margin:75px auto 0;}
h2.section-title:before,h2.section-title:after {position:absolute;top:50%;margin-top:-1px;content:"";width:2em;height:1px;background-color:#c5c5cb;z-index:100;}
h2.section-title:before {left:0;}
h2.section-title:after {right:0;}
/*----------------------------------------------------------------------------------------------------*/
/*Product Page*/
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery,.storefront-full-width-content.single-product div.product .images,.single-product div.product .woocommerce-product-gallery {margin-right:0;}
button.single_add_to_cart_button { display: block; min-width: 50%; width: 100%; padding:0; margin: 0;}
.storefront-full-width-content.single-product div.product .woocommerce-tabs {padding-top:5em;}
.storefront-full-width-content .woocommerce-tabs .panel {float: none;margin: 0 auto;}

.woocommerce-product-gallery__wrapper { position: relative; background-color: #ffffff; }
.single-product div.product .woocommerce-product-gallery { text-align: center;}
.single-product div.product .woocommerce-product-gallery img { display: inline-block; width: 100%; max-width:600px; margin: 0 auto;}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { border: 1px solid #000; outline:0;}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item,
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item:hover { box-shadow: 0; box-shadow: none;}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span { padding: .5rem 1rem;}
/* .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected { background-color: #000; color:#fff; } */
.woo-variation-swatches .variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { 
    font-size: .85rem;
    line-height: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid;
    border-color: #c9c9c9;
    color: #000;
    padding: 10px;
    border-radius: 0;
    flex: 0 0 calc(33.333% - 5px);
    max-width: calc(33.333% - 5px); margin:0;height: 6vh; min-height: 30px;
}
/* .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { width:31%;} */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) { background-color: #000; color: #fff;}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected .variable-item-span {color: #fff;}

/*Related*/
.related.products h2.title {min-width:300px;max-width:450px;position:relative;display:block;padding:0;margin:0 auto;}
.related.products ul.products {padding-top:45px;}
.related.products h2.title:before,.related.products h2.title:after {position:absolute;top:50%;margin-top:-1px;content:"";width:1.5em;height:1px;background-color:#c5c5cb;z-index:100;}
.related.products h2.title:before {left:0;}
.related.products h2.title:after {right:0;}

section.related.products {padding-top: 80px;border-top:1px solid #e5e5ec; background-color:#f9f9f9; clear: both;}
.related.products h2 {margin-bottom: 1.5em;}

/*----------------------------------------------------------------------------------------------------*/
/*Slider*/
#Stage {position:relative;}
.bg-image { background-repeat: no-repeat; background-position: center 0; background-size: cover;width: 100%; height:640px;}
.flexslider {max-width: 100%;}
.flexslider-controls { position: absolute; left: 0; bottom: 0; width: 100%; height: 85px; background: transparent; z-index: 800;}

.slide_text {background-color: transparent;background: transparent; top: 35%;color: #111;display: block;right: 10%;padding: 1em;position: absolute;width: 300px;zoom: 1;}

.slide_byline {font-size: 0.8em;display: block;}
.flex-control-nav li {position: relative; background: none;border-right: 1px solid rgba(255,255,255,0.3);color: #fff; cursor: pointer;float: left;padding: 1em 1.5em;vertical-align: middle;width: 24%;height: 85px;display: inline-block;box-sizing: border-box;}
.flex-control-nav li:last-child {border-right: none;}
.flex-control-nav .flex-active {color: #fff;border-bottom: 5px solid #d0c59c;}
.flex-control-nav li a { display: block; position: absolute;top: 0;left: 0; color: rgba(255,255,255,0.9);text-align: center; line-height: 212%;width: 100%;height: 100%;}
.flex-control-nav li a:hover {color: rgba(255,255,255,1);}
.flex-control-nav li a b { font-weight: 600; color: #d0c59c;}
.flex-control-nav li a span.title { display: block; padding-top: 10px; padding-left: 20px; padding-right: 20px;font-size: 1.1em; font-weight: 600;}
.flex-control-nav li a span.subtitle { display: block; padding: 0; margin: 0;padding-left: 20px; padding-right: 20px;}

/* Minified FlexSlider CSS with Chrome fix */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: 0;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none; position: relative;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative;zoom: 1;height: 640px;overflow: hidden;}
.flex-viewport {max-height: 2000px;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {position: absolute;top: 50%; margin-top: -55px; width: 100%;height: 50px; z-index: 99;}
.flex-direction-nav a {width: 30px;height: 30px;margin: -20px 0 0;display: block;background-position: 0 0;background-repeat: no-repeat;position: absolute;top: 50%;
    z-index: inherit;cursor: pointer; text-indent: -9999px;opacity: 1;-webkit-transition: all 0.3s ease;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {background-repeat: no-repeat;background-size: contain;width: 72px;height: 72px;text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: 100% 0;right: -36px;}
.flex-direction-nav .flex-prev {left: -36px;}
.flex-direction-nav .flex-prev {left: 80px;background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-left.png);}
.flex-direction-nav .flex-next {right: 80px;background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-right.png);}

.slider-header { position: absolute; width: 400px; height: 400px; left: 50%; top: 50%; margin: -115px 0 0 100px; text-align: center;z-index: 200; }
.slider-header h2 { font-size: 3em; font-weight: 500; line-height: 110%; color: #fff; margin-top: 25px; margin-bottom: .1em; cursor: default; }
.slider-header p.subhead { display: inline-block;color: #fff;line-height: 130%;margin: .5em 0 .1em 0;cursor: default;}
.slider-header a.btn { margin: 1.2em auto 0 auto; max-width: 200px;cursor: pointer;background: transparent;border: 1px solid #fff;padding: 0 2em; }

body.single-product .flex-direction-nav .flex-prev {background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-left-grey.png);}
body.single-product .flex-direction-nav .flex-next {background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-right-grey.png);}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0.3 !important;filter: alpha(opacity=30);cursor: default;}
.flex-control-nav {width: 85%;margin: 0 auto;}
.flex-control-nav li {zoom: 1;*display: inline;}
.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #333;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;border-radius: 20px;box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;display: block;opacity: 0.7;cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
/*Slider Imager*/
.flexslider.home {height: 640px; background-color: #fff;}
.flexslider.home .bg-image {background-repeat: no-repeat; background-size: cover;}
.flexslider.home #slideOne .bg-image { background-image: url(https://img.brocktonspice.com/site/brockton-spice-spices.jpg);}
.flexslider.home #slideTwo .bg-image {background-image: url(https://img.brocktonspice.com/site/brockton-spice-herbs.jpg);}
.flexslider.home #slideThree .bg-image {background-image: url(https://img.brocktonspice.com/site/brockton-spice-blends.jpg);}
.flexslider.home #slideFour .bg-image {background-image: url(https://img.brocktonspice.com/site/brockton-spice-peppers.jpg);}

#slideOne { background-image: url(https://img.brocktonspice.com/site/brockton-spice-spices.jpg); background-repeat: no-repeat; background-size: cover;}
#slideTwo { background-image: url(https://img.brocktonspice.com/site/brockton-spice-herbs.jpg); }
#slideThree { background-image: url(https://img.brocktonspice.com/site/brockton-spice-blends.jpg); }
#slideFour { background-image: url(https://img.brocktonspice.com/site/brockton-spice-peppers.jpg); }

.storefront-full-width-content .woocommerce-products-header,.storefront-full-width-content.woocommerce-cart .entry-header { background-image: url(https://brocktonspice.com/img/brockton-spice-hero.jpg);background-repeat: no-repeat; background-size: cover;position: relative;}

.overlay { position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: background 0.8s;-o-transition: background 0.8s;transition: background 0.8s;z-index: 1;}
.overlay.shadow {box-shadow: inset 0 200px 150px -50px rgba(0, 0, 0, 0.77);box-shadow: rgba(0,0,0,0.8) 0px -220px 180px -140px inset, rgba(0,0,0,0.8) 0px 220px 180px -100px inset;}
.overlay.shadow::before {content: "";display: block;width: 500px;height: 100%;position: absolute;top: 0;right: 0;background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%);background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1 );opacity: 0.7;pointer-events: none;}/*----------------------------------------------------------------------------------------------------*/
/*Slider*/
#Stage {position:relative;}
.bg-image { background-repeat: no-repeat; background-position: center 0; background-size: cover;width: 100%; height:640px;}
.flexslider {max-width: 100%;}
.flexslider-controls { position: absolute; left: 0; bottom: 0; width: 100%; height: 85px; background: transparent; z-index: 800;}

.slide_text {background-color: transparent;background: transparent; top: 35%;color: #111;display: block;right: 10%;padding: 1em;position: absolute;width: 300px;zoom: 1;}

.slide_byline {font-size: 0.8em;display: block;}
.flex-control-nav li {position: relative; background: none;border-right: 1px solid rgba(255,255,255,0.3);color: #fff; cursor: pointer;float: left;padding: 1em 1.5em;vertical-align: middle;width: 24%;height: 85px;display: inline-block;box-sizing: border-box;}
.flex-control-nav li:last-child {border-right: none;}
.flex-control-nav .flex-active {color: #fff;border-bottom: 5px solid #d0c59c;}
.flex-control-nav li a { display: block; position: absolute;top: 0;left: 0; color: rgba(255,255,255,0.9);text-align: center; line-height: 212%;width: 100%;height: 100%;}
.flex-control-nav li a:hover {color: rgba(255,255,255,1);}
.flex-control-nav li a b { font-weight: 600; color: #d0c59c;}
.flex-control-nav li a span.title { display: block; padding-top: 10px; padding-left: 20px; padding-right: 20px;font-size: 1.1em; font-weight: 600;}
.flex-control-nav li a span.subtitle { display: block; padding: 0; margin: 0;padding-left: 20px; padding-right: 20px;}

/* Minified FlexSlider CSS with Chrome fix */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: 0;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none; position: relative;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative;zoom: 1;height: 640px;overflow: hidden;}
.flex-viewport {max-height: 2000px;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {position: absolute;top: 50%; margin-top: -55px; width: 100%;height: 50px; z-index: 99;}
.flex-direction-nav a {width: 30px;height: 30px;margin: -20px 0 0;display: block;background-position: 0 0;background-repeat: no-repeat;position: absolute;top: 50%;
    z-index: inherit;cursor: pointer; text-indent: -9999px;opacity: 1;-webkit-transition: all 0.3s ease;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {background-repeat: no-repeat;background-size: contain;width: 72px;height: 72px;text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: 100% 0;right: -36px;}
.flex-direction-nav .flex-prev {left: -36px;}
.flex-direction-nav .flex-prev {left: 80px;background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-left.png);}
.flex-direction-nav .flex-next {right: 80px;background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-right.png);}

.slider-header { position: absolute; width: 400px; height: 400px; left: 50%; top: 50%; margin: -115px 0 0 100px; text-align: center;z-index: 200; }
.slider-header h2 { font-size: 3em; font-weight: 500; line-height: 110%; color: #fff; margin-top: 25px; margin-bottom: .1em; cursor: default; }
.slider-header p.subhead { display: inline-block;color: #fff;line-height: 130%;margin: .5em 0 .1em 0;cursor: default;}
.slider-header a.btn { margin: 1.2em auto 0 auto; max-width: 200px;cursor: pointer;background: transparent;border: 1px solid #fff;padding: 0 2em; }

body.single-product .flex-direction-nav .flex-prev {background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-left-grey.png);}
body.single-product .flex-direction-nav .flex-next {background-image: url(https://s3.amazonaws.com/seedavis/images/arrow-right-grey.png);}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0.3 !important;filter: alpha(opacity=30);cursor: default;}
.flex-control-nav {width: 85%;margin: 0 auto;}
.flex-control-nav li {zoom: 1;*display: inline;}
.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #333;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;border-radius: 20px;box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;display: block;opacity: 0.7;cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
/*Slider Imager*/
.flexslider.home {height: 640px; background-color: #fff;}
.flexslider li.slideOne .bg-image { background-image: url(https://brocktonspice.com/img/brockton-spice-spices.jpg);}
.flexslider li.slideTwo .bg-image {background-image: url(https://brocktonspice.com/img/brockton-spice-herbs.jpg);}
.flexslider li.slideThree .bg-image {background-image: url(https://brocktonspice.com/img/brockton-spice-blends.jpg);}
.flexslider li.slideFour .bg-image {background-image: url(https://brocktonspice.com/img/brockton-spice-peppers.jpg);}

.storefront-full-width-content .woocommerce-products-header,.storefront-full-width-content.woocommerce-cart .entry-header { background-image: url(https://brocktonspice.com/img/brockton-spice-hero.jpg);background-repeat: no-repeat; background-size: cover;position: relative;}

.overlay { position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: background 0.8s;-o-transition: background 0.8s;transition: background 0.8s;z-index: 1;}
.overlay.shadow {box-shadow: inset 0 200px 150px -50px rgba(0, 0, 0, 0.77);box-shadow: rgba(0,0,0,0.8) 0px -220px 180px -140px inset, rgba(0,0,0,0.8) 0px 220px 180px -100px inset;}
.overlay.shadow::before {content: "";display: block;width: 500px;height: 100%;position: absolute;top: 0;right: 0;background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%);background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 66%, rgba(0, 0, 0, 0.9) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1 );opacity: 0.7;pointer-events: none;}

/*----------------------------------------------------------------------------------------------------*/
/*Footer*/
.site-footer {border-top: 6px solid #999;}

/*----------------------------------------------------------------------------------------------------*/
@media (max-width: 66.4989em) {
    .col-full { margin-left: 0; margin-right: 0;}
}


/*----------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
/*Hide*/
.site-branding .site-description,.storefront-product-pagination {display: none;}

/*Font*/
.woocommerce-result-count {font-size: 1.1em;}
.woocommerce .products ul, .woocommerce ul.products,a.btn {text-align:center;}
/*Header*/	
.site-header {padding-top:0;border-color: rgba(255,255,255,.3);}
.site-branding {margin-bottom:0;z-index: 999;}
.site-header-cart .cart-contents {padding:0;}
.site-header-cart .cart-contents::after {margin-top:11px;}
.woocommerce-active .site-header .main-navigation {width:initial;float:none;clear:none;margin:0;display: inline-block;}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { display: inline-block; float: none; width:200px; vertical-align: top;text-align: left;color: #fff;margin-bottom: 0;}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation ul.menu-main-menu a { text-transform: uppercase; letter-spacing: .01em; }

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation ul.sub-menu { width:300px; margin-left: 20px; margin-right: 0; background-color: #fff; }
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation ul.sub-menu li { background-color: #fff;}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation ul.sub-menu li a { background-color: #fff;}


header#masthead .secondary-navigation ul li.menu-item-has-children { line-height: 60px;}
header#masthead .secondary-navigation ul li.menu-item-has-children a { color:#fff; padding: 0; margin: 0; cursor: pointer; opacity:1;}
header#masthead .secondary-navigation ul li.menu-item-has-children a:hover { color:#fff; opacity: .9;}

header#masthead .secondary-navigation ul li.menu-item-has-children ul.sub-menu { background-color: #fff; }
/* header#masthead .secondary-navigation ul li.menu-item-has-children ul.sub-menu li { } */
header#masthead .secondary-navigation ul li.menu-item-has-children ul.sub-menu li a { color: #000; font-size: 1rem; font-weight: 500; cursor: pointer; }

header#masthead .secondary-navigation .menu { float: none;}

.woocommerce-active .site-header .site-search { margin-right:10px;}

.woocommerce-mini-cart__buttons.buttons a.button { line-height: 50px;}

table.cart tbody { background-color: #fff;}
table.cart td.product-remove,
table.cart td.product-thumbnail { padding: 0; }
table.cart th { font-size:.9rem; text-transform: uppercase; letter-spacing: .05em;}

table.cart td.actions .coupon { padding-bottom: 20px;}

.site-search {margin:0;clear:none;}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {display: inline-block;margin-right: 35px;width: initial;padding-left: 36px;}
.woocommerce-active .site-header .site-search { display:inline-block; line-height: 60px; margin-left:25px; }
.woocommerce-active .site-header .site-header-cart { width:300px; text-align:right;padding-right: 36px;}
.storefront-full-width-content .woocommerce-products-header,.storefront-full-width-content.woocommerce-cart .entry-header { min-height:50px; padding:0;}
body.page-cart .storefront-full-width-content.woocommerce-cart .entry-header { min-height:110px; background-image: none; background-color: #fff; border-bottom: 1px solid #e5e5ec;}
.content-area,.site-main,.storefront-breadcrumb {margin:0;}
/*Archives*/	
.woocommerce-ordering {margin-right:0;}
.woocommerce-ordering select {border:1px solid #e5e5ec;padding:5px 3px;}
.woocommerce .products ul, .woocommerce ul.products {margin:0 auto !important;}
a.btn {display: inline-block;margin: 0 auto;}
.col-full {padding:0;}
/*Single Product*/	
.storefront-breadcrumb {padding: 61px 0 15px 0;}
.woocommerce-breadcrumb {padding-top:10px;margin:0;}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery { width:60%;}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery { min-height:80vh; background-color: #ffffff; margin-bottom: 0;}
.storefront-full-width-content.single-product div.product .summary { width:30%; position:absolute; right:10%;top:80px;}

/*Cart*/
.site-header-cart {position: absolute;top: 0;right: 0;}
.site-header-cart .cart-contents::after {margin-left: 10px;margin-top: 17px !important;}

body.page-cart .cart_totals.calculated_shipping { width: 40%;}
body.page-cart .cart-collaterals .cart_totals { width: 40%; }

}

@media (max-width: 767px) {
/*Header*/
.site-header {padding-top:0;}
.site-branding {margin-bottom:0;z-index: 999;}
.site-header-cart .cart-contents {padding:0;}
.site-header-cart .cart-contents::after {margin-top:11px;}
.woocommerce-active .site-header .main-navigation {width:initial;float:none;clear:none;margin:0;display: inline-block;}
.woocommerce-active .site-header .site-header-cart {width:200px; text-align:right;}
.woocommerce ul.products {width:98%;margin:0 auto !important;text-align:center;}
ul.products li {width: 47%;display: inline-block; vertical-align:top;margin-right: 0.5em;}
}
@media (max-width: 568px) {
.col-full {margin:0;}
}