/*
 * Client: Toner Jewelers
 * Copyright 2008-2022 Punchmark
 */


/* ==========================================================================
    Helpers
============================================================================= */

.meet-our-staff .staff-member img {
  border-radius: 3px !important;
}

.link-container .btn-link {
  position: relative;
  color: inherit;
  font-weight: 500 !important;
}

.link-container .btn-link:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
}

.link-container .btn-link:hover,
.link-container .btn-link:focus {
  font-weight: 600 !important;
}

.btn, .form-control {
  border-radius: 2px;
}

.js-div > a,
.js-div > img {
  display: none;
}

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

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

body.nav-left-back-open header .content-toolbar.inline-left-and-right {
  z-index: 1;
}

.grid .grid-item .grid-item-title {
  letter-spacing: normal !important;
}

section [data-pagebuilder="column"].col-12.col-sm-12.col-md-12.col-lg-12 .btn-block.btn-primary.btn.btn-xlg {
  border-radius: 0 !important;
}

.btn-link.text-uppercase {
  letter-spacing: 0.2rem;
  color: var(--primary);
}

.column-slider .owl-nav, 
.product-slider .owl-nav, 
.social-slider .owl-nav {
  opacity: 1;
}

.owl-nav button, .owl-nav button:focus {
  box-shadow: none !important;
}

.owl-nav i.icon-chevron-right,
.owl-nav i.icon-chevron-left {
  color: transparent;
  opacity: 0.15 !important;
}

.owl-nav i.icon-chevron-left {
  background: url(../images/arrow-left.png) center center no-repeat;
  background-size: cover;
}

.owl-nav i.icon-chevron-right {
  background: url(../images/arrow-right.png) center center no-repeat;
  background-size: cover;
}

.owl-nav .disabled {
  opacity: 0 !important;
}

@media(min-width: 992px){
	.owl-nav > button, 
	.owl-nav > button > i {
	  width: 65px !important;
	  height: 65px !important;
	}
}

@media(min-width:1400px){
	.container .col-lg-12 .owl-carousel .owl-nav .owl-prev {
	  left: -90px !important;
	}
	.container .col-lg-12 .owl-carousel .owl-nav .owl-next {
	  right: -90px !important;
	}
}


/* ==========================================================================
    Header
============================================================================= */

a#logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  z-index: 10;
  max-width: 158px !important;
}

header {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.075), 0 0 40px rgba(0,0,0,0.075);
  position: sticky !important;
  top: 0 !important;
}

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

header,
header > .container,
header > .container-fluid,
header .main-content-col {
  height: 66px !important;
}

header .main-content-col {
  display: flex !important;
  padding: 0px 20px !important;
  align-items: center;
}

header .content-toolbar.inline-left-and-right {
  margin-right: auto;
  margin-left: 39px;
  transform: translateY(-1px);
  z-index: 2001;
}

header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
  margin-right: 0;
  margin-left: auto;
  transform: translateY(-6px);
}

header .content-toolbar.inline-left-and-right > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
  top: 100% !important;
}

header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
  left: auto !important;
  right: 0px !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li,
header .content-toolbar > .content-toolbar-inner > ul > li > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

