/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner {padding-top: 53.334%; }
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 400px;
	background: url("../imgs/Hero.jpg") no-repeat 0 0;
	background-size: 289.722222%;}

.price{margin:0 0 0.825em 0;}
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:#cc4e00;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:19px solid #cc4e00;border-right: 10px solid transparent;margin-bottom:0;}

/* No Orange Bar for Custom LPs with Black Background
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:none;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:none;border-right: 10px solid transparent;margin-bottom:0;}
*/

.price-save-label{padding:0 0 1px 6px}
.price-save-dollar{padding:0 0 1px 2px}
.price-save-percent{padding:0 6px 1px 2px}
.price-save-label:before,.price-save-percent:after{content:'';position:absolute;bottom:0;width:0;height:0;}
.item-cell{border-bottom:none;}
.item-promo{margin-top:1em;}
.item-promo-code{border-color:#888;}
.item-promo-title span{color:#333;}
.item-promo-info{color:#cc4e00;}
.item-promo-code{padding:1.5em 5px 1em 5px;height:auto;color:#cc4e00;}
.item-promo-code-save{display:inline;}
li.mir{display:none;}
.instantSavings, .mir{display:block;}
.finalPrice{font-size:1.6em;}
.instantSavings{font-size:0.925em}
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.btn-mini{border-color:#E68626;font-family:'Open Sans','Arial Narrow','Helvetica Narrow',arial,helvetica,sans-serif;letter-spacing:1px}

:root {
	--ngg-darkblue:#09144f;
	--ngg-blue:#084BA6;
	--ngg-orange:#fa9d28;
	--ngg-darkorange: #ff8500;  
	--ngg-footgry: #333;  
	--ngg-opensans:'Open Sans', sans-serif;
	--ngg-btn-txt:#212121;
  }
.btn-primary, .button.button-primary, .ngg-shopall, .ngg-buynow { text-transform:none; font-family:var(--ngg-opensans); border:0; background-color:var(--ngg-orange); color:var(--ngg-btn-txt); }
.ngg-btn { border:0; background:none; width:100%; margin:3% auto; text-align:center; }
.ngg-item-btn { margin:auto; text-align:center; }
.ngg-item-btn a { border-radius:35px; width:100%; letter-spacing:0; font-size:clamp(14px, 1.5vw, 1rem); }
.ngg-shopall, .ngg-buynow { border-radius:30px; text-align:center; transition:0.5s;	font-weight:700; font-family:var(--ngg-opensans); }
.ngg-shopall { border-radius:50px; text-align:center; background-color:#fa9d28; color:#212121; border:0; padding:10px 4%; transition:0.5s; font-weight:700; text-transform:none; font-family:'Open Sans' !important; font-size:clamp(1.5rem, 2vw, 2.5rem); }
.ngg-buynow { padding:10px 8%; }
.ngg-shopall:hover, .ngg-buynow:hover, .ngg-item-btn a:hover { background-color:var(--ngg-darkorange); transition:0.35s; text-decoration:none; color:#212121; }


/* Toggle for FAQ section */
.ngg-all-faq { display:flex; max-width:1300px; width:96%; margin:auto; gap:10px; }
.ngg-all-faq div { flex:1; }
.ngg-faq { display:flex; flex-direction:column; gap:5px; }
.ngg-faq details { width:100%; max-width:640px; margin:0 auto 1%; background-color:#000; color:#fff; border-radius:8px; border:1px solid #fff5; transition:.58s; }
.ngg-faq summary { padding:10px 15px; cursor:pointer; border-radius:8px; font-weight:bold; display:list-item; transition:.58s; }
.ngg-faq summary:hover { background-color:orange; color:#09144f; transition:.58s; }
.ngg-faq details[open] > summary { border-bottom:1px dotted #ccc; border-bottom-left-radius:0; border-bottom-right-radius:0; transition:0s; background-color:darkorange; color:black}
.ngg-faq details p { padding:10px 20px; color:#000; background-color:#fff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }


/* custom CSS on a per project basis
================================*/
.ngg-body { font-family: 'Montserrat',sans-serif; }
body {
	background-color: #000;
}

.section-inner {
	font-family: 'Open Sans', sans-serif;
}

.smcx-show {
    display: inline-block !important;
}

/* "btn-primary" changed to "bttn-primary" due to Bootstrap CSS conflict
================================*/

.bttn-primary, .button.button-primary {
    border-color: #c60;
    background: #ffa33a;
}
.bttn-primary, .btn-secondary, .btn-alt {
    text-transform: uppercase;
}

.bttn-primary:hover, .bttn-primary:active, .button.button-primary:hover, .button.button-primary:active {
	background: #f39834 !important;
	color: #222 !important;
}

.bfpp-badge {
	max-width: 32%;
	vertical-align: middle;
}

.contentwrap {
	margin: auto auto 60px auto;
	max-width: 1366px;
}

.page-btn { border-radius:50px; text-transform:unset; }

h1.heading {
	
	border-top: 1px solid darkorange;
	border-bottom: 0px solid darkorange;
	color: #fff;
	font-size: 2em;
	font-weight: 700;
	margin: 50px 20px 20px 20px;
	padding: 2% 10px 1%;
	text-align: center;
}

h2.subheading {
	background: #ea7d13;
	color: #fff;
	font-weight: 600;
	font-size: 1.7em;
	text-align: center;
}

.message {
	padding: 1em 0;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.message h1 { color:white; line-height:1.5; padding:2%; }

.message p {
	color: #fff;
	font-size: 1.75em;
	line-height: 1.75em;
	padding: 0 1.5em 2%;
	font-weight:normal; 
}

.message strong { color:#ffe589; }

.subtitle { color:#fff; padding:1% 0 2%; text-transform:uppercase; }
.submessage, .ngg-dates, .ngg-features ul { display:flex; justify-content:space-between; gap:20px; color:#fff; flex-wrap:wrap; margin:1%; }
.submessage > div { flex:1; border:1px solid #ffe589; padding:2% 0; border-radius:10px; }
.submessage p { font-size:clamp(1.5rem, 2vw, 1.8rem); padding:0 5px; }
.ngg-number { max-width:36px; padding:0px; background-color:#ffe589; border-radius:50px; color:#000; font-size:clamp(1.5rem, 2.5vw, 2.5rem); font-weight:bold; margin:0 auto 2%; text-align: center; }
.submessage h3 { padding:5px 0 15px; text-transform:uppercase; }
.submessage img { max-width:250px; margin:5px auto;  display:block; }
.submessage li { font-size:clamp(1.5rem, 3vw, 3rem); }

.ngg-key-dates { margin:5% auto; background: #020024;
background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 82%); }
.ngg-dates, .ngg-features { text-align: left; }
.ngg-dates { flex-wrap:nowrap; justify-items:center; align-items: center; font-size:clamp(1.8rem, 3vw, 2rem); padding:0 5%; }
.ngg-dates img { max-width:300px; width:100%; }
.ngg-dates li { flex:0 1 33%; text-align:center; }
.ngg-dates li > strong { display:block; }
.ngg-features { color:#fff; padding:1% 0%; line-height:1.5; justify-content:center; align-items:center; }

.ngg-features li { flex:1; font-size:clamp(1.5rem, 2vw, 1.8rem); border-radius:10px; border:1px solid #ffe589; padding:2%; text-align:center; font-weight:bold; }
.ngg-check { display:block; max-width:60px; width:100%; margin:auto; }
.ngg-more { display:flex; align-items:center; padding:0 2%; }
.ngg-more div { flex:0 1 50%; }
.ngg-more div > p { text-align:left; color:#000; padding:2% 0 0; line-height:1.25; font-size:clamp(1em, 1.5vw, 2.5rem); }
.ngg-more div > img { max-width:491px; width:100%; }
.ngg-pspan { font-weight:700; }

.ngg-gold, .ngg-gold h2 { color:#000; }
.ngg-gold { border-radius:10px; background: url('../imgs/gold-bg.jpg') top left; background-size:cover; }
.ngg-more > p { color:#000; font-size:clamp(1.5rem, 2vw, 1.5rem); padding:2% 20%; }
.ngg-huge { font-size:300%; }
.ngg-mh3 { font-size:clamp(2rem, 3vw, 4rem); text-align:left; line-height:1.28; }
.ngg-mh3 > span { font-size:clamp(1.75rem, 2vw, 2.5rem); }
.ngg-newline { display:block; }
.ngg-festive { border-radius:20px; background: #94ffc2;
background: linear-gradient(314deg, rgba(148, 255, 194, 1) 5%, rgba(148, 255, 234, 1) 30%, rgba(255, 150, 150, 1) 72%, rgba(255, 66, 66, 1) 95%); }

.btn-area { margin:5% auto; }

.ngg-bg1 { background-color:rgba(9,20,79,1); border-radius:10px; }
.ngg-font { font-family:'Montserrat', sans-serif; }

a.link {
	color: #337ab7;
	text-decoration: underline;
}

a.link:hover {
	color: #000;
	text-decoration: none;
}

span.bold {
	font-weight: 700;
}

.two_col {
	display: inline-block;
	margin: 0px auto 40px auto;
	padding: 0px 20px;
	text-align: center;
	vertical-align: middle;
	width: 43%;
}

.two_col p {
	color: #000;
	font-size: 1.875em;
	font-weight: 300;
	line-height: 1.5em;
	margin-top: 20px;
	padding: 0 1.5em;
}

.divider {
	border-bottom: 2px solid #ababab;
	margin: 10px auto 30px auto;
}

.disclaimer {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	margin-top: 40px;
	text-align: center;
}

.disclaimer a {
	color: #012d6b;
	border-bottom: 1px solid #ea7d13;
}

.disclaimer a:hover {
	color: #000;
	border-bottom: 1px solid #fff;
}

/* responsive CSS on a per project basis
================================*/
@media only screen and (max-width: 1300px) {
	.ngg-newline { display:inline; }
}

@media only screen and (max-width: 768px) {
	.message h1 { line-height:1.3; }
	.message p {
		font-size: 1.3em;
		line-height:1.6; 
	}
	.ngg-features ul { justify-content: space-around; }
	.ngg-features li { flex:0 1 40%; }
	.ngg-dates { flex-direction: column; gap:50px; padding:2% 0 8%; }
	.ngg-number { max-width:32px; }
	.ngg-huge { font-size:200%; }
	.ngg-more > p { padding:2% 5%; }
	.ngg-more { flex-direction: column; }
}

@media only screen and (max-width: 500px) {
	.message { padding: 1em 0; }
	.message h1 { font-size:1.5em; }
	.submessage { flex-direction: column; }
	.ngg-gold { width:95%; }
	.btn-area { margin:8% auto 5%; }
	.ngg-shopall { padding:10px 7%; }
	.ngg-all-faq { flex-direction:column;}
}

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
	div.two_col {
		border: none;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 100%;
	}
	
	div.winners {
		max-width: 88%;
	}
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner { padding-top: 30%; }
	.banner-img {
		background-position: 100% top;
		background-size: 152.7086383601757%;
	}
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
		.items-grid .item-cell { width: 22%; }

}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}
/* =====================================================
   2026 restyle — black/gold, color-block sections (no outline boxes)
   How It Works layout from FTT II PP LP 26-0848
===================================================== */
:root {
	--bf-gold:#ffe589;
	--bf-surface:linear-gradient(180deg,#1d180d 0%,#16120a 100%);
	--bf-tile:#16130b;
	--bf-tile-hover:#221c0f;
	--bf-text:#ece6d6;
	--bf-edge:linear-gradient(180deg, rgba(255,229,137,.75) 0%, rgba(255,229,137,.22) 40%, rgba(255,229,137,.12) 100%);
	--bf-dash:repeating-linear-gradient(90deg, rgba(255,229,137,.55) 0 6px, transparent 6px 12px);
}

/* Section titles (How it works / Why Shop Early / FAQ) */
.message .ngg-sec-title, h1.heading.ngg-sec-title { font-family:'Montserrat',sans-serif; font-weight:700; font-size:clamp(2.2rem,2vw,2.8rem); letter-spacing:.04em; text-transform:uppercase; color:#fff; line-height:1.3; border:0; margin:0 auto; padding:0 10px 24px; text-align:center; }
.ngg-sec { margin:40px auto 0; }
.message .ngg-sec-title, h1.heading.ngg-sec-title { display:flex; align-items:center; justify-content:center; gap:18px; }
.message .ngg-sec-title::before, .message .ngg-sec-title::after { content:""; flex:0 0 72px; height:1px; }
.message .ngg-sec-title::before { background:linear-gradient(90deg, rgba(255,229,137,0), #ffe589); }
.message .ngg-sec-title::after { background:linear-gradient(90deg, #ffe589, rgba(255,229,137,0)); }
/* Intro headline: one step bolder so it leads the section titles */
.message h1.ngg-font { font-weight:700; }

/* How It Works — Black November style (ref: UX-2846 Doorbuster page):
   warm gradient panel + gold hairline edge, icon nodes on a timeline track */
.ngg-hiw { position:relative; margin:0 1%; padding:40px 2% 46px; border-radius:16px; border:1px solid transparent; color:#fff;
	background:
		radial-gradient(70% 90% at 0% 0%, rgba(212,175,55,.16), rgba(212,175,55,0) 60%) padding-box,
		radial-gradient(60% 80% at 100% 100%, rgba(212,175,55,.08), rgba(212,175,55,0) 60%) padding-box,
		linear-gradient(180deg, #241B11, #120E0A) padding-box,
		linear-gradient(180deg, rgba(255,200,67,.85), rgba(212,175,55,.28) 45%, rgba(212,175,55,.28)) border-box;
	box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05); }
.message .ngg-hiw-sub { font-family:'Open Sans',sans-serif; color:#F1D67C; font-size:14px; font-weight:700; line-height:1.4; letter-spacing:.28em; text-transform:uppercase; padding:0 0 34px; }
.ngg-hiw-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:start; }
.ngg-hiw-step { position:relative; text-align:center; padding:0; }
.ngg-hiw-step > :not(.ngg-hiw-top) { padding-left:18px; padding-right:18px; }
.ngg-hiw-top { display:flex; justify-content:center; margin-bottom:22px; }
/* timeline track through the node centers */
.ngg-hiw-step::before, .ngg-hiw-step::after { content:""; position:absolute; top:37px; height:2px; background:rgba(212,175,55,.6); }
.ngg-hiw-step::before { left:0; right:50%; }
.ngg-hiw-step::after { left:50%; right:0; }
.ngg-hiw-step:first-child::before { left:12%; background:linear-gradient(90deg, rgba(212,175,55,0), rgba(212,175,55,.6)); }
.ngg-hiw-step:last-child::after { right:12%; background:linear-gradient(90deg, rgba(212,175,55,.6), rgba(212,175,55,0)); }
/* node: icon inside a gold-rimmed disc, step number as a corner badge */
.ngg-hiw-node { position:relative; z-index:1; width:76px; height:76px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1.5px solid transparent;
	background:
		radial-gradient(80% 70% at 50% 30%, rgba(212,175,55,.24), rgba(212,175,55,0) 70%) padding-box,
		linear-gradient(180deg, #2A2012, #140F08) padding-box,
		linear-gradient(155deg, #F2D57F 0%, #D9B04B 45%, #8C6F22 100%) border-box;
	box-shadow:0 10px 24px rgba(0,0,0,.45), 0 0 26px rgba(212,175,55,.18); }
.ngg-hiw-icon { width:46px; height:41px; display:block; filter:drop-shadow(0 0 6px rgba(255,229,137,.3)); }
.ngg-hiw-num { position:absolute; top:-5px; right:-7px; width:28px; height:28px; border-radius:50%; background:linear-gradient(155deg, #F2D57F 0%, #D9B04B 45%, #B8892D 100%); color:#1E1408; font:700 14px/28px 'Open Sans',sans-serif; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,.45); }
/* A: clear hierarchy — name > stage + date > copy */
.ngg-hiw-name { font-family:'Montserrat',sans-serif; font-weight:700; font-size:clamp(17px,1.4vw,20px); letter-spacing:.03em; line-height:1.3; color:#fff; text-transform:uppercase; padding-top:0; padding-bottom:14px; }
/* C: stage label above each date */
.ngg-hiw-stage { color:#B8AE95; font:700 14px/1.3 'Open Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; margin:0 0 6px; }
.ngg-hiw-date { display:block; margin:0 0 14px; font:700 clamp(18px,1.5vw,21px)/1.25 'Open Sans',sans-serif;
	background:linear-gradient(180deg, #FBE9A6 0%, #F1D67C 35%, #D4AF37 72%, #B8892D 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.message .ngg-hiw-copy { color:#CFC6B0; font-size:16px; line-height:1.6; }
.ngg-hiw-badge { display:inline-block; vertical-align:middle; max-height:24px; width:auto; max-width:100%; margin:0 3px; }
.ngg-hiw-chev { display:none; }

/* Why Shop Early — filled tiles instead of outlined boxes */
.ngg-why2 ul { gap:16px; margin:0 1%; }
.ngg-why2 li { border:0; border-radius:14px; background:#1c1810; padding:28px 20px; }
.ngg-why2 .ngg-check { max-width:48px; margin:0 auto 12px; }

/* There's More — warm feature block */
.ngg-more-dark { box-sizing:border-box; width:98%; max-width:1274px; border-radius:16px; border:1px solid transparent; background:radial-gradient(60% 120% at 22% 50%, rgba(255,190,70,.22) 0%, rgba(255,190,70,0) 60%) padding-box, var(--bf-surface) padding-box, var(--bf-edge) border-box; margin-top:40px; padding:48px 3% 48px 0; }
.ngg-more-dark .ngg-more div > img { max-width:360px; margin:auto; }
.ngg-more-dark .ngg-mh3 { color:#fff; font-family:'Montserrat',sans-serif; font-weight:700; }
.ngg-more-dark .ngg-mh3 > span { color:var(--bf-gold); font-weight:400; }
.ngg-more-dark .ngg-more div > p { color:var(--bf-text); line-height:1.7; padding-top:12px; }
.ngg-more-dark .ngg-pspan { color:var(--bf-gold); white-space:nowrap; }

/* FAQ — filled rows, gold indicator, no outlines */
.ngg-sec-faq { margin-top:16px; padding-top:0; }
.ngg-faq-dark { width:98%; max-width:1274px; gap:16px; }
.ngg-faq-dark .ngg-faq { gap:10px; }
.ngg-faq-dark details { max-width:none; margin:0; background:var(--bf-tile); border:0; border-radius:10px; transition:background .3s; }
.ngg-faq-dark summary { position:relative; display:block; list-style:none; padding:14px 46px 14px 18px; border-radius:10px; line-height:1.45; transition:background .3s, color .3s; }
.ngg-faq-dark summary::-webkit-details-marker { display:none; }
.ngg-faq-dark summary::after { content:''; position:absolute; right:20px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid var(--bf-gold); border-bottom:2px solid var(--bf-gold); transform:rotate(45deg); transition:transform .3s; }
.ngg-faq-dark summary:hover { background:var(--bf-tile-hover); color:#fff; }
.ngg-faq-dark details[open] { background:var(--bf-tile-hover); }
.ngg-faq-dark details[open] > summary { background:none; color:var(--bf-gold); border-bottom:0; }
.ngg-faq-dark details[open] > summary::after { transform:rotate(-135deg); margin-top:-2px; }
.ngg-faq-dark details p { padding:0 18px 16px; background:none; color:var(--bf-text); line-height:1.6; }
.ngg-faq-dark a.link { color:var(--bf-gold); }
.ngg-faq-dark a.link:hover { color:#fff; }

@media only screen and (max-width: 768px) {
	.ngg-hiw { padding:28px 4%; }
	.message .ngg-hiw-sub { letter-spacing:.16em; padding-bottom:24px; }
	.ngg-hiw-grid { grid-template-columns:1fr; gap:40px; }
	.ngg-hiw-chev { display:none; }
	.ngg-hiw-top { min-height:0; margin-bottom:18px; }
	.ngg-hiw-step::before, .ngg-hiw-step::after { display:none; }
	.message .ngg-sec-title::before, .message .ngg-sec-title::after { flex-basis:28px; }
	.message .ngg-sec-title, h1.heading.ngg-sec-title { gap:12px; }
	.ngg-more-dark .ngg-mh3 { text-align:center; }
	.ngg-more-dark .ngg-more div > p { text-align:center; }
	.ngg-more-dark .ngg-more div > img { max-width:62%; }
	.ngg-more-dark { padding:32px 4%; }
}
@media only screen and (max-width: 500px) {
	.ngg-why2 ul { flex-direction:column; }
	.ngg-why2 li { flex:1 1 auto; display:flex; align-items:center; gap:14px; text-align:left; padding:16px 18px; }
	.ngg-why2 .ngg-check { max-width:34px; margin:0; }
	.ngg-faq-dark { flex-direction:column; gap:10px; }
	.ngg-sec-faq { margin-top:36px; }
}

/* Round 12 — stakeholder feedback
   1) dates as gold pills (FTT style) so they stand out; static: no hover/cursor */
.ngg-hiw-step > .ngg-hiw-date { display:inline-block; margin:2px 0 14px; padding:7px 22px; border-radius:999px; cursor:default;
	background:linear-gradient(180deg, #FFC843 0%, #F2960F 100%); -webkit-background-clip:border-box; background-clip:border-box;
	color:#1E1408; -webkit-text-fill-color:#1E1408; font:700 clamp(16px,1.3vw,18px)/1.2 'Open Sans',sans-serif; white-space:nowrap;
	box-shadow:0 0 18px rgba(250,157,40,.32), inset 0 1px 0 rgba(255,255,255,.35); }
/* 2) one-line subtagline + Extended Holiday Return badge inline */
.ngg-more-dark .ngg-mh3 > span { font-size:clamp(1.6rem,1.6vw,2.2rem); white-space:nowrap; }
/* Extended Holiday Return badge — official Newegg badge image (navy on transparent), on a white chip so it reads on the dark panel */
.ngg-ehr-badge { display:inline-flex; align-items:center; vertical-align:middle; margin:0 3px; padding:4px 10px; border-radius:6px; line-height:0; position:relative; top:-2px; border:1px solid transparent; background:linear-gradient(180deg, #FFF6DC 0%, #F3DE9E 100%) padding-box, linear-gradient(155deg, #F2D57F 0%, #D9B04B 45%, #8C6F22 100%) border-box; box-shadow:0 0 12px rgba(212,175,55,.22); }
.ngg-ehr-badge img { display:block; height:24px; width:auto; max-width:none; }
@media only screen and (max-width: 768px) {
	.ngg-more-dark .ngg-mh3 > span { white-space:normal; font-size:15px; text-wrap:balance; }
	.ngg-ehr-badge img { height:20px; }
}

/* CA only — offsets the CA template.css + Bootstrap 3 rules this page loads */
.ngg-more-dark .ngg-mh3 > span { display:inline-block; line-height:1.4; margin-top:8px; }