/* ============================================================
   Subscribe band — shared "Subscribe to Sportsman Quarterly"
   section. Loaded on any page that includes the
   template-parts/subscribe-band.php partial.

   NOTE: All #mlb2-29540563 rules use !important because the
   MailerLite webforms.min.js script injects inline styles
   after page load. Inline > stylesheet by specificity, so
   without !important the band renders differently between
   page loads. Don't remove the !importants.
   ============================================================ */

.ms-subscribe {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #36310F;
	min-height: 285px;
	height: 285px;
	padding: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.ms-subscribe__inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}
.ms-subscribe__head {
	font-family: 'Young Serif', Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.05;
	letter-spacing: 0.5px;
	color: #FF3402;
	text-transform: uppercase;
	margin: 0 0 14px 0;
	max-width: 520px;
}
.ms-subscribe__sub {
	font-family: 'JetBrains Mono', monospace;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 1px;
	color: #FF3402;
	text-transform: uppercase;
	margin: 0;
}
.ms-subscribe__form {
	width: 100%;
	max-width: 432px;
}

/* MailerLite form skin — !important required (see header note) */
#mlb2-29540563 {
	width: 100% !important;
	max-width: 432px !important;
	height: 60px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	background: transparent !important;
}
#mlb2-29540563 form {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	background: transparent !important;
}
#mlb2-29540563 .row-form {
	display: flex !important;
	align-items: stretch !important;
	background: #4a4218 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
#mlb2-29540563 .ml-field-group,
#mlb2-29540563 .ml-field-email {
	flex: 1 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
#mlb2-29540563 input[type="email"] {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: transparent !important;
	color: #fff !important;
	border: 0 !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	line-height: 20px !important;
	letter-spacing: 0.5px !important;
	padding: 14px 16px !important;
	margin: 0 !important;
	height: auto !important;
}
#mlb2-29540563 input[type="email"]::placeholder {
	color: #b8b09a !important;
	opacity: 1 !important;
	font-family: 'JetBrains Mono', monospace !important;
	font-size: 13px !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
}
#mlb2-29540563 button,
#mlb2-29540563 button[type="submit"] {
	background: #FF3402 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	font-family: 'Young Serif', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: 13px !important;
	line-height: 20px !important;
	letter-spacing: 0.5px !important;
	padding: 14px 25px !important;
	margin: 0 !important;
	height: auto !important;
	transition: background-color .2s !important;
	width: auto !important;
}
#mlb2-29540563 button:hover,
#mlb2-29540563 button[type="submit"]:hover {
	background: #d92a00 !important;
}
#mlb2-29540563 .ml-error input {
	box-shadow: inset 0 0 0 1px #ff5252 !important;
}
#mlb2-29540563 .row-success {
	padding: 14px 16px !important;
	background: #4a4218 !important;
	color: #fff !important;
	font: 500 13px 'JetBrains Mono', monospace !important;
}

@media (max-width: 700px) {
	.ms-subscribe { height: auto; min-height: 0; padding: 40px 0; }
	.ms-subscribe__head { font-size: 24px; }
}
@media (max-width: 420px) {
	#mlb2-29540563 input[type="email"] { font-size: 12px !important; padding: 12px !important; }
	#mlb2-29540563 button { font-size: 11px !important; padding: 12px 16px !important; }
}