/*
Theme Name: Family Dinner
Theme URI: https://thefamilydinnerproject.org
Author: Ryan McNulty
Author URI: http://ryan-mcnulty.com
Version: 1.0
*/

/*BRAUER*/
@font-face {
    font-family: "BrauerNeue-Regular";
    src:url("../eot/lineto-brauerneue-regular.eot");
    src:url("../eot/lineto-brauerneue-regulard41d.eot?#iefix") format("embedded-opentype"),
        url("../woff/lineto-brauerneue-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "BrauerNeue-Bold";
    src:url("../eot/lineto-brauerneue-bold.eot");
    src:url("../eot/lineto-brauerneue-boldd41d.eot?#iefix") format("embedded-opentype"),
        url("../woff/lineto-brauerneue-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: Lora-regular;
font-style: normal;
 font-weight: 600;
src: url("../ttf/lora-regular.ttf") format("truetype");
}
@font-face {
font-family: Lora-italic;
font-style: normal;
 font-weight: 600;
src: url("../ttf/lora-italic.ttf") format("truetype");
}
@font-face {
font-family: Lora-bolditalic;
font-style: normal;
 font-weight: 600;
src: url("../ttf/lora-bolditalic.ttf") format("truetype");
}
@font-face {
font-family: Lora-bold;
font-style: normal;
 font-weight: 600;
src: url("../ttf/lora-bold.ttf") format("truetype");
}
@font-face {font-family: 'HelveticaRounded';src: url('../eot/31eb25_0_0.eot');src: url('../eot/31eb25_0_0d41d.eot?#iefix') format('embedded-opentype'),url('../woff2/31eb25_0_0.woff2') format('woff2'),url('../woff/31eb25_0_0.woff') format('woff'),url('../ttf/31eb25_0_0.ttf') format('truetype');}

html {
	scroll-behavior: smooth;
}
html,body {
	/* font-size:100.01%; */ /* ASDF wtf? */
	height:100%;
	width:100%;
	background: #fff;
}
body {
	margin:0;
	color: #484848;
	/* font: 14px/17px 'Noto Serif', Arial, Helvetica, sans-serif; */
	font: 15px/20px 'Noto Serif', Arial, Helvetica, sans-serif;
	min-width: 1280px; /* min-width:1000px; */
	display: block;
  	width: 100%;

}
.wrapper, #footer {
  display: table-row;
  height: auto;
}

#banner {
	position: relative;
	top: 0;
	/* line-height: 32px; */
	color: white;
	background-color:#6ba539;
	width: 100%;
	text-align: center;
}
.banner-inner {
	padding: 7px 10%;
}
#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
	margin: 0;
	padding: 0;
}
#banner p {
	margin: 0;
}
#banner a {
	transition: none;
}
#banner a:hover {
	text-decoration: underline;
	color: inherit !important;
}

/* New "related posts" 1/12/2021 */
.relpost-block-single {
	text-decoration-color: #e77623 !important;
}

.dummy-data-buttons {
	display: block;
	margin-top: 160px; 
	padding: 30px; 
	border: 1px solid red; 
	clear:both;
}
.testing-wrapper {
	margin-bottom: 30px;
	clear: both;
}
.reset-goal-data {
	border: none !important;
	background-color: red !important;
	margin-bottom: 10px;
	float: left;
}
.testing-goal-text {
	width: 65%;
	padding-left: 20px;
	float: left;
}
.savetoggle-wrapper {
	margin-bottom: 50px;
}
@media all and (max-width: 768px) {
	.dummy-data-buttons {
		padding-bottom: 70px;
	}
	.testing-goal-text {
		width: 100%;
		margin-bottom: 20px;
	}
}
/* ASDF END TEMP */

/* .wrapper { height: 100%; } */
/* why was this set?? */

img{border-style:none;}
.alignleft {float:left; margin-right:25px; margin-bottom:15px;}
.alignright {float:right; margin-left:25px; margin-bottom:15px;}
.aligncenter {display: block;margin-bottom:15px;}
a {
	text-decoration: none;
	color: #606060;
	transition: color .5s;
}
a:hover {text-decoration:underline; color: color: #6ba539!important; }
a:active {text-decoration:underline; color: #6ba539!important; outline: none!important;}

.home-page .callout a,
.home-page .callout a:hover {
	color: #dc702d;
}

#content-basic p a,
#content-basic li a {
	text-decoration: none;
	color: #dc702d;
}
#content-basic p a:hover,
#content-basic li a:hover {
	color: #dc702d !important;
	text-decoration: underline;
}
#content-basic p a:active,
#content-basic li a:active {
	color: #dc702d !important;
}

input:active, input:focus {outline: none!important;}
h1 {color: #613914; font: 32px/30px Georgia,serif;margin:0 0 12px 0; word-break: break-word;}
h2 {color: #613914; font: 26px/28px Georgia,serif;}
h2.level {color: #613914; font: 22px/24px Georgia,serif;}
h2.list {color: #613914; font: 18px/18px Georgia,serif;margin-top:22px;}
h2.close {margin:12px 0 4px 0;font-size:20px;}
.close a {color:#6ba539;}
#submit, .wpcf7-submit {margin-top: 20px; background: #9b1f66; color: #fff; border-radius: 0; padding: 6px 10px; border: none;}
h3 {color: #613914; font: 22px/24px Georgia,serif; margin: 0 0 12px 0;}
h3.lesser {color: #613914; font: 25px/28px Georgia,serif; margin: 0 0 2px 4px;}
.title {margin-bottom:12px;}
#content-basic p.bigtype {font: 19px/22px;margin:12px 24px 12px 4px;}
#content-basic ul {font: italic 16px/20px; line-height: 21px; list-style-position: inside; padding-inline-start: 0px;}
ul {}
li {margin-bottom:9px;padding-left:0px;font-size:16px;}
.center{text-align:center;}
.centerimg {margin:0 0 0 0;}
.up {margin:0 auto;}
.bux {text-align:center;margin:12px;border:1px solid #613914;}
#content-basic p.smalldate {font-size:12px;font-style:italic;margin:0;}

#cleantext { display: inline; } /* added to fix newletters using this div inside li */

form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper{
	display: table;
	width: 1280px;
	margin: 0 auto;
}
#footer .wrapper{
	width: 90%;
}

.w1 {
	width: 100%;
	display: block;
}
#header {
	position:relative;
	z-index:9999999;
	width:100%;
	padding: 0;
	margin-bottom: 40px;
}
#header:after {
	display:block;
	content:"";
	clear:both;
}
#header .panel {
	padding:0 70px 0 0;
	/*overflow:hidden;*/
	/* background:#603813; */
	/* background: #6ba539; */
	min-height: 35px;
	margin-top: -32px;
}

#headerw {
	position:relative;
	z-index:100;
	width:100%;
	padding:0 0 0 0;
}
#headerw:after {
	display:block;
	content:"";
	clear:both;
}
#headerw .panel {
	padding:0 70px 0 0;
	overflow:hidden;
	background:#603813;
}

.top-nav {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	font:12px/22px Georgia, 'Times New Roman', times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.top-nav li {
	float:left;
	margin:0 0 0 50px;
	font:12px/22px Georgia, 'Times New Roman', times, serif;
}
.top-nav .menu > li { position: relative; }
.top-nav a { color:#fff; }

.logo {
	float:left;
	margin: 10px 0;
	background:url(../jpg/header-logo.jpg) no-repeat;
	width: 150px;
	height: 79px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a {
	display:block;
	height:100%;
}
.social-networks {
	float:right;
	margin:0;
	padding:12px 0 0;
	list-style:none;
	overflow:auto;
}
.connect_widget_number_cloud {display:none;}
.social-networks li{margin:0 0 11px;}
.social-networks img{display:block;}

nav {
	margin:0;
	padding: 0 20px 0px;
	display:block;
	list-style:none;
	height:1%;
	text-transform:uppercase;
	font:13px/15px Georgia, 'Times New Roman', times, serif;
}

nav:after{
	display: block;
	content: "";
	clear: both;
}
nav > li {
	float: left;
	margin: 0 30px 0 0;
}
/* nav li a {color:#606060; font-size: 1.2em;} */
nav li a { color:#6BA539; font-size: 18px; }
nav li.active > a, 
nav li:hover > a{
	color:#6ba539;
	position:relative;
	z-index:10;
	text-decoration:none;
}
nav li.current-menu-item > a {color:#E77623;}
nav > li:hover{ position:relative; }
nav > li:hover ul{ display:block; }
nav ul{
	font-size: 15px;
	display:block;
	z-index:8;
	left:-12px;
	top:-5px;
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
}
nav ul li{
	margin: 10px 12px 0;
	display: inline;
	float:left;
	position: relative;
	padding-left: 6px;
}
nav .menu-global-navigation-menu-spanish-container ul li {margin: 0 9px;}
nav ul li:last-child {margin-right: 0px;}

#nav ul {
	line-height: 79px; /* 70px; */
}
#nav-right {
	float: right;
}
#nav-right li a {
	font-size: 14px;
	text-decoration: underline;
}
#nav-right li:first-child {
	margin-left: 0px;
	margin-right: 0px;
}
#join-btn {
	font-size: 18px !important;
	text-decoration: none !important;
}
#join-btn:hover {
	color: white !important;
}

.donate-btn {
	color: #9b1f66;
}
.donate-btn:hover {
	color: #9b1f66 !important;
}
.mobilemenucontainer a.donate-btn {
	color: #9b1f66;
}
.mobilemenucontainer a.donate-btn:hover {
	color: #9b1f66 !important;
}

.searchform {
	position: relative;
}
.search-field {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    border-radius: 15px;
    border: none;
    background-color: #edefee;
    padding: 5px 15px;
    padding-right: 35px;
    margin-right: -35px;
}
.searchform .search-submit {
    background-color: transparent;
    border: none;
    color: #6BA539;
    font-size: 14px;
}
.mobilemenucontainer .search-field {
	background-color: white;
	border: 1px solid #d7dbd9;
}
.mobilemenucontainer .search-submit {
	position: relative;
}

/* Login Overlay Form */
#simplemodal-login-container {
	max-height: 85%;
	overflow-y: auto;
}
#simplemodal-login-container form {
	border-radius: 30px !important;
}
#simplemodal-login-container .nsl-container {
	margin: 0 auto;
}


#content-full {
	width: 100%;
}

#home-hero {
	background-position: center; 
	background-size: cover;
	height: 515px;
	margin-bottom: 30px;
}
#home-hero-info {
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 40px 9%;
	top: 50%;
	transform: translateY(-20%);
	background-color: rgba(255,255,255,0.7);
	border-radius: 20px;
	text-align: center;
}
#home-hero h1 {
	color: #6ba539;
	font-size: 40px;
	margin: 0px;
}
#home-hero .tag-line {
	font-size: 20px;
	margin: 20px 0px;
}
.hero-buttons {
	display: inline-block;
	margin-top: 20px;
}
.hero-buttons .button {
	float: left;
}
.hero-buttons .button:first-child {
	margin-right: 15px;
}
.button {
	color: white;
	background-color: #dc702d;
	border: 1px solid #dc702d;
	padding: 10px 40px;
	border-radius: 5px;
	width: max-content;
	font-family: BrauerNeue-Regular;
	font-size: 18px;
	cursor: pointer;

	/* disable text select */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
a.button:hover {
	color: white !important;
	text-decoration: none;
}
.button.light {
	color: #dc702d;
	background-color: white;
}
.button.light:hover {
	color: #dc702d !important;
}

.row {
	width: 100%;
	margin: 10px 0px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.col {
	float: left;
}
.col-3 {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.col-3:last-child {
	margin-right: 0;
}

.hero {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 360px;
	margin-bottom: 32px;
	background-size: cover;
    background-position: center center;
	background-color: #6ba539;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.hero p {
	color: white;
}
.hero-inner {
	position: relative;
	margin-top: 100px;
	margin-left: 175px;
}
.hero .title {

}
.hero .blurb {
	margin-top: 50px;
	width: 50%;
	font-size: 18px;
	line-height: 24px;
}

.callout {
	position: relative;
}
.callout h2 {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
	margin-top: 50px;
    font-weight: 400; /* 100; */
    font-size: 1.9em; /* 2em; */
    display: block;
    line-height: 1em;
    color: #9b1f66;
    margin-bottom: 0.5em;
}
.callout p {
	margin: 0;
}
.callout .callout-link {
    font-family: BrauerNeue-Regular, "Courier New", Courier, monospace!important; /* BrauerNeue-Bold,  */
    color: #484848;
    display: block;
    padding: 20px 0 10px;
    font-size: 1.9em;
    font-weight: 600;
	line-height: 1.1em;
	text-transform: uppercase;
}
.callout-link a {
	color: #484848 !important;
}

.callout-img-container {
	/* maybe need to constrain image height */
	/*
	overflow: hidden;
	height: 250px;
	max-width: 375px;
	*/
}
.callout img {
    width: 100%;
    height: auto;
}
.home-page .attachment-feat-recipe,
.conversationPage .attachment-feat-recipe {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.learn-more .row {
	margin: 30px 0;
}
.learn-more .left-col {
	width: 30%;
}
.learn-more .right-col {
	margin-left: 5%;
	width: 65%;
}
.learn-more .left-col img {
	width: 100%;
	height: auto;
}
.learn-more .contents {
	float: left;
	width: 80%;
	margin-right: 15px;
}
/* reseting Chrome styles */
/* ASDF make global? */
.learn-more .col h2,
.learn-more .contents p {
	-webkit-margin-before: 0;
}
.learn-more .join-btn {
	float: left;
	margin-top: 10px;
}

.foodPage .hero {
	background-color: #afd15a;
}
.funPage .hero {
	background-color: #e77623;
}
.conversationPage .hero {
	background-color: #9b1f66;
}

.ideas-and-advice h1 {
	padding-top: 30px;
	margin-bottom: 0.5em;
}

.box-left {
	float: left;
}

.single-post #content-basic,
.page-template-template-basic #content-basic,
.page-template-template-4wp-week-content #content-basic,
.page-template-template-in-the-news #content-basic {
	width: 66% !important; /* 768px !important; */
	margin-right: 4% !important; /* 50px !important; */
}

/* Search & Filter */
#left-sidebar ul {
	-webkit-padding-start: 0px;
	overflow: visible;
	margin-bottom: 20px;
	padding-left: 0px;
}
.sf-field-category ul,
.sf-field-tag ul,
.sf-field-taxonomy-food_main_ingredient ul {
	padding-left: 0px;
    -webkit-padding-start: 0px;
}

.searchandfilter label {
	position: relative;
}
.searchandfilter .sf-input-text {
	font-size: 16px;
	padding: 0px 40px 0px 20px;
	width: 250px;
	border: solid 1px #B79F87;
	line-height: 40px;
	height: 40px;
}
.searchandfilter .sf-field-search label:before {
    font-family: 'Font Awesome\ 5 Free', 'FontAwesome';
    font-weight: 900;
    content: "\f002";
    color: white;
    font-size: 16px;
    background-color: #e77623;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
/* ASDF difference between these two? */
.searchandfilter ul li {
	padding-top: 0 !important;
}
.searchandfilter ul li li {
    padding: 15px 7px 0px 10px !important;
    line-height: 29px;
}

/* link back to filter pages */
.back-to-search {
	margin-bottom: 20px;
}
.back-to-search a {
	color: #6BA539;
}

/* horizontal lines */
.foodPage .sf-field-tag ul,
.foodPage .sf-field-category ul,
.conversationPage .sf-field-category ul {
	padding-bottom: 15px !important;
}
.foodPage .sf-field-taxonomy-food_main_ingredient li:last-child {
	padding-bottom: 40px !important;
	border-bottom: 1px solid #B79F87;
}
.funPage .sf-field-category li:last-child {
	padding-bottom: 40px !important;
	border-bottom: 1px solid #B79F87;
}

.wp-pagenavi {
	text-align:center;
	margin-bottom: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none !important;
}
#content-basic .wp-pagenavi a {
	margin: 2px;
	padding: 3px 5px;
}
.wp-pagenavi .pages {
	display: none;
}

.sf-label-checkbox {
	float: left;
	padding-left: 0 !important;
	padding: 20px 0;
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
	font-size: 18px;
}
.sf-field-category li,
.sf-field-tag li,
.sf-field-taxonomy-food_main_ingredient li { 
	clear: both;
	text-transform: capitalize;
}

/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the container) */
.sf-level-0 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.sf-level-0 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.sf-level-0 label {
	cursor: pointer;
	width: 100%;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	right: 0;
	height: 25px;
	width: 25px;
	border: 2px solid #B79F87;
	border-radius: 3px;
	cursor: pointer;
}

/* On mouse-over, add a grey background color */
.sf-level-0:hover input ~ .checkmark {
  background-color: #ccc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sf-level-0 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sf-level-0 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #484848;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* END CUSTOM BOXES */

.sf-field-category h4,
.sf-field-tag h4,
.sf-field-taxonomy-food_main_ingredient h4 {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
	font-size: 18px;
	border: 1px solid #b79f87;
	padding: 10px 10px !important;
	text-transform: none;
	color: #484848;

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    cursor: pointer;

    -webkit-margin-after: 0;
    padding-right: 7px !important;
}
.sf-field-category h4:after,
.sf-field-tag h4:after,
.sf-field-taxonomy-food_main_ingredient h4:after {
    font-family: 'Font Awesome\ 5 Free', 'FontAwesome';
    font-weight: 900;
    content: "\f0dd";
    color: white;
    background-color: #e77623;
    font-size: 16px;
    padding: 5px 8px;
    float: right;
    position: relative;
    top: -5px;
}
.sf-field-category h4.active:after,
.sf-field-tag h4.active:after,
.sf-field-taxonomy-food_main_ingredient h4.active:after {
    content: "\f0de";
}
.sf-field-category h4:first-of-type + ul,
.sf-field-tag h4:first-of-type + ul,
.sf-field-taxonomy-food_main_ingredient h4:first-of-type + ul {
	display: none;
}
.sf-field-category h4:first-of-type + ul,
.sf-field-tag h4:first-of-type + ul,
.sf-field-taxonomy-food_main_ingredient h4:first-of-type + ul {
	display: none;
}
/* ASDF clean-up checkbox css */

/* sharing */
#saverecipe-wrapper,
#savegame-wrapper,
.saveconvo-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #E77623;
	border-bottom-right-radius: 10px;
	z-index: 10;
	padding: 10px 10px 5px 10px;
}
#randomPost .saveconvo-wrapper {
	top: initial;
	bottom: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 10px;
	/* transform: translateY(-3px); */
}
/* end sharing */

#foodListing img {
	width: 100% !important;
	height: auto !important;
}

#randomPost {
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 57px;
	overflow: hidden;
	background-color: #F8F8F8;
}
.funPage #randomPost {
	height: 218px;
	max-width: 720px;
}
.conversationPage #randomPost {
	height: 360px;
	max-width: 720px;
}

#randomPost .button {
	background-color: #9b1f66;
	text-decoration: none;
	margin: 0 auto;
}
#randomPost a:hover {
	text-decoration: none;
}
.random-split {
	position: relative;
	float: left;
	width: 50%;
	max-width: 360px;
	height: inherit;
	overflow: hidden;
}
.random-split .button:first-child {
	margin-bottom: 15px !important;
}
.random-split .button {
	width: 150px;
}
.random-split .shareablediv { /* random conversation shareable */
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.random-split img {
	width: 100%;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.random-split .shareablediv img {
	top: 0;
    left: 0;
    transform: translate(0%, 0%);
}

.vCenter { /* parent must be relative */
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.fixedCenter { /* parent must be relative */
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.featured-conversations {
	margin-bottom: 80px;
	clear: both;
}
.featured-conversations h1 {
	padding: 50px 0 10px 0;
}

/* Share Buttons */
.single-dinner-tonight #share-buttons,
.single-budget_friendly #share-buttons {
	clear: both;
	padding-top: 20px;
}
#share-buttons h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #484848;
}
#share-buttons ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#share-buttons li {
    float: left;
    padding: 0;
    margin-right: 10px;
    border-bottom: none;
	width: inherit;
}
#share-buttons li a {
    display: block;
    color: white;
    font-size: 24px;
    text-align: center;
    width: 67px;
    line-height: 48px;
    text-decoration: none !important;
    background-color: #3B5998;
    border-radius: 20px; 
}
#share-buttons li a:hover {
    color: white !important;
}
#share-buttons .fa-twitter {
	background-color: #2699FB;
}
#share-buttons .fa-pinterest-p {
	background-color: #C92228;
}

/* shidebar has a version of the share buttons */
#custom_html-3 h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #484848;
}

.su-column img {height: auto!important;}
img:focus, a:focus, #colorbox, #cboxContent, #cboxLoadedContent, #cboxNext:focus, #cboxPrevious:focus, div:focus { 
	outline: none!important;
}
#cboxTitle, #cboxCurrent {display: none!important;}
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 9999999!important;}
.subscribe-form{
	margin:0 20px;
	padding:6px 12px 5px 20px;
	overflow:hidden;
	color:#fff;
	background:#6ba539;
}
.subscribe-form h2{
	float:left;
	letter-spacing:1px;
	margin:0;
	font:14px/22px Georgia, 'Times New Roman', times, serif;
	text-transform:uppercase;
}
.subscribe-form h2 span{
	display:inline-block;
	padding:0 0 0 20px;
}
.subscribe-form input[type=text]{
	float:left;
	margin:0 12px 0 0;
	width:145px;
	padding:2px 10px 3px;
	border:none;
	background:#fff;
	font-size:14px;
	line-height:16px;
}
.subscribe-form .mc_merge_var {width:794px;}

.subscribe-form .mc_custom_border_hdr {float:left;font:14px/22px Georgia, 'Times New Roman', times, serif;letter-spacing:.7px;}
.subscribe-form .mc_var_label {color:#C3D88C;margin:0 12px 0 9px;font: italic 12px/22px Georgia, 'Times New Roman', times, serif;	float:left;}
.subscribe-form input[type=submit]{
	float:right;
	margin:0 0 0 0;
	padding:0;
	cursor:pointer;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../gif/btn-subscribe.gif) no-repeat;
	width:112px;
	height:22px;
	border:none;
}
.subscribe-form .close{
	float:right;
	background:url(../gif/btn-close.gif) no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
}
.subscribe-form .mc_success_msg {color:#fff;}


#main{
	padding:0 0px 33px;
	overflow:hidden;
}

/* home sidebar */
/* OLD sidebar and content */
#sidebar{
	float: right;
	width: 364px;
}
#content{
	float: left;
	width: 580px;
	margin: 0 60px;
	overflow: visible;
}
.content-wrapper { /* new wrapper for consistant width */
	margin: 0 60px;
	overflow: visible; /* auto; */
}
.my-account .content-wrapper {
	overflow: auto;
}
/* removing the same margins on new pages */
.home-page .content-wrapper,
.page-template-template-food .content-wrapper,
.page-template-template-fun .content-wrapper,
.page-template-template-conversation .content-wrapper,
.page-template-template-ideas-and-advice .content-wrapper,
.page-template-template-learn-more .content-wrapper {
	margin: 0;
}

#wrapper-inner {
	/* margin: 0 60px; */
	overflow: visible;
}
.recipe-2-0 #wrapper-inner {
	width: 768px;
	margin-right: 60px;
	float: left;
}

/* NEW content */
/* ASDF Reconsider removing #content from NEW PAGES */
.home-page #content,
.page-template-template-food #content,
.page-template-template-fun #content,
.page-template-template-conversation #content,
.page-template-template-ideas-and-advice #content,
.page-template-template-learn-more #content
{
	width: inherit;
}
.home-page #header,
.page-template-template-food #header,
.page-template-template-fun #header,
.page-template-template-conversation #header,
.page-template-template-ideas-and-advice #header,
.page-template-template-learn-more #header
{
	margin-bottom: 0px;
}

#left-sidebar {
	float: left;
	margin-right: 60px;
	/* width is defined by search field */
}

#content-2-0 {

}

/* HERE */
#content-basic { margin: 0 auto !important; }

.newsblock {height:98px;margin-top:14px;}
#content-basic{ float:left; width:610px; margin:0 14px 24px 34px; }
#leftContent { width:765px; float:left; }
#leftContent .categoryLanding {margin-bottom:  100px;}
#content-basic.full {float: none; width: 100%; margin: 0;}

#content-basic p{margin:0 0 12px 0;font-size: 16px; line-height: 21px;}
#content-basic h1 a, #content-basic h2 a, #content-basic h3 a, #content-basic h4 a, #content-basic h5 a, #content-basic h6 a {text-decoration: none;}
#content-basic .introse{font: italic 18px/21px; padding-bottom:14px;margin-bottom:18px; background: url('../jpg/darkgreydot.jpg') repeat-x bottom left;}

#content-basic .entry {margin-bottom:12px;}

.dinner-tonight-template-default #content-basic,
.budget_friendly-template-default #content-basic,
.fun_content-template-default #content-basic {
	margin: 0 60px 0 0 !important;
}

.fourweekcontent h1 {
	color: #6ba539; font-size: 3em;
}

.buddypress #content-basic { width: 100% !important; padding: 0; }

/* .page-template-template-getting-started #content-basic { width: inherit; } */

#calendar-div, .savetoggle-wrapper { width: 735px; margin-right: 20px; float: left; }
#calendar-sidebar, .savetoggle-sidebar { width: 375px; float: left; }

#buddypress .standard-form #profile-details-section { float: left !important; }

/*
.registration-continue-with-fb .nsl-container {
	margin: 0 auto;
}
*/
div.nsl-container-block .nsl-container-buttons a {
	margin: 0 auto !important;
}


#programw h1, #programw h1 a, .fancyheadinglink h1, .fancyheadinglink h1 a, .page-template-template-4wp-week1 h1 a {color:#6ba539;position:  relative;}
#programw h1 a:before, #programw h1 a:after, .fancyheadinglink h1 a:before, .fancyheadinglink h1 a:after {content: "";
    background: url(../jpg/greendot.jpg) repeat-x center left;
    position: relative;
    height: 20px;
    width: 100%;
    display: block;}

