/*!
 * Shipley's Fine Jewelry
 * Copyright 2008-2023 Punchmark
 */

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

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
	letter-spacing: 0.05rem !important;
}

.btn.btn-primary,
.btn.btn-secondary {
	position: relative;
}

.btn.btn-primary::after,
.btn.btn-secondary::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 1px solid white;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: white !important;
}

@media(max-width:767px){
	.mobile-stack .btn-outline-light {
		border-color: var(--dark) !important;
		color: var(--dark) !important;
		background: none !important;
	}
	.mobile-stack .btn-outline-light:hover,
	.mobile-stack .btn-outline-light:focus {
		border-color: var(--dark) !important;
		color: var(--light) !important;
		background: var(--dark) !important;
	}
	.mobile-stack .btn-light {
		border-color: var(--dark) !important;		
		color: var(--light) !important;
		background: var(--dark) !important;
	}
	.mobile-stack .btn-light:hover,
	.mobile-stack .btn-light:focus {
		border-color: var(--dark) !important;
		color: var(--dark) !important;
		background: none !important;
	}
}

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

header {
	background: white;
}

header a#logo {
	    width: 160px !important;
	min-width: 160px !important;
	max-width: 160px !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
	color: var(--primary) !important;
}		

@media(min-width:768px){
	header a#logo {
		width: 160px !important;
	min-width: 160px !important;
	max-width: 160px !important;
	}
	header .content-toolbar .content-toolbar-inner > ul > li > a > i {
		color: var(--primary) !important;
		font-size: 18px !important;
	}
}

@media(min-width:992px){
	header a#logo {
		width: 250px !important;
	min-width: 250px !important;
	max-width: 250px !important;
	}
	header .content-toolbar .content-toolbar-inner > ul > li > a > i {
		color: var(--primary) !important;
		font-size: 22px !important;
	}	
}

@media(min-width:1200px){
	header a#logo {
		width: 300px !important;
	min-width: 300px !important;
	max-width: 300px !important;
	}
	header .content-toolbar .content-toolbar-inner > ul > li > a > i {
		color: var(--primary) !important;
		font-size: 26px !important;
	}
}

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

header nav.navbar .navbar-nav .nav-item .nav-link {
	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: 0.025rem !important;
	text-transform: uppercase !important;
	color: var(--bs-p-color) !important;
}

@media(max-width:767px){
	nav.navbar #main-navigation .mobile-bottom .nav-logo {
		padding-bottom: 30px;
	}
	nav.navbar #main-navigation .mobile-bottom .social-networks {
		display: none !important;
	}
}

@media(min-width:768px){
	header .content-toolbar.inline-right {
		padding-right: 10px !important;
	}
	header nav.navbar .navbar-nav .nav-item .nav-link {
		font-size: 13px !important;
		font-weight: 900 !important;
		justify-content: center !important;
		text-align: center !important;
		line-height: 1 !important;
	}
}

@media(min-width:992px){
	header .content-toolbar.inline-right {
		padding-left: 30px !important;
		padding-right: 20px !important;
	}
	header nav.navbar .navbar-nav .nav-item .nav-link {
		font-size: 15px !important;
		font-weight: 900 !important;
	}
}

@media(min-width:1200px){
	header .content-toolbar.inline-right {
		padding-right: 40px !important;
	}
	header nav.navbar .navbar-nav .nav-item .nav-link {
		font-size: 17px !important;
		font-weight: 900 !important;
	}
}

@media(min-width:1400px){
	header nav.navbar .navbar-nav .nav-item .nav-link {
		font-size: 19px !important;
		font-weight: 900 !important;
	}
}

/* =======================================================================================
	FOOTERS
======================================================================================= */

footer {
	border-top: 10px solid var(--primary) !important;
}

footer h6, 
footer .h6 {
	font-size: 18px !important;
	font-family: "lato" !important;
	font-weight: 300 !important;
	padding-bottom: 10px !important;
	margin-bottom: 15px !important;
	border-bottom: 1px solid var(--primary) !important;
	letter-spacing: 0.075rem !important;
}

footer .footerlinks li a {
	font-family: "lato" !important;
	font-weight: 300 !important;
}

footer p, 
footer label,
footer address,
footer address strong,
footer address strong a,
footer address a,
footer address > table *, 
footer address > table tr > td > strong, 
footer address > table tr > td > span .holiday-hours-tag,
footer .footerlinks li a {
	font-size: 13px !important;
	font-family: "lato" !important;
	font-weight: 300 !important;
	letter-spacing: 0.05rem !important;
}

