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

:root {
  --primary: #3f51b5;
  --secondary: #ef5350;
  --hover_primary: #252f69;
  --hover_secondary: #ad1a18;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--primary);
}
::-webkit-scrollbar-thumb {
  background: var(--primary);
}
.page-footer, .pagination li.active, .sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active, nav,.cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action {
  background-color: var(--primary);
}

.theme-color,nav ul li.active,.cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action:hover  {
  background-color: var(--hover_primary);
}
.title-dots::before,.title-dots::after {
  color: var(--primary);
}
.fa-envelope:hover {
  color: var(--hover_primary);
}
.blue-bg-btn-hover:hover {
  background: linear-gradient(to right,var(--primary),var(--hover_primary));
}
.breadcrumbs-section, .business-section, .media-section, .order-section, .update-section {
  background: linear-gradient(-60deg,var(--secondary) 0,var(--primary) 100%);
}
blockquote {
  border-left: 5px solid var(--primary);
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: var(--primary);
}





.cart .cart-content-wrap .cc-product-row .cp-row-action .cp-remove-btn {
  color: var(--secondary);
}
.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(--secondary);
  /* 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_secondary);
}
.btn, .btn-large, .btn-small {
  background-color: var(--secondary);
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
  color: var(--hover_primary);
}

.btn-large:hover, .btn-small:hover, .btn:hover, .sidenav li>a.btn-large:hover, .sidenav li>a.btn-small:hover, .sidenav li>a.btn:hover {
  background-color: var(--hover_secondary);
  color: white !important;
}
.btn-large:focus, .btn-small:focus, .btn:focus, .sidenav li>a.btn-large:focus, .sidenav li>a.btn-small:focus, .sidenav li>a.btn:focus {
  background-color: var(--hover_secondary);
  color: white !important;
}
a {
  color: var(--secondary);
}
a:not(nav a):hover {
  color: var(--hover_secondary);
}

.report-box .report-box-body .report-form .report-send-btn{
  background-color: var(--secondary);
}
.collection .collection-item.active, .datepicker-table td.is-selected {
  background-color: var(--secondary);
}
input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid var(--secondary);
  box-shadow: 0 1px 0 0 var(--secondary);
}
.datepicker-table td.is-today, .input-field .prefix.active, .timepicker-close, input:not([type]):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
  color: var(--secondary);
}

::selection {
  background: var(--secondary);
}

.share-icon {
  color: var(--secondary) !important;
}

.slider .indicators .indicator-item.active {
  background-color: var(--secondary);
}