#program {margin-bottom:250px;}
#program p{font:18px/28px;}
#program h1 {color: #613914; font: 28px/24px;margin:9px 0 0 0;}
#program h3 {color: #6ba539; font-size:34px; line-height: 36px;margin-top:28px;margin-bottom:8px;}
#program ul {margin-left:21px;}
#program li {font:16px/20px;font-style:italic;margin:0 21px 12px 0;}
#program h3.lesser {margin-left:18px;font-size:30px;margin-top:28px;color:#4D250A;margin-bottom:8px;}
.biggish {font-size:24px;line-height:32px;margin-top:14px; display: block; font-family: BrauerNeue-Bold, BrauerNeue-Regular; color:#6ba539;}
.vidin {margin:0px 0 12px 0;}
#content-basicw {float:left;width:720px;margin:0 14px 24px 104px;}
#content-basicw p{font:17px/21px ;}
#content-basicw .introse{font: italic 18px/21px ;border-bottom:1px dotted #BCC287;padding-bottom:4px;margin-bottom:18px;}
#content-basicw p.bigtype {font: 19px/22px;margin:12px 24px 12px 4px;}
#content-basicw ul {font: italic 16px/20px;}
.centerimgw {margin:0 0 0 36px;}
#programw p {font:18px/28px;}
#programw h1 {color: #6ba539; font: 28px/24px;margin:9px 0 15px 0;}
#programw ul {margin-left:21px;}
#programw li {font:16px/20px;font-style:italic;margin:0 21px 12px 0;}


#postblock {height:152px;}
.posts{
	margin:0 0 22px;
	overflow:hidden;
	padding:0;
	list-style:none;
	font-size:14px;
}
.posts li{
	float:left;
	padding:0 0 22px;
	vertical-align:top;
}
.posts .alignleft{
	float:left;
	border:5px solid #fff;
	margin:0 10px 0 0;
}
.posts .source{
	display:block;
	margin:0 0 4px;
	font:12px/14px;
	color:#606060;
}
.posts .source a{color:#606060;}
.posts h2{
	margin:0 0 4px;
	font:20px/20px ;
	color:#9b1f66;
}
.posts h2 a{color:#4c3f86;}
.posts p{margin:0;}
.more{text-transform:uppercase;}

.facebook-feed{
	padding:0;
	width:350px;
	overflow:hidden;
}
.facebook-list ul{list-style:none;margin:1px;padding:0;}
.facebook-list li{background-color:white;padding:6px;margin-bottom:1px;}
.facebook-list a{color:#4c3f86;}
.facebook-list a:hover{color:#606060;}

.postlist{
	margin:12px 0 22px;
	overflow:hidden;
	padding:0 0 10px 0;
	list-style:none;
	font-size:12px;
}
.postlist li{
	float:left;
	padding:0 0 22px;
	vertical-align:top;
}
.postlist .alignleft{
	float:left;
	/* border:5px solid #fff; */
	margin:0 10px 0 0;
}
.postlist .source{
	display:block;
	margin:0 0 4px;
	font:12px/14px ;
	color:#606060;
	text-transform:uppercase;
}
.postlist .source a{color:#606060;}
.postlist h2{margin:12px 0 4px 0;font:20px/22px ;color:#9b1f66;}
.postlist h2 a{color:#6ba539;margin-top:4px;}
.postlist p{margin:0px;}

.spotlist { margin:12px 0 18px 0; height:168px; }
.spotlist h2 { margin:0 0 0 0; font:20px/20px; color:#4c3f86; }
.spotlist img { margin:0 9px 18px 0; }

#listblock {
	width: 100%;
	margin-bottom: 30px;
}
#listblock h2 {margin: 0px; padding-top: 10px;}
.entry small {font-size: .95em;}
.nav-previous a,
.nav-next a {
	color: #6ba539;
	font-size: 16px;
}

.meta {display: block; margin-bottom: 6px;}
.plugin-placeholder img{display:block;}
.gallery{margin:0;position:relative;width:100%;overflow:hidden;color:#373737;font:17px/21px ;}
.gallery .frame{position:relative;width:100%;overflow:hidden;}
.gallery .frame ul{margin:0;padding:0;list-style:none;width:99999px;position:relative;overflow:hidden;}
.gallery .frame ul > li{float:left;width:580px;}
.gallery .frame h2{margin:6px 0 1px 0;font:23px/25px ;color:#603813;}
.gallery .img-holder{margin:0 0 5px;padding:0 0 12px;background:url(../gif/bg-slide.gif) no-repeat 0 100%;}
.gallery img{display:block;}
.gallery .switcher{position:absolute;z-index:10;top:328px;left:400px;}
.gallery p{margin:0;}
.gallery .caption{padding:0 10px;overflow:hidden;}
.gallery .switcher ul{margin:0;padding:0;list-style:none;overflow:hidden;}
.gallery .switcher li{float:left;margin:0 4px 0 0;}
.gallery .switcher a{float:left;width:12px;height:12px;background:url(../png/bg-switcher.png) no-repeat;text-indent:-9999px;overflow:hidden;}
.gallery .switcher .active a, 
.gallery .switcher a:hover{background:url(../png/bg-switcher-active.png) no-repeat 0 -1px;}

.content-box{margin:0 0 26px;padding:10px 0;overflow:hidden;background:#fff;font-size:15px;line-height:22px;}
.content-box h2{margin:0 0 8px;font:28px/34px ;color:#603813;}
.content-box h2 a{color:#603813;}
.content-box .alignleft{float:left;margin:0 10px 0 0;}
.news-box{padding:12px 0px;overflow:hidden;background:#fff;}
.news-box h2{margin:0 0 1px;font:14px/18px ;color:#606060;text-transform:uppercase;}
.content-box p{margin:0;}

.news{margin:0;padding:0;list-style:none;}
.news li{margin:0 0 22px;}
.news h3{margin:0 0 9px;font:22px/25px ;color:#4c3f86;}
.news h3 a{color:#4c3f86;}
.news p{margin:0;}

#footer {
	font-family: BrauerNeue-Regular;
	width: 100%;
	overflow: hidden;
	display: block;
	background: #6ba539;
	line-height: 19px;
	color: #fff;
	margin-top: 100px;
}
#footer .section {
	padding: 20px 60px 25px 60px;
	overflow: hidden;
	text-align: center;
}
#footer .section-left {
	width: 50%;
	float: left;
}
#footer .section-right {
	width: 50%;
	float: right;
}
#footer .section .col {
	width: 174px;
	vertical-align: top;
	padding: 0 10px 0 0;
	text-align: left;
}
#footer .section-left .col {
	float: left;
}
#footer .section-right .col {
	float: right;
}
*+ html #footer .section .col{
	display:inline;
	margin:0;
}
/* #footer h2 { */
#menu-footer-menu-1 li:first-child,
.footer-nav-header {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 26px;
}
#footer .bumped {
	margin-top: 25px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#footer ul li,
#footer-contact,
#footer-contact strong {
	font-family: BrauerNeue-Regular;
	font-size: 18px; 
	line-height: 26px;
	padding: 0;
	margin-bottom: 0;
}
#footer a { color:#fff; }
#footer .logo{
	margin: 20px 0 0 48px;
	background: url(../gif/logo-2.gif) no-repeat;
	width: 68px;
	height: 81px;
}
#footer .section .contact-block {
	width: 185px;
}
#footer .section .contact-block h2 { margin:0 0 19px; }
#footer address {
	display: block;
	font-style: normal;
}
#footer .container{
	padding: 15px;
	text-align: center;
	overflow: hidden;
}
#footer .container p { margin:0; }

/* email form styles */
.mc_error_msg {
		color: red;
		margin-bottom: 1.0em;
	}
	.mc_success_msg {
		color: green;
		margin-bottom: 1.0em;
	}
	.mc_merge_var{
		padding:0;
		margin:0;
	}
	#mc_signup_container {}
	#mc_signup_form {}
	#mc_signup_form .mc_var_label {}
	#mc_signup_form .mc_input {}
	#mc-indicates-required {
		width:100%;
	}
	#mc_display_rewards {}
	.mc_interests_header {
		font-weight:bold;
	}
	div.mc_interest{
		width:100%;
	}
	#mc_signup_form input.mc_interest {}
	#mc_signup_form select {}
	#mc_signup_form label.mc_interest_label {
		display:inline;
	}
	.mc_signup_submit {
		text-align:center;
	}
	ul.mc_list {
		list-style-type: none;
	}
	ul.mc_list li {
		font-size: 12px;
	}
	#ui-datepicker-div .ui-datepicker-year {
		display: none;
	}
	#ui-datepicker-div.show .ui-datepicker-year {
		display: inline;
		padding-left: 3px
	}
	
mc_custom_border_hdr {font:12px/22px Georgia, 'Times New Roman', times, serif;
text-transform:uppercase;}

/* Sidebar */
.movedown {margin-top:85px;}
.movedownmore {margin-top:160px;}
..recipe-2-0 #wrapper-inner {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0;
	background: #fff;
}
.rightContent {
	float:right;
	width:24%;
	margin: 0;
	padding: 0px;
	margin-bottom: 100px;
}
.rightContent .widget {margin-bottom:  20px;}
.rightContent h4 {
	font-size: 1.3em;color: #6ba539!important;margin:0px 0 6px 0;
}
.box-right {
	float: left;
	max-width: 320px;
}
.box-right p {
		font: 16px/21px;
		margin: 0 0 5px 0;
		padding: 0px;}
.box-right img {
	float: left;
	margin-right: 12px;
}			
.box-right-img {
	margin: 0 20px 20px 0;
	padding: 0px;}
	
.box-right ul, .rightContent ul {
	font: 16px/20px;
	margin: 0 0 5px 0;
	padding: 0px;
	list-style: none;}

.box-right li, .rightContent li {
	margin: 0px;
	padding: 9px 0;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	width: 270px;
	color:#4c3f86;
	 list-style-type: none;
}
.rightContent li {
	width: 100%!important;
}
.box-right input, .rightContent input {font-size:16px;margin:0 0 9px 0;padding:0;}	

