/*
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 crafted solution tailored for home decor businesses, interior designers, and online shops focused on stylish decor. Whether your emphasis is on rustic, vintage, farmhouse, minimalist, bohemian, Scandinavian, or eco-friendly interior design themes, this platform showcases fashionable home accessories, including kitchen and bathroom parquet flooring. It effectively highlights designer furniture, wall decor, lighting solutions such as pendant lights and table lamps, as well as handcrafted items like curtains, rugs, bedding sets, luxury textiles, decorative vases, scented candles, home fragrances, shelving units, and outdoor decor. Merging elegance and functionality, the theme features a modern, visually appealing design that suits both traditional and contemporary styles. With high-resolution image galleries, customizable layouts, responsive design, SEO optimization, and fast loading speeds, it ensures an exceptional experience across all devices. Additionally, its built-in e-commerce functionality powered by the WooCommerce plugin simplifies product management, secure checkout, and online payments, making it ideal for decorators, furniture stores, and home accessory brands looking to establish a captivating online presence.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 3.4.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);
}