header .content-toolbar > .content-toolbar-inner > ul > li {
  display: flex !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li + li {
  margin-left: 5px;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0px;
  border-radius: 40px;
  padding: 8px;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
  color: transparent !important;
  background-size: contain !important;
  font-size: 24px;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-search {
  background: url(../images/search.svg) center center no-repeat;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-shopping-bag,
header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-shopping-cart {
  background: url(../images/cart.svg) center center no-repeat;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-heart {
  background: url(../images/heart.svg) center center no-repeat;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-user {
  background: url(../images/user.svg) center center no-repeat;
}

header .main-content-col.nav-inline nav.navbar,
header .content-toolbar.inline-right,
header .content-toolbar.inline-left-and-right {
  width: auto !important;
}

header .content-toolbar.inline-right {
  padding-right: 0 !important;
}

.wishlist-empty, 
.wishlist-empty p, 
.menu-cart-subtotal, 
.menu-cart-subtotal p {
  font-size: 12px;
}

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

header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right li.item-search {
  display: none !important;	
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
  content: "";
}

@media(min-width:768px){	
	a#logo {
	  max-width: 300px !important;
	}
	header,
	header > .container,
	header > .container-fluid,
	header .main-content-col {
	  height: 100px !important;
	}
	header .main-content-col {
	  padding: 0px 10px !important;
	}
	header .content-toolbar.inline-right {
	  padding-right: 10px !important;
	}
	header .content-toolbar.inline-left-and-right li.item-search {
	  display: none !important;	
	}
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right {
	  display: flex !important;	
	  transform: translateY(-2px);
	}	
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right li.item-search {
	  display: flex !important;	
	}
	header .content-toolbar.inline-left-and-right li.item-phone {
	  display: flex !important;	
	}
	header .content-toolbar.inline-left-and-right li.item-phone > span,
	header .content-toolbar.inline-left-and-right li.item-phone .number,
	header .content-toolbar.inline-left-and-right li.item-phone .call-or-text {
	  display: block;
	  line-height: 1;
	  text-align: center;
	}
	header .content-toolbar.inline-left-and-right li.item-phone .call-or-text {
	  font-size: 60%;
	  letter-spacing: 0.125rem;
	  font-weight: 800;
	  color: #627D66;
	}
	header .content-toolbar.inline-left-and-right li.item-phone .number {
	  font-weight: 400;
	}
}




/* ==========================================================================
    Nav
============================================================================= */

nav.navbar {
  border: 0 !important;
  position: absolute;
  top: calc(50% - 28.5px);
  left: 10px;
}

nav.navbar .navbar-nav {
  padding: 20px;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .nav-link, 
nav.navbar.show-dropdown-toggles .navbar-nav > .nav-item .nav-link {
  padding: 15px 10px 15px 10px;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus {
  padding-right: 10px;
  outline: none !important;
}

nav.navbar .dropdown > .dropdown-menu, nav.navbar .dropdown-submenu > .dropdown-menu {
  border: 0 !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item, 
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:hover, 
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent, 
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent:hover, 
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item.dropdown-item-image, 
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
  padding: 10px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  white-space: inherit;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item {
  text-transform: none !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:hover {
  background: transparent !important;
  color: var(--light) !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu, 
nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu-wide, 
nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu .container, 
nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu .container div[class*=col-], 
nav.navbar .has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children {
  padding-bottom: 0px !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu .container div[class*=col-] {
  padding-bottom: 20px !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu-children {
  text-indent: 1rem;
}

nav.navbar .navbar-toggler {
  box-shadow: none !important;
  z-index: 10000;
  padding-left: 10px !important;
}

header .main-content-col.nav-inline nav.navbar {
  margin: 0 !important;
}

nav.navbar .navbar-nav > .nav-item {
  border-bottom: 1px solid rgba(0,0,0,0.0);
}

nav.navbar #main-navigation {
  box-shadow: 0 0 0 3000px rgba(0,0,0,0);
  transition: transform 300ms ease-in-out 100ms !important;
}

@media(max-width: 575px){
	nav.navbar #main-navigation {
	  width: calc(80vw);
	  transform: translateX(-80vw);
	}
	body.nav-left-back-open:not(.grid-menu-open) #page-wrap {
	  transform: translateX(80vw) !important;
	}
	body:not(.grid-menu-open) #page-wrap {
	  transform: translateX(0px) !important;
	}
}

body.nav-left-back-open nav.navbar #main-navigation {
  background: var(--primary);
  box-shadow: 0 0 0 3000px rgba(0,0,0,0.5);
  transition: transform 300ms ease-in-out 100ms !important;
}

nav.navbar .navbar-nav > .nav-item > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(0deg) scale(1.45) !important;
  color: var(--light) !important;
  transition: transform 0.4s ease-in-out;
}

nav.navbar .navbar-nav > .nav-item.show > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(180deg) scale(1.45) !important;
  transition: transform 0.4s ease-in-out;
}

nav.navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-submenu .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(0deg) scale(0.85) !important;
  transition: transform 0.4s ease-in-out;
}

nav.navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-submenu.show .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(180deg) scale(0.85) !important;
  transition: transform 0.4s ease-in-out;
}

nav.navbar .navbar-nav {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

nav.navbar .navbar-nav > .nav-item {
  height: auto !important;
}

nav .d-flex.d-xl-none {
  display: flex !important;
}

nav .col-12.col-xl-auto {
  width: 100% !important;
}

nav button.close {
  background: none !important;
  border: 0 !important;
  position: absolute;
  top: 30px;
  left: 30px;
}


nav.navbar #main-navigation > .inner-nav {
  /*
  height: calc(100% - 60px) !important;
  margin-top: 60px !important;
  */
}

nav.navbar .dropdown-menu .form-label-group>label, 
nav.navbar .dropdown-menu .form-label-group .selectpicker-has-value+label::before, 
nav.navbar .dropdown-menu .form-label-group.file.files-selected .bootstrap-filestyle+label::before, 
nav.navbar .dropdown-menu .form-label-group input:not([type=file]):not(:placeholder-shown)~label::before, 
nav.navbar .dropdown-menu .form-label-group textarea:not(:placeholder-shown)~label::before {
  background: #ffffff !important;
}

nav button.close,
nav button.close i {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff !important;
  font-size: 16px !important;
}

nav.navbar .navbar-nav > .nav-item.link-smaller.item-search {
  padding-top: 15px !important;
}

nav.navbar .navbar-nav > .nav-item.link-smaller > a {
  font-size: 14px !important;
}

nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu {
  background: rgba(255,255,255,1);
}

nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .dropdown-item {
  color: #000;
}

nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .dropdown-item:hover,
nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .dropdown-item:focus {
  color: #fff;
  background: var(--primary);
}

nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .input-group-btn .btn {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .input-group-btn .btn:hover,
nav.navbar .navbar-nav > .nav-item.link-smaller .dropdown-menu .input-group-btn .btn:focus {
  color: #fff;
  background: #A83B3B;
  border-color: #A83B3B;
}

.menu-cart, .menu-wishlist {
  min-width: 100% !important;
}

nav.navbar i.icon-plus:before {
  content: "\e64b" !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-submenu .dropdown-menu .dropdown-item {
  padding-left: 1.5rem !important;
}


/* ==========================================================================
    Footer
============================================================================= */

footer h6 {
  font-family: "trajan-pro-3" !important;
  letter-spacing: normal !important;
}

footer p,
footer .p,
footer address,
footer address a,
footer address strong,
address > table tr > td,
address > table tr > td > span,
address > table tr > td > strong {
  font-size: 13px !important;
  font-weight: 400;
}

footer .footerlinks li a,
footer .f-links a {
  font-size: 15px !important;
  font-weight: 400 !important;
}

footer .f-links a:hover,
footer .f-links a:focus {
  color: white !important;
}

footer form label {
  display: none !important;
}

footer address a strong.text-uppercase.small {
  display: none !important;
}

footer address {
  font-size: 14px !important;
}

footer .social-networks {
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .social-networks a,
footer .social-networks a i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

footer .social-networks a {
  border: 2px solid white;
  border-radius: 50%;
}

footer .social-networks a:hover,
footer .social-networks a:focus {
  background: white;
}

footer .social-networks a:hover i,
footer .social-networks a:focus i {
  color: white;
}

footer .input-group {
  border: 2px solid white;
  border-radius: 50px;
  padding: 0.2rem;
}

footer .input-group .btn,
footer .input-group .form-control {
  background: none;
  border: none;
}

footer .input-group .btn {
  background: none !important;
}

footer .input-group .form-control {
  color: white;
}

footer .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.6) !important;
  font-weight: 300;
}

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

@media(min-width:768px){
	footer .social-networks {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	}
}


/* ==========================================================================
    Other
============================================================================= */

.widget-social-grid.grid .grid-sizer,
.widget-social-grid.grid .grid-item,
.widget-social-grid.grid .grid-item.grid-item-double-width {
  width: 20% !important;
}

.widget-social-grid.grid .grid-item .widget .content-block .hover-layer {
  background: rgba(212,65,71,0.9);
}

.widget-social-grid.grid .grid-item .widget .content-block .social-interactions,
.widget-social-grid.grid .grid-item .widget .content-block .social-description {
  display: none;
}

section.rgba-bg .content-block {
  position: relative;
  background: rgba(255,255,255,0.7) !important;
  max-width: 500px;
}

section.rgba-bg .content-block::before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  border: 8px solid rgba(255,255,255,0.7);
}

[data-widget-element="widgetHeader"] {
  margin-bottom: 1rem;
}

[data-widget-element="widgetHeader"] > small {
  display: block;
  margin-bottom: 1rem;
  letter-spacing: 0.15rem;
  font-family: "europa";
  font-weight: 400;
  font-size: 14px;
}

[data-widget-element="widgetHeader"].text-light > small {
  color: white;
}

@media(max-width:767px){
	section.mobile-stack [data-widget-element="widgetHeader"].text-light > small {
	  color: var(--dark);
	}
	.widget-social-grid.grid .grid-sizer,
	.widget-social-grid.grid .grid-item,
	.widget-social-grid.grid .grid-item.grid-item-double-width {
	  width: 50% !important;
	}
}


/* =======================================================================================
	BLOG CAROUSEL
======================================================================================= */

section.browse-our-blog .hover-layer {
	display: block !important;
	position: static !important;
}



/* =======================================================================================
	TESTIMONIALS
======================================================================================= */

.testimonials-carousel .star-rating i {
  color: var(--primary) !important;
  font-size: 14px;
}

.testimonials-carousel .star-rating i + i {
  margin-left: 5px;
}

.testimonials-carousel .social-heading,
.testimonials-carousel .social-description,
.testimonials-carousel .social-link {
  text-align: left !important;
}