/*
 * Client: Engelbert's Jewelers
 * Copyright 2008-2022 Punchmark
 */


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

.alert-global {
	background: #671921;
	border-color: #671921;
}

.secondary-bg {
	background: var(--secondary) !important;
}

.menu-cart-subtotal, 
.menu-cart-subtotal p {
	font-size: 12px;
}

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

.link-container .btn-link {
	position: relative;
}

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

.h1.text-lowercase,
.h2.text-lowercase {
	letter-spacing: normal !important;
	font-size: 2.25rem;
	font-weight: 300;
}

.h1 > small,
.h2 > small,
.h3 > small {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 18px;
}

.display-4 {
	font-size: 2.5rem;
	font-weight: 500 !important;
}

@media(min-width:768px){
	.widget-text-overlay.container.mx-auto > .content-block.max-width-400.mr-md-0.py-30 {
		margin-bottom: -30px !important;
	} 
}

@media(max-width:767px){
	section.mobile-stack .position-absolute.position-0-right-auto.container.mx-auto.widget-inner {
		transform: none !important;
	}
} 

/* ==========================================================================
    Tools / Header / Nav Icons
============================================================================= */

.toolbar i {
	color: transparent;
	background-size: contain !important;
	font-size: 14px !important;
	filter: invert(100%);
    -webkit-filter: invert(100%);
}

.content-toolbar i {
	color: transparent !important;
	background-size: contain !important;
	font-size: 18px !important;
}

nav.navbar .navbar-nav > .nav-item .nav-link > i {
	color: transparent;
	background-size: contain !important;
	font-size: 20px !important;
}

.toolbar i.icon-shopping-cart,
.content-toolbar i.icon-shopping-cart,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-shopping-cart {
	background: url(../images/cart.svg) center center no-repeat;
}

.toolbar i.icon-shopping-bag,
.content-toolbar i.icon-shopping-bag,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-shopping-bag {
	background: url(../images/bag.svg) center center no-repeat;
}

.toolbar i.icon-search,
.content-toolbar i.icon-search,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-search {
	background: url(../images/search.svg) center center no-repeat;
}

.toolbar i.icon-user,
.content-toolbar i.icon-user,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-user {
	background: url(../images/user.svg) center center no-repeat;
}

.toolbar i.icon-heart,
.content-toolbar i.icon-heart,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-heart {
	background: url(../images/heart.svg) center center no-repeat;
}

.toolbar i.icon-phone,
.content-toolbar i.icon-phone,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-phone {
	background: url(../images/phone.svg) center center no-repeat;
}

.toolbar i.icon-map-marker,
.content-toolbar i.icon-map-marker,
nav.navbar .navbar-nav > .nav-item .nav-link > i.icon-map-marker {
	background: url(../images/map-marker.svg) center center no-repeat;
}

@media(min-width:992px){
	.content-toolbar i {
		color: transparent;
		background-size: contain !important;
		font-size: 16px !important;
	}
}

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

header {
	height: 70px !important;
	z-index: 500;
	box-shadow: 0 10px 10px rgba(0,0,0,0.025);
	position: sticky;
	top: 0;
}

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

header .nav-inline-and-split a#logo {
	padding: 0 !important;
	width: 140px !important;
	max-width: 140px !important;
	top: 9px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	position: absolute !important;
	z-index: 1 !important;
}

header .content-toolbar-inline-left-and-right {
	display: flex !important;
}

.toolbar {
	z-index: unset;
}

.toolbar > .toolbar-inner > ul > li > a {
	font-size: 11px;
	letter-spacing: 0.06rem !important;
	color: rgba(255,255,255,1) !important;
}

.toolbar > .toolbar-inner > ul > li > a > i {
	font-size: 14px;
	letter-spacing: normal !important;
	color: transparent !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus {
	opacity: 0.5 !important;
}

@media(max-width:991px){
	header .main-content-col {
		padding: 0 !important;
	}
	header .content-toolbar.inline-left-and-right {
		padding-left: 63px !important;
		padding-right: 0px !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: auto !important;	
	}
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
		padding-left: 0px !important;
		padding-right: 20px !important;
		width: auto !important;
		margin-left: auto !important;
		margin-right: 0 !important;	
	}
	header .content-toolbar > .content-toolbar-inner {
	  position: static !important;
	}
	header .content-toolbar.inline-left-and-right li.dropdown > .dropdown-menu,
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
	  position: absolute !important;
	  top: 100% !important;
	  left: 0px !important;
	  right: auto !important;
	}
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right li.dropdown > .dropdown-menu {
	  position: absolute !important;
	  top: 100% !important;
	  left: auto !important;
	  right: 0px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li:not(.d-none),
	header .content-toolbar > .content-toolbar-inner > ul > li:not(.d-none) > a {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		height: 100%;
	}
}

