/*
 * Client: Towne Square Jewelers
 * Copyright 2008-2021 Punchmark
 */


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

h1, h2, h3 {
  font-weight: bold;
}

.display-4 {
  font-size: 2.5rem !important;
}

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

section.offset-color-box-1 [data-pagebuilder="column"]:nth-child(1) [data-pagebuilder="widget"] {
  padding-left: 30px;
  padding-right: 30px;  
}
section.offset-color-box-1 [data-pagebuilder="column"] + [data-pagebuilder="column"] [data-pagebuilder="widget"]{
  margin-top: -30px;
}
section.offset-color-box-2 [data-pagebuilder="column"]:nth-child(1) [data-pagebuilder="widget"] {
   margin-top: -30px;
}
section.offset-color-box-2 [data-pagebuilder="column"] + [data-pagebuilder="column"] [data-pagebuilder="widget"]{
  padding-left: 30px;
  padding-right: 30px;  
}
section.offset-color-box-2 [data-pagebuilder="column"]:nth-child(1){
  z-index: 100;
}

@media(min-width:768px){
	section.offset-color-box-1 [data-pagebuilder="column"]:nth-child(1) [data-pagebuilder="widget"] {
	  margin-left: 60px;
	  padding-left: 0px;
  	  padding-right: 0px;  
	}
	section.offset-color-box-1 [data-pagebuilder="column"] + [data-pagebuilder="column"] [data-pagebuilder="widget"]{
	  margin-left: -60px;
	  margin-bottom: -60px;  
	  margin-top: auto;
	}	
	section.offset-color-box-2 [data-pagebuilder="column"]:nth-child(1) [data-pagebuilder="widget"] {
	  margin-left: 60px;
	  margin-bottom: -60px;  
	  margin-top: auto;
	}
	section.offset-color-box-2 [data-pagebuilder="column"] + [data-pagebuilder="column"] [data-pagebuilder="widget"]{
	  margin-left: -60px;
	  padding-left: 0px;
  	  padding-right: 0px;  
	}
}

.widget .pb-icon {
  color: #CEBEB8;
}

section.gift-grid .grid .grid-item .widget {
  position: relative;
  padding: 0 !important;
}

section.gift-grid .grid .grid-item .widget::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  box-shadow: inset 0 0 0 10px white !important;
}

section.gift-grid .grid[data-grid-cols="4"] .grid-item.fullwidth {
  width: 100% !important;
}


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

a#logo {
  margin-top: -2px;
  margin-bottom: -60px;
  z-index: 1000;
  position: relative;
}

@media(min-width:768px){
	a#logo {
	  margin-top: -50px;
	  margin-bottom: 0px;
	}
}

header {
  border-top: 10px solid #CEBEB8;
  box-shadow: 0 0 0 1px #f3efed, 0 0 40px rgba(137,129,122,0.2) !important;
}

header .content-toolbar {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

header .content-toolbar > .content-toolbar-inner > ul,
header .content-toolbar > .content-toolbar-inner > ul > li, 
header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) > i {
  color: #CEBEB8;
  font-size: 22px;
  height: 42px;
  line-height: 42px;
}

header .content-toolbar > .content-toolbar-inner > ul.left {  
  width: calc(100% - 106px);
  padding-right: 20px !important;
}

header .content-toolbar > .content-toolbar-inner .input-group {
  border: 1px solid #f3efed;
  border-radius: 60px !important;
}

