/*!
 * Whalen Jewelers
 * Copyright 2008-2023 Punchmark
 */



/* =======================================================================================
	HELPERS
======================================================================================= */

@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: 35px !important;
	}
	body#home .alert-global + .toolbar + header {
		top: 77px !important;
	}
	body#home.sitemanager-menu-open .toolbar + header, 
	body#home.sitemanager-menu-closed .toolbar + header {
		top: 97px !important;
	}
	body#home.sitemanager-menu-open .alert-global + .toolbar + header, 
	body#home.sitemanager-menu-closed .alert-global + .toolbar + header {
		top: 138px !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: 2px;
	left: 0;
	width: 100%;
	height: 2px !important;
	background: var(--primary) !important;
	opacity: 1 !important
}


/* =======================================================================================
	HEADER
======================================================================================= */

@media( min-width:768px ){
	body#home a#logo {
	  background: url(https://cdn.jewelryimages.net/static/domains/whalenjewelers/images/store-pics/whalen-logo.png) center center no-repeat !important;
	  background-size: contain !important;
	}
	/* body#home a#logo img {
	  visibility: hidden !important;
	} */
	a#logo img {
	  padding: 0 10px !important;
	}
}

body:not(#home) header {
  background: white !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 5px 10px rgba(0,0,0,0.05) !important;
}

@media(max-width:767px){
	header {
	  background: white !important;
	  z-index: unset;
	}
	a#logo {
	  margin-bottom: -38px !important;
	  z-index: 2000;
	  position: relative;
	}
}

.product-tabs .nav-toolbar {
	background: #9b805f;
}

.product-tabs .nav-toolbar .nav-link {
	font-family: var(--bs-h2-family);
	font-weight: 600 !important;
	text-transform: uppercase;
	color: #ffffff !important;
}

.bottom-widgets .container-fluid .h4 {
  font-size: 1.45rem !important;
}

.footer-address-bar h3 .address {
  font-family: var(--bs-p-family);
  font-size: 15px !important;
}

/* =======================================================================================
	NAV
======================================================================================= */

@media( min-width:768px ){
	body#home nav.navbar .nav-item .nav-link {
	  color: white;
	}
}

@media(max-width:767px){
	nav.navbar .nav-item {
	  border-top: 0px solid rgba(0,0,0,0.1);
	  box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.1); 
	}
	nav.navbar .nav-item .nav-link {
	  color: var(--dark) !important;
	}
	nav.navbar .nav-item.dropdown-is-open .nav-link,
	nav.navbar .nav-item .nav-link.show {
	  color: var(--primary) !important;
	  font-weight: 900 !important;
	  outline: none !important;
	}
	nav.navbar .nav-item.dropdown>.dropdown-menu.show {
	  background: #1b1e24 !important;
	  border-color: #1b1e24 !important;
	}
	nav.navbar .dropdown .dropdown-item {
	  color: var(--light);
	}
	nav.navbar .dropdown > .dropdown-menu, 
	nav.navbar .dropdown-submenu > .dropdown-menu {
	  background: var(--dark) !important;
	  border-color: var(--dark) !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  padding-bottom: 0 !important;
	}
}

nav.navbar .nav-item.dropdown-is-open .nav-link,
nav.navbar .nav-item .nav-link:hover,
nav.navbar .nav-item .nav-link:focus {
  color: var(--primary) !important;
}


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

footer h6 {
	font-size: 17px;
	font-family: var(--bs-h2-family) !important;
}

footer label {
	display: none !important;
}

footer .footerlinks * {
	font-family: var(--bs-p-family);
	font-size: 14px !important;
}

footer .input-group {
	border: 0;
	max-width: 100%;
}

footer .input-group .btn {
	background: var(--primary);
	border-color: var(--primary);
}

footer .input-group .form-control {
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.4);
}

footer .input-group .btn i {
	color: #ffffff !important;
	font-family: var(--bs-p-family);
	font-weight: 600 !important;
}

footer .input-group .btn i:before {
	content: "JOIN";
	font-family: var(--bs-p-family);
}

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: #2b2f3a !important;
}

@media(min-width:768px){
	.footer-address-bar .address {
		border-left: 1px solid rgba(0,0,0,0.15);
		border-right: 1px solid rgba(0,0,0,0.15);
		padding: 0 10px !important;
		margin: 0 7px !important;
	}
}