/*!
 * Woelk's House if Diamonds
 * Copyright 2008-2023 Punchmark
 */

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

a#logo {
  max-width: 165px !important;
  padding: 10px 0 !important;
  margin-bottom: -32px !important;
}

.nav-toolbar,
.nav-toolbar .nav-link {
  background: var(--primary);
  color: white;
  text-transform: uppercase;
}

.nav-toolbar .nav-link {
  background: var(--primary);
}

.nav-toolbar .nav-link.active {
  background: var(--bs-primary-600) !important;
  font-weight: 600;
}

.nav-toolbar .nav-link.active::after {
  border-top-color: var(--bs-primary-600) !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:not(.view-btn):not(#filtersButton):hover,
.link-container .btn-link:not(.view-btn):not(#filtersButton):focus {
	color: var(--primary) !important;
}

.link-container .btn-link:not(.view-btn):not(#filtersButton)::after {
	height: 3px;
	background: var(--primary);
	opacity: 1;
}

.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus,
.toolbar > .toolbar-inner > ul > li > a > i {
  color: var(--bs-primary-400) !important;
}

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

@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;
	}
	body#home a#logo {
	  background: url(https://cdn.jewelryimages.net/static/domains/woelks/images/store-pics/logo-white.png) center center no-repeat;
	  background-size: contain;
	}
	body#home a#logo img {
	  visibility: hidden;
	}
	body#home header {
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%) !important;
	}
}


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

header:not(#home) {
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rbga(0,0,0,0.1) !important;
}


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

@media(max-width:767px){
	.footer-address-bar h3 {
	  padding: 20px 10px 22px 10px !important;
	}
	.footer-address-bar h3 .name, 
	.footer-address-bar h3 .phone {
	  font-size: 18px !important;
	  display: block;
	}
	.footer-address-bar h3 .address {
	  font-size: 15px !important;
	  border-top: 0px solid rgba(255,255,255,0.1) !important;
	  border-bottom: 0px solid rgba(255,255,255,0.1) !important;
	  margin: 5px 0 !important;
	  padding: 5px 0 !important;
	  width: 100% !important;
	  display: block;
	}
	.footer-address-bar h3 br {
	  display: none !important;
	}
	.toolbar>.toolbar-inner>ul li.dropdown.item-account {
	  display: none !important;
	}
}

@media(min-width:768px){
	.footer-address-bar h3 .name, 
	.footer-address-bar h3 .phone {
	  font-size: 15px !important;
	}
	.footer-address-bar h3 .address {
	  font-size: 15px !important;
	  border-top: 0 !important;
	  border-bottom: 0 !important;
	  border-left: 1px solid rgba(255,255,255,0.1) !important;
	  border-right: 1px solid rgba(255,255,255,0.1) !important;
	  margin: 0 10px !important;
	  padding: 0 10px !important;
	}
}

@media(min-width:1200px){
	.footer-address-bar h3 .name, 
	.footer-address-bar h3 .phone {
	  font-size: 18px !important;
	}
	.footer-address-bar h3 .address {
	  font-size: 18px !important;
	}
}



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

@media(max-width:767px){
	nav.navbar {
	  border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	nav.navbar .nav-item,
	nav.navbar .dropdown-menu > li {
	  border-top: 1px solid rgba(0,0,0,0.1);
	  border-radius: 0;
	}
	nav.navbar .nav-item .nav-link:hover,
	nav.navbar .nav-item .nav-link:focus,
	nav.navbar .nav-item.show .nav-link,
	nav.navbar .nav-item .nav-link.show,
	nav.navbar .nav-item.dropdown-is-open .nav-link {
	  background: var(--primary) !important;
	  border-color: var(--primary) !important;
	  color: #ffffff !important;
	  outline: none !important;
	}
	nav.navbar .dropdown-menu,
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  padding: 0px !important;
	  border: 0 !important;
	  border-radius: 0;
	}
	nav.navbar .dropdown .dropdown-item:hover,
	nav.navbar .dropdown .dropdown-item:focus {
	  background: var(--primary) !important;
	  border-color: var(--primary) !important;
	  color: #ffffff !important;
	  border-radius: 0;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  padding-bottom: 0 !important;
	}
}

@media(min-width:768px){
	a#logo {
	  max-width: 265px !important;
	  padding: 0 !important;
	  margin-bottom: 0px !important;
	}
	nav.navbar .nav-item .nav-link {
	  padding-top: 80px;
	  padding-bottom: 80px;
	}
	/*inners*/
	body:not(#home) nav.navbar .nav-item .nav-link {
	  color: #151515 !important;
	  font-weight: 500;
	}
	body:not(#home) nav.navbar .nav-item .nav-link:hover,
	body:not(#home) nav.navbar .nav-item .nav-link:focus,
	body:not(#home) nav.navbar .nav-item.dropdown-is-open .nav-link {
	  color: var(--primary) !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  margin-top: -60px !important;
	}
}