/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.6g
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/*	TABLE OF CONTENTS 
	1.0 DEFAULT CSS
	1.5 PAGE LAYOUT
	2.0 HEADER
	3.0 CONTENT
	4.0 FOOTER

	8.0 WOOCOMMERCE
		8.0 General WooCommerce CSS 
		8.1 My Account Pages
		8.2 Single Product Template
		8.3 CART PAGE
		8.4 Checkout Page

	9.0 CUSTOM CSS
*/


/*** 1.0 DEFAULT CSS ***/

/* Disable accessibility outline on menus and links */
a:focus {
 outline: 0 !important; 
}

html {
  overflow-y: scroll;
}


/*** 1.5 PAGE LAYOUT ***/

.col-full {
	margin: 0 auto;
	padding: 0;
}
@media (min-width: 768px) {
    .col-full {
        max-width: 100%;
	}
}

/*** 2.0 HEADER ***/
#cs-main-menu ul li.current-menu-item.cs-on-page-link a {
    color: #000000;
}

/*** 8.0 General WooCommerce CSS ***/
.woocommerce-page .entry-title {
    margin: 2em 0;
    text-align: center;
}

/* set background on message to theme colour */
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-noreviews {
    background-color: var( --e-global-color-primary )
}

/* stars on review to theme colour */
.woocommerce-page .star-rating span:before,
.woocommerce-page p.stars.selected a.active:before,
.woocommerce-page p.stars:hover a:before,
.woocommerce-page p.stars.selected a:not(.active):before,
.woocommerce-page p.stars.selected a.active:before {
    color: var( --e-global-color-primary )
}

/* suppress default title for reviews */
.woocommerce-page .woocommerce-Reviews-title {
    display: none;
}

/* suppress review avatar */
.woocommerce-page .comment_container .avatar {
    display: none;
}

/* fix alignment of comments due to hiding avatar */
.woocommerce-page #reviews .commentlist {
    padding: 0 1.618em;
}
@media (min-width: 768px) {
    .woocommerce-page #reviews .commentlist {
        padding: 0 2.617924em;
    }
}
.woocommerce-page #reviews .commentlist li .comment_container .comment-text {
    float: none;
}

    /* when text area has focus, outline is theme grey */
.woocommerce-page input:focus,
.woocommerce-page textarea:focus {
    outline-color: #D8D8D8;
}

.woocommerce-page a.button.wc-backward {
    background-color: var( --e-global-color-primary );
    border: 2px solid var(--e-global-color-b3f8795);
    border-radius: 30px;
    color: var(--e-global-color-b3f8795,#fff);
    font-weight: 400;
}
.woocommerce-page a.button.wc-backward:active,
.woocommerce-page a.button.wc-backward:focus,
.woocommerce-page a.button.wc-backward:hover {
    border-color: var(--e-global-color-3fe6374);
    color: var(--e-global-color-3fe6374);
}

/** 8.0.1 Product page **/
#callister-product-grid .added_to_cart,
.woocommerce-page .added_to_cart {
    display: none;
}

/*** 8.1 My Account Pages ***/
.woocommerce-account .woocommerce-MyAccount-content {
    background-color: var(--e-global-color-d2c32ad);
    padding: 20px;
}

#callister-account .woocommerce-MyAccount-navigation ul  li.woocommerce-MyAccount-navigation-link a {
    background-color: var( --e-global-color-primary );
    color: var(--e-global-color-b3f8795,#fff);
    padding: 10px 15px;
    margin-bottom: 1em;
}
#callister-account .woocommerce-MyAccount-navigation ul  li.woocommerce-MyAccount-navigation-link.is-active a,
#callister-account .woocommerce-MyAccount-navigation ul  li.woocommerce-MyAccount-navigation-link a:active,
#callister-account .woocommerce-MyAccount-navigation ul  li.woocommerce-MyAccount-navigation-link a:focus,
#callister-account .woocommerce-MyAccount-navigation ul  li.woocommerce-MyAccount-navigation-link a:hover {
    color: var(--e-global-color-3fe6374);
}

.woocommerce-account fieldset legend {
    margin-left: -1.618em;
}

/*** 8.3 CART PAGE ***/
/** background behind "update cart" button **/
.woocommerce-page table.cart td.actions {
    background-color: #FFFFFF;
}

/** "update cart" button **/
.woocommerce-cart .woocommerce-cart-form button {
    background-color: var( --e-global-color-primary );
}
.woocommerce-cart .woocommerce-cart-form button:active,
.woocommerce-cart .woocommerce-cart-form button:focus,
.woocommerce-cart .woocommerce-cart-form button:hover {
    background-color: var( --e-global-color-primary );
}

.woocommerce-cart .woocommerce-cart-form button:hover:disabled {
    color: var(--e-global-color-b3f8795);
    border-color: #FFFFFF;
}

/** "proceed to checkout" button **/
.woocommerce-cart a.checkout-button {
    border: 2px solid var(--e-global-color-b3f8795);
    border-radius: 36px;
    background-color: var(--e-global-color-primary);
    colour: var(--e-global-color-b3f8795);
    font-weight: 400;
}
.woocommerce-cart a.checkout-button:active,
.woocommerce-cart a.checkout-button:focus,
.woocommerce-cart a.checkout-button:hover {
    background-color: var(--e-global-color-primary);
    border-color: var(--e-global-color-3fe6374);
    color: var(--e-global-color-3fe6374);
}
/** "proceed to checkout" button when disabled **/
.woocommerce-cart a.checkout-button.disable-checkout-btn {
    background-color: var(--e-global-color-primary) !important;
    colour: var(--e-global-color-b3f8795) !important;
    opacity: .5;
}
.woocommerce-cart a.checkout-button.disable-checkout-btn:hover {
    background-color: var(--e-global-color-primary);
    border-color: var(--e-global-color-3fe6374) !important;
    color: var(--e-global-color-3fe6374);
}

/*** 8.4 Checkout Page ***/
.woocommerce-checkout .woocommerce-checkout-payment button {
    border: 2px solid var(--e-global-color-b3f8795);
    border-radius: 36px;
    background-color: var(--e-global-color-primary);
    colour: var(--e-global-color-b3f8795);
    font-weight: 400;
}
.woocommerce-checkout .woocommerce-checkout-payment button:active,
.woocommerce-checkout .woocommerce-checkout-payment button:focus,
.woocommerce-checkout .woocommerce-checkout-payment button:hover {
    background-color: var(--e-global-color-primary);
    border-color: var(--e-global-color-3fe6374);
    color: var(--e-global-color-3fe6374);
}

/* message for order only in Vancouver */
.cs-vcr-only {
    font-size: 1.05em;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
}