/*
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 theme is a beautifully crafted, feature-rich solution ideal for home decor stores, furniture retailers, and interior design studios aiming to create a stylish online presence. Perfect for showcasing home accessories, furnishings, and decorative products, this theme highlights items such as wall art, mirrors, rugs, carpets, curtains, blinds, bedding, cushions, table linens, vases, candles, planters, and lighting fixtures in high-quality detail. With its modern, minimalist, and responsive layout, it ensures a flawless user experience across desktops, tablets, and mobile devices. Designed for performance and aesthetics, it integrates seamlessly with WooCommerce to manage products, secure payments, and customer orders efficiently. The theme supports popular plugins like WooCommerce Wishlist and YITH WooCommerce Quick View to enhance customer engagement and simplify the shopping experience. Advanced search filters, product sorting options, and review sections make navigation easy and encourage confident purchases. SEO optimization, email marketing integration, and social media connectivity boost visibility and conversion rates. The Home Decoration Shop theme suits various niches, including home improvement stores, DIY craft shops, furniture showrooms, interior design agencies, lighting stores, art galleries, garden decor retailers, and online lifestyle boutiques. Whether you’re selling modern home accessories, luxury furnishings, or handmade decor, this theme combines elegance, speed, and functionality to help you build a visually captivating and sales-driven online shop that strengthens your brand identity and customer loyalty.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.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: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, 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 (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;
	}
  .single-image figure{
    width: 100% !important;
  }
}
@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;
  }


/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}