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


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

.social-slider .social-icon {
  font-size: 50px;
}

.social-slider .social-description {
  font-size: 12px;
  margin-bottom: 0 !important;
}

.social-slider .hover-layer {
  background: rgba(0,0,0,0.8) !important;
}

.social-slider .social-link,
.social-slider .social-heading,
.social-slider .social-interaction,
.social-slider .social-interactions {
  display: none !important;
  letter-spacing: 0.075rem;
}

.h6.small {
  font-size: 14px !important;
  letter-spacing: 0.075rem !important;
}

.display-4 {
  font-size: 50px;
}

.display-4 small {
  display: block;
  font-family: "montserrat", sans-serif;
  letter-spacing: 1rem;
  text-indent: 0.5rem;
  font-weight: 200;
  font-size: 35%;
}

@media(min-width:768px){
	.display-4 {
	  font-size: 7vw;
	}
	.display-4 small {
	  letter-spacing: 1.35vw;
	  text-indent: 0.675vw;
	}
}

@media(min-width:1200px){
	.display-4 {
	  font-size: 80px;
	}
	.display-4 small {
	  letter-spacing: 1rem;
	  text-indent: 0.5rem;
	}
}

[data-widget-type="grid"] .grid-item .widget-text-overlay {
  opacity: 0;
  transition: opacity 600ms ease-in 200ms;
  background: rgba(255,255,255,0.75);
}

[data-widget-type="grid"] .grid-item:hover .widget-text-overlay,
[data-widget-type="grid"] .grid-item:focus .widget-text-overlay {
  opacity: 1;
  transition: opacity 300ms ease-in 200ms;
}

@media(max-width:767px){
	nav.navbar.navbar-menu-position-left-back {
	  position: absolute;
	}
	section.mobile-stack .btn-light {
	  background: var(--dark) !important;
	  border-color: var(--dark) !important;
	  color: var(--light) !important;
	}
	section.mobile-stack .btn-light:hover,
	section.mobile-stack .btn-light:focus {
	  background: transparent !important;
	  border-color: var(--dark) !important;
	  color: var(--dark) !important;
	}
}


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

header {
  height: 65px;
}

header .nav-inline-and-split a#logo {
  position: relative;
  top: 0;
  left: auto;
  right: auto;
  transform: none;
  width: 195px;
  height: 65px;
}

header .nav-inline-and-split a#logo img {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  max-width: 100%;
}

.toolbar > .toolbar-inner > ul > li > a {
  color: #222222;
}

.toolbar > .toolbar-inner > ul > li > a > span {
  font-size: 11px;
  letter-spacing: 0.05rem;
  transform: translateY(1px);
  font-weight: 500;
}

.toolbar > .toolbar-inner > ul > li > a > i {
  font-size: 16px;
}

.toolbar > .toolbar-inner > ul > li > a > i,
header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
  color: transparent !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

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

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

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

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

.toolbar > .toolbar-inner > ul > li > a > i.icon-user {
  font-size: 21px;
}

@media(min-width:768px){
	header {
	  height: 87px;
	}
	header .nav-inline-and-split a#logo {
	  width: 200px;
	  height: 87px;
	}
	header .nav-inline-and-split a#logo img {
	  top: 22px;
	  max-width: 200px;
	  width: 200px;
	  left: -20px;
    }
}

@media(min-width:992px){
	header {
	  height: 108px;
	}
	header .nav-inline-and-split a#logo {
	  width: 315px;
	  height: 108px;
	}
	header .nav-inline-and-split a#logo img {
	  top: 24px;
	  max-width: 264px;
	  width: 264px;
	  left: -10px;
    }	
}

