/**
 * You will probably want to change these
 */
.lite-offer-widget .package,
.testimonials-section .header-bar,
.about-section .header-bar {
	background-color: #345bbd;
	color: #ffffff;
}

.header-bar,
.bonus-section .bonus-header,
.bonus-section .bonus-header h1,
dl.ordered > dt {
	color: #345bbd;
}

ul.ordered > li:before,
ol.ordered > li:before,
dl.ordered > dt:before {
	background-color: #504a9e;
}

.hilite,
.hilite-color {
	color: #345bbd !important;
}

.hilite-color2 {
	color: #504a9e !important;
}

.hilite-color3 {
	color: #3895c3 !important;
}

.hilite-color4 {
	color: #011e65 !important;
}

.offer-widget .shim,
.lite-offer-widget > .lite-offer-widget-body {
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #b7d8f4 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #b7d8f4 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #b7d8f4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #b7d8f4));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #b7d8f4 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #b7d8f4 100%);
}

.when {
	color: #bf0a00;
}

.offer-widget .payment-plans .link a,
.full-offer-widget .payment-plans .link a,
.item-section .runtime > .duration,
.item-section .runtime > .when {
	color: #0077c7;
}

.cake q {
	color: #302db3;
}

.cake cite {
	color: #4d4bbd;
}

/**
 * You will probably NOT want to change these
 */
.full-offer-widget header {
	background-image: url( 'images/full-offer-header.png' );
}

.full-offer-widget footer {
	background-image: url( 'images/full-offer-footer.png' );
}

ul.circle-checks > li:before,
ol.circle-checks > li:before,
ul.checks > li:before,
ol.checks > li:before {
	color: #3e9100;
}

/**
 * Custom
 */
.center-checks {
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px 15px;
	max-width: 595px;
}

.center-checks > ul {
	margin: 0 auto;
	max-width: 433px;
}

.center-checks :last-child {
	margin-bottom: 0;
}

.video-testimonial .callout {
	color: #bf0a00;
	font-size: 1.3rem;
}

.video-testimonial blockquote > p:first-child,
.video-testimonial blockquote > p:last-child {
	content: '"';
}

#hero .checks {
	font-size: 1.2rem;
}

.lite-offer-widget .payment-plans .link + .link,
.offer-widget .payment-plans .link + .link {
	margin-top: 0.5rem;
}

.mfp-popup {
	position: relative;
	margin: 7vh auto !important;
	border-radius: 1rem;
	padding: 2rem 15px 0;
	background-color: white;
}

.mfp-popup .bonus-section .bonus-header h1 {
	padding: 0;
}