/*!
 * Cone Jewelers
 * Copyright 2008-2023 Punchmark
 */

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

.btn-dark {
  border-color: #645746 !important;
  background: #645746 !important;
}
.btn-dark:hover,
.btn-dark:focus {
  border-color: var(--dark) !important;
  background: var(--dark) !important;
}

body.grid-menu-open #page-wrap {
	transform: translateX(0px) !important;
	transition: transform 300ms ease-in-out 100ms !important;
}

body.nav-right-back-open.grid-menu-open #page-wrap {
	transform: translateX(-280px) !important;
	transition: transform 300ms ease-in-out 100ms !important;
}

body.nav-right-back-open header a#logo {
	z-index: 1 !important;
}

[data-widget-element="widgetHeader"].display-4 {
  font-size: calc(2rem + 1.25vw) !important;
}

[data-widget-element="widgetHeader"] span.horiz-hr {
  display: inline-block !important;
  height: 2px;
  background: var(--primary) !important;
  width: 8vw;
  margin-right: 20px;
  transform: translateY(-5px);
}

.bg-default {
  background: #F0EDE8 !important;
}

@media(max-width: 767px){
	.col-md-6.col-lg-6 .column-slider .owl-nav {
	  opacity: 1 !important;
	  visibility: visible !important;
	}
	[data-widget-element="widgetHeader"] {
		display: flex !important;
		flex-direction: column !important;
		text-align: center !important;
		padding-bottom: 20px !important;
		justify-content: center !important;
		align-items: center !important;
	}
	[data-widget-element="widgetHeader"] span.horiz-hr {
		display: block !important;
		transform: translateY(-20px);
		margin-left: auto;
		margin-right: auto;
		height: 4px;
	}
}

@media(min-width:1290px){
	.product-slider .owl-nav,
	.column-slider .owl-nav { 
	  width: calc(100% + 40px);
	  margin-left: -20px;
	  margin-right: -20px;  
	  opacity: 1 !important;
	  visibility: visible !important;
	}
}

.col-md-6.col-lg-6 .product-slider .owl-nav,
.col-md-6.col-lg-6 .column-slider .owl-nav {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

section.owl-nav-upper {
  overflow: visible;
}

@media(max-width:767px){
	section.owl-nav-upper {
	  padding-top: 50px !important;
	}
}

section.owl-nav-upper .product-slider .owl-nav,
section.owl-nav-upper .column-slider .owl-nav {
  position: absolute !important;
  top: calc(-22.5px * 2) !important;
  right: calc(50% - 50px) !important;
  left: auto !important;
  width: 100px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

@media(min-width:768px){
  section.owl-nav-upper .product-slider .owl-nav,
  section.owl-nav-upper .column-slider .owl-nav {
    right: 0px !important;
  }
  .px-lg-50.container-fluid,
  section.owl-nav-upper {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
  }
}
@media(min-width:1290px){
  .px-lg-50.container-fluid,
  section.owl-nav-upper {
    padding-left: 6.5vw !important;
    padding-right: 6.5vw !important;
  }
  section.owl-nav-upper .product-slider .owl-nav,
  section.owl-nav-upper .column-slider .owl-nav {
    right: 20px !important;
  }
  section.owl-nav-upper .product-slider .owl-nav button.owl-next {
    right: 0px !important;
  }
  section.owl-nav-upper .product-slider .owl-nav button.owl-prev {
    left: 0px !important;
  }
}

.product-slider .owl-nav button,
.column-slider .owl-nav button {
  box-shadow: inset 0 0 0 1px var(--primary) !important;
  color: var(--primary) !important;
  border-radius: 50px;
}
.product-slider .owl-nav button i,
.column-slider .owl-nav button i {
  font-size: 22px !important;
}
.product-slider .owl-nav .owl-prev i,
.column-slider .owl-nav .owl-prev i {
  transform: translateX(-1px);
}
.product-slider .owl-nav .owl-next i,
.column-slider .owl-nav .owl-next i {
  transform: translateX(1px);
}

.widget-hover-layer .widget-text-overlay {
  opacity: 0 !important;
  transition: opacity 300ms ease-in-out;
}
.widget-hover-layer img {
  opacity: 0 !important;
}
.widget-hover-layer:hover .widget-text-overlay,
.widget-hover-layer:focus .widget-text-overlay {
  opacity: 1 !important;
  transition: opacity 300ms ease-in-out;
}
.widget-hover-layer:hover img,
.widget-hover-layer:focus img {
  opacity: 0.8 !important;
  transition: opacity 300ms ease-in-out;
}

section.split-section [data-pagebuilder="column"]:nth-child(2) {
  padding-top: 60px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media(min-width:768px){
	section.split-section [data-pagebuilder="column"]:nth-child(2) {
	  padding-top: 100px !important;
	  padding-left: 20px !important;
	  padding-right: 20px !important;	
	}
}


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

header {
  box-shadow: none;
}

body#home header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
}

header .main-content > .row > .col {
  height: 60px !important;
  min-height: 60px !important;
}

header .content-toolbar.left {
  display: none !important;
}

header .content-toolbar.right {
  padding-right: 0.625rem !important;  
}

header .content-toolbar.right .content-toolbar-inner > ul > li > a > i {
  font-size: 20px;
  color: #8B795F;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #8B795F;
}

header .content-toolbar.right .content-toolbar-inner > ul > li > a:hover,
header .content-toolbar.right .content-toolbar-inner > ul > li > a:focus,
header .content-toolbar.right .content-toolbar-inner > ul > li > a:hover i,
header .content-toolbar.right .content-toolbar-inner > ul > li > a:focus i {
  color: var(--primary) !important;
} 

header a#logo {
  position: static;
  transform: none;
  margin-left: 10px !important;
  margin-right: auto;
  padding: 5px 0 !important;
}

header .navbar-toggler {
  padding: 0.625rem !important;
  width: 60px !important;
  height: 60px !important;
  margin-right: -0.625rem;
}

@media(min-width:768px){
	header a#logo {
	  padding: 5px !important;
	}
	header .main-content > .row > .col {
	  height: 100px !important;
	  min-height: 100px !important;
	}
	header .navbar-toggler {
	  padding: 1.25rem !important;
	  width: 100px !important;
	  height: 100px !important;
	  margin-right: -0.625rem;
	}
	header .content-toolbar.right {
	  padding-right: 1.25rem !important;  
	}
	header .content-toolbar.right .content-toolbar-inner > ul > li > a {
	  padding-left: 0.3125rem !important;
	  padding-right: 0.3125rem !important;  
	  padding-left: 0.625rem !important;
	  padding-right: 0.625rem !important;
    } 
    header .content-toolbar.right .content-toolbar-inner > ul > li > a > i {
      font-size: 25px;
      -webkit-text-stroke-width: .5px;
	  -webkit-text-stroke-color: #8B795F;
    }
}


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

