/*
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 multipurpose and modern free theme crafted for tech enthusiasts, electronic stores, gadget retailers, mobile accessories shops, computer stores, smart device sellers, gaming gear outlets, eCommerce stores, online shopping platforms, digital product shops, and technology brands offering a visually captivating and user-friendly platform to explore the latest gadgets and tech innovations. With a sleek, minimal, and professional design, it creates an inviting online space where customers can effortlessly browse through a wide range of cutting-edge gadgets and electronics. Its fully responsive, SEO-optimized, and retina-ready layout ensures smooth performance across all devices—smartphones, tablets, and desktops—delivering an exceptional shopping experience. Built on the powerful Bootstrap framework, this theme offers flexible customization options, shortcodes, multiple color schemes, typography choices, and dynamic layout settings for easy personalization. It integrates seamlessly with plugins like WooCommerce, Contact Form 7, Yoast SEO, and Jetpack to enhance product management, communication, SEO ranking, and performance. From showcasing smartphones, laptops, smartwatches, and accessories to featuring customer testimonials, blogs, and interactive banners, the Gadget Shop theme ensures a complete and engaging online experience. The inclusion of breadcrumbs, heading banners, animations, one-click demo importer, and multiple blog layouts enhances functionality and navigation. With optimized code, fast page load speed, and secure performance, it ensures a reliable and efficient website experience for both business owners and customers. Translation-ready and globally adaptable, this theme helps gadget sellers reach international audiences effortlessly. Whether you’re running a technology brand, electronic retailer, or gadget marketplace, Gadget Shop provides everything needed to build a professional, attractive, and high-performing online presence. Combining sleek design, advanced customization, and modern eCommerce features, Gadget Shop transforms virtual tech shopping into an exciting and seamless experience for all.
Version: 1.0.2
Tested up to: 6.8
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;
  }
}