/*!
 * Quenan Jewelers
 * Copyright 2008-2023 Punchmark
 */

/* =======================================================================================
	HELPERS
======================================================================================= */

body {
  background: var(--primary);
}

body:not(#home) header {
  box-shadow: 0 0 0 1px solid rgba(0,0,0,0.1), 0 0 30px rgba(0,0,0,0.06);
}

@media(min-width:768px){
	body#home header {
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) !important;
	}
	body#home .toolbar + header {
		top: 33px !important;
	}
	body#home.sitemanager-menu-open .toolbar + header,
	body#home.sitemanager-menu-closed .toolbar + header {
		top: 95px !important;
	}
	body#home .alert-global + .toolbar + header {
		top: 75px !important;
	}
	body#home.sitemanager-menu-open .alert-global + .toolbar + header, 
	body#home.sitemanager-menu-closed .alert-global + .toolbar + header {
		top: 136px !important;
	}
}

.btn, .form-control {
	border-radius: 0 !important;
}

.widget-text-overlay [data-widget-element="widgetHeader"].text-light + .link-container .btn-link {
	color: #ffffff !important;
}

.link-container .btn-link {
	position: relative;
	
}

.link-container .btn-link:after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--primary);
}

/* =======================================================================================
	HEADER
======================================================================================= */

header {
  background: #ffffff !important;
}

body:not(#home) header {
  box-shadow: none;
}

.toolbar {
  z-index: 1001;
}

.toolbar.container-fluid {
  background: var(--primary) !important;
  border-bottom: 0 !important;
}

.toolbar > .toolbar-inner > ul > li > a,
.toolbar > .toolbar-inner > ul > li > a > i {
  color: rgba(255,255,255,1) !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover, 
.toolbar > .toolbar-inner > ul > li > a:focus,
.toolbar > .toolbar-inner > ul > li > a:hover i, 
.toolbar > .toolbar-inner > ul > li > a:focus i {
  color: rgba(255,255,255,0.4) !important;
}

@media(max-width:767px){
	header a#logo {
	  margin-bottom: -38px !important;
	}
}

@media(min-width:768px){
	body#home a#logo img {
	  filter: invert(2) !important;
	}
	.toolbar > .toolbar-inner {
	  justify-content: space-between !important;
	}
	.toolbar > .toolbar-inner > ul.left,
	.toolbar > .toolbar-inner > ul.right {
	  display: flex !important;
	}
}

.product-tabs .nav-toolbar {
  background: #422a25;
}

.product-tabs .nav-toolbar .nav-link {
	font-weight: 600 !important;
	text-transform: uppercase;
}

/* =======================================================================================
	NAV
======================================================================================= */

nav.navbar .nav-item .nav-link {
  text-decoration: none !important;
  font-weight: 600 !important;
}

@media(max-width:767px){
	nav.navbar .nav-item {
	  border-top: 1px solid rgba(0,0,0,0.07);
	}
	nav.navbar .nav-item .nav-link {
	  text-decoration: none !important;
	  font-weight: 600 !important;
	}
	nav.navbar .nav-item .nav-link:hover, 
	nav.navbar .nav-item .nav-link:focus {
	  background: var(--primary) !important;
	  color: rgba(255,255,255,1) !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  padding-bottom: 0 !important;
	}
	nav.navbar .dropdown>.dropdown-menu, nav.navbar .dropdown-submenu>.dropdown-menu {
	  padding: 10px !important;
	  background: rgba(0,0,0,0.07);
	}
	header .main-content-col.nav-inline-and-split nav.navbar {
	  width: calc(100% + var(--bs-container-padding-x-2x)) !important;
	}
}

@media(min-width:768px){
	body#home nav.navbar .nav-item .nav-link {
	  color: rgba(255,255,255,1) !important;
	}
}


/* =======================================================================================
	FOOTER
======================================================================================= */

footer h6 {
	font-size: 20px;
	font-weight: 600;
}

footer label {
	display: none !important;
}

footer .footerlinks *,
address > table tr > td > span,
address > table tr > td > strong {
	font-size: 13px !important;
	text-transform: none !important;
}

footer address a:hover,
footer address a:focus,
footer address a:hover strong,
footer address a:focus strong,
footer .footerlinks li a:hover, 
footer .footerlinks li a:focus {
  color: rgba(255,255,255,0.5) !important;
}

footer .input-group {
	border: 0;
	max-width: 100%;
	margin-top: 0.75rem;
}

footer .input-group .btn {
	background: #422a25;
	border-color: #422a25;
}

footer .input-group .form-control {
	background: #222222;
	border-color: #222222;
}

footer .input-group .btn i {
	color: #FFFFFF !important;
	font-weight: 600 !important;
}

footer .input-group .btn i:before {
	content: "JOIN";
	font-family: var(--bs-h6-family);
	font-weight: 600 !important;
}

footer h6 + .small + div {
	margin-top: -0.5rem;
}

footer .social-networks .network {
	color:var(--primary);
}

.footer-address-bar h3 {
	padding: 15px 20px !important;
}

.footer-address-bar h3, 
.footer-address-bar h3 * {
	color: #FFFFFF !important;
}

@media(min-width:768px){
	.footer-address-bar .address {
		border-left: 1px solid rgba(255,255,255,0.15);
		border-right: 1px solid rgba(255,255,255,0.15);
		padding: 0 10px !important;
		margin: 0 7px !important;
	}
}

