/*
 * Client: Ask Design Jewelers
 * Copyright 2008-2022 Punchmark
 */


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

.meet-our-staff .owl-carousel .owl-stage {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.meet-our-staff .owl-carousel .owl-stage .owl-item {
  float: none !important;
}

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

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

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

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

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

.phone-number-input .phone button {
  border-radius: 2px 0 0 2px !important;
}

.phone-number-input .phone .form-label-group .form-control.input-lg {
  border-radius: 0 2px 2px 0 !important;
}

[data-widget-element="widgetHeader"] small {
  display: block;
  font-size: 13px;
  letter-spacing: 0.075rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
}

.alert-global {
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 300;
  padding: 0.5rem 2rem;
  margin: 0 auto;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #111111 !important;
  border-bottom: 1px solid #242424 !important;
  background: #111111 !important;  
  color: #ffffff !important;
}

.alert-global a.alert-link {
  transform: none;
  position: static;
  display: inline;
  font-size: 12px;
  font-weight: 500;
  padding: 0 4px;
  color: #ffffff !important;
}

.alert-global .close > span > span {
  background: rgba(255,255,255,1);
}

@media(min-width:768px){
	.alert-global {
	  z-index: 1;
	  background: none !important;	  
	  font-size: 14px;
	  background: #111111 !important;
	  border-color: #111111 !important;
	  border-bottom: 1px solid #242424 !important;
	  color: #ffffff !important;
	}
}

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 {
  background: #000000 !important;
  position: sticky;
  top: 0;
  box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important;
  width: 100%;
}

header,
header .main-content,
header .main-content > .row,
header .main-content > .row .main-content-col {
  height: 74px !important;
}

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

header a#logo {
  width: 140px !important;
  max-width: 140px !important;
  position: static !important;
  transform: none !important;
  padding: 10px 0 !important;
  z-index: 2001 !important;
}

header .main-content {
  max-width: 100% !important;
  padding: 0 20px !important;
}

header .main-content > .row {
  margin-left: auto !important;
  margin-right: auto !important;
}

header .nav-inline-and-split {
  display: flex !important;
  position: static;
}

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

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-user,
header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-user-circle {
  background: url(../images/user.svg) center center no-repeat !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-heart {
  background: url(../images/heart.svg) center center no-repeat !important;
}

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

@media(min-width:768px){
	header .content-toolbar.inline-left-and-right {
	  display: none; 
	}
	header a#logo {
	  padding-right: 10px !important;
	}
}

@media(min-width:992px){
	header a#logo {
	  padding-right: 15px !important;
	}
}

@media(min-width:1300px){
	header .main-content {
	  max-width: 90% !important;
	}
	header a#logo {
	  padding-right: 20px !important;
	}
}

@media(max-width:767px){
	header {
	  height: 74px !important;
	}
	header a#logo {
	  width: 100px !important;
	  max-width: 100px !important;
	  position: absolute !important;
	  top: 1px !important;
	  left: calc(50% - 50px) !important;
	}
	header .nav-inline-and-split {
	  padding: 0 2px 0 43px;
	}
	header .content-toolbar,
	header .content-toolbar-inner,
	header .content-toolbar-inner ul.right,
	header .content-toolbar-inner ul.right .toolbar-item {
	  height: 74px !important;
	}
	header .content-toolbar.inline-left-and-right {
	  width: auto !important;
	}	
	header .content-toolbar > .content-toolbar-inner > ul > li,
	header .content-toolbar > .content-toolbar-inner > ul > li > a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  display: block;
	  font-size: 24px;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-shopping-cart {
	  transform: translateY(-1px);
	}
	header .content-toolbar > .content-toolbar-inner > ul.left li.dropdown > .dropdown-menu {
	  top: calc(100% - 20px) !important;
	  right: auto !important;
	  left: 0 !important;
	  z-index: 10000;
	}
	header .content-toolbar > .content-toolbar-inner > ul.right li.dropdown > .dropdown-menu {
	  top: calc(100% - 20px) !important;
	  right: 0 !important;
	  left: auto !important;
	  z-index: 10000;
	}
	header .content-toolbar > .content-toolbar-inner > ul.right li.dropdown > .dropdown-menu.menu-account {
	  right: 37px !important;
	}
	header .content-toolbar ul.right .dropdown > .dropdown-menu .dropdown-item {
	  font-size: 14px;
	}
}


/* ==========================================================================
    Navigation
============================================================================= */

nav.navbar .navbar-collapse .inner-nav {
  max-width: 100%;
}

header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
  width: auto !important;
}

nav.navbar .nav-item .nav-link > i {
  color: transparent !important;
  background-size: contain !important; 
  font-size: 30px;
  transform: translateY(-1px);
}

