/*.    Sisel_FE_CSS_OVERRIDE.css  */
html {
  scroll-behavior: smooth;
}
body {
    font-family: "Poppins", sans-serif !important;
}
/*------------------------TEMPLATE CHANGES------------------------*/
/********changing all green buttons to Black*******/
.green-primary-btn {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
.btn-primary {
  border-color: #000000 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
.btn-secondary {
  border-color: #8ec640; /*#5b5b5b*/
  background-color: #8ec640; /*#5b5b5b*/
  color: #FFFFFF !important;
}
.bg-gray {
  background-color: #f5f5f5 !important;
  border: 0;
}
.btn-primary-lg {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
}
.top-language-region .btn-secondary {
  color: #000000 !important;
}
/*------------------------SHOPPING CART CHANGES------------------------*/
@media (min-width: 1200px) {
  .checkout-row .pv-discount-container .p-xl-5 {
    padding: 1rem !important; /* green autoship PV box on cart - less padding */
  }
}
@media (min-width: 992px) {
  .checkout-row .pv-discount-container .p-lg-5 {
    padding: 1rem !important; /* green autoship PV box on cart - less padding */
  }
}
/* font changes in cart */
#shopping-item-summary .summary-header-container .summary-category {
  font-size: 24px !important; /* Larger title font */
}
.sisel-minicart .mini-cart-summary .minicart-subtotal > b {
  font-size: 14pt !important; /* smaller subtotal font to match price font */
}
.shopping-summary-row .shopping-summary-details .item-amount {
  font-size: 14pt !important; /* smaller font */
  font-weight: 700 !important; /* little more bold */
}
.shopping-summary-row .shopping-summary-details .item-amount.order-price {
  margin-top: 0 !important; /* crossed out retail price no padding on top to make it same level as discounted price */
}
/*----selected radio button bg color in shop------*/
#product-list-page .item-card .item-details .item-controls .check-selected {
  background-color: #d1e9f7 !important;
}
/*----outlines for radio buttons on shop*/
#product-list-page .item-card .item-details .item-controls .item-radio input[type=radio] {
  border: 2px solid #000000 !important;
}
/*----autoship title on radio button, change color-----*/
#product-list-page .item-card .item-details .item-controls .item-radio label[data-type=autoorder] {
  color: #000000 !important;
  font-weight: 400 !important;
}
/*---plus and minus QTY button bg color to blue------*/
#product-list-page .item-options .item-opt .btn.btn-qty {
  background-color: #d1e9f7 !important;
}
.sisel-minicart .minicart-qty-controls i {
  background: #d1e9f7;
  border: solid 1px #d1e9f7;
}
.sisel-minicart .item-change-type {
  font-size: 14px !important;
}
#learnMore-Modal .icon-item img {
  filter: brightness(0) saturate(200%) invert(50%) sepia(150%) saturate(248%) hue-rotate(174deg) brightness(96%) contrast(91%) !important;
}
.sisel-minicart .mini-cart-summary .crossedout-price {
  font-size: 12pt !important;
}
.shopping-summary-row {
  padding-bottom: 0;
}
.shopping-summary-container {
  padding: 0;
  margin-right: -15px;
}
#shopping-item-summary .summary-header-container {
  margin-bottom: -20px;
}
.mini-cart-summary .pv-discount-container .p-md-5 {
  padding: 1rem 3rem !important;
}
/*------------------------JOIN PAGE------------------------*/
#choose-enroller {
  padding: 2rem; /* choose enroller box added padding to move more text to the next line */
}
.preferred-customer-signup-modal .btn-primary {
  border-color: #000000 !important;
  background-color: #000000 !important;
}
/*------------------------REGISTRATION PROCESS ------------------------*/
.enroller-step-container .enroller-step-header.complete {
    background-color: #7D919F !important;

}
.enroller-step-container .enroller-step-header.complete .card-title {
		color: #FFF !important;
}

.enroller-step-container .enroller-step-header.complete::before {
	color: #FFF !important;
}

.enroller-step-container .enroller-step-header:not(.active)::after {
	/*color: #FFF !important;*/
}

.enroller-step-container .enroller-step-header.active::after {
	color: #FFF !important;
}

/* Step 1.3 - Username is available */
.field-validation-valid {
    color: #51812c !important;
    font-weight: 700 !important;
    font-size: 13px;
}

/* Step 4 - Add Additional Product */
#view-enrollment-productlist .btn.btn-sm, #view-enrollment-productlist .btn-group-sm > .btn {
  font-size: 13px !important;
}
@media (min-width: 768px) {
  #view-enrollment-productlist .product .flex-md-row {
    flex-direction: column !important;
  }
}
/* Step 4 - qty button colors */
.item-options .minus, .item-options .plus {
  background-color: #d1e9f7 !important;
}
.enrollment-sisel-minicart .minicart-qty-controls i {
  background: #d1e9f7 !important;
  border: solid 1px #d1e9f7 !important;
}
.enrollment-sisel-minicart .minicart-qty-controls i.trash {
  background: transparent !important;
  border: 0 !important;
}
#view-enrollment-productlist a.item-quick-view, #quick-view-modal a.item-quick-view {
  color: #000000;
}
/*------------------------Static Home Pages ------------------------*/
/*===== Black Bar Headers =======*/
/* Reusable “title + right bar” header */ :root {
  --title-max: 1280px;
  --title-bar-color: #000; /* set to #fff for dark sections via modifier below */
  --title-bar-height: 20px;
  --title-bar-radius: 2px;
}
.section-header {
  max-width: var(--title-max);
  margin: 0 auto 24px;
  padding: 0 16px; /* safe gutter */
}
.section-header__row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.section-header__text {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 700;
}
.section-header__bar {
  flex: 1 1 auto; /* eat remaining row width */
  height: var(--title-bar-height);
  background: var(--title-bar-color);
  border-radius: var(--title-bar-radius);
}
.section-header__sub {
  margin: 6px 0 0;
  color: #666;
}
/* Stack the bar under the title on narrow screens */
@media (max-width: 575.98px) {
  .section-header__row {
    flex-wrap: wrap;
  }
  .section-header__bar {
    width: 100%;
  }
}
/* Optional: white-on-dark modifier */
.section-header--light .section-header__text {
  color: #fff !important;
}
.section-header--light .section-header__bar {
  background: #fff !important;
}

/*****************************Distributor LEARN MORE modal with thier info in header*************************/
#ownerModalTop h1 {
	font-size: 10px !important;
}
#ownerModalTop h2 {
	font-size: 12px !important;
}


/*------------------------SHOP ------------------------*/
/*Preferred member tool tip*/
#product-list-page .item-info-popup {
	    width: 315px !important;
}