/*
Theme Name: Eat REAL America
Theme URI: http://www.cassandrabryan.com
Author: Cassandra Bryan, Levi Mabe and Austin Biggs
Author URI: http://www.cassandrabryan.com
Description: Theme for Eat REAL America
Version: 2.2

CHANGELOG:
2.0.3 - Change 'cbd_cpt_name' to 'cbd_faq' on 'page-faq.php'
		Changed text on '404.php'
		
2.0.2 - Updated 'page-faq.php' to include proper header tags
		Added support for .fullWidth on #primary
		Fixed 'cbdPhotoBin.php' to hide first emtpy element
		Updated 'post-types-order.php' to be WP 3.5 compatible
		Updated homepage slider (affected - index.php, cbdInitialize.js, style.css)
		Updated login page function to show 'logo_header.png' (functions.php)
		Updated 'custom-post-types.php' to fix 'handcrafted' CSS
		Fixed 'page-video_gallery.php' to reference proper post type
		Add fix for Safari blue outline removal for inputs
		Added Events Widget, Facebook Widget, Custom Post Type Menu Widget

2.0.1 - Removed 'posts-sidebar' default from sidebar template
		Removed cbdSlider.js and cbdPhotoGallery.js
		Added default styles for Search Form
		Added 'widgets' directory to 'cbd' folder
		Added "CBD Custom Categories" Widget
		Added "CBD Featured Video" Widget
		Updated theme screenshot
		Improved "single.php" base styles
		Improved "search.php" styles
		
*/

/* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
.fr-overlay-background {
	background: 
}
/*
    // ========================================== 
   ||                                             
   ||               BASE TYPOGRAPHY
   ||                                              
    \\ ==========================================
*/
body { font:16px/22px sans-serif; *font-size:small; font-family: "GothamBookRegular";  }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

@font-face {
    font-family: 'ITCAvantGarde';
    src: url('fonts/itcavantgardestd-md-webfont.eot');
    src: url('fonts/itcavantgardestd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itcavantgardestd-md-webfont.woff') format('woff'),
         url('fonts/itcavantgardestd-md-webfont.ttf') format('truetype'),
         url('fonts/itcavantgardestd-md-webfont.svg#ITCAvantGardeStdMdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMediumRegular';
    src: url('fonts/gotham-medium-webfont.eot');
    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium-webfont.woff') format('woff'),
         url('fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('fonts/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBoldRegular';
    src: url('fonts/gotham-bold-webfont.eot');
    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold-webfont.woff') format('woff'),
         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#GothamBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Blackjack';
    src: url('fonts/black_jack-webfont.eot');
    src: url('fonts/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/black_jack-webfont.woff') format('woff'),
         url('fonts/black_jack-webfont.ttf') format('truetype'),
         url('fonts/black_jack-webfont.svg#blackjackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
    // ========================================== 
   ||                                             
   ||               BASE STYLES
   ||                                              
    \\ ==========================================
*/
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #636363; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}


/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; text-decoration: none !important; }
a, a:active, a:visited { color: #f58823; }
a:hover { color: #D44042; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: normal; font-family: "GothamBoldRegular"; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid   {  }
/*
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
*/
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #a8d1ff; color:#000; text-shadow: none; }
::selection { background:#a8d1ff; color:#000; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #a8d1ff; } 
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* remove Safari blue outline glow  */
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}
/*
    // ========================================== 
   ||                                             
   ||               NONSEMANTIC BASE STYLES
   ||                                              
    \\ ==========================================
*/
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clear:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clear:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clear { zoom: 1; }

/*
 *
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 *
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
    // ========================================== 
   ||                                             
   ||               BASE PRINT STYLES
   ||                                              
    \\ ==========================================
*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: none; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
body, .home footer {
	background-color: #f6f6f6;
}
body.home {
	background: none;
}

.mobileOnly {
	display: none;
}
.recipeAdded {
	width: 200px;
	height: 34px;
	position: absolute;
	display: none;
	z-index: 9999;
	background: url(images/recipe_added.png) no-repeat;
	font: 25px "Bebas", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	padding-top: 23px;
}
#mobileNav {
	display: none;
}
#mobileNavBtn {
	display: none;
}
/*
    // ========================================== 
   ||                                             
   ||              HEADER
   ||                                              
    \\ ==========================================
*/
header {
	height: 216px;
	position: relative;
	z-index: 101;
}
/*
    // ==== HEADER TOP =========
*/
#headerTop {
	background-color: #747A2A;
	border-top: 5px solid #fdbe16;
	height: 28px;
	position: fixed;
	width: 100%;
	z-index: 9999;
}
#headerTopInner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#headerTopInner ul {
	list-style-type: none;
	margin: 7px 200px 0 0;
	float: right;
}
#headerTopInner ul.loginMenu {
	margin: 7px 0px 0 0;
}
#headerTopInner ul li {
	float: left;
	margin-right: 10px;
}
#headerTopInner ul li a {
	display: block;
	color: #FFF;
	font: normal 11px "GothamMediumRegular";
	text-decoration: none;
	text-transform: uppercase;
}
#headerTopInner ul li a:hover {
	color: #fdbe16;
}
#headerTopInner .shoppingListBox {
	width: 300px;
	background: #fff;
	position: absolute;
	right: 0px;
	z-index: 999;
	padding: 5px 15px 15px 15px;
	border-right: 1px solid #fdbe16;
	border-left: 1px solid #fdbe16;
	border-bottom: 1px solid #fdbe16;
	display: none; 
}

#headerTopInner .shoppingListBox h2 {
	font: 29px "Bebas", Helvetica, Arial, sans-serif;
	color: #D44042;
	padding-bottom: 10px;
	border-bottom: 1px solid #f58823;
	margin-bottom: 15px;
}
#headerTopInner .shoppingListBox h3 {
	color: #9aa339;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}
#headerTopInner .shoppingListBtn {
	height: 36px;
	width: 145px;
	display: block;
	font: 21px/36px "Bebas", Helvetica, Arial, sans-serif;
	text-align: left;
	padding-left: 45px;
	padding-top: 3px;
	position: absolute;
	bottom:-40px;
	right: 0px;
	background: #fdbe16 url(images/view_shopping_cart_img.png) 10px 12px no-repeat;
	color: #494D18;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
#headerTopInner .shoppingListBtn:hover {
	background-color: #f58823;
}

#shoppingListContent {
	max-height: 400px;
overflow: hidden ;
overflow-y: scroll;
}

#headerTopInner .recipeCat ul {
	margin: 0 0 30px 0;
	float: none;
}
#headerTopInner .recipeCat ul li {
	float: none;
	margin-bottom: 10px;
}
#headerTopInner .recipeCat ul li a {
	color: #000;
	display: block;
	padding-left: 10px; 
	background: url(images/shopping_list_bullet.png) left center no-repeat;
}
#headerTopInner .recipeCat ul li a:hover {
	color: #f58823;
}
.removeSL {
	color: #D44042;
	font: 15px "Bebas", Helvetica, Arial, sans-serif;
	margin-left: 10px;
}
.removeSL:hover {
	color: #f58823;
	cursor: pointer;
}
#headerTopInner .reviewShoppingList {
	display: block;
	font: 25px "Bebas", Helvetica, Arial, sans-serif;
	color: #181B09;
	background: #f58823;
	padding: 10px 0;
	width: 100%;
	margin: 5px 0;
	text-decoration: none;
	text-align: center;
}
#headerTopInner .reviewShoppingList:hover {
	color: #494D18;
	background: #fdbe16;
}
#headerTopInner #recipeBoxLink, #headerTopInner #napkinCourseLink {
	float: left;
	color: #FFF;
	font: normal 11px/27px "GothamMediumRegular";
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	/* width: 200px; */
	margin-right:16px;
}
#headerTopInner #recipeBoxLink span {
	display: inline;
}
#headerTopInner #recipeBoxLink:hover, #headerTopInner #napkinCourseLink:hover {
	color: #fdbe16;
}
/*
    // ==== HEADER CENTER =========
*/
header #headerContainer {
	height: 112px;
	background: url(images/header_transparent_bg.png);
	padding-top: 30px;
}
header #headerInner {
	max-width: 1000px;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
	padding-top: 20px;
}

#headerInner #headerBanner {
	background-color:#f58823;
	padding:20px 24px;
	color:#181B09!important;
	margin-left:8px;
	margin-top:9px;
	display:inline-block;
	font-size:16px;
	text-decoration:none;
	font-family:'GothamMediumRegular',sans-serif;
}

#headerLogo {
	float: left;
}
/*
    // ==== HEADER GROUP RIGHT =========
*/
header #headerGroupRight {
	float: right;
}

