@charset "UTF-8";
/* ==========================================================================
   CUSTOM FOOTER STYLING
   ========================================================================== */
/* Make footer payment icons white */
.footer-payment-icons svg {
  fill: #fff !important; }

/* ==========================================================================
   HEADER / NAVIGATION
   ========================================================================== */
/* Hide the desktop navigation menu */
#menu div.nav-right {
  width: 88%;
  display: none; }

/* ==========================================================================
   NEWSLETTER & FOOTER
   ========================================================================== */
/* Remove spacing between newsletter section and footer */
.footer-newsletter {
  margin-bottom: 0 !important; }

.footer {
  margin-top: 0 !important; }

/* ==========================================================================
   FOOTER DISCLAIMER
   ========================================================================== */
/* Center and constrain the disclaimer text */
.footer-disclaimer {
  text-align: center;
  margin: 10px auto 5px;
  max-width: 1000px; }

/* Style the disclaimer text */
.footer-disclaimer p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #b8b8b8; }

/* Make the "Disclaimer:" label stand out */
.footer-disclaimer strong {
  color: #ffffff; }

/* ==========================================================================
   FOOTER STORE INFORMATION
   ========================================================================== */
/* Hide store address/phone information in the footer */
.store-info {
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
  color: #000;
  padding-bottom: 20px;
  display: none; }

/* ==========================================================================
   PRODUCT PAGE — TOP PRODUCT SECTION
   ========================================================================== */
/* Keep the product image and product information aligned at the top */
.productView {
  align-items: flex-start; }

/* Give the product gallery a little more breathing room */
.productView-image {
  padding-bottom: 20px; }

/* Keep the main product image nicely contained */
.productView-img-container {
  margin-bottom: 15px; }

/* Improve spacing in the product information column */
.productView-details {
  padding-top: 5px; }

/* Make the product title slightly more prominent */
.productView-title {
  margin-bottom: 8px; }

/* Give the price a little more separation */
.productView-price {
  margin-bottom: 15px; }

/* ==========================================================================
   PRODUCT PAGE — TRUST FACTORS & SHARE
   ========================================================================== */
/* Trust factors */
.product-trust-factors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  margin-top: 20px;
  padding: 16px 0 18px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.product-trust-factor {
  font-size: 13px;
  line-height: 1.4;
  color: #555;
  white-space: nowrap; }

/* Share section */
.product-share-section {
  margin-top: 0;
  padding: 16px 0 4px; }

/* Keep the share icons nicely aligned */
.product-share-section .socialLinks {
  margin-top: 0; }

/* ==========================================================================
   FOOTER — BRAND GREEN
   ========================================================================== */
.footer {
  background-color: #075c32 !important; }

.footer-copyright {
  background-color: #064b2a !important; }

.footer-bottom {
  background-color: #064B2A !important;
  padding: 30px 0; }

/* ==========================================================================
   PRODUCT PAGE — BRAND DISCLAIMER
   ========================================================================== */
.product-brand-disclaimer {
  margin: 20px 0 10px;
  padding: 12px 15px;
  background: #f7f7f7;
  border-left: 3px solid #087a3f;
  font-size: 11px;
  line-height: 1.5;
  color: #666; }

.product-brand-disclaimer strong {
  color: #333; }

/* ==========================================================================
   PRODUCT PAGE — ACCORDION HEADERS
   ========================================================================== */
#accordion .ui-accordion-header {
  background-color: #e8f4ed;
  border: 1px solid #d7d7d7; }