/*!
 * Client: McCoy Jewelers
 * Copyright 2008-2018 Punchmark
 */





/* --------------------------------------------------------------------------------------- 
	HELPERS
--------------------------------------------------------------------------------------- */

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-color: #dcd6cd !important;
}

.btn-default {
  color: #56442b;
}

.spread-out {
  letter-spacing: 0.2rem;
}

.breadcrumb .breadcrumb-item, 
.breadcrumb .breadcrumb-item a {
  text-transform: uppercase;
}

.steps-1-2-3-block.active > .step {
  background: #f8f6ee !important;
}

.steps-1-2-3-block.active .step .rhombus-top {
  border-bottom-color: #f8f6ee !important;
}

.steps-1-2-3-block.active .step .rhombus-top::before {
  border-top-color: #f8f6ee !important;
}

.card,
.card img.image,
.modal-content,
.table-striped tbody tr:nth-of-type(odd) {
  background: #fffef9 !important;
}

table.table.table-condensed:not(.table-striped) th, 
table.table.table-condensed:not(.table-striped) td {
  border-color: #dcd6cd !important;
}

table.table.table-striped th,
table.table.table-striped td,
table.dataTable.table-sm th, 
table.dataTable.table-sm td {
  border-color: #fffef9 !important;
}

#accordion-details .card .card-header button, 
.expanded-details .card .card-header button {
  text-transform: uppercase !important;
  letter-spacing: 0.2rem !important;
  font-weight: 500 !important;
}

#jewelry-details-h1, 
#product-details-header h1 {
  font-weight: 500 !important;
}

#product-details-price {
  color: #735b39;
}

p, .lead, .p {
  letter-spacing: .03em;
}


/* --------------------------------------------------------------------------------------- 
	LOGO 
--------------------------------------------------------------------------------------- */

@media(min-width:768px){
	a#logo,
	header .main-content-col.nav-inline a#logo {
	  min-width: 180px;
	  width: 180px;
	  border-right: 1px solid #dcd6cd;
	  padding-left: 15px;
	  padding-right: 15px;
	}
}

@media(min-width:992px){
	a#logo,
	header .main-content-col.nav-inline a#logo {
	  min-width: 260px;
	  width: 260px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
}

@media(min-width:1200px){
	a#logo,
	header .main-content-col.nav-inline a#logo {
	  min-width: 335px;
	  width: 335px;
	}
}

@media(min-width:1500px){
	a#logo,
	header .main-content-col.nav-inline a#logo {
	  min-width: 400px;
	  width: 400px;
	}
}

@media(max-width:767px){ 
  	a#logo,
	header .main-content-col.nav-inline a#logo {
	  margin-bottom: -30px;
	  position: relative;
	  z-index: 4000;
	}
}


/* --------------------------------------------------------------------------------------- 
	HEADER 
--------------------------------------------------------------------------------------- */
header {
  padding: 15px 0px;
  border-bottom: 1px solid #dcd6cd;
  top: 0;
  box-shadow: 0 0 20px rgba(115,91,57,0.2);
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
  top: 63px;
}

header .main-content {
  padding: 0;
}

.toolbar > .toolbar-inner > ul > li > a {
  font-weight: 500;
}

.toolbar > .toolbar-inner > ul > li > a > i {
  margin-left: 4px;
}

@media(max-width:767px){
	header {
	  padding-bottom: 0 !important;
	  top: auto !important;
	}
}	


/* --------------------------------------------------------------------------------------- 
	NAV 
--------------------------------------------------------------------------------------- */
@media(min-width:768px){	
	nav.navbar .navbar-nav {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 0.875rem;
	  padding-left: 0;
	  padding-right: 0;
	  font-weight: 400;
	}
}

@media(min-width:992px){	
	nav.navbar .navbar-nav {
	  padding-left: 0px;
	  padding-right: 0px;
	}	
	nav.navbar .navbar-nav:before,
	nav.navbar .navbar-nav:after {
	  content:"";
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 1.10rem;
	  font-weight: 300;
	}
}

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

@media(min-width:1500px){
	nav.navbar .nav-item .nav-link {
	  font-size: 1.40rem;
	}
	nav.navbar .navbar-nav {
	  max-width: 1400px;
	  margin-left: auto;
	  margin-right: auto;
	}
}

@media(max-width:767px){
	header .main-content-col.nav-inline nav.navbar {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	  width: 100% !important;
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	nav.navbar .nav-item {
	  border-top: 1px solid #dcd6cd !important;
	}
	nav.navbar .nav-item .nav-link {
	  background: #fffef9 !important;
	  font-size: 22px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	nav.navbar .dropdown > .dropdown-menu, 
	nav.navbar .dropdown-submenu > .dropdown-menu {
	  background: #f8f6ee !important;
	}
	nav.navbar .nav-item .nav-link:hover, 
	nav.navbar .nav-item .nav-link:focus, 
	nav.navbar .nav-item.show .nav-link {
	  font-weight: 400;
	}
}


/* --------------------------------------------------------------------------------------- 
	SLIDER
--------------------------------------------------------------------------------------- */

section#home-slider .slick-slider .slick-slide .html-overlay h3 {
  line-height: 1;
  font-size: 8vw !important;
  text-transform: none;
  letter-spacing: normal;
}

@media(min-width:768px){
	section#home-slider .slick-slider .slick-slide .html-overlay h3 {
	  font-size: 7vw !important;
	  margin-bottom: 30px;
	}
}

section#home-slider .slick-slider .slick-slide .html-overlay h3 i {
  margin-bottom: 20px;
}

section#home-slider .slick-slider .slick-slide .html-overlay .btn {
  font-weight: 600;
  font-size: 1.4vw;
}



/* --------------------------------------------------------------------------------------- 
	HOME: PRODUCTS
--------------------------------------------------------------------------------------- */

.widget-product-carousel .owl-item .widget > a {
  border: 1px solid #dcd6cd;
}

.widget-product-carousel .owl-item .product-title {
  font-size: 15px;
  font-weight: 400;
  margin: 15px auto 2px auto;
  letter-spacing: .05rem;
}

.widget-product-carousel .owl-item .product-price {
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

.widget-product-carousel .owl-item .product-desc,
.widget-product-carousel .owl-item .btn {
  display: none !important;
}

.column-slider .owl-nav > div > i, 
.column-slider .owl-nav > button > i {
  color: #735b39;
}




/* --------------------------------------------------------------------------------------- 
	HOME: PARALLAX
--------------------------------------------------------------------------------------- */

.parallax-section .h1 {
  font-size: 4.75vw;
}





/* --------------------------------------------------------------------------------------- 
	FOOTER 
--------------------------------------------------------------------------------------- */

footer h6 {
  color: #735b39!important;
  font-size: 27px;
  font-weight: 500;
  text-transform: none;
}

footer p {
  font-weight: 300 !important;
  font-size: 15px !important;
}

footer .social-networks .network i {
  color: #735b39;
}

footer .footerlinks li a {
  color: #9b9b8f;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.075em;
}

.footer-address-bar h3,
.footer-address-bar h3 * {
  font-size: 24px;
  font-weight: 300;
}

.footer-address-bar h3 .name,
.footer-address-bar h3 .phone {
  font-weight: 500 !important;
}

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

@media(min-width:992px){
	.footer-address-bar h3,
	.footer-address-bar h3 * {
	  font-size: 21px;
  	}
}  	

@media(min-width:1200px){
	.footer-address-bar h3,
	.footer-address-bar h3 * {
	  font-size: 24px;
  	}
}  	

footer p.copyrights,
footer p.copyrights * {
  text-align: center;
  font-size: 12px !important;
}