/*
Theme Name: Gadget Shop
Theme URI: https://www.seothemesexpert.com/products/gadget-shop-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: Gadget Shop is a multi-purpose and modern responsive theme designed for tech enthusiasts, electronic stores, gadget retailers, mobile accessories shops, computer stores, smart device sellers, gaming gear outlets, eCommerce platforms, online shopping websites, digital product sellers, and technology brands, offering a visually captivating and user-friendly interface to explore the latest gadgets and tech innovations. With a sleek, minimal, and professional design, it creates an engaging online space where customers can effortlessly browse a wide range of cutting-edge electronics and devices. Its fully responsive, SEO-optimized, and retina-ready layout ensures smooth performance across all devices, including smartphones, tablets, and desktops, delivering a seamless shopping experience. Built on a powerful Bootstrap framework, it provides flexible customization options, multiple color schemes, typography settings, shortcodes, and dynamic layout controls for easy personalization. It integrates smoothly with essential plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack to enhance product management, communication, search visibility, and overall performance. From showcasing smartphones, laptops, smartwatches, and accessories to highlighting customer testimonials, blogs, and interactive banners, the theme delivers a complete and engaging online experience. Features such as breadcrumbs, animated sections, heading banners, one-click demo import, and multiple blog layouts improve navigation and usability. With optimized code, fast loading speed, and secure performance, it ensures a reliable experience for both business owners and customers. Translation-ready and globally adaptable, it helps gadget sellers reach international audiences with ease. Whether building a technology brand, electronics store, or gadget marketplace, Gadget Shop provides everything needed to create a professional, attractive, and high-performing online presence.
Version: 1.1
Tested up to: 6.9
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gadget-shop
Template: gadget-store
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
  --color-primary1: #27C0FE;
  --color-primary2: #0F93C9;
}
a{
    text-decoration: none;
}
.logo p a, .logo h1 {
  font-size: 30px;
  color: #000;
}
.logo p a:hover{
  color: var(--color-primary1);
}
.main-header .navbar .navbar-menu li.current_page_item a{
  background: var(--color-primary2);
  color: #fff;
}
.main-header .navbar .navbar-menu ul li.current_page_item ul.sub-menu a{
  background:none !important;
  color: #fff !important;
}
.header-details i:hover, button.category-btn:hover{
  color: var(--color-primary1) !important;
}
.main-header .navbar .navbar-menu ul li a:hover, .logo a:hover{
  color: #fff;
}
.product-main:hover .product-content, .product-main:hover h4 a, .product-main:hover .product-content a,
.product-main:hover  p.discount_amt.mb-0, .product-main:hover .product-content p,.product-main:hover  p.sale_cart a{
  color: #fff;
}
.product-content h4 a:hover, .slider-post a:hover, 
.product-content a:hover, .header-details i:hover, 
.upper-header-area a i:hover, button.category-btn:hover, .upper-header-area a:hover{
  color: #fff;
}
@media screen and (min-width:1700px) and (max-width:1900px){
  .container{
      max-width: 1520px;
  }
}
@media screen and (min-width:1920px) {
  .container{
      max-width: 1620px;
  }
}