.row.wide {
	max-width:1240px;
}

/* Flex */
.flex-container { display:flex; }
.row-wrap { flex-flow: row wrap; }
.flow-column { flex-flow: column; }
.row-reverse { flex-direction: row-reverse; }
.space-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-right { justify-content: right; }
.align-center { align-items: center; }

@media(max-width:959px) {
/*	.hide-max-959 { display:none !important; }*/
	.flex-clear-959 { display:block; }
}


header #nav>.menu>li {
    margin-right: 10px;
}

header #nav>.menu>li>a {
    padding: 0.7rem 0.5rem;
}

/* Header & Top Nav */

.top-header {
	position:fixed;
	width:100%;
	z-index:100;
	transition:transform 0.28s ease;
	transform: translateY(0);
}

.top-header.is-fixed {
	position:fixed;
}

.top-header.is-scrolled {
	transform: translateY(calc(-1 * var(--header-height)));
}

.top-header.is-hidden-up {
	transform: translateY(calc(-1 * var(--header-height)));
}

.header-spacer { 
	height: var(--header-height);
}

@media(max-width:1023px) {
	.top-header.is-scrolled {
		transform: translateY(calc(-1 * var(--header-height)));
	}
	
	.top-header.is-hidden-up {
		transform: translateY(calc(-1 * var(--header-height)));
	}
	
	.header-spacer { 
		height: var(--header-height);
	}
}

@media(max-width:1023px) {
	header .search {
		position:relative;
	}

	.header-row > .column {
		padding-left: 0;
		padding-right: 0;
	}
}

.high-jewelry-catalog aside .subNav a.subActive {
    font-weight:600;
	color: #132f60;
}

.errors, .error {
    color: #d30000;
    font-weight: 700;
    font-size: .75rem;
}

.errors {
	text-align: center;
}

.errors ul {
	margin:0;
}

.errors li {
	list-style:none;
}

sub {
    bottom: -0.25em;
}

h1 sub, h2 sub {
    bottom: -0.6em;
}

header #nav>.menu a {
	text-transform:uppercase;
}

#footer2 .links-column {
	text-align:left;
}

#footer2 .column-title {
	color:#a9a9a7;
	font-size:16px;
	font-family:  "Open Sans", sans-serif;
	font-weight:700;
	text-align:left;
}

#footer2 .links-column ul {
	margin:10px 0 40px;
}

#footer2 .links-column ul li {
	list-style:none;
	line-height:1.8;
}

#footer2 .links-column ul li a {
	font-size:14px;
/*	color:#a9a9a7;*/
	text-decoration:none;
	transition: color 0.15s ease;
}

#footer2 .links-column ul li a.tiktok {
	font-size:12px;
}

#footer2 .links-column ul li a:hover {
	color:#fff;
}

#footer2 .copyright {
	text-align:left;
}

#footer2 .menu.footer-social {
	margin-top:15px;
	margin-bottom:30px;
}

#footer2 .menu.footer-social > li {
	display:inline-block;
	margin-right:5px;
	margin-bottom:10px;
}

#footer2 .menu.footer-social > li:last-child {
	margin-right:0;
}

#footer2 .menu > li > a {
    display: block;
    padding: 0;
    line-height: 1;
}

@media(min-width:640px) {
	#footer2 .styled-select {
		float:right;
	}
}

@media(max-width:639px) {
	#footer2 .styled-select {
		margin-top:20px;
	}
}

.page-buttons {
	display:flex;
	gap:10px;
}

@media(min-width:640px) {
	.collection .grid-item a {
		display:block;
		position:relative;
		aspect-ratio: 1/1;
	}
	
	.collection .grid-item a img {
		object-fit: contain;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 25%;
	}

	.collection .grid-item.necklaces a img {
		padding: 20%;
	}
	
	.collection .grid-item.pendants a img {
		padding: 20%;
		/* object-fit: cover;
		object-position: center bottom; */
	}
}

@media(min-width:640px) {
	.page-buttons {
		justify-content: flex-end;
	}
	.collection .grid-item a:before {
		content:'';
		display:block;
		padding-top:100%;
	}

	.collection .grid-item a > img {
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	}
}

@media(max-width:639px) {
	
	.high-jewelry-catalog.thumbnails .collection {
		margin-left:0;
		margin-right:0;
	}
	
	.collection .grid-item {
		height:auto !important;
		padding-left:20px !important;
		padding-right:20px !important;
		margin-bottom:60px;
		margin-top:60px;
		float:none;
	}

	.collection .grid-item:not(.pendants) img {
		max-width:320px;
	}

	.collection .grid-item h4 {
		margin-top:16px;
	}
}

.ccc-banner .ccc-banner__label-container { display:none !important; }

.ccc-banner .ccc-banner__button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 2em;
    margin: 0 0 1rem 0;
    font-size: .9rem;
    background-color: #132f60;
    color: #fff;
	border-radius:0;
	box-shadow:none;
}

.ccc-banner .ccc-banner__button {
    border-color: #132f60;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 1rem;
}

.ccc-banner .ccc-banner__button {
	background-color:#fff !important;
    color: #646464 !important;
    border: #132f60 2px solid;
}

