/*
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 beautiful and elegant platform designed specifically for businesses in the jewelry industry, particularly those focused on antique, vintage, handcrafted, and luxury collections. Perfect for jewelry boutiques, vintage stores, high-end retailers, goldsmiths, and online jewelers, this theme elegantly showcases an array of exquisite items, including antique rings, vintage necklaces, bracelets, earrings, brooches, pendants, bangles, and engagement rings, all with remarkable sophistication and clarity. Its refined design highlights the craftsmanship and heritage of each piece through full-width sliders, detailed product galleries, and customizable layouts. Seamlessly integrated with WooCommerce, it supports plugins like YITH WooCommerce Wishlist, WooCommerce Product Gallery Slider, and Contact Form 7 to enhance functionality and foster customer engagement. With 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 also enhance visibility, while customer reviews, related products, and bestsellers sections invite exploration and encourage sales. The theme's fully responsive design guarantees that your store looks stunning across desktops, tablets, and mobile devices. Ideal for antique dealers, bespoke jewelers, gemstone retailers, luxury accessory stores, and fine jewelry designers, the Antique Jewelry theme combines 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.9
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;
}