/*
Theme Name: Home Decoration Shop
Theme URI: https://www.titanthemes.net/products/free-home-decor-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Home Decoration Shop WordPress Theme is an elegantly designed and highly functional solution tailored for home decor stores, furniture retailers, and businesses specializing in home accessories, furnishings, and interior design. With its sleek, modern layout, this theme ensures a visually appealing and seamless shopping experience for customers, ideal for showcasing a wide array of products such as decorative items, wall art, mirrors, rugs, carpets, curtains, blinds, throw pillows, and more. The theme’s design prioritizes elegance and simplicity, with clean lines, a well-organized layout, and high-resolution image support to display items like bedding, bedspreads, comforters, duvet covers, table linens, tablecloths, placemats, and table runners in stunning detail. Its fully responsive design guarantees an optimal browsing experience across all devices, from desktops to mobile phones. The Home Decoration Shop theme offers versatile categories for lighting, candles, candle holders, vases, flower arrangements, artificial flowers, and indoor plants, while also supporting decorative storage solutions such as baskets, storage boxes, floating shelves, bookshelves, and wall shelves. Key features include advanced product filters, search functionality, customer reviews, and secure checkout options, providing a smooth and efficient shopping process. Built-in SEO optimization, social media integration, and email marketing capabilities further enhance your online visibility and sales performance. This theme is perfect for businesses in home decor, furniture, interior design, home improvement, DIY stores, lighting outlets, art galleries, floral shops, kitchenware retailers, bedding stores, and more. The Home Decoration Shop WordPress Theme provides everything you need to create a captivating online store, boost customer engagement, and drive sales.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 2.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: home-decoration-shop
Tags: one-column, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, translation-ready, sticky-post, threaded-comments, wide-blocks, block-styles, style-variations, blog, photography, e-commerce
*/

.homepage-header {
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 100%;
}
.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 70%;
  left: 0px;
  right: 0px;
  z-index: 999;
  margin: 0 auto;
  background: #fff;
  border-radius: 0;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.slider-area{
	margin: 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.product-main img {
  width: 100%;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.banner-main{
  position: relative;
}
.slider-banner {
  gap: 40px;
}
.home .main-header {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent !important;
}
.slide-img {
  position: absolute;
  right: 0px;
  bottom: 6%;
}
.slider-img img{
  width: 100%;
}
.counter-box {
  border-radius: 10px;
}
.is-head-menu li a:hover {
  text-decoration: none;
}
.is-head-menu li a:hover {
  text-decoration: none;
  border-top: 2px solid var(--wp--preset--color--secondary);
}
.is-head-menu li a:hover span {
  color: var(--wp--preset--color--secondary);
}
.counter-box:hover {
  background-color: var(--wp--preset--color--secondary) !important;
}
.counter-box:hover h3{
  color: #fff !important;
}
.slider-content {
  padding-left: 45px;
}
.slide-img img.wp-image-66 {
  z-index: 1;
  position: relative;
}
.slide-img {
  position: absolute;
  right: -45px;
  bottom: 6%;
}
.short-heading {
  display: inline-block;
}
footer.wp-block-template-part {
  margin-top: 0;
}
/*@media screen and (min-width: 320px) and (max-width: 768px) {
  .site-width {
      max-width: 100% !important;
  }
}*/
@media screen and (max-width: 375px) {
  .main-header .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 600px) {
  .main-header nav span {
    color: #000;
  }
}
@media screen and (min-width: 801px) {
  .menu-box {
    padding-left: 45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
	.header-area .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
		justify-content: center;
	}
  .main-header{
    text-align: center;
  }
  .slide-btn{
    justify-content: center !important;
  }
  .about-text-box,.about-image-box {
    text-align: center;
  }
  .product-main {
    max-width: 90% !important;
  }
  .slider-banner{
    text-align: center;
  }
  .main-header nav{
    justify-content: center !important;
  }
  .slide-img {
    left: 0px;
    right: 0px;
  }
  .about-right {
    text-align: center;
    padding: 0px 10px
  }
  .logo-box {
    justify-content: center;
    display: flex;
  }
  .menu-box {
    justify-content: center;
    display: flex;
  }
  .slider-content {
    padding: 20px 14px;
  }
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .slider-banner {
    gap: 20px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .slider-content{
    text-align: center;
  }
	.homepage-header{
    position: static;
    width: 100%;
    text-align: center;
  	}
	.homepage-header .wp-header-search-social{
		justify-content: center;
	}
}
@media screen and (min-width: 782px) and (max-width: 1420px) {
  .counter-box {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .counter-box h6 {
    font-size: 11px !important;
    line-height: 22px;
  }
  .counter-box h3 {
    font-size: 30px !important;
    line-height: 40px;
  }
}

svg.wc-block-customer-account__account-icon, svg.wc-block-mini-cart__icon {
    display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

  header li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu:hover,header li.wp-block-navigation-item.wp-block-navigation-link a:hover{
    background-color: #000 !important;
    color: #fff;
  }
  header .wp-block-navigation-submenu li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu,
  header .wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link{
    background-color: #000;
  }
  header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
    border: 0 !important;
  }

  header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: #000;
  }