nav.navbar .nav-item .nav-link > i + span {
  padding-left: 0.25rem;
}

nav.navbar .nav-item .nav-link > i.icon-user,
nav.navbar .nav-item .nav-link > i.icon-user-circle {
  background: url(../images/user.svg) center center no-repeat !important;
  font-size: 28px;
  transform: translateY(0px);
}

nav.navbar .nav-item .nav-link > i.icon-search {
  background: url(../images/search.svg) center center no-repeat !important;
  font-size: 28px;
  transform: translateY(0px);
}

nav.navbar .nav-item .nav-link > i.icon-heart {
  background: url(../images/heart.svg) center center no-repeat !important;
}

nav.navbar .nav-item .nav-link > i.icon-shopping-cart {
  background: url(../images/cart.svg) center center no-repeat !important;
}

.menu-search .input-group-btn .btn {
  padding-left: 0.75rem;
  padding-right: 0.75rem;  
}

.menu-search .input-group-btn .btn i {
  font-size: 1.5rem;
}

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

@media(min-width:768px) and (max-width:991px){
	nav.navbar .nav-item .nav-link > i + span {
	  display: none !important;
	}
}

@media(min-width:768px){
	nav.navbar,
	nav.navbar .navbar-collapse,
	nav.navbar .inner-nav,
	nav.navbar .navbar-nav,
	nav.navbar .nav-item,
	nav.navbar .nav-item .nav-link,
	nav.navbar .nav-item .nav-link-and-plus-wrap {
	  height: 100%;
	  position: static;
	}
	nav.navbar .nav-item,
	nav.navbar .nav-item .nav-link,
	nav.navbar .nav-item .nav-link-and-plus-wrap {
	  z-index: 2001 !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-right,
	header .nav-inline-and-split nav.navbar .navbar-right .nav-item {
	  position: relative;
	}
	nav.navbar .navbar-left .nav-item .nav-link {
	  letter-spacing: 0.075rem;
	}
	nav.navbar .nav-item .nav-link,
	nav.navbar .nav-item .nav-link > span {
	  font-size: 1rem;
	  text-transform: none;
	  color: white;
	}
	nav.navbar .navbar-nav > .nav-item {
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
	nav.navbar .navbar-left .nav-item .nav-link {
	  text-transform: uppercase;
	}
	nav.navbar .navbar-left .nav-item.dropdown > .dropdown-menu {
	  border-radius: 0;
	}
	nav.navbar .navbar-right .nav-item.dropdown > .dropdown-menu {
	  border-radius: 0.25rem;
	  margin-top: -20px;
	}
	nav.navbar .navbar-right .nav-item .menu-cart {
	  padding: 0.5rem 0 !important;
	}
	nav.navbar .navbar-right .nav-item .menu-search {
	  padding: 0.5rem !important;
	}
	nav.navbar .navbar-right .nav-item.item-search {
	  padding-right: 0 !important;
	}
	nav.navbar .navbar-right .nav-item .menu-search > .px-2 {
	  padding: 0 !important;
	}
	nav.navbar .nav-item.dropdown.dropdown-is-open > .dropdown-menu-wide {
	  padding-bottom: 25px;
	}
	nav.navbar .dropdown .dropdown-item.dropdown-item-image {
	  transform: translateY(10px);
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide {
	  box-shadow: 0 4000px 0 4000px rgba(0,0,0,0.0);
	  z-index: unset;
	}
	nav.navbar .nav-item.dropdown.dropdown-is-open > .dropdown-menu.dropdown-menu-wide {
	  box-shadow: 0 4000px 0 4000px rgba(0,0,0,0.8);
	  transition: all 300ms ease !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
	  text-transform: uppercase !important;
	  font-weight: 500 !important;
	  font-size: 14px !important;
	  letter-spacing: 0.05rem !important;
	  margin-top: 20px !important;
	}
}

@media(max-width:767px){
	header .main-content-col.nav-inline nav.navbar,
	header .main-content-col.nav-inline-and-split nav.navbar {
	  position: absolute;
	  top: 0;
	  left: 0;
	  margin: 0 !important;
	  width: auto !important;
	}
	nav.navbar .navbar-toggler {
	  padding-top: 30px;
	  padding-bottom: 30px;
	  position: relative;
	  z-index: 2000;
	}
	nav.navbar #main-navigation {
	  background: #010101;
	  border-color: #000000 !important;
	  box-shadow: 0 0 0 3000px rgba(0,0,0,0) !important;
	}
	nav.navbar #main-navigation.open {
	  box-shadow: 0 0 0 3000px rgba(0,0,0,0.8) !important;
	}
	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,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-item.dropdown-item-image {
	  border-bottom: 1px solid #292929 !important;
	  background: #010101 !important;
	  height: 44px !important;
	  outline: none !important;
	  align-items: center !important;
	  color: white !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1,
	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 {
	  background: transparent !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 {
	  display: none !important;
	}
}

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

@media(min-width:1300px){
	nav.navbar .navbar-nav > .nav-item {
	  padding-left: 15px !important;
	  padding-right: 15px !important;
	}
}


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

footer {
  padding-top: 30px;
}

footer h6 {
  font-family: "cormorant-garamond", serif !important;
  text-transform: none !important;
  font-size: 26px !important;
  margin-bottom: 1rem !important;
}

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

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

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

footer .social-networks a,
footer .social-networks a i {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 1.15rem !important;
}

footer .social-networks a {
  border: 1px solid #c0c0c0;
  border-radius: 50%;
}

footer .social-networks a:hover,
footer .social-networks a:focus {
  background: #000000;
  border-color: #000000;
}

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

footer .input-group {
  border: 0px solid #c0c0c0;
  border-radius: 50px;
  background: #E6E6E6 !important;
}

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

footer .input-group .btn {
  padding: 0 1rem !important;
  background: none !important;
  color: #000000;
}

footer .input-group .btn:hover {
  color: var(--primary) !important;
}

footer .input-group .form-control {
  padding: 0.5rem 0 0.5rem 1rem !important;
  color: #000000;
  border-radius: 50px;
}

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

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

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

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


/* ==========================================================================
    Social
============================================================================= */

.social-slider .owl-nav {
  opacity: 1 !important;
  visibility: visible;  
}

.social-slider .owl-nav .disabled {
  opacity: 0 !important;
  visibility: hidden;
}

.social-slider .social-icon {
  margin: 0 auto !important;
}

.social-slider .social-link,
.social-slider .social-description,
.social-slider .social-heading {
  display: none !important;
}

.social-slider .owl-nav > button > i {
  color: var(--primary) !important;
}
 
@media(min-width:768px) and (max-width:1199px){
	.widget-social-carousel {
	  margin-right: -33% !important;
	}
}



/* ==========================================================================
    Tall Widgets
============================================================================= */

section.tall-widgets [data-widget-element="widgetBgImageSrc"] {
  background-size: auto 100% !important;
  transition: all 1000ms ease-out 10ms !important;
}

section.tall-widgets .widget:hover [data-widget-element="widgetBgImageSrc"],
section.tall-widgets .widget:focus [data-widget-element="widgetBgImageSrc"] {
  background-size: auto 120% !important;
  transition: all 1000ms ease-out 10ms !important;
}

section.tall-widgets .widget [data-widget-element="widgetHeader"] {
  transform: translateY(0);
  transition: all 1000ms ease-out 10ms !important;
}

section.tall-widgets .widget:hover [data-widget-element="widgetHeader"],
section.tall-widgets .widget:focus [data-widget-element="widgetHeader"] {
  transform: translateY(-25px);
  transition: all 1000ms ease-out 10ms !important;
}

@media(min-width:992px){
	section.tall-widgets .container {
	  max-width: 800px !important;
	  margin-left: auto !important;
	  margin-right: auto !important;  
	}
	section.tall-widgets.six-across .container {
	  max-width: 1000px !important;
	  margin-left: auto !important;
	  margin-right: auto !important;  
	}
}




/* ==========================================================================
    Sticky Sections
============================================================================= */

@media(min-width:768px){
	section.mobile-stack.fullscreen {
	  position: sticky;
	  top: 74px !important;
	}
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 {
	  padding: 30px !important;
	  width: calc(50% - 30px) !important;
	  height: calc(50% - 30px) !important;
	}
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .max-width-400,
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .max-width-500,
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .max-width-600,
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .max-width-700 {
	  margin: auto !important;
	  padding: 56px 30px 30px 30px !important;
	  background: rgba(0,0,0,0.6) !important;
	  border-radius: 3px;
	}
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .content-block {
	  position: relative;
	}
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .content-block::before {
	  content: "";
	  background: white;
	  width: 100px;
	  height: 3px;
	  position: absolute;
	  top: 30px;
	  left: 30px;
	}
}
@media(max-width:767px){
	section.mobile-stack.fullscreen .widget-text-overlay.w-md-50.h-md-50 > .content-block {
	  padding: 30px 20px 40px 20px !important;
	  border-radius: 0px;
	  max-width: 100% !important;	  
	}
	section.mobile-stack.fullscreen .text-light {
	  color: #ffffff !important;
	}
	section.mobile-stack.fullscreen .widget-text-overlay.position-absolute {
	  margin-top: -15% !important;
	}
	section.mobile-stack.fullscreen [data-widget-element="widgetBgImageSrc"] {
	  background-size: contain !important;
	  background-position: top center !important;
	}
}