/*
 * Client: Saxon's Fine Jewelers
 * Copyright 2008-2022 Punchmark
 */


/* =======================================================================================
	Helper
======================================================================================= */

section.below-widget-text-overlay {
  padding-bottom: 86px !important;
}

section.below-widget-text-overlay .content-block,
section.below-widget-text-overlay [data-pagebuilder="column"] .widget-text-overlay .content-block {
  position: static !important;
}
section.below-widget-text-overlay .content-block .link-container {
  position: absolute;
  bottom: -66px;
}

.meet-our-staff .staff-member-name {
  font-weight: 500 !important;
}

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

.column-slider .owl-nav > button > i {
  color: var(--primary) !important;
}

.alert-global {
  border-color: var(--secondary) !important;
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
  padding: 0.5rem 2rem;
  z-index: 10;
}

.alert-global a.alert-link {
  color: #1f1f1f;
  transform: none;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
}

.alert-global + .toolbar {
  border-top: 1px solid #DBCEB8 !important;
}

.alert-global .close > span {
  transform: scale(0.8);
}
 
.alert-global .close > span > span {
  background: #beb19d !important;
  height: 3px;
}

.alert-global .close > span > span + span {
  margin-left: -1px;
  top: calc(50% - 1px);
}

.btn, .form-control {
  border-radius: 0 !important;
}

section.inset.half-inset::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: white;
}

section.inset.half-inset-top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background: white;
}

[data-widget-element="widgetHeader"] > small {
  display: block;
  font-size: 13px;
  letter-spacing: 0.15rem;
  font-weight: 400;
  font-family: "montserrat" !important;
  color: #111111 !important;
}

[data-widget-element="widgetHeader"].text-light > small {
  color: var(--light)!important;
}

[data-widget-element="widgetHeader"].text-dark > small {
  color: var(--dark)!important;
}

section.little-widgets .row {
  justify-content: center !important;
}

section.little-widgets h3[data-widget-element="widgetHeader"] > small {
  margin-top: -1rem !important;
  line-height: 2;
}

section.little-widgets h3[data-widget-element="widgetHeader"].display-4 {
  line-height: 2.25rem !important;
  font-size: 3rem !important;
  white-space: nowrap;
}

@media(max-width:767px){
	section.little-widgets [data-pagebuilder="column"]:nth-child(3),
	section.little-widgets [data-pagebuilder="column"]:nth-child(4),
	section.little-widgets [data-pagebuilder="column"]:nth-child(5) {
	  border-top: 1px solid rgba(0,0,0,0.1);
	}
	section.little-widgets [data-pagebuilder="column"]:nth-child(2),
	section.little-widgets [data-pagebuilder="column"]:nth-child(4) {
	  border-left: 1px solid rgba(0,0,0,0.1);
	}
	section.little-widgets [data-pagebuilder="column"]:nth-child(5) {
	  /**/
	}
	section.mobile-stack [data-widget-element="widgetHeader"].text-light > small {
	  color: var(--dark)!important;
	}	
	section.mobile-stack .btn-light {
	  color: var(--dark)!important;
	  border-color: var(--dark)!important;
	  background: transparent!important;
	}
	section.mobile-stack .btn-light:hover,
	section.mobile-stack .btn-light:focus {
	  color: var(--light)!important;
	  border-color: var(--dark)!important;
	  background: var(--dark)!important;
	}
	section.mobile-stack .btn-outline-light {
	  color: var(--dark)!important;
	  border-color: var(--dark)!important;
	  background: transparent!important;
	}
	section.mobile-stack .btn-outline-light:hover,
	section.mobile-stack .btn-outline-light:focus {
	  color: var(--light)!important;
	  border-color: var(--dark)!important;
	  background: var(--dark)!important;
	}	
}

@media(min-width:768px){
	section.little-widgets [data-pagebuilder="column"] + [data-pagebuilder="column"] {
	  border-left: 1px solid rgba(0,0,0,0.1);
	}
	section.little-widgets h3[data-widget-element="widgetHeader"].display-4 {
	  line-height: 2.25rem !important;
	  font-size: 6vw !important;
	}
}

