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

:root {
  --primary: #03a9f4;
  --secondary: #0d47a1;
  --hover_primary: #0383be;
  --hover_secondary: #143c7e;
}
::-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);
}

.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,.subscribe-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);
}
.business-top {
  background-color: var(--primary);
}
#navbar-fixed.navbar-fixed nav {
  background: var(--primary);
}
.blue-gradient-bg{
  background: linear-gradient(to right,var(--secondary),var(--primary));
}

div.ui.placeholder.segment .google-link{
  color: var(--secondary) !important;
}
.card-layer:after, .card-layer:before {
  background-image: linear-gradient(-60deg,var(--secondary) 0,var(--primary) 100%);
}


.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);
}
.theme-color,nav ul li.active,.cart-dropdown .cart-dropdown__list .cart-dropdown__footer .cart-actions .ca-dropdown-action:hover  {
  background-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);
}
#login .fas.fa-user-circle.icon {
  color: var(--secondary) !important;
}

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

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

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

.collection a.collection-item {
  color: var(--secondary);
}