header .content-toolbar > .content-toolbar-inner .input-group .btn,
header .content-toolbar > .content-toolbar-inner .input-group .form-control {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

header .content-toolbar > .content-toolbar-inner .input-group .form-control {
  border-radius: 60px 0 0 60px !important;
  min-width: 1px;
  padding-right: 0 !important;
}

header .content-toolbar > .content-toolbar-inner .input-group .btn {
  border-radius: 0 60px 60px 0 !important;
}

header .content-toolbar > .content-toolbar-inner .input-group .btn i {
  color: #CEBEB8;
  font-size: 22px;
}

header .nav-default .row {
  margin: 0 !important;
}

header .nav-default,
header .nav-default .row .col {
  padding: 0 !important;
}

header .main-content,
header .main-content-col {
  position: static;
}


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

nav {
  /**/
}

nav.navbar .navbar-toggler {
  padding: 20px !important;
}

header .nav-default .row.explore-all-row {
  display: none !important;
}

nav.navbar .nav-item .nav-link {
  letter-spacing: 0.09rem !important;
}

@media(min-width:768px){
	nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide > .container {
	  padding-bottom: 20px !important;
	}
	nav.navbar .dropdown .dropdown-item,
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
	  color: #89817A !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent:hover,
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent:focus {
	  color: #ffffff !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu-wide {
	  box-shadow: 0 30px 30px rgba(137,129,122,0.2) !important;
	}
}

@media(max-width:767px){
	nav.navbar .navbar-collapse {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}
	nav.navbar .navbar-toggler {
	  z-index: 5001;
	}
	header .main-content-col.nav-inline-and-split nav.navbar {
	  margin-left: 0 !important; 
	  margin-right: 0 !important;
	  z-index: unset;
	}
	nav.navbar #main-navigation,
	nav.navbar #main-navigation.open {
	  background: #fbf9f8 !important;
	  box-shadow: 0 0 0 800px rgba(137,129,122,0.0);
	  z-index: 5000;
	}
	nav.navbar #main-navigation.open {
	  box-shadow: 0 0 0 800px rgba(137,129,122,0.9);
	}	
	nav.navbar #main-navigation .dropdown-menu .col-12 {
	  min-height: 0px;
	}
	nav.navbar .navbar-nav > .nav-item > .nav-link,
	nav.navbar .navbar-nav > .nav-item > .nav-link:focus {
	  outline: none !important;
	}
	nav.navbar .navbar-nav > .nav-item > .nav-link:focus {
	  color:  !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 > i {
	  color:  !important;
	  background: #fbf9f8 !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,
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent, 
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus {
	  background-color: #fbf9f8 !important;
	  color:  !important;
	  outline: none !important;
	  border-color: #f3efed !important;
	  border: 0 !important;
	}
	nav.navbar .nav-item,
	nav.navbar .dropdown-submenu .dropdown-item,
	nav.navbar .dropdown-submenu .dropdown-menu-children .dropdown-item,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-item,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-item:hover,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-item:focus,	
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-plus,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-plus:hover,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-plus:focus,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item:hover,
	body nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item:focus {
	  border-top: 1px solid #f3efed !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a:hover .text-center.small.pt-1, 
	nav.navbar .dropdown-wide .dropdown-menu-wide a:focus .text-center.small.pt-1, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent:hover, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent:focus, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent:active, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent.active,
	nav.navbar .dropdown > .dropdown-menu, nav.navbar .dropdown-submenu > .dropdown-menu {
	  background-color: #fbf9f8 !important;
	}	
	nav.navbar .dropdown > .menu-megamenu-ringsettings .row.ringsettings {
	  overflow: hidden;
	  border-bottom: 0 !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .ringsettings a {
	  color: white !important;
	  display: flex !important;
	  flex-direction: column !important;
	  justify-content: center !important;
	  align-items: center !important;
	  padding-top: 5px;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .ringsettings a > span { 
	  font-size: 12px !important;
	}
	nav.navbar .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .nav-link.dropdown-toggle > i {
	  font-size: 1.1rem !important;
	  line-height: 25px !important;
	  letter-spacing: 0.06rem !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 .dropdown-menu-wide .dropdown-plus i,
	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 {
	  font-size: 0.9rem !important;
	  line-height: 25px !important;
	  letter-spacing: 0.06rem !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown .dropdown-menu-wide .dropdown-plus i {
	  font-size: 1.1rem !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
	  padding-left: 35px !important;
	}
	nav.navbar .navbar-right .image-link {
	  padding-top: 10px !important;
	  padding-bottom: 10px !important;
	}
	nav.navbar .navbar-right .image-link img {
	  min-width: 87px;
	  width: 87px;
	}
	nav.navbar .navbar-nav > .nav-item.show > .nav-link-and-plus-wrap.show > .dropdown-plus > i,
	nav.navbar .navbar-nav > .nav-item .dropdown-menu-wide .dropdown-submenu.show .dropdown-plus i.icon-plus:before {
	  transform: rotate(45deg) scale(1.1) !important;
	  display: block !important;
	}
	nav.navbar .navbar-nav .global-cart-dropdown,
	nav.navbar .navbar-nav .global-wish-list-dropdown,
	nav.navbar .navbar-nav .my-account-dropdown {
	  border-color: #000000;
	  background: #181818 !important;
	}
	nav.navbar .navbar-nav .global-cart-dropdown .dropdown-item,
	nav.navbar .navbar-nav .global-wish-list-dropdown .dropdown-item,
	nav.navbar .navbar-nav .my-account-dropdown .dropdown-item {
	  color: white;
	  font-size: 0.9rem !important;
	  letter-spacing: 0.06rem !important;
	}
	nav.navbar .navbar-nav .my-account-dropdown .dropdown-divider {
	  border-color: #282828 !important;
	}
}




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

footer {
  border-top: 10px solid #CEBEB8;
}

footer h6 {
  font-size: 16px;
  color: #89817A;
}

footer p,
footer address,
footer address a,
footer address a strong {
  font-size: 13px;
  color: #89817A;
  font-weight: 400;
}

footer .footerlinks {
  line-height: 1.3;
}

footer .footerlinks a {
  font-size: 13px;
  color: #89817A;
}

footer .footerlinks a:hover,
footer .footerlinks a:focus {
  color: #CEBEB8;
}

footer address > table * {
  font-size: 13px;
}

footer address > table tr > td > strong {
  font-size: 13px;
}

footer h6 + p.small + div {
  margin-top: -0.5rem;
}

footer h6 + p.small + div label {
  font-size: 13px;
  color: #89817A;
  font-weight: 600;
}

footer .input-group {
  border: 1px solid #f3efed;
}

footer .btn,
footer .form-control {
  background: #fbf9f8 !important;
  border: 0;
  border-radius: 0 !important;
}

footer .btn:hover,
footer .btn:focus,
footer .form-control:hover,
footer .form-control:focus {
  background: #fbf9f8 !important;
  box-shadow: none !important;
}

footer .btn i {
  color: #89817A;
}

footer p.copyrights, 
footer p.copyrights * {
  color: #89817A !important;
}



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

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

.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: #CEBEB8 !important;
}

.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: #CEBEB8 !important;
}

.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;
  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: #000;
  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;
	}
}