/*
Theme Name: Mobix Store
Theme URI: https://www.nordicwptheme.com/product/mobix-pro-wordpress-theme-for-multipurpose/
Author: Nordic WP Theme
Author URI: https://www.nordicwptheme.com/
Description: The Mobix Store WordPress Theme is a modern, high-performance WooCommerce theme designed for selling mobile phones and accessories. Ideal for tech retailers, mobile shops, and gadget stores, Mobix combines clean design with powerful eCommerce features to help you showcase and sell products with ease.
With its responsive layout, customizable homepage, and filterable product sections, you can display smartphones, chargers, cases, earbuds, and more in a sleek, user-friendly way. Mobix is fully WooCommerce-compatible, offering smooth inventory management, secure payments, and fast checkout.
Built-in SEO optimization, quick view, wishlists, and social media integration help boost traffic and conversions, while promotional banners and customer reviews add trust and engagement. Whether you're starting a new store or upgrading an existing one, Mobix is the perfect theme for building a professional online mobile and accessories shop.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.8.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: mobix-store
Tags: one-column, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, style-variations, blog, photography, portfolio
*/

.home .dashed-line {
  border-bottom: 1px solid;
  margin-top: 15px;
  position: relative;
}
.home .dashed-line::after {
  position: absolute;
  right: -25px;
  top: -9px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/dot-icon.png);
  background-size: 100% 100%;
}
.header-box-middle .header-menu nav a:hover{
  text-decoration: none;
}
.home .header-box-middle .header-menu nav a{
  position: relative;
}
.home .header-box-middle .header-menu nav a:hover:after {
  content: "";
  width: 50px;
  height: 6px;
  margin: 0 auto;
  background: var(--wp--preset--color--primary);
  bottom: -24px;
  right: 0px;
  left: 0px;
  position: absolute;
  z-index: 2;
}
.home .header-box-middle .header-menu nav ul.wp-block-navigation-submenu a:hover:after {
  display: none;
}
.header-menu {
  position: relative;
}
.home .dashed-line::before {
  position: absolute;
  left: -25px;
  top: -8px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/dot-icon.png);
  background-size: 100% 100%;
}
figure.wp-block-image.aligncenter.size-full img {
  height: 500px;
}
.banner-image-2 {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.banner-image-2 img {
  border: solid 10px #E8F3FE;
}
.social-box-wrap {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 58%;
  right: -80px;
  gap: 0px;
  width: 45%;
}
.banner-image-wrap {
  position: relative;
}
.price-box span{
  color: #FFAA00;
}
.wp-block-fse-pro-header-social .social-controller, .wp-block-fse-pro-header-search .search-controller, .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor {
  padding: 9px;
  width: auto;
  height: auto;
}
p.form-submit.wp-block-button input#submit{
  color: #fff !important;
}
.social-box-wrap .wp-block-social-links a {
  background: #000;
  border-radius: 25px !important;
}
.wp-block-social-link {
  border-radius: 9999px;
  display: block;
  height: auto;
  transition: transform .1s ease;
}
.social-box-wrap .wp-block-social-links .wp-social-link svg {
  height: 20px;
  width: 20px;
  transform: rotate(90deg);
}
.wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover, .wc-block-mini-cart__button:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--accent);
}
.block-wrap-inner {
  border: solid 1px #eee;
  border-radius: 15px;
}
.block-wrap-inner img {
  width: 100%;
}
.home .header-box-upper {
  position: absolute;
  margin-top: 25px;
  background-color: #00000000;
  width: 100%;
  z-index: 99;
}
.header-box-upper {
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.banner-image-wrap {
  position: relative;
}
.banner-section{
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 80%;
  padding: 0 !important;
  gap:0px;
  margin: 0 auto;
}
.logo-box h1{
  text-align: left; 
}
.home .logo-box h1{
  text-align: center; 
}
.header-box-middle{
  position: relative;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-logo h1,.review-wrap h3,.review-wrap p,.popular-section h4.popular-heading,.popular-section p.popular-text{
    text-align: center;
  }
  .review-wrap{
    margin-top: 0px !important;
  }
  .tab-box{
    gap:10px !important;
    justify-content: center !important;
  }
  figure.wp-block-image.aligncenter.size-full img {
    height: 100%;
  }
  .slider-content {
    padding-top: 30px!important;
  }
  .review-wrap .alignright{
    margin: 0px !important;
    text-align: center;
  }
  .review-wrap .team-img,.about-btn-nd-call .call-btn{
    display: flex;
    justify-content: center;
  }
  .header-box-middle nav,.header-box-middle .wp-block-buttons,.slider-content .wp-block-buttons, .social-box-wrap .wp-block-social-links,.about-btn-nd-call .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .social-box-wrap{
    gap:20px;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap {
    position: static;
    transform: none;
    width: 100%;
    padding-top: 30px !important;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg {
    transform: none;
  }
  .slider-content{
    text-align: center;
  }
  .banner-section{
    min-height: 500px !important;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .banner-section {
    padding: 35px 0px !important;
  }
  .banner-content{
    text-align: center;
  }
  .banner-image-wrap{
    text-align: center;
  }
  .customer-sec{
    position: relative;
    left: 0;
  }
  .services-box p,.services-box h3{
    text-align: center;
  }
  .service-inner-box p{
    text-align: left;
  }
  .meta-post{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    gap: 10px;
  }
  .team-box,.price-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .services-box{
    padding: 0 !important;
  }
  .home .homepage-header{
    position: relative;
    background: #000;
  }
  .banner-cover{
    min-height: 400px !important;
  }
  .banner-content{
    text-align: center;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 782px) and (max-width: 1100px) {
  .header-box-middle,p.dashed-line{
    max-width: 100%;
  }
  .review-text,.team-img{
    flex-basis: 50% !important;
  }
  figure.wp-block-image.aligncenter.size-full img {
    height: auto;
  }
  .blank-colomn{
    flex-basis: 0% !important;
  }
  .team-img .alignright{
    width: 100%;
    margin-left: 0px !important;
  }
  .header-btn{
    flex-basis: 30% !important;
  }
  .header-menu{
    flex-basis: 70% !important;
  }
  .slider-content .slider-heading{
    font-size: 25px !important;
  }
  .slider-content p{
    font-size: 12px !important;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-bottom: 20px !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg{
    transform: none;
  }
  .banner-image-wrap {
    text-align: center;
  }
  .social-box-wrap {
    transform: none;
    width: 100%;
    position: static;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .popular-post{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .wp-block-column.is-vertically-aligned-center{
    width: auto;
  }
  .header-menu .wp-block-navigation ul{
    justify-content: center;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .footer-main{
    max-width: 90% !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1500px) {
  .social-box-wrap {
    bottom: 113%;
    right: -200px;
    width: 100%;
  }

  figure.wp-block-image.aligncenter.size-full img {
    height: auto;
  }
  .social-text{
    flex-basis: 15% !important;
  }

  h2.slider-heading {
    font-size: 35px !important;
  }

  .banner-image-2{
    right: -25px;
  }
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}