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

:root {
  --primary: #00a5ea;
  --secondary: #e0e1e2;
  --hover_primary: #037caf;
  --hover_secondary: #cacbcd;
}

.blue,
.ui.grid > .blue.row {
  background: var(--primary) !important;
}
.blue.button:hover {
  background: var(--hover_primary) !important;
}
.ui.menu .item,
.share-icon {
  color: var(--primary);
}
.bg-color-newsletter {
  background: var(--primary);
}
.fc-theme {
  color: var(--primary) !important;
}

.ui.breadcrumb a,
.ui.card > .content > a.header,
.ui.card > .extra a:not(.ui),
.ui.cards > .card > .content > a.header,
.ui.cards > .card > .extra a:not(.ui),
.ui.comments .comment a.author,
.ui.inverted.list .list > a.item,
.ui.inverted.list > a.item,
.ui.items a.item .content .header,
.ui.items > .item > .content > a.header,
.ui.link.items > .item .content .header,
.ui.list .list > a.item,
.ui.list > a.item,
a,
.fc-link {
  color: var(--primary);
}
.ui.breadcrumb a:hover,
.ui.card > .content > a.header:hover,
.ui.card > .extra a:not(.ui):hover,
.ui.cards > .card > .content > a.header:hover,
.ui.cards > .card > .extra a:not(.ui):hover,
.ui.comments .comment a.author:hover,
.ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover,
.ui.items a.item:hover .content .header,
.ui.items > .item > .content > a.header:hover,
.ui.link.items > .item:hover .content .header,
.ui.list .list > a.item:hover,
.ui.list > a.item:hover,
a:hover,
.fc-link:hover {
  color: var(--hover_primary);
}

.hover-title a:hover,
a.fc-black.update-product-title-link:hover,
.ui.card .content .header a:hover {
  color: var(--hover_primary) !important;
}

.scroll-to-top {
  background: var(--primary);
  border: 2px solid var(--primary);
}

.cart .cart-content-wrap .cc-product-row .cp-row-action .cp-remove-btn {
  color: var(--primary);
}
.cart-empty-wrap .cart-empty .cart-info .cart-info-action .ci-btn,
.report-box .report-box-body .report-form .report-send-btn,
.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(--primary);
  /* color: white !important; */
}

.cart-empty-wrap .cart-empty .cart-info .cart-info-action .ci-btn:hover,
.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_primary);
}

a.ui.label:hover,
a.ui.labels .label:hover {
  background-color: var(--hover_secondary);
  border-color: var(--hover_secondary);
}
a.ui.label,
a.ui.labels .label {
  background-color: var(--secondary);
}
.ui.blue.menu .active.item,
.ui.menu .blue.active.item {
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
}
.ui.button:focus,
.ui.button:hover {
  background-color: var(--hover_secondary);
}

.ui.button {
  background: var(--secondary);
}