/*!
 * Jewel Smith
 * Copyright 2008-2022 Punchmark
 */

/* =======================================================================================
	Watch Repair Page
======================================================================================= */
.click-area-top-watch-repair {
  position: absolute !important;
  top: 0;
  bottom: auto;
  left: auto; /* optional, for horizontal positioning */
  right: auto; /* optional */
}

body.watch-repair {
  	font-family: 'Inter', sans-serif;
    background-color: #f4f4f8;
    font-family: 'Inter', sans-serif;
    color: #1e293b;
    margin: 0;
    padding: 1rem;
}

.watch-repair-wrapper {
    max-width: 840px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 2.5rem 2rem;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.watch-repair-content {
    text-align: left;
}

.watch-repair-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #0f172a;
    border-left: 4px solid #6b7280;
    padding-left: 1rem;
}

.watch-repair-intro {
    font-size: 1.125rem;
    color: #475569;
    margin-bottom: 1.75rem;
    line-height: 1.6;
}

.watch-repair-features {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1.05rem;
    color: #334155;
    margin-bottom: 2rem;
    padding-left: 0;
}

.watch-repair-features li {
    padding-bottom: 1.5rem;
    line-height: 1.6;
}

.watch-repair-special-note {
    background-color: #e5e7eb;
    color: #374151;
    font-size: 1.05rem;
    padding: 1rem 1.25rem;
    border-radius: 6px;
    border-left: 4px solid #9ca3af;
}

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

/* Styling for mobile (screen widths less than or equal to 768px) */
@media (max-width: 768px) {
    .mobile-content-center {
        text-align: center !important;
    }
}

.btn-platinum {
  border-color: silver !important;
  background-color: silver !important;
  color: white !important;
}

.btn-link:not(.view-btn) {
  position: relative;
  font-weight: 400;
}

.btn-link:not(.view-btn)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #111111;
}

.input-group .btn {
  border-radius: 0.25rem;
}

a#logo {
	position: relative !important;
}

a#logo img {
	padding-bottom: 30px !important;
}

a#logo::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: url(https://cdn.jewelryimages.net/static/domains/jewelsmiths/images/store-pics/jewelsmiths_logo_with_ag.png) center center no-repeat !important;
	background-size: contain !important;
}

a#logo img {
	visibility: hidden !important;
}

@media(max-width:767px){
	.top-widgets [data-pagebuilder="widget"]{
		min-height: 400px !important;
	}
	.top-widgets .widget-inner {
		aspect-ratio: 8 / 6 !important;
	}
	#slick-slider .slide .html-overlay {
		position: absolute !important;
	}
	a#logo, 
	header .main-content-col.nav-inline a#logo {
		width: 210px !important;
		margin-bottom: -50px !important;
		top: 5px !important;
	}
	header {
		padding: 0 !important;
	}
}

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

nav.navbar .nav-item .nav-link {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
}

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

@media(max-width:767px){
	.navbar-toggler {
		padding: 20px 20px 20px 20px !important;
	}
}