.box-right li a, .rightContent li a {text-decoration: none;font-size: 17px;color:#606060;}
.box-right li.current-cat, .rightContent li.current-cat {display:none;}
.box-right li.current-cat-parent, .rightContent li.current-cat-parent {display:none;}

.box-right2 {
	float:right;
	width:290px;
	margin: 0 20px 6px 0;
	padding: 14px;
}
.box-right2 p {
		font: 16px/21px;
		margin: 0 0 5px 0;
		padding: 0px;}
.box-right2 img {float:left;margin-right:6px;}			
.box-right-img {
	margin: 0 20px 20px 0;
	padding: 0px;}
	
.box-right2 ul {
	font: 16px/20px;
	margin: 0 0 5px 0;
	padding: 0px;
	list-style: none;}

.box-right2 li {
	margin: 0px;
	padding: 9px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	width: 270px;
	color:#4c3f86;
	}
.box-right2 input{font-size:16px;margin:0 0 9px 0;padding:0;}	

.box-right2 li a {text-decoration: none;font-size: 17px;color:#606060;}
.box-right2 li.current-cat {display:none;}
.box-right2 li.current-cat-parent {display:none;}



.box-right-4 {float:right;width:265px;margin: 0 25px 6px 0;padding: 14px;/*background-image: url('images/sd-box-tall.png');background-repeat:no-repeat;*/min-height:770px; -moz-border-radius: 30px; letter-spacing: 1px;
border-radius: 30px; background-color: #6ba539;}

.box-right-4 h2 {color:white;margin:6px 0 6px 9px;font-size:18px;}
.box-right-4 ul {font: 14px/18px BrauerNeue-Bold, BrauerNeue-Regular,sans-serif;margin: 0 0 10px 0;padding: 0px;list-style: none;width:256px;}
.box-right-4 li {margin-bottom:6px;margin-left:4px;}
.box-right-4 li a {color:#fff;}
.box-right-4 li a:hover, .box4week a:hover	 {color: #fafafa!important;}
.box-right-4 p {font: 14px/18px BrauerNeue-Bold, BrauerNeue-Regular,sans-serif;margin: 0 0 10px 0;padding: 0px;list-style: none;width:256px;color:white;}
.box-right-x {float:right;width:290px;margin: 0 0 6px 0;padding: 14px;background-image: url('../png/sd-box-viz.png');background-repeat:no-repeat;display:none;}

.box4week {float:right; width:266px; margin: 0 24px 26px 0; padding: 14px; border-radius: 30px;
background-color: #6ba539;letter-spacing: 1px;/*height:310px;*/}
.box4week p {font: 18px/23px BrauerNeue-Bold, BrauerNeue-Regular,sans-serif;margin: 20px 12px 12px 12px;padding: 0px;color:white;width:240px;}
.weeks {font: 18px/24px BrauerNeue-Bold, BrauerNeue-Regular,sans-serif;margin: 15px 0 12px 0;padding: 0px;list-style: none;}
.box4week li a {color:white;}
.dents {margin:0 28px 0 28px;}
.toppush {margin-top:14px;}
.rightmarg {margin-right:6px;}
.langsw {padding:0 0 12px 28px;}
.switchindent {margin-left:52px;}
.listtitle {border-bottom:1px dotted #D2B684;margin-top:12px;font-weight:bold;}
.listtitle a:hover {text-decoration:none;}
.box4week li, .weeks, .box-right-4 ul {font-family: BrauerNeue-Bold, BrauerNeue-Regular,sans-serif!important;}
.box4week li {margin-bottom: 19px;font-size: 21px;}
.box4week li img {display: inline-block; margin-bottom: -15px;}

.title-4wp img { max-width: 100%; height: auto; display: block; }

.popper {
	border:2px solid #A3CD8D;padding:9px;background-color:#fff; margin-bottom: 15px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px; /* future proofing */
	-khtml-border-radius: 18px; /* for old Konqueror browsers */
	overflow: auto;
}
.popper img { /* width: 50%; height: auto; */ }
.popper h2 { margin: 9px 0 0 0; font-size:24px; clear:none; }
.popper p { margin: 12px 0 12px 16px;}
.popper ul { margin-left: 21px; }
.popper li { font:18px/28px; font-style:italic; margin:0 0 0 0; }

.story {background-color:white;padding:14px;border:2px solid #A3CD8D; border-radius: 18px 18px 18px 18px;}
.story h4 {font-size:20px;margin:18px 0 6px 18px;}

/*
.pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #e77624;}
.pagination a:hover{color:#fff;background: #3279BB;}
.pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}
*/

.spotlight {width:590px;background:white;padding:0px;}
.spotlight img {float:left;margin-right:9px;}
.spotlight h2 {color: #4c3f86; font: 20px/22px Georgia,serif;margin:9px 0 9px 0px;}
/*.spotlight h2 a {color: #606060;}*/
.spotlight p {/*color: #4c3f86; font: 17px/23px Georgia,serif;*/margin:0 auto;}

.recaptcha_area {margin-top:28px;}

/* block */
#blocks{float:right;width:240px;}

/* social panel */
li .wpml-ls-display:after {
    content: "\f107";
	font-family: 'FontAwesome';
	margin-left:5px;
}

.sub-menu .wpml-ls-display:after { content: ""!important; margin-left:0;}
.menu-social-container,.menu-social-spanish-container{float:right;margin:20px 0 0 auto;overflow:hidden}
.menu-social-container ul, .menu-social-spanish-container ul{float:left;margin:0 0 0 0;padding:0 0 0 0;}
.menu-social-container li, .menu-social-spanish-container li{float:left;margin:0 0 0 0!important;padding:0 0 0 0;list-style:none;display:block;}
.menu-social-container li a {background-size: contain!important;}
.menu-social-container .facebook a, .menu-social-spanish-container .facebook a{display:block;width:36px;height:29px;overflow:hidden;text-indent:-9999px;background:url(../png/soc-facebook.png) no-repeat}
.menu-social-container .twitter a, .menu-social-spanish-container .twitter a{display:block;width:33px;height:29px;overflow:hidden;text-indent:-9999px;background:url(../png/soc-twitter.png) no-repeat}
.menu-social-container .donate a, .menu-social-spanish-container .donate a {width: 80px; height: 29px; background-image: url(../png/donate.png); background-repeat: no-repeat; background-position: 0 2px; display: inline-block; overflow: hidden; padding: 5px 0; margin-left: 5px; float: right;text-indent:-9999px;}
.menu-social-container .donate a:hover,.menu-social-spanish-container .donate a:hover {background-position: -80px 2px; }
.menu-social-container .donate a:hover, .menu-social-spanish-container .donate a:hover { text-decoration: none!important; border: none;}

.fixTopNav .menu-social-container, .fixTopNav .menu-social-spanish-container {margin: 0; float: right; display: inline-block;}
.fixTopNav .menu-top-navigation-menu-container, .fixTopNav .menu-top-navigation-menu-spanish-container {margin-right: 70px;}

.fixTopNav .menu li {margin: 5px 20px 0 10px; list-style-type: none; }
.fixTopNav .menu li ul li {margin: 7px 0px!important;}
.fixTopNav .menu {margin:  0;}
/*.donate{background:#f6841f}
.donate a{color:#fff;font:bold 16px/30px Arial,Helvetica,sans-serif;background:url(images/arrow01.gif) no-repeat 95% 50%;display:block;padding:0 29px 0 12px;text-transform:uppercase;text-decoration:none}
.donate a:hover{text-decoration:underline}
*/

#homelink {
	display: block;
  width: 150px!important;
  height: auto; margin: 20px auto;
}
#mc-embedded-subscribe-form {margin-left: 20px;}
.MC-FW li {list-style-type: none; float: left; }
.MC-FW li input {padding-right: 6px;}
.req {clear: both; display: block; float: none; }
#wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_reg label.select, #wpmem_login label {
height: 26px!important;
margin-top: 20px!important;
margin-bottom: -10px!important;
clear: both!important;
}
.mc_custom_border_hdr {width: auto!important; text-transform: uppercase!important; letter-spacing: 1px!important;}
.mc_var_label {padding-left: 14px;}


.footCat h2, .boxCat h2 {
	position: absolute;
bottom: -4px;
font-size: 1.8em;
padding-left: 15px;
color: #fff;

padding-top: 6px;
padding-bottom: 5px;
background: #6ab443;
display: block;
width: 318px;
left: 0;
height: auto;
font-size: 1.7em;
}
.boxCat h2 {bottom: 6px;}
.footCat img {width: auto;
height: 100%;
display: block;
margin: auto;
position: relative;}
.imageContainer {width: 333px;
height: 250px;
overflow: hidden;
}

.foodSide {background-color:transparent!important; width: 215px!important; margin-top:110px;}
.box-right.foodSide li {width: auto!important;}

.foodCat {
	vertical-align:  top;margin-bottom:  2%;
	display:  inline-block; width: 49%; margin-right: 1%;
	background-size: cover; background-repeat: no-repeat;
	height: 0px; padding-bottom: 33%;position:  relative;
}
.cattitlenew {
	    line-height: 50px;
    display: block;
    padding-bottom: 30px;
	margin-top: -30px;
}
.cattitlenew.Conversation {color: #9b1f66!important;}
.cattitlenew.Fun {color: #e77624!important;}
.cattitleimg {width: 100px; height: auto;    margin-bottom: -50px;
    padding-bottom: 10px;
    padding-right: 20px;}
.foodCat .fullLink {position: absolute; z-index:  5; left: 0; right: 0; top: 0; bottom: 0;}
.foodCat.featured .content {z-index: 2; position: absolute;height: 100%; width:  100%;}
.foodCat.featured h3 {
    background: url(../jpg/greendot.jpg) repeat-x bottom left;
    margin: 0;
    padding: 2%;
    color: #6ba539;
    width: 95%;
    margin-left: 1px;
    margin-bottom: 15px;
}
.foodCat.featured h1 {
	font-family: 'Noto Serif'!important;
    text-transform: none!important;
    font-weight: 600;
    margin: 25px 0 0 0;
    display: block;
    padding-bottom: 0px;
	font-size: 1.3em;
}
.foodCat.featured h1, .foodCat.featured h1 a, .foodCat.featured p {color: #6ba539;}
.foodCat.featured p {
    padding: 0px 15px 0 0;
    font-size: 1.1em;
    margin: 0;
}
.foodCat.featured .featimg {margin: 10px; float: left; max-width: 100px;}
.foodCat.featured .border {border: 1px solid #6ba539; position: absolute;
position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;z-index:1;}
.foodCat:nth-of-type(2n) {
	margin-right: 0px!important;
    margin-left: 1%;
}
.foodCat .catTitleLink {text-transform: none!important; position: absolute; bottom: 0; margin: 0; color: #fff; background: #6ba539; font-size: 1.3em;
width: 94%;
    padding: 2% 3%;
	}
/*FOOD OVERRIDES*/
.category-fun .foodCat .catTitleLink {background: #e77624;}
.category-fun .foodCat.featured h3 {
    background: url(../jpg/orangedot.jpg) repeat-x bottom left;
    color: #e77624;
}
.category-fun .foodCat.featured h1, .category-fun .foodCat.featured h1 a, .category-fun .foodCat.featured p {color:#e77624;}
.category-fun .foodCat.featured .border {border:1px solid #e77624;}
/*END FOOD OVERRIDES*/

/*CONVO OVERRIDES*/
.category-conversation .foodCat .catTitleLink {background: #9b1f66;}
.category-conversation .foodCat.featured h3 {
    background: url(../jpg/purpledot.jpg) repeat-x bottom left;
    color: #9b1f66;
}
.category-conversation .foodCat.featured h1, .category-conversation .foodCat.featured h1 a, .category-conversation .foodCat.featured p {color:#9b1f66;}
.category-conversation .foodCat.featured .border {border:1px solid #9b1f66;}
/*END CONVO OVERRIDES*/

.foodCat.featured .mobileimg {display: none;}

@media all and (max-width: 1028px) {
	.foodCat.featured .content img {display: none;}
	.foodCat.featured .mobileimg {
		display: inline-block!important;
		height: 18px;
		width: auto;
		margin-right: 5px;
	}
	.foodCat.featured h1, .foodCat.featured p {
		color: #6ba539;
		padding: 0 10px!important;
	}
	.whitebg .title h1 {/*display: inline!important;*/margin-top: 0px!important;}

	.page-template-template-fun #leftContent,
	.page-template-template-food #leftContent, /* ASDF overly specifed */
	#leftContent {
		width: 100% !important;
		clear: both;
	}

	.callout p {
		margin-bottom: 60px;
	}

	.box-right {
		max-width: 100%;
	}

	.row:after {
	    display: none;
	}

	/* .popper .alignright {float:none; display:block; margin-left:0;} */
}
@media all and (max-width:860px) {
	.foodCat {
		display: block;
		width: 100%;
		padding-bottom: 50%;
		margin: 0 0 30px 0!important;
	}
	.random-split {
		width: 100%;
	}
	.funPage #randomPost {
		height: 436px;
		max-width: 360px;
	}
	.funPage #randomPost .random-split {
		height: 218px;
		float: none;
	}
	.conversationPage #randomPost {
		height: 560px;
		max-width: 360px;
	}
	.conversationPage #randomPost .random-split {
		height: 360px;
		float: none;
	}
	.split2 {
		height: 200px !important;
	}
}
@media all and (max-width:768px) {
	
	.foodCat.featured .content img {display: inline-block;}
	.foodCat.featured .mobileimg {display: none!important;}
	.rightContent, #leftContent, .whitebg .title {
		width: 95%;
		margin: 10px auto;
		display: block;
		float: none;
	}

	.alignleft {float:none;display:block;margin-right:0;}
	.alignright {float:none;display:block;margin-left:0;}

	.popper .alignright {float:right; margin-left:25px; margin-bottom:15px;}

	.nav-next.alignright {
		float: right;
	}

	.learn-more .left-col {
		width: 100%;
		margin-bottom: 50px;
	}
	.learn-more .right-col {
		margin-left: 0;
		width: 100%;
		margin-bottom: 50px;
	}
}

@media all and (max-width: 480px) {
	.popper .alignright {
		float:none;
		display:block;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 0;
	}
}

/* FOOD FEATURE BOX */
.foodFeatured {
	width: 48%;
	float: right;
	padding: 0px 10px;
	background-color: #fff;
	border: 1px solid #9b1f66;
	color: #6ba539;
	height: 248px;
}

.foodFeatured img {height: 155px;}
.foodFeatured h2 {background-color: #9b1f66;
color: #f7f7ed;
margin: 0 -10px 10px -10px;
display: block;
padding: 5px 20px;
font-size: 1.8em;
}
.foodFeatured h1, .foodFeatured h1 a {
	
	color: #6ba539;
font-size: 1.1em;
display: block;
margin: 0!Important;
padding-bottom: 10px;
line-height: 1.3em;
	}
.foodFeatured p {font-size: 1.1em!important;
font-style: italic!important;
line-height: 1.3em!important; color: #3f2810!important;}
.foodFeatured a.more-link {text-decoration: underline; color: #6ba539; font-weight: bold; padding: 0 0 10px 0!important; font-size: 1.5em; display: block; font-family:BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; float: right; position: relative; bottom: 15px;}
.foodFeatured a.more-link:hover {color: #7b5526; position: relative; bottom: 15px;}
.attachment-food-feat {float: left; padding: 0px; margin-right: 15px;}
.play.more-link {color: #606060!important;}
.play.more-link:hover {color: #6ba539!important;}
/* CONVERSATION FEATURE BOX */
.convFeatured {width: 311px;
float: right;
padding: 0px 10px;
background-image:url('../png/convo-feature-bubble.png');
border: 1px solid #9b1f66;
margin-right: 17px;
color: #6ba539;
height: 248px;
}
.convFeatured h2 {background-color:#9b1f66;
color: #fff;
margin: 0 -10px 10px -10px;
display: block;
padding: 5px 14px;
font-size: 1.7em;
text-transform: none!important;
}
.convFeatured a {text-decoration: none!important;}
.convFeatured a:hover {text-decoration: none!important;}
.convFeatured h1, .conveatured h1 a {color: #000;font-size: 1.2em;display: block;margin: 0!Important;padding-bottom: 10px;line-height: 1.3em;}
.convFeatured p {font-family: 'Noto Serif',Lora-regular!important; font-size: 1.3em!important;font-style: italic!important; text-transform: none; line-height: 2em!important;color: #fff!important;padding:2px 12px 0 4px;}
.convFeatured a.more-link {text-decoration: underline; color: #656f28; font-weight: bold; padding: 0px 0 10px 0!important; font-size: 1.2em; display: block; float: right; position: relative;top:44px; 
    color: #6ba539;
    
    font-size: 1.5em;
    display: block;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    
    }

.convFeatured a.more-link:hover {color: #603813; position: relative; bottom: 15px;}
.attachment-convfeat {float: left; padding: 0px; margin-right: 15px;}

.attachment-cat-feat
{float: left;
margin-right: 25px; margin-bottom: 45px;}

/* foodPost class is also used for TAGS */
.foodPosts {width:120px; margin-right: 30px; float: left; margin-bottom: 10px;}
.foodPosts.foodPosts:nth-of-type(6n + 1) {clear: both!important;} /* old weirdness */

/* "new" version for the food page */
.newFoodPosts {width:172px; margin-right: 22px; display: inline-block; vertical-align:top; margin-bottom: 10px;}
@media all and (max-width: 480px) {
	.newFoodPosts {width: 44%; margin-right: 4%;}
}

.page-template-template-food #content,
.page-template-template-fun #content {
	margin-right: 0px;
}
.page-template-template-food #leftContent,
.page-template-template-fun #leftContent {
	width: 795px; /* ASDF over-specified... */
}

.foodPosts h2,
.newFoodPosts h2 {
	text-align: left; 
	padding: 0px; 
	font-size:18px; 
	color: #484848; 
	text-decoration: none; 
	transition: color .5s;
	margin-top: 2px;
    line-height: 20px;
}

.funPosts {width: 300px; margin-right: 0px; margin-bottom: 0px;}

.funPosts h2, .newsletterPosts h2 {text-align: left; margin: 0; padding: 0; font-size: 1.8em; line-height: 1.1em; padding-bottom: 5px; }

.newsletterPosts {width: 430px;}
.newsletterPosts h2 {width: 250px;}

#newsletter-title-block { float: left; width: 80%; }
#printable-pdf-button {
	float: right;
	margin-top: 30px;
	background-color: #9B1F66;
	text-transform: uppercase;
	border: none; 
}

.convoPosts h2 {text-align: left; margin: 0; padding: 0; font-size: 1.3em; line-height: 1.1em; padding-bottom: 5px;font-weight:bold; }
.convoPosts p {font-size: 1em;}

.relatedposts a.veggie {}
#veg {
	text-decoration: underline; color: #6ba539;
	line-height: 1.7em; margin: 0px;font-family:BrauerNeue-Bold, BrauerNeue-Regular; font-size:  1.3em; display: block; width: 100%; position: relative; z-index: 9999;}
.veggieB {display: inline-block; padding-left: 24px; margin-top: 15px!important; font-size: 1.1em!important;}
.veggieB img {
	width: 20px;
}
.recimage {
	position: relative;
	/* margin-right: 4%; */
}
.recimage img {
	width: 100%;
	height: auto;
}
.recimage .budgetwrap {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.recimage .budgetwrap {
	border-radius: 50%;
    position: absolute;
    bottom: 13px;
    left: 10px;
    width: 70px;
    height: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	display: block;
}
.recimage .budgetwrap:hover {
transform: rotateY(180deg);
}
.recimage .budgetwrap div {
	cursor: pointer;
    border-radius: 50%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.recimage .budgetwrap img {
	max-width: 100%;
}
.recimage .budgetwrap .back {

	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #484848;
	font-size: 16px;
	line-height: .9em;
	text-transform: uppercase;
	padding-top: 20%;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
	background-color: #fff;
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
}

.budgetfriendlyrecipe {
	display: block;
    width: 30px;
    margin: -40px 5px 10px 5px;
    margin-bottom: 0;
	height: 20px;
	padding-bottom: 10px;
}
.catDes {margin-top:15px;}
.catDes p {font: 23px/30px;font-style:italic;}
.catDes h1 {padding: 10px 0 15px 0;}
.moreDesc {font-size:22px;}

.hipster, #breadcrumbs, a .hipster, .hipsterTitles h3 { 
	font-family: 'Georgia',serif;
	font-weight: normal;
	font-style: normal;
}
.hipsterTitles {margin-top: -30px; padding-left: 30px; margin-left: -30px;}
.hipsterTitles h3 {  padding-left: 10px; margin-left:-10px; padding-top: 30px;margin-bottom:22px; font-size: 2.6em; color: #6ba539!important;}
.hipsterTitles h1, .hipsterTitles h1 em {font-style: normal!important; font-family: BrauerNeue-Bold, BrauerNeue-Regular;}

.hipsterTitles .mainFood {display: inline-block; float: left;  color: #a3cd8d; /*color: #6C350F!important;*/ position: relative; z-index: 9!important; }

.pageTitles {position: relative; z-index: 99999;}
.pageTitles h1 {margin-bottom: -20px;}

/* .fullWidth {width: 930px!important;} */
.fullWidth {width: 930px;}
.page-template-template-getting-started .fullWidth {width: 930px !important;}

.startedCat {width: 349px; margin: 20px 40px 20px 0px!important; float: left!important;}
.startedCat img {width: auto;
height: 100%;
display: block;
margin: auto;
position: relative;}
.startedCat .imageContainer {width: 313px;
height: 230px;
overflow: hidden;
border: 10px solid #fff;}
.startedCat .des {color: #6ba539; clear: both;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0px 20px 0 20px;
font-size: 1.2em;
font-style: italic;
position: relative;}
.gettingStartedDes {color: #90981c!important;font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em;}

.startedCat h2 {font-size: 1.7em!important;}
.tonsmore {border-left:1px solid #F5F5E6;text-align:center;padding:0 58px 0 12px; background: url('../png/finger-right.png') no-repeat scroll center right;width:200px;}
.tonsmore h2 {}

.convoStarters {clear: both; margin-top: 30px; width: 650px; float: left;}
.convoStarters p {font-size:.8em;}



#instructions, #instructions-hide {padding:0!important; margin: 0!important; position: relative; }
#instructions-hide {visibility:hidden; height: 0; overflow: hidden;}
#ingredients, #ingredients-hide {padding:0!important; margin: 0!important; position: relative; }
#ingredients-hide {visibility:hidden; height: 0; overflow: hidden;}
#ingredients h1 {margin: 0;}
#ingredients ul {list-style-type: none;}
ol { padding-inline-start: 30px; -webkit-padding-start:30px; }

.single-recipe {
	width: 290px;
	background-color: transparent;
	padding: 0;
	margin-top: 30px;
	margin-right: 50px;
	margin-bottom:50px;
}
.single-recipe h3, .single-recipe a {color: #6ba539;}
#breadcrumbs, #breadcrumbs a, .mainFood {color: #afd15a;}
#breadcrumbs a {padding-top: 17px; /*color: #6C350F!important;*/}
h3#breadcrumbs  { /*color: #6C350F!important;*/font-size:2.6em !important;}
.tagged {padding-left: 0px; }

.foodTagTitle {
	color: #9B1F66 !important; 
	margin: 10px 0 !important; 
	font-size: 2em;
	font-weight: lighter;
}

.foodTag { 
	text-decoration:none!important;
	background-color: #6ba539;
	color: #fff;
	padding: 5px 7px!important;
	display: inline-block;
	margin: 2px 0px!important;
	font-size: 1.2em;
	border-radius: 5px;
}
.TagWidget h4 {text-transform: none!important;}
.foodTag:hover {color: #fafafa!important; text-decoration: underline!important;}

.posts-by-tag-list a.posts-by-tag-item-title {color: #606060!important;}
.recipeEntry, .recipeEntry p, #ingredients, #ingredients h1, #instructions h1 {font-family: BrauerNeue-Bold, BrauerNeue-Regular;color: #6ba539;}
#ingredients p, #ingredients ul, #ingredients li {font-family: 'Noto Serif', Arial; color: #484848; border-bottom:  none;padding: 5px 0;}

#instructions li {
	padding-left: 0;
}

#ingredients h1 {font-weight: 400; font-size: 18px; margin-bottom:4px; color: #484848;}
#instructions h1 {font-weight: 400; font-size: 18px; margin-bottom:22px; margin-top:24px; color: #484848;}

.relatedposts {text-align: center; font-size: .9em;margin-bottom:28px;}
.relatedposts h3 {font-size: 1.8em; margin-top: 20px; text-align: left;
color: #6ba539;
font-size: 1.8em;
font-weight: lighter;}
.relatedposts li {width: 110px; float: left; clear: none!important; margin-right: 30px!Important;}
.relatedposts li img {border: 7px solid #fff; width: 100px; height: auto;}

.attachment-feat-recipe { 
	/* padding: 10px; */ 
	background: #fff; 
	/* border: 1px solid #6ba539; */
	/* margin-top: 25px; */
	margin-bottom:18px;
}
.recipeMobile .attachment-feat-recipe {margin-top: 0px;}

.recipe-buttons-wrapper {
	overflow: auto;
	margin: 20px 0 20px 0;
}
.recipe-buttons-wrapper input {
	border-radius: 5px;
}

/* ASDF refactor below into a single button class */
.print {
	width: 100%;
	height: 32px;
	padding: 0;
	background: url(../svg/print.svg) no-repeat 25px center #9B1F66;
	background-size: 25px 25px;
	text-transform: uppercase;
	color: #fff;
	border: 0px;
	font-size: 1em !important;
	padding: 0 30px 0 60px;
	cursor: pointer;
}
.recipe-buttons-wrapper .print {
	float: left;
	width: 250px !important;
} 
.recipe-buttons-wrapper .addtolist {
	float: left;
	width: 250px;
	height: 32px;
	padding: 0;
	background: url(../svg/shopping.svg) no-repeat 20px center #9B1F66;
	background-size: 25px 25px;
	text-transform: uppercase;
	color: #fff;
	border: 0px;
	font-size: 1em!important;
	padding: 0 30px 0 60px;
	margin-right: 20px;
	cursor: pointer;
	text-align: center;
}
.recipeIntro {
	clear: both;
}

.search-recipe {color: #6ba539!important; margin-top: 30px; position: relative; height: 50px; }
.search-recipe #s {border: 1px solid #6ba539; color: #6ba539!important;font-family: 'Noto Serif',Lora-regular,'Georgia','Times New Roman',times,serif!important;
display: block;
width: 280px;
height: 30px;
padding: 0px 5px; position: absolute;}
.rightContent .search-recipe #s {
	border: 1px solid #6ba539; color: #6ba539!important;font-family: 'Noto Serif',Lora-regular,'Georgia','Times New Roman',times,serif!important;
display: block;
width: 96%!important;
height: 30px;
padding: 0 0 0 4%!important; 
position: absolute;

}
.search-recipe #searchsubmit {cursor: pointer; position: absolute; right: 0; color: #6ba539!important;
bottom: 0px;
z-index: 999999;
padding: 15px;
display: inline-block;
float: right;
width: 50px;
border: 0px;
background-color: transparent;
font-family: 'Noto Serif',Lora-regular;
}


ul.commentlist{
 margin: 0;
 padding: 0px;
}
.commentlist .comment-body{
 padding: 10px;
background: #fff;
border: 1px solid #a3aa5c;
 margin: 10px 0;
 position: relative;
}
.comment-body a.comment-reply-link{
 position: absolute;
 top: 10px;
 right: 10px;
 color: #AEAEAE;
}
ul.commentlist li{
 list-style: none;
 padding-left:0px!important;
}
ul.commentlist img.avatar{
 padding: 5px;
 background: #DEDEDE;
 border: solid thin #CECECE;
 float: left;
 display: block;
 margin: 15px;
 width: 32px;
 height: 32px;
}
ul.commentlist .comment-author{
 line-height: 25px;
}
.comment-body cite.fn{
 font-size: 14px;
 font-style: normal;
}
.commentmetadata a{
 margin: 0;
 font-size: 11px;
 color: #999;
}
.comment-body p{
 margin: 5px;
}
 
.comment-body .comment-author.vcard{
 margin: 0;
}

#convoTabs {position: relative; z-index: 9999999; right: 0px; top: 50px;}
.convoContent, .dinContent {
	position: fixed;
right: -200px;
display: none;
top: 42px;
background-color: #6ba539;
width: 215px;
color: #fff;
padding: 30px 20px 10px 10px; text-align: right;
font-size: 1.6em; height: 230px; line-height: 1.4em; z-index: 999999;
	}
	#menu-conversation-themes a {color: #606060!important;}
	#menu-conversation-themes a:hover  {color: #6ba539!important;}
.dinContent {top: 322px; background-color: #e77624;}
.convoContent a, .dinContent a {font-size: .6em;
position: absolute;
bottom: 15px;
width: 100%;
right: 20px;
color: #f9e5e4;}
.convoContent a.saveimage, .dinContent a.saveimage, .convoContentLong a.saveimage, .dinContentLong a.saveimage {
	position: relative;
    left: auto;
    bottom: auto;
    right: auto;
    margin-left: 4px;
    margin-bottom: -4px;
} 
.convoContent a:hover, .dinContent a:hover {color: #A3CD8D!important;}

.dinTitle, .convoTitle {
-webkit-transform-origin: 100% 100%;
    -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);-moz-transform-origin: 100% 100%; padding: 10px 50px 15px 20px; display: inline-block;
position: fixed; right: 0px; top: 0px; z-index: 9999999; cursor: pointer;
width: 200px; background: #6ba539 url(../png/arrowdown.png) no-repeat 240px 10px; background-size: 20px; color: #fff; font-size: 1.3em; text-align: right;
}
.convoTitle.change {background-image: url(../png/arrowleft.png);}
.dinTitle {top: 280px;background: #e77624 url(../png/arrowdown.png) no-repeat 240px 10px;background-size: 20px;}
.dinTitle.change {background-image: url(../png/arrowleft.png);}

/*Longer dinner games and convo's*/
.convoContentLong, .dinContentLong {
	position: fixed;
right: -400px;
display: none;
top: 42px;
background-color: #6ba539;
width: 415px;
color: #fff;
padding: 30px 20px 10px 10px;
 text-align: right;
font-size: 1.6em; height: 230px; line-height: 1.4em; z-index: 999999;
	}
.dinContentLong {top: 322px; background-color: #e77624;}
.convoContentLong a, .dinContentLong a {font-size: .6em;
position: absolute;
bottom: 15px;
width: 100%;
right: 20px;
color: #f9e5e4;}




.foodSide li {border-bottom: none!important; padding:0!important; margin: 0!important;}
.foodSide a {color: #6ba539!important;   font-family: 'Georgia','Times New Roman',times,serif!important;}
.foodSide li a {font-size: .9em!important;}
.foodSide a:hover {text-decoration: underline!important;}
.foodSide h4, .funSidebarTitle {font-size: 1.3em;color: #6ba539!important;margin:16px 0 6px 0;}

.convoList li {padding: 0px!important;font-size: 1.1em!important; margin: 5px 0!important;line-height:1.1em;}
.moreFun {
display: inline-block;
font-size: 1.2em;
text-align: left; float: right;
padding: 2px 10px!important;color: #e77624; position: relative; right: -36px; top: 0px;}
.moreFun:after {content: ' »';}
.title .top10 {font-size: .8em!important;}

.searchResult { overflow: auto; padding-bottom: 30px; clear: both; }
.searchResult a h2 {color: #6ba539!important;}
.searchResult p {font-style: normal!important;}

.search-results h2 {
	margin: 0 0 4px 0;
}
.search-results #content-basic,
.page-template-template-blogs #content-basic {
	width: 70%;
}

.seriesmeta {display: none!important;}

/* CONVERSATION SIDEBAR */
.theme-right {
	float:right;
	width:230px;
}

h4.newsletter {margin:28px 0 12px 0;font-size:18px;}
.widget_seriestoc {width: 230px; display: inline-block;margin-top:36px;}
.widget_seriestoc h4 {color: #fff!important; padding: 8px; margin: 0!important; background: #9b1f66; display: block; text-align: center; padding-bottom: 50px; background: url(../jpg/hand.jpg) no-repeat bottom center #9b1f66;-moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;font-style: normal;
font-weight: lighter;
font-size: 1.8em;
line-height: 1.2em;}
.widget_seriestoc ul {background: #fafafa; padding: 10px 0 20px 0!important;-moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px;margin-top:0;}
.widget_seriestoc li {display: block; padding: 10px 0!important; float: none!important; font-size: 1.2em!important; font-style: normal!important; text-align: center; padding: 3px!important;}
.widget_seriestoc li a {color:#6c360f!important;}
.moreFood ul {margin:0;padding:0;}
.moreFood li {list-style-type: none;border-bottom:none;margin:0 0 7px 4px;padding:0;font-size:18px;}
.moreFood li a:hover {color:#606060;}

/*
.pagination a {padding: 5px 9px!important; margin: 1px!important;}
div.pagination a, div.pagination span.pages, div.pagination span.dots, div.pagination span.current {box-shadow: none!important; background: none!important; border: none!important; font-weight: 600; }
div.pagination span.current {background: #e77624!important; border-radius: 0px!important;}
*/

.recipeTitle {color: #000!important;  font-family:"Courier New", Courier, monospace!important; font-size: 48px!important; margin: 40px 35px 0 35px;text-transform:uppercase;line-height:44px;letter-spacing:-.06em;}
.recipeTitle .saveimage {margin-bottom: -3px; margin-left: -5px;}
.funTitle {font-size:32px!important; line-height:44px; letter-spacing:-.06em; font-family:Georgia,serif; letter-spacing:.06em; margin-bottom:0;margin-top:6px;}
#content-basic .funDes, #content-basic .funDes p {font: 22px/27px; }

/* .funDes {margin-bottom:64px;} */
.funDes {margin-top: 30px; margin-bottom:30px;}

.vidwrap {border:8px solid white;width:580px;height:326px;}
.auth-disqus, .guest-form-title, .what-is-disqus {display: none!Important;}
.guest .input-wrapper {margin-top: 25px!important;}

#content-basic .categorydescription p{font-size:21px;line-height:24px;font-style:normal;}

.starterTitle {margin: 0 0 0 -35px!important; padding: 5px 10px!important; font-family: Arial, Helvetica, sans-serif, "Helvetica Light"!important; color: #fff!important; position: relative; z-index: 9999999; clear: both;}

.tag-video {position: relative;}
.videoImage {position: absolute; left: 0; top: 0; width: 137px; height: 137px; background: url(../png/video.png) no-repeat center center; display: block;}
.videoImage:hover {background: url(../png/video1.png) no-repeat center center;}

/* lanuage drop down */
.sub-menu {position: absolute; left: 0px; top: 0px; margin-top: 10px; margin-bottom: 0px!important; padding: 0px! important; width: auto; visibility: hidden;  padding: 10px 0 0 0!important; z-index: 9999999;}
li:hover .sub-menu {visibility: visible;}
.sub-menu li { width: 90px; margin: 0px; }
.sub-menu li a:hover { background: lightgray; }
.sub-menu a { color: #484848 !important; }
.sub-menu li a { display: block; padding: 10px!important; line-height: 1em; margin: 0px!important; background: white; width: 70px; text-align: left!important; }
.sub-menu li:first-child { border-left: none; }

.qtranxs-lang-menu {

}
/* parent link */
.qtranxs-lang-menu a {
	font-family: 'Noto Serif';
	font-size: 14px;
	line-height: 12px;
	border: 1px solid #B79F87;
	padding: 5px;
	color: #484848;
	/* these next two fix a right border vanishing bug */
	display: block;
	margin-top: 26px;
}
/* children links */
.qtranxs-lang-menu-item a {

}
.qtranxs-lang-menu-item-es a { border-top: none !important; }

.convo-starters-tags-general {width: 530px; float: left;}
.convo-starters-tags-general li{float: none!important; color:#606060;padding: 0 0 9px 0;}
.convo-starters-tags-featured li, .convo-starters-tags-featured p {float: none!important; color:#9b1f66!important;font-size:27px!important;line-height:28px!important; font-family: BrauerNeue-Bold, BrauerNeue-Regular; margin-left: 40px;}
p.textAsLink {font-size:14px!important;}

.gtpage {/*margin:4px;*/}
.gtpage td {vertical-align: top;}
.gtpage .boxCat {margin-bottom: -10px;}
.gtpage .boxCat img {width: 435px; height: auto;}
.gtpage .subTit {margin-top: -10px; margin-bottom: 20px; text-transform: none!important; font-size: 1.2em;}
.gtpage .subTitp {margin-top: 9px; margin-bottom: 26px;margin-left:18px;width:400px;}
.liner {border:12px solid white;margin:14px;}
.topmarg {margin:24px 0 12px 0;}

.headsup {margin:2px auto;padding:0px 12px 12px 12px;}
.postlist h2.specup {font-size:29px;}

.boxCat {float: left; position: relative; display: inline-block; width: 415px; margin-bottom: 20px;margin-right:52px;}
/*.boxCat h2 {
	position: absolute;
bottom: 13px;
font-size: 2.0em;
padding-left: 15px;
color: #e9e7da;

padding-top: 7px;
letter-spacing: 1px;
background: url(images/catBg.png) repeat;
display: block;
width: 400px;
left: 0px;
height: 30px
}*/
.kidup {height:150px;margin:4px auto;}
.kidup a {/*color: #3F2810;*/}
.kidup2 {height:308px;margin:4px auto;}
.kidup2 a {/*color: #3F2810;*/}
.kidup h3 {clear: none;}



.boxCat img {width: auto;
height: 100%;
display: block;
margin: auto;
position: relative;overflow: hidden;/*border: 10px solid #fff;*/ }
.imageBoxContainer {overflow: hidden;/*border: 10px solid #fff;*/margin-right: 28px;}
#content-basic p.longDesc {margin:10px 0px 15px 0;font-size:17px;line-height:20px}

.subTit {margin:0 0 0 0;}
#loginform {background: url('../jpg/header-logo.jpg') no-repeat center 15px #fff!important; padding-top: 175px!important; background-size: 80% auto!important;}
#simplemodal-login-container .title {display: none!important;}
.boxbgg {font-size:18px;}
#content-basic .beebutt a{margin:12px 0 64px 44px;}
.quote {width:540px;font-style:italic;}
.quote a {color:#8F963D;}

.impbox {font-size:16px;line-height:21px;font-style:italic;font-family:'Georgia',serif;border-bottom: 1px solid #DEDEDE;}

.newslink {text-align:left;font-size:10px;margin-left:24px;}
.newslink a {color:#fff;}
.newslink a:hover {color:#603813;}
.newsletterSidebar {background:url(../png/signup-box-tall.png) no-repeat; width: 350px; height: 210px; color: #f3f3e4; font-family: Arial, Helvetica, sans-serif, "Helvetica Light"; padding: 15px; font-size: 16px;line-height:20px;}
.newsletterSidebar p {padding-bottom: 6px;margin-top:9px;}
.newsletterSidebar label {font-family:Georgia, "Times New Roman", Times, serif; clear: both; float: left; padding-top: 2px;letter-spacing:-.03em;}
.newsletterSidebar input {background: #f3f3e4; float: left;  border: none; margin: 0px 7px;}
.newsletterSidebar input.signup {background: #c7cd79; color: #f3f3e4; -moz-border-radius: 7px; border-radius: 7px; font-family:Georgia, "Times New Roman", Times, serif;  margin: 0;}
.newsletterSidebar input.signup:hover {background: #613914;cursor: pointer;-webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;}

	.newsletterSidebar2 {background:url(../png/signup-box300.png) no-repeat; width: 300px; height: 251px; color: #f3f3e4; font-family: Arial, Helvetica, sans-serif, "Helvetica Light"; padding: 15px; font-size: 16px;line-height:20px;}
	.newsletterSidebar2 p {padding-bottom: 6px;margin-top:18px;}
	.newsletterSidebar2 label {font-family:Georgia, "Times New Roman", Times, serif; clear: both; float: left; padding-top: 2px;letter-spacing:-.03em;}
	.newsletterSidebar2 input {background: #f3f3e4; float: left;  border: none; margin: 0px 7px;}
	.newsletterSidebar2 input.signup {background: #c7cd79; color: #f3f3e4; -moz-border-radius: 7px; border-radius: 7px; font-family:Georgia, "Times New Roman", Times, serif;  margin: 0;}
	.newsletterSidebar2 input.signup:hover {background: #613914;cursor: pointer;-webkit-transition: background-color 200ms linear;
	     -moz-transition: background-color 200ms linear;
	     -o-transition: background-color 200ms linear;
	     -ms-transition: background-color 200ms linear;
	     transition: background-color 200ms linear;}

	.newsletterSidebar2	.newslink {text-align:left;font-size:12px;margin-left:24px;}
	.newsletterSidebar2	.newslink a {color:#fff;}
	.newsletterSidebar2	.newslink a:hover {color:#603813;}


ul.newsletterWidget {margin:0;padding:0!important;}
.newsletterWidget li {float: none; display: block;margin:0 auto;font-family:Georgia, "Times New Roman", Times, serif;}
.newsletterWidget li a {color:#3F2810;}
.newsletterDate {font-style:italic;}

	#fancybox-overlay { z-index: 999999999999999!important;}
	#fancybox-wrap { z-index: 9999999999999999!important; -moz-border-radius: 20px; border-radius: 20px;}
	
	#bubbleCon { position: fixed; z-index: 99999999999999999999; width: 100%; height: 100%;display: none; background: url(../png/bubbleb.png) repeat top center;}
	.bubbles1, .bubbles2 {background: url(../png/bubble1.png) no-repeat; width: 425px; height: 175px; color: #fff;font-family:Georgia, "Times New Roman", Times, serif; }
	.bubbles1:hover, .bubbles2:hover {cursor: pointer;}
	.bubbles1 p, .bubbles2 p {width: 75%; margin: 0 auto; text-align: left; font-size: 1.6em; line-height: 1.3em;}
	 .bubbles2 {background: url(../png/bubble2.png) no-repeat; }
	 #arrow1 {position: absolute; top: 150px; left: 50px;display: none;}
	 #arrow2 {position: absolute; top: 100px; right: 50px;display: none;}
	 #arrow3 {position: absolute; top: 370px; right: 50px;display: none;}
	
	.convoArea {position: relative; }
	.convoArea a, .convoArea p {color: #fff!important;margin-bottom: 50px; font-size: 1.2em!important; line-height: 1.2em!important;}
	
	#lang_sel_list {display: none!important;}
	
	/*New RECIPE PAGE EDITS**/
.recipeWrapper {background-color: #6ba539; margin-bottom: 50px; border: 3px solid #6ba539; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; width: 970px; margin: -30px auto 70px auto;} 
.recipeWrapper #recipeCat {padding: 20px 20px 10px 20px;
font-size: 2.1em;}
.recipeWrapper #recipeCat a {color: #fff;}
.recipeWrapper #recipeCat a:hover {color: #fff!important; text-decoration: none;}
.recipeWrapper .white {background: #fff;
overflow: hidden; margin-bottom: 50px;
margin-top: -1px;}
.recipeWrapper .recipeTab {
	display: inline-block;  position: relative; height: 57px; overflow: hidden; background-color: #fff; min-width: 400px; padding: 5px 50px 0 50px; margin-left: 10px;
}
.recipeWrapper .recipeTab .cen {position: absolute; top: 50%;display: table-cell; vertical-align: middle;}
.recipeWrapper .recipeTab .cen .texts {position: relative; top: -50%;}
.recipeWrapper .recipeTitle {padding: 0 10px; max-width: 550px!important;
margin: 0px!important;
font-size: 27px!important;
line-height: 27px!important; letter-spacing: 0!important;
}
.recipeWrapper .recipeTab:before {
   content: '';
position: absolute;
top: 0;
left: 0px;
background: url(../jpg/tabs.jpg) no-repeat 0px -7px;
width: 45px;
height: 63px;
}

.recipeWrapper .recipeTab:after {
    content: '';
position: absolute;
top: 0;
right: 0px;
background: url(../jpg/tabs.jpg) no-repeat -45px -7px;
width: 45px;
height: 63px;
}
.recipeWrapper .box-right li {border: none; padding: 0;}
.recipeWrapper .moreFood li {margin: 0 0 1px 0!important;}
.recipeWrapper .moreFood li a {font-size: .9em!important; line-height: 1.4em;}
.recipeWrapper .single-recipe {width: 270px!important;}
.recipeWrapper .search-recipe #s {width: 270px!important;}
.recipeWrapper .related-posts li {float: left; width: 110px; margin-right: 10px!important;}
.recipeWrapper .related-posts li a {font-size: .9em; line-height: .9em;}
.recipeWrapper .related-posts h3 {font-size: 1.4em; margin-bottom: -10px;}
/*end recipe edits*/



.tparrows {visibility: hidden;}
.rev_slider_wrapper:hover .tparrows {visibility: visible;}




#newsletterWrapper {background: #fff; border: 1px solid #dddfc2; padding: 1px;position: absolute; right: 45px; top: 77px;}
#newsletterHeader {background: #dddfc2; padding: 7px 14px; color: #8f9534; width: 170px;  text-align: center; height: 69px; overflow: hidden; }
#newsletterHeader h3 {font-size: 1.3em; line-height: 1.2em; margin: 0; color: #8f9534;}
#newsletterHeader input {border: 0;color: #8f9534; margin: 4px 0 0 0; padding: 2px 5px; text-align: center;}
#signupn {font-family: BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;}
#newsBut {
display: block;
width: 200px;
margin-left: -15px!important;
background-color: #6ba539;
color: #fff!important;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: -10px!important;}
#newsBut:hover {color: #5d370d!important;}
.thanksmsg {padding: 25px 0 30px 0; color: #6ba539;}

#thanksgiving {margin-bottom: 50px; margin-top: -20px;}
#thanksgiving h1 {color: #fff; background: #6ba539; border: 2px solid #6ba539; width: 100%; font-size: 3.5em;}
#thanksgiving h1 span.left {width: 50%; text-align: center; display: inline-block; padding: 80px 0px;}
#thanksgiving h1 span.right {color: #6ba539; background: #fff; padding: 80px 0px; width: 50%; text-align: center; display: inline-block;}
#thanksgiving div.description
{
	
 padding: 20px 15px;
columns:400px 2;
-webkit-columns:400px 2; /* Safari and Chrome */
-moz-columns:400px 2; /* Firefox */
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}
#thanksgiving div.description p {font-size: 14px;}
#thanksgiving div.block {width: 25%; height: 232px; float: left; margin: 0;text-align: center; display: table; position: relative; height: 162px;}
#thanksgiving div.block:hover {cursor: pointer;}
#thanksgiving div.block a {color: #fff; text-decoration: none; clear: both; font-weight: bold;}
#thanksgiving div.block a:hover {text-decoration: underline;}
#thanksgiving div.block h2 {display: table-cell; vertical-align: middle; color: #fff; }
#thanksgiving div.block h2 a {color: #fff; text-decoration: none; clear: both; font-weight:normal;}

#thanksgiving div.block:hover h2 {display: none;}
#thanksgiving div.block p {display: none; }
#thanksgiving div.block:hover p {display: table-cell; font-size: 1.3em; line-height: 1.2em; padding: 25px; text-align: left; vertical-align: middle; color: #fff;}

#thanksgiving div.block.green {background-color: #6ba539;}
#thanksgiving div.block.green:hover {background-color: #a3cd8d;}
#thanksgiving div.block.red {background-color: #606060;}
#thanksgiving div.block.red:hover {background-color: #ccc;}
#thanksgiving div.block.blue {background-color: #4c4184;}
#thanksgiving div.block.blue:hover {background-color: #6f64a3;}
#thanksgiving div.block.yellow {background-color: #e77624;}
#thanksgiving div.block.yellow:hover {background-color: #ffcd00;}

/*Breakfast*/
.breakfast {width:930px!important; }
.breakfast .alignleft {margin-right: 40px; margin-left: 20px; padding-bottom:  20px;}
.breakfast .head {margin-bottom: 20px; display: block; position: relative; z-index: 999999;}
.breakfast .image {display: inline-block; float: left;}
.breakfast .menu {background: #f8ecab; height: 350px; padding-top: 7px; width: 275px;  display: inline-block;  }
.breakfast .menu a {color: #9b810f; text-decoration: none; padding: 7px 20px!important;
font-size: 1.15em; display: block;
}
.breakfast .menu a:hover, .breakfast .menu a.current {color: #a5200a;background: #e5d78c;}
.breakfast h1, .breakfast h2, .breakfast h3, .breakfast p {padding-left: 30px;}
.breakfast h1 {font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed'; color: #fff; letter-spacing: 1px;}
.breakfast h2 {color: #000; font-family: Arial, Helvetica, sans-serif, "Helvetica Light"; text-transform: uppercase;}
.breakfast h3 {color: #000;}
.breakfast .green, .breakfast .brown, .breakfast .tan .breakfast .blueLand, .breakfast .blue, .breakfast .yellow {width: 880px; margin: 0; padding: 10px 25px 10px 25px; min-height: 250px; position: relative;}
.breakfast .content h1, .breakfast .content h2,.breakfast .content h3,.breakfast .content p {}
.breakfast .content h1 {font-size: 4em; padding: 15px 0 0 0; margin-bottom: 0px!important; max-width: 430px;
line-height: 1em;
display: inline-block;}
.breakfast .content h2 {font-size: 1.2em; margin: 5px 0; font-family: 'Quicksand', sans-serif;}
.breakfast .content p {font-size: 1.1em!important; font-family: 'Quicksand', sans-serif;}
.breakfast .content ul, .breakfast .content ol {padding-left:
 440px; }
 .noPad {padding: 0px!Important; margin-left: 0px!important; margin-right: 7px!important;}
.breakfast .content p span {max-width: 350px; display: inline-block; font-size: .95em; padding-top: 15px;}
.breakfast .content ul li, .breakfast .content ol li {font-family: 'Quicksand', sans-serif; font-size: .95em;}
.breakfast .content a {color: #9b810f; }
.breakfast .content a:hover {color: #a5200a; text-decoration: none!important;}
.breakfast .green {background: #dadf8b;}
.breakfast .brown {background: #c2b59b;}
.breakfast .blue {background: #b6dcd7;}
.breakfast .yellow {background: #f6d200; padding-top: 20px;}
.breakfast .blueLand .alignleft {margin-left: -30px; padding-bottom: 0px;}
.breakfast .blueLand {background: url(../png/pattern-strip.png) repeat-x bottom #a4d7d4; color: #fff; padding: 0 20px 0px 0;
width: 910px; height: 272px;}
.breakfast .blueLand h1 {max-width: 600px; font-size: 3.6em; padding-bottom: 5px;}
.breakfast .blueLand h1, .breakfast .blueLand p, .breakfast .blueLand h2 {color: #fff!important;}

.tabled td {width: 33%; text-align: center; text-transform: uppercase;font-family: 'Quicksand', sans-serif; }
.tabled td h3 {font-size: 1.2em;
font-family: 'Quicksand', sans-serif;
max-width: 80%;
padding: 0; 
margin: 0 auto; }
.tan {background: #ffd81f; padding-top: 30px;text-align: center; width: 870px;
padding: 50px 30px 30px 30px; }
.yellow h2 {font-size: 2em!important; text-align: center;}
.breakfastVideo {position: absolute; left: 50%; margin-left: -400px; z-index: 999999999; top: 50%; margin-top: -225px;
visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.4s,opacity 0.4s linear;
}
.breakfastVideo.show {visibility:visible;
  opacity:1;
  transition-delay:0s;}
.breakfastVideo .close, #modal_newsletter .close, #modal_gt .close {position: absolute; top: -10px; right: -13px; opacity: 0.8;
  transition:opacity 0.2s linear;}
  .breakfastVideo .close:hover, #modal_newsletter .close:hover, #modal_gt .close:hover {opacity: 1; cursor: pointer;}

.modalBg {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.8); display: block; left:0; right: 0; top: 0; bottom: 0; z-index: 99999999;
visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.4s,opacity 0.4s linear;
}
.modalBg.show {visibility:visible;
  opacity:1;
  transition-delay:0s;}

/*MAILCHIMO*/
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}


#modal_newsletter, #modal_gt {position: fixed; /* max-height: calc(100% - 100px); */ width: 1026px; padding: 4px; width: 90%; height: auto; background: #fff; display: block; left:50%; top: 50%; z-index: 999999999;visibility:hidden;  opacity:0;  transition:visibility 0s linear 0.4s,opacity 0.4s linear; transform: translate(-50%, -50%);}
#modal_gt {width: 480px; max-width: 90%;}
.ui-loader {display:none!important;}
.masterTooltip:hover, .snaptip:hover {cursor: help;}
.signupfull input {width: 90%!important;max-width: 100%;}
#filloptional {color: #6ca743;}
#filloptional:hover { cursor: pointer; color: #4c4184;}

#footer a:hover {color: #fff!important; text-decoration: underline;}

.homeworktooltip {
	display:none;
	position:absolute;
	/*border:1px solid #333;*/
	background-color:#e77624;
	border-radius:5px;
	padding:10px 15px;
	color:#fff;
	font-size:14px;
	width: 240px;
}
/*BUDDYPRESS*/
.submit input {
    border-radius: 3px!important;
    background: #e77624!important;
    border: none!important;
    color: #fff!important;
    font-size: 1.2em!important;
    padding: 7px 10px!important;
    font-family: BrauerNeue-Regular;
    font-weight: 600!important;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
	-webkit-appearance: initial;
}
.loggedin .loginitem, .loggedout .logoutitem {display: none!important;}
.profile > h4 {display: none!important;}
#buddypress div#message p, #buddypress p.warning, body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning, div.bp-avatar-status p.success, div.bp-cover-image-status p.success {background:#e77624!important;border-radius:5px; color:#fff!important; font-size: 1em!important; border: none!important;}
#buddypress #signup_form.standard-form div.submit, #buddypress #profile-edit-form.standard-form div.submit  {float: left!important; margin-left: 25px;}
#register-page .checkbox input, .profile-edit .checkbox input {vertical-align: top!important; margin-top: 5px;}
#register-page .checkbox label, .profile-edit .checkbox label {font-family: BrauerNeue-Regular; font-weight: 600!important; padding-bottom: 7px!important; font-size: 1.3em!important; display: inline-block!important; max-width: 90%;}
.labeldes {padding-left: 25px; font-size: .9em;}
.xprofile #content-basic {min-height: 300px;}
#item-header-avatar .avatar {border-radius: 50%; max-width: 70px; height: auto; margin-right: 15px;}
#newsdesktop .avatar {border-radius: 50%; max-width: 90px; height: auto;}
#item-header-avatar h2 {margin-bottom: 0; margin-top: 0;}

.bp_optionaldata .ages {margin-top: -10px;}
.bp_optionaldata .ages label, .bp_optionaldata .ages input, .bp_optionaldata .snap label, .bp_optionaldata .snap input {display: inline-block!important; }
.bp_optionaldata .ages label {padding: 0 15px 0 7px; margin: 0;}
.bp_optionaldata .wic {display: none;}
.saveimage:hover {cursor:pointer;}
.saveimage.notsaved, .dttitle .simplemodal-login, .convogametitle .simplemodal-login {text-indent: -999px; width: 25px; height: 25px; background: url('../svg/favheart_notab.svg') no-repeat; background-size: contain; margin-bottom: -2px; display: inline-block;}



.dttitle .simplemodal-login {font-size: .6em;}
.convogametitle .simplemodal-login {font-size: 1.2em;}
/* .saveimage.saved, .saveimage.notsaved:hover, .dttitle .simplemodal-login:hover, .convogametitle .simplemodal-login:hover {width: 25px; height: 25px; background: url('images/FavHeart_NoTab_filled.svg') no-repeat; background-size: contain;display: inline-block;} */
.saveimage.saved, .dttitle .simplemodal-login:hover, .convogametitle .simplemodal-login:hover {width: 25px; height: 25px; background: url('../svg/favheart_notab_filled.svg') no-repeat; background-size: contain;display: inline-block;}
h3.convogametitle .saveimage {margin-bottom: -5px!important; margin-left: 5px!important;}
.field-visibility-settings-notoggle {display: none!important; visibility: hidden!important;}
.editfield {position: relative;}
.editfield.field_the-family-dinner-project-in-your-inbox label:first-of-type {padding-bottom: 15px;}
.editfield.field_the-family-dinner-project-in-your-inbox .description {position: absolute; top: 10px;}
/*END BUDDYPRESS*/

/*calendar*/
.saved-content-header { width: 70%; float: left; font-size:40px; line-height: 40px; }

.none{ display:none;}
.dropdown{color: #444444;font-size:17px;}

#calendar-logged-out-pop {
	text-align: center;
}
#calendar-pop-logo {
	float: none;
	margin: 0 auto;
	width: 310px;
	height: 164px;
}
.calendar-logged-out-pop p {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier;
	font-size: 24px;
}
.centered-buttons {
	margin-top: 30px;
	display: inline-block;
}
.centered-buttons a {
	margin-right: 0;
}
.centered-buttons a:first-child {
	margin-right: 30px;
}

#calender_section{ width:100%; margin:0px auto 0;}
#calender_section h2{ /*background-color:#efefef; */color:#444444; font-size:17px; text-align:center; line-height:40px;}
#calender_section h2 a{ color: #9B1F66; float:none;}
#calender_section_top{ width:100%; float:left; margin-top:0px;}
#calender_section_top ul{padding:0; list-style-type:none;}
#calender_section_top ul li{ border-bottom: none; float:left; display:block; width:13.3%; text-align:center; font-size:22px; min-height:0; background:none; box-shadow:none; margin:0 5px 0 0; padding:0; font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; color: #9B1F66 }
#calender_section_bot{ width:100%; margin-top:3px; float:left; }
#calender_section_bot ul { margin:0; padding:0; list-style-type:none; }
#calender_section_bot ul li {
	float:left;
	width:13.3%;
	height:0px;
	text-align:center;
	min-height:0;
	background-color:#e0dbd6; /* #afd15a; */
	box-shadow:none;
	margin:0 5px 5px 0;
	padding:0;
	padding-bottom: 13.3%;
	position:relative;
	line-height: 320%;
	color: #484848; /* #fff; */
	font-size: 20px;
}
#calender_section_bot .today {
	/* background-color: #6BA539; */
	text-decoration: underline;
}
#calender_section_bot .selected {
	background-image: url('../jpg/calendar-selected.jpg');
	background-size: cover;
}
.goal-pop-buttons .button,
#calendar-sidebar .button,
.saved-content-header .button {
	background-color: #9B1F66;
	border: 1px solid #9B1F66;
}
.goal-pop-buttons .button.light,
#calendar-sidebar .button.light {
	color: #9B1F66;
	background-color: white;
	border: 1px solid #9B1F66;
}
.goal-pop-buttons .button.light:hover,
#calendar-sidebar .button.light:hover {
	color: #9B1F66 !important;
}

/* adding "close out" button */
.calendar-sidebar-button-row .button {
	display: inline-block;
	padding: 10px 20px;
	min-width: 88px;
	text-align: center;
}
#calendar-set-goal-button {
	margin-right: 20px;
}

.one-goal-warning {
	margin-top: 20px;
}


#calendar-sidebar {
	margin-top: 80px;
}
#calendar-sidebar.selected {
	border: 5px solid #9B1F66;
	padding: 20px 30px;
	width: 265px;
}
#calendar-sidebar h2 {
	display: block;
	font-size: 22px; /* 1.4em; */
	margin: 0;
	text-transform: none !important;
	color: #484848;
	line-height: 30px;
}
#current-date { color: #9B1F66; }
#select-all-text {
	padding-bottom: 20px;
}
.sidebar-goal-wrapper {
	margin-top: 20px;
}
.calendar-sidebar-count {
}
.calendar-sidebar-day-info {
	display: none;
}
.calendar-sidebar-count i { /* icons in sidebar */
	float: left;
}
.calendar-icon {
	display: inline-block;
	vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    margin-right: 5px;
}
.calendar-dinner-icon {
    background-image: url(../svg/icon_dinner.svg);
}
.calendar-general-icon {
	background-image: url(../svg/icon_check.svg);
}
.calendar-food-icon {
	background-image: url(../svg/icon_food.svg);   
}
.calendar-fun-icon {
    background-image: url(../svg/icon_fun.svg);
}
.calendar-convo-icon {
    background-image: url(../svg/icon_convo.svg);
}
.calendar-blank-icon {
    background-image: url(../svg/icon_nogoal.svg);
}

.calendar-sidebar-content {
	float: left;
	width: 85%;
	margin-bottom: 20px;
}
.calendar-sidebar-button-row {
	clear: both;
	margin-left: 35px;
	display: inline-block;
}
.calendar-sidebar-day-info .button {
	float: left;
	cursor: pointer;
	margin: 10px 10px 0 0;
}
#calendar-sidebar-past-date {
	color: red;
}

#calendar-set-goal-button {
	cursor: pointer;
	border: none;
	background-color: #9B1F66;
	border-color: #9B1F66;
}
.calendar-pop {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.5);
}
.goal-pop-inner {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding: 5%;
	background-color: white;
	border-radius: 30px;
	width: 40%;
}
.goal-pop-inner h2 {
	text-align: center;
	font-size: 40px;
	color: #6BA539;
}
.goal-pop-inner h4 {
	text-align: center;
	text-transform: none !important;
	font-size: 24px;
	color: #484848;
	margin-bottom: 20px;
}
#smart-goal-text {
	text-align: left;
}

.goal-pop-buttons {
	text-align: center;
}
.goal-pop-buttons div {
	display: inline-block;
}
.goal-pop-inner .button {
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.goal-pop-inner .date-icon {
	width: 27px;
	height: 27px;
	background-image: url(../svg/calendar.svg);
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.goal-pop-own-goal {
	text-align: right;
}
.goal-dropdown,
.goal-user-custom-wrapper
 {
	width: 100%;
	margin: 10px 0 30px 0;
}
.goal-dropdown {
	height: 29px;
	padding: 0 10px;
	border: 1px solid #B79F87;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../svg/expandarrow_tan.svg) 98% / 15% no-repeat white;
	background-size: 15px 15px;
	font-family: 'Noto Serif', Lora-regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#goal-user-custom {
	width: 100%;
}
#new-goal-warning {
	display: none;
	margin-bottom: 20px;
}
#calendar-sidebar-done-today {
	display: none;
	margin-top: 20px;
}

/* Satifaction Pop */
.small-h4 {
	font-family: BrauerNeue-Regular, "Courier New", Courier, monospace!important;
	font-size: 18px;
	text-transform: none !important;
}
/* Satisfaction Slider */
.goal-slide-container {
	width: 100%;
}
.goal-slide-container .slider {
    -webkit-appearance: none;
    width: 97%;
    height: 10px;
    border-radius: 5px; 
    background: #d3d3d3;
    outline: none;
}

.goal-slide-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #9B1F66;
    cursor: pointer;
}

.goal-slide-container .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #9B1F66;
    cursor: pointer;
}
#steplist {
	margin: 10px 0 10px 0;
	padding: 0;
}
#steplist li {
	font-size: 12px;
	list-style: none;
	display: inline-block;
	width: 32%;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
#steplist li:first-child {
	text-align: left;
}
#steplist li:last-child {
	text-align: right;
}

.goalMarker {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
}
.startGoalMarker {
	left: 0;
	border-top: 20px solid red; /* overwritten inline */
	border-right: 20px solid transparent;
}
.endGoalMarker {
	right: 0;
	border-top: 20px solid red; /* overwritten inline */
	border-left: 20px solid transparent;
}
#ui-datepicker-div {
	z-index: 100000000 !important;
}
.goal-future-date {
	display: none;
}
.goal-user-custom-wrapper {
	display: none;
}
#goal-custom-empty-error,
#goal-date-empty-error {
	display: none;
	color: red;
	clear: both;
}

.goal-input-row {
	margin: 20px 0px 30px;
	overflow: auto;
	padding-bottom: 3px;
}
.goal-pop-inner input {
	border: 1px solid #B79F87;
}
#goal-end-date {
	width: 30%;
	height: 25px;
	float: left;
	margin: 1px 10px 10px 1px;
	padding: 0 10px;
	font-family: 'Noto Serif', Lora-regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#goal-user-custom {
	height: 27px;
	padding: 0 10px;
	width: 92%;
	font-family: 'Noto Serif', Lora-regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.goal-pop-color {
	height: 35px;
}
.date-icon {
	margin-right: 30px;
}

#past-goals-button {
	float: right;
	background-color: #9B1F66;
	border-color: #9B1F66;
}
#view-calendar-button {
	background-color: #9B1F66;
	border: none;
	float: right;
	display: none;
}

.past-goals-wrapper {
	display: none;
}
.past-goals-wrapper h2 { /* ASDF reorder below ".savedbpcontent h2" to get rid of !important */
	display: block !important;
	margin-bottom: 20px !important;
	color: #9B1F66 !important;
}
.past-goals-header {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
	font-size: 22px;
	color: #9B1F66;
	padding: 0 !important;
}
.past-goals-row {
	clear: both;
	padding: 30px 0;
}
.past-goals-row div {
	float: left;
	margin-right: 5%;
}
.past-goals-row div:nth-child(1) {
	width: 20%;
}
.past-goals-row div:nth-child(2) {
	width: 20%;
}
.past-goals-row div:nth-child(3) {
	width: 20%;
}
.past-goals-row div:nth-child(4) {
	width: 20%;
}
.hr-thick {
	width: 100%;
	display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #AFD15A;
    margin: 60px 0;
    padding: 0;
    clear: both;
}

/* Reporting */
.report-header {
	background-color: lightgray;
}
.report-row {
	display: table-row;
	width: 100%;
}
.report-row div {
	display: table-cell;
	padding: 4px;
	width: 10%;
	vertical-align: middle;
}
.pagination-links {
	margin: 10px 0; 
}
/*
.report-row div:nth-child(1) {
	width: 20%;
}
.report-row div:nth-child(2) {
	width: 20%;
}
.report-row div:nth-child(3) {
	width: 20%;
}
.report-row div:nth-child(4) {
	width: 20%;
}
*/

.nextcal:hover, .prevcal:hover {text-decoration: none;}
@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
#totaldinnerscount, #totaldfddinnerscount {font-size: 1em; transition: all .1s ease ;}
#totaldinnerscount.bigger, #totaldfddinnerscount.bigger {font-size: 2em;}
.grey, .date_cell:hover{ background-color: #a29f9c !important; cursor: pointer;}
/* .date_cell.savedDinner {background-color: #6ba539!important;border-top:1px solid #6ab443; border-right:1px solid #6ab443; color: #fafafa;} */
.date_cell.savedDinner {
	/*
	background-color: #6ba539 !important;
	border-top: 1px solid #6ab443;
	border-right:1px solid #6ab443;
	color: #fafafa;
	*/
}

.date_cell .calendar-dinner-icon {
	position: absolute;
	bottom: 7px;
	left: 7px;
}
.date_cell .calendar-general-icon,
.date_cell .calendar-food-icon,
.date_cell .calendar-fun-icon,
.date_cell .calendar-convo-icon {
	position: absolute;
	bottom: 7px;
	left: 40px;
}

/* .date_cell.savedDinner.savedDfd {background: url('images/devicefree.png') no-repeat center center #69a83f!important; background-size: 25px 25px!important; color: transparent!important;} */
.date_cell.noway:before {content: ''; position: absolute; top: 44px; left: 0; width: 100%; height: 45px; background: url('../png/finger-me-again.png') no-repeat center center transparent!important; background-size: 30px 45px!important; color: transparent!important;
animation-name: rotate; transform: rotate(-10deg);
    animation-duration: .8s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    0%   {transform: rotate(-20deg);}
    50%  {transform: rotate(20deg);}
    100%  {transform: rotate(-20deg);}
}
.dfdalert {
	background: #e77624;
    color: #fff;
    padding: 20px;
    position: absolute;
    bottom: -40px;
    border-radius: 5px;
    width: 90%;
    left: -111%;
    font: 14px/17px 'Noto Serif', Lora-regular, Arial, Helvetica, sans-serif;
}
.dfdalert:after {
		content: '';
	width: 0; 
  height: 0; 
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  
  border-left: 20px solid #e77624;
  right: -20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;

}

@media all and (max-width: 1028px ) {
	.date_cell .calendar-icon {
	    width: 25px;
	    height: 25px;
	}
	.date_cell .calendar-dinner-icon {
		bottom: 7px; 
	}
	.date_cell .calendar-general-icon,
	.date_cell .calendar-food-icon,
	.date_cell .calendar-fun-icon,
	.date_cell .calendar-convo-icon {
		bottom: 7px;
		left: 34px;
	}
}

@media all and (max-width: 768px) {
	.hpnewsletter {margin: 0 auto; max-width:  100%;display: block;}
	.dfdalert {left: 0; font-size: 18px; line-height: 20px; bottom: auto; top: 43px;}
	.dfdalert:after{
		border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-bottom: 20px solid #e77624;
	    left: 20px;
	    top: -40px;
	    margin-top: 0;
	}

	#calender_section_top ul li,
	#calender_section_bot ul li {
		margin: 0 2px 2px 0;
		font-size: 16px;
		line-height: 220%;
	}
	/*
	.date_cell .calendar-icon {
	    width: 20px;
	    height: 20px;
	}
	.date_cell .calendar-dinner-icon {
		bottom: 7px; 
	}
	.date_cell .calendar-general-icon,
	.date_cell .calendar-food-icon,
	.date_cell .calendar-fun-icon
	.date_cell .calendar-convo-icon {
		bottom: 7px;
		left: 28px;
	}
	*/
	.date_cell.noway:before {
		top: 30px;
	}

	.goal-pop-inner {
		width: 70%;
		padding: 5%;
	}

	.savetoggle-sidebar { width: 100%; }
	#shopactions a {
		padding: 7px 17px !important;
	}
}
@media all and (max-width: 480px)  {
	.date_cell.noway:before {
		top: 15px;
	}
	.goal-pop-inner {
		width: 85%;
		padding: 10% 4%;
	}
	.date-icon {
		margin-right: 15px;
	}
	#goal-end-date, .goal-pop-color {
		width: 70%;
	}
	#goal-end-date {
		margin-bottom: 10px;
	}
	.goal-pop-color {
		padding-bottom: 4px;
	}

	.date_cell .calendar-icon {
	    width: 17px;
	    height: 17px;
	}
	.date_cell .calendar-dinner-icon {
		left: 4px;
		bottom: 2px; 
	}
	.date_cell .calendar-general-icon,
	.date_cell .calendar-food-icon,
	.date_cell .calendar-fun-icon
	.date_cell .calendar-convo-icon {
		bottom: 2px;
		left: 24px;
	}

	#calendar-set-goal-button {
		margin-bottom: 15px;
	}

	.spotlist { height: initial; }
	.spotlist img { float: none; margin: 0 0 20px 0 !important; }
	.spotlist a {  margin-bottom: 20px; }

	.calendar-sidebar-button-row {
		margin-left: 0;
	}
}

.dfdalert a {color: #fff!important; text-decoration: underline; }
.dfdalert a:hover {color: #4c4184!important; text-decoration: underline;}
#okdfdalert {color: #606060; background: #fff; width: 20px;border: 1px solid #ccc; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; position: absolute; top: -5px; right: -5px; font-family:BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;}
#okdfdalert:hover {color: #ff9b00; cursor: pointer;}

.light_sky{ background-color:#B9FFFF !important;}
/*end calendar*/

/*MODAL LOGIN*/
/* #simplemodal-login-overlay {z-index: 99999998!important; background-color: #fff!important;} */
#simplemodal-login-overlay {z-index: 99999998 !important; background-color: #000 !important; opacity: 0.46 !important}
#simplemodal-login-container {z-index: 99999999 !important;}

@media only screen and (min-width: 1028px)  {
	#modal_newsletter {max-width: 1026px; width: 90%; transform: translate(-50%, -50%);} 
	#modal_gt {width: 480px; transform: translate(-240px, -50%);} 	
}
/*
@media only screen and (max-width: 1028px)  {
	.wrapper {height: auto;}
	.footer-holder, .footer-frame {display: block!important;}
}
*/
@media only screen and (max-width: 768px)  {
	.mc-field-group, #modalsubmit {max-width: 100%!important; width: 90%!important; padding: 0 5%!important;}
	#mc_embed_signup form {margin: 0!important; padding: 0!important;}
}
@media only screen and (max-width: 480px)  {
	#modal_newsletter, #modal_gt {top: 250px;}
}
  #modal_newsletter.show, #modal_gt.show {visibility:visible;
  opacity:1;
  transition-delay:0s;}
#modal_newsletter img, #modal_gt img {max-width: 100%; height: auto;}  
.breakfast .content.tan h1 {max-width:380px;}

.full {width:930px!important; }
#clearforever {
position: absolute;
bottom: 10px!important;
right: 450px!important;
z-index: 999999999999999;
}

.gridBlock50 {display: inline-block; vertical-align: top; width: 47%; margin-left: 3%; margin-bottom: 3%; position: relative;}
.gridBlock50.clearblock {margin-left: 0!important; clear: both;}
.blockText {position: absolute; bottom: 0px; left: 0; background: #ffdb83; background: #6ca743; padding: 2.5% 5%; width: 90%; }

.blockText p {color: #6ba539; color: #fff; font-family: BrauerNeue-Bold, BrauerNeue-Regular;font-size: 1.5em!important;line-height: 1.2em!important; margin: 0!important;}
.gridBlock50 img {width: 100%; height: auto;}
.gridBlock50 .blockText img {width: auto; height: auto;}
.brauerNormalTitle {position: relative; text-align: center; color: #6ca743!important;font-family: BrauerNeue-Bold, BrauerNeue-Regular!important; font-size: 3.5em; text-transform: none!important; display: block;}

@media only screen and (max-width: 768px)  {
	.gridBlock50 {width: 100%!important; margin-left: 0!important; margin-bottom: 25px;}
}
/* bluestar*/
h1.bluestar {color: #c31d2e; font: 30px/30px Arial, sans-serif;margin:0 0 12px 0;}
h2.bluestar {color: #c31d2e; font: 40px/30px Arial, sans-serif;margin:0 0 12px 0;}
h3.bluestar {color: #653716; font: 20px/30px Arial, sans-serif;margin:0 0 12px 0;}
h4.bluestar {color: #653716; font: 16px/20px Georgia, serif;margin:0 36px 12px 0;}
h5.bluestar {color: #653716; font: 14px/16px Arial, sans-serif;margin:0 12px 12px 48px;}
h6.bluestar {color: #653716; font: 18px/22px Georgia, serif;margin:0 36px 12px 0;}
h6.bluestar {color: #653716; font: 18px/22px Arial, sans-serif;margin:0 36px 12px 0;}
h7.bluestar {color: #653716; font: 14px/16px Arial, sans-serif;margin:0 36px 12px 0;}
.page-id-11629 ul li {list-style-type:none;max-width:50%;color: #653716; font: 14px/16px Arial, sans-serif;}

/*new bluestar branding*/
.bluestar #content-basic h1 {color:#e77624;}
.bluestar #content-basic h2 {color:#9b1f66;margin: 0 0 10px 0;}
.bluestar #content-basic h3 {
    background: url(../jpg/star.jpg) no-repeat top left;
    padding-left: 75px;
    color: #9b1f66;
    min-height: 45px;
    line-height: 30px;
    text-transform: none!important;
    font-size: 2.2em;
    margin-top: 35px;
    padding-top: 15px;
    margin-bottom: -10px;
}
.bluestar #content-basic h4 {
    color: #e77624;
    margin-bottom: 0;
    font-size: 1.5em;
}
.bluestar #content-basic ul {margin: 10px 0 10px 75px; display: block; padding: 0;}
.bluestar #content-basic li {list-style-type:  none; margin: 10px 0;max-width: 70%; padding-left: 0px;}
.bluestar #content-basic .dotsshortcode {margin: 25px 0;}
.bluestar #content-basic p {max-width: 70%;}
.bluestar #content-basic p.full {max-width: 100%;}
.bluestar #content-basic p.full img.alignright {
    margin-left: 19px;
    margin-top: 25px;
}
.bluestar #content-basic a {text-decoration: none; font-style: italic;}
@media all and (max-width: 480px)  {
	.bluestar #content-basic p, .bluestar #content-basic li {max-width: 100%!important;}
	.bluestar #content-basic h3 {margin-bottom: 0px;}
}
/*end new bluestar*/

/*lenox*/
.lenox .attachment-lenox {float: left; margin: 0 20px 10px 0;}
.lenox h2.lenoxTitle {
	font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed', BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
font-size: 3.4em;
color: #931821;
margin: 45px 0 25px 0;
line-height: 1em;
}
.lenox ul li {list-style-type: none;}
.lenox h1 {font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed', BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; color: #931821!important;}
.lenox p {font-weight: normal; font-family:Helvetica, Arial,  sans-serif, "Helvetica Light"!important; color: #5d381d!important; line-height: 1.5em!important; }
.lenox h1 + p {padding-left: 20px;}
.lenox .box-right.tagclouds a {display: inline-block;}
.lenox .box-right.tagclouds {line-height: 1.9em;}
.lenox .box-right.lenoxcats {background: none;border-bottom: dotted 3px #931821; padding-left: 0px;}
.lenox .box-right.lenoxcats a {
	display: block;
text-transform: uppercase;
font-size: 1.2em;
height: 70px;
line-height: 70px;
padding-left: 81px;
margin-bottom: 10px;
}
.lenox .box-right {max-width: 253px; clear: right;}
.lenox .box-right.lenoxcats a.foodlink {background: url(../png/food.png) no-repeat left center;}
.lenox .box-right.lenoxcats a.funlink {background: url(../png/fun.png) no-repeat left center;}
.lenox .box-right.lenoxcats a.conversationlink {background: url(../png/conversation.png) no-repeat left center; }
.lenox .box-right.lenoxcats a.alllink {background: url(../png/all.png) no-repeat left center; }
.lenox .box-right.lenoxcats a.gray {opacity: .6;}
.lencats {text-transform: uppercase;
font-size: 1em;
padding: 5px 0;
}
.lencats a {color: #931821!important;}
.catpag {font-size: 1.4em; width: 100%; text-align: center;}
.catpag, .catpag a  {font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed', BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; color: #931821!important;}
.catpag a.next {background: url(../png/lenoxnext.png) no-repeat right top; padding-right: 25px!important; padding-left: 10px!important;}
.catpag a.prev {background: url(../png/lenoxprev.png) no-repeat left top; padding-left: 25px!important; padding-right: 10px!important;}
.lenox .box-right.lenoxcats a.gray:hover {opacity: 1;
-webkit-transition: all 200ms;
     -moz-transition: all 200ms;
     -o-transition:all 200ms;
     -ms-transition:all 200ms;
     transition: all 200ms;
	 }
.lenoxcat .attachment-lenox {width: 250px; height: auto;}
a.readmmorelenox { display: inline-block;
background: url(../png/readmorelenox.png) no-repeat right top;
padding-right: 35px!important;
font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed', BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
color: #5d381d!important;
height: 30px;
font-size: 1.8em;
line-height: 25px;}
.lenoxhead { margin: 30px 30px 50px 30px; padding-bottom: 30px; border-bottom: dotted 3px #931821; width: 880px;}
.lenoxhead h1 {font-family: 'BrauerNeue-Bold, BrauerNeue-RegularCondensed', BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
color: #931821!important;font-size: 2.7em; margin-top: 15px;}
.lenoxhead p {padding-left: 0px!important;padding-top: 0px!important; font-weight: normal; font-size: 1.4em; font-family:Helvetica, Arial,  sans-serif, "Helvetica Light"!important; color: #5d381d!important; line-height: 1.5em!important; }
.lenoxhead .wp-post-image {margin-bottom: 20px;}
.lenoxfoot {margin: 30px 30px 50px 30px; padding-top: 30px; border-top: dotted 3px #931821; width: 940px; clear: both;}
.lenoxfoot img {width: auto; margin: 0 auto; display: block;}


/*New branding styles*/
/*font-family: BrauerNeue-Bold, BrauerNeue-RegularMedium;font-family: BrauerNeue-Bold, BrauerNeue-RegularBold;*/
.dt-archive {
	font-family: "BrauerNeue-Bold, BrauerNeue-Regular";	
}
.dt-archive .dinner {position: relative;}
.dt-archive .dinner a {
	font-size: 1.4em;
    line-height: 1.2em;	
}
.dt-archive .dinner img {
	width: 100%;
    height: auto;
    margin: 0;
	padding: 0;
	position: relative;
	max-height: 189px; /* 162px; */
}
.dt-archive .tonightspacer {display: block; height: 13px;}
.dt-archive .dt-time {
	transition: padding 0.4s cubic-bezier(.17,-.41,.19,2.94);
	position: absolute;
	width: 100px; 
	background: rgba(255,255,255,.8);
	border-radius: 0 50% 50% 50%;
    text-align: center;
    padding: 30px 0 20px;
    line-height: 1.2em;
    font-size: 1em;
    left: -6px;
	z-index: 99;
	font-family: "BrauerNeue-Regular";
	text-transform:uppercase;	
}
.archivetitle {font-family: BrauerNeue-Regular;}
.dt-archive .dinner .imgwrap {position: relative; margin: 20px 0 10px 0;}
.dt-archive .dinner .imgwrap:after {opacity: 0; content: '';width: 100%; height: 97%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); }
.dt-archive .dinner:hover .imgwrap:after {
	opacity: 1;	
}
.dt-archive .expandmonthtitle {
	color: #fff;
	text-align: left; 
	clear: both; 
	margin: 0; 
	padding: 20px; 
	font-size: 2.2em; 	
	margin-bottom: 10px;
	transition: all 0.4s cubic-bezier(.17,-.41,.19,2.94);
}
.dt-archive .expandmonthtitle:hover  {font-size: 2.25em;}
.dt-spacer {height: 20px; display: block; clear: both;}


.single-dinner-tonight .smallptext p {font-size: .96em!important;color: #606060!important; line-height: 1.2em!important;}
.single-dinner-tonight #shareimage, .single-dinner-tonight  #imagecontent {background: #fff;}
.single-dinner-tonight  #instructions p, .single-dinner-tonight #instructions ul, .single-dinner-tonight #instructions li {/*color: #6ca743!important;*/color: #606060!important;}
.single-dinner-tonight #ingredients, .single-dinner-tonight #ingredients li { color: #606060!important; list-style-type: none!important; /* margin-left: 12px!important; */ border-bottom: none; font-family: Lora-regular, Arial, Helvetica, sans-serif!important; overflow:visible; font-weight: 600; padding-left: 0px!important;}
		
.single-dinner-tonight #ingredients p {font-size: 1.1em; font-family: Lora-regular, Arial, Helvetica, sans-serif!important; /* margin-left: -12px!important; */ color: #606060!important; padding-left: 0px!important;}
.single-dinner-tonight #veg {font-size: 1.1em; font-family: Lora-regular, Arial, Helvetica, sans-serif!important; color: #6ca743!important;}
.single-dinner-tonight .postnav a {color: #484848; font-size: 1.4em;}
.single-dinner-tonight .postnav img {margin-bottom: -7px;}
.single-dinner-tonight a:hover {cursor: pointer; color: #6ba539!important; text-decoration: none;}
.single-dinner-tonight input[type="submit"]:hover { color: white!important; }

.expandmonthtitle:hover {cursor: pointer; }
.monthsection.dinner {margin-top: 0px; position: relative;}
.monthsection.dinner:after {
    content: '';
    position: relative;
    width: 968px;
    height: auto;
    background-color: #999;
    color: #fff;
    display: block;
}
.expandmonthtitle.rebrand {position: relative;}
.expandmonthtitle.rebrand:after {
		
	width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid transparent;
  border-top-color: inherit;
  left: 50%; margin-left: -20px;
  position: absolute;
  bottom: -20px;

}
.expandmonthtitle.rebrand.show:after {
	content: '';	
}
#slidingdinnercontent { transition: all .2s ease-in; max-height: 99999px; z-index: 99999;width: 938px; position: absolute; color: #fff; margin-left: 10px; padding: 15px; display: block;}
#slidingdinnercontent.hide {max-height: 0px; display: none;}
#slidingdinnercontent:before {
	
}
#slidingdinnercontent .dinner-list { 
display: inline-block;
    width: 33%;
    vertical-align: top;
    
	}
#slidingdinnercontent .dinner-list a {display: block; margin-bottom: 3px; line-height: 1.4em; color: #fff;}
#slidingdinnercontent .dinner-list a:hover {color: #fff!important; text-decoration: underline;}
.dt-archive .dinner-list a {display: block; margin-bottom: 3px; line-height: 1.4em; color: #fab52d;}
.dt-archive .dinner-list a:hover { color: #b0d160; text-decoration: none; }
/*.dt-archive-list {
	-webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
		 clear: both;
}*/
.dt-archive .dinner:hover .dt-time {
	padding: 35px 3px 25px;
	/*border-radius: 50%;
	left: 50%;
	margin-left: -55px;
	top: 50%;
	margin-top: -55px;*/
}
.dinnerrows .dinner:nth-child(3n+1)  {clear:both;}
.dt-archive-title {
	    height: 126px;
    line-height: 80px;
    color: #afd15a;
    font-size: 3.1em;
	position: relative;	
	margin-left: 10px;
	margin-bottom: -15px;
}
.dt-archive-title span {
	position: absolute;
    top: 35px;
    left: 120px;
    font-size: .5em;
} 
.dt-archive-title span a {color: #484848; padding-right: 30px; background: url('../jpg/purplemail.jpg') no-repeat right center; padding-left: 8px;}
.dt-archive-title span a:hover {text-decoration: underline;}

.dt-rebrand table .gametable, .dt-rebrand table .convotable {
	height: 187px!important;
}
.dt-rebrand table .gametable table h3, .dt-rebrand table .convotable table h3 { 
	font-family: BrauerNeue-Regular, "Courier New", Courier, monospace!important;
	font-size: 2em;
}
.dt-rebrand .dttitle { width: 727px; }
.dt-rebrand .archive { float: right; }
.dt-rebrand h2 { color: #484848; font-size: 1.3em }
.dt-rebrand #share-buttons h2 { font-size: 26px; }

@media all and (max-width: 1028px) {
	#slidingdinnercontent { width: 85%;}
}
@media all and (max-width: 768px)  {
	#slidingdinnercontent {
	    width: 85%;
	}
	#slidingdinnercontent .dinner-list { 
	display: inline-block;
	    width: 49%;
	}
	.dt-archive .dinner {width: 47%; margin: 0 1.5%}	
	.dinnerrows .dinner:nth-child(3n+1) {clear:none;}
	.dinnerrows .dinner:nth-child(odd) {clear:both;}

	/* ASDF organize media queries */
	.banner-inner {
		padding: 0 5%;
	}
	.saved-content-header {
		width: 45%;
	}
}
@media all and (max-width: 480px)  {
	#slidingdinnercontent .dinner-list { 
		display: inline-block;
	    width: 100%;
	}
	.dt-archive .dinner {width: 90%; margin: 0 auto; display: block; float: none;}	
	.dinnerrows .dinner:nth-child(3n+1) {clear:none;}
	.dt-archive .dinner {clear:both;}
	.dt-archive-title {text-align: center; height: auto; line-height: 1em;}
	.dt-archive-title img {
		float: none!important;
    padding-right: 0;
    margin: 10px auto;
    display: block;
	}
	.dt-archive-title span {position: relative;top: 0; left: 0; }

	/* ASDF organize media queries */
	#calendar-sidebar {
		max-width: 100%;
	}
	#calendar-sidebar.selected {
		margin-left: 1px;
		width: 72%;
	}
}
.dt-instructions {
	padding-left: 0;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 2.1em;
	color: #6ea547;
}
.postnav a {font-family: BrauerNeue-Bold, BrauerNeue-Regular!important;}
.dt-action {
	color: #6ea547;
	border: none;
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
    text-transform: uppercase;
    font-size: 1.6em!important;
	background: none;
	margin: 15px 0;
	display: block;
	padding: 0!important;
}
.dt-action.purplemail {
	color: #6ba539!important;
	margin-top: 25px;
	line-height: 1.2em;
}
.dt-action.purplemail:hover {text-decoration: underline;}
.dt-action.purplemail img {
	display: inline-block !important;
	margin: 0 0 -3px 0 !important;
	float: none;
}
.dt-image {width: 66%; height: auto; margin: 0; padding: 0; display: inline-block; vertical-align: top;}
.dt-fun-convo {width: 34%; margin: 0; padding: 0; display: inline-block; vertical-align: top; background: #ccc;}
.dt-header-mobile {display: none;}
.dt-header-full table {
	border-collapse: collapse;
    border-spacing: 0;
}
.dt-header-full table, .dt-header-full table tr, .dt-header-full tr td {margin: 0; padding: 0;}
.dt-image-td { /* width: 633px; */ width: 727px; vertical-align: top;}
.dt-content-td {vertical-align: top;}

/* .dt-header-full table .dt-food-img {width: 633px; height: 326px;} */
.dt-header-full table .dt-food-img { width: 100%; height: auto; }

.dt-header-full, .dt-header-mobile {clear: both; margin-top: 40px;}
.dt-nav {float: left;   width: 610px; max-width: 90%;   margin: 0 14px 24px 34px; clear: both; display: block; }

@media all and (max-width: 1028px)  {
	.dt-rebrand table .gametable table, .dt-rebrand table .convotable table {font-size: .85em;}
	/* .dt-rebrand table .gametable table h3, .dt-rebrand table .convotable table h3 {font-size: 1.7em;} */
	.gametable .saved, .convotable .saved, .gametable .notsaved, .convotable .notsaved, .gametable .notsaved:hover, .convotable .notsaved:hover {
		width: 20px; background-size: contain!important;
	}
	.dt-rebrand table .gametable table .icon, .dt-rebrand table .convotable table .icon {max-width: 40px;}
	.dt-rebrand table .gametable table .explosion, .dt-rebrand table .convotable table .explosion {margin-bottom: -7px!important;}

	.dt-rebrand table .gametable, .dt-rebrand table .convotable {
		height: 163px!important;
	}
	/* .dt-header-full table .dt-food-img {width: 633px; height: 326px;} */
	.dt-image-td { width: 633px; }
	.dt-rebrand .dttitle { width: 633px; }
}
@media all and (max-width: 960px)  {
	.dt-image-td {width: 500px;}
	.dt-rebrand .dttitle { width: 500px; }

	/* .dt-header-full table .dt-food-img {width: 500px; height: 258px;} */
	.dt-rebrand table .gametable, .dt-rebrand table .convotable { height: 129px!important; }
	.dt-rebrand table .gametable table .icon, .dt-rebrand table .convotable table .icon {max-width: 0px;}
}

@media all and (max-width: 810px)  {
	.wrapper {height: auto;}
	.dt-nav {margin: 0 auto 24px auto; display: block; float: none; width: 90%;}
	dt-header-full {margin: 0 auto; max-width: 100%;}
	.dt-image-td { width: 100%; }
	/* .dt-header-full table .dt-food-img {width: 100%; height: auto;} */
	.dt-header-full table.dt-header-content {
		position: relative;
		padding-bottom: 69%;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.dt-image-td {
		position: absolute;
		top: 0;
		width: 100%;
		padding-bottom: 51%!important;
	}
	.dt-content-td {position: absolute; bottom: 0;}
	.dt-rebrand table .gametable, .dt-rebrand table .convotable {
		height: 129px!important;
		width: 50%;
		display: inline-block;
	}
	.dt-rebrand table .gametable table, .dt-rebrand table .convotable table {margin: 20px auto!important;}
	#shareimg {display: none;}

	.dt-rebrand .dttitle { width: 100%; }
}

@media all and (max-width: 515px)  {
	.gametable td, .convotable td {display: table-cell!important;}
	#imagecontent {display: block; margin: 0 auto; max-width: 90%;}

	/* .dt-single-title img.newdtlogo {display: block; margin: 0 auto; float: none!important;} */
	/* .dt-single-title {text-align: center;} */

	.dt-single-title { margin: 0px !important; }
	.dt-rebrand .archive { float: left; width: 300px; margin-bottom: 20px; }
	
	.dt-rebrand table .gametable, .dt-rebrand table .convotable {width: 100%; }
	.dt-rebrand table .gametable table .icon, .dt-rebrand table .convotable table .icon {max-width: 80px;}
	/* .dt-header-full table.dt-header-content {padding-bottom: 120%;} */
	.dt-header-full table.dt-header-content {padding-bottom: 470px;}
}
@media all and (max-width:480px) {
	.dt-header-full table.dt-header-content {padding-bottom: 440px;}
}

.dt-rebrand {
	background: #fff;
}
.dt-rebrand #content-basic {margin: 20px 0;}
.dt-rebrand table .convotable {height: 163px;background:#9b1f66;}
.dt-rebrand table .gametable {height: 163px;background:#e27800;}
.dt-rebrand table .gametable table, .dt-rebrand table .convotable table {
	width: 85%; margin: 0 auto; color: #fff!important;	
}
/* .gametable .saved, .convotable .saved, .gametable .notsaved:hover, .convotable .notsaved:hover {background: url('images/newsaved.png') no-repeat;} */
.gametable .saved, .convotable .saved, {background: url('../svg/favheart_notab_filled.svg') no-repeat;}
.gametable .notsaved, .convotable .notsaved {background: url('../svg/favheart_notab.svg') no-repeat;}
.dt-rebrand #respond h2 {color:#6ba539;}
.dt-rebrand #respond #submit  {background: #6ba539;}
.dt-rebrand table .gametable table .icon, .dt-rebrand table .convotable table .icon {padding-right: 8px;}
.dt-rebrand table .gametable table h3, .dt-rebrand table .convotable table h3 {/* margin: 0; */ margin: 0 0 20px 0; color: #fff!important;}
.dt-rebrand table .gametable table p, .dt-rebrand table .convotable table p {
	padding: 0;
    margin: 0;
    font-size: 1.1em;
    line-height: 1.3em;}
.dt-rebrand table .gametable table .explosion, .dt-rebrand table .convotable table .explosion {
	margin-bottom: -5px;
    margin-left: 8px;
}
.dt-single-title img {padding-right: 15px;}
.imagecontent .stats .archive {
	font-size: .8em;color: #484848;
    margin: 0;
    padding: 0;
	font-size: .55em;
	margin-left: 10px;
}
.dt-single-title .stats {
	color: #484848;
	font-size: .75em; /* .95em; */
	text-transform: uppercase;
	display: block;
	/* padding-top: 20px; */
	font-family: BrauerNeue-Bold, BrauerNeue-Regular;
	margin-bottom: 20px;
}

.dt-single-title .recipe-title {
	color: #6ea547;
	display: inline-block;
	text-transform: none;
	/*
	font-size: 1.2em;
    line-height: 1em;
    */
    font-size: 40px;
}	
.dt-single-title.single-recipe-title { background: #69ae43; }
.dt-single-title.single-recipe-title .stats {padding-top: 25px;}
.dt-single-title.single-recipe-title .stats a, .dt-single-title.single-recipe-title h1, .dt-single-title.single-recipe-title .recipe-title {color:#fff!important;}
.dt-single-title.single-recipe-title .recipe-title {font-size: 1.4em;}
.dt-single-title.single-recipe-title .dt-title {padding:20px;}

.homepage-modal, .dt-modal, #sharebyemail {position: fixed; background: rgba(255,255,255,.6); left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999999; display: none;}	
.homepage-modal-content, .dt-modal-content, #sharebyemail #sharecontent {background: #6ea547; padding: 15px 15px  25px 15px; border-radius: 10px; position: absolute; top: 50%; margin-top: -200px; left: 50%; width: 736px; max-width: 90%; margin-left: -368px; display: table-row;}
.homepage-modal-content {background: #ed6534!important;}
#sharebyemail #sharecontent {margin-top: -250px;}
#sharebyemail #sharecontent h1 {color:#fff!important;}
.homepage-modal-content img, .homepage-modal-content h1, .dt-modal-content img, .dt-modal-content h1 {display: inline-block; vertical-align: middle; color: #fff;}
.homepage-modal-content img, .dt-modal-content img {display: inline-block;}
.homepage-modal-content h1, .dt-modal-content h1 {line-height: 1.3em; margin-top: 25px;}
.close-homepage-modal, .close-dt-modal, #sharebyemail .close {position: absolute; top: 10px; right: 10px; background: #b0d160; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px;font-family: BrauerNeue-Bold, BrauerNeue-Regular; color: #fff; transition: .2s all ease-in;}
.close-homepage-modal {background:#fab52d!important;}
.close-homepage-modal:hover, .close-dt-modal:hover, #sharebyemail .close:hover {cursor: pointer;
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}
.close-homepage-modal span, .close-dt-modal span {
	transform: scale(1,.7);
    display: block;
    font-size: 1.3em;
}

#sharebyemail input, #sharebyemail textarea {padding: 0 10px; border-radius: 3px; width: 80%; margin: 0 auto; display: block; border: none;}
#sharebyemail input {height: 40px; font-size: 1.4em;}
#sharebyemail textarea {height: 100px; padding: 10px;}
#sharebyemail .sharesubmit {background: #fff; color: #000; font-weight: 600; width: 90px;}
#sharebyemail .sharesubmit:hover {cursor: pointer;}
#sharebyemail h1 {text-align: center;}
#shareresponse {text-align: center;
    margin: 20px 0 0 0;
    font-size: 20px;
    color: #fff;}

@media all and (max-width: 790px)  {
	.homepage-modal-content img, .dt-modal-content img {max-width: 30%;}
	.homepage-modal-content, .dt-modal-content, #sharebyemail #sharecontent {
		width: 90%;
    	margin-left: -46%;
    	padding: 1% 1% 2% 1%;
    	margin-top: -100px;
	}
}
@media all and (max-width: 630px)  {
	.homepage-modal-content img, .dt-modal-content img {max-width: 100%; display: block; margin: 0 auto;}
	.homepage-modal-content, .dt-modal-content, #sharebyemail #sharecontent {
		
    	margin-top: -240px;
	}
	.homepage-modal-content h1, .dt-modal-content h1 {display: block; text-align: center; width: 100%;}
}

/*SHARE EMAIL*/
#sharebyemail {display: none;}
/*END SHARE EMAIL*/

/*GIVING TUESDAY REBRAND**/
.checksubdiv {display: none;}
.subscribediv, .nonsubscribediv { border-radius: 4px; color: #fff; background: #ccc; padding: 8px; margin-bottom: 10px;}
.nonsubscribediv {background: #6ba539;}
.giving-tuesday-wrap,.tech-table-wrap, .partners-wrap  {width: 100%!important; margin: 0 auto!important; max-width: 100%;}
.partners-wrap .gt-child h2 {font-size: 23px;}
.giving-tuesday-wrap.subpage {width: 930px!important; max-width: 90%;}
.gt-title {color: #6ba539; margin-bottom: 25px; margin-top: -30px; font-size:3.2em;}
.tech-table-wrap .gt-title {color: #afd15a;}
.gt-title .heading-icon {float: left; width: 100px; height: 100px;}
.heading-icon a {
	display: block;
	width: 100%;
	height: 100%;
}
.gt-title img {float: left; margin-right: 10px;}
.gt-title.subpage {margin-bottom: 50px;}
.gt-title.subpage img {margin-top: -15px;}
.gt-title.subpage span {
	display: block;
    font-size: .7em;
    margin-top: 20px;
	color: #6ba539!important;
	margin-bottom: 5px;
}

/*PARTNERS*/
.partner-heading {display: table; margin-bottom: 20px;}
@media all and (max-width: 480px) {
	.partner-heading {display: block;}
}
.partner-heading .heading-icon, .partner-heading .partner-title {
	display: table-cell;
    vertical-align: middle;
}
@media all and (max-width:480px) {
	.partner-heading .heading-icon, .partner-heading .partner-title {
		display: block;
		text-align: center;
	}
	.partner-heading .entry-title {line-height: 1em;}
	.partner-heading .heading-icon {margin: 0px auto 10px auto!important;width: 50px!important; height: 50px!important;}
}
.partner-heading .heading-icon {
	width: 100px;
    height: 100px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    margin-right: 20px;
}
.partner-heading .entry-title {font-size: 3.3em; text-transform: none!important;}
.partner-heading .subtitle {color: #6ba539;margin:0;}
.partners-wrap.subpage .partner-heading .subtitle {
    color: #afd15a;
    margin: 0 0 10px 0;
}
.tech-table-wrap .gt-title.subpage span, .tech-table-wrap .gt-title.subpage span a {color: #9c1f66!important;}
.tech-table-wrap h2 {text-transform: none!important;}
.gt-title.subpage span a {color:#6ba539!important;}
.gt-header {width:  100%; display: table; padding: 0; margin: 0 0 0 0;}
.gt-header div {
    width: 50%;
    background-color: #6ba539;
    display: table-cell;
    vertical-align: top;
}
.tech-table-wrap .gt-header div {background-color:#afd15a;}
.gt-header div.gtheaderimage {
    background-size: cover;
    background-repeat: no-repeat;
}
.gt-header div.gttext {
	    padding: 20px;
    color: #fff;
}
.gt-header div.gttext h3 {color: #fff!important;}
/* .gt-header div.gttext a {color: #fff!important;} */
.gt-header div.gttext p { 
	font-size: 1.2em!important;
    line-height: 1.3em!important;
}
.partners-wrap .gt-header div.gttext p {
	font-size: 1.3em!important;
    line-height: 1.3em!important;
	padding-bottom: .5em;
}
.partnersbrandingfooter {
	background: url('../jpg/greydot.jpg') repeat-x top center; 
	padding-top: 20px;
    margin-top: 50px;
}
.partnersbrandingfooter img {margin: 0 auto; display: block;}
.tech-table-wrap .gt-header div.gttext p { 
	font-size: 1.5em!important;
    line-height: 1.4em!important;
    padding: 20px 0 10px 0;
}
.partner-subpage-leading {
	width: 70%;
    margin-top: 25px;
}
.partner-subpage-content {
	width: 70%;
    margin-top: 25px;
}
.partner-subpage-content h2 {
    position: relative;
    font-size: 2.4em;
    text-transform: none!important;
}

.partner-subpage-content h2:before {
	width: 60px;
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    margin-right: 13px;
	content: '';
	position: relative;
	display: inline-block;
	margin-bottom: -18px;
 }
 .partner-subpage-content p, .partner-subpage-content h3, .partner-subpage-content h4, .partner-subpage-content h5, .partner-subpage-content h6 {padding-left: 72px;}
 .partner-subpage-content h3, .partner-subpage-content h4, .partner-subpage-content h5, .partner-subpage-content h6 {color: #e77624;}
 /*1, 5th*/
.partner-subpage-content h2:nth-of-type(4n+1) {  color: #e77624!important;  }
.partner-subpage-content h2:nth-of-type(4n+1):before {  background-color: #e77624!important;  }
 /*2, 6th*/
.partner-subpage-content h2:nth-of-type(4n+2) {  color: #9b1f66!important;  }
.partner-subpage-content h2:nth-of-type(4n+2):before {  background-color: #9b1f66!important;  }
 /*3, 7th*/
.partner-subpage-content h2:nth-of-type(4n+3) {  color: #afd15a!important;  }
.partner-subpage-content h2:nth-of-type(4n+3):before {  background-color: #afd15a!important;  }
 /*4, 8th*/
.partner-subpage-content h2:nth-of-type(4n+4) {  color: #6ba539!important;  }
.partner-subpage-content h2:nth-of-type(4n+4):before {  background-color: #6ba539!important;  }
 .partner-subpage-content a {font-style: italic; text-decoration: none!important;}



.gt-child {width: 48%; display:inline-block; min-height: 240px; vertical-align: top; margin-left: 0; margin-top: 35px; position: relative;}
.gt-child:nth-of-type(even) {margin-right: -1px; margin-right: 0; margin-left:2%;}

.tt-left, .tt-right {width: 48%; display: inline-block; vertical-align: top; float: left;}

.tt-right {float: right;}
.title-with-icon {line-height: 115px; text-transform: none!important; font-size: 2.9em; min-height: 115px; margin-top: 40px; }
.title-with-icon img {float: left; padding-right: 20px; background: #fff;}
.title-with-icon.hassup img {margin-top: -10px;}
.title-with-icon.hassup {line-height: 1em;}
.title-with-icon.hassup span {display: inline-block; margin-top: 0px; font-size: .8em;}
.hasarrow {text-transform: none!important; margin: 0px 0 10px;}
.title-with-icon.sm span {display:block;background-repeat: repeat-x; background-position: bottom left; height: 100px;}

.pushleft {margin-left: 140px;}
.tt-children {padding-left: 140px;}

@media all and (max-width: 900px) {
	.title-with-icon {font-size: 2.3em; line-height: 80px; min-height: 95px;}
	.title-with-icon img {width: 80px!important; height: auto;}
	.tech-table-wrap h2 {
	    text-transform: none!important;
	    margin: 5px 0;
		font-size: 1.6em;
	}
}
@media all and (max-width: 680px) {
	.tt-left, .tt-right {width: 100%; display: block; float: none;}
	.pushleft {margin-left: 0px;}
}

.gt-child-image-link .wrap {
	border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 234px;
    height: 234px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.gt-child-image-link:hover .wrap, .gt-child-image-link:focus .wrap {
transform: rotateY(180deg);
}
.gt-child-image-link .wrap div {
background-size: 250px;
    background-position: center center;
    border-radius: 50%;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gt-child-image-link .wrap .back {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #fff;
	font-size: 24px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
	background-image: url('../png/gt-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto!important;
}

.gt-child img {border-radius: 50%; width: 100%; height: auto;}
.gt-child img:hover {
	box-shadow: 1px 1px 4px rgba(0,0,0,.7);
    
}
.gt-child h2 {margin-bottom: 5px;}
.gt-child h2 span {display: inline-block; margin-top: 0px;}
.gt-child h2 span.arrow, .gt-subpage-links a span.arrow, a span.arrow.shortcode, .dodinner .arrow.shortcode {width: 25px; height: 25px; line-height: 22px; vertical-align: middle; font-family: BrauerNeue-Regular!important; text-align: center; margin-left: 5px; display: inline-block; color: #fff; border-radius: 50%; transition: .2s all linear; margin-top: 0px;}
span.arrow.downloadicon {line-height: 23px!important;font-size: 20px;}
	
.gt-child a:hover span,.gt-child a:hover h2, .gt-subpage-links a:hover h2 {color:#6ba539!important;}
.gt-child a:hover span.arrow, .gt-subpage-links a:hover span.arrow {color: #fff!important; background-color:#6ba539!important;}
.gt-child .cont {position: relative; padding-left: 250px;}
.gt-child .cont p {max-width: 100%;}
.gt-child a {text-decoration:none!important;}

.gt-subpage-header {width: 100%; display: block;}
.gt-subpage-header .gtheaderimage {width: 70%; height:0px; padding-bottom: 46%; padding-bottom: 36%; display: inline-block; background-size: cover; background-repeat: no-repeat;}
.gt-menu {
	display: inline-block;
    width: 28%;
    margin-right: -1px;
    float: right;	
}
.gt-menu h3 { color: #484848!important;}
.gt-menu a {text-decoration: none!important; margin: 15px 0!important; color: #484848; display: block; font-size: 1.1em; }
.gt-menu a.current {color:#6ba539!important;}
.gt-subpage-links a {text-decoration:none!important; margin:45px 0!important; display: block; clear: both;}
.gt-subpage-links a .heart {background-image: url('../png/heart.png'); background-repeat: no-repeat; background-position: center center; background-size: auto; border-radius: 50%; width: 60px; height: 60px; float: left; margin-right: 15px; margin-top: -6px; transition:.2s all linear;}
.gt-subpage-links a .heart.othericon {background-size: contain!important;}
.gt-subpage-links a:hover .heart {background-color:#6ba539!important; margin-right: 25px;}
.gt-subpage-links a h2 {transition: .2s all linear; margin-bottom: 0px; clear: none;}
.gt-tertiary-content {width: 70%; margin-top: 25px;}
.gt-tertiary-content h2 {margin-bottom: 0;}
.gt-tertiary-content h2.padBot {margin-bottom: 10px;}
.titlewithicon {line-height: 80px; padding-left: 90px; background-size: contain; background-position: center left; background-repeat: no-repeat;}
.partners-wrap .gt-tertiary-content h3 {text-transform: none!important;}
.gt-tertiary-content img {max-width: 100%; height: auto;}
.downloadable {position: relative; display: block;}
.downloadable:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 46px 46px 0;
  border-style: solid;
  border-color: #6ba539 #fff;
  z-index: 2;
}
.downloadable:after {
  content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 36px;
    height: 36px;
    box-shadow: -6px 15px 16px rgba(0,0,0,.5);
    z-index: 1;
}

.wwm_social_share.wwm_top_left {
	padding: 0 30%;
    margin: 0!important;
    background: none!important;
    top: 40%!important;
}
.page-template-template-full-w-shareables .wwm_social_share.wwm_top_left {left: 10%;}
.gt-share.wwm_socialshare_imagewrapper img {opacity: 1; transition: .5s all linear;}
.gt-share.wwm_socialshare_imagewrapper:hover img {opacity: .2;}
.gt-share.wwm_socialshare_imagewrapper {}
.gt-shareable-div {margin-bottom: 25px!important;}
.gt-shareable-div .dl {text-align: right; display: block; line-height: 22px;}
.gt-shareable-div .dl span {
	width: 22px;
    height: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #606060;
    margin-left: 6px;
    padding-bottom: 7px;
}
.gt-shareable-div .dl:hover span {background-color:#6ba539;}
.pledge-div {
	font-size: 20px;
    color: #000;
    line-height: 4em;
    margin-bottom: 30px;
}
.pledge-div.final-pledge {line-height: 1.5em; display: none;}
.pledgeimg {margin-bottom:20px;}
.pledgeimg img {border: 1px solid #f6911e;}
.final-pledge {display: none;}
.pledge-div div {display: inline-block; border-bottom: 1px solid #000; font-family: 'Indie Flower', cursive; padding-bottom: 0px; text-align: center; min-width: 180px; height: 35px; color: transparent; text-shadow: 0px 0px 0px #f6911e; position: relative; font-size: 1.5em; vertical-align: text-bottom;
    font-weight: 600;
    line-height: 1.7em;
	}


@keyframes PulseAttention {
    50% {
        font-size: 16px; font-weight:600;;
    }
}
.pledge-div div:before { 
	position: absolute;
    border-right: 2px solid #fff;
    width: 2px;
    display: block;
    content: '';
    height: 30px;
    bottom: 0;
    left: -2px;
}
.pledge-div div:focus {border-bottom: 2px solid #000;}
.pledge-div div:focus:after {
    animation: PulseAttention .5s cubic-bezier(.215, .61, .355, 1) forwards infinite;
}

.pledge-div div:after {
	font-family: 'Noto Serif',Lora-regular, Arial, Helvetica, sans-serif;
	content: attr(data-lib);
    color: #f6911e;
    width: 100%;
    text-align: center;		
    position: absolute;
    bottom: -2.6em;
    font-size: 15px;
	left: 0;
}
#print-pledge, #makepledge {
	color: #fff!important;
	    background: #f6911e;
    padding: 10px 15px!important;
    display: inline-block;
    margin-bottom: 10px!important;
    text-align: right!important;
    float: right;
    font-size: 16px;
}
#makepledge {float: none; margin-left: auto!important; margin-right: auto!important; text-align: center!important; display: block!important;}
#print-pledge:hover, #makepledge:hover {color:#fff!important; text-decoration: underline!important;}

/*
.mobilemenucontainer {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 96%;
    overflow: scroll;
    font-size: 2.4em;
    background: #69a633;
    width: 90%;
    padding: 5% 5%;
	line-height: 1.2em;
	z-index: 999;
}
*/
.mobilemenucontainer {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    overflow: scroll;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular;
    font-size: 2em;
    line-height: 1.6em;
    background: #f3f5f3;
    width: 60%;
    padding: 5% 5%;
	z-index: 999;
}

#closemobilemenu {
	margin: 20px 0px 30px 0; 
	margin: 0px 0px 10px 0;
	text-align: right;
}
.mobilemenucontainer a { 
	color: #69a633; 
	display: block; 
	text-transform: uppercase; 
	border-top: 1px solid #d6dad8; 
}
.mobilemenucontainer a:first-child { 
    border-top: none;
}
.mobilemenucontainer a:hover {
	color: #69a633!important;
	text-decoration: none;
}
.mobilemenucontainer a.child {
    display: block!important;
    margin-left: 20px;
    height: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;

}
.mobilemenucontainer a.child.show {
    height: auto!important;
    margin-top: 0px;
    margin-left: 20px;
    font-size: .6em;
    margin-bottom: 3px;
}
.mobilemenucontainer a span {
	float: right;
    font-weight: 100;
    font-size: .8em;
    margin-top: .2em;
	transform: rotate(-90deg); 
	transition: .3s all;
}
.mobilemenucontainer a:last-of-type span {
	display: none!important;
}
.mobilemenucontainer a.showingchild span {
		transform: rotate(0deg); 
}
#mobile-language-select {
	margin-top: 20px;
}
#mobile-language-select a {
	font-size: 0.7em;
    line-height: 1em;
    color: #484848 !important;
    width: 100%;
    border: none;
    margin-bottom: 10px;
}

@media all and (max-width: 859px) {
	.gt-subpage-header .gtheaderimage {width: 100%!important;}
	.gt-menu {
		display: block!important;
		width: 100%!important;
		margin-right: -1px;
		float: none!important;
	}
	.gt-menu h3 {position: relative; /* padding-left: 30px; */ text-align: center; margin-top: 10px; font-size: 2em;}
	.gt-menu h3:hover {cursor: pointer; color: #6ba539!important}
	.gt-menu h3 span {
		margin-right: 5px;
		content: "";
	  width: 1em;
	  height: 0.125em;
	  border-top: 0.375em double #484848;
	  border-bottom: 0.14em solid #484848;	
	  display: inline-block;
	}
	.gt-menu h3:hover span {
		border-top: 0.375em double #6ba539;
	  border-bottom: 0.14em solid #6ba539;		
	}
	.gt-menu a, .gt-menu span.menutitle {display: none!important;}
	.gt-menu.show a, .gt-menu.show span.menutitle {
		display: block!important;
    	font-size: 1.5em!important;
    	margin-top: 25px!important;
	}
	.gt-tertiary-content, .partner-subpage-content, .partner-subpage-leading {width: 100%!important;}
}
@media all and (max-width: 768px) {
	.gt-title {font-size: 2.8em!important;}
	.gt-title img {margin-top: 17px!important; max-width: 70px!important;}
	.gt-header div {display: block;}
	.gt-header .gtheaderimage {min-height: 300px; width: 100%;}
	.gt-header div.gttext {width: 90%; padding: 5%;}	
	.gt-child {width: 100%!important; margin-right: 0!important; margin-left: 0!important;}
	.gt-title.subpage img {
		max-width: 70px!important;
		margin-top: 5px!important
		/*float: none!important;
		margin: 0 auto!important;*/
	}
	.gt-title.subpage {line-height: 1em!important;margin-bottom: 20px!important;}
	.gt-title.subpage span {
		margin-top: 0px!important;
		margin-bottom: -7px!important;
	}
	.gt-subpage-links a h2 {font-size: 1.4em!important;}
	.kidup {height: auto!important; clear: both; display: block; margin-bottom: 15px;}
	.kidup h3 {margin-bottom: 0px!important;}
	.kidup .alignleft {margin-right: 10px!important;}
	.kidup:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	 .gt-subpage-links a .heart, .gt-subpage-links a:hover .heart { margin-right: 10px!important;}
	 .gt-subpage-links a .heart {margin-bottom: 50px;}
}

/* .gt-menu.stickymenu h3 {display: inline-block; margin-bottom: 0px!important;} */
.gt-menu.stickymenu .subpagetotop {
	display: inline-block;
    float: right;
    margin-top: 2px!important;
    font-size: .9em;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    text-transform: uppercase;
}
.gt-menu.stickymenu .subpagetotop span {margin-left: 5px;}

/* RJM changing sticky to pure css */
@media all and (min-width: 860px) {
	.gt-menu.stickymenu {
		position: fixed;
		top: 310px;
		right: 30px;
	}
	.partner-heading {
		width: 60%;
	}
}
@media all and (min-width: 920px) {
	.gt-menu.stickymenu {
		top: 220px;
	}
}
@media all and (min-width: 1250px) {
	.gt-menu.stickymenu {
		top: 240px;
		right: 3%; /* 10px; */
	}
}
@media all and (min-width: 1600px) {
	.gt-menu.stickymenu {
		right: 6%;
	}
}
/* end RJM sticky change */

@media all and (max-width: 480px) {
	.gt-menu.stickymenu {
		margin-top: 0px!important;
		
		top: 0px;
		background: #fff;
		left: 0;
	}
	.gt-menu.stickymenu h3 {padding-left: 0px; display: block;}
	.gt-subpage-header .stickymenu .subpagetotop {display:none!important;}
	.pledge-div {text-align: center; line-height: 3em;}
	.pledge-div div {width: 100%; margin-right: -6px; display: inline-block; clear: both;}
	
	.gt-child-image-link .wrap {margin: 0 auto!important; position: relative!important;}
	.gt-child .cont {
		padding-left: 0!important;
		text-align: center;
	}
	.gt-subpage-links a .heart {width: 40px; height: 40px; background-size: 70%; margin-bottom: 20px;}
	.post .gt-subpage-links a {
		margin: 10px!important;
	}
	.gt-subpage-links a h2 {font-size: 1.6em;}
	.techtablewrap .gt-title.subpage img {float:none!important; margin: 0 auto!important;}
}

@media all and (max-width: 320px) {
	.tree li a.heading, #decision a.heading {
		max-width: 100%!important;
		height: auto!important;
	}
	.gt-title {
		font-size: 2.1em!important;
	}
	.gt-title img {
		margin-top: 23px!important;
		max-width: 50px!important;
	}
	.gt-title.subpage img {
		max-width: 50px!important;
		margin-top: 3px!important /*float: none!important; margin: 0 auto!important;*/;
	}
	.gt-subpage-links a .heart {width: 30px!important; height: 30px!important; margin-right: 10px!important;margin-top: 2px!important;}
	.gt-subpage-links a:hover .heart {margin-right: 10px!important;}
	.gt-subpage-links a h2 {
		margin-top: 0!important;
	}
	.gt-subpage-links p {font-size: .9em!important;}
	.gt-child h2 span.arrow, .gt-subpage-links a span.arrow {
		width: 18px;
		height: 18px;
		line-height: 18px;
		vertical-align: middle;
		margin-top: -4px;
	}
}



.fwphead {padding-bottom: 30px;}
#message {max-width: 100%;}
#message img {width: 100%; height: auto;}
#message h3 {margin-bottom: 7px;}
#message #mc_signup {width: 50%; margin: 0 auto; font-size: 1.2em;}
#message #mc_signup .mc_merge_var {float: left; width: 65%;}
#message #mc_signup .mc_merge_var input {padding: 4px; width: 100%;}
#message #mc_signup .mc_signup_submit {float: right; width: 25%; }
.wdpu-12094  {width: 80%!important; margin: 0 auto;}
#message #mc_signup .mc_signup_submit #mc_signup_submit {width: 100%!important; border: none!important; background: #fff; color: #5e3807; font-family: BrauerNeue-Bold, BrauerNeue-Regular; font-weight: 400; padding-top: 6px;}
#message #mc_signup .mc_signup_submit #mc_signup_submit:hover {color: #efa900; cursor: pointer;}
#message .claimbutton a {color: #000!important;
text-shadow: none!important;}
#message .claimbutton {background: none!important; display: inline-block!important; width: auto!important;}
#message .claimbutton.hide {display: none!important;}
#message #mc_message {margin: -5px 0 5px 0; font-size: .8em;}

.top-nav a {font-family: BrauerNeue-Bold, BrauerNeue-Regular; font-weight: 400;}
.top-nav a:hover {color:#fff!important; text-decoration: underline;}
h1, h2, h3, h4, .hipsterTitles h3, .funTitle, .starterTitle, .funSidebarTitle { font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; font-weight: 400; text-transform: uppercase!important; color: #9b1f66; clear:both; }
.single-dinner-tonight h1 { clear: inherit; }
h1 {line-height: 45px;}

.partners-wrap h1, .partners-wrap h2, .partners-wrap h3, .partners-wrap h4, .partners-wrap h5, .partners-wrap h6 {
	clear: none;
}

blockquote h2 {text-transform: none!important;}
/* .category-blog h3 {color: #6ba439;} */
span.slogan {font-family: BrauerNeue-Regular, Georgia, 'Times New Roman', times, serif;
	color:#e77624; font-weight: 600; font-style: normal;padding: 43px 0 0; margin-left: 45px; font-size: 1.4em; line-height: 1.4em;}
.logo {background-position: center; background-size: contain;}
/* #nav li a, #footer h2 {font-family: BrauerNeue-Regular;} */
#nav li a, #footer h2 {font-family: BrauerNeue-Bold;}

/* .sub-menu li { width: 160px;} */
.sub-menu li.center a {line-height: 30px;}
.fixTopNav .menu-top-navigation-menu-container {
margin-right: 70px;
}
.fixTopNav .menu-social-container {background: none;}
.menu-social-container .facebook a, .menu-social-spanish-container .facebook a {
width: 19px;
height: 28px;
background: none;
font: normal normal normal 14px/1 FontAwesome;
}
#menu-social li {
	font-family: 'FontAwesome';

}
#menu-social li:before {
    z-index: -1;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.menu-social-container li a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
    display: block;
}
.menu-social-container .twitter a, .menu-social-spanish-container .twitter a {
width: 35px;
height: 28px;
background: url(../png/twittermenu.png) no-repeat;
}
.menu-social-container .donate a, .menu-social-spanish-container .donate a {
width: 108px;
height: 28px;
background: url(../png/donatemenu.png) no-repeat;
margin-left: 20px;
}
.menu-social-container .donate a:hover, .menu-social-spanish-container .donate a:hover {
background-position: 0 0;
}
.joinmail { height: 90px; width: 90px; color: #fff; background: #9b1f66; -moz-border-radius: 50%;  border-radius: 50%; display: block;line-height: 90px;
text-align: center; font-size: 1.1em; text-transform: uppercase; float: right;}
.joinmail:hover {color: #fff!important;}
#newsletterWrapper {border: none; font-family: BrauerNeue-Bold, BrauerNeue-Regular; text-transform: uppercase; background: none; color:#4c3f86;}
#newsletterWrapper span, #newsletterWrapper img, #joinfdp {float: left; line-height: 1em; margin-top: 30px; padding: 0px 10px; font-size: 1.1em;}
#newsletterWrapper img {margin-top: 0px; padding: 0px 0px; }
#newsletterWrapper span {margin-top: 20px; margin-right: 15px;}
#newsletterWrapper span a {margin-bottom: 5px; color: #484848;}
#joinfdp, #newslettermsg {display: none;}
#newsletterWrapper span {max-width: 350px;}
#newslettermsg {font-size: .8em; clear: both; margin-top: 2px; position: absolute; top: 176px;right: 10px; width: 380px; z-index: 9999; font-family: BrauerNeue-Bold, BrauerNeue-Regular;}
#newslettermsg .closenewsletter {background: #5d381d; height: 15px; line-height: 15px; text-align: center; display: inline-block; width: 15px; color: #fff;-moz-border-radius: 50%;  border-radius: 50%; vertical-align: top;}
#newslettermsgtext {display: inline-block; max-width: 360px; line-height: 1em;}

#sharewidget { 
	position: fixed; 
	top: 50%; 
	left: 0;  
	width: 45px;
	height: 130px; 
	margin-top: -100px; 
	background: #9b1f66; 
	border-radius: 0px 25px 25px 0px;
	padding-top: 20px;
}

#sharewidget a {
    color: white;
    font-size: 24px;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 35px;
}
#sharewidget a:hover {
	text-decoration: none;
}

#gtpledgeshare {display: inline-block;}
#gtpledgeshare span {color: #6fa616;display: inline-block;
    height: 30px;
    line-height: 15px;
    vertical-align: top;
	    font-family: BrauerNeue-Bold, BrauerNeue-Regular;
    padding-top: 18px;}
#gtpledgeshare a {display: inline-block; width: 32px; height: 34px; background: url(../png/share.png); margin: 4px;}  
#sharewidget .fb, #gtpledgeshare a.fb {background-position: 0 0;}
#sharewidget .twitter, #gtpledgeshare a.twitter {background-position: 0 126px;}
#sharewidget .pinterest {background-position: 0 95px;}
#sharewidget .linkedin, #gtpledgeshare a.linkedin {background-position: 0 64px;}
#sharewidget .email, #gtpledgeshare a.email {background-position: 0 32px;}
#gtpledgeshare a:hover {cursor: pointer;}
#gtpledgeshare a.email {margin-bottom: 0px;}
.boxCat h2 {width: 420px;}

/*.devsite #loginform {
    background: none!important;
    padding-top: 0!important;
	width: 200px; margin: 0 auto;
}*/
#darkbackground {z-index: 9999999!important;}
#mobilenav {display: none;}
.hideondesktop, #newsmobile {display: none;}
.whitebg {background: #fff;}
.whitebg .title {
	font-size: 2.5em;
}
.whitebg .title h1,.whitebg .title .catdesnew h3 {
	display: inline-block;
    font-size:  1em;
    color: #6ba539;
    /* color: #6C350F!important; */
    position: relative;
    z-index: 9!important;
	margin-bottom:  0px;
}
.whitebg .title .catdesnew h1 {display: none;} 
.whitebg .title h3 {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular!important;
    font-weight: 400;
    text-transform: uppercase!important;
    color: #9b1f66;
    display: block;
    clear: both;
    font-size: 1em;
    margin-bottom: 30px;
}
.sharetitle {
    position: absolute;
    top: 0;
    width: 90%;
    color: #fff;
    font-size: 1.5em;
    font-family: BrauerNeue-Regular;
    padding: 4% 5%;
    line-height: 1.5em;
}
.sharetitle.convostarts {
    text-align: right;
    padding: 3%;
    width: 94%;
}

.sharetitle .plusicon {
	width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
	transition: .5s all;
}
.sharetitle.convostarts .plusicon {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 1.2em;
	text-decoration: none!important;
}
.sharetitle .plusicon a {color: inherit; text-decoration: none;}
.sharetitle .plusicon:hover {
	-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); text-decoration:  none;
	}
.shareablediv {position: relative; width: 32%; margin-right: 2%; margin-bottom: 2%; display: inline-block;}
.shareablediv.thirdcol {
	width: 30%;
}
.partner-subpage-content .shareablediv {width: 31%;}
.partner-subpage-content .shareablediv.halfcol {
	    width: 47.5%;
    margin-right: 2%;
}
/*.partner-subpage-content .shareablediv.shortcode {
    height: 0px;
    overflow: hidden;
    padding-bottom: 20%;
}*/
.shareablediv:nth-of-type(3n +3) {margin-right: 0px;}
.shareablediv img {width: 100%; height: auto;}
#randomPost .shareablediv img {width: 360px; height: 360px;}

.previousShare, .nextShare {opacity: 0; width: 60px; height: 60px; position: absolute; top: 45%; display: block; }
.previousShare {left: 10px; background: url('../png/shareprev.png') no-repeat center center; transition: .3s all;}
.nextShare {right: 10px; background: url('../png/sharenext.png') no-repeat center center;}
#sharemodalcontents:hover .previousShare, #sharemodalcontents:hover .nextShare {opacity: .85;}
.previousShare:hover, .nextShare:hover {opacity: 1!important; cursor: pointer;}
.sharemodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(255,255,255,0.8) 
}
@media all and (max-width: 768px) {
	.partner-subpage-content .shareablediv {
		width: 46%!important;
	}
	/*.partner-subpage-content .shareablediv.shortcode {
		padding-bottom: 30%;
	}*/
	.previousShare, .nextShare {opacity: 1!important;}
}
@media all and (max-width: 480px) {
	.partner-subpage-content .shareablediv {
		width: 100%!important;
	}
	/*.partner-subpage-content .shareablediv.shortcode {
		height: auto;
		padding-bottom: 0;
	}*/
}
/* Modal Content/Box */
.sharemodal-content {
	position: relative;
    background-color: #fefefe;
    margin: 50px auto;
    padding: 10px;
    width: 800px; /* 70%; */
    border-radius: 7px;
    box-shadow: 1px 5px 15px rgba(0,0,0,.4);
    border: 1px solid #ccc;
	max-width: 1280px; /* 1000px; */
}
.category-conversation-starters-shareables .sharemodal-content, .page-template-template-do-dinner .sharemodal-content {max-width: 800px;}
.sharemodal-content.med {width: 50%;}
@media all and (max-width: 768px) {
	.sharemodal-content{width: 85%!important;}
}

.footspacer {display: block; height: 100px;}
.sharemodal-content img {
	max-width:  100%;
}
/* The Close Button */
.closethemodal {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background: #4e4945;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    text-align: center;
	line-height: 28px;
	z-index: 999;
}
.closethemodal:hover {cursor: pointer;}
.closeclosethemodal:hover,
.closeclosethemodal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.sharing {
    background-color: #484848;
    color: #fff;
    text-align: left;
    margin: -11px -11px 10px -11px;
    padding: 8px 20px;
    border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	position: relative;
}
.sharing:after {
	visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.sharing a {margin: 0 5px;vertical-align: top;  line-height: 35px; background: url(../jpg/shareableshare.jpg) no-repeat;display: inline-block; height: 34px; width: 22px;}
.sharing a.twitter {width: 34px; background-position: -35px 0;}
.sharing a.pinterest {width: 30px; background-position: -81px 0;}
.sharing a.shareviaemail {width: 36px; background-position: -120px 0;}
.sharing a:hover {/*margin-top: -3px;*/}
.sharing a.downloadit {
	float: right;
    width: 35px;
    padding-right: 75px;
    margin-left: 50px;
    background: url(../jpg/sharedl.jpg) no-repeat right center;
    font-family: BrauerNeue-Regular;
    color: #fff;
    text-align: left;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-right: 15px;
}
.sharing a.downloadit:hover {margin-top: 0px; }
@media all and (max-width:768px) {
	.shareablediv {width: 49%; margin-right: 2%;}
	.shareablediv:nth-of-type(2n +2) {margin-right: 0px!important;}
	.shareablediv:nth-of-type(3n +3) {margin-right: 2%;}
	.shareablecontainer {max-width:  95%; margin: 0 auto;}
}
@media all and (max-width:480px) {
	.shareablediv {width: 100%; margin-right: 0!important;}
	.shareablediv:nth-of-type(3n +3) {margin-right: 0!important;}
	.sharing{padding: 8px 5px;}
	.sharing a.downloadit{
		margin-left: 0px;
		margin-right: 1px;
	}
	
}
/*media*/
.pullupsignup .post {margin-top: -110px;}
.pullupsignup .box4week {margin-top: 20px;}
.pullupdone .post {margin-top: -180px;}
.pullupdone .box4week {margin-top: -20px;}
.pullupweek .post {margin-top: -110px;}
.pullupweek .box4week {margin-top: -20px;}

.familyvideotitle {text-align: center; display: block; color: #6ba539; text-transform: uppercase; }
.familyvideotitle img {margin-bottom: -20px; padding-right: 2px;}
.familyvideotitle span {line-height: 87px; font-size: 2em;}
.familyvideocolumn {display: inline-block; width: 47%; margin: 1.4%; position: relative; margin-bottom: 120px; }
.familyvideocolumn:before {content:''; background: url(../png/family-play.png) no-repeat center center; width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: .7; transition: all 1s;}
.familyvideocolumn:hover:before {opacity: 1;}
.familyvideocolumn:hover {cursor: pointer;}
.familyvideocolumn:after {content: attr(rel); position: absolute; bottom: -90px; height: 80px; left: 0; width: 100%; text-align: center; font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular;   text-transform: uppercase;color: #6ba539; font-size: 1.6em;  font-weight: 400; line-height: 1em;}
.familyvideo {width: 100%; height: 100%; display:block; position: absolute; top: 0; left: 0;}
.familyvideowrapper {
	position: relative;
    padding-bottom: 55.25%;
    height: 0;
    overflow: hidden;
}
.familyvideowrapper iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: none;
}

.captionHead {background: #ce4e28; text-transform: uppercase; font-size: 2.9em; color: #fff!important; padding: 10px; text-align: center; display: block; font-family: BrauerNeue-Bold, BrauerNeue-Regular, 'BrauerNeue-Bold, BrauerNeue-RegularCondensed',Arial!important; letter-spacing: 1px; margin-bottom: 0px; padding: 20px;}
.captionCaption {
	color: #ce4e28;
	background: rgba(255,255,255,.8);
	padding: 10px 20px;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular;
    font-weight: 400;
    font-style: normal;
	position: absolute; bottom: 0;
	font-size: 1.7em; text-align: center; line-height: 1em;
}
.captionText p {
	color: #ce4e28!important;
	
    font-family: BrauerNeue-Bold, BrauerNeue-Regular;
    font-weight: 400;
    font-style: normal;
	
	font-size: 1.7em; text-align: center; line-height: 1em;
}
.captionWrapper {position: relative; margin-bottom: 40px;}
.footingimage {clear: both; position: relative;}
.footingimage img {width: 100%; height: auto;}

#shareimg, #emailsend {max-height: 0px; overflow: hidden; transition: all .5s;}
#shareimg.show, #emailsend.show {max-height: 9999px!important;}
#emailmsg {font-size: .85em; font-style: italic; display: block;}
.dinner {width: 31%; margin: 0 1%; float: left; padding: 5px 0;}
.dinner a {color: #6ca743; font-size: 1.3em;}

.savedmessage {border-radius: 5px; background: #ff9b00; padding: 25px 60px;
    font-weight: 400;
    text-transform: none!important;
	color: #fff; margin-bottom: 15px; font-size: 1.1em;}
.single-budget_friendly .savedmessage {
	max-width: 82%;
}
.savedmessage.savedfromemail {padding: 10px!important;}
.savedmessage p {font-size: 1.1em!important; padding-left: 20px;}
.savedmessage ul {margin-left: 0; padding-left: 38px; margin: 5px 0; line-height: .9em;}
.savedmessage ul li {font-size: 1.1em; padding-left: 0;}
.savedmessage h1 {font-weight: 600; letter-spacing: 1px;font-family: BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important; color: #fff; text-transform:none!important; font-size: 1.9em;}
	.savedmessage a {color: #fff; text-decoration: underline;}
	.closesavedmessage:hover {cursor:pointer;}
	.closesavedmessage {float: right;font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Regular, "Courier New", Courier, monospace!important}
.savedbpcontent h2 {margin-bottom: -2px; display: inline-block;}

.savetoggle { clear: both; }

.savedbpcontent h1 {
	color: #9B1F66;
}
.savedbpcontent .savetoggle a {text-decoration: none!important;color: #6ca743; display: inline-block; font-size: 1.2em; line-height: 1.3em; margin-top: 10px!important;}
.savedbpcontent .savetoggle a.savedlink {color: #606060; float: left; clear: left;}
.savedbpcontent .savetoggle a.savedlink:hover {text-decoration: underline;}
.savetoggle .addtolist {font-size: 1em; font-style: italic; line-height: 1.3em; margin-left: 5px; display: inline-block; float: left; margin-top: 10px;}
.box-right .addtolist img {float: none!important; margin-left: 5px;}
.box-right .addtolist img:hover {cursor: pointer;}
.savetoggle .addtolist:hover {cursor: pointer; text-decoration: underline;}
.savedbpcontent .savetoggle .full a.savedlink:hover {text-decoration: underline!important;}

.savetoggle a.managesaved {
	text-align: right;
    float: right;
    margin-top: 30px!important;
    font-size: 1em;
    color: #ccc;
	font-family: BrauerNeue-Regular;
}
#shopactions { 
	text-align: right;
	margin-bottom: 15px;
	overflow: auto;
}
/* .shoppinglistcontainer a.editlist, .shoppinglistcontainer a#savelist, .shoppinglistcontainer a#clearlist, .printlist { */

#shopactions a {
	text-align: right;
    margin: 5px 0px 7px 10px;
    display: inline-block;
    font-size: .9em;
    color: #fff;
    text-transform: uppercase;
    float: right;
    background: #9B1F66;
    font-family: BrauerNeue-Regular;
    padding: 10px 35px;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
	letter-spacing: 1px;
}
.shoppinglistcontainer a.editlist:hover, .shoppinglistcontainer a#savelist:hover, .shoppinglistcontainer a#clearlist:hover, .printlist:hover {text-decoration: none;}
.shoppinglistcontainer { margin-bottom: 20px; }
.clear {clear: both; display: block;}

/* start explosion*/
.addtolist.recipepage {
	font-size: .6em;
    color: #484848;
    text-transform: none;
    font-weight: 100;
	padding-left: 15px;
}
.addtolist.recipepage:hover {cursor: pointer;}
.puffIn {
    -webkit-animation: puffIn .6s infinite;
    animation: puffIn .6s infinite;
}
@keyframes puffIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0px);
    }
}

.colorFlash {
    -webkit-animation: colorFlash 1.5s infinite;
    animation: colorFlash 1.5s infinite;
}
@keyframes colorFlash {
    30% {
        background-color: #c35868;
        font-size: 0.8em;
    }
    70% {
    	background-color: #c35868;
    	font-size: 0.8em;
    }
}
/* end explosion*/

.managing a, .managing a:hover {text-decoration: none!important; color: #ccc!important;}
.savedbpcontent .savetoggle .full.managing a.savedlink:hover, .savedbpcontent .savetoggle .full.managing a.savedlink.nolink:hover {text-decoration: line-through!important; color: #666!important; cursor: pointer!important;}
.savetoggle .helptext {display: none;}
.managing .helptext {
    display: block;
    padding: 15px 0 0 0;
    font-style: italic;
    font-size: .9em!important;
    margin-bottom: 2px!important;
}
span.deleteitem {border-radius: 50%; height: 15px; width: 15px; border: 1px solid #ccc; background: #ccc; margin-left: 5px; text-align: center; font-size: 11px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; color: #fff!important; display: none;}
/*.managing .savedlink:hover span.deleteitem {color: #666!important; border-color: #666!important;}*/
.managing .savedlink:hover span.deleteitem {color: #fff!important; border-color: #ffcd00!important; background: #ffcd00!important;}
.managing span.deleteitem {display: inline-block;}
.savetoggle .full a:nth-of-type(n+6) {
	margin-top: 0px!important;
}
.savetoggle .full a:nth-of-type(n+6), .savetoggle .full .addtolist:nth-of-type(n+6) {
    max-height: 0px!important;  
	overflow: hidden; 
	margin: 0;
	transition: max-height .2s ease-in-out, margin .1s;
}
.savetoggle .full.all a:nth-of-type(n+6), .savetoggle .full.all .addtolist:nth-of-type(n+6) {
	margin-top: 10px!important; 
}
.savetoggle .full.all .addtolist:nth-of-type(n+6) { margin-left: 5px!important;}
.savetoggle .full.all.addtolist:nth-of-type(n+6) { margin-left: 5px;}
.savetoggle .full.all a:nth-of-type(n+6), .savetoggle .full.all .addtolist:nth-of-type(n+6) {
    max-height: 999px!important;
	overflow: visible!important; 
}
.savetoggle .expand.all {
    max-height: 999px!important;
	overflow: visible!important; 
}

.showall {display: block; color: #ccc; margin-top: 10px; font-family: BrauerNeue-Regular; clear: both; padding-top: 10px;}
.showall:hover {cursor: pointer; color: #666;}
.savedbpcontent .savetoggle .full a.savedlink.nolink:hover {text-decoration: none!important; cursor: default!important;}
.clearfloat {display: block; height: 0; padding: 0; clear: both;}
.expanddot, .showdinnahs {width: 25px; height: 25px; text-align: center; line-height: 23px; margin-left: 5px; display: inline-block; color: #fff!important; background-color: #E77623; border-radius: 50%;}
.expanddot:hover, .showdinnahs:hover {cursor: pointer;}
.expand {max-height: 0px; width: 100%!important; transition: all .4s; overflow: hidden;}
.expand.full {max-height: 999px!important;}
.shoppinglistcontainer {clear:both; margin-top: 10px;}
.shoppinglistcontainer h2 {margin-bottom: 8px;}
#shoppinglist { clear:both; padding: 5px; border: 1px solid #ccc; min-height: 300px; }
#shoppinglist.editing {border: 2px dashed #ccc;}
#shoppinglist .list {max-height: 350px; overflow-y: auto;}
#shoppinglist.editing .list {max-height: 9999px; overflow-x:visible!important;}
#dt-email {border: 1px solid #c2c2c2; border-radius: 6px; display: block; width: 91%; padding: 10px; margin: 5px 0; border-color: #c2c2c2; color: #c2c2c2; padding: 10px 10px;}
#subscribe-dt-thanks {margin: 0; font-size: .85em; font-style:italic; padding: 0px; padding-top: 6px;}
#dt-submit {color: #e77624; font-family: BrauerNeue-Regular; border: none!important; text-align: right; background: none; display: block; float: right; font-size: 1.6em; text-transform: uppercase; margin-bottom: 0;}
#item-header-avatar {padding: 10px; background: #ededed;}	
#profile-edit-form h4 {display: none;}
.item-list-tabs {padding-left: 0px; max-width: 90%;}
.item-list-tabs li {padding-left: 0px;border-bottom: 1px solid #eee; border-radius: 2px 2px 0 0; padding: 0px 10px; }
.item-list-tabs li.current {border: 1px solid #eee; border-bottom: none!important; background: #eee;}
.item-list-tabs:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.addtolistimage {
	max-height: 20px;
    width: auto!important;
    display: inline-block;
    margin-bottom: -3px;
}
.shoppingkey {
	font-size: 1em;
    font-style: italic;
    display: block;
    margin-top: 10px;
	margin-bottom: -10px;
	line-height: 25px; 
	vertical-align: middle;
}
.shoppingkey img {max-height: 25px; margin-bottom: -5px;}
.startblocks {padding-top: 50px;}
.colrow {display: table; clear: both; }
.col50 {width: 45%; border-right-width: 40px; border-style:solid; border-color: #fff;/*float: left;*/ display: table-cell; position: relative; padding-bottom: 50px; }
.col50:nth-of-type(2n + 0) {border-right-width: 0px!important; border-left-width: 40px;}
.col50:nth-of-type(2n+1) {clear: both;}
.startblocks .col50 .contents a {
	color: #afd15a;
    /*padding-right: 42px!important;*/
	padding-top: 5px!important;
    /*background: url('images/startlink.jpg') no-repeat right top;*/
    min-height: 40px;
    display: inline-block;
    line-height: 40px;
	text-transform: none;
	line-height:1em;
	position: absolute;
	bottom: 0;
}
 .startblocks .col50 .contents h2 {background: none!important;}

/* mobile nav starts hidden */
.mobile-nav-row {
	display: none;
}

/* Contact page fields */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	width: 100% !important;
}


/* @media only screen and (max-width: 1028px) { */
@media only screen and (max-width: 1280px)  {

	body {display: block;}

	.familyvideocolumn {width:46.8%;}
	.familyvideotitle {font-size: 200%;}
	
	.pullupsignup .post, .pullupweek .post, .pullupdone .post  {margin-top: 0px;}
	.pullupsignup .box4week, .pullupweek .box4week, .pullupdone .box4week {margin-top: 0px;}
	.pullupdone .box4week {
		margin-top: 60px;
	}

	.convoStarters {max-width: 100%;}
	h3#breadcrumbs {line-height: 1em;}
	.attachment-feat-recipe {
		/* max-width: 90%!important; */
		margin-bottom: 15px!important;
	}

	.recipeWrapper .single-recipe {
		width: 90%;
		margin: 0;
		padding-left: 5%;
		float: none;
	}

	.recipeWrapper { width: 95%; margin: 10px auto 70px auto; }
	.recipeMobile {width: 90%!important;}
	.funMobile {width: 58%!important;}
	.category-newsletter .funmobile {width: 30%!important;}
	.convoPosts h2 {max-width: 100%;}
	.category-newsletter .funmobiledes {max-width: 65%; padding-left: 1.5%;}
	.funMobile .hipsterTitles {margin-top: 0;}
	.clear {display: block; height: 0; clear: both;}
	.beebutt {display: block; padding-top: 95px; clear: both;}

	.foodPosts {width: 14%; margin: 1%; float: none; display: inline-block;}
	.foodPosts.foodPosts { width: auto; max-width: 30%; min-width: 30%; display: inline-block; float: left; clear: none!important;}
	.foodPosts.foodPosts:nth-of-type(3n + 1) {clear: both!important;}
	.foodPosts.foodPosts h2 {text-align: left; min-height: 0px;}

	/* .foodPosts.foodPosts { width: auto; max-width: 23%; min-width: 23%; display: inline-block; float: left; clear: none!important;} */

	.category-newsletter .foodPosts.foodPosts  { width: auto; max-width: 46%; float: left; display: inline-block;}
	.funmobile {width: 70%!important;}
	.funmobiledes {width:auto!important;}
	.categorydescription {clear: both;}
	.footCat, .foodFeatured, .convFeatured {width: 90%;}
	.convFeatured {margin-bottom: 20px;background-color: #f2ac00;}
	.hipsterTitles .mainFood {margin-bottom: 0px;}
	.hipsterTitles h3 {line-height: 1em; margin-top: 0;}
	.foodFeatured {float: none;}
	.imageContainer {
		width: 100%;
		height: auto;
	}
	.imageContainer img {width: 100%; height: auto;}
	.footCat h2 {width: 98%; padding-left: 2%;}
	.hipsterTitles {max-width: 100%;}
	.boxCat {max-width: 95%; }
	.boxCat h2 {
		width: 98%;
		font-size: 1em;
		bottom: 0px;
		padding-left: 2%;
		padding-top: 0; 
		padding-bottom: 0px; 
		height: auto; 
		left: 0;
	}
	.gtpage .subTit {clear: both; margin-top: 0;}
	.gtpage td {
		vertical-align: top;
		max-width: 49%;
		display: inline-block;
	}
	.gtpage .boxCat img {
		width: 100%;
		height: auto;
		border: none;
	}	
	.full {
		/* width: 100%!important; */
		width: 90% !important;
		padding: 0;
		margin: 0 !important;
	}
	.hipsterTitles {
		padding-left: 0px;
		margin-left: 0px;
	}
	.box4week, .box-right-4 {float: none; width: 50%; height: auto; clear:both;}
	.box-right { margin-top: 0px!important;}
	.box4week p, .box-right-4 p {font-size: 1em;}
	.box4week li a, .box-right-4 li a {font-size: 1em;}
	.box-right-4 ul {width: 90%;}
	.fullWidth {width: 95%; float: none; max-width: 90%;}
	P, input, select, textarea, iframe {max-width: 100%!important;}

	#program {
	    margin-bottom: 50px;
	}
	
	#main {background: #fff;}
	
	.top-nav {width: 95%; padding: 0 2.5%;}
	
	body {min-width: 0px;}
	#content, #content-basic, #content-basicw {width: 70%; background: #fff;}

	.full #content-basicw {width: 90%!important; margin: 0 5%!important;}
	.box-right li, .box-right2 li {width: 100%; padding: 9px 0;}
	.full {width: 100%; float: none;}
	#sidebar, .box-right, .box-right2, #sidebar {
		padding: 0;
		margin: 0 0 50px 0;
	}
	.box-right ul {padding: 0;}
	#content img, #sidebar img, .box-right img, .box-right2 img, #content-basic img {max-width: 100%; height: auto;}

	.wrapper {
		width: 100%;
		max-width: 1280px;
		display: block;
	}

	.slogan {float: left;  margin-left: 10px!important; padding-top: 28px!important; font-size: .85em!important;}
	
	
	#footer {display: block;}
	
	.jquery-responsive-select-menu {display: block!important; background-color: #603812!important; color: #fff; width: 100%; height: 30px;}
	.movedown, .movedownmore {
  margin-top: 50px;
  width: 30%;
  float: right;
  overflow: hidden;
  display: inline-block;
}
#header {padding-bottom: 0px;}
select#menu-main_nav {
	margin-right: -20px;
	 padding: 5px 8px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	color: #fff;
}
select#menu-main_nav:focus {
    outline: none;
}
.moreFun {right: -36px;}
#listblock {width: 100%; height: auto; min-height: 156px;}
.spotlight {max-width: 100%;}
.widget_seriestoc {
  width: 100%;
}
.convoArea {background-size: cover!important; font-size: .8em!important;}
	
	/*
	.logo {
		margin-bottom: 0px;
		padding: 0;
		display: inline-block;
		margin: 10px;
		height: 80px;
		float: left;
		background-position: left center;
		width: 20%;
		overflow: hidden;
		padding-right: 0;
	}
	*/

	#newsletterWrapper {
		top: 0px;
	}
	#newsdesktop .avatar {
		max-width: 70px;
		margin-top: 10px;
	}
	#newsletterWrapper span {
		max-width: 350px;
		font-size: .9em;
	}
}

/* Early hamburger menu & elements that shift immediately */
/* Originally in max-width: 1075px */
@media only screen and (max-width: 1250px) {
	#nav .menu-global-navigation-menu-container {
		float: left;
		width: 100%;
	}
	.qtranxs-lang-menu a {
		/* margin-top: 0px; */
	}
	#menu-global-navigation-menu {
		margin-top: -20px;
	}

	/* Calendar */
	#calendar-div, .savetoggle-wrapper {
		width: 100%;
		margin-right: 0px;
		float: left;
	}
	#calendar-sidebar {
		clear: both;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 768px) { /* 1250px is immediate */

	/* mobile nav adjustments */
	.mobile-nav-row {
		display: block;
	}
	#mobilenav {
		display: inline-block; 
		position: relative; 
		right: 20px; 
		color: #653605; 
		font-size: 2em;
		float: right;
		vertical-align: middle;
		line-height: 95px;
	}
	#mobilenav:before {
		color:#6BA539 !important;
	}
	.mobile-nav-row .logo {
		margin-left: 20px;
	}

	/* #nav, .hideonmobile { display: none; } */
	.hideonmobile { display: none; }

	/* hide inner nav elements*/
	#nav {
		background-color: #6BA539;
	}
	#nav .logo {
		display: none;
	}
	#nav .menu-global-navigation-menu-container {
		display: none;
	}
	#nav ul li {
		margin-top: 0;
		line-height: 65px;
	}
	#nav a,
	#nav li.sfhover {
		color: white !important;
	}

	#join-btn {
		border: none;
		background-color: transparent;
		font-size: 14px !important;
    	text-decoration: underline !important;
    	padding: 0;
	}

	/* ASDF remove #sharewidget
	#sharewidget {
		position: absolute;
		left: 0;
		top: 0px;
		height: 30px;
		margin: 17px 0;
		width: 100px;
		padding: 0 0 0 10px;
	}
	#sharewidget a {
		display: inline-block;
		font-size: 15px;
		width: 20px;
	    text-align: center;
	    height: 30px;
	    line-height: 32px;
	}
	#sharewidget .head {
		text-transform: uppercase;
		top: 0;
		margin-top: 0;
		padding-right: 5px;
		position: relative;
		right: 0; left: 0;
		letter-spacing: .1em;
		display: inline-block;
		float: left; font-size: 14px; font-weight: bold;
		top: 7px; color: #484848!important; margin-top: 0;
		-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);
	}
	#sharewidget .fb, #sharewidget .twitter, #sharewidget .pinterest, #sharewidget .email, #sharewidget .linkedin {width: 16px;  height: 17px; background-size: cover; margin: 4px 2px; }
	#sharewidget .fb {background-position: 0 0;}
	#sharewidget .twitter {background-position: 0 65px;}
	#sharewidget .pinterest {background-position: 0 48px;}
	#sharewidget .linkedin {background-position: 0 33px;}
	#sharewidget .email {background-position: 0 18px;}
	*/
	/* end mobile nav adjustments */

	.box4week, .box-right-4 {float: none; width: 80%;}
}

/* @media only screen and (max-width: 900px) { */
@media only screen and (max-width: 1075px) { /* ASDF why this width? (It's mine) */
	.panel {
		display: none;
	}
	/* #headbar, .top-nav.fixTopNav {display:none!important;} */
	.top-nav.fixTopNav {display:none!important;}

	#newsmobile {display: block; float: none; clear: left; margin: 0; text-align: left;}
	#newsdesktop {display: none;}
	#newsletterWrapper {position: relative; left: 0; right: 0; top: 0; float: left; clear: left;}
	#newsletterWrapper img, #joinfdp {right: 100px; float: right;}
	#newsletterWrapper span {right: 150px; float: right;}
	#newsletterWrapper img, #joinfdp, #newsletterWrapper span {float: none; left: 0;}
	#newsletterWrapper img, #newsletterWrapper span {display: inline-block;}
	.joinmail {float: none; display: inline-block;}
	
	.registerheading {margin-top: 10px!important;}

	.single-post #content-basic,
	.page-template-template-basic #content-basic,
	.page-template-template-4wp-week-content #content-basic,
	.page-template-template-in-the-news #content-basic {
		width: 90% !important;
	}
	.single-post #sidebar {
		float: none;
		width: 90%;
		margin: 0;
	}
}
@media only screen and (max-width: 1075px) {
	.hero .blurb {
		width: 80%;
		font-size: 16px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 813px)  {
	#convo0, #convo1, #convo2, #convo3, #convo4, #convo5, #convo6, #convo7, #convo8, #convo9 {position: relative!important; top: 15px!important; left: 0px!important; color: #3F2810!important; display: block!important; width: 100%!important; height: auto!important; text-align: left!important;}
	#convo0 p, #convo1 p, #convo2 p, #convo3 p, #convo4 p, #convo5 p, #convo6 p, #convo7 p, #convo8 p, #convo9 p {color: #3F2810!important;}
	.convoArea {background:none!important; font-size: 1em!important;}
	.starterTitle {margin: 0!important;}
}

@media only screen and (max-width: 768px)  {
	/*
	.logo {
		padding-right: 0;
		width: 30%;
	}
	*/
	.panel {
		display: none;
	}
	.familyvideocolumn {width:100%; margin-right: 0; margin-left: 0; margin-bottom: 80px;}
	.pullupdone .box4week {
		margin-top: 0;
	}
	#program {margin-bottom: 20px;}
	.moreFun {right: -5.5%;}
	.foodPosts {width: 28%; margin: 1%;}
	#content, #content-basicw {width: 100%;}
	
	#sidebar {width: 100%;}

	#content-basic, .box-right, #content-basic, .box-right2 {
		width: 90% !important;
		padding: 1% 5%;
		float: none;
		margin: 0;
		background: #fff;
	}
	#content-basic .entry {margin-bottom: 0; padding-bottom: 12px;}

	.buddypress #content-basic { width: 90% !important; padding: 0; }
	.register-section {
		float: none !important;
		width: 100%;
	}

	.movedown, .movedownmore {
		width: 90%;
		float: none; display: block;
		margin: 0 auto;
	}
	.box4week, .box-right-4 { margin-left: 5%; /* width: 90%; */ }
	.box4week p, .box-right-4 p { /* width: 90%; */ }

	.content-box {padding: 0px; margin: 10px 0 26px;}
	.news-box {  padding: 12px 0px; width: 95%; margin: 0 auto;}

	.hero-inner {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0;
		margin-left: 12%;
	}
	.hero-inner .title {
		margin: 0;
		line-height: 1.25em;
	}
	.hero .blurb {
		width: 80%;
		font-size: 16px;
		line-height: 20px;
		margin-top: 25px;
	}

	/*
	#sharewidget a {
		display: inline-block;
		font-size: 15px;
		width: 20px;
	    text-align: center;
	    height: 30px;
	    line-height: 32px;
	}

	#sharewidget {
		position: relative;
		left: 0;
		top: 0px;
		height: 30px;
		margin: 10px 0;
		width: 100px;
		padding: 0 0 0 10px;
	}

	#sharewidget .head {
		text-transform: uppercase;
		top: 0;
		margin-top: 0;
		padding-right: 5px;
		position: relative;
		right: 0; left: 0;
		letter-spacing: .1em;
		display: inline-block;
		float: left; font-size: 14px; font-weight: bold;
		top: 7px; color: #484848!important; margin-top: 0;
		-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);
	}
	#sharewidget .fb, #sharewidget .twitter, #sharewidget .pinterest, #sharewidget .email, #sharewidget .linkedin {width: 16px;  height: 17px; background-size: cover; margin: 4px 2px; }
	#sharewidget .fb {background-position: 0 0;}
	#sharewidget .twitter {background-position: 0 65px;}
	#sharewidget .pinterest {background-position: 0 48px;}
	#sharewidget .linkedin {background-position: 0 33px;}
	#sharewidget .email {background-position: 0 18px;}
	*/

	#sidebar {max-width: 95%!important;}
	.wrapper {max-width: 100%!important; width: 100%!important;}

	#wrapper-inner{ margin: 0 2%; }

	.single-post #sidebar {
		padding: 1% 5%;
	}

	.recipe-buttons-wrapper .addtolist {
		margin-bottom: 10px;
	}

	.recipe-2-0 #wrapper-inner {
		width: 90%;
	}
}

@media only screen and (max-width: 680px)  {
	.register-section {width: 100%!important; float: none!important;}
	.smallptext {width: 100%!important; padding: 10px 0!important; margin-bottom: -15px;}
}
@media only screen and (max-width: 600px)  {

	#newsletter-title-block {
		width: 100%;
	}
	#printable-pdf-button {
		float: left;
		margin: 0 0 10px 0;
	}

	#footer .section .col-left,
	#footer .section .col-right {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 480px)  {

	.hpnewsletter {max-width: 95%!important;}
	#sidebar {max-width: 95%!important; clear: both;}

	.category-newsletter .foodPosts.foodPosts  { width: auto; max-width: 90%; float: left; display: inline-block;}

	/* two columns */
	.foodPosts.foodPosts { min-width: 45%; max-width: 45%; float: left; display: inline-block;}
	.foodPosts.foodPosts:nth-of-type(1n + 1) {clear: none !important;}
	.foodPosts.foodPosts:nth-of-type(odd) {clear: both !important;}

	.foodPosts.foodPosts h2 {text-align: center;}

	.funmobiledes {
		width: 70%!important;
		padding-left: 10%;
	}
	.funmobile {
		width: 20%!important;
	}

	.recipeWrapper .recipeTab {min-width: 0;}
	#convoTabs {display: none;}
	#mobilenav {right: 5%;}
	body {min-width: 0px; max-width: 100%;}
	#header .panel { width: 100%; padding: 0; display: none;}
	.fixTopNav .menu-top-navigation-menu-container {
margin-right: 0;
}
#menu-top-navigation-menu {padding: 0;}
.fixTopNav .menu-top-navigation-menu-container li {
margin: 5px 10px 0 0px!important;}
#newsletterWrapper {
position: relative;
right: 0;
top: 0;
}
#footer {display: block;}

#nav ul {
	left: 0;
	top: -5px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#nav ul li ul {display: none!important;}

#main {}
#content img, #sidebar img, #content-basic img {max-width: 100%; height: auto; display: block; }
.content-box .alignleft, .content-box .alignleft {float: none; display: block;}
#main, .w1 {background: #fff;}
.wrapper {
	width: 100%;
	display: block;
	max-width: 1280px;
}
#sidebar {
float: none;
width: 100%;
display: block;
margin: 0 auto;
padding: 0;
}
#sthoverbuttons {display: none!important;}

.buddypress #content-basic,
#content-basic {width: 90%!important; margin: 0; padding: 2.5% 5% 0;  background: #fff;}

.fullWidth, .boxCat {width: 95%!important; float: none; margin: 0!important; padding: 0;}

td {display: block;}
.ui-datepicker-calendar td {display: table-cell;}

.boxCat h2 {display: none;}
.menu-social-container .facebook a {
  width: 11px;
  height: 16px; background-size: cover;
}
.menu-social-container .twitter a {
  width: 20px;
  height: 16px;
  background-size: cover;
}
.fixTopNav .menu-social-container {margin: 5px 0 0 0!important; height: 25px;}

}
/*end new branding*/



.logoforprint {display: none;}

@media print {
	.pledge-div {padding: 30px;}
	#gtpledgeshare, #sthoverbuttons, #respond, .com, .w1, .w2, #footer, .box-right, #tonighttitle, #sharewidget, #headbar, .fdcal, .info, #print-pledge {display: none!important;}
	
	.printinglist .box-right {display:block!important;}
	.printinglist .logoforprint {display: block!important; margin-left: 6%;}
	/* .printinglist #content-basic,*/ .printinglist #footer, .printinglist #item-header-avatar, .printinglist .shoppinglistcontainer .editlist, .printinglist .shoppinglistcontainer .editlist, .printinglist .shoppinglistcontainer .printlist, .gt-subpage-header, .gt-shareable-div .dl {
		display: none!important;
	}
	.printinglist #shoppinglist {border: none!important;}
	.printinglist #shoppinglist .list {font-size: 1.1em; line-height: 1.5em; max-height: none!important;}
	.printinglist .box-right {width: 90%!important; margin-left: 10px; display: block!important;}

	.printinglist .saved-content-header,
	.printinglist .button,
	.printinglist .calendar-wrapper,
	.printinglist .past-goals-wrapper,
	.printinglist .savetoggle-wrapper,
	.printinglist .shoppinglistcontainer h2,
	.printinglist #shopactions,
	.printinglist .dummy-data-buttons {
		display: none !important;
	}

}

/*Do Dinner*/
.dodinner .halfcol {
	width: 47.5%;
    margin-right: 2%;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
.dodinner .fullcol {
	margin-top: 20px;
}
.dodinner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100%;
}
.dodinner .gform_wrapper, .dodinner .gform_wrapper ul li.gfield {
	margin-top: 0px;
}
.dodinner .halfcol.right {
	margin-right: 0px;
	margin-left:2%;
}
.dodinner .biggerp p {
	font-size: 1.3em!important;
}
.dodinnerlink {
    display: block;
    padding-top: 40px;
    padding-bottom: 10px;
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
}
.dodinnerlink .linkimg {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-top: -30px;
	margin-right: 2%;
}
.dodinnerlink .linkimg img {
	max-width: 100%;
}
.dodinnerlink .linktext {
    width: 82%;
    display: inline-block;
    vertical-align: top;
    font-size: 2.2em;
    line-height: 1em;
}
.dodinnerlink a {text-decoration: none!important;}
.dodinnersublink {
    font-size: .75em;
    display: block;
    margin: 010px 0!important;
}
.dodinner .dodinnersublink .arrow.shortcode {
	width: 20px;
	height: 20px;
	margin-top: 4px;
	line-height: 18px;
}
.dodinner .gform_button.button {
	color: #fff;
    background: #aed25a;
    border: none;
    padding: 10px 20px;
    margin: 0 10px!important;
}
.su-spoiler-title{
	 font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    font-weight: 400!important;
	text-transform: uppercase!important;
	font-size:2em!important;
	line-height: 1em!important;
	background:#e77624;
	color:#fff!important;
	padding:20px 50px!important;
 }
.su-spoiler-icon {
    top: 50%!Important;
    transform: translateY(-50%)!important;
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    color: #e77624;
    margin-left: 12px;
}
.orange .su-spoiler-title{background: #e77624!important;}
.purple .su-spoiler-title{background:#9b1f66!important;}
.lightgreen .su-spoiler-title{background:#afd15a!important;}
.darkgreen .su-spoiler-title{background:#6ba539!important;}
.brown .su-spoiler-title{background:#b79f87!important;}

.orange .su-spoiler-icon{color: #e77624!important;}
.purple .su-spoiler-icon{color:#9b1f66!important;}
.lightgreen .su-spoiler-icon{color:#afd15a!important;}
.darkgreen .su-spoiler-icon{color:#6ba539!important;}
.brown .su-spoiler-icon{color:#b79f87!important;}

.su-spoiler-style-default > .su-spoiler-content {
	padding-left: 0px!important;
}
.su-spoiler .shareablediv img {
	border: 1px solid #ccc;
}
.su-spoiler h4 {
	text-transform: none!important;
    font-size: 1.8em;
    line-height: 1.1em;
    margin: 0 0 15px 0;

}
.dodinner .gfield_description {margin-top: -5px!important;margin-bottom: 10px;}
.dodinner .heading-icon a {
	width: 100%; height: 100%; display: block;
}
.dodinner .partner-title a {text-decoration: none!important;}
@media all and (max-width: 768px) { 
	.dodinner .halfcol {width: 100%; display: block; margin-right: 0;}
}
@media all and (max-width: 680px) { 
	.dodinnerlink .linkimg {margin-top: -10px;}
}
.notranslatebox {
	text-align: center; background: #dedede;
	max-height: 0px; overflow: hidden;
	transition: .5s all;
}
.notranslatebox.show {
	max-height: 100px;
}
.notranslatebox p {
	margin: 0; padding: 15px;
}
.translatebox {
    overflow: hidden;
    color: #6ba539;
    position: absolute;
    right: 0px;
    bottom: -40px;
}
.backtofdp {
	display: none;
}
@media all and (max-width: 768px) {
	.translatebox {bottom: 11px;}
	.hideheader #mobilenav,  .hideheader .slogan,.hideheader #newsmobile {
		display: none!important;
	}
	.hideheader .wrapper {
		
	}
	.hideheader .logo {
		width: 30%;
    display: inline-block;
    padding: 0;
    margin: 0 10px;
    height: 90px;
	}
.hideheader .backtofdp  {
	display: block;
}
}
.translatebox select {
    height: 40px;
    padding: 5px;
    border: 0;
    font-size: 16px;
    width: 85px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #6ba539;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
	text-transform: uppercase;
	background: #fff;
}
.translatebox:after {
    content: "\f078";
    font-family: 'FontAwesome';
    color: #6ba539;
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}
.translatebox select:focus, .translatebox select:active {
	outline: none;
}
.thisweekwrap {
    position: absolute;
    display: block;
    width: 100%;
	height: 100%;
	top: 0;
}
.thisweekwrap span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2em;
    overflow: hidden;
    white-space: nowrap;
    border-right: 5px dashed #fff;
}
.thisweekwrap span h1 {
    -moz-transform-origin: 0 50%;
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -webkit-transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin: 0 50%;
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin: 0 50%;
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0 50%;
    transform: rotate(-90deg) translate(-50%, 50%);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 2em;
    margin: auto;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #fff;
}
.thisweekwrap div {
	position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    width: 60%;
    color: #fff;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    font-size: 1.5em;
    line-height: 1em;

}
.dtb-archive.dt-archive .dt-time {
	line-height: 2.3em;
}
.dinner.dinnershop {
	width: 31%;
    margin: 0 1%;
    float: left;
    padding: 5px 0;
    position: relative;
    clear: both;
    height: 0px;
    padding-bottom: 16.3%;
    background: #e77624;
}
.dinner.dinnershop .archivetitle {
    position: absolute;
    bottom: -20%;
}
.dinnershop a:hover .archivetitle {
	text-decoration: underline!important;
}
.dinnershop a .thisweekwrap div {
	transition: .5s all;
}
.dinnershop a:hover .thisweekwrap div {
	padding-left: 15px;
}
.dtb-archive .monthtitle {
	color: #fff;
	text-align: left; 
	clear: both; 
	margin: 0; 
	padding: 20px; 
	font-size: 1.6em; 	
	margin-bottom: 10px;
	cursor: pointer;
	/*transition: all 0.4s cubic-bezier(.17,-.41,.19,2.94);*/
	border: 2px solid #fff;
}
.monthsection.current .monthtitle, .monthsection:hover .monthtitle {
	border-color: #484848!important;
}
#dtbarchivecontent {
	position: relative;
	clear: both;
}
#dtbarchivecontent .dt-time {
	margin-top: -15px;
}
#dtbarchivecontent .dinner {
	float: none; 
	display: inline-block;
	vertical-align: top;
	padding-top: 0;
	margin-top: 20px;
}
#dtbarchivecontent .dinner .imgwrap {
    margin: 0px 0 5px 0;
}
#singlebudgetcontent {
	position: relative;
}
#dtbarchivecontent .loading, #singlebudgetcontent .loading {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
    z-index: 9999999;
    display: none;
}
#dtbarchivecontent .loading img, #singlebudgetcontent .loading img {
	position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%);
    max-width: 80px;
}
#dtbarchivecontent .dinner .imgwrap, #dtbarchivecontent .dinner .thisweekwrap {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#dtbarchivecontent .dinner.transition .imgwrap,#dtbarchivecontent .dinner.transition .thisweekwrap  {
transform: rotateX(180deg);
}
#dtbarchivecontent .dinner.transition.complete .imgwrap {
	transform: rotateX(360deg);
}
.imgback {
    position: absolute!important;
    width: 100%!important;
    height: 100%;
    top: 0!important;
    background-color: #ddd;
    display: none;
}
#dtbarchivecontent .dinner.transition .imgwrap .imgback,#dtbarchivecontent .dinner.transition .thisweekwrap .imgback {
	display: block;
}
.dtbheading {
	position: relative;
}
.dtbheading-el {
	float: left;
}
.dtbheading .translatebox {
    bottom: auto;
    top: 20px;
}
.dtbicon {
	/* float: left; */
	padding-right: 10px; 
	max-width: 120px;
}
.dt-budget-title {
	/* float: left; */
	color: #afd15a;
    font-size: 2em;
    line-height: 1.3em;
    margin-top: 20px;
}
.dt-budget-title span {
    color: #6ba539;
	font-size: 1.5em;
    display: block;
    text-transform: none;
}
.dtbheading:after {
	content: "";
	display: table;
	clear: both;
}
.backtoweek {
	font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
	position: absolute;
	bottom: 30px;
	right: 0;
	font-size: 1.1em;
	text-transform: uppercase;
	display:none;
}
.backtoweek.printinglist {
	bottom: 55px;
}
.shareoptionsdiv .dt-action:hover {
	cursor: pointer;
}
#dtbshoppinglist .half {
	width: 47%;
	display: inline-block;
	vertical-align: top;
}
#dtbshoppinglist .half:nth-of-type(2n) {
	float: right;
}
#dtbshoppinglist .half:nth-of-type(2n):after {
	content: "";
	display: table;
	clear: both;
}
.shopitem h2 {
    background: #ccc;
    color: #fff;
    padding: 5px 10px;
	margin-bottom: 8px;
	text-transform: none!important;
}
.shopitem .shopitems {
    color: #484848;
    font-family: BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New";
    font-size: 1.5em;
    line-height: 1.3em;
}
.dtbnav {
	
}
.dtbnav div {
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.8);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 46%;
    margin: 10px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-family: BrauerNeue-Regular,"Courier New";
    font-size: 1.4em;
    font-weight: 100;
    opacity: .8;
    transition: .2s opacity;
	transform: translateY(-50%);
	z-index: 999999;
}
.dt-header-full {
	position: relative;
}
.dtbnav div:hover {
	opacity: 1;
}
/*
.signupforbudget {
    position: absolute;
    right: 0;
    top: 80px;
    text-transform: uppercase;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    max-width: 325px;
    text-align: right;
}
*/
.signupforbudget {
    text-transform: uppercase;
    font-family: BrauerNeue-Bold, BrauerNeue-Regular, BrauerNeue-Bold, BrauerNeue-Regular, "Courier New", Courier, monospace!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.signupforbudget span {
	font-family: 'FontAwesome';
	margin-left: 5px;
}
.dtbnav div.next {left: auto; right: 0;}
@media print {
	.shopitem h2 {padding-left: 0px!important;}
	.dtbicon,.backtoweek,.backtoweek {display: none!important;}
	#dtbshoppinglist .half {
		width: 100%!important;
	}
	.dt-budget-title {float:none;}
	.dtbheading {
		display: block;
		margin: 30px 0 0 0!important;
		width: 100%;
		font-size: 1em!important;
	}
}
@media all and (max-width:1024px) {
	.backtoweek {
		position: relative;
		float: left;
		top: initial;
		transform: initial;
		right: initial;
		bottom: initial;
	}
	.backtoweek.printinglist {
		bottom: initial;
		margin-right: 20px;
	}
}
@media all and (max-width:974px) {
	.signupforbudget {
	    position: relative;
	    top: initial;
	    transform: initial;
	    right: initial;
	}
}
@media all and (max-width:768px) {
	#dtbarchivecontent .dinner.dinnershop {
		width: 47%;
    	margin: 25px 1.5%;
		padding-bottom: 21%;
	}
	#dtbarchivecontent .dinner {
		display: block;
	}
	.dtbheading {
		margin: 0 30px;
	}
}
@media (max-width: 667px) {
	#dtbarchivecontent .dinner.dinnershop {
		width: 90%!important;
		margin: 0 auto;
		padding-bottom: 43%;
		margin-bottom: 50px;
	}
	.dtbheading {
		position: relative;
		max-width: 90%;
		margin: 0 auto;
		font-size: .8em;
		/* padding-bottom: 20px; */
	}
	.dtbheading-el {
		float: none;
	}
	#singlebudgetcontent .dtbheading {
		max-width: 100%;
	}
	.dtbicon {
		display: none;
		/* width: 22%; */
	}
	.dt-budget-title {
		font-size: 1.5em; /* 1.2em; */
		margin-top: 0px;
		/* max-width: 80%; */
		text-align: left;
	}
	.dt-budget-title span {
		font-size: 2.2em;/* 1.8em; */
		line-height: 1em;
	}
	#dtbshoppinglist .half {
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	#dtbshoppinglist .half:nth-of-type(2n) {
		float: none;
	}
	
	#singlebudgetcontent .dt-header-full {
		margin-top: 0px!important;
	}
	.dtbnav div {
		top: 90px;
	}
	/* .saveimage.notsaved, .dttitle .simplemodal-login, .convogametitle .simplemodal-login { */
	.dttitle .simplemodal-login, .convogametitle .simplemodal-login {
		margin-bottom: -7px;
	}
}

/* MEDIA QUERIES AND BREAKPOINTS */
@media only screen and (max-width: 1280px)  {
	#foodListing {
		padding-bottom: 50px;
	}
}
@media only screen and (max-width: 1028px)  {
	.col-3 {
		float: none;
		width: 100%;
	}
	.col-3:last-child {
	}
}
@media only screen and (max-width: 960px)  {

}
@media only screen and (max-width: 860px)  {
	
}
@media only screen and (max-width: 768px)  {
	#content { 
		margin: 0 4%;
	}
	#home-hero-info {
	    margin: 0 4%;
	    padding: 40px 9%;
	    top: 50%;
	    transform: translateY(-50%);
	    border-radius: 20px;
	}

	.content-wrapper {
		margin: 0;
	}
	.profile-edit .content-wrapper {
		/* margin: 0 60px; HERE */
	}
	#buddypress .standard-form #basic-details-section,
	#buddypress .standard-form #profile-details-section {
		width: 100% !important;
	}
	.dt-single-title {
		margin: 0 30px;
	}
}
@media only screen and (max-width: 667px) {
	#content { 
		float: none;
		margin: 0 auto;
		width: 95%;
	}
	.home-page #content,
	.page-template-template-food #content,
	.page-template-template-fun #content,
	.page-template-template-conversation #content,
	.page-template-template-ideas-and-advice #content,
	.page-template-template-learn-more #content { 
		float: none;
		margin: 0 auto;
		width: 95%;
	}
	#home-hero {
		margin-bottom: 0px;
	}
	.profile-edit .content-wrapper {
		margin: 0;
	}
	#footer {
		margin-top: 50px;
	}
	#footer .section {
	    padding: 20px 4% 25px 4%;
	}
}
@media only screen and (max-width: 480px) {
	#home-hero-info {
	    margin: 0 2%;
	}
	.hero-buttons {
		display: block;
		margin-top: 30px;
	}
	.hero-buttons .button {
		display: inline-block;
		float: none;
	}
	.hero-buttons .button:first-child {
		margin-right: 0px;
		margin-bottom: 15px;
	}

	#left-sidebar {
		float: none;
		margin: 0;
	}
	.searchandfilter .sf-input-text {
		width: 240px;
	}
}

/* DATEPICKER STUFF */
/* ASDF move */
body .ui-datepicker { 
	z-index: 9999 !important; 
	padding: 15px 20px; 
	width: 285px; 
	box-sizing: border-box 
}
.ui-datepicker-prev,
.ui-datepicker-next{
	cursor:pointer;
}
.ui-datepicker-month,
.ui-datepicker-month option {
  text-transform: capitalize;
}


@media only screen and (max-width: 768px) {
	/* .popper img { width: initial; height: auto; } */
}

.single-shareables .whitebg img {
	width: 100%;
	height: auto;
	max-width: 800px;
}

input:required {
    box-shadow:none;
}