/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.2.1782278547
Updated: 2026-06-24 05:22:27

*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Black.eot');
	src: url('./font/Inter28pt-Black.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Black.woff2') format('woff2'),
	url('./font/Inter28pt-Black.woff') format('woff'),
	url('./font/Inter28pt-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Bold.eot');
	src: url('./font/Inter28pt-Bold.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Bold.woff2') format('woff2'),
	url('./font/Inter28pt-Bold.woff') format('woff'),
	url('./font/Inter28pt-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-ExtraBold.eot');
	src: url('./font/Inter28pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-ExtraBold.woff2') format('woff2'),
	url('./font/Inter28pt-ExtraBold.woff') format('woff'),
	url('./font/Inter28pt-ExtraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-ExtraLight.eot');
	src: url('./font/Inter28pt-ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-ExtraLight.woff2') format('woff2'),
	url('./font/Inter28pt-ExtraLight.woff') format('woff'),
	url('./font/Inter28pt-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Light.eot');
	src: url('./font/Inter28pt-Light.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Light.woff2') format('woff2'),
	url('./font/Inter28pt-Light.woff') format('woff'),
	url('./font/Inter28pt-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Italic.eot');
	src: url('./font/Inter28pt-Italic.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Italic.woff2') format('woff2'),
	url('./font/Inter28pt-Italic.woff') format('woff'),
	url('./font/Inter28pt-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Regular.eot');
	src: url('./font/Inter28pt-Regular.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Regular.woff2') format('woff2'),
	url('./font/Inter28pt-Regular.woff') format('woff'),
	url('./font/Inter28pt-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Medium.eot');
	src: url('./font/Inter28pt-Medium.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Medium.woff2') format('woff2'),
	url('./font/Inter28pt-Medium.woff') format('woff'),
	url('./font/Inter28pt-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-SemiBold.eot');
	src: url('./font/Inter28pt-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-SemiBold.woff2') format('woff2'),
	url('./font/Inter28pt-SemiBold.woff') format('woff'),
	url('./font/Inter28pt-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('./font/Inter28pt-Thin.eot');
	src: url('./font/Inter28pt-Thin.eot?#iefix') format('embedded-opentype'),
	url('./font/Inter28pt-Thin.woff2') format('woff2'),
	url('./font/Inter28pt-Thin.woff') format('woff'),
	url('./font/Inter28pt-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-Black.eot');
	src: url('./font/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-Black.woff2') format('woff2'),
	url('./font/PlayfairDisplay-Black.woff') format('woff'),
	url('./font/PlayfairDisplay-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-Bold.eot');
	src: url('./font/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-Bold.woff2') format('woff2'),
	url('./font/PlayfairDisplay-Bold.woff') format('woff'),
	url('./font/PlayfairDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-ExtraBold.eot');
	src: url('./font/PlayfairDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
	url('./font/PlayfairDisplay-ExtraBold.woff') format('woff'),
	url('./font/PlayfairDisplay-ExtraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-Medium.eot');
	src: url('./font/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-Medium.woff2') format('woff2'),
	url('./font/PlayfairDisplay-Medium.woff') format('woff'),
	url('./font/PlayfairDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-SemiBold.eot');
	src: url('./font/PlayfairDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-SemiBold.woff2') format('woff2'),
	url('./font/PlayfairDisplay-SemiBold.woff') format('woff'),
	url('./font/PlayfairDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('./font/PlayfairDisplay-Regular.eot');
	src: url('./font/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
	url('./font/PlayfairDisplay-Regular.woff2') format('woff2'),
	url('./font/PlayfairDisplay-Regular.woff') format('woff'),
	url('./font/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

* {
	box-sizing: border-box;
}

body {
	font-family: 'Inter'; 
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Playfair Display';
}

a {
	text-decoration: none !important;
}

ul {
	margin: 0;
}

ul > li {
	list-style: none;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	outline: none;
}
/* ===== Header ===== */
.site-header {
	background: #fff;
	padding: 18px 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	border-bottom: 1px solid #D8E2EA;
}
.site-header .col-full {
	margin: 0;
	display: flex;
	align-items: center;
	padding: 0;
	width: auto;
	max-width: inherit;
	box-sizing: border-box;
}

/* ===== Logo ===== */
.site-header .site-branding {
	flex-shrink: 0;
	width: 100% !important;
	max-width: 215px;
	margin: 0 !important;
	float: none !important;
}

.site-header .site-branding img {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
}

/* ===== Navigation ===== */
.site-header .storefront-primary-navigation {
	flex: 1;
}

.site-header .storefront-primary-navigation .main-navigation {
	width: 100%;
	margin: 0;
	float: none;
	display: block;
}
.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu {
	display: flex;
	align-items: center;
	gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0 20px;
	justify-content: center;
}

.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li {
	position: relative;
}

.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li a {
	text-decoration: none;
	transition: all .3s ease;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	padding: 0;
}

.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li.current-menu-item a,
.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li a:hover {
	color: #C9A84C;
}

/* Active Underline */
.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li a::after {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 0;
	width: 100%;
	height: 2px;
	background: transparent;
}
.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li a:hover:after,
.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li.current-menu-item a::after {
	background: #C9A84C;
}

/* ===== Appointment Button ===== */
.jb-header-button .jb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #1e3566;
	color: #fff;
	text-decoration: none;
	padding: 8px 20px;
	border-radius: 8px;
	transition: .3s;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}

.jb-header-button .jb-btn:hover {
	background: #C9A84C;
	color: #1A2744;
}


.site-content .col-full{
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
}
.entry-header{
	display: none;
}
.col-full {
	max-width: 1420px;
}

/* =========================
   FOOTER BASE
========================= */

.jb-footer {
	color: #fff;
	padding: 50px 0 0;
	background: linear-gradient(95.52deg, #1A2745 0%, #1E3A6E 50.44%, #0F213A 100.89%);
}

.jb-footer .col-full {
	max-width: 1560px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px !important;
	box-sizing: border-box;
}

.jb-footer .jb-footer-top {
	display: flex;
	justify-content: space-between;
	gap: 60px;
}

.jb-footer .jb-footer-top .jb-footer-about {
	max-width: 470px;
	width: 100%;
}

.jb-footer-logo {
	max-width: 215px;
	height: auto;
	width: 100%;
	margin-bottom: 22px;
}

.jb-footer-col h4 {
	margin-bottom: 15px;
	color: #C9A84C;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.jb-footer .jb-footer-about p {
	color: #FFFFFFA6;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}
.jb-footer .jb-footer-about .jb-footer-contect a {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFFA6;
	text-decoration:none;
	transition:.3s;
}
.jb-footer .jb-footer-about .jb-footer-contect a:hover {
	color: #fff;
}

.jb-footer-col ul {
	list-style:none;
	margin:0;
	padding:0;
}
.jb-footer .jb-footer-col ul .menu-item a {
	font-weight: 400;
	font-size: 16px;
	line-height: 35px;
	color: #FFFFFFA6;
	text-decoration:none;
	transition:.3s;
}
.jb-footer .jb-footer-col ul .menu-item a:hover {
	color: #fff;
}


.jb-footer-social {
	display:flex;
	gap:18px;
	margin-top:20px;
}
.jb-footer-social a {
	display:flex;
	align-items:center;
	justify-content:center;
}
.jb-legal-purchase-col .jb-footer-col:last-child {
	margin-top: 30px;
}
.jb-footer .jb-footer-bottom {
	border-top: 1px solid #FFFFFF26;
	margin-top: 40px;
	padding: 22px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.jb-footer .jb-footer-bottom .jb-footer-left-content p {
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFFA6;
}
.jb-footer .jb-footer-bottom .jb-footer-right-content ul {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.jb-footer .jb-footer-bottom .jb-footer-right-content ul li {
	list-style:none;
}
.jb-footer .jb-footer-bottom .jb-footer-right-content ul li a {
	padding: 1px 12px;
	background: #FFFFFF26;
	border-radius: 4px;
	display: block;
	color: #FFFFFFA6;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
.jb-footer .jb-footer-bottom .jb-footer-right-content ul li a:hover {
	color: #fff;
}





.storefront-breadcrumb {
	display: none;
}

body .site-content .wcrb_ringbuilder_main_container,
body .site-content .wcrb_diamonds_single_main_container,
body .site-content .wcrb_gemstones_single_main_container,
body .site-content .wcrb_ring_single_main_container,
body .site-content .wcrb_ringbuilder_single_final_details {
	width: 100%;
	max-width: 1560px;
	box-sizing: border-box;
	padding: 0 20px 50px;
}

.site-content div#primary,
.site-content div#primary .site-main,
.site-content div#primary article {
	margin: 0;
}

.woocommerce-cart div#content.site-content {
	width: 100%;
	max-width: 1560px;
	box-sizing: border-box;
	padding: 50px 20px;
	    margin: 0 auto;
}
.woocommerce-cart div#content.site-content .wp-block-woocommerce-cart {
	margin: 0;
	padding: 0;
}









/* =========================
   1440px
========================= */

@media (max-width:1440px){

	.jb-footer .jb-footer-top {
		gap:40px;
	}

}


/* =========================
   1366px
========================= */

@media (max-width:1366px){

	.jb-footer .jb-footer-top .jb-footer-about {
		max-width:350px;
	}

}


/* =========================
   1200px
========================= */

@media (max-width:1200px){

	.site-header {
		padding: 10px 20px;
	}
	.site-header .site-branding {
		max-width: 160px;
	}
	.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu {
		gap: 30px;
	}
	.site-header .storefront-primary-navigation .main-navigation .primary-navigation .nav-menu li a::after {
		bottom: -18px;
	}
	.jb-footer .jb-footer-top {
		gap:30px;
	}
	.jb-footer-col h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.jb-footer .jb-footer-top .jb-footer-about {
		max-width:320px;
	}
}


/* =========================
   1024px
========================= */

@media (max-width:1024px){

	.site-header .storefront-primary-navigation .main-navigation .primary-navigation{
		display: none;
	}
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle {
		font-size: 0;
		width: 40px;
		height: 40px;
		background: #1e3566;
		border: 0;
		border-radius: 8px;
		display: block;
		margin-right: 10px;
		margin-left: 10px;
	}
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle:after,
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle:before,
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle span:before {
		background-color: #fff;
		left: 50%;
		width: 24px;	
	}
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle span:before {
		transform: translate(-50%, 0px);
	}
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle:after {
		transform: translate(-50%, 6px);
	}
	.site-header .storefront-primary-navigation .main-navigation button#site-navigation-menu-toggle:before {
		transform: translate(-50%, -6px);
	}
	.site-header .storefront-primary-navigation .main-navigation.toggled button#site-navigation-menu-toggle::before {
		transform: translate(-50%, 0px) rotate(45deg);
	}
	.site-header .storefront-primary-navigation .main-navigation.toggled button#site-navigation-menu-toggle::after {
		transform: translate(-50%, 0px) rotate(-45deg);
	}
	.site-header .storefront-primary-navigation .main-navigation div.menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		max-height: 60vh;
		background-color: #fff;
		display: none;
		border-top: 1px solid #0d2a52;
		overflow: auto;
	}
	.site-header .storefront-primary-navigation .main-navigation.toggled div.menu {
		display: block;
	}
	.site-header .storefront-primary-navigation .main-navigation div.menu ul li {
		display: block;
		border-bottom: 1px solid #fff;
	}
	.site-header .storefront-primary-navigation .main-navigation div.menu ul li a {
		background-color: #1e3566;
		padding: 10px 20px;
		font-size: 16px;
		line-height: 24px;
		color: #fff;
	}
	.site-header .storefront-primary-navigation .main-navigation div.menu ul li a:hover {
		background-color: #fff;
		color: #1e3566;
	}
	.jb-footer .jb-footer-top {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 40px;
	}

	.jb-footer .jb-footer-top .jb-footer-about {
		max-width:100%;
	}

	.jb-legal-purchase-col{
		display:flex;
		gap:40px;
	}

	.jb-legal-purchase-col .jb-footer-col:last-child {
		margin-top: 0;
	}

}


/* =========================
   991px
========================= */

@media (max-width:991px){

	.jb-footer .jb-footer-top {
		grid-template-columns:1fr 1fr;
		gap:35px;
	}

	.jb-footer .jb-footer-bottom {
		flex-direction:column;
		text-align:center;
	}

}


/* =========================
   767px
========================= */

@media (max-width:767px){

	.jb-header-button .jb-btn {
		font-size: 14px;
		padding: 8px 16px;
	}

	.jb-footer .jb-footer-top {
		grid-template-columns:1fr;
		gap:40px;
	}

	.jb-legal-purchase-col{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:30px;
	}
	.jb-footer-logo {
		margin-right: auto;
		margin-left: auto;
	}
	.jb-footer-about{
		text-align:center;
	}

	.jb-footer-social{
		justify-content:center;
	}

	.jb-footer-col{
		text-align:center;
	}
	.jb-footer .jb-footer-bottom .jb-footer-left-content p,
	.jb-footer .jb-footer-about p {
		font-size: 14px;
		line-height: 24px;
	}
	.jb-footer .jb-footer-about .jb-footer-contect a,
	.jb-footer .jb-footer-col ul .menu-item a {
		font-size: 14px;
		line-height: 30px;
	}
	.jb-footer .jb-footer-bottom {
		gap: 10px;
	}

}


/* =========================
   575px
========================= */

@media (max-width:575px){
	.jb-header-button .jb-btn {
		font-size: 13px;
		padding: 7px 14px;
	}
	.jb-footer-logo {
		max-width: 210px;
	}
	.jb-legal-purchase-col {
		grid-template-columns:1fr;
		gap: 30px;
	}
	.jb-footer-right-content ul {
		justify-content:center;
	}

}


/* =========================
   480px
========================= */

@media (max-width:480px){
	.jb-header-button .jb-btn {
		font-size: 10px;
		padding: 5px 10px;
		line-height: 15px;
		max-width: 90px;
	}
	.jb-footer-logo {
		max-width:180px;
	}
	

	.jb-footer-social{
		gap:14px;
	}

	.jb-footer-right-content ul {
		gap:8px;
	}

	.jb-footer .jb-footer-bottom .jb-footer-right-content ul li a {
		padding: 1px 8px;
		font-size: 12px;
		line-height: 22px;
	}
}


.header-icons {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    border-radius: 12px;
    gap: 0;
    width: fit-content;
    margin-right: 12px;
}

.header-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 6px 14px;
}

.header-item .label{
	font-size: 11px;
}

/* vertical divider */
.header-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    height: 30px;
    width: 1px;
    background: #ccc;
}

.icon-wrap {
    position: relative;
    display: inline-block;
    height: 18px;
}

.icon-wrap i {
    font-size: 22px;
    color: #1f355e;
}

.label {
    font-size: 14px;
    color: #333;
}

.badge {
    position: absolute;
    top: -10px;
    right: -12px;
    width: 22px;
    height: 22px;
    background: #173f7a;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-badge {
    background: #d6a423;
}

/* =========================
   480px
========================= */

@media (max-width:480px){
		.header-icons{
		display: none !important;
	}
}