/*!
Theme Name: Diabetes Self-Management
Theme URI: http://diabetesselfmanagement.com
Author: Stephen Simon Interactive
Author URI: http://stephensimon.com
Description: Theme for Madavor magazine, Diabetes Self-Management
Version: 1.0
Text Domain: diabetesselfmanagement

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer along with Nicolas Gallagher and Jonathan Neal and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Helper
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1b0e51;
}

h1,
.slide-content_heading {
	font-size: 28px;
	line-height: 1.3;
}

h2,
.section-heading {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	margin-bottom: 13px;
}

h4,
.article-category--meal-type .entry-title {
	font-size: 18px;
}

h5,
.flashpoint-description-heading {
	font-size: 16px;
}

h6,
.section-heading--alt {
	font-size: 14px;
}

.entry-title {
	margin-bottom: 2px;
}

/*.current-article .entry-title,
.page-title {
	border-bottom: 5px solid #ebecee;
	margin-bottom: 30px;
	padding-bottom: 9px;
} */

.header-bottom-border {
	border-bottom: 5px solid #ebecee;
	margin-bottom: 30px;
	padding-bottom: 9px;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	margin: 0 1.5em 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #23589a;
	border: none;
	border-radius: 3px;
	color: white;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	display: inline-block;
	*display: inline;
	margin: .5em 0;
	text-align: center;
	padding: 3px 10px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: white;
	color: #23589a;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #1b0e51;
	color: white;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/* Gravity forms styles */
gform_button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 font-size: 1.2em!important;   
	background-color: #23589a;
 border: none;
 border-radius: 3px;
 color: white;
 cursor: pointer;
 -webkit-appearance: button;
 display: inline-block;
 margin: .5em 0;
 text-align: center;
 padding: 15px 35px;
}

gform_button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
 background-color: #2967b4;
 color: white;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #23589a;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
}

.btn {
	border-radius: 3px;
	color: white;
	display: inline-block;
	*display: inline;
	margin: .5em 0;
	text-align: center;
	padding: 5px 10px 6px;
}

.btn:hover,
.btn:focus,
.btn:active {
	text-decoration: none;
}

.btn--a {
	background-color: #23589a;
}

.btn--b {
	background-color: #67a944;
}

.btn--c {
	background-color: transparent;
	color: #23589a;
}

.btn-d {
 background-color: #1b0e51;
 padding: 15px 25px;
 width: 75%;
 transition: all 0.2s linear;
}

.btn-d:hover {
 background-color: #3c2d78;
}

.btn-e {
 background-color: #86b562;
 padding: 15px 25px;
 width: 75%;
 transition: all 0.2s linear;
}

.btn-e:hover {
 background-color: #739c54;
}

.btn-alt {
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-appearance: none;
	text-shadow: none;
}

