/*
 * Client: Harris Jeweler
 * Copyright 2008-2022 Punchmark
 */


/* ==========================================================================
    Helpers
============================================================================= */

.alert-global,
.alert-global a,
.alert-global a.alert-link {
	text-transform: none !important;
	letter-spacing: 0.05rem !important;
	transform: none !important;
	font-size: 11px !important;
	color: white !important;
}

.alert-global a,
.alert-global a.alert-link {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 600 !important;
}

.script,
.wf-active .script {
	font-family: "adobe-handwriting-ernie" !important;
	text-transform: none !important;
}

.h1.script {
	font-size: 3.5rem !important;
}

.h2.script {
	font-size: 3rem !important;
}

.h3.script {
	font-size: 2.5rem !important;
}

.h4.script,
.h5.script,
.h6.script {
	font-size: 2rem !important;
}

.form-control {
	border-radius: 0;
}

.btn {
	text-transform: uppercase;
	border-radius: 0;
}

.btn-outline-secondary {
	border-color: var(--secondary);
	color: var(--secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
	background: var(--secondary);
	border-color: var(--secondary);
	color: #ffffff;
}

.link-container .btn-link,
.link-container .btn-link.btn-md {
	color: #111111;
	position: relative;
	font-weight: 400 !important;
	font-size: 0.8rem !important;
}

.link-container .btn-link.btn-xs {
	/**/
}

.link-container .btn-link.btn-sm {
	/**/
}

.link-container .btn-link.btn-lg {
	/**/
}

.link-container .btn-link.btn-xlg {
	/**/
}

.link-container .btn-link:after {
	content: "";
	position: absolute;
	bottom: 0.65rem;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--secondary);
}

[data-widget-element="widgetBgImageSrc"].bordered-image,
[data-pagebuilder="column"] .widget-text-overlay.bordered-image {
	position: relative;
}

[data-widget-element="widgetBgImageSrc"].bordered-image::after,
[data-pagebuilder="column"] .widget-text-overlay.bordered-image::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: transparent;
	border: 1px solid white !important;
}

.widget-text-overlay [data-widget-element="widgetParagraph"].text-light + .link-container .btn-link,
.widget-text-overlay [data-widget-element="widgetHeader"].text-light + .link-container .btn-link {
	color: #ffffff !important;
}

.widget-text-overlay [data-widget-element="widgetParagraph"].text-light + .link-container .btn-link:after,
.widget-text-overlay [data-widget-element="widgetHeader"].text-light + .link-container .btn-link:after {
	background: #ffffff !important;
}

/* ==========================================================================
    Header
============================================================================= */

.toolbar {
	background: #E6E2DC !important;
	border-color: #E6E2DC !important;
	z-index: unset;
}

.toolbar li a {
	text-transform: none !important;
	letter-spacing: 0.05rem !important;
	font-size: 11px !important;
}

header {
	box-shadow: 0 0 0 1px #e0dad2, 0 6px 6px rgba(59,49,35,0.05);
	position: sticky;
	top: 0;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
	top: 63px;
}

header,
header .main-content-col {
	height: 88px !important;
	display: flex !important;
}

header .content-toolbar.inline-left-and-right {
	width: auto;
	padding-left: 20px;
	padding-right: 0px;
}

header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
	padding-left: 20px;
	padding-right: 10px;
}

header .content-toolbar > .content-toolbar-inner > ul {
	flex-wrap: nowrap;
}

header .content-toolbar > .content-toolbar-inner > ul > .toolbar-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .content-toolbar > .content-toolbar-inner > ul > .toolbar-item.item-search {
	font-size: 1.25rem;
	border-right: 1px solid #e0dad2;
	padding-right: 20px;
}

header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu,
header .content-toolbar > .content-toolbar-inner > ul.right .dropdown-menu-right, 
header .content-toolbar > .content-toolbar-inner > ul.right .item-search .dropdown-menu, 
header .content-toolbar > .content-toolbar-inner > ul.right .quick-search .dropdown-menu {
	top: 100% !important;
}

@media(min-width:575px){
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-right: 10px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li + li {
		margin-left: 20px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > .toolbar-item.item-search {
		padding-right: 20px !important;
	}
}

@media(min-width:768px){
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-right: 20px !important;
	}
}

@media(min-width:992px){
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-right: 20px !important;
	}
}

@media(min-width:1200px){
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-left: 1.25vw !important;
	}
}

@media(min-width:1500px){
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-left: 1.5vw !important;
	}
}

@media(max-width:767px){
	header .content-toolbar.inline-left-and-right + a#logo {
		width: 120px !important;
		position: absolute;
		left: 48.5%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	header, 
	header .main-content-col {
		height: 72px !important;
	}
}