@media(max-width:767px){
	header {
	  position: sticky;
	  top: 0;
	}
	body.sitemanager-menu-open header,
	body.sitemanager-menu-closed header {
	  top: 63px;
	}
	header .nav-inline-and-split a#logo {
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  z-index: 2000;
	}
	header .content-toolbar-inline-left-and-right {
	  display: flex !important;
	}
	header .content-toolbar.inline-left-and-right {
	  width: auto !important;
	  z-index: 2000;
	}
	header .content-toolbar-inline-left-and-right ul.left {
	  justify-content: flex-start !important;
	  padding-left: 10px;
	  padding-right: 0px;
	}
	header .content-toolbar-inline-left-and-right ul.right {
	  justify-content: flex-end !important;
	  padding-left: 0px;
	  padding-right: 10px;
	}
	header .content-toolbar > .content-toolbar-inner {
	  height: 65px;
	  display: flex !important;
	  align-items: center !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li,
	header .content-toolbar > .content-toolbar-inner > ul > li > a {
	  display: flex !important;
	  align-items: center !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  font-size: 21px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
	  top: calc(100% - 10px) !important;
	}  
	header .content-toolbar > .content-toolbar-inner > ul.right li.dropdown > .dropdown-menu {
	  right: 0 !important;
	  left: auto !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul.left {
	  margin-left: 44px;
	}
	header .content-toolbar > .content-toolbar-inner > ul li.item-search > a > i {
	  transform: translateY(-1px);
	}
}


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

nav.navbar {
  position: absolute;
  top: 0;
}

nav.navbar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

nav.navbar .nav-item .nav-link {
  font-size: 18px;
}

@media(min-width:768px){
	nav.navbar .nav-item .nav-link {
	  font-size: 13px;
	  letter-spacing: 0.05rem !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  width: calc(50% - 100px);
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left::before, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left::after, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right::before,
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right::after {
	  display: block;
	  content: "";
	  width: 1px;
	  height: 1px;
	}
	header .main-content-col.nav-inline-and-split nav.navbar,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-collapse,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-collapse .inner-nav,
	header .main-content-col.nav-inline-and-split nav.navbar .navbar-collapse .inner-nav .nav-link-and-plus-wrap {
	  height: 100%;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide {
	  border-radius: 0 !important;
	}
	nav.navbar .dropdown .dropdown-item.dropdown-item-image {
	  margin: 0 !important;
	  padding: 10px 0 0 0 !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1:empty {
	  display: none !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
	  font-size: 14px !important;
	  font-weight: 500 !important;
	  text-transform: uppercase !important;
	  letter-spacing: 0.05rem !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
	  margin-top: 10px !important;
	  letter-spacing: 0.05rem !important;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 15px;
	  letter-spacing: 0.075rem !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  width: calc(50% - 157.5px);
	}
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link {
	  font-size: 16px;
	  letter-spacing: 0.1rem !important;
	}
}	

@media(max-width:767px){
	nav.navbar { 
	  position: absolute;
	  top: 0;
	  left: 0;
	  transform: none;
	  z-index: unset;
	}
	header .main-content-col.nav-inline-and-split nav.navbar {
	  width: 100% !important;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}
	nav.navbar .navbar-toggler {
	  height: 65px !important;
	  z-index: 5001;
	}
	nav.navbar #main-navigation {
	  background: #1D1F23;
	  border-color: #1D1F23 !important;
	  box-shadow: 0 0 0 3000px rgba(0,0,0,0) !important;
	  z-index: 1000;
	}
	nav.navbar #main-navigation.open {
	  box-shadow: 0 0 0 3000px rgba(0,0,0,0.8) !important;
	  z-index: 3000;
	}
	nav.navbar.show-dropdown-toggles .navbar-nav {
	  padding: 10px 20px 0px 20px;
	}
	nav.navbar.show-dropdown-toggles .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus,
	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 .dropdown-menu-children .dropdown-item {
	  border-bottom: 1px solid #292929 !important;
	  background: #1D1F23 !important;
	  height: 44px !important;
	  outline: none !important;
	  align-items: center !important;
	  color: white !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
	  text-indent: 1rem;
	  font-size: 0.9rem;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {	  
	  padding: 0px 20px 10px 20px;
	}
	body.nav-left-back-open .toolbar {
	  z-index: 1;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap a[aria-expanded="false"].dropdown-plus > i {
	  transform: rotate(0deg) scale(1.05) !important;
	}	
	nav.navbar .navbar-nav > .nav-item .dropdown-submenu .nav-link-and-plus-wrap a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .dropdown-submenu .nav-link-and-plus-wrap a[aria-expanded="false"].dropdown-plus > i {
	  transform: rotate(0deg) scale(0.65) !important;
	}
	nav.navbar .navbar-nav > .nav-item.show .nav-link-and-plus-wrap.show a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item.show .nav-link-and-plus-wrap a[aria-expanded="true"].dropdown-plus > i {
	  transform: rotate(45deg) scale(1.15) !important;
	}	
	nav.navbar .navbar-nav > .nav-item.show .dropdown-submenu .nav-link-and-plus-wrap.show a.dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item.show .dropdown-submenu .nav-link-and-plus-wrap a[aria-expanded="true"].dropdown-plus > i {
	  transform: rotate(45deg) scale(0.75) !important;
	}
}


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

footer {
  padding-top: 20px;
}

footer h6 {
  font-weight: 400 !important;
  font-size: 22px !important;
  letter-spacing: 0.05rem !important;
}

footer p,
footer .p,
footer p.small,
footer .copyright,
footer .copyright *,
footer address,
footer address *,
footer address > table tr > td,
footer address > table tr > td > strong,
footer .footerlinks li a {
  font-weight: 300 !important;
  font-size: 12px;
}

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

footer .redbox {
  margin-top: 30px !important;
  padding: 20px 20px 20px 20px;
  background: #87212E;
  display: block;
  line-height: 1;
  text-decoration: none;
}

footer .redbox h6 {
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
}

footer .redbox p {
  margin: 0 !important;
  padding: 0 !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: #111111;
}

footer .input-group {
  border: 2px solid white;
  border-radius: 40px;
}

footer form[action="/newsletter-subscription"]{
  display: block;
  margin-top: -0.65rem;
}

footer form[action="/newsletter-subscription"] label {
  display: none;
}

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 {
  padding-left: 20px !important;
  color: white;
  font-size: 13px;
}

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

footer > .container {
  display: none !important;
}

footer p.copyrights,
footer .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
  padding: 0 !important;
  margin: 0 auto !important; 
}

footer .social-networks {
  justify-content: center !important;
}

footer .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
  padding-top: 10px !important;
  padding-bottom: 10px !important;  
}

@media(min-width:768px){
	footer .social-networks {
	  justify-content: flex-end !important;
	}
	footer p.copyrights {
	  padding-right: 20px !important;
	}
	footer .footer-affiliate-logos {
	  justify-content: flex-end !important;
	}
	footer .footer-affiliate-logos > li {
	  margin: 0 !important;
	}
	footer p.copyrights,
	footer .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
	  margin-left: 0 !important; 
	}
	footer .social-networks {
	  margin-right: 0 !important; 
	  flex-wrap: nowrap !important;
	}
}