/* 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 10px, linear-gradient(#d00, #800);
	border-radius: 0;
	min-height: 0;
	padding: 75px 1em 0.5em;
	text-align: center;
	width: auto;
}

/* General Rules */

body {
	font-size: 100%;
	font-family:"Source Sans Pro", "Open Sans", Arial, Helvetica, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #583565;
	font-family:"Oxygen", "Open Sans", Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
}

h1,
h2,
.h1,
.h2 {
	text-align:center;
}

h1,
.h1 { font-size: 2em; }

.headline-part { display: block; }

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

.fa-ul li { list-style-image: none; }

.fa-li { color: #583565; }

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

@media screen and (min-width:34em) {
	h1,
	.h1 { font-size: 3em; }	
}

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

/* Layout Rules */

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

.wrap {
	background-color: #fff;
	margin: 0 auto;
	max-width: 42em;
	padding: 0 1em;
}

/* General Content Rules */

blockquote,
.sidebar {
	background-color: #d9fafd;
	border-left: 0.33em solid #9ebbbe;
	margin: 1em auto;
	padding: 0.1em 1em;
}

.sidebar-gray {
	border-left: 0.33em solid #ccc;
	background-color: #eee;
}

.sidebar-quote {
	background-color: #b0e3e8;
	border-radius: 0.25em;
	padding: 0.5em;
}

.portrait,
.image-box {
	background-color: #583565;
	border-radius: 0.25em;
	padding: 0.5em;
}

.image-box {
	box-sizing: border-box;
}

.portrait {
	margin: 1em auto;
	max-width: 8.5em;
}

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

.caption {
	color: #fff;
	margin: 0.5em auto 0;
}

.sidebar h3 {
	margin-top: 0.5em;
	text-align: center;
}

@media screen and (min-width:42.5em) {
	.portrait-right {
		float: right;
		margin: 0 0 0.5em 1em;
		max-width: none;
	}
	
	h2 + .portrait-right,
	h3 + .portrait-right,
	h4 + .portrait-right,
	.sidebar-right + .portrait-right {
		margin: 0.5em 0 0.5em 1em;
	}

	.sidebar-right {
		float: right;
		max-width: 14em;
		margin: 0 0 0.5em 1em;
		clear: right;
	}
	
	h2 + .sidebar-right,
	h3 + .sidebar-right,
	h4 + .sidebar-right {
		margin: 0.5em 0 0.5em 1em;
	}
	
	.quote-by-sidebar {
		margin: 1em auto 1em 0;
		max-width: 21em;
	}
}

/* Experts Section */

.experts-titled {
	align-items: center;
	background-color: #333;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	margin: 0 auto;
}

.experts-titled-expert-photo {
	box-sizing: border-box;
	display: block;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	flex: 0 1 auto;
	margin: 0;
	max-width: 10.87em;
	width: 25%;
}

@media screen and (min-width:42.5em) {
	.experts-titled {
		flex-flow: nowrap;
	}

	.experts-titled-expert-photo {
		width: 14.28%;
		width: calc(100%/7);
	}
}

/* Eyebrow Rules */

.eyebrow {
	background-color: #2f1837;
	padding: 1em;
}

.eyebrow-content {
	margin: 0 auto;
	max-width: 59em;
	padding: 1em;
}

.eyebrow-content > * {
	color: #fff;
}

.message-wrapper {
	background-color: #231229;
	border-radius: 0.25em;
	margin: 1em auto;
	padding: 0.1em 1em;
	text-align: center;
}

.message-img-wrapper img {
	border-radius: 0.25em;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.message-text {
	font-family: "Oxygen", "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.3;
}

@media screen and (min-width:38.75em) {
	.message-wrapper {
		display: table;
		margin: 3em auto 2em;
		max-width: 35em;
		padding: 1em;
		text-align: left;
	}	

	.message-cell {
		display: table-cell;
		vertical-align: middle;
	}
	
	.message-cell p:first-child { margin-top: 0; }
	
	.message-cell p:last-child { margin-bottom: 0; }

	.message-img-wrapper {
		min-width: 8.15em;
		padding-right: 1em;
	}
	
	.message-img-wrapper img {
		width: 8.15em;
	}
}

/* Callout Section */

.callout-section {
	color: #000;
	margin: 0.33em auto;
	max-width: 50em;
}

.callout-section-row {
	background-color: #cab3d2;
	border-radius: 4px;
	margin: 0.33em auto;
	padding: 1em 1em 0;
}

.callout-section-row:nth-of-type(even) {
	background-color: #e7d0ef;
}

.callout-section-copy {
	padding: 0.1em 0;
}

.callout-section-copy p {
	margin:1em 0 1.6em;
}

@media screen and (min-width:30em) {
	.callout-section-row {
		display: table;
		padding: 1em;
	}

	.callout-section-photo, 
	.callout-section-copy {
		display: table-cell;
		vertical-align: middle;
	}
	
	.callout-section-photo {
		min-width: 10em;
		padding-right: 1em;
	}
}

/* Buttons */

a.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: 0.075em solid #76675C;
	border-radius: 0.25em;
	box-shadow:0 0 0 0.15em #A6A6A6;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.5em auto;
	padding: 0.25em 0.67em 0.33em;
}

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

a.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 */

#bonus-nick { max-width: 18em; }
#with-usborne { max-width: 23em; }