@media(max-width:991px){	
	header .content-toolbar.inline-left-and-right { 
		display: none;
	}
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		display: block;
		padding-left: 0 !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li + li {
		margin-left: 15px;
	}
	header .content-toolbar > .content-toolbar-inner > ul > .toolbar-item.item-search {
		padding-right: 15px;
	}
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
		right: 0 !important;
		left: auto !important;
	}
}



/* ==========================================================================
    Nav
============================================================================= */

nav.navbar {
	box-shadow: none !important;
	border: 0 !important;
}

nav.navbar .nav-item .nav-link {
	font-size: 13px;
	letter-spacing: 0.075rem;
}

header .content-toolbar > .content-toolbar-inner > ul > li.item-cart > a > span {
	background: var(--secondary) !important;
	color: white;
	font-weight: 500;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav.navbar .nav-item.text-primary .nav-link {
	color: var(--primary) !important;
	font-weight: 600 !important;
}

nav.navbar .dropdown > .dropdown-menu, 
nav.navbar .dropdown-submenu > .dropdown-menu {
	border-color: #E0DAD2 !important;
}

nav.navbar .nav-item.dropdown > .dropdown-menu,
nav.navbar .nav-item.dropdown > .dropdown-menu.menu-account {
	border-radius: 0.25rem !important;
}

@media(min-width:992px){
	header .main-content-col.nav-inline-and-split nav.navbar {
		height: 100%;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left {
		justify-content: flex-start !important;
		width: calc(50% - 35px);
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
		justify-content: flex-end !important;
		width: calc(50% - 85px);
	}
	nav.navbar .nav-item .nav-link {
		font-size: 10px;
		letter-spacing: 0.075rem;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav > li + li {
		margin-left: 1.5vw;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav > li.item-search > a > i.icon-search {
		font-size: 1.25rem;
	}
}

@media(min-width:1080px){
	nav.navbar .nav-item .nav-link {
		font-size: 11px;
	}
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link {
		font-size: 11px;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav > li + li {
		margin-left: 1.2vw;
	}
}

@media(min-width:1500px){
	nav.navbar .nav-item .nav-link {
		font-size: 12.5px;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav > li + li {
		margin-left: 1.35vw;
	}
}

@media(max-width:768px){
	nav.navbar .navbar-toggler {
		padding: 10px !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar {
		width: auto !important;
	}
}

@media(max-width:991px){
	nav.navbar .navbar-toggler {
		z-index: 1001;
		box-shadow: none !important;
	}
	nav.navbar {
		background: none !important;
	}
	nav.navbar .nav-item {
		height: auto;
	}
	nav.navbar .nav-item .nav-link:focus { 
		outline: none !important;
		background-color: var(--primary) !important;
		color: white !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li.item-cart > a > span {
		width: 32px;
		height: 32px;
		border-radius: 32px;
	}
	nav.navbar #main-navigation {
		background: #E6E2DC !important;
		box-shadow: 0 0 0 3000px rgba(32,112,107,0.0);
	}
	nav.navbar #main-navigation.open {
		box-shadow: 0 0 0 3000px rgba(32,112,107,0.8);
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left {
		padding-top: 30px;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
		justify-content: flex-start !important;
		width: 100%;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu, 
	nav.navbar .nav-item.dropdown > .dropdown-menu.menu-account {
		border-radius: 0 !important;
		background: #E0DAD2;
	}
}


/* ==========================================================================
    Footer
============================================================================= */

footer address a strong.text-uppercase.small {
	display: none !important;
}

footer p,
footer .p, 
footer address,
footer address *,
footer address a strong,
footer address > table tr > td,
footer address > table tr > td span,
footer address > table tr > td > strong {
	font-size: 12px;
}

footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 {
	padding-top: 10px;
}

footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 .social-networks {
	margin-top: 30px;
}

footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 form[action="/newsletter-subscription"] {
	display: block;
	padding: 0 40px;
}

footer form .collectEmailFormGroup .form-control {
	display: block;
	padding-bottom: 1rem;
	padding: 0.25rem 0.5rem;
}

footer form .collectEmailFormGroup input,
footer form .collectEmailFormGroup select {
	color: rgba(255,255,255,1) !important;
	background: rgba(0,0,0,0.1) !important;
	border: 0 !important;
	border-radius: 0 !important;
}

footer form .collectEmailFormGroup input::placeholder,
footer form .collectEmailFormGroup select::placeholder {
	color: rgba(255,255,255,0.6) !important;
}

footer form .collectEmailFormGroup label {
	top: 0;
	font-size: 12px;
}


@media(min-width:768px){
	footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 30px;
	}
	footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 h6 {
		width: auto;
		margin: 0 !important;
	}
	footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 form[action="/newsletter-subscription"] {
		display: block;
		padding: 0 2.5vw;
	}
	footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 .social-networks {
		margin-top: 0;
	}
	footer .footer-section:nth-child(1) .col-12.col-sm-12.col-md-12.col-lg-12 .social-networks .network + .network {
		margin-left: 2.5vw;
	}
}

#newsletterSignup.input-group {
	border: 1px solid white !important;
}

#newsletterSignup .form-control {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 0.8rem;
	color: rgba(255,255,255,1);
	font-weight: 500;
	min-width: 200px;
}

#newsletterSignup .form-control::placeholder {
	font-size: 0.8rem;
	color: rgba(255,255,255,0.5);	
	font-weight: 400;
}

#newsletterSignup .btn {
	color: var(--primary) !important;
	padding-right: calc(1rem - 3px) !important;
	margin: -1px !important;
	height: calc(100% + 2px);
}

#newsletterSignup .btn i {
	transform: scale(1.5);
}

#newsletterSignup .btn:hover,
#newsletterSignup .btn:focus {
	background: rgba(32,112,107,1) !important;
	border-color: #fff !important;
}

#newsletterSignup .btn:hover i,
#newsletterSignup .btn:focus i {
	color: white !important;
}