header #headerGroupRight .socialize {
	list-style-type: none;
	margin: 0;
	float: right;
}
header #headerGroupRight .socialize li {
	float: left;
	margin-left: 10px;
	height: 29px;
	font: 21px/29px "Bebas", Helvetica, Arial, sans-serif;
	color: #494d18;
	text-transform: uppercase;
}
header #headerGroupRight .socialize li a {
	display: block;
	text-indent: -9999px;
	width: 29px;
	height: 29px;
}
header #headerGroupRight .socialize li a.facebook {
	background: url(images/icon_facebook.png) no-repeat;
}
header #headerGroupRight .socialize li a.twitter {
	background: url(images/icon_twitter.png) no-repeat;
}
header #headerGroupRight .socialize li a.pinterest {
	background: url(images/icon_pinterest.png) no-repeat;
}
header #headerGroupRight .socialize li a:hover {
	background-position:  0 -29px;
}
header #headerGroupRight .socialize li a.freeRecipes {
	background: url(images/free_recipes_btn.png) no-repeat;
	height: 30px;
	width: 134px;
}
header #headerGroupRight .socialize li a.freeRecipes:hover {
	background-position:  0 -30px !important;
}

/*
    // ==========================================                                  
   ||               MAIN NAV                        
    \\ ==========================================
*/
#mainNav {
	position: relative;
	z-index: 101;
	background: white;
	border-bottom: 3px solid #f58823;
	border-top: 3px solid #f58823;
	height: 36px;
}
#mainNav ul {
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	max-width: 1000px;
	width:100%;
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#mainNav li {
	float: left;
	position: relative;
}
#mainNav li:first-child {
	margin-left: 0px;
}
#mainNav a {
	display: block;
	color: #494d18;
	height: 40px;
	text-transform: uppercase;
	font: 20px/36px "Bebas", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding:0 10px;
}

#mainNav ul ul {
	border: none;
	display: none;
	float: left;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 99;
/*	background: url(images/dropdown_bg.png); */
	background-color:#FFFFFF;
	width: 200px;
	height: inherit;
	border: 1px solid #f58823;
}
#mainNav ul ul li {
	border: none !important	;
	float: none;
	padding: 0 !important;
	background: none !important;
	margin: 0;
}
#mainNav ul ul ul {
	left: 100%;
	top: 0;
}
#mainNav ul ul a {
	background-image: none !important;
	color: #747A2A !important;
	line-height: 1em;
	font: normal 13px "GothamMediumRegular";
	padding: 10px !important;
	width: 180px;
	height: auto;
	text-transform: uppercase;
	border-top:1px solid #f58823;
	font-weight: normal;
	overflow: hidden;
	position: relative;
	z-index: 99;
	line-height: normal;
}
#mainNav ul ul li:first-child a {
	border-top:none;
}
#mainNav li:hover {
	background-color: #f58823;
}
#mainNav li:hover a{
	color: #181B09;
}
#mainNav ul ul a:hover {
	background-color: #747A2A;
	color: #fff !important;
}
#mainNav ul li:hover > ul {
	display: block;
}
/*
    // ==========================================                                  
   ||               SUB NAV                        
    \\ ==========================================
*/
#subNav {
	background: #e5e5e5;
	border-bottom: 3px solid #f58823;
	height: 29px;
}
#subNav ul {
	list-style-type: none;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	overflow: hidden;
}
#subNav ul li {
	float: left;
	
	font: normal 14px/29px "GothamMediumRegular";
	color: #f58823;
	text-transform: uppercase;
}
#subNav ul li:first-child {
	margin-left: 0px;
	padding-left: 19px;
	background: url(images/icon_more_ideas.png) left center no-repeat;
}
#subNav ul li a {
	display: block;
	font: normal 14px/29px "GothamMediumRegular";
	text-decoration: none;
	text-transform: uppercase;
	color: #656A25;
}
#subNav ul li a:hover {
	color: #f58823;
}
/*
    // ========================================== 
   ||                                             
   ||              CBD SLIDER HOMEPAGE
   ||                                              
    \\ ==========================================
*/
.mobileSliderImage {
	display: none;
}
#sliderContainer {
	
	position: relative;
	z-index: 80;
	margin-top: -2px;
}
#flexSliderContainer {
	width: 1300px;
	height: 650px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.greenBar {
	height: 6px;
	background: #9aa339;
	width: 100%;
	position: absolute;
	top: 616px;
}

#flexSliderContainer  .flexslider {
	margin: 0;
	background: none;
	border: none;
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	zoom: 1;
	max-height: 616px;
	overflow: hidden;
}

#flexSliderContainer .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: inherit;
}
#flexSliderContainer .flex-caption {
	padding:0px;
	width: 610px;
	height: 136px;
	position: absolute;
	top:620px;
	left:50px;
  	overflow: hidden;
  	display: none;
}
#flexSliderContainer .flex-direction-nav a {
	width: 24px;
	height: 31px;
	background: url(images/slider_prev.png) no-repeat 0 0;
}
#flexSliderContainer .flex-direction-nav .flex-next {
background: url(images/slider_next.png) no-repeat 0 0;

}
#flexSliderContainer .flex-caption h2 {
	display: block;
	padding: 10px;
	font: normal 24px/25px "GothamMediumRegular", Arial, Helvetica, sans-serif !important;
	color: #FFF !important;
	background: url(images/caption_bg.png);
	border-left: 11px solid #fcbd18;
	text-transform: uppercase;
	float: left;
	margin-bottom: 8px;
}
#flexSliderContainer .flex-caption .desc {
	
}
#flexSliderContainer .flex-caption .desc p {
	display: block;
	padding: 10px;
	font: normal 18px "GothamMediumRegular", Arial, Helvetica, sans-serif !important;
	color: #FFF !important;
	background: url(images/caption_bg.png);
	border-left: 11px solid #fcbd18;
	float: left;
	position: relative;
}
#flexSliderContainer .flex-caption  .cbdSlider_caption_content {
	font: normal 13px "GothamBookRegular", Arial, Helvetica, sans-serif !important;
	color: #FFF;
}
#flexSliderContainer .flex-caption  a{
	text-decoration: none;
	text-transform: uppercase;
	background: #fcbd18;
	display: block;
	position: absolute;
	right: 0;
	bottom: -19px;
	padding: 3px;
	color: #362514;
	font: normal 11px "GothamBoldRegular", Arial, Helvetica, sans-serif !important;
}
#flexSliderContainer .flex-caption  a:hover {
	background-color: #f58823;
}
#flexSliderContainer #carousel {
	margin-top: -35px;
}

#flexSliderContainer #carousel .slides {
	position: relative;
	right: -50%;
	float: left;
	width: inherit !important;
}
#flexSliderContainer #carousel .slides li {
	position: relative;
	right: 50%;
	border: 1px solid #fff;
	margin-right: 18px;
}
#flexSliderContainer #carousel .slides li:hover {
	cursor: pointer;
	border-color: #fcbd18;
}
#flexSliderContainer .flexslider:hover .flex-next {
right: 25px;
}
#flexSliderContainer .flexslider:hover .flex-prev {
left: 25px;
}


/*
    // ========================================== 
   ||                                             
   ||              MAIN
   ||                                              
    \\ ==========================================
*/
#main {
 background-color: #fff;
}
#primary {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
}
#content {
	overflow: hidden;
	float: left;
	width: 745px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 100px;
}
#secondary {
	float: left;;
	width: 230px;
	padding-top: 27px;
}
.home #content, .fullWidth #content {
	overflow: hidden;
	width: 100%;
	float: none;
	border:none;
	margin: 0;
	padding: 20px 0 0 0;
	
}
h1{
	font: 32px/36px "Bebas", Helvetica, Arial, sans-serif;
	color: #f58823;
	margin: 0px 0 0 0;
	text-transform: uppercase;
	letter-spacing: .8pt;
}
h1.recipe_step_h1, h2.recipe_step_h1 {
	margin-bottom: 15px;
}
h2{
	font: 28px/30px "Bebas", Helvetica, Arial, sans-serif;
	color: #777d31;
	margin: 0px 0 0 0;
	text-transform: uppercase;
	letter-spacing: .8pt;
}

h3{
	font: 24px/24px "Bebas", Helvetica, Arial, sans-serif;
	/*color: #000;*/
	margin: 0px 0 0 0;
	text-transform: uppercase;
	letter-spacing: .8pt;
}

h4{
	font: 27px/43px "Blackjack", Helvetica, Arial, sans-serif;
	color: #d44d52;
	margin: 0px 0 0 0;
	text-transform: capitalize;
	letter-spacing: .8pt;
}

