/*
Theme Name: Oman Jewellery
Theme URI: https://wordpress.org/themes/omanjewellery/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.5
Tested up to: 6.9
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: omanjewellery

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
.navbar-nav li a{
    font-family: var(--font-heading);
    color: var(--bs-text-dark) !important;
    font-weight: 500;
    font-size: 15px !important;
	padding-left: 36px !important;
}

.breadcrumb-container.theme1 a{
	line-height:0 !important;
		padding:0px 5px !important;
	margin:0px !important
}

.col-product{
	
	border-radius:15px;
	overflow:hidden;
	
}
.pro-img {
  position: relative;
	margin-bottom:10px;
	padding:0px 20px;
	
}
.pro-img img {
  transition: transform 0.3s ease;
	
}
.pro-img:hover img {
  transform: scale(1.05);
}
.pro-img .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#351f1275; 
  opacity: 0;
  transition: 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-center {
	text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    font-weight: 200 !important;
    border: 2px solid #eee;
    line-height: 0;
    padding: 23px 10px 19px 10px;
    border-radius: 18%;
}
.pro-img:hover .overlay {
  opacity: 1;
}
.brand-ttl{
	color:#333;
	font-size:14px;
	padding:0px 8px;
}
.brand-ttl strong{
	font-weight:600 !important;
	
}
.model-name{
	color:#000;
	font-size:12px;
	font-weight:600;
	line-height:normal;
	padding:0px 8px;
}
.desc-bottom .gslide-media, .desc-top .gslide-media{
	background:#eee;
}
.bnd-logo{
	width:90%;
}
.border-left{
	border-left:3px solid var(--bs-brown);
	padding-left: 29px;
}
.gslide-image {
  width: 100%;
  aspect-ratio: 1/1;   /* always square */
  overflow: hidden;
  position: relative;
}

.gslide-image img {
 background:#f2f2f4;
 width: 100% !important;
 height: 100% !important;
 object-fit: contain !important;
}
.text-justify-custom {
  text-align: justify;
}
.bg{
	top:0;
}
@media only screen and (max-width: 991px) {
	.header-section{
		padding:5px 0px !important
	}
	.hero-slider{
		height:auto !important;
	}
	.hero-slider .swiper-slide{
		height: auto !important
	}
	.center-right {
    text-align: center !important;
		align-items: center !important;
		padding-top:0px !important
	}
	
	.secondary-product-image{
		position:relative !important;
		right :inherit !important;
		width:100px !important
		bottom:0 !important
	}
	.collection-rect .content{
		width:100% !important
	}
}
@media only screen and (max-width: 583px) {
	.brand-logo-slide{
		width:150px !important
	}
	.secondary-product-image{
		width:100px !important
	}
	.center-image-horizontal{
		max-height: 34vh !important;
	}
}

.br-logo{
	transition:all .6s ease-in-out;
}
.br-logo:hover {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.br-logo:hover img{
	transform:scale(.8);
	transition:all .6s ease-in-out;
}