.ccc-banner .ccc-banner__button:hover {
    background-color: #132f60 !important;
    color: #fff !important;
}

.hero-slider .slide-content p sub {
/*	font-size:0.25em;*/
}

div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	font-family: Cinzel,serif !important;
	font-weight: 400 !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
	font-family: "Open Sans", sans-serif !important;
	text-transform:uppercase;
}

.ctct-gdpr-text, .ctct-form-footer { display:none !important; }

.collection-page-header .collection-title {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collection-page-header .collection-title h1,
.collection-page-header .collection-title h2 {
	position: static;
    -ms-transform: translateY(0);
    transform: translateY(0);
	color:#fff;
	text-transform: uppercase;
	text-align:left;
	margin:0;
	line-height:1.3;
}

.collection-page-header .collection-title h1 {
	font-size: 1.85714rem;
}

.collection-page-header .collection-title h2 {
	font-size: 2.28571rem;
}

.collection-page-header .collection-title h1 sub {
	position:relative;
	right:auto;
	bottom: -0.6em;
}

@media screen and (min-width: 40em) {
	.collection-page-header .collection-title h1 {
		font-size: 2.71429rem;
	}
	
	.collection-page-header .collection-title h2 {
		font-size: 3.28571rem;
	}
}


@media screen and (min-width: 64em) {
	
	.hero-slider #slide1 .slide-content {
		left:0 !important;
	}
	
	.hero-slider #slide3 .slide-content {
/*	    max-width: 410px;
	    top: 170px;
	    left: auto;
	    right: 19%;*/
		top:70px;
	}
}

/* 2023 reskin updates */

/* Colors & Global Vars */
:root {
  --color-blue: #164268;
}

.bg-blue, .bg-blue-500, .bg-blue-600 { background: var(--color-blue); }
.color-blue { color: var(--color-blue); }

.relative { position:relative; }
.screen-height {
	height: 100vh;
/*	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;*/
}

img.object-fit-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ratio-height {
    position: relative;
}

.ratio-height:before {
    content: '';
    display: block;
}

@media(max-width:768px) {
	.hide-max-768 { display:none !important; }
}

@media(min-width:769px) {
	.hide-min-769 { display:none !important; }
}

.button.gray {
	background-color:#ededed;
	border-color:#ededed;
	color:#005997;
}

.button.gray:hover {
	background-color:#132f60;
	color:#fff;
}

.famous-slider .slick-next {
    right: 5px;
}

header, header #nav>.menu ul.is-dropdown-submenu {
	background:var(--color-blue);
}

header .logo {
	background-image: url(../../images/front/wg-logo-horizontal.png);
	background-size:contain;
	background-position:center center;
}

@media(max-width:1023px) {
	header .logo {
		width:85%;
		max-width:280px;
		display:flex;
		background-position: center center;
		margin:12px auto;
	}
}

.header-row {
	max-width:none;
}

header #nav>.menu>li>a, header #nav>.menu ul.is-dropdown-submenu a {
	color:#fff;
}

/*.hero-slider .slide .ratio-desktop:before {
	padding-top:54.947%;
}

.hero-slider .slide .ratio-mobile:before {
	padding-top:216.41%;
}*/

.hero-slider .slide img {
	transition:transform 3s ease;
	object-position: center top;
}

@keyframes zoomIn {
	0% {
		transform:scale(1);
	}
	100% {
		transform:scale(1.07);
	}
}

@keyframes zoomOut {
	0% {
		transform:scale(1.07);
	}
	100% {
		transform:scale(1);
	}
}

.hero-slider .slide.zoom-in img {
	animation: zoomIn 4s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}

.hero-slider .slide.zoom-out img {
	animation: zoomOut 4s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}

/*.hero-slider .slide:nth-child(even):not(.slick-current) img,
.hero-slider .slide.slick-current:nth-child(odd) img {
	transform:scale(1.1);
}

.hero-slider .slide:nth-child(odd):not(.slick-current) img,
.hero-slider .slide.slick-current:nth-child(even) img {
	transform:scale(1);
}*/


.hero-slider .slick-dots {
	bottom:20px;
}

.hero-slider .slick-dots li button:before {
	content:'';
	display:block;
	background-color:#fff;
	border-radius:999px;
	width:12px;
	height:12px;
	transition:background-color 0.28s ease;
	opacity:1;
}

.hero-slider .slick-dots li.slick-active button:before {
	background-color:var(--color-blue);
}

.hero-slider .screen-height {
	height: calc(100vh - 89px);
}

@media(min-width:1024px) {
	header .logo {
		max-width:600px;
		width:39%;
	}
	
	.hero-slider .screen-height {
		height: calc(100vh - 159px);
	}
}

@media(min-width:1200px) {
	header .logo {
		max-width:754px;
		width:39%;
	}
}

@media screen and (min-width: 64em) {
	header .search {
	    right: 35px;
		top:22px;
        max-width: none;
        /*display: flex;
        align-items: center;*/
	}
}