#content p {
	margin: 10px 0;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content b {
	font-weight: normal;
	font-family: "GothamBoldRegular";
}
/*
    // ==========================================                                  
   ||               HOMEPAGE CONTENT                       
    \\ ==========================================
*/

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}
#quote {
	padding: 40px 0;
	width: 1000px;
	margin: 0 auto;
	font: 26px "Bebas", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#quote .green {
	color: #9aa339;
}
#quote .red {
	color: #D44042;
}
#quote .orange {
	color: #f58823;
}

#magazine {
	background: #d44d52;
	padding: 5px 0;
}
#magazine .magazineContainer {
	width: 940px;
	margin: 0 auto;
	font: 21px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color: #FFF;
	overflow: hidden;
	text-transform: uppercase;
}
#magazine .magazineContainer img {
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 8px;
}
#magazine .magazineContainer span {
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}
#magazine .magazineContainer a {
	display: block;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	background: #fbbd33;
	font-family: "Bebas";
	font-size: 26px;
	text-transform: uppercase;
	color: #494D18;
}
#magazine .magazineContainer a:hover {
	background: #f38833;
}

#threeReals {
	padding: 30px 0;
	overflow: hidden;
}
#threeReals .threeReal {
	width: 320px;
	height: 314px;
	background-color: #f6f6f6;
	float: left;
	margin-left: 20px;
	position: relative;
}
#threeReals .threeReal:first-child {
	margin-left: 0px;
}
#threeReals .threeReal h1, #threeReals .threeReal h2 {
	position: absolute;
	top: -16px;
	border: none;
	width: 218px;
	height: 41px;
	background-color: #747A2A;
	padding: 0;
	color: #FFF;
	padding-left: 38px;
	font: 22px/41px "Bebas", Helvetica, Arial, sans-serif;
}
#threeReals .threeReal h1.mealDeal, #threeReals .threeReal h2.mealDeal {
	background: #747A2A url(images/h1_meal_deal.png) 10px center no-repeat;
}
#threeReals .threeReal h1.realDeal, #threeReals .threeReal h2.realDeal {
	background: #747A2A url(images/h1_real_deal.png) 10px center no-repeat;
}
#threeReals .threeReal h1.realFood,#threeReals .threeReal h2.realFood  {
	background: #747A2A url(images/h1_real_food.png) 10px center no-repeat;
}
#threeReals .threeReal h3 {
	position: absolute;
	top: 196px;
	right: 0;
	border: none;
	width: 240px;
	height: 28px;
	background-color: #D44042;
	padding: 0;
	color: #FFF;
	padding-left: 15px;
	font: 14px/28px "GothamBookRegular", Helvetica, Arial, sans-serif;
	
}
#threeReals .threeReal .threeRealLink {
	position: absolute;
	bottom: -15px;
	right: 0;
	border: none;
	padding: 6px 10px;
	background-color: #fcbd18;
	color: #494D18;
	font: 11px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
#threeReals .threeReal .threeRealLink:hover {
	background-color: #f58823;
	text-decoration: none;
}
#threeReals .threeReal .threeRealContent {
	padding: 15px 12px 0 12px;
	font-size: 13px;
	line-height: 1.2;	
}

.welcomeContainer {
	width: 100%;
	padding: 45px 0;
	background-color: #f6f6f6;
}
.welcomeInnerContainer {
/*	width: 1000px; */
	width:100%;
	max-width: 1000px;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	row-gap:20px;
	/*height: 274px; */
	margin: 0 auto;
}
.welcomeInnerContainer .welcomeBox {
	width: 630px;
/*	height: 240px;*/
/*	float: left; */
	position: relative;
	background: #FFF;
	padding: 39px 15px 48px 15px;
}
.welcomeInnerContainer .welcomeBox p {
	margin-bottom: 15px;
}
.welcomeInnerContainer .welcomeBox .tagline {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;
	color: #f58823;
	font: 30px "Blackjack", Helvetica, Arial, sans-serif;
}
.welcomeInnerContainer .welcomeBox h1, .welcomeInnerContainer .welcomeBox h2 {
	position: absolute;
	top: -16px;
	border: none;
	float: right;
	background-color: #f58823;
	padding: 8px 17px;
	color: #181B09;
	font: 25px "Bebas", Helvetica, Arial, sans-serif;
}
.welcomeInnerContainer .welcomeImage {
/*	width: 320px; */
/*	height: 274px; */
	max-width: 320px;
	float: right;
	position: relative;
}
.welcomeInnerContainer .welcomeImage img {
	max-width: 100%;
	height: auto; 
/*	object-fit: cover; */
	overflow: hidden;
}
.welcomeInnerContainer .welcomeImage a.welcomeButton {
	display: block;
	width: 100%;
	padding: 11px 0;
	background-color: #f58823;
	color: #181B09;
	font: 40px "Bebas", Helvetica, Arial, sans-serif;
	text-align: center;
	position: absolute;
	bottom: 0;
	text-decoration: none;
}
.welcomeInnerContainer .welcomeImage a.welcomeButton:hover, .btn:hover {
	background-color: #fcbd18;
}

.welcomeContainer.reverse_box .welcomeImage a.welcomeButton {
	padding: 8px 0;
}

.welcomeContainer.reverse_box .welcomeBox {
	float: right;
}
.welcomeContainer.reverse_box .welcomeImage {
	float: left;
}


.textwidget {
	position: relative;
}
.textwidget .btn {
	margin-top: 20px;
	display: block;
	width: 100%;
	padding: 11px 0;
	background-color: #f58823;
	color: #181B09;
	font: 40px "Bebas", Helvetica, Arial, sans-serif;
	text-align: center;
	bottom: 0;
	text-decoration: none;
	font-size: 28px !important;
	transition: background .3s;
}

.textwidget .btn:hover {
	background-color: #fcbd18;
}
/*

#welcomeContainer.reverse_box #welcomeImage:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	display: block;
	z-index: 3;
	height: 214px;
	position: absolute;
	background: rgba(212, 78, 83, 0.7);
}
*/


table.ws-plugin--s2member-gift-codes {
	width: 100%;
	text-align: left;
	font-size: 1.3em;
}
table.ws-plugin--s2member-gift-codes td {
	padding: 10px;
}


div#s2member-pro-paypal-checkout-form-card-type-div::before {
	content: "All payments are processed through Paypal.  Eat REAL America does not store your credit card information.";
	margin-bottom: 15px;
	display: block;
}
.video-holder {
	position: relative;
}
.video-holder:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	display: block;
	z-index: 3;
	position: absolute;
	background: rgba(212, 78, 83, 0.7);
}

.btn-play {
	width: 85px;
	min-height: 85px;
	border: 4px solid #fabc34;
	border-radius: 100%;
	left: 50%;
	margin: -42px 0 0 -50px;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	top: 50%;
	z-index: 4;
}

.btn-play:after {
	top: 20px;
	left: 31px;
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 22.5px 0 22.5px 31px;
	border-color: transparent transparent transparent #fabc34;
}

.btn-play:hover {
	opacity: .8;
}


#welcomeContainer.reverse_box .btn-play {
	margin-top: -72px;
}



.staples {
	clear: both;
	margin-bottom: 50px;
}
.staples ul {
	list-style-type: none;
	margin: 0 !important;
	overflow: hidden;
}
.staples ul li {
	width: 17%;
	float: left;
	margin-top: 10px;
	padding-left: 20px;
	background: url(images/check_mark_yello.png) left center no-repeat;
	font-family: "GothamMediumRegular";
}

/*
    // ==========================================                                         
   ||          BROWSE RECIPES SLIDER                                          
    \\ ==========================================
*/
#browseContainer {
	width: 100%;
	padding: 45px 0;
	background-color: #fff;
}
#browseInner {
	width: 1000px;
	height: 285px;
	margin: 0 auto;
	position: relative;
}
#browseInner h1 {
	border: none;
	width: 256px;
	background-color: #747A2A;
	padding: 8px 17px;
	color: #FFF;
	font: 25px "Bebas", Helvetica, Arial, sans-serif;
	margin: 0;
}
#browseInner hr {
	border: none;
	border-top:solid 3px #747A2A;
	margin: 0 0 10px 0;
}
#browseSlider {
	margin-top: 20px;
	height:250px;
	width:1000px;
	position:relative;
}
#browseSlider .browseDiv{
	height:223px;
	width:1000px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#browseSlider .browseDiv ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:6000px;
}
#browseSlider .browseDiv ul li {
	display:block;
	width:235px;
	height:223px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	position:relative;
	z-index: 2;
}
#browseSlider .browseDiv ul li a {
	display: block;
	position: relative;
	width: 235px;
	height: 223px;
}
#browseSlider .browseDiv ul li a img {
}
#browseSlider .browseDiv ul li a span {
	border: none;
	width: 205px;
	background-color: #D44042;
	padding: 8px 15px 8px 15px;
	color: #FFF;
	font: normal 13px "GothamBookRegular", Helvetica, Arial, sans-serif;
	margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
}
#browseSlider .browseDiv ul li a:hover span {
	background-color: #f58823;
}
#browseSlider .prev {
	position:absolute;
	right:40px;
}
#browseSlider .next {
	position:absolute;

	right:0px;
}
.home #browseSlider .next, .home #browseSlider .prev {
	cursor:pointer;
	top:-63px;
}
#browseSlider .next, #browseSlider .prev {
	cursor:pointer;
	top:-71px;
}
#browseSlider .viewAllRecipesBtn {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	z-index: 99;
	text-decoration: none;
}

