/*
Theme Name:   Storefront Child Theme
Theme URI:    https://store.viventhealth.org
Description:  A Storefront child theme 
Author:       Martin Defatte
Author URI:   https://www.jigsawllc.com
Template:      storefront
Version:      1.0.0
Text Domain:  storefrontchild
*/
/* site settings in case they get lost

Site Identity:
vh_hrz_rgb_grd-NEW_359x70.png
Vivent Health Store
At-home test kits, condoms and lube, free of charge.

Header:
background color: #ffffff
text color: #404040
link color: #333333

Footer:
background color: #000000
Heading color: #ffffff
text color: #ffffff
link color: #ffffff

Background:
background color: #ffffff

Typography:
Heading color: #333333
text color: #6d6d6d
link / accent color: #d92231
hero heading color: #000000
hero text color: #000000

Buttons:
background color: #eeeeee
texst color: #d92231
alt bkg: #333333
alt text: #ffffff

Store notice:
Vivent Health offers free in person STI and HIV testing. <a href="https://viventhealth.org/request-an-appointment/request-appointment-form/">Click here to schedule an appointment.</a>



// custom cart and account endpoints
// https://www.woocommerce-test.dev.cc/wp-admin/admin.php?page=wc-settings&tab=advanced
default settings: 
My account (ID: 9)
Checkout (ID: 8)
*/
/*
examples of how to darken or lighten
.item {
	background: darken($color-basic-link, 30%);
}
.item  {
	background: lighten($color-basic-link, 30%);
}
*/
/* @end */
/* #SASS mixins http://sass-lang.com/guide
================================================== */
/*
button {
	@include rounded(6px);
}
*/
/*
button {
	@include linear-gradient(#42b3e2, #1a6798);
}
*/
/* retinize a background image */
/* needs files to folow this pattern "filename.png" and "filename-2x.png"
.element {
	@include retinize('file-name', 'png', 24px, 24px); // uses 50% actual size to constrain the size, visually, thereby doubling the pixel depth
}
*/
/*
img.preload{
    @include opacity(0);
    &.complete{
        @include opacity(1);
    }
}
*/
/*
img { 
  @include filter(grayscale, 100%);
}
*/
/* #Media Queries
================================================== */
/* usage
#content {
	float: left;
	width: 70%;
	@include responsive(larger-than-mobile) {
		width: 80%;
	}
	@include responsive(larger-than-desktop) {
		width: 50%;
		font-size: 14px;
	}
	@include responsive(larger-than-desktophd) {
		float: none;
		width: 100%;
		font-size: 12px;
	}
}
*/
/* @end */
body {
  font-size: 1.2em;
  font-weight: 400;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, clean, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
}

.primary-navigation,
.main-navigation {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.widget .widget-title,
.headline,
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .woocommerce-loop-product__title {
  text-transform: uppercase;
  font-family: "Roboto Condensed", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, clean, sans-serif;
  font-weight: 600;
  font-style: normal;
}

ul.products li.product .woocommerce-loop-product__title {
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.widget .widget-title {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 0.8;
}

body.home h2.has-text-align-center {
  margin-bottom: 2rem;
}

.widget .widget-title {
  font-weight: 600;
}

.headlineBold {
  font-weight: 700;
}

/* https://woocommerce.com/document/remove-the-box-around-active-links/*/
header a:focus,
header .focus a {
  outline: none !important;
}

footer .footer-widgets {
  padding-top: 1rem;
}
footer .widget_nav_menu .widget-title {
  margin-bottom: 1rem;
}
footer .widget_nav_menu .menu-primary-menu-container ul.menu,
footer .widget_nav_menu .menu-footer-menu-container ul.menu {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
footer .widget_nav_menu .menu-primary-menu-container ul.menu li,
footer .widget_nav_menu .menu-footer-menu-container ul.menu li {
  padding-left: 0;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
}
footer .widget_nav_menu .menu-primary-menu-container ul.menu li::before,
footer .widget_nav_menu .menu-footer-menu-container ul.menu li::before {
  display: none;
}
footer .site-info {
  padding: 0;
  font-size: 0.9rem;
}
footer .widget_gtranslate {
  color: #000 !important;
}
footer .widget_gtranslate a {
  color: #000 !important;
}
footer ul.paymentOptions,
footer ul.socialBookmarks {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
footer ul.paymentOptions li,
footer ul.socialBookmarks li {
  margin-right: 2rem;
}

/* remove all references to price */
ul.products li.product .price {
  display: none;
}

.widget_shopping_cart .total {
  display: none;
}

ul.product_list_widget li .amount {
  display: none;
}

.cart-collaterals .cart_totals h2,
.cart-collaterals .cart_totals table {
  display: none;
}

table.cart th.product-price, table.cart th.product-subtotal,
table.cart td.product-price,
table.cart td.product-subtotal {
  display: none;
}
table.cart td.actions .coupon {
  display: none;
}

.site-header-cart .cart-contents span.amount {
  display: none;
}

body.single-product div.product p.price {
  display: none;
}

.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-price {
  display: none;
}

.widget_shopping_cart .checkout.wc-forward {
  display: none;
}

#secondary p.woocommerce-mini-cart__buttons .checkout.wc-forward {
  display: none;
}

body.single-product .summary .restrictedRegions p {
  color: #d92231;
  margin-bottom: 0;
  font-style: italic;
  font-size: 1rem;
}
body.single-product .summary .restrictedRegions div strong {
  color: #333333;
}
body.single-product .summary .restrictedRegions ul {
  margin-bottom: 0;
}
body.single-product .summary .restrictedRegions ul li:last-of-type {
  margin-bottom: 0;
}

ul.products .restrictedRegions {
  text-align: left;
  margin-bottom: 1rem;
  margin-top: -8.653px;
}
ul.products .restrictedRegions p {
  margin-bottom: 0;
  margin-bottom: 8.653px;
  font-style: italic;
  font-size: 0.9rem;
  text-align: center;
}
ul.products .restrictedRegions div {
  display: inline;
  margin-right: 0.5rem;
  line-height: 1.1;
}
ul.products .restrictedRegions div strong {
  font-size: 0.9rem;
  color: #333333;
}
ul.products .restrictedRegions ul {
  color: #6d6d6d;
  line-height: 1.1;
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9rem;
}
ul.products .restrictedRegions ul + div {
  margin-left: 0.5rem;
}
ul.products .restrictedRegions ul li {
  display: inline;
  margin: 0;
  padding: 0;
}