@media(max-width:400px){
	header .content-toolbar > .content-toolbar-inner > ul > li.item-account {
		display: none !important;
	}
}

@media(min-width:992px){
	header {
		height: 90px !important;
	}
	header .content-toolbar-inline-left-and-right .content-toolbar {
		display: none !important;
	}
	header .nav-inline-and-split a#logo {
		padding: 0 !important;
		width: 200px !important;
		max-width: 200px !important;
		top: 7px !important;
	}
}



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

header .main-content,
header .main-content > .row,
header .main-content-col.nav-inline-and-split,
header .main-content-col.nav-inline-and-split nav.navbar,
header .main-content-col.nav-inline-and-split nav.navbar .navbar-collapse,
header .main-content-col.nav-inline-and-split nav.navbar .navbar-nav {
	height: 100%;
}

@media(max-width:991px){
	header .main-content-col.nav-inline-and-split nav.navbar {
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		position: absolute;
		top: 0;
		left: 0;
		background: none !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-toggler {
		z-index: 3000;
	}	
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-toggler,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-toggler:focus {
		padding: 20px !important;
		box-shadow: none !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
		width: 100% !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
		display: none !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-nav > .nav-item {
		height: auto !important;
	}	
	nav.navbar #main-navigation {
	  background: #ffffff !important;
	  box-shadow: 0 0 0 5000px rgba(117,30,38,0) !important;
	  transition: all 200ms ease-out 100ms;
	  z-index: 3000 !important;
	}
	body.nav-right-open nav.navbar #main-navigation {
	  box-shadow: 0 0 0 5000px rgba(117,30,38,0.85) !important;
	  transition: all 200ms ease-out 100ms;
	}
	nav.navbar .navbar-nav > .nav-item {
	  height: auto !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link {
	  letter-spacing: 0.1rem !important;
	  font-size: 18px !important;
	  font-weight: 500 !important;
	}
	nav.navbar .navbar-nav > .nav-item:last-child {
	  border-bottom: 1px solid #e0e0e0 !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item .dropdown-item {
	  color: var(--dark) !important;
	  background: transparent !important;
	}
	nav.navbar #main-navigation > .container, 
	nav.navbar #main-navigation > .container-fluid {
	  min-width: 100% !important;
	  padding-right: 0px !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link:hover,
	nav.navbar .navbar-nav > .nav-item .nav-link:focus,
	nav.navbar .navbar-nav > .nav-item.show .nav-link,
	nav.navbar .navbar-nav > .nav-item.dropdown-is-open .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:hover,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:focus {
	  color: var(--primary) !important;
	  background: transparent !important;
	  outline: none !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap .dropdown-plus,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item {
	  border-top: 1px solid #e0e0e0 !important;
	  outline: none !important;
	  background: transparent !important;
	  padding: 0 20px !important;
	}	
	nav.navbar .navbar-nav.navbar-right > .nav-item:first-child .nav-link {
	  border-top: 0px solid #e0e0e0 !important;
	}	
	nav.navbar .navbar-nav.navbar-right {
	  border-bottom: 0px solid #e0e0e0 !important;
	}	
	nav.navbar .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap .dropdown-plus,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item {
	  padding-left: 15px !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  background: #f2f2f2 !important;
	}	
	nav.navbar .navbar-nav > .nav-item:first-child > .nav-link-and-plus-wrap > .nav-link,
	nav.navbar .navbar-nav > .nav-item:first-child > .nav-link-and-plus-wrap > .dropdown-plus {
	  border-top: 0px solid #e0e0e0 !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu-children .dropdown-item {
	  padding-left: 30px !important;
	  font-size: 0.9rem !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus .nav-link, 
	nav.navbar.show-dropdown-toggles .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item {
	  height: 45px !important;
	  -ms-flex-align: center !important;
	  align-items: center !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus {
	  width: 45px !important;
	  color: var(--dark);
	  -webkit-text-stroke-width: 1px;
  	  -webkit-text-stroke-color: var(--dark);
	}
	nav.navbar .navbar-nav > .nav-item > .nav-link-and-plus-wrap {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap a[aria-expanded="false"].dropdown-plus > i {
	  transform: rotate(0deg) scale(1.05) !important;
	}	
	nav.navbar .navbar-nav > .nav-item .dropdown-submenu .nav-link-and-plus-wrap a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .dropdown-submenu .nav-link-and-plus-wrap a[aria-expanded="false"].dropdown-plus > i {
	  transform: rotate(0deg) scale(0.65) !important;
	  -webkit-text-stroke-width: 2px;
  	  -webkit-text-stroke-color: var(--dark);
	}
	nav.navbar .navbar-nav > .nav-item.show .nav-link-and-plus-wrap.show a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item.show .nav-link-and-plus-wrap a[aria-expanded="true"].dropdown-plus > i {
	  transform: rotate(45deg) scale(1.15) !important;
	}	
	nav.navbar .navbar-nav > .nav-item.show .dropdown-submenu .nav-link-and-plus-wrap.show a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item.show .dropdown-submenu .nav-link-and-plus-wrap a[aria-expanded="true"].dropdown-plus > i {
	  transform: rotate(45deg) scale(0.75) !important;
	}
	body.sitemanager-menu-open nav.navbar #main-navigation > .container, 
	body.sitemanager-menu-closed nav.navbar #main-navigation > .container, 
	body.sitemanager-menu-open nav.navbar #main-navigation > .container-fluid, 
	body.sitemanager-menu-closed nav.navbar #main-navigation > .container-fluid {
	  padding-bottom: 81px;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap .d-flex.d-xl-none {
	  display: flex !important;  
	}
	nav.navbar #main-navigation > .container-fluid {
	  -ms-flex-align: start !important;
	  align-items: flex-start !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide .col-xl-auto {
	  width: 100% !important;
	}		
	nav.navbar .navbar-nav > .nav-item .dropdown-item-image {
	  display: none !important;
	}
	body.nav-right-open .navbar-toggler,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-toggler {
	  z-index: 6000 !important;
	}
	body.nav-right-open .navbar-toggler .navbar-toggler-icon>span:nth-child(1),
	body.nav-right-open .navbar-toggler .navbar-toggler-icon>span:nth-child(3) {
		background: white !important;
	}
}

@media(min-width:992px){
	header .main-content-col.nav-inline-and-split nav.navbar {
		padding: 0 10px !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left {
		display: flex !important;
		justify-content: flex-start !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-right {
		display: flex !important;
		justify-content: flex-end !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left > .nav-item {
		/*flex: 1 1 auto !important;*/
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left > .nav-item .nav-link {
		padding: 10px 1vw !important;
		font-size: 12px;
		letter-spacing: 0.06rem !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
		font-size: 15px !important;
		text-transform: uppercase !important;
		letter-spacing: 0.06rem !important;
	}
	nav.navbar .nav-item.dropdown.dropdown-is-open > .dropdown-menu {
		border: 1px solid white !important;
	}
	nav.navbar .nav-item.dropdown.dropdown-is-open > .dropdown-menu-wide .container {
		padding-bottom: 25px;
	}
	nav.navbar .nav-item.dropdown.dropdown-is-open > .dropdown-menu.dropdown-menu-wide {
		box-shadow: 0 1000px 0 1000px rgba(0,0,0,0.4) !important;
	}
	nav.navbar .explore-all-row {
		display: none !important;
	}
	nav.navbar .dropdown .dropdown-item.dropdown-item-image {
		margin-bottom: 0 !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1:empty {
		display: none !important;
	}
}

@media(min-width:1200px){
	header .main-content-col.nav-inline-and-split nav.navbar {
		padding: 0 1.25vw !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left > .nav-item {
		flex: none !important;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left > .nav-item .nav-link {
		font-size: 14px;
	}
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-left > .nav-item .nav-link,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-right > .nav-item .nav-link {
		padding: 10px 1.25vw !important;
	}
}


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

@media(min-width:768px){
	footer > .footer-section > .container {
		max-width: 720px !important;
	}
}

footer h6 {
	font-weight: normal;
}

footer address.pt-3 {
	padding-top: 0 !important;
}

footer address,
footer address a,
footer address a strong,
footer .footerlinks li a,
footer address > table tr > td,
footer address > table tr > td > span,
footer address > table tr > td > strong {
	font-size: 14px !important;
	font-weight: normal !important;
}

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

footer .social-networks {
	padding-top: 50px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

footer .social-networks .network {
	width: 48px !important;
	height: 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: white !important;	
	border-radius: 48px;
}

footer .social-networks .network i {
	font-size: 28px !important;
	color: var(--primary) !important;
}