/* ==========================================================================
	2/3rds Image Right
============================================================================= */

@media(max-width:767px){
	.two-thirds-image-right.mobile-stack .text-light {
		color: white !important;
	}
	.two-thirds-image-right .widget-text-overlay.widget-inner .content-block {
		padding: 40px 20px;
	}
}

@media(min-width:768px){
	.two-thirds-image-right [data-widget-element="widgetImage"]{
		max-width: 60vw !important;
		margin-left: auto !important;
		margin-right: 0 !important;	
	}
	.two-thirds-image-right [data-widget-element="widgetBgImageSrc"]{
		max-width: 60vw !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}
	.two-thirds-image-right .widget-text-overlay.widget-inner {
		max-width: 40vw!important;
		margin-left: 0 !important;
		margin-right: auto !important;
		left: -40vw !important;
		padding: 20px !important;
	}
	.two-thirds-image-right [data-widget-element="widgetImage"] + .widget-text-overlay.widget-inner,
	.two-thirds-image-right [data-widget-element="widgetImage"] + .background-click-area + .widget-text-overlay.widget-inner {
		left: 0vw !important;
	}
	.two-thirds-image-right .widget-text-overlay.widget-inner .content-block {
		max-width: 340px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/* ==========================================================================
	Image Right
============================================================================= */

section.row-centered [data-pagebuilder="column"] {
	display: flex !important;
	align-items: center !important;
}



/*	==========================================================================
	Locked height section... tricky
========================================================================== */

[data-pagebuilder="column"] [data-pagebuilder="widget"].widget.h-100 {
	display: flex !important;
	flex-direction: column !important;
}

[data-pagebuilder="column"] [data-pagebuilder="widget"].widget.h-100 .widget-inner.h-auto {
	height: auto !important;
} 

[data-pagebuilder="column"] [data-pagebuilder="widget"].widget.h-100 .widget-inner.h-auto + .content-block {
	height: 100%;
	padding: 20px 20px;
	display: flex !important;
	align-items: center !important;
}



/* ==========================================================================
	OFFSET - WIDGETS (floating boxes)
============================================================================= */

section.floating-widgets > .container > .row {
	padding: 10vw 0;
}

section.floating-widgets [data-pagebuilder="column"] [data-pagebuilder="widget"] {
	box-shadow: 0 0 30px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.05);
}

@media(max-width:767px){
	section.floating-widgets [data-pagebuilder="column"]:nth-child(1) {
		display: flex !important;
		align-items: flex-end !important;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(2) {
		display: flex !important;
		align-items: flex-end !important;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(3) {
		display: flex !important;
		align-items: flex-start !important;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(4) {
		display: flex !important;
		align-items: flex-start !important;
	}
}

@media(min-width:768px){
	section.floating-widgets > .container > .row {
		padding: 10vw 0;
	}
	section.floating-widgets [data-pagebuilder="column"] {
		display: flex !important;
		align-items: center !important;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(1) [data-pagebuilder="widget"] {
		transform: scale(1.1);
		position: relative;
		z-index: 100;
		top: 1.2vw;
		left: 0.25vw;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(2) [data-pagebuilder="widget"] {
		transform: scale(1.25);
		position: relative;
		z-index: 101;
		top: 1.3vw;
		left: 0;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(3) [data-pagebuilder="widget"] {
		transform: scale(1.35);
		position: relative;
		z-index: 100;
		top: 0;
		left: 2.5vw;
	}
	section.floating-widgets [data-pagebuilder="column"]:nth-child(4) [data-pagebuilder="widget"] {
		transform: scale(0.925);
		position: relative;
		z-index: 101;
		top: 0;
		left: 1.65vw;
	}
}



/*	==========================================================================
	OFFSET - WIDGETS (green boxes)
========================================================================== */

section.offset-widgets [data-pagebuilder="column"]{
	display: flex;
	flex-wrap: wrap;
}

section.offset-widgets [data-pagebuilder="widget"]{
	max-width: 100% !important;
}

section.offset-widgets [data-pagebuilder="widget"] > a,
section.offset-widgets [data-pagebuilder="widget"] > [data-widget-url="#"] {
	height: auto !important;
}

section.offset-widgets [data-pagebuilder="widget"] .content-block {
	background: rgba(42,142,135,1) !important;
}

section.offset-widgets [data-pagebuilder="widget"] .content-block [data-widget-element="widgetHeader"],
section.offset-widgets [data-pagebuilder="widget"] .content-block [data-widget-element="widgetParagraph"] {
	color: white !important;
}

section.offset-widgets [data-pagebuilder="widget"] .content-block [data-widget-element="widgetParagraph"] {
	margin-bottom: 0;
}

section.offset-widgets .widget-text-overlay {
	z-index: unset;
}

section.offset-widgets .widget-text-overlay .content-block {
	z-index: 1;
}

@media(max-width:767px){
	section.offset-widgets [data-pagebuilder="widget"] {
		margin-top: 20px;
	}
}

@media(min-width:768px){
	section.offset-widgets [data-pagebuilder="widget"] .content-block {
		max-width: 300px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		background: rgba(42,142,135,0.92) !important;
	}
	section.offset-widgets [data-pagebuilder="widget"] [data-widget-element="widgetBgImageSrc"]{
		height: auto !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(1) {
		padding: 0px 10px 20px 10px !important;
		max-width: 50% !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(1) .content-block {
		margin-left: -30px !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(2) {
		padding: 50px 40px 20px 40px !important;
		max-width: 50% !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(2) .content-block {
		margin-left: -30px !important;
		margin-bottom: -20px !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(3) {
		padding: 0px 10px 20px 50px !important;
		max-width: 50% !important;
		margin-top: -70px !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(3) .content-block {
		margin-left: -30px !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(4) {
		padding: 50px 10px 20px 40px !important;
		max-width: 50% !important;
	}
	section.offset-widgets [data-pagebuilder="widget"]:nth-child(4) .content-block {
		margin-left: -30px !important;
	}
}


/*	==========================================================================
	SOCIAL SLIDER
========================================================================== */

.social-slider .social-heading,
.social-slider .social-link,
.social-slider .social-interaction,
.social-slider .social-interactions {
	display: none !important;
}

.social-slider .social-description {
	margin-bottom: 0 !important;
}

/*	==========================================================================
	Testimonials
========================================================================== */
#testimonials-carousel .owl-item .card {
	border: 0 !important;
	background: transparent !important;
	background: #E8D9C6 !important;
	padding: 30px;
}
#testimonials-carousel .owl-item.active .card {
	background: #E8D9C6 !important;
}
#testimonials-carousel .owl-item.active + .owl-item.active .card {
	background: #D9C9B4 !important;
}
#testimonials-carousel .owl-item.active + .owl-item.active + .owl-item.active .card {
	background: #EBE5DE !important;
}
#testimonials-carousel .owl-item .card .avatar {
	width: 60px;
	height: 60px;
}
#testimonials-carousel .owl-item .card .star-rating i + i {
	margin-left: 0.15rem;
}
#testimonials-carousel .owl-dots {
	padding: 20px;
	display: flex;
	justify-content: center;
}
#testimonials-carousel .owl-dots button {
	width: 20px;
	height: 5px;
	border-radius: 1px;
	background: #E8D9C6 !important;
}
#testimonials-carousel .owl-dots button.active {
	background: var(--primary) !important;
}
#testimonials-carousel .owl-dots button + button {
	margin-left: 5px;
}
#testimonials-carousel .owl-stage {
  display: flex !important;
}
#testimonials-carousel .owl-stage > .owl-item {
  float: none !important;
}
#testimonials-carousel .owl-stage > .owl-item > .card {
  height: 100% !important;
  border-radius: 0 !important;
}

/* =======================================================================================
   Meet Our Staff
======================================================================================= */

.meet-our-staff .staff-member,
.meet-our-staff .staff-member img {
  border-radius: 0 !important;
}

.meet-our-staff .owl-item {
  transform: none !important;
}

.meet-our-staff .staff-member .staff-member-name {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.meet-our-staff .staff-member .staff-member-title {
  font-size: 11px !important;
  font-weight: 400 !important;
}