/*
Theme Name: Antique Jewelry
Theme URI: https://www.titanthemes.net/products/free-jewelry-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Antique Jewelry theme is a beautifully designed platform tailored for businesses within the jewellery boutique and fashion industry, particularly those specializing in antique, vintage, handcrafted, and luxury collections. Perfectly suited for trendy jewellery boutiques, vintage stores, high-end retailers, goldsmiths, and ecommerce sites, this theme elegantly showcases a selection of exquisite accessories, including antique rings, vintage necklaces, bracelets, earrings, brooches, pendants, bangles, and engagement rings, all exuding remarkable sophistication. Its refined design emphasizes the craftsmanship of each piece with full-width sliders, detailed product galleries, and customizable layouts. Seamlessly integrated with WooCommerce, it supports various plugins like YITH WooCommerce Wishlist, WooCommerce Product Gallery Slider, and Contact Form 7 to enhance functionality and user engagement. Offering advanced product filtering, robust search features, inventory management, and secure payment gateways, the theme ensures a smooth shopping experience. SEO optimization and social media integration improve visibility, while sections for customer reviews, related products, and bestsellers encourage exploration and boost sales. The fully responsive design guarantees that your online store looks stunning across all devices. Ideal for antique dealers, bespoke jewelers, gemstone retailers, luxury accessory shops, and fine jewellery designers, the Antique Jewelry theme combines timeless elegance with modern technology, creating a fashionable and stylish online destination that captivates customers and elevates your brand’s prestige in the competitive jewellery market.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 4.1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: antique-jewelry
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;
}
.header-box{
  padding: 0 !important;
}
.header-main-box {
  margin-bottom: 0;
}
.menu-box{
  margin-top: 0 !important;
  padding: 12px 0;
}
.slider-area{
	margin: 0;
}
.wp-site-blocks{
	padding: 0 !important;
}
.product-btn a{
  box-shadow: 0 0px 2px rgba(0,0,0,0.12), 0 1px 7px rgba(0,0,0,0.24);
}
figure.product-img {
  box-shadow: 0 0px 1px rgba(0,0,0,0.12), 0 0px 19px rgba(0,0,0,0.12);
  width: 100%;
  height: 192px;
}
.product-main h5 a {
  text-decoration: none;
}
.product-main img {
  width: 100%;
}
.toggle-icon img {
  top: -7px;
  position: relative;
}
.header-search .wp-block-search__input {
  border-bottom: 1px solid !important;
  border: 0px;
  padding: 0px;
  height: 40px;
}
.header-search {
  position: relative;
  width: 65%;
}
.header-search button.wp-block-search__button.wp-element-button {
  background: transparent;
  position: absolute;
  padding: 0px;
  right: 0px;
  font-size: 0px;
}
.header-search button:after{
  content: "";
  width: 30px;
  height: 30px;
  background-image: url('./assets/images/search.png');
  background-repeat: no-repeat;
  top: 10px;
  right: 5px;
  position: absolute;
  display: inline-block;
}
.product-content p,.product-rating {
  margin-top: 10px !important;
}
.star-rating img {
  position: relative !important;
  top: -3px;
}
footer.wp-block-template-part {
  margin-top: 0;
}
@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,.services-box,.product-rating p {
    text-align: center;
  }
  .header-nav nav,.slide-btn,.product-btn,.product-rating {
    justify-content: center !important;
  }
  .star-rating {
    justify-content: center !important;
    display: flex;
  }
  .product-main {
    max-width: 100% !important;
  }
  .slider-banner{
    text-align: center;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
  .header-nav ul{
    justify-content: center;
  }
  .star-rating figure{
    margin: 0px !important;
  }
  .header-search {
    position: relative;
    width: 100%;
  }
  .product-content {
    text-align: center;
  }
  .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: 1500px) {
  .header-search {
    position: relative;
    width: 100%;
  }
  .star-rating figure {
    margin: 0px !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .slider-area{
    min-height: 400px !important;
  }
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/* 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;
}