@media(min-width:768px) and (max-width:991px){
	section.little-widgets h3[data-widget-element="widgetHeader"].display-4 > small {
	  font-size: 10px;
	  line-height: 1;
	  padding: 0 40px;
	  white-space: normal;
    }
}

.link-container .btn-link {
	position: relative;
}

.link-container .btn-link:hover,
.link-container .btn-link:focus {
	color: var(--secondary);
}

.link-container .btn-link:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--secondary);
}

@media(min-width:992px){
	.alert-global,
	.alert-global a.alert-link {
	  font-size: 14px;
	}
}

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

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

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

header {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 30px 30px rgba(142,121,105,0.1);
  position: sticky !important;
  top: 0 !important;
}

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

header,
header > .container-fluid,
header > .container-fluid > .row,
nav.navbar .navbar-toggler {
  height: 70px !important;
}

a#logo,
header .main-content-col a#logo {
  width: 155px!important;
  min-width: 155px!important;
  max-width: 155px!important;
  height: 70px !important;
  padding: 0 10px!important;
  position: absolute !important;
  top: 0 !important;
  left: 10px !important;
  overflow: hidden;
}

header .content-toolbar.inline-right {
  justify-content: flex-end !important;
  margin-right: 20px !important;
  flex-wrap: nowrap;
}

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

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

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

header .main-content-col.nav-inline {
  display: flex !important;
  flex-direction: row-reverse!important;
  padding: 0px 0px 0px 175px !important;
}

header .content-toolbar > .content-toolbar-inner {
  justify-content: flex-end !important;
}

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

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

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

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

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

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

header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu,
header .content-toolbar > .content-toolbar-inner > ul.right .dropdown-menu-right, 
header .content-toolbar > .content-toolbar-inner > ul.right .item-search .dropdown-menu {
  top: 100% !important;
  right: 0px !important;
  left: auto !important;
}

@media(min-width:768px){
	a#logo,
	header .main-content-col a#logo {
	  width: 175px!important;
	  min-width: 175px!important;
  	  max-width: 175px!important;
  	  height: 80px !important;
	}
	header,
	header > .container-fluid,
	header > .container-fluid > .row,
	nav.navbar .navbar-toggler {
	  height: 80px !important;
	}
	header .main-content-col.nav-inline {
	  flex-direction: row-reverse!important;
	  padding: 0px 0px 0px 195px !important;
	}
	header .content-toolbar.inline-right {
	  margin-right: 15px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li+li {
	  margin-left: 25px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li.d-md-block {
	  display: block !important;
	}
}

@media(min-width:992px){
	a#logo,
	header .main-content-col a#logo {
	  width: 200px!important;
	  min-width: 200px!important;
  	  max-width: 200px!important;
  	  height: 94px !important;
	}
	header,
	header > .container-fluid,
	header > .container-fluid > .row,
	nav.navbar .navbar-toggler {
	  height: 94px !important;
	}
	header .content-toolbar.inline-right {
	  justify-content: flex-end !important;
	  margin-right: 40px !important;
	}
	header .main-content-col.nav-inline {
	  flex-direction: row-reverse!important;
	  padding: 0px 0px 0px 220px !important;
	}
	header .content-toolbar.inline-right {
	  margin-right: 25px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li+li {
	  margin-left: 30px !important;
	}
}

@media(min-width:1200px){
	header .content-toolbar.inline-right {
	  justify-content: flex-end !important;
	  margin-right: 60px !important;
	}
}


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

nav.navbar .navbar-toggler {
  padding-left: 20px !important;
  padding-right: 20px !important;  
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 2500;
}

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

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

@media(min-width:768px){
	nav.navbar .navbar-toggler {
	  padding-left: 25px !important;
	  padding-right: 25px !important;  
	}
}

@media(min-width:992px){
	nav.navbar .navbar-toggler {
	  padding-left: 35px !important;
	  padding-right: 35px !important;  
	}
}

nav.navbar #main-navigation {
  background: rgba(159,135,117,1) !important;
  box-shadow: 0 0 0 5000px rgba(159,135,117,0) !important;
  transition: all 200ms ease-out 100ms;
}

