/*!
 * Sergios Fine Jewelry
 * Copyright 2008-2023 Punchmark
 */


/* ========== 

New Header revamp and styles

============== */ 

@media (max-width: 991px) {
	header .navbar-toggler {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
	header a#logo {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 10px 0 !important;
		width: 90px !important;
    }
	nav.navbar #main-navigation .mobile-bottom .nav-logo {
		background: url(https://cdn.jewelryimages.net/static/domains/sergiosjewelers/images/store-pics/logo-white.png) center center no-repeat;
		background-size: contain !important;
		margin-bottom: 20px;
	}	
	nav.navbar #main-navigation .mobile-bottom .nav-logo img {
		visibility: hidden;
	}
	nav.navbar #main-navigation .mobile-top .input-group .btn i {
		color: #fff !important;
		opacity: 0.8 !important;
	}
	nav.navbar #main-navigation .mobile-top .input-group .btn:hover i, 
	nav.navbar #main-navigation .mobile-top .input-group .btn:focus i {
		color: #fff !important;
		opacity: 0.6 !important;
	}
	nav.navbar #main-navigation .mobile-top .input-group .form-control {
		color: #fff !important;
	}
	nav.navbar #main-navigation .mobile-top .input-group .form-control::placeholder {
		color: #BCBEC0 !important;
	}
	nav.navbar #main-navigation .mobile-top .mobile-top-toolbar .input-group .form-control {
		color: var(--primary) !important;
	}
	nav.navbar .navbar-nav a {
		color: #fff !important;
	}
	nav.navbar .navbar-nav a:hover, nav.navbar .navbar-nav a:focus {
		opacity: 0.8;
	}
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: #fff !important;
    }	
	nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a:hover, 
	nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a:focus {
		color: #fff !important;
		opacity: 0.8;
	}
	nav.navbar #main-navigation .mobile-top-toolbar .item-search,
	nav.navbar #main-navigation .mobile-top-toolbar .item-search {
		display: none !important;
	}
	nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
		text-transform: uppercase !important;
		letter-spacing: 0.05rem !important;
		font-weight: 500 !important;
	}
	nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after {
		display: none !important;
	}
	nav.navbar #main-navigation .mobile-bottom .btn {
		color: #fff !important;
	}
	nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons,
	nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex {
		border-color: rgba(0,0,0,0.1) !important;
	}
	nav.navbar #main-navigation .mobile-bottom .social-networks .network {
		border-color: #ffffff !important;
	}
	nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
		color: #ffffff !important;
	}
	nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover,
	nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus {
		background: #ffffff !important;
		border-color: #ffffff !important;
	}
	nav.navbar #main-navigation .mobile-bottom .social-networks .network:hover i,
	nav.navbar #main-navigation .mobile-bottom .social-networks .network:focus i {
		color: var(--primary) !important;
	}
}
header .content-toolbar {
	display: none !important;
}
@media (min-width: 992px) {
	nav.navbar .navbar-nav .nav-item:hover .nav-link, 
	nav.navbar .navbar-nav .nav-item:hover .nav-link i, 
	nav.navbar .navbar-nav .nav-item:focus .nav-link, 
	nav.navbar .navbar-nav .nav-item:focus .nav-link i, 
	nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link, 
	nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link i {
		color: #fff !important;
	}
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link:hover, 
	nav.navbar .navbar-nav.navbar-right .nav-item .nav-link:hover, 
	nav.navbar .navbar-nav.navbar-left .nav-item .nav-link:focus, 
	nav.navbar .navbar-nav.navbar-right .nav-item .nav-link:focus, 
	nav.navbar .navbar-nav.navbar-left .nav-item .nav-link:active, 
	nav.navbar .navbar-nav.navbar-right .nav-item .nav-link:active {
        opacity: 0.8;
		color: #fff !important;
    }
}
@media (min-width: 992px) {
	.toolbar>.toolbar-inner>ul.right {
		margin-left: auto !important;
	}
	.toolbar>.toolbar-inner>ul.right a:hover {
		color: #fff !important;
		opacity: 0.8;
	}
	.toolbar-item > a > span {
		margin-right: 12px;
	}
	header .content-toolbar {
		display: none !important;
	}
	#home header {
		position: absolute;
		width: 100%;
		border-bottom: none !important;
		box-shadow: none !important;
	}
}

/* ====================== */

a#logo {
	max-width: 120px !important;
}

a#logo {
	background: url(https://cdn.jewelryimages.net/static/domains/sergiosjewelers/images/store-pics/logo-white.png) center center no-repeat;
	background-size: contain !important;
}

a#logo img {
	visibility: hidden;
}

@media(max-width:767px){
	a#logo {
		padding: 0px !important;
		margin-top: 13px !important;
		margin-bottom: -22px !important;
	}
}

@media(min-width:768px){
	body#home .alert-global + .toolbar + header, 
	body#home .alert-global + .toolbar + header {
	  top: 77px !important;
	}
	body#home.sitemanager-menu-open .alert-global + .toolbar + header, 
	body#home.sitemanager-menu-closed .alert-global + .toolbar + header {
	  top: 140px !important;
	}
}

.nav-toolbar .nav-item .nav-link.active, 
.nav-toolbar .nav-item .nav-link:focus, 
.nav-toolbar .nav-item .nav-link:hover {
	background: #0056ac;
}

.nav-toolbar .nav-item .nav-link.active::after {
	border: 15px solid #0056ac;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

#menubar-left > li.dropdown.dropdown-wide.nav-item > div > div > div.row.explore-all-row > div > a {
   display:none !important;
   
}

footer,
body {
	background: #0056ac;
}

footer h6 {
	font-family: var(--bs-h1-family) !important;
	text-transform: none !important;
}

footer a:hover,
footer a:focus,
footer a:active,
footer .footerlinks li a:hover,
footer .footerlinks li a:focus,
footer .footerlinks li a:active,
footer address a:hover strong, 
footer address a:focus strong {
	color: white !important;
	text-decoration: underline !important;
}

footer .location-link {
	display: none !important;
}

#menubar-right > li:nth-child(4) > div > div > div.row.explore-all-row > div > a {
    display: none !important;
}

footer .input-group .btn:hover, 
footer .input-group .btn:focus {
	color: var(--secondary) !important;
}

@media(max-width:767px){
	.footer-address-bar .address {
		font-family: var(--bs-p-family), var(--bs-body-font-family);
	}
}

@media(min-width:768px){	
	.footer-address-bar .address {
		border-left: 1px solid rgba(255,255,255,0.1);
		border-right: 1px solid rgba(255,255,255,0.1);
	}
	.footer-address-bar .name,
	.footer-address-bar .phone,
	.footer-address-bar .address {
		padding-left: 20px;
		padding-right: 20px;
	}
}

#item-availability {
  display: none !important;
}