.whyWeLikeIt {
	position: relative;
	margin-bottom: 40px;
}
.quickTips, .nutritionalInformation {
	margin-bottom: 40px;
}
.nutritionalInformation ul {
	list-style-type: none;
	margin: 0px !important;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nutritionalInformation ul li {
	text-align: center;
	width: 50%;
}
@media(min-width: 1024px) {
	.nutritionalInformation ul {
		flex-wrap: nowrap;
	}
	.nutritionalInformation ul li {
		width: auto;
		margin-bottom: 5px;
	}
}

.nutritionalInformation ul li strong {
	display: block;
}
.readyIn {
	float: right;
	color: #747A2A !important;
	font: 20px "Bebas", Helvetica, Arial, sans-serif;
	position: absolute;
	top:10px;
	right: 0;
}
.readyIn span {
	font: 20px "Blackjack", Helvetica, Arial, sans-serif;
	margin-left: 30px;
}

.readyIn div {
		display: inline-block;
	}

@media(max-width: 1024px) {
	#primary {
		width: 100%;
	}

}


@media(max-width: 767px) {
	.readyIn {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin-bottom: 20px;
	}
	.readyIn div {
		display: block;
	}
	
	.readyIn span {
		margin-left: 0px;
	}
}

#content .h1hr {
	overflow: hidden;
	width: 100%;
}
#content .h1hr h1, #content .h1hr h2  {
	border: none;
	float: left;
	background-color: #747A2A;
	padding: 8px 17px;
	color: #FFF;
	font: 25px "Bebas", Helvetica, Arial, sans-serif;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .8pt;
}
#content .h1hr hr {
	border: none;
	border-top:solid 2px #747A2A;
	margin: 0 0 10px 0;
	clear: left;
}



#content .h1hr.orange h1 {
	background-color: #f38833;
}
#content .h1hr.orange hr {
	border-top:solid 2px #f38833;
}

#content .h1hr.grey h1, #content .h1hr.grey h2 {
	background-color: #c2c2c2;
	color:#494D18;
}
#content .h1hr.grey hr {
	border-top:solid 2px #c2c2c2;
}

#secondary .h4hr {
	overflow: hidden;
	width: 100%;
}
#secondary .h4hr h4 {
	border: none;
	float: left;
	background-color: #f58823;
	padding: 6px 17px;
	color: #FFF !important;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .8pt;
}
#secondary .h4hr hr {
	border: none;
	border-top:solid 2px #f58823;
	margin: 0 0 10px 0;
	clear: left;
}


.backToRecipes {
	display: block;
	padding-left: 25px;
	font: 18px "Bebas", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #f58823 !important;
	background: url(images/back_to_all_btn.jpg) left center no-repeat;
	margin-bottom: 15px;
}
.backToRecipes:hover {
	color: #fcbd18 !important;
	text-decoration: none !important;
}
.viewAllRecipesBtn {
	display: block;
	float: right;
	padding: 8px 15px;
	text-transform: uppercase;
	font: normal 17px "Bebas", Helvetica, Arial, sans-serif;
	color: #494D18 !important;
	background: #fcbd18;
	margin-bottom: -32px;
}
.viewAllRecipesBtn:hover {
	text-decoration: none !important;
	color: #FFF;
	background: #f58823;
}

.recipeList {
	margin: 0 !important;
	list-style-type: none;
}
.recipeList > li {
	display:block;
	width:235px;
	height:223px;
	float:left;
/*	background: transparent url('../images/browse_slider_li_bg.jpg') no-repeat; */
	margin:20px 7px;
	overflow:hidden;
	position:relative;
}
.recipeList li div.rbImage {
	display: block;
	position: relative;
	width: 235px;
	height: 223px;
	background: url('images/ajax-loader.gif') center center no-repeat;
}
.page-template-page-recipe-box-php .recipeList li {
	height: auto;
}

.page-template-page-recipe-box-php .recipeList li div.add {
	color: #f58823;
	font: 18px "Bebas", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	margin-top: 5px;
	background: url(images/icon_plus.png) 0px center no-repeat;
	background-size: 12px;
}


.recipeList li a span {
	border: none;
	width: 205px;
	background-color: #D44042;
	padding: 8px 15px 8px 15px;
	color: #FFF;
	font: normal 12px "GothamBookRegular", Helvetica, Arial, sans-serif;
	margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
}
.recipeList li a:hover span {
	background-color: #f58823;
}


.recipe_steps {
	margin-bottom: 40px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}

.recipe_steps .ingredients {
	max-width: 400px;
	margin-top: 10px;
	flex-shrink: 0;
	flex-grow: 2;
}

.recipe_steps .directions {
	max-width: 580px;
}

.recipe_steps:after {
	content: " ";
	border-bottom: 1px solid #EEE;
	padding-bottom: 20px;
	width: 100%;
	position: absolute;
	bottom: -20px;
}


.recipe_steps .ing {
	list-style-type: none;
	margin: 0;
}

/*
.recipe_steps .ing li {
	padding: 10px 0;
	border-top: 1px solid #EEE;
}
.recipe_steps .ing li:first-child {

	border-top: none;
}
*/
/*
    // ==========================================                                  
   ||               RECIPE IDEAS PAGE                       
    \\ ==========================================
*/

#recipeIdeas.recipeList li {
	height: 260px;
	margin: 20px 6px;
}
#recipeIdeas.recipeList li.signUpLi a {
	border: 1px solid #a6ae50;
	width: 203px;
	height: 78px;
	background: url(images/question_mark.png) center 20px no-repeat;
	padding: 180px 15px 0 15px;
	text-align: center;
}

#recipeIdeas.recipeList li.signUpLi a .likeWhatYouSee {
	display: block;
	font: normal 14px "GothamBookRegular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #a6ae50;
}
#recipeIdeas.recipeList li.signUpLi a .button, a.ld-button {
	border: none;
	background-color: #D44042;
	padding: 5px 15px;
	color: #FFF;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	margin: 0;
	display: block;
	margin-top: 10px;
}
#recipeIdeas.recipeList li.signUpLi a:hover .button, a.ld-button:hover {
	background-color: #f58823;
}
#recipeIdeas.recipeList li .recipeType {
	display: block;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	padding: 5px 10px;
	background: #f58823;
	color: #fff;
}
.wantToSeeMoreContainer {
	display: block;
	margin: 20px 15%;
	text-align: center;
}

.wantToSeeMoreContainer .wantToSeeMore {
	display: block;
	font: normal 23px "GothamBookRegular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #a6ae50;
}
.wantToSeeMoreContainer .button {
	border: none;
	background-color: #D44042;
	padding: 5px 15px;
	color: #FFF;
	font: 40px "Bebas", Helvetica, Arial, sans-serif;
	margin: 0;
	display: block;
	margin-top: 5px;
}
.wantToSeeMoreContainer .button:hover {
	background-color: #f58823;
	cursor: pointer;
}

