/* This is use to dynamically handle template styles */

:root{
  --primary: #ffffff;
  --secondary: #222222;
  --hover_primary: #d6d6d6;
  --hover_secondary: #818181;
}

/* ::selection {
  background-color: var(--secondary);
} */

.fc-greyish-white,a {
  color: var(--primary) !important;
}
a:hover {
  color: var(--hover_primary);
}
.ui.header.footer-header,.ui.inverted.button,.fc-white,.ui.header.breadcrumb-title{
  color: var(--primary) !important;
}
.cart-dropdown .cart-dropdown__trigger .icon,.cart-dropdown .cart-dropdown__trigger .count-circle .cart-count.light-count {
  color: var(--primary) !important;
}
.ui.inverted.button,.ui.inverted.button:hover {
  -webkit-box-shadow: 0 0 0 2px var(--primary) inset!important;
  box-shadow: 0 0 0 2px var(--primary) inset!important;
}
.ui.inverted.button:hover{
  background: var(--primary);
  color: black !important;
}
.center.aligned.column.pad-footer-main .description {
  color: var(--primary);
}

body,
.ui.header{
  color: var(--secondary);
}
.copyright-section,.footer-main,.fixed-nav{
  background: var(--secondary);
}
.ui.header{
  color: var(--secondary);
}
.fc-black,.fc-black a,.share-icon{
  color: var(--secondary) !important;
}
.link-black,.link-black a{
  color: var(--secondary) !important;
}

.hover-link a:hover {
  color: var(--hover_secondary) !important;
}

.ui.grey.button, .ui.grey.buttons .button{
  background-color: var(--secondary);
}
.ui.grey.button:hover, .ui.grey.buttons .button:hover{
  background-color: var(--hover_secondary);
}

.cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action{
  background-color: var(--secondary);
  color: white !important;
}
.cart .cart-content-wrap .cart-price-details .pd-action .cart-pd-action-btn, .cart .cart-footer-wrap .cart-footer-action .cart-cs-btn, .cart .cart-footer-wrap .cart-footer-action .cart-po-btn, .cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action, .checkout .checkout-content .wch-price-details .wch-pd-action .wch-pd-action-btn, .payment .payment-footer .payment-footer-action .pf-action-btn, .pqv-wrap .pqv-container .pqv-content .lightbox-content .product-quick-view-container .product-info-col .product-info .product-action-row .add-to-cart-btn{
  background-color: var(--secondary);
  color: white !important;
}
.cart .cart-content-wrap .cart-price-details .pd-action .cart-pd-action-btn:hover, .cart .cart-footer-wrap .cart-footer-action .cart-cs-btn:hover, .cart .cart-footer-wrap .cart-footer-action .cart-po-btn:hover, .cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action:hover, .checkout .checkout-content .wch-price-details .wch-pd-action .wch-pd-action-btn:hover, .payment .payment-footer .payment-footer-action .pf-action-btn:hover, .pqv-wrap .pqv-container .pqv-content .lightbox-content .product-quick-view-container .product-info-col .product-info .product-action-row .add-to-cart-btn:hover{
  background-color: var(--hover_secondary);
}

.custom-button {
  border: 2px solid var(--secondary)!important;
  color: var(--secondary)!important;
}

.ui.black.button, .ui.black.buttons .button{
  background-color: var(--secondary); 
}

.ui.black.button:hover, .ui.black.buttons .button:hover{
  background-color: var(--hover_secondary); 
}

.cart-empty-wrap .cart-empty .cart-info .cart-info-action .ci-btn{
  background-color: var(--secondary);
  color: white !important;
}
.cart-empty-wrap .cart-empty .cart-info .cart-info-action .ci-btn:hover{
  background-color: var(--hover_secondary);
}