footer .logo-footer {
	padding: 20px 0;
}

footer .footerlinks li {
	line-height: 1.5rem !important;
}

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

footer form[action="/newsletter-subscription"] {
	margin-top: 0 !important;
}

footer p.copyrights,
footer p.copyrights a, 
footer p.copyrights a:hover, 
footer p.copyrights a:focus {
	font-size: 10px !important;
	letter-spacing: normal !important;
	font-weight: 400 !important;
}

footer .social-networks .network {
	border-radius: 40px !important;
	width: 32px !important;
	height: 32px !important;
}

footer .social-networks .network i {
	font-size: 1.15rem;
}

footer .text-lg-left .social-networks,
footer .text-md-left .social-networks,
footer .social-networks {
	justify-content: flex-center !important;
}

@media(min-width:768px){
	footer .text-lg-left .social-networks,
	footer .text-md-left .social-networks,
	footer .social-networks {
		justify-content: center !important;
	}
}

/* mobile collapse boxes -start- */

@media(max-width:767px){
	footer h6, 
	footer .h6 {
		border-color: var(--bs-input-border-color) !important;
	}
	footer .footer-section:nth-child(2) .container {
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
    }
	footer > .footer-section > .container,
	footer > .footer-section > .container > .row > .col-12 {
	  padding-left: 0px;
	  padding-right: 0px;
	}
	footer [data-bs-toggle="collapse"],
	footer [data-bs-toggle="collapse"]:focus {
	  display: flex;
	  border-top: 1px solid rgba(255,255,255,0.1);
	  outline: none !important;
	}
	footer [data-bs-toggle="collapse"] h6 {
	  margin: 0 !important;
	  padding: 20px !important;
	  text-align: left;
	  display: flex;
	  justify-content: space-between;
	}
	footer .subscribe-widget,
	footer ul.mobile-collapse {
		 padding: 20px !important;
	}
	footer [data-bs-toggle="collapse"] h6::after {
	  content: "\e909";
	  font-family: "bootstrap-fill";
	}
	footer [data-bs-toggle="collapse"][aria-expanded="true"] h6::after {
	  content: "\e90d";
	  font-family: "bootstrap-fill";
	}
	footer .mobile-collapse {
	  padding: 20px 20px 20px 20px !important;
	  text-align: left;
	}
	footer address.mobile-collapse {
		padding: 0px !important;
	}
	footer [action="/newsletter-subscription"]{
	  padding-bottom: 30px !important;
	}
}

/* mobile collapse boxes -end- */

.owl-carousel .owl-nav {
	visibility: visible;
	opacity: 1;
}

.column-slider .owl-nav > div i, 
.column-slider .owl-nav > button i, 
.product-slider .owl-nav > div i, 
.product-slider .owl-nav > button i, 
.social-slider .owl-nav > div i, 
.social-slider .owl-nav > button i {
	font-size: 18px;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: inherit;
	transform: translateY(-1px) !important;
}
 
.column-slider .owl-nav > button:hover i, 
.product-slider .owl-nav > button:hover i, 
.social-slider .owl-nav > button:hover i,
.column-slider .owl-nav > button:focus i, 
.product-slider .owl-nav > button:focus i, 
.social-slider .owl-nav > button:focus i {
	color: var(--primary) !important;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
	border: 1px solid rgba(0,0,0,0.1);
	background: white;
	box-shadow: 0 2px 7px rgba(0,0,0,0.05);
	opacity: 1 !important;
}

.column-slider .owl-nav .owl-next, 
.product-slider .owl-nav .owl-next, 
.social-slider .owl-nav .owl-next {
	right: -21px !important;
}

.column-slider .owl-nav .owl-prev, 
.product-slider .owl-nav .owl-prev, 
.social-slider .owl-nav .owl-prev {
	left: -21px !important;
}

@media(max-width:767px){
	section.px-0.px-md-10 .column-slider .owl-nav .owl-next, 
	section.px-0.px-md-10 .product-slider .owl-nav .owl-next, 
	section.px-0.px-md-10 .social-slider .owl-nav .owl-next {
		right: -1px !important;
	}
	section.px-0.px-md-10 .column-slider .owl-nav .owl-prev, 
	section.px-0.px-md-10 .product-slider .owl-nav .owl-prev, 
	section.px-0.px-md-10 .social-slider .owl-nav .owl-prev {
		left: -1px !important;
	}
}