/*
    // ==========================================                                         
   ||          ABOUT PAGE                                          
    \\ ==========================================
*/
.aboutLeft {
	width: 670px;
	float: left;
	text-align: justify;
	font-size: 14px;
}
.aboutRight {
	width: 300px;
	float: right;
}
.signUpNow {
	display: block;
	width: 100%;
	padding: 11px 0;
	background-color: #f58823;
	color: #FFF !important;
	font: 40px "Bebas", Helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 15px 0;
}
.signUpNow:hover {
	background-color: #fcbd18;
}
/*
    // ==========================================                                         
   ||          BROWSE RECIPES SLIDER                                          
    \\ ==========================================
*/
.recipeCatSliderContainer {
	margin-top: 50px;
	padding-bottom: 30px;
}
.recipeCatSlider {
	margin-top: 20px;
	height:223px;
	width:1000px;
	position:relative;
	background: transparent url('../images/browseSliderBG.jpg') center bottom no-repeat;
}
.recipeCatSlider .targetDiv{
	height:223px;
	width:1000px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
.recipeCatSlider .targetDiv ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:6000px;
}
.recipeCatSlider .targetDiv ul li {
	display:block;
	width:235px;
	height:223px;
	float:left;
	background: transparent url('../images/browse_slider_li_bg.jpg') no-repeat;
	margin-right:20px;
	overflow:hidden;
	position:relative;
}
.recipeCatSlider .targetDiv ul li a {
	display: block;
	position: relative;
	width: 235px;
	height: 223px;
	background: url('images/ajax-loader.gif') center center no-repeat;
}
.recipeCatSlider .targetDiv ul li a img {
	
}
.recipeCatSlider .targetDiv ul li a span {
	border: none;
	width: 205px;
	background-color: #D44042;
	padding: 8px 15px 8px 15px;
	color: #FFF;
	font: normal 12px "GothamBookRegular", Helvetica, Arial, sans-serif;
	margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
}
.recipeCatSlider .targetDiv ul li a:hover span {
	background-color: #f58823;
}
.recipeCatSlider .prev {
	position:absolute;
	right:40px;
}
.recipeCatSlider .next {
	position:absolute;

	right:0px;
}
.recipeCatSlider .next, .recipeCatSlider .prev {
	cursor:pointer;
	top:-72px;
}
/*
    // ==========================================                                         
   ||          RECIPE PAGE                                        
    \\ ==========================================
*/
.printOnly {
	display: none;
}
.single-cbd_recipes img.mainImg {
	border: 1px solid #D44042;
}
.recipeSingleImage {
	overflow: hidden;
	position: relative;
}
.recipeSingleImage ul {
	list-style-type: none;
	margin: 0;
	position: absolute;
	right: 1px;
	bottom: 50px;
}
.recipeSingleImage ul li {
	font: 27px/48px "Blackjack", Helvetica, Arial, sans-serif;
	color: #FFF;
	display: block;
	height: 43px;
	width: 215px;
	text-align: center;
	margin-top: 15px;
}
.recipeSingleImage ul li.quickEasy {
	background: #f58823;
}
.recipeSingleImage ul li.glutenFree {
	background: #9aa339;
}
.recipeSingleImage ul li.cookBook {
	background: #D44042;
	width: 300px;
}

@media (max-width: 767px) {
	
	.recipeSingleImage ul {
		bottom: 20px;
	}
	.recipeSingleImage ul li {
		font: 17px/28px "Blackjack", Helvetica, Arial, sans-serif;
		height: 23px;
		width: 100px;
		margin-top: 5px;
	}
	
	.recipeSingleImage ul li.cookBook {
		width: 190px;
	}
}

#recipeCard {
	overflow: hidden;
	margin: 25px 0;
}
#recipeCard .recipeRight {
	float: right;
	width: 65%;
	position: relative;
}
#recipeCard .recipeLeft {
	float: left;
	width: 32%;
}
#ingredientList {
	list-style-type: none;
	margin: 0;
}
#ingredientList li{
	padding: 0 0 4px 0;
}
#ingredientList.divided .ingredientName{
	margin-left: 50px;
	
}
#recipeActions {
	margin: 15px 0;
	overflow: hidden;
}
#recipeActions .actions, #recipeActions #actions  {
	float: right;
	list-style-type: none;
	margin: 0;
}
#recipeActions .actions li, #recipeActions #actions li {
	float: left;
	height: 18px;
	color: #f58823;
	font: 25px/18px "Bebas", Helvetica, Arial, sans-serif;
	margin-left: 25px;
}
#recipeActions .actions li a, #recipeActions #actions li a {
	color: #f58823;
}

.actions li.toprint label {
	font-size:15px!important;
	color:#494D18;
	font-family: 'GothamMediumRegular', sans-serif;
	vertical-align: middle;
}

.actions li.toprint input {
	margin: 0px 3px 0px 8px;
	vertical-align: middle;
	accent-color: #D44042;
}

.actions li.toprint {
	overflow:visible;
}

#post-1545 .actions {
	background-color:#fdbe16;
	padding:12px;
	margin-left:0px;
	color:#494D18;
}

#post-1545 .actions li.print {
	color:#494D18;
	background: url(images/icon_print_gn.png) left center no-repeat;
	background-size:contain;
	margin-left:0px;
}

#post-1545 .actions li.clearWMP {
	color:#494D18;
	background: url(images/icon_recycle.png) left center no-repeat;
	background-size:contain;
}

#recipeActions .actions li.addToRecipeBox, #recipeActions #actions li.addToRecipeBox {
	padding-left: 25px;
	background: url(images/icon_plus.png) left center no-repeat;
}

.recipeCatContainer ul.recipeList li .favorite.addFav {
	background-color: #FFFFFF;
	-webkit-mask: url(images/icon_heartoutline.svg) no-repeat 100% 100%;
	mask: url(images/icon_heartoutline.svg) no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	position: absolute;
	top:10px;
	right:10px;
	z-index: 99;
	height:21px;
	width:24px;
	padding:0px;
	cursor: pointer;
}

.recipeCatContainer ul.recipeList li .favorite.processing, .processing {
	background: url('images/ajax-loader.svg') center center no-repeat!important;
	background-color: rgba(0,0,0,0)!important;
	mask:unset;
}

#weeklyMealPlan.processing {
	background: url('images/ajax-loader.svg') center center no-repeat!important;
	background-size: contain!important;
}

#recipesFavoritesContainer {
	transition-property: opacity, left, top, height;
	transition-duration: 2s;
}

@media (hover:hover) and (min-width:768px){
	.recipeCatContainer ul.recipeList li .favorite:hover {
			background-color: #f58823!important;
			cursor: pointer;
			-webkit-mask: url(images/icon_heartfilled.svg) no-repeat 100% 100%;
			mask: url(images/icon_heartfilled.svg) no-repeat 100% 100%;
			-webkit-mask-size: cover;
			mask-size: cover;
			position: absolute;
			top:10px;
			right:10px;
			z-index: 99;
			height:22px;
			width:24px;
			padding:0px;
	}

	#recipeActions #actions li:hover a, #recipeActions #actions li:hover {
		cursor: pointer;
		color: #fdbe16 !important;
	}
}	

.recipeCatContainer ul.recipeList li .favorite.removeFav {
	background-color: #D44042;
	cursor: pointer;
	-webkit-mask: url(images/icon_heartfilled.svg) no-repeat 100% 100%;
	mask: url(images/icon_heartfilled.svg) no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	position: absolute;
	top:10px;
	right:10px;
	z-index:99;
	height:22px;
	width:24px;
	padding:0px;
}
	

#recipeActions #actions li.addToRecipeBox.remove {
	background: url(images/icon_minus.png) left center no-repeat;
}
#recipeActions #actions li.addToRecipeBox.remove a {
	color: #D44042;
}
#recipeActions #actions li.addToShoppingList {
	padding-left: 25px;
	background: url(images/icon_plus.png) left center no-repeat;
}
#recipeActions #actions li.addToShoppingList.remove {

	background: url(images/icon_minus.png) left center no-repeat;
}
#recipeActions #actions li.addToShoppingList.remove a {
	color: #D44042;
}
#recipeActions #actions li.print {
	padding-left: 25px;
	background: url(images/icon_print.png) left center no-repeat;
}
#recipeActions #actions li.email {
	padding-left: 35px;
	background: url(images/icon_email.png) left center no-repeat;
}

.attribution {
	display: block;
	margin: 15px 0;
	font-style: italic;
}
.socialShare {
	float: left;
	max-height: 50px;
}
.socialShare ul {
	list-style-type: none;
	margin: 0 !important;
}
.socialShare ul li {
	float: left;
	margin-right: 10px;
}
#actions, .actions {
	float: right;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
#actions li, .actions li {
	float: left;
	height: 18px;
	color: #f58823;
	font: 25px/18px "Bebas", Helvetica, Arial, sans-serif;
	margin-left: 25px;
}
#actions li a, .actions li a {
	color: #f58823;
}
#actions li.print, .actions li.print {
	padding-left: 25px;
	background: url(images/icon_print.png) left center no-repeat;
}
#actions li.print:hover, .actions li.print:hover {
	color: #fabd1a;
	cursor: pointer;
}
#shoppingList, #weeklyMealPlan {
	list-style-type: none;
	margin: 0;
	width: 100%;
}

#weeklyMealPlan {
	display: grid;
	grid-template-columns: 16% 28% 28% 28%;
}

#weeklyMealPlan li:not(.headerLi) {
	padding: 12px 20px;
	border: 1px solid #898989;
}

#weeklyMealPlan .dayheading {
	text-transform: uppercase;
	background-color: #898989;
	color:#FFF;

}

