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


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

.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;
}



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

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

a#logo img {
  width: auto;
  max-width: unset;
  max-height: 52px;
}

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;
}

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(-2px);
}

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;
  min-width: 240px !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li+li {
  margin-left: 1rem !important;
}

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 {
  font-size: 12px;
}

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 > a > i {
  font-size: 20px !important;
  color: #627d66 !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-search {
  font-size: 22px !important;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #627D66;
}

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

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

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

@media(min-width:768px){
	a#logo {
	  top: 0px;
	}
	a#logo img {
	  max-height: 100px;
	}
	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;	
	  padding-right: 10px;
	}
	header .content-toolbar.inline-left-and-right + a#logo + nav + .content-toolbar.inline-left-and-right li.item-search {
	  display: flex !important;	
	}
}

@media(min-width:768px){
	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 !important;
  top: calc(50% - 19px);
  left: 10px;
}

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

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:hover {
  background: transparent !important;
  color: var(--primary) !important;
  font-weight: 600 !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 {
  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: 100000;
}

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.1);
}

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

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

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.45) !important;
  color: var(--primary) !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.55) !important;
}

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;
}


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

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

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

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

footer form label {
  display: none !important;
}

footer address a strong.text-uppercase.small {
  display: none !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: var(--primary);
}

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: 11px !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(98,125,102,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;
	}
}


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

.testimonials-carousel {
  margin-top: 30px;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description {
  padding: 0 10vw;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
  content: open-quote;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10vw;
  line-height: 1;
  color: #627D66;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
  content: close-quote;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10vw;
  line-height: 1;
  color: #627D66;
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot span,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot.active span {
  display: none !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots {
  display: flex !important;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  visibility: visible;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot {
  border-radius: 50%;
  opacity: .2;
  background: #000;
  height: 5px;
  width: 5px;
  display: inline-block;
  padding: 0;
  text-indent: -9999px
  outline-width: 0 !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 10px;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot:hover,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot:focus,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot.active {
  background: #627D66;
  opacity: 1;
  outline-width: 0 !important;
}

@media(min-width:1200px){
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
	  font-size: 120px;
	}
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
	  font-size: 120px;
	}
}

@media(max-width:767px){
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
	  font-size: 20vw;
	}
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
	  font-size: 20vw;
	}
}