.btn-alt:hover,
.btn-alt:focus,
.btn-alt:active {
	box-shadow: none;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.site-header__main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.menu-primary-container {
	max-width: 1150px;
	margin: 0 auto;
	width: 100%;
}

	@media screen and (min-width: 1024px) {
		.site-header__main-navigation {
			float: left;
		}
		
		.menu-primary-container {
			display: table;
			table-layout: fixed;
		}
	}

.site-header__main-navigation ul {
	display: table-row;
	margin: 0;
	padding-left: 0;
}

.site-header__main-navigation li {
	position: relative;
}	
	
	@media screen and (min-width: 1024px) {
		.site-header__main-navigation li {
			border-bottom: 1px solid #dadbdd;
			display: table-cell;
			text-align: center;
		}
	}

.site-header__main-navigation a {
	background: #f4f4f5;
	border-bottom: 1px solid #dadbdd;
	display: block;
	color: black;
	font-size: 16px;
	font-weight: 600;
	padding: 5px;
}
	
	@media screen and (max-width: 1023px) {
		.site-header__main-navigation a {
			padding: 10px 20px;
		}
		
		.site-header__main-navigation li:first-child a {
			box-shadow: inset 0 3px 4px #dcdcdd;
		}
		
		.site-header__main-navigation li:last-child a {
			box-shadow: inset 0 -3px 4px #dcdcdd;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.site-header__main-navigation a {
			background-color: white;
			border: 1px solid transparent;
			border-top-color: #dadbdd;
			border-right-color: #dadbdd;
		}
		
			.site-header__main-navigation li:first-child a {
				border-left: 1px solid #dadbdd;
			}
	}

.site-header__main-navigation ul ul {
	background: #f4f4f5;
	border-bottom: 1px solid #dadbdd;
}

	@media screen and (min-width: 1024px) {
		.site-header__main-navigation ul ul {
			float: left;
			position: absolute;
			top: 2.25em;
			left: -999em;
			z-index: 99999;
		}
	}

.site-header__main-navigation ul ul ul {
}

	@media screen and (min-width: 1024px) {
		.site-header__main-navigation ul ul ul {
			left: -999em;
			top: 0;
		}
	}

.site-header__main-navigation ul ul a {
	border-left: 1px solid #dadbdd;
	border-right: 1px solid #dadbdd;
	border-bottom: none;
	font-weight: 400;
	width: 228px;
}

.site-header__main-navigation ul ul li {
	border-bottom: none;
	display: block;
	text-align: left;
}

.site-header__main-navigation li:hover > a {
	background-color: #f4f4f5;
	color: black;
}

.site-header__main-navigation ul ul :hover > a {
	color: black;
}

.site-header__main-navigation ul ul a:hover {
}

.site-header__main-navigation ul li:hover > ul {
}

	@media screen and (min-width: 1024px) {
		.site-header__main-navigation ul li:hover > ul {
			left: auto;
		}
	}

.site-header__main-navigation ul ul li:hover > ul {
}

	@media screen and (min-width: 1024px) {
		.site-header__main-navigation ul ul li:hover > ul {
			left: 100%;
		}
	}

.site-header__main-navigation .current_page_item > a,
.site-header__main-navigation .current-menu-item > a,
.site-header__main-navigation .current_page_ancestor > a {
}

/* Dexcom Nav styles */
.site-header__main-navigation ul ul li.menu-item-dexcom:hover > a {
	background: #58A618;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #dadbdd;
}
.site-header__main-navigation ul ul li.menu-item-dexcom a {
	background: #58A618;
	color: #ffffff;
} 

/* PDB Nav styles */
.site-header__main-navigation ul ul li.menu-item-pdb:hover > a {
	background: #e92340;
	color: #e8e8e8;
	font-weight: bold;
}
.site-header__main-navigation ul ul li.menu-item-pdb a {
	background: #e8e8e8;
	color: #e92340;
	font-weight: bold;
}

/* Small menu */
.toggler {
	display: none;
	color: #1b0e51;
	height: 31px;
	margin: 0;
	padding: 0 13px;
	font-size: 21px;
}

@media screen and (min-width: 768px) {
	.toggler {
		height: 42px;
		font-size: 28px;
	}
}

.menu-toggle {
	position: absolute;
	right: 0;
	top: 23px;
}

@media screen and (max-width: 1023px) {
	.menu-toggle,
	.site-header__main-navigation.toggled .nav-menu {
		display: block;
	}

	.site-header__main-navigation ul {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		top: 37px;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
/*.single .current-article .entry-content:before,
.single .current-article .entry-content:after,
.single .current-article .entry-footer:before,
.single .current-article .entry-footer:after,*/
.current-article .entry-content:before,
.current-article .entry-content:after,
.current-article .entry-footer:before,
.current-article .entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
/*.single .current-article .entry-content:after,
.single .current-article .entry-footer:after,*/
.current-article .entry-content:after,
.current-article .entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	border-bottom: 1px solid #ebecee;
	margin: 0 0 1.5em;
}

.widget:last-child {
	border-bottom: none;
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
	.lap-one-half .widget {
		width: 95%;
	}	
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* Tip of the Day */
.tip-of-the-day__question {
	padding-bottom: 18px;
}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Components
--------------------------------------------------------------*/

.entry-content .list-unbulleted {
	list-style: none;
	margin-left: 0;
}

.list-inline {
	
}

.list-inline li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}

.pre-content-widget-area {
	margin-bottom: 1em;
}

.taxonomy-description {
	font-style: italic;
	margin: 1em auto 3em;
	width: 85%;
}

.alpha_wrapper {
	padding-bottom: 1.5em;
}

.menu--alpha-glossary {
	font-size: 15px;
	margin-bottom: 1.5em;
	padding-bottom: 10px;	 
}

.menu--alpha-glossary__item {
	padding: 0 3px;
}

.ul-divided {
	margin-left: 0;
	padding: 0;
}

.ul-divided li {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 5px;
	padding-bottom: 11px;
}


.ul-divided li:last-child {
	border-bottom: none;
}

/*--------------------------------------------------------------
10.2 Theme
--------------------------------------------------------------*/

.site {
	margin: 0 auto;
}

.wrapper {
	margin: 0 auto;
	min-width: 300px;
	max-width: 1170px;
	padding: 0 10px;
	position: relative;
}

/* Temp fix until responsive design is resolved */

@media screen and (min-width: 768px) {
	.wrapper {
		width: 788px;
	}
	.tablet .wrapper {
		width: 768px;
	}
}

@media screen and (min-width: 1024px) {
	.wrapper {
		width: 1170px;
	}
}

/* Header */

.ad-header {
	/* background: #ebecee; */
	padding: 8px 0;
}

.site-header {
	font-size: 16px;
	/* margin-bottom: 26px; */
	padding-top: 7px;
	position: relative;
}

	@media screen and (min-width: 768px) and (max-width: 1023px) {
		.site-header {
			box-shadow: 0 3px 4px #dcdcdd;
		}
	}

	.site-header a {
		text-decoration: none;
	}

.site-header__branding {
	margin-bottom: 10px;
	width: 190px;
}

	@media screen and (min-width: 768px) {
		.site-header__branding {
			width: 275px;	
		}
	}
	@media screen and (min-width: 1024px) {
		.site-header__branding {
			width: 300px;	
		}
	}

.site-header__utility {
	
}

.site-header__social {
	background: white;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
}

	.site-header__social a {
		color: #5f5f5d;
		font-size: 24px;
	}
	
	@media screen and (max-width: 767px) {
		.site-header__social {
			box-shadow: inset 1px 3px 4px #dcdcdd;
			padding-top: .5em;
		}
	}
	
	@media screen and (min-width: 768px) {
		.site-header__social {
			background: transparent;
			height: 42px;
			margin-left: 0;
			margin-right: 0;
			position: absolute;
			text-align: right;
		}
		
		.site-header__social a {
			color: #1d599b;
			font-size: 28px;
		}
	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		.site-header__social {
			border-right: 1px solid #dadbdd;
			padding-right: 13px;
			right: 130px;
			top: 37px;
		}
	}
	
	@media screen and (min-width: 1024px) {
		.site-header__social {
			line-height: 1;
			right: 252px;
			top: 44px;
		}
		.site-header__social a {
			font-size: 32px;
		}
	}

.site-header__search {
	
}
	
	@media screen and (min-width: 1024px) {
		.site-header__search {
			position: absolute;
			right: 10px;
			top: 44px;
		}
	}
	
	.search-form { 
		font-size: 13px;
		margin-bottom: 1em;
	}
	.search-form .search-field {
		background: url(images/search-bg.png) no-repeat 96% 50%;
		padding: 3px 2%;
		width: 92%;
	}
	
		@media screen and (min-width: 1024px) {
			.search-form .search-field {
				padding: 6px 15px;
				width: 196px; /* 238px */
			}
		}

	.site-header__search .search-submit {
		display: none;
	}

/* Small menu */
.search-toggle {
	border-right: 1px solid #dadbdd;
	position: absolute;
	right: 55px;
	top: 23px;
}

@media screen and (max-width: 1023px) {
	.search-toggle,
	.site-header__search.toggled .search-form {
		display: block;
	}

	.site-header__search form {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.search-toggle  {
		right: 65px;
		top: 37px;
	}
}

.social-nav {
	margin: 0;
	padding-left: 0;
}

.social-nav li {
	display: inline;
}

/* Main */

@media screen and (min-width: 1024px) {
	.desk-i-lft .featured-image {
		float: left;
		margin-right: 20px;
		overflow: hidden;
		width: 160px;
	}
	
	.desk-i-lft .has-post-thumbnail .entry {
		margin-left: 180px;
	}	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.lap-i-lft .featured-image {
		float: left;
		margin-right: 20px;
		overflow: hidden;
		width: 160px;
	}
	
	.lap-i-lft .has-post-thumbnail .entry {
		margin-left: 180px;
	}	
}

@media screen and (max-width: 767px) {
	.palm-i-lft .featured-image {
		float: left;
		margin-right: 20px;
		overflow: hidden;
		width: 160px;
	}
	
	.palm-i-lft .has-post-thumbnail .entry {
		margin-left: 180px;
	}	
}

/* Footer */

.site-footer {
	background: #ebecee;
	font-size: 13px;
	margin-top: 21px;
	padding-top: 21px;
	text-align: center;
}

	@media screen and (min-width: 768px) {
		.site-footer {
			font-size: 14px;
			padding-top: 50px;
		}
	}

	.site-footer a {
		text-decoration: none;
	}
	
	.site-footer a:hover {
		opacity: 0.5;
	}
	
	.site-footer a:focus {
		opacity: 0.75;
	}

.site-footer__branding {
	margin-bottom: 1em;
}

	@media screen and (min-width: 1024px) {
		.site-footer__branding {
			float: left;
			width: 19.043478%;
		}
	}

.site-footer__site-map {
	border-top: 1px solid #cacac8;
	border-bottom: 1px solid #cacac8;
	margin: 0 auto 1em;
	max-width: 692px;
	padding: 5px 9px;
}

.site-footer__site-map li {
	white-space: pre-wrap;
}

	@media screen and (min-width: 1024px) {
		.site-footer__site-map {
			float: left;
			margin: 0 2.7391305%;
			width: 60.26087%;
		}
	}

	.site-footer__site-map ul {
		margin: 0;
		padding-left: 0;
	}
	
	.site-footer__site-map li {
		display: inline;
	}

	.site-footer__site-map a {
		padding: 5px 9px;
	}

.site-footer__social {
	font-size: 24px;
	margin-bottom: 1em;
}

	@media screen and (min-width: 1024px) {
		.site-footer__social {
			float: left;
			width: 15.217391%;
		}
	}

.site-footer__legal {
	font-size: 11px;	
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.content-area {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.content-area {
		float: left;
		width: 71.73913%; /* 825px */
	}
	
	.home .content-area {
		width: 72.521739%;
	}
	
	.tablet .content-area {
		width: 100%;
	}
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.archive .hentry {
	border-bottom: 1px solid #dbdbdd;
	padding-bottom: 1.5em;
}

.archive .hentry:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.col .hentry {
	margin-left: auto;
	margin-right: auto;
	width: 87.5%;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.single .current-article .entry-title {
	margin-bottom: 15px;
}
.single .current-article .entry-meta {
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	
	.type-recipe.current-article .entry-title {
		margin-bottom: 10px;
	}
	
	.type-recipe.current-article .utility_links {
		margin-top: 1em;
	}
}

@media screen and (min-width: 768px) {
	.utility_links {
		text-align: right;
	}	
}

.page-content,
.entry-content,
.entry-summary {
	margin: .75em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.desktop .current-article .entry-content {
	min-height: 600px;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5em 3em;
}

.entry-content h1 {
	margin-bottom: 0.67em;
}


.entry-content h2 {
	margin-bottom: 0.83em;	
}

.entry-content h3 {
	margin-bottom: 1em;
}

.entry-content h4 {
	margin-bottom: 1.33em;
}

.entry-content h5 {
	margin-bottom: 1.67em;
}

.entry-content h6 {
	margin-bottom: 2.33em;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

@media screen and (max-width:600px) {
	.breadcrumbs {
		display: none;		
	}
}

/* .entry-content p:last-child {
	margin-bottom: 0;
} */

.entry-meta {
	font-size: 13px;
}

.entry-footer__share {
	margin: 2em 0 1em;
}

.entry-footer__author-details {
	font-style: italic;
	margin-top: 12px;
	padding-top: 24px;
}

.entry-footer__author-details:before {
	border-top: 1px dashed #9c9c98;
	content: " ";
	display: block;
	height: 1px;
	padding-top: 24px;
	width: 50%;
	
}

.entry-footer__disclaimer {
	border-top: 1px solid #f1f1f1;
	font-size: 11px;
	margin-top: 12px;
	padding-top: 12px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.widget-area {
	min-width: 300px;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.desktop .widget-area,
	.desktop .widget-area.col {
		float: right;
	}
	.desktop .widget-area {
		width: 26.086967%; /* 300px */
	}
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
13.0 Modules
--------------------------------------------------------------*/

/*
 * Test Size Adjustment
 */

.text-size-adjust {
	padding-left: 5px;
}

.text-size-adjust_control {
	padding: 0 2px;
}

.text-size-adjust_small { 
	font-size: 14px; 
}

.text-size-adjust_medium { 
	font-size: 17px; 
}
	
	.text-size-adjust_medium h1 {
		font-size: 31px;
	}
	
	.text-size-adjust_medium h2 {
		font-size: 27px;
	}
	
	.text-size-adjust_medium h3 {
		font-size: 23px;
	}
	
	.text-size-adjust_medium h4 {
		font-size: 21px;
	}
	
	.text-size-adjust_medium h5 {
		font-size: 19px;
	}
	
	.text-size-adjust_medium h6 {
		font-size: 17px;
	}


.text-size-adjust_large { 
	font-size: 20px; 
}
	
	.text-size-adjust_large h1 {
		font-size: 34px;
	}
	
	.text-size-adjust_large h2 {
		font-size: 30px;
	}
	
	.text-size-adjust_large h3 {
		font-size: 26px;
	}
	
	.text-size-adjust_large h4 {
		font-size: 24px;
	}
	
	.text-size-adjust_large h5 {
		font-size: 22px;
	}
	
	.text-size-adjust_large h6 {
		font-size: 20px;
	}

/*
 * Icon Font
 */

@font-face {
  font-family: 'madavor';
  src: url('font/madavor.eot?24068400');
  src: url('font/madavor.eot?24068400#iefix') format('embedded-opentype'),
       url('font/madavor.woff?24068400') format('woff'),
       url('font/madavor.ttf?24068400') format('truetype'),
       url('font/madavor.svg?24068400#madavor') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'madavor';
    src: url('../font/madavor.svg?24068365#madavor') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "madavor";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-instagram-circled:before { content: '\e800'; } /* '' */
.icon-facebook-circled:before { content: '\e801'; } /* '' */
.icon-pinterest:before { content: '\e802'; } /* '' */
.icon-twitter-circled:before { content: '\e803'; } /* '' */
.icon-right-open:before { content: '\e804'; } /* '' */
.icon-left-open:before { content: '\e805'; } /* '' */
.icon-menu:before { content: '\e806'; } /* '' */
.icon-search:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-print:before { content: '\e809'; } /* '' */
.icon-up-open:before { content: '\e80a'; } /* '' */
.icon-down-open:before { content: '\e80b'; } /* '' */
.icon-linkedin-circled:before { content: '\e900'; } /* '' */

/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides .slide-content_body img { width: auto; height: auto; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin-bottom: 40px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* .carousel li { margin-right: 5px; } */

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before { font-family: "madavor"; font-size: 40px; line-height: 1; display: inline-block; content: '\e805'; }

.flex-direction-nav a.flex-next:before { content: '\e804'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #FFF; background: white; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { background: #ebecee; }

.flex-control-paging li a.flex-active { background: #1d599b; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }

/*!
 * Filter
 *
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

.filter {
	border: 1px solid #dadbdd;
	border-radius: 3px;
	font-size: 13px;
	margin-bottom: 1em;
}

@media screen and (min-width: 1024px) {
	.filter--absolute {
		margin-bottom: 0;
		position: absolute;
		right: 0;
		z-index: 10;
		width: 300px;
	}
}

[data-accordion] {
    line-height: 1;
}

[data-control] {
    padding: 8px 10px;
}

[data-content] {
    background-color: #f5f5f7;
    border: 0;
    padding: 0;
}

[data-content] a {
	color: black;
	display: block;
	padding: 8px 20px;
}

[data-content] :last-child > a {
	border-bottom: 1px solid #dadbdd;
}

[data-content] a:hover,
[data-content] a:focus,
[data-content] a:active {
	background: white;
	color: #23589a;
	text-decoration: none;
}

[data-accordion] [data-control] {
    background-color: #dadbdd;
    border-radius: 3px 3px 0 0;
    color: #1b0e51;
    font-size: 14px;
    margin: 0;
    position: relative;
    padding-right: 40px;
    text-align: left;
    width: 100%;
}

[data-accordion] [data-control]:active,
[data-accordion] [data-control]:focus {
	outline: none;
}

[data-accordion] [data-content] [data-control] { 
	background-color: #f5f5f7;
	border-radius: 0;
	border-bottom: 1px solid #dadbdd;
	color: #93929a;
}

[data-accordion] > [data-control]:after {
    content: '\e80b';
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 11px;
    font-weight: 200;
    color: #1b0e51;
    height: 15px;
    width: 24px;
    font-family: "madavor";
}

[data-accordion] [data-content] [data-control]:after { 
	color: #93929a;
}

[data-accordion].open > [data-control]:after {
    content: '\e80a';
}
  
/*
 * Ads
 */

.ad {
	background-color: transparent;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ad__heading {
	color: #707070;
	font-size: 10px;
	height: 15px;
}

.ad--box {
	/*min-height: 250px;*/
	min-width: 300px;
}

.ad--box .ad__heading {
	margin-top: -15px;
}

.ad--leaderboard {
	background: url(images/leaderboard-ad-heading.png) -2px 50% no-repeat;
	/* max-height: 90px; */
	/* max-width: 742px; */
	min-height: 50px;
	min-width: 300px;
	padding-left: 11px;
	display: inline-block;
}

.ad--skyscraper {
	min-height: 600px;
	width: 160px;
	display: inline-block;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.ad--skyscraper {
		/*display: none;*/
	}
}

@media screen and (min-width: 768px) {
	.lap-med-rect-ad--inline .ad {
		float: right;
		margin: 0 0 1em 1em;	
	}
	
	.lap-med-rect-ad--inline-l .ad {
		float: left;
		margin: 0 1em 1em 0;	
	}
}

@media screen and (min-width: 1024px) {
	.desk-med-rect-ad {
		width: 71.769912%;
	}
	
	.tablet .desk-med-rect-ad {
		width: 100%;
	}
	
	.desk-med-rect-ad--l {
		margin-left: 28.230088;
	}
	
	.desk-med-rect-ad .ad {
		right: -28.230088%;
		position: absolute;
		top: 0;
	}
	
	.desk-med-rect-ad--l .ad {
		left: -28.230088;
		position: absolute;
		right: initial;
		top: 0;
	}
	
	.hr--desk-thick .ad {
		top: -5px;
	}
}

/*--------------------------------------------------------------
14.0 Helper
--------------------------------------------------------------*/

/* Grid */

.col-wrap {
	clear: both;
	position: relative;
}

.col {
	float: left;
}

.one-whole {
	float: none;
    width: 100% !important
}

.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths,
.six-twelfths {
    width: 50% !important
}

.one-third, .two-sixths, .three-ninths, .four-twelfths {
    width: 33.3333333% !important
}

.two-thirds, .four-sixths, .six-ninths, .eight-twelfths {
    width: 66.6666666% !important
}

.one-quarter, .two-eighths, .three-twelfths {
    width: 25% !important
}

.three-quarters, .six-eighths, .nine-twelfths {
    width: 75% !important
}

.one-fifth, .two-tenths {
    width: 20% !important
}

.two-fifths, .four-tenths {
    width: 40% !important
}

.three-fifths, .six-tenths {
    width: 60% !important
}

.four-fifths, .eight-tenths {
    width: 80% !important
}

.one-sixth, .two-twelfths {
    width: 16.6666666% !important
}

.five-sixths, .ten-twelfths {
    width: 83.3333333% !important
}

.one-eighth {
    width: 12.5% !important
}

.three-eighths {
    width: 37.5% !important
}

.five-eighths {
    width: 62.5% !important
}

.seven-eighths {
    width: 87.5% !important
}

.one-ninth {
    width: 11.1111111% !important
}

.two-ninths {
    width: 22.2222222% !important
}

.four-ninths {
    width: 44.4444444% !important
}

.five-ninths {
    width: 55.5555555% !important
}

.seven-ninths {
    width: 77.7777777% !important
}

.eight-ninths {
    width: 88.8888888% !important
}

.one-tenth {
    width: 10% !important
}

.three-tenths {
    width: 30% !important
}

.seven-tenths {
    width: 70% !important
}

.nine-tenths {
    width: 90% !important
}

.one-twelfth {
    width: 8.3333333% !important
}

.five-twelfths {
    width: 41.6666666% !important
}

.seven-twelfths {
    width: 58.3333333% !important
}

.eleven-twelfths {
    width: 91.6666666% !important
}

@media screen and (max-width: 719px) {
    .palm-one-whole {
	    float: none;
        width: 100%
    }

    .palm-one-half {
        width: 50%
    }

    .palm-one-third {
        width: 33.333333333%
    }

    .palm-two-thirds {
        width: 66.666666666%
    }

    .palm-one-quarter {
        width: 25%
    }

    .palm-three-quarters {
        width: 75%
    }

    .palm-one-fifth {
        width: 20%
    }

    .palm-two-fifths {
        width: 40%
    }

    .palm-three-fifths {
        width: 60%
    }

    .palm-four-fifths {
        width: 80%
    }

    .palm-one-tenth {
        width: 10%
    }

    .palm-three-tenths {
        width: 30%
    }

    .palm-seven-tenths {
        width: 70%
    }

    .palm-nine-tenths {
        width: 90%
    }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
    .lap-one-whole {
	    float: none;
        width: 100%
    }

    .lap-one-half {
        width: 50%
    }

    .lap-one-third {
        width: 33.333333333%
    }

    .lap-two-thirds {
        width: 66.666666666%
    }

    .lap-one-quarter {
        width: 25%
    }

    .lap-three-quarters {
        width: 75%
    }

    .lap-one-fifth {
        width: 20%
    }

    .lap-two-fifths {
        width: 40%
    }

    .lap-three-fifths {
        width: 60%
    }

    .lap-four-fifths {
        width: 80%
    }

    .lap-one-tenth {
        width: 10%
    }

    .lap-three-tenths {
        width: 30%
    }

    .lap-seven-tenths {
        width: 70%
    }

    .lap-nine-tenths {
        width: 90%
    }
}

@media screen and (min-width: 720px) {
    .lap-and-up-one-whole {
        width: 100%
    }

    .lap-and-up-one-half {
        width: 50%
    }

    .lap-and-up-one-third {
        width: 33.333333333%
    }

    .lap-and-up-two-thirds {
        width: 66.666666666%
    }

    .lap-and-up-one-quarter {
        width: 25%
    }

    .lap-and-up-three-quarters {
        width: 75%
    }

    .lap-and-up-one-fifth {
        width: 20%
    }

    .lap-and-up-two-fifths {
        width: 40%
    }

    .lap-and-up-three-fifths {
        width: 60%
    }

    .lap-and-up-four-fifths {
        width: 80%
    }

    .lap-and-up-one-tenth {
        width: 10%
    }

    .lap-and-up-three-tenths {
        width: 30%
    }

    .lap-and-up-seven-tenths {
        width: 70%
    }

    .lap-and-up-nine-tenths {
        width: 90%
    }
}

@media screen and (max-width: 1023px) {
    .portable-one-whole {
        width: 100%
    }

    .portable-one-half {
        width: 50%
    }

    .portable-one-third {
        width: 33.333333333%
    }

    .portable-two-thirds {
        width: 66.666666666%
    }

    .portable-one-quarter {
        width: 25%
    }

    .portable-three-quarters {
        width: 75%
    }

    .portable-one-fifth {
        width: 20%
    }

    .portable-two-fifths {
        width: 40%
    }

    .portable-three-fifths {
        width: 60%
    }

    .portable-four-fifths {
        width: 80%
    }

    .portable-one-tenth {
        width: 10%
    }

    .portable-three-tenths {
        width: 30%
    }

    .portable-seven-tenths {
        width: 70%
    }

    .portable-nine-tenths {
        width: 90%
    }
}

@media screen and (min-width: 1024px) {
    .desk-one-whole {
	    float: none;
        width: 100%
    }

    .desk-one-half {
        width: 50%
    }

    .desk-one-third {
        width: 33.333333333%
    }

    .desk-two-thirds {
        width: 66.666666666%
    }

    .desk-one-quarter {
        width: 25%
    }

    .desk-three-quarters {
        width: 75%
    }

    .desk-one-fifth {
        width: 20%
    }

    .desk-two-fifths {
        width: 40%
    }

    .desk-three-fifths {
        width: 60%
    }

    .desk-four-fifths {
        width: 80%
    }

    .desk-one-tenth {
        width: 10%
    }

    .desk-three-tenths {
        width: 30%
    }

    .desk-seven-tenths {
        width: 70%
    }

    .desk-nine-tenths {
        width: 90%
    }

    .desk-push-one-tenth {
        position: relative;
        left: 10%
    }
    .desk-push-half-quarter {
       position: relative;
       left: 12.222222222%
    } 
}


/** 
 * Miscellaneous helper styles
 */

.callout {
	border-width: 1px;
	border-style: solid;
	margin-bottom: 23px;
	padding: 15px;
}

.callout--a {
	background-color: #cceaf4;
	border-color: #9ed3e4;
}

.callout--b {
	background-color: #eaf4e3;
	border-color: #86b562;
	border-top-width: 16px;
}

.callout--c {
	background-color: #f7f7f7;
	border-color: #dadbdd;
}

.callout--space {
       padding: 15px;
}

.bottom-divider {
	border-bottom: 1px solid #ebecee;
	padding-bottom: 4px;
}

.bottom-divider--dashed {
	border-bottom-color: #a1a09c;
	border-bottom-style: dashed;
}

.top-divider {
	border-top: 1px solid #ebecee;
	padding-top: 4px;
}

.top-divider--dashed {
	border-top-color: #a1a09c;
	border-top-style: dashed;
}

.l-divider {
	border-right: 1px solid #e5e5e6;
}

.hr {
	border-top: 1px solid #ebecee;
	padding-top: 18px;
}

@media screen and (min-width: 1024px) {
	.hr--desk-thick {
		border-top-width: 5px;
	}
}

.txt-l {
	text-align: left;
}

.txt-r {
	text-align: right;
}

.txt-c {
	text-align: center;
}

.lower {
	text-transform: lowercase;
}

.upper {
	text-transform: uppercase;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*--------------------------------------------------------------
15.0 Page-Specific Trumps
--------------------------------------------------------------*/

/** 
 * Home
 */

/*
 * Featured Carousel
 */

.carousel-and-ad .lap-three-fifths {
	width: 59.5%;
}

.home-carousel {
	margin-left: auto;
	margin-right: auto;
	max-width: 834px;
}

@media screen and (max-width: 719px) {
	.home-carousel {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.lap-three-fifths .home-carousel {
		max-width: 430px;
	}
}

.home-carousel .slide {
	background: #e4eef9;
	height: 251px;
	position: relative;
}

@media screen and (min-width: 1025px) {
	.home-carousel .slide {
		height: 370px;
	}
}

.slide-image {
	height: 177px;
	overflow: hidden;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.home-carousel .slide {
		height: auto;
	}
	.slide-image {
		height: 400px;
	}
}

@media screen and (min-width: 1025px) {
	.slide-image {
		height: 370px;
		float: left;
		width: 600px;
	}

	.slide-image-full {
		width: 825px;
	}
}

.slide-content {
	background: #e4eef9;
	padding: 15px 25px;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.slide-content {
		bottom: initial;
		height: 370px;
		left: auto;
		padding: 25px;
		right: 0;
		top: 0;
		width: 225px;
	}
}
 
.slide-content_heading {
	color: #23589a;
}

@media screen and (min-width: 1025px) {
	.slide-content_heading {
		border-bottom: 1px dashed #a1a09c;
		padding-bottom: 9px;
	}
}

@media screen and (max-width: 1024px) {
	.slide-content_body {
		display: none;
	}
}


/*
 * Featured Content
 */
 
.featured-content_blog .entry-meta {
	padding-top: 6px;
}

.featured-blog-entry .entry-title {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

.home-feature-header {
	margin-bottom: 25px;
}

.featured-image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.current-article .featured-image {
	margin: 0 0 1.5em;
}

.recent-blog-posts {
	position: relative;
}

.recent-blog-posts .featured-blog-entry .entry-meta {
	padding-bottom: 25px;
}

.recent-blog-post--primary .recent-blog-post {
	border-right: 1px solid #ebecee;
}

.recent-blog-post--primary .recent-blog-post:last-child {
	border-right: none;
}

@media screen and (max-width: 768px) {
	
	.recent-blog-post--primary {
		margin-bottom: 10px;
	}
	
	.tablet .recent-blog-post--primary .hentry {
		margin-left: 0;
		width: 96%;
	}
	
	.recent-blog-post .featured-blog-entry .entry-meta {
		padding-bottom: 5px;
	}
}

@media screen and (min-width: 768px) {
	.recent-blog-post.desk-one-half .featured-image {
		float: left;
		width: 39.5%;
		margin: 0 4% 0 0;
	}
	
	.recent-blog-post.desk-one-half .has-post-thumbnail .entry {
		float: left;
		width: 53%;
	}
}

@media screen and (max-width: 1023px) {	
	
	.recent-blog-post--primary .recent-blog-post {
		border-right: none;
	}
	
	.recent-blog-post--secondary .featured-image {
		display: none;
	}
	
	.recent-blog-post.portable-one-whole {
		border-bottom: 1px solid #ebecee;
		margin-bottom: 20px
	}
}

@media screen and (min-width: 1024px) {	
	.recent-blog-post--primary {
		border-bottom: 1px solid #ebecee;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.recent-blog-post--primary .hentry {
		margin-bottom: 0;
	}
	
	.recent-blog-post--primary .entry-title {
		text-align: left;
	}
	
	.recent-blog-posts .ad {
		margin-left: 0;
		position: relative;
		right: 0;
		top: 0;
	}
	
	.recent-blog-posts .widget-area {
		position: absolute;
		right: -39%; /* -28.230088% */
		top: 0;
	}
}


@media screen and (min-width: 768px) {
	.featured-content_item {
		border-right: 1px solid #ebecee;
		border-left: 1px solid #ebecee;
	}
	
	.featured-content_item:last-child, .featured-content_item:first-child {
		border-right: none;
		border-left: none;
	}
}

.featured-content_item .entry-title {
	text-align: center;
}

.featured-content_item .featured-image {
	height: 120px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 219px;
}

.featured-article {
	border-right: 1px solid #ebecee;
}

.featured-article:last-child {
	border-right: none;
}

@media screen and (max-width: 767px) {
	.featured-article {
		border-bottom: 1px solid #ebecee;
		border-right: none;
		margin-bottom: 1.5em;
	}
	
	.featured-article .featured-image {
		float: left;
		width: 30%;
		margin: 0 4% 0 0;
	}
	
	.featured-article .has-post-thumbnail .entry {
		float: left;
		width: 63%;
	}
}

/* Recipes */

.diabetic-cooking-recipes .col .recipe {
	width: 100%;
}

.timing {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0;
	margin: 1em 0;
}

	@media screen and (max-width: 767px) {
		.timing {
			text-align: center;
		}
		.timing__item {
			display: block;
			text-align: center;
		}
	}

.recipe-callout {
	margin: 2em 0;
}

.recipe--has-ad .recipe-ingredients,
.recipe--has-ad .recipe-directions,
.recipe--has-ad .recipe-callout {
	padding-left: 180px;
}

.recipe-foot-cta {
	margin: 1em 0;
}

.desk-lap-inline-skyscraper-ad {
	margin-bottom: 1em;
}

.desk-lap-inline-skyscraper-ad .desk-lap-inline-skyscraper-ad__ad {
	min-width: 160px;
	width: 23%;
}

.desk-lap-inline-skyscraper-ad .desk-lap-inline-skyscraper-ad__content {
	float: left;
	width: 77%;
}

@media screen and (max-width: 767px) {
	.desktop.post-type-archive-recipe .recipe-4 {
		display: none;
	}
	
	.desk-lap-inline-skyscraper-ad .desk-lap-inline-skyscraper-ad__content {
		float: right;
		width: 60%;
	}
	
	.home-feature .type-recipe {
		font-size: 12px;
	}
	
	.home .type-recipe .featured-image,
	.home-feature .recipe-secondary .type-recipe .featured-image {
		height: 100px;
		overflow: hidden;
		width: 140px
	}
	
	.home-feature .type-recipe .entry-title {
		font-size: 14px;
	}
	
		.desktop .home-feature .type-recipe {
			height: 180px;
		}
	
	.home-feature .home-feature-header_heading {
		font-size: 18px;
	}
	
	.home-feature .diabetic-cooking-recipes .col .recipe {
		max-width: 140px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.desk-lap-inline-skyscraper-ad__content .entry-title {
		font-size: 18px;
	}
	
	.diabetic-cooking-recipes .home-feature-header_heading {
		font-size: 20px;
	}
	
	.desktop .diabetic-cooking-recipes .col .recipe {
		max-width: 260px;
	}
	
	.desktop .featured-recipes .recipe-3 {
		clear: left;
	}
	
	.tablet .recipe-secondary .recipe {
		max-width: 93%;
	}
	
	.home-feature .type-recipe .featured-image {
		height: 190px;
		overflow: hidden;
	}
	
	.tablet .recipe-secondary .featured-image {
		height: 90px;
	}
	
	.home-feature .desk-four-fifths .type-recipe img {
		max-width: 130%;
	}
	
	.recipe-categories .dc-header img {
		margin-right: 25px;
	}
	
	.tablet .recipe-categories .alignleft {
		margin-top: -65px;
	}
}

@media screen and (min-width: 1024px) {
	.diabetic-cooking-recipes .recipe-primary .recipe {
		padding-right: 11px;
	}
	
	.diabetic-cooking-recipes .recipe-cta {
		float: right;
	}
	
	.diabetic-cooking-recipes .desk-one-fifth {
		font-size: 13px;
		line-height: normal;
	}
	
	.diabetic-cooking-recipes .desk-one-fifth .entry-title {
		font-size: 14px;
		line-height: normal;
	}
	.desktop .diabetic-cooking-recipes .desk-one-fifth .featured-image {
		height: 100px;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.article-category--meal-type {
		border-top: 1px solid #ebecee;
		clear: both;
		height: 110px;
		margin-top: 20px;
		padding-top: 20px;
		position: relative;
	}
	
	.article-category--meal-type:first-child {
		border-top: none;
		padding-top: 0;
	}
	
	.article-category--meal-type .featured-image { 
		float: left;
		height: 110px;
		margin: 0 0 15px;
		overflow: hidden;
		width: 110px;
	}
	
	.article-category--meal-type .featured-image img {
		width: 110px;
	}
	
	.article-category--meal-type .entry-title { 
		left: 130px;
		position: absolute;
		top: 50%;
	}
	
	.article-category--meal-type .meal-type-cta {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.article-category--meal-type {
		height: 390px;
		/*margin-right: 15px;
		width: 195px; */
		width: 25%;
	}
}

/**
 * Archives
 */

@media screen and (max-width: 767px) {
	.site-main--archive .has-post-thumbnail .featured-image {
		height: 150px;
		overflow: hidden;
		width: 100%;
	}
	.site-main--archive .archive-post {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.site-main--archive .has-post-thumbnail .featured-image {
		float: left;
		height: 100px;
		margin-right: 20px;
		overflow: hidden;
		width: 160px;
	}
	
	.site-main--archive .has-post-thumbnail .entry {
		margin-left: 180px;
	}
}

/**
 * Centering DFP tags
 */
.GoogleActiveViewClass {margin: 0 auto !important;}

/**
* Subscribe Panels
*/
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-primary {
    border-color: #dfdfdf;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #23589a;
  border-color: #23589a;
}
.panel-title {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 20px;
  color: inherit;
}
.panel-body {
  padding: 15px;
}