/** Shopify CDN: Minification failed

Line 451:2 Unexpected "}"

**/
:root {  
    --button-bg-color: #057ab4;
    --button-text-color: #fff;
    --button-hover-bg-color: #015f8e;
    --button-hover-text-color: #fff; 
  
    --sale-label-bg-color: #e27c7c;
    --sale-label-text-color: #fff;
  
    --cat-label1-bg-color: #0cc485;
    --cat-label1-text-color: #fff;
    --cat-label2-bg-color: #eb2771;
    --cat-label2-text-color: #fff;
    
    --breadcrumbs-bg-color: #ffffff;
    --breadcrumbs-text-color:#333;
    --breadcrumbs-link-color:#333;
    --breadcrumbs-link-hover-color:#057ab4;    
   
    --footer-middle-bg-color: #222529;
    --footer-middle-text-color:#a8a8a8;
    --footer-middle-link-color:#a8a8a8;
    --footer-middle-link-hover-color:#ffffff;
    --footer-middle-block-title-color: #fff;
    --footer-middle-link-icon-color:#057ab4;
    --footer-middle-ribbon-bg-color:;
    --footer-middle-ribbon-shadow-color:;
    --footer-middle-ribbon-text-color:;

    --footer-bottom-bg-color: #2b2b2d;
    --footer-bottom-text-color: #777;
    --footer-bottom-link-color: #777;
    --footer-bottom-link-hover-color: #ffffff;
    
    --to-top-icon-bg-color: #404040;
    --to-top-icon-hover-bg-color: #555;
    --to-top-icon-color: #08c;
    --to-top-icon-hover-color: #08c;
    
    --body-bg-color: #ffffff; 
    --main-bg-color: rgba(0,0,0,0);
  
    --body-font-size: 15px;
    --body-font-family: Helvetica, Arial, sans-serif;
    --heading-font-family: Helvetica, Arial, sans-serif;
      
    
    
    --h1: 38px;
    --h2: 30px;
    --h3: 18px;
    --h4: 16px;
    --h5: 14px;
    --h6: 12px;
  }  
  .main-section-one .home_slidebar .block-subscribe,
  .main-section-one .home_slidebar .testimonials .item .testimonial-arrow-down,
  .filter-box {
    border-top-color: var(--theme-color);
  } 
      
  body {
    font-family: var(--body-font-family), arial, serif ;
    font-size: var(--body-font-size);  
  }
  h1 {
    font-family: var(--heading-font-family);
    font-size: var(--h1);
  }
  h2 {
    font-family: var(--heading-font-family);
    font-size: var(--h2);
  }
  h3 {
    font-family: var(--heading-font-family);
    font-size: var(--h3);
    font-weight: 600;
  }
  h4 {
    font-family: var(--heading-font-family);
    font-size: var(--h4);
  }
  h5 {
    font-family: var(--heading-font-family);
    font-size: var(--h5);
  }
  h6 {
    font-family: var(--heading-font-family);
    font-size: var(--h6);
  }
  html,
  body {
    color: var(--basic-text-color);
  }
  a:link,a:visited{color: var(--basic-color-link);}
  a:hover {color: var(--basic-color-link-hover);}
  .btn-primary,.btn-primary:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color:#fff;
  }
  .heading-primary {color: var(--theme-color);}
  html .btn-borders.btn-primary {
      background: transparent;
      border-color: var(--theme-color);
      color: var(--theme-color);
  }
  html .btn-borders.btn-primary:hover, html .btn-borders.btn-primary:focus, html .btn-borders.btn-primary:active {
      background-color: var(--theme-color);
      border-color: var(--theme-color);
      color: #fff;
  }
  .text-color-primary {color: var(--theme-color) !important;}
  .background-color-primary {
    background-color: var(--theme-color) !important;
  } 
  .porto-block-html-top {background-color: #008acc;}
  .main-section-header .top-links-container, .main-section-header .header-top {
    background-color:#f0f0ed;
  }
  .header-color-light,
  .header-color-light a,
  .header-color-light a:hover,
  .notice-color-light,
  .notice-color-light a,
  .header-sticky-color-light.sticky-header,
  .header-sticky-color-light.sticky-header a{color:#fff;}
  .header-sticky-color-light.sticky-header .hamburguer-btn .hamburguer span,
  .header-color-light .hamburguer-btn .hamburguer span {
    background-color:#fff;
  }
  .main-section-header .topbar-text-custom,.main-section-header .topbar-text-custom a{color:#555;}
  .site-logo img {max-width: 300px; }
  .site-sticky-logo img,.header-clone .site-logo img {max-width: 105px;  }
  .main-section-header .header-container {
    
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: default;
    background-position: center center;
  }
.main-section-header .header-container.sticky-header .header-wrapper,.header-container.sticky-header {
  background-color: #1d70ba;
}
 .header-container.sticky-header .site-logo img{content:url(//www.batterymall.com/cdn/shop/files/batterymall-logo_small.png?v=1693016621);}
  .header-container.sticky-header ,.header-container.sticky-header a {color: #ffffff;}
  .header-container:not(.sticky-header) .mini-cart .icon-cart-header:after,
  .header-container .mini-cart .icon-cart-header .cart-total {
    color: #606669;
  }
  .header-container.sticky-header .main-top-nav .icon-cart-header{
    color: #ffffff;
  }
  .header-container.sticky-header .icon-cart-header:after,
  .header-container.sticky-header .icon-cart-header .cart-total {
    color: #ffffff;
  }
  .header-container .searchform,
  .search-by-category .input-dropdown-inner>a,
  .searchform .searchsubmit,
  .header-container .searchform input[type=text],
  .header-container .searchform input[type=text]::-webkit-input-placeholder {
    color: #777;
  }

  .header-container .search-area .search-extended{
    background-color: #fff;
    border-color: #dbe0e2;
    border-radius: 20px;
  }
  .header-container .main-nav ul.top-navigation>li>a,
  .main-navigation .top-navigation.side-menu>li>a,
  .header-container .menu-custom-block .link-list li a{
    font-family: Open Sans;
    font-size: 14px;font-weight: 700;
        font-style: normal;}.header-container:not(.sticky-header) .main-nav .main-top-nav {
      background-color: #1d70ba;
    }.main-navigation .top-navigation.side-menu>li:hover,
  .main-navigation .top-navigation.side-menu>li.active{
    background-color: #1b65a9;
  } 
  .main-navigation .top-navigation.side-menu>li > a,.top-navigation.side-menu li.level0.parent a.level-top:after{color:#333;}
  .main-navigation .top-navigation.side-menu>li:hover > a,
  .main-navigation .top-navigation.side-menu>li.parent:hover a.level-top:after,
  .main-navigation .top-navigation.side-menu>li.active > a{color:#333;}.header-container .main-nav ul.top-navigation>li:hover,
      .header-container .main-nav ul.top-navigation>li.active{background-color: #1b65a9;}.header-container .main-nav ul.top-navigation:not(.side-menu)>li >a{color:#ffffff;}
    .header-container .main-nav ul.top-navigation:not(.side-menu)>li:hover >a,
    .header-container .main-nav ul.top-navigation:not(.side-menu)>li.active >a{color:#ffffff;}.sticky-header .main-nav ul.top-navigation>li:hover,
    .sticky-header .main-nav ul.top-navigation>li.active {background-color: #1b65a9;}.sticky-header .main-nav ul.top-navigation>li >a{color:#ffffff;}
    .sticky-header .main-nav ul.top-navigation>li:hover >a,
    .sticky-header .main-nav ul.top-navigation>li.active >a{color:#f5f5f5;}a,a:hover,
  .header-container .mini-cart .cart-wrapper .cart-content ul li.item-cart .product-details .product-name a:hover,
  .header-container .mini-cart .cart-wrapper .cart-content ul li.item-cart .product-details .items,
  .sidebar .nav-accordion li .collapse::after,
  .sidebar .nav-accordion li .expand::after,
  .box-popup .box-inner .item .product-info .product-title a,
  .category-products .owl-nav button i,
  .slideshow-section .slideshow .owl-nav button
  .product-view .product-shop .prev-next-products a:hover,  
  .product-view .product-tab-accordion .panel.panel-default .panel-heading .panel-title a.collapsed,
  .product-view .product-tab-accordion .panel.panel-default .panel-heading .panel-title a.collapsed::after, 
  .main-container .account-create h1,
  .main-container .account-login h1,
  .footer-wrapper .footer-middle ul li.theme-color i, 
  .spr-review-header-byline strong,
  .main-container .main-search-container .search-form h3,
  .product-view .product-shop .review-product-details .spr-badge-caption,
  .product-view .product-img-box .product-img-list .more-views-vertical .more-views-nav,
  .product-view .product-img-box .product-img-list .more-views-horizontal .product-image-thumbs .owl-nav button, 
  .main_section_two .blog_article .latest_news .item .row .post-date .day,
  .featured-brands .owl-nav i,
  .banner-slide-section .owl-nav i,
  .slideshow-section .slideshow .owl-nav button,
  .owl-carousel.dots-style-1 .owl-dot:hover span,
  .owl-carousel .owl-dots .owl-dot:hover span,
  .owl-carousel.dots-style-1 .owl-dot.active span,
  .custom-support i,
  .main-container .sidebar .block .block-content ul.nav-accordion li.active > a,
  .site-new-style .sidebar-right .custom-block-1>div i, 
  .featured-box i,
  .info-box i,
  .about-us blockquote i,
  .history-section-type2 h5 a:not(.collapsed),
  .login-popup .forget-password,
  .view-mode .layout-opt.active{
    color: var(--theme-color);
  }
  button,
  .spr-button:hover,
  .layout-opt:hover,  
  .main-container .pagenav-wrap .pagination .pagination-page li.active span,
  .main-container .pagenav-wrap .pagination .pagination-page li a:hover,
  .item-area:hover .details-area .actions .add-to-cart,
  .item-area:hover .details-area .actions .btn-cart,
  .product-view .product-options-bottom .add-to-cart-box .button-wrapper .btn-cart,
  .owl-dots .owl-dot.active span,
  .owl-dots .owl-dot span:hover,
  .product-view .product-tab-accordion .panel.panel-default .panel-heading .panel-title a,
  .post-wrapper .post-date .month,
  .main-container .sidebar-right .block .block-content > ul.no-bullets li a:hover,
  .main-container .sidebar-right .block .block-content > ul.no-bullets li .active,
  .main-container .checkout-cart .cart-table tfoot button:hover, 
  .content-contact i,
  .main-container .main-collection .collection-content .row .products-grid li .product-top span.thumb-info-title span.thumb-info-type,
  .main_section_two .blog_article .latest_news .item .row .post-date .month,
  .last_blog_clients_2 .blog_article .owl-stage-outer .item .row .post-image .post-date,
  .home-banner-two a.image-link span.category-title,
  .homepage-grid-banner .content a.btn-default,
  .slider-with-side .side-area .item2 .content a,
  .banner-content-18 .text-content p a,
  .btn-default,
  .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,
  .product-image-area .quickview-icon,
  .product-image-area .product-date, 
  .main-container .sidebar .block .narrow-by-list dd.size ol.swatch-list li .item input[type=checkbox]:checked + span,
  .main-container .sidebar .block .narrow-by-list dd.size ol.swatch-list li .item:hover span,
  .product-view .product-options .swatch .swatch-element.square input:checked + label,
  .product-view .product-options .swatch .swatch-element.square label:hover,
  .product-view .product-shop .shopify-payment-button .shopify-payment-button__button {
    background-color: var(--theme-color);
  }
  .theme-border-color,
  .product-view .product-img-box .more-views-vertical .media-list .vertical-carousel a:hover {
    border-color: var(--theme-color) !important;
  }
  .banner_fixed_grid_3 .ribbon::before {
    border: 150px solid var(--theme-color);
    border-right: 0;
    border-bottom: 0;
    border-left: 200px solid transparent;
  }
  .btn-default,
  .spr-button,
  .spr-button:hover,
  .layout-opt span:hover,
  .main-container .pagenav-wrap .pagination .pagination-page li.active span,
  .main-container .pagenav-wrap .pagination .pagination-page li a:hover,
  .item-area:hover .details-area .actions .add-to-cart,
  .item-area:hover .details-area .actions .btn-cart,
  .product-view .product-options .swatch .swatch-element:hover,
  .product-view .product-options .swatch .swatch-element.square input:checked + label,
  .product-view .product-options .swatch .swatch-element.square label:hover,
  .product-view .product-options .swatch .swatch-element.color label.swatch-image:hover,
  .product-view .product-options .swatch .swatch-element.color input:checked + label.swatch-image,
  .main-container .checkout-cart .cart-table tfoot button:hover, 
  .sidebar .block .narrow-by-list dd.size .swatch-list .item:hover,
  .sidebar .block .narrow-by-list dd ol.swatch-list li .item:hover .has-image i.color_box,
  .details-area .configurable-swatch-list li a:hover i,
  .main-container .sidebar .block .narrow-by-list dd ol.swatch-list li .item.active,
  .main-container .sidebar .block .narrow-by-list dd ol.swatch-list li .item:hover, 
  .main-section-one .home_slidebar .testimonials,
  .featured-box i,
  .history-section-type2 h5 a:not(.collapsed) {
    border-color: var(--theme-color);
  }
  .slideshow-section .slideshow .item::before,
  .slideshow-section .slideshow .item::after,
  .box-popup,
  .product-view .product-tabs > ul li a.active,
  .main-container .login_content,
  .main-container .account-create .content,
  .spinner,
  .testimonials .item .testimonial-arrow-down,
  .home-banner-two a.image-link span.category-title::before,
  .homepage-grid-banner .ribbon::before {
    border-top-color: var(--theme-color);
  }
  
  .product-view .product-tabs.vertical > ul li.active,
  .product-view .product-tab-accordion .panel.panel-default .panel-heading .panel-title a {
    border-left-color: var(--theme-color);
  }
  .home-banner-two a.image-link span.category-title::before {
    border-right-color: var(--theme-color);
  } 
  
       
  .actions a.quickview-icon {
    background: var(--theme-color);
  } 
  .btn-button,
  .spr-button,
  .main-container .checkout-cart .cart-table tfoot .btn-button {
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
  }
  .btn-button span,
  .spr-button span,
  .main-container .checkout-cart .cart-table tfoot .btn-button span {
    color: var(--button-text-color);
  }
  .btn-button:hover, 
  .spr-button:hover,.product-view .product-options-bottom .add-to-cart-box .button-wrapper .btn-cart:hover,
  .main-container .checkout-cart .cart-table tfoot .btn-button:hover {
    background-color: var(--button-hover-bg-color);
    color: var(--button-hover-text-color);
  } 
  .btn-button:hover span,
  .spr-button:hover span, 
  .main-container .checkout-cart .cart-table tfoot .btn-button:hover span {
    color: var(--button-hover-text-color);
  }
  
  .product-image-area .product-label .onsale span {
    background-color: var(--sale-label-bg-color);
    color: var(--sale-label-text-color);
  }
  .product-image-area .deal-label::before {
    border-top-color: var(--sale-label-bg-color);
    border-left-color: var(--sale-label-bg-color);
  }
  .product-image-area .deal-label {
    color: var(--sale-label-text-color);
  }
  .cat-label-label1 {
    background-color: var(--cat-label1-bg-color);
    color: var(--cat-label1-text-color); 
  }
  .cat-label-label1::before {
    border-top-color: var(--cat-label1-bg-color) !important;
  }
  .cat-label-label2 {
    background-color: var(--cat-label2-bg-color);
    color: var(--cat-label2-text-color); 
  }
  .cat-label-label2::before {
    border-top-color: var(--cat-label2-bg-color) !important; 
  }
  .mobile-nav li.level0 > a > span > .cat-label-label1.pin-bottom {
    background-color: var(--cat-label1-bg-color);
    color: var(--cat-label1-text-color); 
  }
  .mobile-nav li.level0 > a > span > .cat-label-label2.pin-bottom {
    background-color: var(--cat-label2-bg-color);
    color: var(--cat-label2-text-color); 
  } 
  .mobile-nav li.level0 > a > span > .cat-label-label1.pin-bottom::before {
    border-right-color: var(--cat-label1-bg-color);
  } 
  .mobile-nav li.level0 > a > span > .cat-label-label2.pin-bottom::before {
    border-right-color: var(--cat-label2-bg-color);
  } 
  .side-menu .cat-label-label1::before {
    border-top-color: transparent !important;
    border-right-color: var(--cat-label1-bg-color) !important;
  } 
  .side-menu .cat-label-label2::before {
    border-top-color: transparent !important;
    border-right-color: var(--cat-label2-bg-color) !important;
  } 
  .main-container .main-breadcrumbs {
    background-color: var(--breadcrumbs-bg-color);
    color: var(--breadcrumbs-text-color); 
  } 
  .main-container .main-breadcrumbs ul li a {
    color: var(--breadcrumbs-link-color); 
  } 
  .main-container .main-breadcrumbs ul li a:hover {
    color: var(--breadcrumbs-link-hover-color);
  } 
  
  
  
  .footer-middle {
    background-color: var(--footer-middle-bg-color);
    color: var(--footer-middle-text-color);   
  }
  .footer-middle p {
    color: var(--footer-middle-text-color);
  }
  .footer-middle a {
    color: var(--footer-middle-link-color); 
  }
  .footer-middle a:hover {
    color: var(--footer-middle-link-hover-color);
  }
  .footer-middle ul.contact-info li i {
    color: var(--footer-middle-text-color);
  } 
  .footer-middle ul.contact-info li p {
    color: var(--footer-middle-text-color);
  } 
  .footer-middle .info-footer .footer-block-title h3 {
    color: var(--footer-middle-block-title-color);
  }
  .footer-middle ul li i{
    color: var(--footer-middle-link-icon-color);
  } 
  .footer-bottom {
    background-color: var(--footer-bottom-bg-color);
    color: var(--footer-bottom-text-color); 
  }
  .footer-bottom a {
    color: var(--footer-bottom-link-color); 
  }
  .footer-bottom a:hover {
    color: var(--footer-bottom-link-hover-color);
  } 
  .footer-bottom .custom-block ul li a {
    color: var(--footer-bottom-link-color); 
  } 
  .footer-bottom .custom-block ul li a:hover {
    color: var(--footer-bottom-link-hover-color);
   }
  } 
  #back-top a .sticker-wrapper .sticker {
    background-color: var(--to-top-icon-bg-color);
    color: var(--to-top-icon-color); 
  }
  #back-top a .sticker-wrapper .sticker:hover {
    background-color: var(--to-top-icon-hover-bg-color);
    color: var(--to-top-icon-hover-color);
  } 
  
  
  .featured-brands h3.title-widget .inner {
    background-color: var(--body-bg-color);
  }