#weeklyMealPlan .removeWMP {
	display: inline;
	cursor: pointer;
	background: url(images/icon_minus.png) 0px center no-repeat;
	margin-left:2px;
	padding:4px;
}

#weeklyMealPlan li.daymealcell {
	padding:12px;
	margin:0px;
}

#weeklyMealPlan .daymealcell ul {
	list-style: none!important;
	border:none!important;
	margin:0px!important;
}

#weeklyMealPlan .daymealcell ul li {
	padding:4px 0px!important;
	border:none!important;

}

.actions li.clearWMP {
	cursor: pointer;
	padding-left:25px;
	margin-left:0px;
}

#shoppingList li {
	padding: 5px 20px;
	overflow: hidden;
	display: none;
}
#shoppingList li .mobile {
	display: none;
}
#shoppingList li.headerLi, #weeklyMealPlan li.headerLi {
	padding: 12px 20px;
	overflow: hidden;
	color: #FFF;
	font: 23px/18px "Bebas", Helvetica, Arial, sans-serif;
	background-color: #9aa33a;
}
#shoppingList li.headerLi.print {
	display: none;
}
#shoppingList li.category {
	color: #fff;
	background-color: #898989;
	text-transform: uppercase;
	font-style: italic;
}
#shoppingList li.odd {
	background-color: #e1e1e1;
}
#shoppingList li .cb {
	float: left;
	width: 10%;
}
#shoppingList li .print {
	display: none;
}
li .checkbox {
	width: 18px;
	height: 16px;
	display: block;
	margin-left: 20%;
	background: url(images/checkbox.png) no-repeat;
}
li:hover .checkbox {
	background-position: 0 -16px;
	cursor: pointer;
}
li.selected .checkbox {
	background-position: 0 -32px;
	cursor: pointer;
}
li.selected:hover .checkbox {
	background-position: 0 -48px;
	cursor: pointer;
}
#shoppingList li.selected {
	color: #aaa;
}
#shoppingList li.visible {
	display: block;
}
#shoppingList li.ingredient:hover {
	cursor: pointer;
	
}
#shoppingList li.selected div {
	text-decoration: line-through;
	
}
#shoppingList li .name {
	float: left;
	width: 40%;
}
#shoppingList li .amount {
	float: left;
	width: 15%;
}
#shoppingList li .recipe {
	float: left;
	width: 30%;
}

#recipeCatsContainer {
	padding-top:12px;
	overflow: hidden;
	margin-bottom: 40px;
	display:grid;
	/*grid-template-columns: 50% 50%;*/
}
#recipeCatsContainer .recipeCat {
	float: left;

}
#recipeCatsContainer .recipeCat h2 {
	color: #9aa339;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	
}
#recipeCatsContainer .recipeCat ul {
	list-style-type: none;
	margin: 0;
	display:grid;
	grid-template-columns: 50% 50%;
	column-gap: 12px;
}
#recipeCatsContainer .recipeCat ul li {
	margin-bottom: 5px;
}
#recipeCatsContainer .recipeCat ul li .checkbox {
	float: left; 
	margin-left: 0;
	margin-right: 5px;
}
#recipeCatsContainer .recipeCat ul li:hover {
	cursor: pointer;
}


/*
    // ==========================================                                  
   ||               QUICK TIPS PAGE                       
    \\ ==========================================
*/

#quickTips {
	list-style-type: none;
	margin: 0;
}
#quickTips li {
	padding: 20px 0px;
	overflow: hidden;
}
#quickTips li img {
	float: left;
	border: 1px solid #D44042;
}
#quickTips li .tipInfo {
	margin-left: 338px;
	overflow: hidden;
}
#quickTips li .tipInfo h2 {
	color: #f58823;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
}
.readMoreContent {
	display: none;
}
#content .readMoreLink  {
	display: block;
	float: right;
	margin-top: 10px;
	padding: 5px 10px;
	font: normal 11px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color: #494D18;
	background: #fcbd18;
	text-transform: uppercase;
}

#content .readMoreLink:hover {
	background: #f58823;
	cursor: pointer;
}
.submitQuickTip {
	display: block;
	float: right;
	padding: 7px 15px;
	text-transform: uppercase;
	font: normal 12px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color: #FFF !important;
	background: #D44042;
	margin-bottom: -40px;
}
.submitQuickTip .mobile {
	display: none;
}
.submitQuickTip:hover {
	text-decoration: none !important;
	color: #FFF;
	background: #f58823;
}

/*
    // ==========================================                                  
   ||               TESTIMONIALS PAGE                       
    \\ ==========================================
*/


#testimonials {
	list-style-type: none;
	margin: 0;
}
#testimonials li {
	padding: 0px 0px 40px 0;
	overflow: hidden;
	padding-left: 110px;
	background: url(images/testimonials_quotes.jpg) left top no-repeat;
	font-size: 14px;
}

/*
    // ==========================================                                  
   ||               REAL DEALS PAGE                       
    \\ ==========================================
*/

.realDeals {
	list-style-type: none;
	margin: 0 !important;
	float: left;
	width: 490px;
}
#right.realDeals {
	float: right;
}
.realDeals li {
	width: 490px;
	margin-bottom: 15px;
	overflow: hidden;
}
.realDeals .coupon {
	border: 1px solid #D44042;
	text-align: center;
	padding: 10px 0;
}
.realDeals .coupon h2 {
	color: #9aa339;
	font: 56px "Bebas", Helvetica, Arial, sans-serif;
}
.realDeals .coupon .deal {
	display: block;
	padding: 0px 15px;
}
.realDeals .coupon .deal p {
	font: normal 10px "GothamBookRegular";
	color: #494d18;
	margin: 0 !important;
}
.realDeals .coupon .dealInfo {
	overflow: hidden;
	margin: 25px 0;
}
.realDeals .coupon .dealInfo img {
	float: left;
	margin-left: 15px;
}
.realDeals .coupon .dealInfo span {
	display: block;
	float: right;
	padding: 5px 10px;
	color: #FFF;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	background: #D44042;
	margin-bottom: 5px;
}
.realDeals .coupon .dealInfo span.expires {
	color: #FFF;
	font: 19px "Bebas", Helvetica, Arial, sans-serif;
	background: #f58823;
	margin-bottom: 0px;
}
.realDeals .coupon .smallPrint {
	display: block;
	padding: 0 15px;
	text-align: justify;
	font-size: 9px;
	line-height: 12px;
	
}
.realDeals .coupon .userEmail {
	padding: 6px 15px;
	display: block;
	font: normal 11px "GothamBoldRegular";
	color: #f58823;
}
.realDeals .actions {
	float: right;
	list-style-type: none;
	margin: 10px 0;
	overflow: hidden;
}
.realDeals .actions li {
	float: left;
	height: 18px;
	color: #f58823;
	font: 25px/18px "Bebas", Helvetica, Arial, sans-serif;
	margin-left: 25px;
	width: inherit !important;
}
.realDeals .actions li a{
	color: #f58823;
}
.realDeals .actions li.print {
	padding-left: 25px;
	background: url(images/icon_print.png) left center no-repeat;
}
.realDeals .actions li.email {
	padding-left: 35px;
	background: url(images/icon_email.png) left center no-repeat;
}
.realDeals .actions li:hover a, .realDeals .actions li:hover {
	cursor: pointer;
	color: #fdbe16 !important;
}

/*
    // ==========================================                                  
   ||              EVENTS PAGE                       
    \\ ==========================================
*/
#calendarContainer {
display: none;
}
div.calendar_grid div.week div.dates div.date { 
	border-right: 1px solid #fdd160 !important;
	border-top: 1px solid #fdd160 !important;
}
div.calendar_grid div.week div.dates div.date:first-child {
	border-left: 1px solid #fdd160 !important;
}
div.calendar_grid div.week div.dates div.date.today {
	background: #d5d9ad !important;
}
div.grid_content {
border-bottom: 1px solid #fdd160 !important;
}
#calendarHeader .nextMonth {
	height: 21px !important;
	width: 14px !important;
	background: url("images/calendar_next.png") no-repeat !important;
}
#calendarHeader .prevMonth {
	height: 21px  !important;
	width: 14px  !important;
	background: url("images/calendar_prev.png") no-repeat !important;
}
#calendarHeader .prevMonth:hover, #calendarHeader .nextMonth:hover {
	background-position: 0 -21px !important;
}
#calendarHeader .monthName {
	display: block;
	font: 22px "Bebas", Helvetica, Arial, sans-serif !important;
	color: #D44042 !important;
	text-align: center;
	margin-bottom: -5px;
}


/*
    // ==========================================                                  
   ||               PARTNER PAGE                       
    \\ ==========================================
*/

