/*
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 an elegant and feature-rich platform crafted for businesses in the jewelry industry, especially those dealing in antique, vintage, handcrafted, and luxury jewelry collections. Ideal for jewelry boutiques, vintage jewelry stores, high-end retailers, goldsmiths, and online jewelers, this theme beautifully showcases antique rings, vintage necklaces, bracelets, earrings, brooches, pendants, bangles, and engagement rings with sophistication and clarity. Its refined design highlights the craftsmanship and heritage of each jewelry piece through full-width sliders, detailed product galleries, and customizable layouts. Seamlessly integrated with WooCommerce, the theme supports plugins like YITH WooCommerce Wishlist, WooCommerce Product Gallery Slider, and Contact Form 7 to enhance functionality and customer engagement. It offers advanced product filtering, search functionality, inventory management, and secure payment gateways to ensure a smooth shopping experience. SEO optimization and social media integration boost visibility, while features such as customer reviews, related products, and bestsellers sections encourage exploration and sales. The theme’s fully responsive design guarantees that your store looks stunning across desktops, tablets, and mobile devices. Perfect for antique dealers, bespoke jewelers, gemstone retailers, luxury accessory stores, and fine jewelry designers, the Antique Jewelry theme blends timeless elegance with modern technology to create an online store that captivates customers, drives conversions, and elevates your brand’s prestige in the competitive jewelry market.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.6
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;
}