body.nav-right-back-open nav.navbar #main-navigation {
  box-shadow: 0 0 0 5000px rgba(123,106,93,0.9), inset 0 1px 0 1px #8e7969 !important;
  transition: all 200ms ease-out 100ms;
}

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

nav.navbar .navbar-nav > .nav-item .nav-link {
  letter-spacing: 0.1rem !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

nav.navbar .navbar-nav > .nav-item:last-child {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

nav.navbar .navbar-nav > .nav-item .nav-link,
nav.navbar .navbar-nav > .nav-item .dropdown-item {
  color: rgba(255,255,255,0.7) !important;
  background: transparent !important;
}

nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent, 
nav.navbar .dropdown .dropdown-item {
  font-size: 14px !important;
}

nav.navbar .dropdown .dropdown-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal !important;
  font-weight: 400 !important;
}

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

nav.navbar .navbar-nav > .nav-item .nav-link:hover,
nav.navbar .navbar-nav > .nav-item .nav-link:focus,
nav.navbar .navbar-nav > .nav-item.show .nav-link,
nav.navbar .navbar-nav > .nav-item.dropdown-is-open .nav-link,
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:hover,
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item:focus {
  color: rgba(255,255,255,1) !important;
  background: transparent !important;
  outline: none !important;
}

nav.navbar .navbar-nav > .nav-item .nav-link,
nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap .dropdown-plus,
nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-item {
  border-top: 1px solid rgba(0,0,0,0.1) !important;
  outline: none !important;
  background: transparent !important;
  padding: 0 20px !important;
}

nav.navbar .navbar-nav.navbar-right > .nav-item:first-child .nav-link {
  border-top: 0px solid rgba(0,0,0,0.1) !important;
}

nav.navbar .navbar-nav.navbar-right {
  border-bottom: 0px solid rgba(0,0,0,0.1) !important;
}
nav.navbar .dropdown > .dropdown-menu, 
nav.navbar .nav-item.dropdown > .dropdown-menu {
  background: #8e7969 !important;
}

nav.navbar .dropdown-submenu > .dropdown-menu {
  background: #8e7969 !important;
}

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

nav.navbar .navbar-nav > .nav-item:first-child > .nav-link-and-plus-wrap > .nav-link,
nav.navbar .navbar-nav > .nav-item:first-child > .nav-link-and-plus-wrap > .dropdown-plus {
  border-top: 0px solid rgba(0,0,0,0.1) !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-menu-children .dropdown-item {
  font-size: 14px !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .nav-link, 
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 .dropdown-item {
  height: 48px !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus {
  width: 48px !important;
  color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
}

nav.navbar .navbar-nav > .nav-item > .nav-link-and-plus-wrap {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

nav.navbar .navbar-nav > .nav-item > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(0deg) scale(1.05) !important;
}

nav.navbar .navbar-nav > .nav-item.show > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(45deg) scale(1.15) !important;
}

nav.navbar .navbar-nav > .nav-item .dropdown-submenu > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(0deg) scale(0.65) !important;
    -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
}

nav.navbar .navbar-nav > .nav-item .dropdown-submenu.show > .nav-link-and-plus-wrap > a.dropdown-plus > i {
  transform: rotate(45deg) scale(0.75) !important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
}

body.sitemanager-menu-open nav.navbar #main-navigation > .container, 
body.sitemanager-menu-closed nav.navbar #main-navigation > .container, 
body.sitemanager-menu-open nav.navbar #main-navigation > .container-fluid, 
body.sitemanager-menu-closed nav.navbar #main-navigation > .container-fluid {
  padding-bottom: 81px;
}

nav.navbar .navbar-nav > .nav-item .nav-link-and-plus-wrap .d-flex.d-xl-none {
  display: flex !important;  
}

nav.navbar #main-navigation > .container-fluid {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide .col-xl-auto {
  width: 100% !important;
}	

