/* IE/Edge Responsive Viewport */

@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
	background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
	border: 3px solid #800;
	border-radius: 0;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* General Rules */

body {
	background-color: #c9efff;
	color: #222;
    font-size: 100%;
}

.content h1, 
.content h2, 
.content h3, 
.content .h1, 
.content .h2, 
.content .h3 {
	color: #1f1f1f;
    font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
	font-weight: 900;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.content h1,
.content .h1 { font-size: 2.25em; }

.headline-part { display: block; }
.headline-part + .headline-part { margin-top: 0.5em; }

p { margin: 1.6em 0; }

.fa-ul li { list-style-image: none; }
.fa-li { color: #3fc240; }

img {
	height:auto;
	max-width:100%;
}

@media screen and (min-width:33em) {
	.content h1,
	.content .h1, { font-size: 2.67em; }	
}

@media screen and (min-width:40em) {
	body { font-size: 110%; }	
}

@media screen and (min-width:60em) {
	body { font-size: 115%; }	
}

/* Layout Rules */

.content { 
	margin: 0; 
	padding: 0;
}

.frame {
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0.2em 0.2em 0.2em #b6d9e7;
	margin: 0 auto;
	max-width: 40em;
	padding: 0 1em;
}

.wrap {
	margin: 0 auto;
	max-width: 31em;
	padding: 0.1em 0;
}

/* Header Rules */

.header {
	background: #fca973 url(/_img/toolbox/p/jbp/sunset.jpg) no-repeat top left fixed;
	background-size: cover;
	margin: 0 auto;
	padding: 0.1em 1em;
}

.sidebar-wrapper { background-color: #d4ffd4; }

.sidebar-wrapper .sidebar {
	border-radius: 0;
	margin: 0 auto;
	max-width: 48em;
	width: 90%;
}

.headline-wrapper {
	background-color: #fff;
	border-radius: 0.25em;
	margin: 2em auto;
	max-width: 42em;
	padding: 1em 1em 0.1em;
}

.headline-wrapper h1 { margin: 0.25em auto; }

.headline-wrapper .h3 { margin: 1em auto; }

/* Content Rules */

.portrait {
	background-color: #e4e8f6;
	border-radius: 0.25em;
	padding: 0.5em;
}

.portrait img { border-radius: 0.25em; }

.week,
.bonus {
	background-color: #d4ffd4;
	border-radius: 0.25em;
	padding: 0.25em;
}

.week span,
.bonus span {
	background-color: #74ea74;
	padding: 0 0.5em;
}

.concern { margin-top: -5px !important; }

.left-indent,
.full-indent {
	margin-left: 1.5em;
}

.full-indent {
	margin-right: 1.5em;
}

.sidebar {
	background-color: #d4ffd4;
	border-radius: 0.25em;
	color: #000;
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	font-size: 0.85em;
	padding: 0.1em 1em;
	max-width: 90%;
}

.right-image,
.sidebar { margin: 1em auto; }

.sidebar img { border-radius: 0.25em; }

@media screen and (min-width:23.75em) {
	.testimonial-portrait {
		float: left;
		margin: 0 1em 0.25em 0;
	}	
}

@media screen and (min-width:22.5em) {
	.right-image {
		float: right;
		margin: 0 0 1em 1em;
	}
}

@media screen and (min-width:30em) {
	.right-sidebar {
		float: right;
		margin: 0 0 1em 1em;
		max-width: 13em;
	}
}

@media screen and (min-width:47.5em) {
	.right-sidebar {
		margin: 0 -5em 1em 1em;
	}
}

@media screen and (min-width:32.5em) {
	.left-indent,
	.full-indent { margin-left:3em; }
	
	.full-indent { margin-right:3em; }
}

/* Buttons */

.order-button {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border:2px solid #76675C;
	border-radius:4px;
	box-shadow:0 0 0 5px #a6a6a6;
	display:block;
	font-weight:bold;
	font-size:1.5em;
	margin:1em auto;
	padding:0 0.05em;
	text-align:center;
}

.order-button span { color:#fff; }

.order-button:hover span, 
.order-button:focus span, 
.order-button:active span { color:#ff3; }

.order-button:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
	background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}

/* Artificial Breaks */

#key { max-width: 12em; }
#part-three { max-width: 11em; }
#need-this { max-width: 14em; }
#bonuses { max-width: 13em; }
#not-sure { max-width: 13em; }

/* IE10/11 CSS Hack to disable buggy fixed background image */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.header { background-attachment: scroll; }
}