@charset "UTF-8";
/* CSS Document */

.popup .blend--multiply { mix-blend-mode: multiply; }

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

.popup #nav { 
	text-align: center;
	margin-bottom: 24px;
}
@media (min-width: 576px) {
	.popup #nav { 
		padding: 0 8px; 
		border-bottom: 1px solid #dad7cf;
		text-align: left;
	}
}

.popup #nav__heading {
	margin: 16px 0 8px; 
	clear: both;
}
@media (min-width: 576px) {
	.popup #nav__heading {
		margin-bottom: 0; 
	}
}

.popup #nav__heading img,
.popup #nav__heading p {
	display: inline-block;
}

.popup #nav__heading p {
	display: inline-block;
	margin-left: 4px;
	font-family: 'Sofia Pro Semibold';
}

.popup #nav ul {
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
	padding: 0;
	cursor: pointer;
	list-style: none;
	margin: 0;
}
@media (min-width: 576px) {
	.popup #nav ul {
		display: block;
		gap: 0;
		flex-wrap: nowrap;
	}
}

.popup .nav__item { 
	display: block;
	position: relative;
	border: 1px solid #dad7cf;
	border-radius: 8px;
	flex: 33.33%;
}
@media (min-width: 576px) {
	.popup .nav__item { 
		display: inline-block;
		top: 1px;
		border: none;
		border-radius: 0;
		flex: none;
	}
}

@media (min-width: 576px) {
	.popup .nav__item:hover { border-bottom: 1px solid #454545; }
}

.popup .nav__item a { 
	display: block;
	padding: 8px;
	text-decoration: none; 
}
@media (min-width: 576px) {
	.popup .nav__item a { padding: 4px 8px; }
}

#popup--monogramming #nav__item--monogramming,
#popup--embroidery #nav__item--embroidery,
#popup--heat-stamping #nav__item--heat-stamping,
#popup--engraving #nav__item--engraving { 
	background-color: #454545;
	border: 1px solid #454545;
}
@media (min-width: 576px) {
	#popup--monogramming #nav__item--monogramming,
	#popup--embroidery #nav__item--embroidery,
	#popup--heat-stamping #nav__item--heat-stamping,
	#popup--engraving #nav__item--engraving { 
		font-family: 'Sofia Pro Semibold';
		background-color: transparent;
		top: 1px;
		border: inherit;
		border-bottom: 2px solid #454545; 
	}
}

#popup--monogramming #nav__item--monogramming a,
#popup--embroidery #nav__item--embroidery a,
#popup--heat-stamping #nav__item--heat-stamping a,
#popup--engraving #nav__item--engraving a {
	color: #fdfbf9;
}
@media (min-width: 576px) {
	#popup--monogramming #nav__item--monogramming a,
	#popup--embroidery #nav__item--embroidery a,
	#popup--heat-stamping #nav__item--heat-stamping a,
	#popup--engraving #nav__item--engraving a { 
		color: inherit;
	}
}

/* Heat Stamping Options
========================================================================== */

#popup--heat-stamping #options { margin-bottom: 16px; }

#popup--heat-stamping .option {
	display: inline-block; 
	text-align: center;
}

#popup--heat-stamping .option img {
	max-width: 90px; 
	margin: 8px;
}
@media (min-width: 576px) {
	#popup--heat-stamping .option img { max-width: 130px; }
}

#popup--heat-stamping .option p { margin: 0; }