/* ==========================================================================
   Converted from css/local.php by the Styling Agent, touchup-20261004T033430Z (2026-10-04)
   ========================================================================== */
/*
 * Client: ---
 * Copyright 2008-2018 Punchmark
 */

.levainBadge {
	width: 80px;
	height: auto;
}
header {
	padding-top: 10px !important;
}
header .content-toolbar.inline-left-and-right ul.left {
	align-items: center;
}
header .content-toolbar > .content-toolbar-inner > ul > li+li {
	margin-left: 10px;
}
header .content-toolbar > .content-toolbar-inner > ul > li,
header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
	font-size: 0.7rem !important;
}
header .content-toolbar > .content-toolbar-inner > ul > li .input-group i {
	color: var(--primary);
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--primary);
    font-size: 1rem;
}
.lightLine {
	color: white !important;
}

.boxAd .widget-inner {
	box-sizing: border-box;
	padding: 20px !important;
	transform: scale(0.95);
	border: 1px solid white;
}
.toolbar {
	display: none;
}
.toolbar > .toolbar-inner {
	margin-top: 10px;
}
nav.navbar .navbar-nav .nav-link {
	font-size: 1rem !important;
	letter-spacing: 1px !important;
	line-height: 40px;
}
nav.navbar .navbar-nav.navbar-left {
	width: 100% !important;
	justify-content: space-between !important;
}
nav.navbar .navbar-nav.navbar-right > li > a {
	white-space: nowrap;
}
nav.navbar .navbar-nav.navbar-right > li > a > i {
	margin-right: 5px;
	display: none;
	color: #006E4A;
}
nav.navbar .nav-item .nav-link {
	padding: 0;
}
@media (max-width:767px){
	header .content-toolbar.inline-left-and-right + a#logo + .content-toolbar.inline-left-and-right {
		position: absolute;
		bottom: -40px;
		right: 0;
		width: 100%;
		max-width: calc(100% - 66px);
		padding-right: 20px;
	}
	header .content-toolbar.inline-left-and-right + a#logo + .content-toolbar.inline-left-and-right > .content-toolbar-inner,
	header .content-toolbar.inline-left-and-right + a#logo + .content-toolbar.inline-left-and-right > .content-toolbar-inner > ul,
	header .content-toolbar.inline-left-and-right + a#logo + .content-toolbar.inline-left-and-right > .content-toolbar-inner > ul > li {
		width: 100%;
		max-width: 100%;
		display: block;
	}
	nav.navbar .dropdown > .dropdown-menu, 
	nav.navbar .dropdown-submenu > .dropdown-menu {
		background-color: #e6f1ed !important;
	}
}
@media (min-width: 768px) {
	.levainBadge {
		width: 100px;
	}
	nav.navbar .navbar-nav .nav-link {
		font-size: 0.9rem !important;
		line-height: normal;
		padding: 25px 0;
	}
	nav.navbar .navbar-nav {
		padding: 0px 10px;
	}
	nav.navbar .navbar-nav.navbar-left {
		padding-right: 3vw;
	}
	nav.navbar .navbar-nav.navbar-right > li > a {
		margin: 0 0 0 20px;
		font-size: 0.7rem !important;
		font-weight: 400;
		letter-spacing: normal !important;
	}
	nav.navbar .navbar-nav.navbar-right > li > a > i {
		display: inline-block;
	}
}
@media (min-width: 991px) {
	nav.navbar .navbar-nav .nav-link {
		font-size: 1rem !important;
	}	
	nav.navbar .navbar-nav.navbar-left {
		padding-right: 7vw;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li+li {
		margin-left: 20px;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li,
	header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
		font-size: 0.7rem !important;
	}
}
@media(min-width:1400px){
	nav.navbar .navbar-nav.navbar-left {
		padding-right: 105px;
	}
}

footer address,
footer address a {
	font-size: 14px !important;
	line-height: 24px !important;
}

footer .footerlinks li {
	line-height: 24px !important;
}

footer .footerlinks li a {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

footer .footerlinks li a,
footer p.copyrights, 
footer p.copyrights * {
	font-size: 12px !important;
}

body a:not([tabindex="-1"]):focus-visible,
body button:not([tabindex="-1"]):focus-visible {
	outline: 2px dotted var(--primary) !important;
	outline-offset: 2px !important;
}
/* End of the converted css/local.php, touchup-20261004T033430Z */

/*!
 * Mesa Jewelers
 * Copyright 2008-2023 Punchmark
 */

/* Giving padding to nav elements */
@media(min-width:768px){
	ul#menubar-left > li {
		padding: 0px 10px 0 0;
	}
}

/* Fixing offset icons in "Our Services" */
div.hyperion-watch-repair.hyperion,
div.hyperion-diamond-edit.hyperion,
div.hyperion-repair.hyperion,
div.hyperion-money.hyperion, 
div.hyperion-diamond-price.hyperion, 
div.hyperion-metal.hyperion {
    padding-left: .5em;
}

/*================
 Client update requests Jun 2025
================*/

nav.navbar {
	z-index: 2001;
}

nav.navbar .dropdown-wide .dropdown-menu-wide .container .row.explore-all-row {
	display: none !important;
}

@media (min-width: 768px) {
    nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu .dropdown-item, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu-children .dropdown-item,
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
        padding-bottom: 3px;
		padding-top: 3px;
    }
	nav.navbar .dropdown>.dropdown-menu {
		padding-bottom: 30px !important;
	}

	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu .dropdown-item i, 
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu .dropdown-item i:before {
		/* width: 20px;
		height: 20px; */
		display: inline-block;
		font-size: 27px;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu .dropdown-item i {
		position: relative;
		top: 3px;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown.dropdown-submenu>.dropdown-menu .dropdown-item i + span {
		position: relative;
		bottom: 6px;
		left: 5px;
	}
}

@media (max-width: 991px) {
	nav.navbar .navbar-nav.navbar-right > li > a > i {
		font-size: 16px !important;
	}
	header .content-toolbar.inline-left-and-right ul.left li > a > i {
		font-size: 16px !important;
		position: relative;
        top: 3px;
	}
}

/*================
 Service pages: online booking
================*/

/* A .service-booking block in a service page's Supporting Content (Outro) replaces the appointment request form */
body#services:has(#content-outro .service-booking) #service-solo-appointment-form {
	display: none;
}

/* The service section above already ends with a divider */
#content-outro:has(.service-booking) hr {
	display: none;
}

