/*========SANITY CHECK ISLAND=========*/

/*HELPER CLASSES*/
.list {padding-left: 1em; line-height: 1em;}
.italic {font-family: "OpenSansItalic", Arial, Helvetica, sans-serif;}
.blue {color:#00436b;}

/*FOOTER BANNER*/
.banner {background-color: #f89938; padding-top: 15px; padding-bottom: 26px;}
	.banner .body {text-align: center;}
	.banner .header, .banner .deck {color: #ffffff;}
	.banner .header { font-size: 35px; font-family: "OpenSansBold", Arial, Helvetica, sans-serif; padding: 0; margin-bottom: 5px; }
	.banner .deck {font-size: 25px; line-height: 1.5em;}

/*========MARKETING ESSENTIALS=========*/

/*CATEGORY PANELS*/
.category-panel .header {
	font-family: "OpenSansLight", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #00436b;
	background-color: #ffffff;
	text-align: left;
	padding: 0 30px;
	top: -20px;
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.category-panel .body { padding-top: 26px; margin-bottom: 0}
.category-panel .body .header { font-size: 40px; line-height: 50px; font-family: "OpenSansLight", Arial, Helvetica, sans-serif; padding: 0; margin: -10px 0 22px 0; }
.category-panel-separator {border-top-color: #999999;}

/*PROGRESS*/
.progress { border-radius: 0; height: 8px; margin-bottom: 10px; background-color: #ededed;}
	.progress, .progress-bar {box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;}
	.percent {color: #d65045;  font-family: "OpenSansBold", Arial, Helvetica, sans-serif; }
	.pbars .source {color: #737478; font-family: "OpenSansItalic", Arial, Helvetica, sans-serif;}

.pb-email-marketing,
.pb-customer-reviews,
.pb-local-search-placement,
.pb-social-media,
.pb-special-offers {background-color: #d65045; }

.yodle-ads { padding: 20px; }
	.yodle-ads p { margin-bottom: 0; }
	.yodle-ads img { padding: 0 40px 15px 15px; margin-top: 40px; vertical-align: bottom; }

.caption {text-align: center; margin-top: 15px;}
	.caption-header, .caption-content {color: #02446a; font-size: 14px;}
	.caption-header {font-family: "OpenSansBold", Arial, Helvetica, sans-serif; margin: 0;}
	.caption-content { font-style: italic; margin: 0;}


/*=================*/

/*ESSENTIALS WHEEL*/
.essentials-wheel .list {position: absolute; top: 50px; right: 20%; list-style: none; color: #00436b; padding-left: 20px;}
	.essentials-wheel .glyphicon {color: #2daae1;}

/*MEDIA QUERIES*/

@media (max-width: 950px) {
	.essentials-wheel .list { position: relative; right: 0; padding: 0; text-align: center; top: 0; margin-top: 20px;}
}

@media (max-width: 768px) {
	.category-panel .body .header { font-size: 26px; line-height: 36px; }
}