/* bold panel titles */
.panel-title {
	font-weight: bold;
}

.copy-code-btn {
	height: 92px;
	font-size: 30px;
}

.copy-code-btn > img {
	 height: 32px
}

.fs-60px {
	font-size: 32px; //this looked awful on smaller screens, it just rolled over the edge :/
}

.text-red {
	color: red;
}

/* pad out divs like <p>'s */
#presalePanel .panel-body div.p {
	margin: 10px 0px 10px 0px;
}
/* no top padding on first p */
#presalePanel .panel-body div.p:first-child {
	margin-top: 0px;
}
/* no bottom padding on last p */
#presalePanel .panel-body div.p:last-child{
	margin-bottom: 0px;
}

/* remove default margin from well in "presale info" block */
#presalePanel .well {
	margin-bottom: 0px;
}

/* override default styles to allow for subheader text */
.content-header {
	line-height: 20px !important;
	padding-top: 0px !important;
	height: auto !important;
}
.content-header h1 {
	/* height: 55px !important; */
}

.page-content {
	padding-top: 10px;
}

.meaningless-change {
	padding: 0px;
}

@media (max-width: 767px) {
	/* add margin between image and address on mobile */
	#image-column {
		margin-top: 20px;
	}
	
	/* fix padding on mobile */
	#offerCode .col-sm-10, #offerCode .col-sm-2 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

.alert-me-btn {
	display: block;
	white-space: normal; /* allow alert btn to wrap on mobile */
	margin: 8px auto 0px; /* center horizontally */
}
/* body                { background: #f5f5f5; padding: 40px 0; } */
.promo-container {
	max-width: 480px;
}

.section-label {
	font-size: .7rem;
	letter-spacing: .15em;
}

.code-text {
	font-family: 'Courier New', monospace;
	letter-spacing: .12em;
	font-size: 24px;
	word-break: break-all;
	padding-top: 2px; /* push down a little, otherwise courier has more bottom whitespace than top? */
}

.code-blur {
	filter: blur(5px);
	user-select: none;
	pointer-events: none;
}

.code-well {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 8px 0px;
}

.code-well btn {
	flex-shrink: 0;
}

.code-well-last {
	margin-bottom: 0;
}

.subscribe-alert {
	margin-bottom: 0;
	padding: 8px 12px;
}

#offerCode {
	margin-top: 16px;
}

/* make block full width on mobile and col-md-8 offset-2 on desktop. desktop like panel, mobile with less wasted space. */
@media (max-width: 991px) {
	#offerCode {
		width: 100%;
		border-top: 1px solid #ddd;
		padding-top: 16px;
	}
}

@media (min-width: 992px) {
	#offerCode {
		max-width: 66.6666666667%;
		margin-left: 16.66666667%;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 16px;
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,.06);
	}
}