/*!
 * Pickens Jewelers
 * Copyright 2008-2017 Punchmark
 */



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

@media (max-width: 767px) {
    header nav.navbar .navbar-nav>.nav-item.has-no-plus .nav-link,
	nav.navbar .nav-item,
	header nav.navbar .navbar-nav>.nav-item.has-a-plus {
        padding-left: 10px !important;
    }
	nav.navbar .navbar-nav>.nav-item.has-a-plus.dropdown .dropdown-item {
		margin: 4px 0 !important;
	}
	nav.navbar .dropdown .dropdown-item:hover, nav.navbar .dropdown .dropdown-item:focus, nav.navbar .dropdown .dropdown-item:active, nav.navbar .dropdown .dropdown-item.active {
		color: #fff !important;
	}
}

@media (max-width: 767px) {
    header nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-plus,
	header nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-plus>i.icon-plus {
        min-width: 20px !important;
        height: auto !important;
        min-height: 20px !important;
		top: 12px !important;
        right: 6px !important;
    }
}

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

@media(max-width:767px){
	.mobile-stack .btn-light {
	  color: var(--dark);
	  border-color: var(--dark);
	}
	.mobile-stack .btn-light:hover,
	.mobile-stack .btn-light:focus {
	  background-color: var(--dark);
	  border-color: var(--dark);
	  color: var(--light);
	}
	.mobile-stack .btn-outline-light {
	  color: var(--dark);
	  border-color: var(--dark);
	}
	.mobile-stack .btn-outline-light:hover,
	.mobile-stack .btn-outline-light:focus {
	  background-color: var(--dark);
	  border-color: var(--dark);
	  color: var(--light);
	}
}

.lh-1 {
  line-height: 1 !important;
}

.btn,
.btn-link {
  font-weight: 300 !important;
}

.btn, .form-control {
	border-radius: 0 !important;
}

.link-container .btn-link {
	position: relative;
}

.link-container .btn-link:after {
	content: "";
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--primary);
}

label, .label,
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.toolbar > .toolbar-inner > ul > li > a {
  color: #969593;
  font-size: 14px;
  letter-spacing: 0.05rem !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus {
  color: white;
}

.toolbar .social-networks.outline-circles .network:hover, 
.toolbar .social-networks.outline-circles .network:focus {
  background: white;
  border-color: white;
}

nav.navbar .nav-item .nav-link {
  border: 0 !important;
}

nav.navbar ul.navbar-nav li > ul a[href="#"]:not(.dropdown-plus):hover, 
nav.navbar ul.navbar-nav li > ul a[href="#"]:not(.dropdown-plus):focus, 
nav.navbar ul.navbar-nav li > ul a[href="javascript:void(0)"]:not(.dropdown-plus):hover, 
nav.navbar ul.navbar-nav li > ul a[href="javascript:void(0)"]:not(.dropdown-plus):focus {
  border: 0 !important;
}

@media(min-width:768px){
  .container.nav-default {
	max-width: calc(100% + 40px);
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
  }
  nav.navbar {
	max-width: 100%;
	width: 100%;
  }
  nav.navbar ul.navbar-nav .nav-link  {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
  }
  header .content-toolbar {
	position: absolute;
	top: 50%;
	transform: translateY(-15px);
	width: calc(100% - 20px);
	z-index: 2001;
  }
}

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

footer .footerlinks,
footer .footerlinks > li {
  line-height: 1.2 !important;
}

footer .footerlinks > li > a,
footer address > table tr > td > span,
footer address > table tr > td > strong {
  color: #969593 !important;
  font-size: 14px;
  letter-spacing: 0.05rem !important;
  text-transform: uppercase !important;
}

footer address,
footer address a,
footer address a strong {
  color: #969593 !important;
}

footer address a:hover strong,
footer address a:focus strong,
footer .footerlinks > li > a:hover,
footer .footerlinks > li > a:focus {
  color: white !important;
}