nav.navbar .dropdown-menu {
  background: #F0EDE8;
}

nav.navbar .input-group {
  box-shadow: inset 0 0 0 200px rgb(239,237,231,0.5) !important;
}

nav.navbar .input-group .form-control {
  padding-left: 16px;
}

nav.navbar .input-group .form-control:focus, 
nav.navbar .input-group .form-control.focus {
  box-shadow: inset 0 0 0 200px rgb(239,237,231,1) !important;
}

nav.navbar #main-navigation .mobile-bottom {
  display: none !important;
}

nav.navbar .input-group .btn:hover,
nav.navbar .input-group .btn:focus {
  color: var(--primary) !important;
}

header .navbar-toggler:hover {
  background: var(--dark) !important;
}

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

footer {
  background: #645746 !important;
}

footer .store-link {
  height: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
  line-height: 24px;
}
footer .store-link span {
  display: block;
}
footer .store-link i {
  display: block;
  font-size: 16px;
  width: 24px;
  height: 20px;
}
footer address i {
  display: inline-block;
  font-size: 16px;
  width: 24px;
  height: 20px;
}
footer address i svg {
  width: 14px;
  height: 14px;
}
footer address > span + br + span {
  padding-left: 24px;
  display: inline-block;
  width: calc(100% - 24px);
}

footer h6, 
footer .h6 {
  text-transform: uppercase;
  font-size: 22px;
}

footer .footerlinks a {
  opacity: 1 !important;
}

footer h6, 
footer .h6,
footer p, 
footer .p, 
footer .small, 
footer address,
footer p a, 
footer .p a, 
footer .small a, 
footer address a,
footer .mobile-collapse a span,
footer .mobile-collapse a i,
footer .subscribe-widget form label,
footer>.copyrights p,
footer>.copyrights p *,
footer .footerlinks a,
footer .required-links li a,
footer .subscribe-widget form .input-group .btn,
footer .social-networks .network i,
footer .subscribe-widget form .input-group .form-control {
  color: white !important;
}

footer .subscribe-widget form .input-group,
footer .social-networks .network {
  border-color: white !important;
}

footer .mobile-collapse a:hover i,
footer .mobile-collapse a:focus i,
footer .mobile-collapse a:hover span,
footer .mobile-collapse a:focus span,
footer .footerlinks a:hover,
footer .footerlinks a:focus,
footer .required-links li a:hover,
footer .required-links li a:focus,
footer .social-networks .network:hover i,
footer .social-networks .network:focus i,
footer .subscribe-widget form .input-group .btn:hover,
footer .subscribe-widget form .input-group .btn:focus {
  color: var(--primary) !important;
} 

footer .social-networks .network:hover,
footer .social-networks .network:focus {
  border-color: var(--bs-primary-color) !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.5) !important;
}
@media(max-width:767px){
	.mobile-collapse div h6 {
	  margin-top: 10px !important;
	}
	.text-center .social-networks {
	  justify-content: center !important;
	}
}