#partners {
	list-style-type: none;
	margin: 0;
}
#partners li {
	display:block;
	width:318px;
	height:223px;
	float:left;
	margin: 0 7px 40px;
	overflow:hidden;
	position:relative;
}
#partners li a {
	display: block;
	position: relative;
	width: 318px;
	height: 223px;
}
#partners li a img {
	border: 1px solid #d85759;
}
#partners li a span {
	border: none;
	text-align: center;
	color: #494d18;
	font: normal 14px/29px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	display: block;
}
#partners li a:hover {
	text-decoration: none !important;
}
#partners li a:hover span {
	color: #fdbe16;
}

/*
    // ==========================================                                  
   ||               PARTNER SINGLE                       
    \\ ==========================================
*/
.partnerInfo {
	width: 490px;
	float: left;
	margin-bottom: 40px;
}
.partnerInfo div {
	overflow: hidden;
	margin-bottom: 15px;
}
.partnerInfo div img {
	float: left;
	border: 1px solid #d85759;
}
.partnerInfo div span {
	margin-left: 255px;
	font: normal 16px "GothamBoldRegular";
	color: #636363;
	display: block;
	margin-top: 10px;
}
.partnerInfo div span a {
	color: #747A2A !important;
}
.partnerInfo div span a:hover {
	color: #fdbe16 !important;
	text-decoration: none !important;
}
.partnerCoupon {
	width: 490px;
	float: right;
}
.partnerPhotos {
	list-style-type: none;
	margin: 0 0 30px 0;
	overflow: hidden;
}
.partnerPhotos li {
	float: left;
	margin-left: 22px;
}
.partnerPhotos li img{
	border: 1px solid #d85759;
}
.partnerPhotos li:first-child {
	margin-left: 0px;
}
#browsePartnerSlider {
	margin-top: 0px;
	height:223px;
	width:1000px;
	position:relative;
}
#browsePartnerSlider .browseDiv{
	height:223px;
	width:1000px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#browsePartnerSlider .browseDiv ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:6000px;
}
#browsePartnerSlider .browseDiv ul li {
	display:block;
	width:318px;
	height:223px;
	float:left;
	margin-right:20px;
	overflow:hidden;
	position:relative;
}
#browsePartnerSlider .browseDiv ul li a {
	display: block;
	position: relative;
	width: 318px;
	height: 223px;
}
#browsePartnerSlider .browseDiv ul li a img {
	border: 1px solid #d85759;
}
#browsePartnerSlider .browseDiv ul li a span {
	border: none;
	text-align: center;
	color: #494d18;
	font: normal 14px/29px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	display: block;
}
#browsePartnerSlider .browseDiv ul li a:hover {
	text-decoration: none !important;
}
#browsePartnerSlider .browseDiv ul li a:hover span {
	color: #fdbe16;
}
#browsePartnerSlider .prev {
	position:absolute;
	right:40px;
}
#browsePartnerSlider .next {
	position:absolute;

	right:0px;
}
#browsePartnerSlider .next, #browsePartnerSlider .prev {
	cursor:pointer;
	top:-51px;
}

div.remove {
	color: #f58823;
	font: 18px "Bebas", Helvetica, Arial, sans-serif;
	padding-left: 15px;
	margin-top: 5px;
	background: url(images/icon_minus.png) -8px center no-repeat;
}
div.remove a {
	width: auto;
	height: auto;
	background: none;
	color: #f58823;
	font: 18px "Bebas", Helvetica, Arial, sans-serif;
}
div.remove a:hover {
	color: #d64c4f;
	cursor: pointer;
}
.recipeCatContainer {
	margin-bottom: 40px;
	overflow: hidden;
}
#mealIdeas {
	list-style-type: none;
	margin: 0;
}
#mealIdeas li.wmi-row {
	padding: 20px 0px;
	display: flex;
	flex-wrap: wrap;
	gap:15px;
}

#mealIdeas li.wmi-row .wmi-image {
	flex-basis: 234px;
	flex-grow:2;
}

#mealIdeas li img {
	float: left;

}
#mealIdeas li .ideaInfo {
	/*margin-left: 250px;*/
	max-width: 495px;
}
#mealIdeas li .ideaInfo span {
	display: block;
	color: #9aa339;
	text-transform: uppercase;
	font: normal 14px "GothamBookRegular", Helvetica, Arial, sans-serif;
	margin: 5px 0;
}
#mealIdeas li .ideaInfo h2 {
	font: normal 22px "Bebas", Helvetica, Arial, sans-serif;
}
#mealIdeas li .ideaInfo h2 a {
	color: #f58823;
}
#mealIdeas li .ideaInfo ul.wmi-recipes {
	list-style-type: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
}
#mealIdeas li .ideaInfo ul li {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	width: 48%; 
	flex-basis: 238px;
	flex-grow:2;
	height: 30px;
	float: left;
	color: #fff;
	background: #d64c4f;
	margin: 0 7px 12px 0px;
	padding: 0;
	font: normal 11px/30px "GothamBookRegular", Helvetica, Arial, sans-serif;
}

@media screen and (max-width:767px) {
	#mealIdeas li .ideaInfo ul li {
		width:100%;
	}

	#mealIdeas li img {
		width:98%;
	}

	.ideaInfo h2 {
		margin-bottom:12px;
	}
}


#mealIdeas li .ideaInfo ul li.viewIdeas {
	width: 97.3%;
}
#mealIdeas li .ideaInfo ul li a {
	display: block;
	background: #d64c4f;
	padding: 0 10px;
	color: #fff !important;
}
#mealIdeas li .ideaInfo ul li a:hover {
	background: #f58823;
}
#mealIdeas li .ideaInfo ul li.buttonLi a {
	display: block;
	background: #f58823;
	padding: 0 10px;
	font: normal 11px/30px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff !important;
}
#mealIdeas li .ideaInfo ul li.buttonLi a:hover {
	text-decoration: none !important;
	background: #fcbd18;
}
#mealIdeas li .ideaInfo ul li.viewIdeas a, #mealIdeas li .ideaInfo .viewIdeas a {
	display: block;
	background: #fcbd18;
	padding: 0 10px;
	font: normal 11px/30px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #494D18 !important;
}
#mealIdeas li .ideaInfo ul li.viewIdeas a:hover, #mealIdeas li .ideaInfo .viewIdeas:hover a {
	text-decoration: none !important;
	background: #f58823;
}



/*
    // ==========================================                                  
   ||               BLOG LISTING PAGE                        
    \\ ==========================================
*/
#content .blogListing {
	padding: 20px 0;
	overflow: hidden;
}

#content .blogListing img {
	float: left;
	border: 1px solid #D44042;
}
#content .blogListing .readMore {
	font-size: 11px;
	display: block;
	float: right;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #494D18;
	background: #fcbd18;
	font-family: "GothamMediumRegular";
	margin-top: 10px;
}
#content .blogListing .readMore:hover {
	text-decoration: none !important;
	background: #f58823;
}
#content .blogListing h2 a {
	text-decoration: none;
	font: 22px "Bebas", Helvetica, Arial, sans-serif;
	color: #f58823 !important;
}
#content .blogListing h2 a:hover {
	color: #fcbd18 !important;
}
#content .blogListing .date {
	color: #9aa339;
	text-transform: uppercase;
	
}
#content .blogListing h2{
	margin-top: 0 !important;
}
#content .blogListing .blogInfo {
	margin-left: 190px;
}
#content .entry-meta a{
	text-decoration: none;
	color: #c70000;
	
}
#content .entry-meta{
	text-transform: uppercase;
	font-size: 11px;
	margin: -10px 0 20px 0;
}
.pagination {
	float: right;
	padding: 30px;
}
.pagination .page-numbers {
	padding: 5px 10px;
	border: solid 1px #f58823;
	text-decoration: none;
	color: #f58823;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
	background-color: #fcbd18;
	text-decoration: none !important;
	color: #494D18;
}
.form-allowed-tags {
	display: none;
}
.form-submit {
	clear:both;
}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:solid 1px #747A2A; padding:1em; }
ol.commentlist li.comment div.comment-author {font:normal 15px "GothamMediumRegular"; color: #494d18;}
ol.commentlist li.comment div.vcard { font-size: 14px;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; display: none; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:11px; color: #494d18; }
ol.commentlist li.comment div.comment-meta a { color:#818181; text-decoration:  none;}
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; color: #494d18; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
.logged-in-as {
	display: none;
}
.comment-reply-link {
	display: block;
	padding: 8px 15px;
	font:normal 18px "Bebas";
	text-transform: uppercase;
	color: #494D18;
	background: #fcbd18;
	float: right;
}
.comment-reply-link:hover {
	text-decoration: none !important;
	color: #FFF !important;
	background: #f58823;
}
#comments-title {
	font: normal 16px "GothamMediumRegular";
	color: #f58823;
	border-bottom:solid 1px #747A2A;
	padding-bottom: 5px;
}
#comments-title em {
	font-style: normal;
	text-transform: uppercase;
}
#reply-title{
	font: normal 16px "GothamMediumRegular";
	color: #f58823;
	text-transform: uppercase;
}
#question-title{
	font: normal 16px "GothamMediumRegular";
	color: #f58823;
	text-transform: uppercase;
}

