/*!
 * Grayson & Co. / Iron Mountain Jeweler
 * Copyright 2008-2017 Punchmark
 */


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

.link-container > .w-auto.d-inline-flex {
  padding: 5px;
}

@media(max-width:767px){
	.mobile-stack [data-pagebuilder="widget"] > div {
		background: none !important;
	}
	.mobile-stack [data-pagebuilder="widget"] > div img {
		opacity: 1 !important;
	}
	.mobile-stack .btn-light {
	  border-color: #47311a !important;
	  background: #47311a !important;
	  color: #ffffff !important;
	}
	.mobile-stack .btn-outline-light {
	  border-color: #47311a !important;
	  background: white !important;
	  color: #47311a !important;
	}
}

header .nav-inline-and-split a#logo {
  position: static;
  transform: none;
}

@media(min-width:768px){
	header .nav-inline-and-split {
	  display: flex !important;
	}
	header .nav-inline-and-split a#logo {
	  padding-left: 30px;
	  width: 165px;
	}
	nav.navbar .navbar-collapse .inner-nav,
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left {
	  width: 100%;
	  max-width: 100%;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left::before,
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left::after {
	  content: "";
	  display: block;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  width: 10vw;
	  min-width: 150px;
	  padding-right: 30px;
	}
}

@media (min-width: 992px){
	header .nav-inline-and-split a#logo {
	  width: 225px;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  width: 10vw;
	  min-width: 200px;
	  padding-right: 30px;
	}
}

@media (min-width: 1200px){
	header .nav-inline-and-split a#logo {
	  width: 325px;
	}
}

body#home .nav-tabs .nav-item .nav-link {
  color: #594b3f;
}

.product-feed .product-title,
body#home .nav-tabs .nav-item .nav-link.active {
  color: #362C24 !important;
}


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

.alert-global,
.alert-global .alert-link {
  font-size: 12px;
  letter-spacing: 0.05rem;
  transform: none;
}

header {
  border-bottom: 1px solid #e9e7e0;
  background: white;
}


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

footer {
  border-top: 1px solid #e9e7e0;
  background: #f7f4eb;
}

footer h6,
footer p,
footer .p,
footer address,
footer .footerlinks li a,
footer p.copyrights, 
footer p.copyrights a, 
footer p.copyrights a:hover, 
footer p.copyrights a:focus {
  color: #362C24 !important;
}


/* =======================================================================================
	WOODGRAIN APPLICATIONS
======================================================================================= */

section#home-slider,
section.inset {
  border-top: 1px solid #9e8c7e;
  border-bottom: 1px solid #9e8c7e;
  background: url(https://cdn.jewelryimages.net/static/domains/ironmountainjeweler/images/store-pics/wood-grain.jpg) center center no-repeat;
  background-size: cover;
}


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

nav.navbar .nav-item .nav-link {
  color: #594b3f;
}

nav.navbar .nav-item .nav-link i {
  color: #9BB83B;
}

nav.navbar .nav-item .nav-link:hover i, 
nav.navbar .nav-item .nav-link:focus i, 
nav.navbar .nav-item.show .nav-link i {
  color: #ffffff !important;
}

nav.navbar .nav-item .nav-link i.icon-search {
  font-size: 1.35rem;
}

nav.navbar .nav-item.dropdown .dropdown-menu {
  background: #f7f4eb !important;
  border-color: #e9e7e0 !important;
}

.d-md-none.small {
  transform: translateY(-1px);
  display: block;
  font-weight: 600;
}

@media(min-width:768px){
	nav.navbar .nav-item + .nav-item {
	  margin-left: 0 !important;
	}
	nav.navbar .nav-item .nav-link:hover i, 
	nav.navbar .nav-item .nav-link:focus i, 
	nav.navbar .nav-item.show .nav-link i {
	  color: #9BB83B !important;
	}
	.alert-global,
	.alert-global .alert-link {
	  font-size: 14px;
	  letter-spacing: 0.05rem;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link,
	nav.navbar .nav-item .nav-link i {
	  font-size: 1.25rem;
	}
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link,
	nav.navbar .nav-item .nav-link i {
	  font-size: 1.5rem;
	}
}	

@media(max-width:767px){
	header .main-content-col.nav-inline-and-split nav.navbar {
	  margin-top: -40px;
	}
	nav.navbar .navbar-nav .nav-item {
	  border-top: 1px solid #e9e7e0;
	}
}