/* ==========================================================================
   Styling Agent touch-up, touchup-20261004T033430Z (2026-10-04)
   - Moves the logo clear of APPOINTMENTS in the header: the box that holds it is set 30px tall, so the text it wraps onto ran over the logo; the box now takes the height of what it holds on phones.
   - Spaces the My Cart icon in the phone menu from its label by 4px, the gap the store's other icons have (it touched its label).
   - Polish: Makes keyboard focus easy to see on the links in the header, in the store's own focus style (2px dotted) and its own colors.
   - Polish: Gives the links in the header a hover style, the store's own: a fade to 0.75 for icons.
   - Polish: Draws the icons in the header that show without their labels on phones at 18px (one and a half times the bar's own text), so they read and tap as well as a label would.
   - Polish: Spaces the header's capital-letter labels at 0.07em, like the store's own spaced labels, at 992px and wider.
   - Polish: Sizes My Cart in the menu bar like the links beside it (Account, Wishlist): its label from 16px to 11.2px, its icon from 16px to 11.2px, its icon in their color (--bs-primary), on one line like theirs, the 20px left margin they have, at the widths where it differs; at 768px, where the bar has no room to spare, only its size.
   - Polish: Spaces the menu bar's capital-letter labels at 0.07em, like the store's own spaced labels, at 992px and wider.
   - Polish: Gives the links in the footer a hover style, the store's own: a fade to 0.75 for icons.
   - Polish: Opens up text in the footer that wraps onto a second line: its line height goes from 1 to 1.2 times its size, at the widths where it wraps.
   - Polish: Keeps the paragraph in the footer at the desktop's reading size (12px) on smaller screens, where it shrank to 11.02px.
   ========================================================================== */
@media (max-width: 767px) {
    header#website-header ul.left.d-flex.d-sm-flex {
        height: auto !important;
    }
}

@media (max-width: 767px) {
    nav#website-navigation i.icon-shopping-bag {
        margin-right: 4px;
    }
}

header#website-header input#content-toolbar-search-inline-kw:focus-visible {
    outline: 2px dotted currentColor;
    outline-offset: 2px;
}

@media (hover: hover) {
    header#website-header button.btn.btn-default.px-3:hover {
        opacity: 0.75;
    }
}

@media (max-width: 767px) {
    header#website-header i.icon-search {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    header#website-header span {
        letter-spacing: 0.07em;
    }
}

@media (min-width: 992px) {
    nav#website-navigation button.nav-link.toggle-universal-cart > span {
        font-size: 11.2px;
        white-space: nowrap;
    }
    nav#website-navigation i.icon-shopping-bag {
        font-size: 11.2px;
        color: var(--bs-primary);
    }
    nav#website-navigation button.nav-link.toggle-universal-cart {
        margin-left: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    nav#website-navigation button.nav-link.toggle-universal-cart > span {
        font-size: 11.2px;
    }
    nav#website-navigation i.icon-shopping-bag {
        color: var(--bs-primary);
    }
}

@media (min-width: 992px) {
    nav#website-navigation a.nav-link.dropdown-toggle > span {
        letter-spacing: 0.07em;
    }
}

@media (hover: hover) {
    footer#website-footer div.social-networks.full-color > a:hover {
        opacity: 0.75;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer#website-footer div.store-hours-time > span {
        line-height: 1.2;
    }
}

@media (max-width: 1199px) {
    footer#website-footer p.small {
        font-size: 12px;
    }
}
/* End Styling Agent touch-up, touchup-20261004T033430Z */