header .button.ocn, header .button:active.ocn, header .button:focus.ocn {
	top:5px;
	right:0;
	left:auto;
	border:none;
}

header .button .fa-bars {
	font-size:16px;
}

.categories-alternating {
	max-width:1670px;
	margin:60px auto;
	padding:0 40px;
}

.categories-alternating .grid-item {
	margin-bottom:60px;
}

.categories-alternating .grid-item .content a.discover {
	text-decoration:none;
	font-size:30px;
	color:#005a97;
	text-transform:uppercase;
	font-family: "sweet-sans-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
	transition: color 0.28s ease;
}

.categories-alternating .grid-item .content a.discover:hover {
	color:#000;
}

@media(min-width:768px) {
	
	.categories-alternating {
		margin:120px auto;
		padding:0 126px;
	}
	
	.categories-alternating .grid-item {
		margin-bottom:110px;
	}
	
	.categories-alternating .grid-item .image-link {
		flex:0 0 46%;
	}

	.categories-alternating .grid-item .content {
		display:flex;
		align-items:center;
		gap:90px;
	}
	.categories-alternating .grid-item .content h2 {
		font-size:40px;
	}
	.categories-alternating .grid-item .content a.discover {
		font-size:24px;
	}
	.categories-alternating .grid-item:nth-child(even) .content {
		flex-direction:row-reverse;
	}

	.categories-alternating .grid-item:nth-child(even) .content .view,
	.categories-alternating .grid-item:nth-child(even) .content .view * {
		text-align:right;
	}
	
	.categories-alternating .grid-item:nth-child(odd) .content .view, 
	.categories-alternating .grid-item:nth-child(odd) .content .view * {
		text-align:left;
	}
}

@media(min-width:1200px) {
	
/*	.high-jewelry-catalog h1 {
		font-size:72px;
	}*/
/*	.categories-alternating .grid-item .content h2 {
		font-size:40px;
	}
	.categories-alternating .grid-item .content a.discover {
		font-size:24px;
	}*/
	.categories-alternating .grid-item .content {
		gap:150px;
	}
}

@media(max-width:767px) {
	
	.categories-alternating .grid-item .image-link {
		display:block;
		margin-bottom:40px;
	}
	
	.categories-alternating .grid-item {
		margin-bottom:40px;
	}
	
	.categories-alternating .grid-item .content .view {
		text-align:center;
	}
	.categories-alternating .grid-item .content h2 {
		font-size:40px;
	}
	.categories-alternating .grid-item .content a.discover {
		font-size:20px;
	}
}

@media(max-width:640px) {
	.categories-alternating {
		padding:0;
	}
}

@media screen and (min-width: 64em) {
	header .logo {
	    margin-top: 29px;
	    margin-bottom: 18px;
	}
}

.center {
	text-align:center;
}

.overflow-hidden { overflow:hidden; }

.famous-slider .slick-next, .famous-slider .slick-prev {
	width:48px;
}

.prod-form .fancybox-button.fancybox-button--close { display:none !important; }

.color-white, .color-white p { color: #fff; }
.underline { text-decoration:underline; }

header .shop-nav {
	display:flex;
	column-gap:20px;
}

header .shop-nav a {
	color: #a9a9a7;
	transition: color 0.15s ease;
	text-decoration:none;
}

header .shop-nav a:hover {
	color:#fff;
}

.prod-grid-image {
	aspect-ratio:1 / 0.56;
	
}

.content p.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.buy-flex-container {
	column-gap:20px;
}

.content.shop select {
	background-image:none;
	height:39px;
	-webkit-appearance:auto;
	-moz-appearance:auto;
}

.content.shop select:focus {
	border: 1px solid #646464;
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 5px #cacaca;
	transition: box-shadow .5s, border-color .25s ease-in-out;
}

.content.shop .button {
	border:none;
}

.content.shop button {
	
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 2em;
/*    margin: 0 0 1rem 0;*/
    font-size: .9rem;
/*    background-color: #132f60;*/
/*    color: #fff;*/
	
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 1rem;
}

.content.shop .hidden {
	display:none !important;
}

.button.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.buy-flex {
	column-gap:20px;
	align-items: flex-start;
}

.buy-flex input[type="number"] {
	max-width: 70px;
	height: 40px;
}

header .search {
	max-width:none;
}

@media(max-width:1023px) {
	header .shop-nav {
	    justify-content: center;
	}
}

@media(max-width:640px) {
	.content.shop .checkout-nav {
		display:none;
	}
}


  
.tooltip-container {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}
  
.header-tooltip {
	/* background: #000; */
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
}
  
  /* Create a small triangle pointer */
  /* .header-tooltip:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #000;
  } */
  
/* Show tooltip on hover */
.cart-link:hover .tooltip-container,
.account-link:hover .tooltip-container {
	visibility: visible;
	opacity: 1;
}

.cart-link {
	display:inline-flex;
	align-items: center;
    column-gap: 5px;
}

.account-link {
	margin-top: 3px;
	height: 20px;
}

.content.shop .transactions .status-redirect { display:none; }

.content.shop a.small {
	font-size:12px;
}
.content.shop a.color-white:hover {
	color:#fff;
}