/*!
 * Arlene's Fine Jewelry
 * Copyright 2008-2017 Punchmark
 */


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

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

.nav-toolbar,
.nav-toolbar .nav-link {
  background: #73ACB1;
  color: white;
  text-transform: uppercase;
}

.nav-toolbar .nav-link {
  background: #73ACB1;
}

.nav-toolbar .nav-link.active {
  background: #83bdc2;
  font-weight: 600;
}

.nav-toolbar .nav-link.active::after {
  border-top-color: #83bdc2;
}

.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: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #73ACB1;
}

@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(../images/logo-white.svg) 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: none !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;
	}
}

@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: #73ACB1 !important;
	  border-color: #73ACB1 !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: #73ACB1 !important;
	  border-color: #73ACB1 !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: #73ACB1 !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  margin-top: -60px !important;
	}
}