/*
    // ========================================== 
   ||                                             
   ||            CUSTOM FORM STYLES
   ||                                              
    \\ ==========================================
*/
.formLeft {
	width: 48%;
	float: left;
}
.formLeft textarea, .formRight textarea {
	width: 100% !important;
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	height: 100px !important;
	resize: none !important;
	outline-style: none;
	font-size: 11px;
	padding: 4px 2px 4px 2px;
	resize: none;
	margin: 0 !important;
}
.formRight {
	width: 48%;
	float: right;
}
.formRight label {
	display: none !important;
}
.formRight .gform_footer {
	margin: 0 !important;
	padding: 0 !important;
}


#main input[type='submit'] {
	display: block;
	float: right !important;
	margin-top: 10px;
	padding: 5px 10px;
	font: normal 20px "Bebas", Helvetica, Arial, sans-serif !important;
	color: #494D18;
	background: #fcbd18;
	text-transform: uppercase;
	border: none;
	letter-spacing: .7pt;
	width: auto !important;
}

input.learndash_mark_complete_button {
   color:#FFFFFF!important;
}

#main input[type='submit']:hover {
	background: #f58823;
	cursor: pointer;
}

.gform_wrapper .top_label .gfield_label {
font-weight: normal !important;
font-family: "GothamBoldRegular";
}
.gform_fields input[type="text"], .gform_fields textarea, .s2member-pro-paypal-form input[type="text"], .s2member-pro-paypal-form input[type="password"], .s2member-pro-paypal-form input[type="email"], #content .ws-plugin--s2member-profile-field, .ws-plugin--s2member-pro-login-widget input[type="text"], .ws-plugin--s2member-pro-login-widget input[type="password"]{
	background-color: #f6f6f6 !important;
	border: 1px solid #ccc !important;
	padding: 3px !important;
}
.ws-plugin--s2member-pro-login-widget a {
	color: #f78900;
	text-transform: capitalize;
}
.ws-plugin--s2member-pro-login-widget a:hover {
	color: #ffbf00;
}
.s2member-pro-paypal-form span {
	font-family: "GothamMediumRegular";
}

#content div.s2member-pro-paypal-form-section-title {
	font-size: 25px !important;
	font-family: "Bebas" !important;
	height: 43px !important;
	color: #FFF !important;
	line-height: 43px !important;
	padding: 0px 0 0 20px !important;
	background: url(images/title_bg_forms.jpg) left bottom no-repeat !important;
	border-bottom: 2px solid #777f24;
}
#content div.s2member-pro-paypal-form-submission-section-title {
	display: none;
}
#content div.s2member-pro-paypal-form-description-div {
font-size: 15px;
font-family: 'GothamBookRegular';
}
.cancelText {
	display: block;
	margin: 10px 0;
}
.cancelText a {
	color: #d54b50;
	font-family: "GothamBoldRegular";
}
.cancelText a:hover {
	color: #fcbd18;
	font-family: "GothamBoldRegular";
}
.s2member-pro-paypal-form-section {
	margin-bottom: 40px;
}
.s2member-pro-paypal-form-section-title {
	margin-bottom: 20px;
}
.s2member-pro-paypal-form-div {
	margin-bottom: 10px;
}
/*
    // ========================================== 
   ||                                             
   ||              SIDEBAR
   ||                                              
    \\ ==========================================
*/
#secondary h4 {
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
#secondary aside {
	margin-bottom: 40px;
}
#secondary ul {
	list-style-type: none;
	margin: 0px 0 10px;
}
#secondary ul li {
	display: block;
}
#secondary ul li a {
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 15px;
	background: url(images/sidebar_arrow.png) left center no-repeat;
	font: normal 13px "GothamBookRegular";
	text-transform: uppercase;
	color: #9aa339;
}
#secondary ul li a:hover, #secondary ul li.current-cat > a {
	color: #f58823;
}
#secondary ul ul li {
	padding-left: 15px;
}
#secondary ul.collapsible ul {
	display: none;
}
#secondary li a.active {
	background: url(images/sidebar_arrow_down.png) left center no-repeat;
}
#secondary .textwidget a {
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
}
#searchsubmit {
	background:url(images/icon_search.jpg) no-repeat scroll 0 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	height:30px;
	position:absolute;
	right:0px;
	text-indent:-9999px;
	top:5px;
	width:37px;
	padding:0px;
}
#searchsubmit:hover {
	background-position: 0 -30px;
}
#searchform label{
	display: none;
}
#searchform input[type='text']{
	width:165px;
	height: 28px;
	padding: 0 10px !important;
	border: 1px solid #CCC;
}
#searchform {
	x-system-font:none;
	font-size:14px;
	margin:3px;
	position:relative;
	overflow:hidden;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:5px;
	width:215px;
	float: right;
	margin-bottom: 10px;
}

span.typeBadge {
	position:absolute;
	z-index: 9;
	padding: 4px 8px;
	background-color: #fdbe16;
	font-size:12px;
	color:#111;
}

#search-filter-input-checkbox-0 {
	display:flex;
	justify-content: space-between;
}

/*
    // ========================================== 
   ||                                             
   ||              FOOTER
   ||                                              
    \\ ==========================================
*/
footer {

}
footer #footerBottom{
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 24px;
}

footer #footerBottom .socialicons {
	margin-left:12px;
}
footer #footerBottom .left {
	float: left;
}
footer #footerBottom ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}
footer #footerBottom ul.footer_left {
	float: left;
}
footer #footerBottom ul.footer_right {
	float: right;
}
footer #footerBottom ul li {
	float: left;
	padding: 0 5px;

	font: normal 10px "GothamMediumRegular";
	border-left: 1px solid #777d31;
	color: #d44e53;
}
footer #footerBottom ul li:first-child {
	padding-left: 0;
	border-left: none;
}
footer #footerBottom a {
	color: #d44e53;
	text-decoration: none;
	font: normal 10px "GothamMediumRegular";
	
}
footer #footerBottom a:hover {
	color: #f58823;
}
footer #footerBottom ul.footer_right a {
	color: #777d31;
	font-size: 12px;
	text-transform: uppercase;
}

footer #footerBottom ul.footer_right a:hover {
	color: #d44e53;
}

footer .chamber {
	font: normal 11px "GothamMediumRegular";
	color: #e87934;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url(images/chamber_logo.png) left 5px no-repeat;
}

footer .wichita_magazine {
	font: normal 11px "GothamBoldRegular";
	color: #e87934;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 55px;
	background: url(images/wichita_footer.png) left top no-repeat;
}
footer .footer_menu {
	margin-bottom: 5px;
	overflow: hidden;
}
/*
    // ==========================================                                  
   ||               ALIGNMENT                        
    \\ ==========================================
*/
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/*
    // ==========================================                                  
   ||               CONTENT                        
    \\ ==========================================
*/
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}


/*
    // ==========================================                                  
   ||               PAGE CONTENT                        
    \\ ==========================================
*/
.entry-content img.alignnone {

}
.entry-content ul {
	margin-left: 2rem;
}

/*
    // ==========================================                                  
   ||               IMAGES                        
    \\ ==========================================
*/
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}

/* Forms - Class for labelling required form items */
.required {
	color: #cc0033;
}


/*
    // ==========================================                                  
   ||               COMMENTS                        
    \\ ==========================================
*/
ol.commentlist {
	list-style-type: none;
	margin: 0 0 20px 0;
}

ol.commentlist li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
article.comment {
	display: block;
}
#respond input[type=text] {
	float: left;
	margin: 0 1em 0 0;
	width: 60%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond textarea {
	margin: 0 1em 1em 0;
/* 	float: left; */
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/*
    // ==========================================                                  
   ||               FOOTER                        
    \\ ==========================================
*/
#colophon {
	padding: 1em 0 0;
}

/* THEME COLOR PALETTE BLOCK EDITOR */

.has-era-red-color {
	color:#D44042;
}

.has-era-orange-color {
	color:#f58823;
}

.has-era-green-color {
	color:#9aa339;
}

.has-era-yellow-color {
	color:#fdbe16;
}

.has-era-gray-color {
	color:#636363;
}

.has-era-dark-color {
	color:#494d18;
}