/*
Theme Name: Home Decorative Items
Theme URI: https://www.titanthemes.net/products/free-decor-wordpress-theme/
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Home Decorative Items theme is a beautifully designed solution perfect for home decor businesses, interior designers, online decor stores, furniture shops, and DIY home decor enthusiasts. Whether your focus is on rustic, vintage, farmhouse, minimalist, bohemian, Scandinavian, or eco-friendly decor, this theme provides an ideal platform to showcase stylish home accessories, including kitchen and bathrooms parquet flooring. It's also great for displaying designer furniture, wall decor, lighting solutions, including pendant lights and table lamps, as well as handcrafted decor, curtains, rugs, bedding sets, luxury textiles, decorative vases, scented candles, home fragrances, shelving units, and outdoor decor. Blending elegance and functionality, the theme offers a modern, visually appealing design that accommodates both traditional and contemporary styles. With high-resolution image galleries, customizable layouts, responsive design, SEO optimization, and fast loading speeds, it ensures an exceptional view across all devices while enhancing user experience. Plus, its built-in e-commerce functionality powered by the WooCommerce plugin makes managing products, secure checkout, and online payments effortless. Ideal for interior designers, decor shops, and home accessory brands, the Home Decorative Items theme is a stylish and professional platform designed to create a captivating online presence.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: home-decorative-items
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, portfolio
*/

.product-img img {
  width: 100% !important;
  height: 350px;
}
.photolancer-footer-list {
  gap: 16px;
}
.photolancer-footer-list ul li a:hover{
  color: #fff;
}
.wp-block-image img{
  vertical-align: unset;
}

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


.wp-block-image.product-img img {
  vertical-align: bottom !important;
}

.product-img{
  width: 100%;
}

.home .header-area {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: transparent !important;
}
.slider-main{
  position: relative;
}

.social-icon {
  position: absolute;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  z-index: 99999;
  clip-path: polygon(0 12%, 50% 0, 100% 12%, 100% 88%, 50% 100%, 0 88%);
  padding: 30px 10px;
  z-index: 1;
}
.social-icon ul {
  display: flex;
  flex-direction: column;
}
.searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  gap: 0px !important;
}

.service-heading-box{
  text-align: center;
}
.service-heading-box h6{
  position: relative;
}

.wp-site-blocks{
	padding: 0 !important;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.banner-main{
  position: relative;
}
.slider-banner {
  gap: 40px;
}

.slider-content {
  position: relative;
}

.short-heading {
  padding-left: 8px !important;
  position: relative;
}
.short-heading:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  width: 5px;
  border-radius: 30px;
  height: 5px;
  background: var(--wp--preset--color--primary) !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    color: #000;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    justify-content: center !important;
    align-items: center !important;
  }
  ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    padding-top: 0px !important;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    padding-top: var(--wp--style--block-gap, 2em);
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .slider-banner{
    text-align: center;
  }
  .home .header-area {
    position: relative;
    background: #cecece !important;
  }
  .searchbox nav{
    justify-content: center;
  }
  .social-icon {
    right: 0%;
    padding: 30px 10px;
  }
  .service-heading-box h6,.service-heading-box p{
    text-align: center;
  }
  .service-heading-box .wp-block-buttons {
    justify-content: center;
  }
  .slider-banner .wp-block-buttons {
    justify-content: center;
  }
  .slider-banner p{
    text-align: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .slider-banner{
    text-align: left !important;
  }
  .heading-banner {
    font-size: 28px !important;
  }
  .slider-banner p{
    font-size: 12px !important;
  }
  .product-content{
    text-align: left !important;
  }
  .product-content h5 {
    font-size: 22px !important;
  }
}
@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;
	}
  .product-content h6,.product-content h5{
    text-align: left;
  }
  .head-btn .wp-block-buttons.is-content-justification-right{
    justify-content: center;
  }
  .slider-content {
    left: 0px;
    position: relative;
  }
  .product-img img{
    height: 300px !important;
  }
  .single-image figure{
    width: 100% !important;
  }
  .wp-block-cover, .wp-block-cover-image{
    min-height: 430px;
  }
  .header-area h5{
    text-align: center;
  }
  .header-area{
    text-align: center;
  }
  .product-main {
    max-width: 90% !important;
    gap:40px;
  }
  .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;
    width: 100% !important;
    align-items: center !important;
  }
	
}
@media screen and (min-width: 781px) and (max-width: 1020px) {
  .product-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .searchbox .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex{
    gap:10px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 781px) {
  .product-main{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
figure.wp-block-post-featured-image img {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
figure.wp-block-post-featured-image img {
    height: 120px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.head-logo h1 a {
    font-size: 20px;
}
.slide-height {
    min-height: 500px !important;
}
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  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;
}

/* 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;
  color: #fff;
  text-decoration: none;
  font-weight: 500 !important;
}
.recent-btn a:hover{
  background: #000;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}