nav.navbar .navbar-nav > .nav-item .dropdown-item-image {
  display: none !important;
}



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

footer {
  padding-top: 30px;
}

footer h6 {
  font-weight: 500 !important;
  font-size: 16px !important;
}

footer address,
footer address *,
footer p,
footer .p,
footer p.small {
  line-height: 1.2rem !important;
}

footer address > table tr > td,
footer address > table tr > td > span,
footer address > table tr > td > strong {
  line-height: 1 !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 > span,
footer address > table tr > td > strong,
footer .footerlinks li a {
  font-weight: 300 !important;
  font-size: 13px;
}

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

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: 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 .footer-section .col-12.col-sm-12.col-md-12.col-lg-12 .footer-affiliate-logos {
  padding: 0 !important;
  margin-top: 60px !important;
  margin-bottom: -20px !important;
}

footer p.copyrights {
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

footer p.copyrights, 
footer p.copyrights a, 
footer p.copyrights a:hover, 
footer p.copyrights a:focus {
  color: rgba(255,255,255,1) !important;
}

@media(min-width:768px){
	footer .social-networks {
	  justify-content: flex-start !important;
	}
}






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

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

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description {
  padding: 0 10vw;
  font-family: "cormorant-garamond", sans-serif;
  font-size: 2rem;
  line-height: 1.25;
}

.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: var(--primary);
}

.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: var(--primary);
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav {
  opacity: 1;
  top: auto !important;
  bottom: -62px !important;
  left: calc(50% - 150px);
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-prev {
  left: 0!important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-next {
  right: 0!important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-prev i::before {
  content: "\e629";
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav .owl-next i::before {
  content: "\e628";
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots {
  display: none !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .star-rating {
  margin-top: 21px;
  margin-bottom: 25px !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .star-rating i {
  color: var(--primary);
}

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

@media(min-width:768px){
	.testimonials-carousel .testimonials-owl-carousel .owl-nav {
	  width: 300px;
	}
}

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



/* =======================================================================================
	INSTAGRAM
======================================================================================= */

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

.widget-social-carousel .social-description {
  margin-bottom: 0 !important;
}

.widget-social-carousel .social-link,
.widget-social-carousel .social-heading {
  display: none !important;
}

.widget-social-carousel .owl-nav {
  opacity: 1;
}

.widget-social-carousel .owl-nav button {
  background: white !important;
}

.widget-social-carousel .owl-nav button i {
  color: var(--primary);
}

.widget-social-carousel .owl-nav .owl-prev i::before {
  content: "\e629";
}

.widget-social-carousel .owl-nav .owl-next i::before {
  content: "\e628";
}



/* =======================================================================================
	SPECIAL HEADERS
======================================================================================= */

section.image-headers img[data-widget-element="widgetImage"] {
  max-width: none !important;
  width: auto !important;
}

@media(max-width:767px){
  	section.image-headers img[data-widget-element="widgetImage"] {
	  height: 70px !important;
	  max-height: 70px !important;
	}
}

@media(min-width:768px){
	section.image-headers img[data-widget-element="widgetImage"] {
	  max-height: 150px !important;
    }
	section.image-headers .widget-inner.ml-0 img[data-widget-element="widgetImage"]{
	  margin-left: 0 !important;
	}
	section.image-headers .widget-inner.mr-0 img[data-widget-element="widgetImage"]{
	  margin-right: 0 !important;
	}
	section.image-headers .widget-inner.ml-0::before {
	  content: "";
	  background: var(--primary);
	  height: 3px;
	  width: 50%;
	  position: absolute;
	  top: 50%;
	  right: 0;
	}
	section.image-headers .widget-inner.mr-0::before {
	  content: "";
	  background: var(--primary);
	  height: 3px;
	  width: 20%;
	  position: absolute;
	  top: 50%;
	  left: 0;
	}
}