@media(min-width:768px){
	nav.navbar,
	nav.navbar .navbar-collapse,
	nav.navbar .inner-nav,
	nav.navbar .navbar-nav {
	  position: static !important;
	  height: 100%;
	}
	nav.navbar .nav-item {
	  height: 100%;
	}
	nav.navbar .dropdown .dropdown-menu-wide {
	  border-radius: 0;
	  border-top: 0 !important;
	}
	nav.navbar .dropdown .dropdown-menu-wide > .container {
	  padding: 20px 20px !important;
	  max-width: 100% !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item {
	  font-size: 21px !important;
	  font-weight: 600 !important;
	  padding: 0 0 5px 0 !important;
	  margin: 20px 0 5px 0 !important;
	  background: none !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item:hover,
	nav.navbar .dropdown .dropdown-menu .dropdown-item:focus {
	  background: none !important;
	  color: var(--primary) !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item {
	  font-size: 16px !important;
	  font-weight: 400 !important;
	  padding: 0 !important;
	  margin: 10px 0 0 0 !important;
	  background: none !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item i {
		font-size: 25px !important;
		position: relative;
		top: 8px;
		margin-right: 3px;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item:hover,
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item:focus {
	  background: none !important;
	  color: var(--primary) !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image,
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image img,
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  margin: 0 0 0 auto !important;
	  display: block !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image img {
	  border: 3px solid rgba(0,0,0,0.35) !important;
	  padding: 0px !important;
	  margin-top: 20px;
	  background: white !important;
	}
	nav.navbar .nav-item.dropdown>.dropdown-menu.dropdown-menu-wide {
	  box-shadow: 0 2000px 0 2000px rgba(0,0,0,0.2) !important;
	}
	nav.navbar .dropdown .dropdown-menu-wide .row .col-md-auto:last-child .dropdown-item-image {
	  position: relative;
	  z-index: 2;
	}
	nav.navbar .dropdown .dropdown-menu-wide .row .col-md-auto:last-child .dropdown-item-image::after {
	  content: "";
	  display: block;
	  position: absolute;
	  z-index: 1;
	  border-right: 2px solid rgba(0,0,0,0.25);
	  border-bottom: 2px solid rgba(0,0,0,0.25);
	  bottom: -6px;
	  right: -16px;
	  width: 75%;
	  height: 75%;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  text-align: left !important;
	  font-size: 16px !important;
	  font-weight: 400 !important;
	  color: #888;
	  padding: 6px 0 0 0 !important;
	}
}

@media(min-width:1200px){
	nav.navbar .dropdown .dropdown-menu-wide > .container {
	  padding: 20px 30px !important;
	} 
	nav.navbar .dropdown .dropdown-menu-wide .row .col-md-auto:last-child .dropdown-item-image::after {
	  bottom: -10px;
	  right: -20px;
	}
}


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

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

footer .input-group .btn,
footer .input-group .form-control {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0px;
}

footer .input-group .form-control {
  padding-left: 1rem !important;
  border-radius: 40px;
}

footer .input-group .form-control:focus, 
footer .input-group .form-control:active {
  background: #222222 !important;
  border-color: #222222 !important;
}

footer .input-group .form-control {
  color: #FFFFFF;
}

footer .input-group .form-control::placeholder {
  color: #666666;
}

footer h6 + p.small + div > form {
  margin-top: -0.75rem;
}

/* ===============

Custom footer image request 12/23/2024

* =============== */

footer .row > div.col-12:first-child > h6:first-child {
	background-image: url('https://cdn.jewelryimages.net/static/domains/jewelsmiths/images/store-pics/footer-logo-1.png');
	background-repeat: no-repeat;
	background-size: contain;
    height: 100px;
    width: 350px;
	max-width: calc(100% - 30px) !important;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: auto;
}

@media (max-width: 767px) {
	footer .row > div.col-12:first-child > h6:first-child {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px !important;
		height: 78px;
		width: 260px;
	}
}


/*========================================================================================
	SOCIAL MEDIA PAGE - GRID FIX
========================================================================================*/
/* body#social-media .grid-item-iso {
	width: 25% !important;
}
body#social-media .grid-sizer {
	width: 25% !important;
	display: block !important;
}

@media (max-width: 992px) {
	body#social-media .grid-item-iso {
	width: 50% !important;
}
body#social-media .grid-sizer {
	width: 50% !important;
	display: block !important;
}
}

@media (max-width: 768px) {
	body#social-media .grid-item-iso {
	width: 100% !important;
}
body#social-media .grid-sizer {
	width: 100% !important;
	display: block !important;
}
}

body#social-media .grid {
	display: block !important;
} 

#social-media-grid .grid .grid-item-iso .grid-item-inner {
    padding: 10px
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox {
    border: 1px solid var(--bs-input-border-color);
    padding: .325rem;
    background: var(--bs-final-site-color);
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(var(--bs-body-color-rgb),0.025)
}

#social-media-grid .grid .grid-item:hover .grid-item-inner .grid-item-innerbox,#social-media-grid .grid .grid-item:focus .grid-item-inner .grid-item-innerbox,#social-media-grid .grid .grid-item:active .grid-item-inner .grid-item-innerbox {
    box-shadow: 0 2px 10px rgba(var(--bs-body-color-rgb),0.075)
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-header {
    border: 0 solid transparent;
    padding: 0 0 .325rem .4rem
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-footer {
    border: 0 solid transparent;
    padding: .3rem 0 0 0
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-image {
    border: 1px solid var(--bs-input-border-color)
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info {
    border: 1px solid var(--bs-input-border-color);
    border-top: 0;
    border-radius: 0 0 .25rem .25rem
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info .media-info-inner .media-info-content {
    padding: .4rem .75rem .5rem .75rem
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info .media-info-inner .media-info-content span.header {
    font-size: 18px;
    font-weight: 600;
    display: block
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info .media-info-inner .media-info-content p.p {
    margin-bottom: .25rem;
    font-size: 14px;
    line-height: 1.4
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info .media-info-inner .media-info-content p.p.likes {
    font-size: 80%
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-info .media-info-inner .media-info-content p.p.likes i {
    font-size: 16px
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-header .media-info-inner .media-info-content .social-networks.full-color {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-header .media-info-inner .media-info-content .social-networks.full-color .date {
    height: 22px !important;
    line-height: 22px !important;
    display: block
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-header .media-info-inner .media-info-content .social-networks.full-color .network {
    width: 22px !important;
    padding: .25rem 0 !important;
    border-radius: 2px !important
}

#social-media-grid .grid .grid-item-iso .grid-item-inner .grid-item-innerbox .media-header .media-info-inner .media-info-content .social-networks.full-color .network [class^="icon-"] {
    font-size: 14px !important
} */