/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  max-width:100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
b,
strong {
  font-weight: bold;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}

#simple_search_post_type {
  padding: 0.25rem;
  font-size: 16px;
  font-family: 'Open Sans';
}

#simple_search_post_type option {
	font-family: 'Open Sans';
}

.btn{
  border: 1px solid transparent;
  border-radius: 0.125rem;
  color: white;
  background-color: #7eb541;
  cursor: pointer;
  display: inline-block;
  font-size: .925rem;
  font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.375em 1em;
  text-align: center;
  transition: all .3s ease;
  white-space: nowrap;
  vertical-align: middle;
}

.btn:hover {
  background-color: #71a339;
  color: white;
}

.btn:disabled{
  border: 1px solid #d3d1d1 !important;
  background-color: #ebebeb !important;
  color: #c3c1c1 !important;
  cursor: auto;
}

.btn-primary {
  background-color: #7EB541;
  border-color: #7EB541;
  color: #fff;
}

.btn-primary:hover{
  background-color: #70a437;
  border-color: #70a437;
}

.btn-secondary {
  border: 1px solid #c8e6a5;
  background-color: #f0f6e4;
  color: #7EB541;
}

.btn-secondary:hover {
  border: 1px solid #7EB541;
  color: #70a437;
  background-color: #e3ebd3;
}

.btn-orange {
  border: 1px solid orange;
  background-color: orange;
  color: white;
}

.btn-orange:hover {
  border: 1px solid #f7a206;
  background-color: #f7a206;
}

.btn-close{
  position: absolute;
  border: 0;
  background-color: #d0cece;
  color: #000;
  z-index: 5;
  font-weight: bold;
  border-radius: 2px;
  font-size: 1rem;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .3s ease;
}

.btn-close:hover{
  background-color: #9c9b9b;
}

/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f7f7f7;
  padding: 1em;
  margin-bottom: 1.333em;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
  outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
mark {
  background: transparent;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after,
.col-full:after {
  clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
  zoom: 1;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body {
  padding: 0 1.618em;
  font: 300 16px "Open Sans", Helvetica, Arial, Sans-serif;
  color: #545454;
  line-height: 20px;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  opacity: 1;
}
hr {
  background-color: #e1e1e1;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* 1.2 Hyperlinks */
a:hover {
  color: #7EB541;
  text-decoration: none;
}
.clear {
  clear: both;
}

.clearall {
  clear:both;
  display:block;
  width:100%;
}
/* 1.3 Typography */
/*
  All typography (and layout) based on a modular scale using 13 & 12 px values scaled in accordance the minor second (1.067)
  http://modularscale.com/scale/?px1=13&px2=12&ra1=1.067&ra2=0
  Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #545454;
  margin: 0 0 1.067em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: normal;
}
h1 {
  font-size: 36px;
  line-height: 1.067em;
}
h2 {
  font-size: 24px;
  line-height: 1.067em;
}

h2 span {
  font-size: 0.9rem;
  color: #999;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
p {
  line-height: 2;
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  orphans: 3;
  widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
  margin: 0 0 1.067em 0;
}
li > ul,
li > ol {
  margin: 0 0 0 .75em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-bottom: 1.067em;
}
blockquote {
  quotes: "\201C" "\201D";
  position: relative;
  color: #39302d;
}
blockquote:before {
  content: "\201C";
  font-family: sans-serif;
  font-size: 3.631em;
  position: absolute;
  top: -0.327em;
  left: -0.53em;
  color: #c6c2c1;
}
/* 1.4 Tables */
table {
  width: 100%;
  font-size: 0.813em;
  margin-bottom: 1.067em;
}
table th,
table td {
  border-bottom: 1px solid #e8e4e3;
  padding: 1.067em;
  vertical-align: top;
  text-align: left;
}
table th {
  text-transform: uppercase;
}
table tr th:first-child:not(table.shop_table tr th),
table tr td:first-child:not(table.shop_table tr td) {
  padding-left: 0;
}
table tr th:last-child:not(table.shop_table tr th),
table tr td:last-child:not(table.shop_table tr td) {
  padding-right: 0;
}

table.tablepress tbody td {
  white-space:normal!important;
}
.gallery-caption {
  opacity: 1;
}

table.cart .quantity input{
  border: 1px solid #e8e8e8;
    height: 36px;
    padding: 0.125rem !important;
    float: left;
    margin-right: 5px;
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('includes/assets/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('includes/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('includes/assets/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('includes/assets/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('includes/assets/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('includes/assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} 
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}

p.rcp_error{
  border: 1px solid #e87070 !important;
  color: #cc2a2a !important;
  padding: 4px 10px;
  margin: 20px 0 20px !important;
}

.rcp_discount_invalid, .rcp_discount_valid {
  border-radius: 3px;
  padding: 4px 10px;
  margin: 10px 0 10px !important;
}

.rcp_discount_invalid{
  background: #ffebe8;
  border: 1px solid #e87070 !important;
  color: #cc2a2a !important;
  margin: 5px 0 5px !important;
  padding: 0 10px;
}

.rcp_discount_valid{
  background: #f1fff0;
  border: 1px solid #b9dc6d !important;
  color: #000000 !important;
  margin: 5px 0 5px !important;
  padding: 0 10px;
}

p.rcp_success{
  margin: 0 0 30px;
}

p.rcp_error span, p.rcp_success span {
  display: block;
  line-height: 1.5;
}

/* Site code begins */
@media only screen and (min-width: 800px) {
  /* Header */
  /* Columns & Containers */
  .col-left {
    float: left;
  }
  .col-right {
    float: right;
  }
  .col-full,
  .home #main-sidebar-container #main.full-width,
  .page-template-404-php #main-sidebar-container #main.full-width,
  .error404 #main-sidebar-container #main.full-width, .single #main.full-width {
    /*padding: 0 20px;
    */
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
  }
  #wrapper #sidebar {
    margin-top: 0;
  }
  /* Sidebar */
  #main-sidebar-container {
    position: relative;
  }
  #main-sidebar-container #main {
    position: relative;
  }
  #main-sidebar-container #sidebar {
    display: inline;
  }
  #sidebar-alt {
    display: inline;
    margin: 0;
  }

  /* Column Widths */
  .one-col #main {
    float: none;
  }
  .two-col-left #main-sidebar-container #main,
  .two-col-right #main-sidebar-container #main {
    width: 64.89%;
  }
  /* 610 / 940 */
  .two-col-left #main-sidebar-container #sidebar,
  .two-col-right #main-sidebar-container #sidebar {
    width: 31.91%;
  }
  /* 300 / 940 */
  .three-col-left #main-sidebar-container #sidebar,
  .three-col-middle #main-sidebar-container #sidebar,
  .three-col-right #main-sidebar-container #sidebar {
    width: 39.47%;
  }
  /* 300 / 760 */
  .three-col-left #main-sidebar-container,
  .three-col-middle #main-sidebar-container,
  .three-col-right #main-sidebar-container {
    width: 80.85%;
  }
  /* 760 / 940 */
  .three-col-left #main-sidebar-container #main,
  .three-col-middle #main-sidebar-container #main,
  .three-col-right #main-sidebar-container #main {
    width: 57.89%;
  }
  /* 440 / 760 */
  #sidebar-alt {
    width: 17.02%;
  }
  /* 160 / 940 */
  /* Column Floating */
  .two-col-left #main-sidebar-container #main,
  .two-col-right #main-sidebar-container #sidebar,
  .three-col-left #main-sidebar-container,
  .three-col-left #main-sidebar-container #main,
  .three-col-middle #main-sidebar-container #main,
  .three-col-middle #sidebar-alt,
  .three-col-right #main-sidebar-container #sidebar,
  .three-col-right #sidebar-alt {
    float: left;
  }
  .two-col-left #main-sidebar-container #sidebar,
  .two-col-right #main-sidebar-container #main,
  .three-col-left #main-sidebar-container #sidebar,
  .three-col-left #sidebar-alt,
  .three-col-middle #main-sidebar-container,
  .three-col-middle #main-sidebar-container #sidebar,
  .three-col-right #main-sidebar-container,
  .three-col-right #main-sidebar-container #main {
    float: right;
  }

  .archive_list .col-left{
    width: 100% !important;
  }
}
/* 2.2 Navigation */


ul.nav li {
  list-style-type: none;
}
ul.nav li a {
  text-transform: uppercase;
  padding: .5em 1em;
  display: block;
  color: #6a6a6a;
}
ul.nav li a:hover {
  color: #7EB541;
}
ul.nav li.current_page_item > a,
ul.nav li.current_page_parent > a,
ul.nav li.current-menu-ancestor > a,
ul.nav li.current-cat > a,
ul.nav li.current-menu-item > a {
  color: #7EB541;
}
ul.nav li ul li a {
  background: none !important;
  /* color: #666!important; */
}
ul.nav ul li.current_page_item > a,
ul.nav ul li.current_page_parent > a,
ul.nav ul li.current-menu-ancestor > a,
ul.nav ul li.current-cat > a,
ul.nav ul li.current-menu-item > a {
  color: #6a6a6a!important;
}


/* Go To Button */
.go-top {
  position: fixed;
  display: none;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 13px;
  padding: .75em 1em;
  z-index: 2;
}
a.go-top {
  color: #fff;
}
.go-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
/* 2.3 Header */
#header {
  padding: 20px 0 40px;
  clear: both;
  position: relative;
  background-size: cover;
}

#topad {
  max-width: 468px;
  margin: 20px auto 0;
}
.logo-mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .logo-desktop {
    display: none;
  }
  .logo-mobile {
    display: block;
  }
  .breadcrumb-trail {
    text-align: center;
  }
  .slide-info {
    top: auto;
    bottom: 0;
  }
  body {
    font-size:18px;
  }
  #logo {
	  width:58%;
    display:block;
	}
}
@media only screen and (min-width: 769px) {
  ul.nav ul li.current_page_item > a,
  ul.nav ul li.current_page_parent > a,
  ul.nav ul li.current-menu-ancestor > a,
  ul.nav ul li.current-cat > a,
  ul.nav ul li.current-menu-item > a {
    color: #7EB541!important;
  }
}
.mega-icon img {
  display: none;
}
@media only screen and (min-width: 1025px) {

  #navigation .nav > li.has-children > a:after {
    font-family: "FontAwesome";
    content: "\f107";
    border-color: #ccc transparent transparent transparent;
    margin-left:0.5rem;
  }
  #navigation ul.nav ul {
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    background: #ffffff;
    border: 1px solid #ebebeb;
    left: -1px;
    box-shadow: 0.202em 0.202em 0 0 rgba(232, 228, 227, 0.15);
    -webkit-box-shadow: 0.202em 0.202em 0 0 rgba(232, 228, 227, 0.15);
  }
  #navigation {
    display: block !important;
  }
  #navigation .sub-nav {
    min-width: 220px;
  }

  #navigation .recipes .sub-nav {
    min-width: 600px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    gap: 0;
  
    display: grid;
    grid-template-rows: repeat(8, 1fr);
    grid-auto-flow: column;
    grid-template-columns: repeat(3, 1fr);
  }

  #navigation #main-nav ul.sub-nav li:nth-last-child(-n + 6) {
    grid-column-start: 3;
  }
  .nav > li:first-child {
    border-left: 1px solid #dbdbdb;
  }

  .fix_to_top #navigation #main-nav .recipes ul.sub-nav li {
    width: 200px;
  }
}
/*width 800px;*/
#navigation ul ul li:first-child,
#navigation ul ul li:first-child a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#navigation ul.nav > li a:hover {
  background: #ffffff;
}
#navigation .sub-menu,
#navigation .children {
  text-align: left;
}
#navigation ul.nav > li:hover {
  background: #ffffff;
}
#navigation ul.nav ul ul {
  top: -1px;
  left: 100%;
}
#top .nav li.parent > a {
  position: relative;
  padding-right: 2em;
}
#top .nav li.parent > a:after {
  content: "";
  display: block;
  border: .3em solid #ccc;
  border-color: #ccc transparent transparent transparent;
  position: absolute;
  top: 48%;
  right: .8751em;
}
#navigation .nav li ul li.parent a {
  padding-right: 0;
}
#navigation .nav li ul li.parent a:after {
  border-color: transparent transparent transparent #ccc;
  right: 0;
  top: 46%;
}
#navigation .nav > li.has-children > a {
  position: relative;
  padding-right: 2em;
}
#navigation .nav li ul > li.has-children a {
  padding-right: 0;
  box-shadow: none;
}
#navigation .nav li ul > li.has-children > a:after {
  font-family: "FontAwesome";
  position: absolute;
  font-family: "FontAwesome";
  content: "\f105";
  padding: 0.1rem 0.5rem !important;
  font-size: 1rem;
  border-radius: 1px;
  background-color: #dbe9ce !important;
  color: black;
  vertical-align: middle;
  line-height: 19px;
  transition: background-color .3s ease;
  font-weight: bold;
}

#navigation .nav li ul > li.has-children > a.show-more-temp:after {
  content: "\f105";
  right: 10px;
  top: 18%;
}

#navigation .nav li ul > li.has-children > a.show-less:after {
  content: "\f104";
  left: 0.5rem;
  top: 0.375rem;
}
#header .nav-toggle {
  display: none;
}
#top {
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  #navigation .nav > li.has-children > a:after {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  html.boxed body {
    width: 958px;
    margin: 0 auto;
  }
  #wrapper {
    overflow: hidden;
  }

  #navigation #main-nav .mega-item .show-more a, #navigation #main-nav .mega-item .show-less a {
		padding: 0 0 4px 5px!important;
		background: #7EB541!important;
		line-height: .8;
	}
  /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
  ul.nav {
    position: relative;
    margin-bottom: 0;
    width: auto;
    /*margin-right: 30px;
        */
  }
  ul.nav li {
    position: relative;
    float: left;
    zoom: 1;
    list-style: none;
  }

  ul.nav li a {
    display: block;
    padding-top: 1em!important;
    padding-bottom: 1em!important;
  }
  ul.nav li a:hover {
    text-decoration: none;
  }
  ul.nav li ul li a:hover {
    text-decoration: underline;
  }
  ul.nav ul {
    width: 130%;
    visibility: hidden;
    position: absolute;
    left: 0;
    z-index: 9999;
    margin: 0;
    padding: .8rfiem 0;
  }
  ul.nav ul li {
    float: none;
  }
  ul.nav ul li a {
    width: 100%;
    display: inline-block;
    padding: 0.7em 1em!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9em;
  }
  ul.nav ul ul {
    left: 100%;
    top: 0;
  }
  ul.nav li:hover > ul {
    visibility: visible;
  }
  /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */
  #top {
    margin: 0 -1.618em;
    padding: 0 1.618em;
  }
  #top #top-nav {
    display: block!important;
  }
  #top ul.nav ul {
    width: 125%;
  }
  #top ul.nav li a {
    color: #b9b9b9;
    padding-top: 0.25em!important;
    padding-bottom: 0.35em!important;
    border-right: 1px solid #e1e1e1;
  }
  #top ul.nav > li a:hover {
    background: #ffffff;
    color: #7EB541;
  }
  #top ul.nav > li:hover {
    background: #ffffff;
    color: #ffffff;
  }
  #top ul.nav ul {
    background: #ddd;
  }
  #top ul.nav ul li a {
    color: #545454!important;
  }
  #top ul.nav li.current_page_item a,
  #top ul.nav li.current_page_parent a,
  #top ul.nav li.current-menu-ancestor a,
  #top ul.nav li.current-cat a,
  #top ul.nav li.current-menu-item a {
    color: #7EB541;
  }
}
@media only screen and (max-width: 1024px) {
  #main {
    margin-top: 40px;
  }
  #navigation {
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 99.6%;
    font: 400 14px/1.5em 'Open Sans', sans-serif;
  }
  #navigation li {
    position: relative;
  }
  #navigation ul.nav > li {
    border-right: none!important;
  }

  #navigation .nav > li.has-children.open .sub-nav{
    border-top: 1px solid #dbdbdb;
  }

  #navigation span.btnshow_nav {
    padding: 10px 15px;
    border-left: 1px solid #dbdbdb;
    display: block;
    position: absolute;
    float: right;
    right: 0px;
    top: 0px;
  }
  #navigation span.btnshow_nav:before {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 200;
  }
  #navigation .onacc_nav {
    border-right: 1px solid #dbdbdb;
    border-left: none!important;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
  }
  #header {
    padding: 20px 0 0px;
  }
  .fa-reorder:before {
    font-size: 14px;
    margin-left: -20px;
  }
  ul.nav {
    margin-bottom: 0px;
  }
  ul.nav li {
    border-bottom: 1px solid #dbdbdb;
  }
  ul.nav li:last-child {
    border-bottom: none;
  }
  ul.nav li.menu-item-has-children .sub-menu {
    border-top: 1px solid #dbdbdb;
  }
  ul.nav li a {
    padding: 10px 20px 10px;
  }
  ul.nav ul.sub-menu {
    margin-left: 0px;
  }
  ul.nav ul.sub-menu a {
    margin-left: 20px;
  }
  ul.nav ul.sub-menu ul.sub-menu a {
    margin-left: 40px;
  }
  #header .nav-toggle {
    text-align: center;
    display: block;
    margin: 2.5em 0 0;
    padding: 0.4em 1em;
    font-size: 1em;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 2px;
    clear: both;
  }
  #header .nav-toggle.fa-reorder {
    color: #dbdbdb;
  }
  #header .nav-toggle a {
    color: #222;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    margin-left: 5px;
  }
  #header .nav-toggle.fa-reorder:hover,
  #header .nav-toggle a:hover {
    color: #7EB541;
    text-decoration: none;
  }
  #header .nav-toggle {
    padding: 10px 0px 10px;
  }
  #header .nav-toggle a {
    margin-left: 10px;
  }
  #header .nav-toggle a {
    line-height: 1.5em;
  }
  #header .nav-toggle.fa-reorder:hover a {
    color: #7EB541;
  }
  #main-nav .has-children a:after {
    display: none;
  }
  #main-nav .sub-nav .sub-nav li:first-child {
    border-top: 1px solid #dbdbdb;
  }
}
/* 2.1 Containers & Columns */
/* 2.4 Content */
#content {
  /*margin-top: 84px ;
    */
  padding: 40px 15px;
  position: relative;
}
.hide {
  display: none;
}
.breadcrumbs {
  font-style: italic;
  color: #7EB541;
}
.archive_header {
  display: block;
  float: left;
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
  margin: 0 0 30px;
  padding: 0 0 10px;
  color: #222;
}
.archive_header {
  font-weight: bold;
  font-size: 1.5em;
}
.archive_header h1 {
  font-size: 1em;
}
.archive_header .catrss a {
  padding: 5px 10px;
  font-size: 14px;
  text-decoration: none;
  line-height: 21px;
}
.post {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.page-template-template-blog-elegant-php .post,
.single-post .post,
.single-recipe .post,
.archive-elegant-post .post {
  padding: 0;
  border: none;
}
.post,
.search .page {
  margin: 0 0 40px;
}
.page-template-404-php .title-404,
.error404 .title-404 {
  text-align: center;
}
.post .title,
.page > .title {
  margin: 0 0 0.5em;
}
.post .title a:link,
.post .title a:visited,
.page .title a:link,
.page .title a:visited {
  color: #545454;
}
.post .title:hover a {
  color: #7EB541;
}
.post-meta {
  margin: 0 0 1.8em 0;
  color: #b9b9b9;
  text-transform: capitalize;
  font: 300 12px/21px "Open Sans", Helvetica, Arial, sans-serif;
}
.post-meta .small {
  font-weight: bold;
}
.post-meta .author {
  text-transform: capitalize;
}
.post-meta abbr {
  border-bottom: none;
}
.post-more {
  clear: both;
  padding: 0.2em 0;
  font: italic 13px 'Open Sans', sans-serif;
  color: #7EB541;
}
.post-more a {
  color: #7EB541;
}
.post-more .sep {
  padding: 0 0.5em;
}
.post-meta .post-edit-link {
  background: #F0F0F0;
  border-radius: 3px;
  float: right;
  font-weight: 300;
  padding: 2px 5px;
  margin-top: -2px;
}
.post p.tags {
  color: #B9B9B9;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}
.post-meta a:link,
.post-meta a:visited,
.post p.tags a:link,
.post p.tags a:visited {
  font-weight: normal;
  color: #545454;
}
.post-more a:hover,
.post-meta a:hover,
.post p.tags a:hover {
  text-decoration: underline;
  color: #7EB541;
}
.post .post-embed {
  margin-bottom: 20px;
}
.entry .page-link {
  font-weight: bold;
  margin: 0 0 2em;
}

/* 3.1 Typographic Elements */
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
  margin: 0 0 0.5em;
  line-height: 1.067em;
}

.entry h1{
  font-size: 25px;
  margin-top: .75em;
}


.page-template-404-php .entry,
.error404 .entry {
  font: 300 18px/24px "Open Sans", Helvetica, sans-serif;
  text-align: center;
}
.entry p {
  line-height: 2;
  margin-bottom: 1.067em;
}
.entry blockquote {
  position: relative;
  padding: 10px 20px 10px 50px;
  color: #444;
}
.entry blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0.5em;
  left: 0;
  font-size: 7em;
  color: #b9b9b9;
  font-family: 'Open Sans', serif;
}
.entry blockquote p {
  font-style: italic;
}
.entry ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 30px;
}
.entry ul ul {
  margin: 0;
}
.entry ul li {
  list-style-type: disc;
}
.entry ul ul li {
  list-style-type: circle;
}
.entry ol {
  margin: 0 0 15px 0;
  padding: 0 0 0 30px;
}
.entry ol ol {
  margin: 0;
}
.entry ol li {
  list-style-type: decimal;
}
.entry ol li ol li {
  list-style-type: lower-latin;
}

#main ul {
  list-style-position: inside;
}
/* 3.2 Images */
img.wp-smiley {
  padding: 0;
  border: none;
}
.alignleft {
  float: left;
  margin: 5px 15px 15px 0;
}
.alignright {
  float: right;
  margin: 5px 0 15px 15px;
}
.aligncenter {
  text-align: center;
  margin-bottom: 15px;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.entry .wp-caption {
  max-width: 100%;
  width: 100%;
  padding: 1px;
  text-align: center;
  background: #F8F8F8;
  border: solid 1px #e6e6e6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 0 0 1px 1px #fff;
  -moz-box-shadow: inset 0 0 1px 1px #fff;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
}
.entry .wp-caption img {
  margin: 0!important;
  padding: 4px 0;
  background: none;
  border: 0;
}
.entry .wp-caption-text {
  margin: 0 0 0.3em;
  padding: 0;
  font: bold 300 12px/1.5em "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
}
.entry .wp-caption a {
  margin: 0!important;
}
.entry .wp-caption.aligncenter {
  margin: 0 auto 15px;
}
/* 3.3 Pagination */
.nav-entries {
  clear: both;
  font-size: 12px;
}
.post-entries {
  clear: both;
  margin-top: -20px;
}
.post-entries a:link,
.post-entries a:visited {
  font-size: 0.9em;
  color: #888;
}
.post-entries a:hover {
  text-decoration: none;
  color: #666;
}
.woo-pagination {
  margin: 0;
  text-align: center;
  clear: both;
  display: block;
}
.woo-pagination a:link,
.woo-pagination a:visited,
.nav-entries a span {
  display: inline;
  text-decoration: none;
  color: #7EB541;
  padding: 6px 10px;
  border: 1px solid #DDDDDD;
}
.nav-entries a {
  font-size: 1.2em;
}
.nav-entries .meta-nav {
  border: none;
}
.woo-pagination span.extend,
.woo-pagination .page-numbers {
  border: none;
  color: #666;
}
.woo-pagination a:link,
.woo-pagination a:visited,
.woo-pagination a:active,
.nav-entries a span {
  font-size: 0.9em;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
.woo-pagination span.current {
  border: none;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  font-size: 0.9em;
}
.woo-pagination a:link,
.woo-pagination a:visited,
.woo-pagination a:active {
  border: none;
  background: #fff;
}
.woo-pagination .current,
.woo-pagination a:hover {
  padding: 6px 10px;
  background: #7EB541;
  color: #fff;
}
.single .wp-post-image {
  margin-bottom: 10px;
}

@media only screen and (max-width: 800px) {
  .archive_header .catrss {
    float: left;
    margin-top: 5px;
  }
  .archive_header .catrss a {
    padding: 0px;
  }
}
/* 3.4 Single Post Author */
#post-author {
  padding: 15px;
  margin: 0 0 1.5em;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#post-author h4 {
  margin-bottom: 0.4em;
}
#post-author .profile-image img {
  max-width: 80px;
  float: left;
  overflow: hidden;
  margin: 0 15px 5px 0;
  padding: 0;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#post-author .profile-content {
  font-size: 13px;
  overflow: auto;
}
.author #post-author {
  margin-bottom: 30px;
}
.author .show-all-recipe-author button {
  display: block;
  margin-bottom: 20px;
  border: none;
  background: none;
  font: normal 16px/20px "Open Sansa", sans-serif;
  color: #545454;
}
.author .show-all-recipe-author button:hover {
  color: #7EB541;
}
.author .show-all-psot-author button {
  display: block;
  margin-bottom: 20px;
  border: none;
  background: none;
  font: normal 16px/20px "Open Sans", sans-serif;
  color: #545454;
}
.author .show-all-post-author button:hover {
  color: #7EB541;
}
/*single author*/
.cookname {
  margin-bottom: 20px;
}
.cookname #author-profile,
.post-author-box {
  background: #fcfcfc;
  padding: 15px 0px;
  float: left;
  width: 100%;
}
.auth-img {
  margin-right: 3%;
  overflow: hidden;
  float: left;
  border: none;
  display: block;
  margin-left: 3%;
}
.auth-img img {
  border: none;
  padding: 0;
}
.auth-des {
  float: right;
  width: 80%;
  display: block;
}
.auth-des h4 {
  margin-bottom: 0.4em;
}
.auth {
  margin: 10px 0px 0px 0px;
  text-align: left;
  float: none;
}
.auth a {
  display: inline-block;
  font-size: 16px ;
  color: #e3e3e3;
  margin-right: 5px;
}
.auth a:hover {
  color: #7EB541;
}
/*page author*/
.auth-page {
  margin-bottom: 20px;
}
.left-auth {
  width: 20%;
  margin-right: 3%;
  display: block;
  float: left;
}
.photo-auth {
  width: 100%;
  height: 150px;
  display: block;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}
.auth-des-page {
  width: 77%;
  height: auto;
  display: block;
  float: left;
}
.archive.author .entry {
  float: none;
  width: 100%;
}
.archive.author .post-more {
  padding: 2em 0 0;
}
/* 5.1 Comments */
#comments {
  position: relative;
  margin: 42px 0 0;
  padding: 42px 0 0 0;
  border-top: 1px solid #e1e1e1;
}
#comments h3 {
  color: #545454;
  font-weight: normal;
  margin-bottom: 1.067em;
}
#comments .comment.thread-even {
  background: #fafafa;
  background: rgba(0, 0, 0, 0.02);
}
#comments .comment {
  margin-top: 10px;
  width: 100%;
  list-style-type: none;
}
#comments .comment .comment-container {
  position: relative;
  padding: 21px;
}
#comments .comment-head {
  margin: 0 0 15px 0;
}
#comments .avatar {
  float: left;
  margin: 0 15px 10px 0;
}
#comments .avatar img {
  margin: 0;
  vertical-align: middle;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}
#comments .comment-head .name {
  margin: 0;
  font-weight: bold;
  font-size: 15px;
}
#comments .comment-head .date,
#comments .comment-head .edit,
#comments .comment-head .perma {
  font-size: 12px;
}
#comments .comment-entry p {
  margin: 0 0 10px 0;
}
#comments .reply {
  padding-top: 10px;
}
#comments .reply a {
  color: #fff;
}
#comments ul.children {
  margin: 10px 10px 0 25px;
  padding: 0;
}
#comments ul.children li {
  border-top: 1px solid #e1e1e1;
}
#comments .cancel-comment-reply {
  margin: 10px 0;
}
#comments .navigation a {
  display: block;
  margin: 15px 0 0 0;
  text-decoration: none;
}
#comments h3#pings {
  margin-top: 25px;
}
#comments .pingbacks li.pingback {
  margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
  display: none;
}
/* 5.2 Comments Form */
#respond {
  margin: 42px 0 0;
}
#respond h3 {
  color: #545454;
  font-weight: normal;
  text-transform: uppercase;
  padding: 21px 0 13px;
  margin-bottom: 1.067em;
  border-bottom: 1px solid #e1e1e1;
}
#respond #reply-title small {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
#respond .left {
  float: left;
  width: 200px;
  margin-right: 15px;
}
#respond .right {
  float: left;
  width: 380px;
}
#respond label {
  font-size: 12px;
  color: #777;
}
#commentform {
  margin: 15px 0 0 0;
}
#commentform input.txt,
#commentform textarea {
  font: 300 13px/1em "Open Sans", Helvetica, sans-serif;
}
#commentform input.txt {
  width: 170px;
  margin: 0 5px 10px 0;
  padding: 6px 7px ;
}
#commentform textarea {
  width: 97% !important;
  padding: 6px 7px ;
}
#commentform input#submit {
  float: right;
  margin: 15px 0 0 0;
  background: #7EB541;
  border: none;
  font-size: 13px;
  padding: 8px 20px;
  color: #fff;
}
/* 5.3 Pingbacks / Trackbacks */
h3#pings {
  margin: 25px 0 10px 0;
}
.pinglist li {
  margin: 0 0 0 20px;
  list-style-type: decimal;
}
.pinglist li .author {
  font-weight: bold;
  font-size: 15px;
}
.pinglist li .date {
  font-size: 12px;
}
.pinglist li .pingcontent {
  display: block;
  margin: 10px 0;
}

/* 8.7 Timeline Page Template */
#archives {
  padding: 24px 0 0;
}
#archives .archives_list {
  border-left: 1px solid #e5e5e5;
  list-style: none;
  margin: 24px 0 0 30px;
  padding: 0 0 20px;
}
#archives .archives_list:last-child:after {
  content: '';
  position: relative;
  top: 20px;
  left: -7px;
  display: block;
  width: 5px;
  height: 5px;
  border: 4px solid #e5e5e5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #7EB541;
}
#archives .archives_list li {
  clear: left;
  padding: 10px 0 10px 10px;
  font-size: 0.9em;
  font-style: normal;
  list-style: none;
}
#archives .archives_list .date {
  color: #534545;
  position: relative;
  width: 40%;
  font-style: italic;
  display: block;
  vertical-align: top;
}
#archives .archives_list .date:before {
  content: '';
  position: absolute;
  top: 9px;
  left: -10px;
  display: block;
  width: 5px;
  height: 1px;
  border-top: 2px solid #e5e5e5;
}
#archives .archives_list .linked {
  padding-top: 2px;
  padding-right: 80px;
  width: auto;
  display: inline-block;
  font-size: 1.4em;
  font-family: 'Open Sans', sans-serif;
  vertical-align: top;
}
#archives .archives_list .comments {
  display: inline;
  margin-top: -15px;
  float: right;
  vertical-align: top;
}
#archives .archives_list .comments a:after {
  font-family: 'FontAwesome';
  content: "\f075";
  display: inline-block;
  right: 0;
  position: absolute;
}
#archives .archives_list .comments a {
  display: block;
  position: relative;
  width: 25px;
  height: 27px;
  padding: 3px 0 0 0;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
#archives .archives_list .comments a:hover {
  text-decoration: none;
}
h3.archive_year {
  padding: 18px 10px;
  color: #fff;
  border: 2px solid #fff;
  outline: 2px solid #7EB541;
  background-color: #7EB541;
  display: inline;
  margin-top: 0;
}
.archive .image-cate {
  margin-bottom: 20px;
}
.archive .image-cate img {
  max-width: 100%;
}
.archive .recipe-title {
  margin-bottom: 20px;
}
.archive .image-descrip {
  margin-bottom: 20px;
}
.archive .image-cate img:hover {
  opacity: .8;
}
.archive .title {
  font: normal 400 24px/1.2em "Open Sans", sans-serif;
  margin: 0 0 0.5em;
}
.recipe-title {
  margin-bottom: .5em;
}

.page-template-template-recipes-list-php .recipe-info-list .recipe-title {
  border-bottom: none;
  margin-bottom: 20px;
}
.th-recipe-list {
  width: 30%;
  height: auto;
  overflow: hidden;
  display: block;
  float: left;
  border-bottom: 3px solid #7EB541;
}
.th-recipe-list img {
  padding: 0!important;
  border: none!important;
}
.recipe-content {
  margin-left: -1.5%;
  margin-right: -1.5%;
}

#sidebar .recipe-content {
  margin-left: 0;
  margin-right: 0;
}

.recipe-grid-item {
  margin-bottom: 20px;
  width: 30.333%;
  float: left;
  position: relative;
}

.entry-content {
	font-family: "Open Sans";
}



/* shop page   */

@media screen and (min-width: 768px) {
  .tax-recipe_type .recipe-grid-item {
    height: 280px;
  }
}
.one-col.tax-recipe_type .recipe-grid-item {
  height: 335px;
}
@media only screen and (max-width: 768px) {
  .one-col.tax-recipe_type .recipe-grid-item {
    height: 278px;
  }
}
.recipe-list-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  display: inline;
  float: left;
}
.recipe-info h3 {
  font-size: 13px;
  margin-bottom: 0;
  text-align: center;
  overflow: hidden;
}
.recipe-list-item h2.title a:hover {
  color: #7EB541;
}
.recipe-tags-list {
  text-align: right;
  margin-top: -20px;
}
.recipe-tags-list span {
  top: -35px;
  position: relative;
}
.recipe-tags-list ul {
  text-align: left;
  padding: 0px;
  margin-bottom: 15px!important;
}
.recipe-tags-list ul li {
  list-style: none;
  display: inline ;
}
.recipe-info {
  text-align: center;
}
.recipe-info-list {
  text-align: left;
  display: block;
  float: left;
  width: 65%;
  margin-left: 20px;
}
.recipe-info li {
  display: inline-block;
}
.recipe-info-page {
  margin: 0px!important;
  padding: 15% 0px!important;
}
.recipe-info-page li {
  margin-left: 0px;
  color: #fff;
  padding: 0px 10px 0px 10px;
}
.box-info-list {
  margin-bottom: 20px;
  border-radius: 6px;
  webkit-border-radius: 6px;
  moz-border-radius: 6px;
  o-border-radius: 6px;
}
.line-gold {
  border-top: 1px solid #7EB541;
}
.get-recipe {
  text-align: right;
  display: block;
  position: relative;
  top: -13px;
  margin-bottom: 0;
}
.get-recipe a {
  color: #7EB541;
  font-style: italic;
  text-align: right;
  background-color: #fff;
  padding-left: 20px;
  font-family: 'Open Sans';
}
.get-recipe a:hover {
  color: #a68356;
}
div.snipit {
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.snipit ul li {
  list-style: none;
}
.snipit p {
  padding-left: 10px;
  padding-right: 10px;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.snipit a {
  color: white!important;
  font-size: 16px;
}
.recipe-grid-item:hover .snipit {
  opacity: 1;
}
.fork {
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.fork em {
  color: #fff;
  background-color: #7EB541;
  padding: 10px!important;
}
.fork em:hover {
  background-color: #a68356;
}
/*-----------------------------------------------------------------------------------*/
/*  single Page styles
/*-----------------------------------------------------------------------------------*/
.content-full {
  display: block;
  position: relative;
  width: 100%;
}
.content-left-first {
  width: 68%;
  display: block;
  position: relative;
  margin-right: 2%;
}
.content-right-first {
  width: 30%;
  display: block;
  float: left;
  position: relative;
}
.single-recipe .info-right {
  display:none;
}
.content-left-sec {
  width: 73.0%;
  display: block;
  float: left;
  position: relative;
  margin-right: 1%;
}
.content-right-sec {
  width: 26.0%;
  display: block;
  float: left;
  position: relative;
}
.recipe-info-single-big {
  text-align: left;
  display: block;
  padding: 10px 0 10px 0 !important;
  border: 1px  ;
  border-style: solid none solid none;
  border-color: #7EB541;
}
.recipe-info-single-big > li {
  width: 140px;
  text-align: left;
  list-style: none;
  display: inline-block;
}
.prep-time li:last-child,
.cook-time li:last-child,
.yield li:last-child,
.skill_level a {
  color: #7EB541;
}
.prep-time em,
.cook-time em,
.yield em,
.skill_level em {
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  color: #e4e1db;
  font-size: 34px;
  margin-right: 10px;
  display: block;
}
.recipe-info-single-big li ul {
  margin: 0!important;
  text-align: left;
  list-style: none;
  display: block;
}
.recipe-info-single {
  text-align: left;
  display: block;
  float: left;
}
.title-single {
  width: 100%;
}
.title-single ul li,
.recipe-info-single li {
  display: inline-block;
}
.title-single li,
.recipe-info-single li {
  margin-left: 0px;
  border-right: 1px solid #e3e3e3;
  padding: 0px 10px 0px 10px;
}
.title-single li:first-child,
.recipe-info-single li:first-child {
  padding-left: 0px;
}
.title-single li:last-child,
.recipe-info-single li:last-child {
  border-right: none;
}
.info-right {
  text-align: center;
}
.info-right p {
  color: #545454;
  background-color: #f7f6f4;
  padding: 10px 0 10px 0;
}
.rating-single {
  margin-bottom: 20px;
}
.rating-single p {
  background-color: #7EB541;
  color: #fff;
  padding: 10px 0 10px 0;
  font-size: 13px;
  text-transform: uppercase;
}
.rating-single ul {
  list-style: none;
}
.rating-single ul li {
  float: left;
  width: 100%;
}
.rate-box {
  display:inline-block;
  margin-top:1.25rem;
}
.rate-box h6 {
  color: #696969;
  margin: 6px 0px 10px 0px;
}
.rate-box .ex-rates {
  margin: 0px;
}
.rate-box .hreview-aggregate {
  display: none;
}
.rate-box .rates {
  color: #0053a6;
}
.rate-box #rate-product p {
  margin-bottom: 15px;
}

.rating-section {
  display: flex;
}

#rate-product {
  margin: 0 0 0 .7rem;
}
.rate-box .rate-left li,
.rate-box .rate-right li {
  float: left;
  width: 100%;
  list-style-type: none;
}
.rate-box .rate-right .df-rating-star,
.rating-single .df-rating-star,
.rate-box .rate-right .df-rating-avg,
.rating-single .df-rating-avg {
  left: 50%;
  margin-left: -51px;
}
.recipe-grid-item .rating {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}
.recipe-grid-item .rating .df-rating-star,
.recipe-grid-item .rating .df-rating-avg {
  left: 50%;
  margin-left: -39px;
}
.recipe-info-list span {
  border-right: 1px solid #eee;
  padding: 0px 5px 0px 0px;
}
.recipe-info-list span:last-child {
  padding: 0px 0px 0px 5px;
  border-right: none;
}
/****** Style Star Rating Widget *****/
.df-rating-star,
.df-rating-avg,
.post-ratings span {
  border: 0;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
.df-rating-star > input,
.df-rating-avg > input {
  display: none;
}
.df-rating-star > label:before,
.df-rating-avg > label:before,
.post-ratings span:before {
  margin: 1px;
  font-size: 20px;
  font-family: 'fontAwesome';
  display: inline-block;
  content: "\f005";
}
#sidebar .df-rating-star > label:before,
.box-info-list .df-rating-star > label:before,
#footer-wrap .df-rating-star > label:before,
.recipe-grid-item .df-rating-star > label:before,
.slide-info .df-rating-star > label:before,
#sidebar .df-rating-avg > label:before,
.box-info-list .df-rating-avg > label:before,
#footer-wrap .df-rating-avg > label:before,
.recipe-grid-item .df-rating-avg > label:before,
.slide-info .df-rating-avg > label:before {
  font-size: 15px;
}
.df-rating-star > .half:before,
.df-rating-avg > .half:before,
.post-ratings > .half:before {
  content: "\f089";
  position: absolute;
}
.df-rating-star > label,
.df-rating-avg > label,
.post-ratings span {
  color: #ccc;
  float: right;
}
/***** CSS to Highlight Stars on Hover *****/
.df-rating-avg > input:checked ~ label,
.df-rating-star > input:checked ~ label,
.df-rating-star:not(:checked) > label:hover,
.df-rating-star:not(:checked) > label:hover ~ label,
.post-ratings span.fill {
  color: #FFD700;
}
.df-rating-star > input:checked + label:hover,
.df-rating-star > input:checked ~ label:hover,
.df-rating-star > label:hover ~ input:checked ~ label,
.df-rating-star > input:checked ~ label:hover ~ label {
  color: #FFED85;
}
.rate-box #output {
  display: none;
  margin: 0px;
}
.rate-box .status span {
  color: #7EB541;
}
.rate-box {
  border-bottom: 1px solid#7EB541;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: row wrap; 
  justify-content: space-between;
}
.rate-box p a {
  margin: 0!important;
  padding: 10px;
  background-color: #7EB541;
  color: #fff;
  width: 170px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
.rate-img {
  width: 12%;
  display: block;
  float: left;
  text-align: right;
  margin-right: 2%;
}
.rate-img img {
  width: 70px!important;
  height: 70px!important;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
}
.rate-left {
  width: 41%;
  float: left;
  display: block;
}
.rate-left ul li {
  display: inline-block;
}
.rate-right {
  width: 45%;
  float: left;
  text-align: center;
  display: block;
}
.sub-img {
  margin-bottom: 40px;
}
.single-img-box,
.single-slider {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
}
.single-img-box .img-nav {
  float: left;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #fff;
  z-index: 500;
}
.single-img-box .img-nav {
  padding: 5px 10px 5px;
  float: left;
  position: absolute;
  bottom: 8px;
  right: 1px;
  background-color: #fff;
  z-index: 500;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.single-img-box .img-nav a.activeSlide {
  background-position: 0px -12px;
}
.single-img-box img {
  padding: 0px;
  border: none;
}
.recipe-tabMenu {
  padding: 0px;
  list-style: none;
  display: block;
  margin-top: 30px;
  overflow:hidden;
}
.recipe-tabMenu ul li {
  display: inline;
  list-style: none;
}
.recipe-menu-tab {
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}
.recipe-menu-tab a {
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  display: inline;
  padding: 10px!important;
  font-family: 'Open Sans';
  text-transform: uppercase;
  margin: 0px !important;
  position: relative;
  cursor: pointer;
  bottom: 8.2px;
  z-index: 99;
  background-color: #f7f6f4;
  font-size: 16px;
  outline: none;
}
.recipe-menu-tab a:hover,
.recipe-tabMenu .ui-state-active a {
  background: #fff !important;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #fff !important;
  color: #7EB541 ;
}
.boxBody div.parent {
  display: none;
}
.boxBody div.show {
  display: block;
}
.boxBody div {
  margin: 0px 0px 20px 0px;
}
.text-tab {
  padding-left: 20px;
}
.info-bot li {
  display: block!important;
  color: #7EB541;
}
.info-bot span {
  color: #545454;
}
.text-size {
  text-align: right;
  float: right;
  color: #e3e3e3;
}
button.increase,
button.decrease {
  background: none;
  border: 0;
  color: #e3e3e3;
}
button.increase:hover,
button.decrease:hover {
  color: #7EB541;
}
.ytv-embed {
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
}

.logo-list {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
}

.logo-list li {
  list-style-type: none!important;
  width: 30%;
  padding: 1rem;
  box-sizing: border-box;
}

.logo-list li img {
  max-height: 150px;
  width:auto;
  margin:0 auto;
  display: block;
}

/*-----------------------------------------------------------------------------------*/
/* Misc recipe
/*-----------------------------------------------------------------------------------*/
.info-extra {
  border: 1px;
  border-style: solid none solid none;
  border-color: #e3e3e3;
  padding-top: 1.067em;
  padding-bottom: 1.067em;
  margin-bottom: 20px;
}
.extra .printfriendly-text2:before {
  content: "\f02f";
  margin-right: 5px;
  font-family: "FontAwesome";
}
.extra {
  float: right;
  margin-top: 5px;
  margin-bottom: 0;
}
.extra li {
  list-style: none;
  display: inline-block;
  margin-left: 20px;
}
.extra a {
  color: #e3e3e3;
}
.extra a:hover {
  color: #7EB541;
}
ul.ingre {
  margin-bottom: 40px;
}
.ingre li em {
  font-size: 5px;
  vertical-align: middle;
}
.ingre li {
  display: block!important;
  margin-bottom: 10px;
  margin-left: 20px;
}
.method_step {
  margin: 0px 0px 40px 35px;
}
.method_step li {
  margin-bottom: 10px;
}
.nutritional p span {
  color: #7EB541;
  margin-right: 20px;
  font-size: 16px;
}
.nutritional ul {
  border: 1px;
  border-bottom: 5px;
  border-style: solid ;
  border-color: #e3e3e3;
  padding: 0px 20px;
  text-align: left;
  border-radius: 5px;
}

.nutritional p {
  border-bottom: 1px dashed #e3e3e3;
  margin-bottom: 0px!important;
  padding: 20px 0 20px 0;
}
.nutritional h3 {
  text-align: center;
  padding: 10px 0 10px 0;
  margin-bottom: 0px!important;
}
.nutritional ul li:last-child p {
  border-bottom: none;
}

.nutritional p span.big-nut  {
  font-size:18px;
}

.nutritional p span.big-nut {
  white-space:nowrap;
  margin-right:20px;
  width:45%;
}

.nutritional .guide-info {
  font-style:italic;
  font-size:.85rem;
}

/*.big-nut.subfield {
  margin-left:.5rem;
}*/

.recipe-share {
  border: 1px;
  border-style: solid none;
  margin: 0px 0px 20px 0px;
  border-color: #e3e3e3;
  padding: 10px 0;
}
.recipe-share h3 {
  margin: 0!important;
  width: 30%!important;
  display: inline-block;
  float: left;
  padding-top: 10px;
}
.recipe-share .share-top {
  float: right;
}
.share-top {
  margin: 0;
  list-style: none;
  display: inline-block;
}
.share-top li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
.share-top li div {
  margin: 0px!important;
}
.share-top li div iframe {
  width: 80px!important;
}
.share-top li a i {
  background-color: #c3c3c3;
  color: #fff;
  padding: 5px;
  font-size: 18px;
  text-align: center;
  width: 22px;
  border-radius: 100%;
  height: 22px;
  vertical-align: middle;
  display: table-cell;
  -webkit-transition: opacity .3s ;
  -moz-transition: opacity .3s ;
  -ms-transition: opacity .3s ;
  -o-transition: opacity .3s ;
  transition: opacity .3s ;
}
.share-top li a i:hover {
  opacity: .5;
}

/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
.accordionButton {
  width: 99%;
  float: left;
  _float: none;
  /* Float works in all browsers but IE6 */
  padding: 5px 0px 5px 5px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  margin-bottom: 10px;
  border: 2px solid #ebebeb;
}
.accordionButton h4 {
  margin: 0!important;
}
.accordionButton i {
  margin-right: 10px;
}
.accordionContent {
  width: 100%;
  float: left;
  _float: none;
  /* Float works in all browsers but IE6 */
}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.onacc {
  /*background: #990000;
    */
  border: 2px solid #7EB541;
}
.onacc h4,
.overacc h4 {
  color: #7EB541;
}
.overacc h4:after {
  content: "\f067";
  font-family: 'FontAwesome';
  float: right;
  margin-right: 20px;
  font-weight: 400px;
  color: #7EB541!important;
}
.accordionButton h4:after {
  content: "\f067";
  font-family: 'FontAwesome';
  float: right;
  margin-right: 20px;
  font-weight: 400px;
  color: #ebebeb;
}
.onacc h4:after {
  content: "\f068";
  font-family: 'FontAwesome';
  float: right;
  margin-right: 20px;
  font-weight: 400px;
  color: #7EB541;
}
.overacc {
  /*background: #CCCCCC;
    */
  border: 2px solid #7EB541;
}
.rw-plupload-ui {
  position: relative;
}
.rw-drag-drop {
  height: 150px;
  border: 2px dashed #ccc;
}
.rw-drag-drop .drag-drop-inside {
  margin-top: 40px;
  text-align: center;
}
.drag-drop-inside p {
  text-align: center !important;
}
.rw-plupload-ui .filelist {
  margin: 20px 0;
}
.rw-plupload-ui .filelist .file {
  position: relative;
  height: 25px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.rw-plupload-ui .filelist .filename {
  width: 100%;
  padding: 4px 0;
  z-index: 10;
  position: relative;
}
.rw-plupload-ui .filelist .fileprogress {
  background: #0d72c7;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.rw-plupload-thumbnail {
  float: left;
  margin: 0 10px 10px 0;
  min-width: 150px;
  min-height: 150px;
}
.rw-plupload-thumbnail p {
  position: relative;
  margin: -30px 0 0 0;
  text-align: center;
  display: none;
}
.rw-plupload-thumbnail:hover p {
  display: block;
}
.rw-plupload-thumbnail:hover {
  cursor: move;
}

/*======================================================================*/
/*Page Submit
/*======================================================================*/
.auth-des-page {
  width: 100%;
}
.left-auth {
  width: 100%;
  margin-bottom: 20px;
}
.photo-auth {
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
}
@media (max-width: 685px) {
  /*===================================================================================*/
  /*single page resposive
    /*===================================================================================*/
  .title-single li,
  .recipe-info-single li {
    margin-left: 0px;
    border-right: none;
    padding: 0px  ;
    margin-right: 20px;
  }
  .recipe-info-single-big {
    text-align: center;
  }
  .recipe-info-single-big > li {
    margin-bottom: 20px;
  }
  .prep-time,
  .cook-time,
  .yield {
    border: none;
  }
  .info-right {
    width: 250px;
  }
  .content-left-first {
    width: 100%;
    height: auto;
  }
  .share-top {
    margin-bottom: 20px;
  }
  .menu-tab a {
    padding: 5px!important;
  }
  .nutritional {
    width: 240px!important;
  }
  .text-size {
    text-align: left;
    margin-bottom: 20px;
  }
  .auth-img {
    margin-bottom: 20px;
    float: left;
    max-width: 70px;
    margin: 0px 0px 20px;
  }
  .auth-des {
    float: left;
    width: 70%;
    margin-left: 20px;
  }
  .rate-left {
    width: 300px;
  }
  .rate-img {
    width: 100px;
    margin-bottom: 20px;
  }
  .rate-right {
    width: 150px;
    text-align: left;
  }
  /*======================================================================*/
  /*Page template list + grid*
    /*======================================================================*/
  .orderby select {
    width: 150px;
  }
  .orderby {
    float: none;
    display: block;
  }
  .flex-viewport {
    max-height: 100%;
    transition: all 1s ease 0s;
  }
  .title {
    float: none;
    width: 100%;
    font-size: 24px;
  }
  .recipe-info-list {
    margin-left: 0px;
    width: 100%;
  }
  .th-recipe-list {
    width: 100%;
    margin-bottom: 20px;
  }
  .th-recipe-list img {
    width: 100%;
  }
  .th-recipe-list {
    margin-bottom: 20px;
  }
}
@media (max-width: 685px) {
  #recipe-form,
  #recipe-form .outer,
  #recipe-form .outer-form,
  #recipe-form .half,
  #recipe-form .third {
    width: 100%;
  }
  #recipe-form fieldset,
  #login-signup-forgot fieldset {
    padding: 20px 0px 0px 10px;
  }
  #recipe-form .outer-form,
  #login-signup-forgot .outer-form {
    padding-left: 0px;
  }
  #recipe-form textarea,
  #recipe-form .input-title,
  #recipe-form .wys,
  #recipe-form .rwmb-clone input,
  #recipe-form .half input,
  #recipe-form .third input,
  #recipe-form .half select,
  #tags,
  #recipe-form .oneThird,
  #recipe-form .twoThird {
    width: 90% !important;
  }
}
@media (max-width: 480px) {
  .recipe-share .share-top,
  .text-size {
    float: none;
    margin-top: 20px;
  }
  .text-size {
    width: 100%;
  }
  .extra {
    float: none;
  }
  .extra li {
    margin-left: 0;
    margin-right: 20px;
  }
  .slide-info {
    top: auto;
    bottom: 0;
  }
  .slide-info p,
  .slide-info .rating {
    display: none;
  }
  /*======================================================================*/
  /*Page template list + grid*
    /*======================================================================*/
  .recipe-grid-item {
    width: 100%;
    float: none;
    margin: 20px auto;
  }
  .recipe-grid-item img {
    width: 100%;
  }
  .recipe-info-page {
    padding: 20% 0!important;
  }
  .th-recipe-list {
    width: 100%;
    margin-bottom: 20px;
  }
  .recipe-tags-list span {
    top: 0px;
    float: left;
  }
  .rating .value {
    border-left: none;
    padding-left: 0px;
  }
  .recipe-grid-item {
    padding: 0px;
  }
  .recipe-content {
    margin: 0px;
  }
}
@media (max-width: 320px) {
  /*======================================================================*/
  /*Page template list + grid*
    /*======================================================================*/
  .recipe-grid-item {
    width: 100%;
    float: none;
    margin: 20px auto 20px auto;
  }
  .slide-info {
    display: none;
  }
}
@media only screen and (min-width: 800px) {
  /*Error 404*/
  .page-template-404-php .entry,
  .error404 .entry {
    margin: 0 auto;
    width: 42.55%;
  }
  .three-col-left #main-sidebar-container .recipe-info-page,
  .three-col-middle #main-sidebar-container .recipe-info-page,
  .three-col-right #main-sidebar-container .recipe-info-page {
    padding: 0 !important;
  }
}
/* 2.5 Sidebar */
#sidebar {
  margin-top: 3em;
  overflow: hidden;
}
#sidebar #adserve_box{
  margin-bottom: 2.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
}
#sidebar ul li {
  color: #545454;
}
#sidebar ul li a {
  color: #B9B9B9;
}
#sidebar .secondary {
  float: left;
  margin-right: 20px;
}
#sidebar .tertiary {
  float: left;
  margin-right: 0;
}
#sidebar .last {
  margin: 0;
}
#sidebar .widget_categories li:hover,
#sidebar .widget_recent_comments li:hover {
  background: #fcfcfc;
  color: #7EB541;
}

#products-carousel {
  position: relative;
}
#products-carousel ul.products {
  float: left;
  padding: 0;
}
#products-carousel ul.products li.product {
  margin: 20px 10px 10px;
  clear: none;
  display: block;
}
#products-carousel ul.products li.product:nth-child(2n) {
  float: left;
  clear: none;
}
#products-carousel a.prev,
#products-carousel a.next {
  background: url(includes/assets/images/carousel_button.png) no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 500;
}
#products-carousel a.prev:hover,
#products-carousel a.next:hover {
  background: url(includes/assets/images/carousel_button_hover.png) no-repeat;
}
#products-carousel a.prev {
  background-position: 100% 0;
}
#products-carousel a.prev:hover {
  background-position: 100% 0;
}
#products-carousel a.next {
  right: 0;
  background-position: 0 100%;
}
#products-carousel a.next:hover {
  background-position: 0 100%;
}
#products-carousel a.prev span,
#products-carousel a.next span {
  display: none;
}
#products-carousel .clearfix {
  float: none;
  clear: both;
}
/* General Style */
.highlight {
  color: #FFF;
  font-family: 'Open Sans';
  font-weight: 800;
}
/* Blog List & Blog Item*/
.latest-blog img {
  width: 100%;
}
.widget h3.blog-title-sc {
  border: 0;
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #333;
  text-transform: uppercase;
}
.widget .latest-blog-list {
  overflow: visible;
  margin-bottom: 1.3em;
  border-bottom: 1px dotted #ababab;
  padding-bottom: 1.46em;
}
.widget .latest-blog-list h4.title {
  font: normal 400 14px/14px "Open Sans", sans-serif;
}
.widget .latest-blog-list h4.title a {
  color: #969696;
}
.widget .post-meta .small {
  font-weight: 400;
  color: #545454;
}
.widget .latest-blog-list .post-meta .vertical-bar,
.widget .latest-blog-list .post-meta .fa-comment,
.widget .latest-blog-list .post-meta .post-comments {
  display: none;
}
.widget .latest-blog-list .blog-list-image {
  width: 50px;
  margin-top: -6px;
  margin-bottom: .4em;
}
h3.blog-title-sc {
  padding-bottom: .5335em;
  border-bottom: 1px solid #e1e1e1;
}
.latest-blog-list h4.title,
.blog-item h4.title {
  font: normal 400 18px/1.45em "Open Sans", sans-serif;
  margin-bottom: .25em;
}
.latest-blog-list h4.title:hover a,
.blog-item h4.title:hover a {
  color: #7EB541;
}
.latest-blog-list .post-meta {
  margin-bottom: .5em;
}
.latest-blog-list .blog-list-image {
  float: left;
  margin-right: 1.067em;
  margin-bottom: .5em;
}
.latest-blog-list {
  clear: left;
  overflow: hidden;
  margin-bottom: .5em;
  border-bottom: 1px dashed #e1e1e1;
}
.blog-item {
  width: 100%;
  float: left;
  display: inline;
  margin-bottom: 20px;
}
.blog-item .blog-img img {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .blog-item.first {
    clear: left;
  }
  .blog-item:nth-child(2n) {
    float: left;
  }
  .one-col .latest-blog {
    margin-left: -1.3%;
    margin-right: -1.3%;
  }
  .one-col .blog-item {
    width: 30.66%;
    padding-left: 1.3%;
    padding-right: 1.3%;
  }
  .two-col-left .blog-item,
  .two-col-right .blog-item,
  .three-col-left .blog-item,
  .three-col-middle .blog-item,
  .three-col-right .blog-item {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
}
/*Linked More*/
/* Teaser */
.teaser {
  border: 1px solid #e1e1e1;
  display: block;
  padding: 21px 21px 20px 21px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
}
.teaser .teaser-img {
  margin: -21px -21px 20px -21px;
  overflow: hidden;
}
.teaser .teaser-img img {
  border: none;
}
/* Teaser Box*/
.teaserbox {
  display: block;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: url(includes/assets/images/shortcode/pattern.png) repeat top left;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
  margin: 0 0px 0 0px;
  padding: 10px;
}
.teaserbox .inner {
  border: 1px solid #e1e1e1;
  padding: 25px 25px 25px 25px;
  -webkit-box-shadow: inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1);
  -moz-box-shadow: inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1);
  box-shadow: inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1);
  color: #fff;
}
.teaserbox a.button {
  margin: 20px 0 0 0;
}
/* Callout */
.callout {
  margin: 0 0px 0 0px;
  padding: 10px;
  border: 1px solid #e1e1e1;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: url(includes/assets/images/shortcode/pattern.png) repeat top left !important;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
}
.callout .inner {
  padding: 10px 20px 0px 20px;
}
.callout .callout-content {
  float: left;
  color: #fff;
}
.callout .callout-button {
  float: right;
}
/* Testimonial */
.testimonial {
  border: 1px solid #ebebeb;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 1px 1px 2px 0px rgba(180, 180, 180, 0.2);
}
.testimonial:after {
  content: '';
  width: 26px;
  height: 20px;
  position: absolute;
  bottom: -18px;
  right: 100px;
  background: url(includes/assets/images/shortcode/testimonials.png) no-repeat;
}
.testimonial-img img {
  margin: 3px;
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  float: right;
}
.testimonial-author {
  margin: 20px 20px 20px 0px;
  color: #7EB541;
  text-align: right;
  font-weight: bold;
  float: right;
}
/*List & List Item*/
ul.styled-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.styled-list li {
  list-style: none;
  margin-bottom: 2px;
}
ul.styled-list li i {
  margin-right: 6px;
}
/*member*/
.member {
  overflow: hidden;
  text-align: center;
}
.member .member-image {
  position: relative;
  margin-bottom: 1.5em;
  display: inline-block;
}
.member .member-image img {
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 200px;
  height: 200px;
}
.member h3,
.member h4 {
  text-align: center;
  margin-bottom: 0.2em;
}
.member h3 {
  color: #7EB541;
}
.member .member-social {
  position: absolute;
  top: 0;
  width: 200px;
  height: 200px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  border-radius: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.member .member-image:hover .member-social {
  opacity: 1;
}
.member .member-social ul {
  margin-top: 100px;
  padding: 0;
}
.member .member-social li {
  display: inline-block;
  margin-right: 6px;
  font-size: 18px;
}
.member .member-social li a {
  color: #fff;
}
.member .member-social li a:hover {
  color: #7EB541;
}
/*linked More*/
.linked-more {
  border-top: 1px solid #7EB541;
  margin-bottom: 20px;
  line-height: 1em !important;
}
.linked-more span {
  padding-left: 1.067em;
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  margin-top: -0.5em;
  float: right;
}
.linked-more a:hover span {
  text-decoration: underline;
}
/* Specific Browser*/
@media only screen and (max-width: 768px) {
  html #top {
    margin: 0 -1.618em;
    padding: 0 1.618em;
  }
  #sidebar {
    clear: both;
  }
  .rev_slider_wrapper {
    margin-top: 3.15em !important;
  }
  .twitter-content-wrap {
    margin: 0 -1.618em;
    padding: 0 1.618em;
  }
}

.content-full-sh-img {
  width: 100%;
  display: block;
  float: left;
  clear: left;
}
.content-full-sh-img img {
  padding: 0px!important;
  border: 2px #7EB541;
  border-style: none none solid ;
}
.content-full-sh {
  display: block;
  float: left;
  clear: left;
  margin-bottom: 10px;
  padding: 10px;
}
.sh-banner {
  background: url('includes/assets/images/featured.png');
  position: absolute;
  width: 62px;
  height: 76px;
  top: -3px;
  z-index: 3;
}
p.feat-rec {
  color: #7EB541;
  font-style: italic;
  font-size: 15px;
  margin-bottom: 0px;
}
.rel-title {
  clear: both;
}
#parallax .parallax_content {
  width: 100%;
  display: block;
  margin: 0 auto;
}
#parallax .parallax_out {
  width: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 150px;
}
.mobile-true #parallax .parallax_out {
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover !important;
}
#parallax .parallax_in {
  /*text-align: center;
    */
  position: relative;
  margin: 0 auto;
}
.boxed #parallax .parallax_out,
.boxed #parallax .parallax_content,
.two-col-left #parallax .parallax_content,
.two-col-right #parallax .parallax_content,
.three-col-left #parallax .parallax_content,
.three-col-right #parallax .parallax_content,
.three-col-middle #parallax .parallax_content {
  margin-left: 0px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.boxed-layout.one-col #parallax .parallax_out {
  width: 100%!important;
  margin-left: -2.85715% !important;
}
.authorlist {
  text-align: center;
  padding: 0 !important;
  float: left;
  margin-bottom: 20px;
}
.authorlist li {
  display: inline-block;
  float: left;
  margin: 0 4px;
  list-style: none;
  width: 65px;
  height: 110px;
}
.authorlist img.photo {
  float: left;
  margin-bottom: 5px;
  border: none !important;
}
.authorlist div {
  width: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.authorlist div.authname {
  margin: 20px 0 0 10px;
  float: left;
}
.authorlist div a {
  word-break: break-word;
}
/* 6.1 Buttons */
body #go-signup .button,
body #go-signup .button:visited,
body #top a.button,
body #top a.button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  padding: 8px 20px;
  color: #fff !important;
  text-decoration: none;
  border: none;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  font-weight: 600;
  transition: all .3s ease;
  text-transform: uppercase;
  text-shadow:none !important;
}
body #go-signup .button,
body #go-signup .button:visited,
body #top a.button,
body #top a.button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit {
  border: none;
  background: #7EB541;
}
body #go-signup .button:hover,
body #top a.button:hover,
body #wrapper #content .button:hover,
body #wrapper #content .reply a:hover,
body #wrapper #content #respond .form-submit input#submit:hover {
  color: #fff  !important;
  text-decoration: none;
  background-color: #a68356;
  background-color: #71a339;
}
body #go-signup .button:active,
body #top a.button:active,
body #wrapper #content .button:active,
body #wrapper #content .reply a:active,
body #wrapper #content #respond .form-submit input#submit:active {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
}
body #wrapper #content .small.button,
body #wrapper #content .small.button:visited,
body #wrapper #content .reply a {
  font-size: .8rem;
  padding: 0px 6px 1px;
  text-transform: uppercase;
}

body #go-signup .button,
body #go-signup .button:visited,
body #top a.button,
body #top a.button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .medium.button,
body #wrapper #content .medium.button:visited,
body #wrapper #content #respond .form-submit input#submit {
  font-size: 13px;
  line-height: 1;
  padding: 8px 20px;
}

body #wrapper #content .button .add_to_cart_button{
  padding: 8px 40px !important;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 3px;
}


@-moz-document url-prefix() {
  body.woocommerce-cart #wrapper #content .button,
  body.woocommerce-cart #wrapper #content .button:visited,
  body.woocommerce-cart #wrapper #content .medium.button,
  body.woocommerce-cart #wrapper #content .medium.button:visited,
  body.woocommerce-cart #wrapper #content #respond .form-submit input#submit {
    padding: 4px 18px ;
  }
}
body #wrapper #content .large.button,
body #wrapper #content .large.button:visited {
  font-size: 14px;
  padding: 8px 14px 9px;
}
body #go-signup .button,
body #go-signup .button:visited,
body #top a.button,
body #top a.button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .medium.button,
body #wrapper #content .medium.button:visited,
body #wrapper #content #respond .form-submit input#submit {
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
body #go-signup .button,
body #go-signup .button:visited,
body #top a.button,
body #top a.button:visited,
body #wrapper #content .button,
body #wrapper #content .button:visited,
body #wrapper #content .reply a,
body #wrapper #content #respond .form-submit input#submit {
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
body #go-signup .button:hover,
body #top a.button:hover,
body #wrapper #content .button:hover,
body #wrapper #content .reply a:hover,
body #wrapper #content #respond .form-submit input#submit:hover {
  opacity: 0.9;
}
.sticky h2:before {
  font-family: 'FontAwesome';
  content: "\f08d";
  position: relative;
  display: inline-block;
  left: -10px;
  text-indent: 10px;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 500;
  /* Above WP toolbar. */
}
/* 2.6 Footer */
#footer-wrap {
  padding: 0 1.618em;
  background: #ffffff;
}
#footer-wrap-bottom {
  margin: 0 -1.618em;
  padding: 0 1.618em ;
  background: #262626;
}
#footer {
  padding: 1.067em 0.5em;
  width: auto;
}
#footer #credit img {
  vertical-align: middle;
}
#footer #credit span {
  display: none;
}

@media only screen and (max-width: 959px) {
  #footer-wrap {
    padding: 0;
  }
}


/*Custom css*/
.single-img-box.photo img {
  width:100%; 
  max-height: 410px;
  object-fit: cover;  
  margin-top: 0 !important;
}

/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

@font-face {
    font-family: 'Open Sans';
	src: local('Open Sans Bold'),
		 url('includes/assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('includes/assets/fonts/opensans-bold-webfont.woff') format('woff'),
         url('includes/assets/fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
	src: local('Open Sans Bold Italic'),
		 url('includes/assets/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('includes/assets/fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('includes/assets/fonts/opensans-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
	src: local('Open Sans Italic'),
	 	 url('includes/assets/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('includes/assets/fonts/opensans-italic-webfont.woff') format('woff'),
         url('includes/assets/fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
	src: local('Open Sans'),
		 url('includes/assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('includes/assets/fonts/opensans-regular-webfont.woff') format('woff'),
         url('includes/assets/fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
	src: url('includes/assets/fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('includes/assets/fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('includes/assets/fonts/raleway-extrabold-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
	font-display: swap;
}


/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('includes/assets/fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('includes/assets/fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('includes/assets/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('includes/assets/fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('includes/assets/fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('includes/assets/fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Raleway', sans-serif;
	font-weight: 800;
}

h1.title,
.single-blog h1,
.single-post h1,
.single-video h1,
.single-competition h1,
.search-results h1
 {
	text-align:center;
}

.single-recipe h1
 {
	text-align:left;
}

h2.woocommerce-loop-product__title {
	font-size:15px;
}

ul.products li.product img{
  border-bottom: 2px solid #71a339;
}

#wrapper #content .woocommerce ul.products .button{
  height: 32px;
  line-height: 32px !important;
  padding: 0 20px;
}

html, body {
	overflow-x: hidden;
}

body {
  font: 400 16px 'Open Sans', Helvetica, Arial, Sans-serif;
  line-height:24px;
  padding:0;
}

#parallax {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	max-width: 100vw;
}

#parallax .parallax_out {
	width:100%;
}

p {
	line-height: inherit;
}

.ui-widget-content a, a, #Cardinal-ModalContent a { 
	color:#7EB541;
	text-decoration: none;
}

#Cardinal-ModalContent a:hover { 
	color:#7EB541;
}

.bfc {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.archive .title {
	font-family:'Raleway', sans-serif;
	font-weight: 800;
}
#content { background:#fff; padding-top:0; }

#top { display:none; }
#navigation { 
	font-family:'Raleway', sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 14px;
	display: none;
}

.info-ratings-area, .rating-stars {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.single-recipe .info-ratings-area {
  justify-content: space-between;
}

.number-ratings, .rate-link {
  font-size: .8rem;
  padding-left: .5rem;
}

.above_recipe_title {display:block; color:#7EB541;  margin-bottom: 15px;  font-size: 1.2em; text-transform:uppercase; }
.below_recipe_title {display:block; margin:0 auto; width:100px; clear: both;}

.single-recipe .recipe_tools{
  margin-bottom: 0;
}

.below_thumb_box .below_recipe_title  { border-top:0; }

.recipe_timing_info {
  text-align: left;
  width: 100%;
  margin: 15px 0;
  font-weight: bold;
  border-top: 1px solid#7EB541;
  padding-top: .5rem;
  border-bottom: 1px solid#7EB541;
  column-count: 2;
}

.recipe_circles { width:100%;margin-top:25px; }
.recipe_circles.thumbs { margin-top:5px; margin-bottom: .5rem; padding-left: 6px;}
.recipe_circle {
	background:transparent url('includes/assets/images/sprites.png') top left no-repeat;
    width: 45px;
    height: 45px;
    display: inline-block;
	margin:0 2px;
	transform: scale(.73, .73); 
	margin-left: -12.5px;
	margin-bottom: -20px;
}

.featured-recipes .recipe_circles {
  display: none;
}

.trending .recipe_circle {
	height: 47px;
}

#sidebar .type-post .recipe_circles {display:none;}

.recipe_circle {display:none;}
.recipe_circle.healthy-dairy-free-recipes { background-position:-44px -44px; display:inline-block;}
.recipe_circle.healthy-diabetes-friendly-recipes { background-position:-90px 0px; display:inline-block;}
.recipe_circle.healthy-gluten-free-recipes { background-position:0px 0px; display:inline-block;}
.recipe_circle.healthy-high-calcium-recipes { background-position:0px -45px; display:inline-block;}
.recipe_circle.healthy-high-fibre-recipes { background-position:0px -90px; display:inline-block;}
.recipe_circle.healthy-high-iron-recipes { background-position:-90px -90px; display:inline-block;}
.recipe_circle.healthy-low-fat-recipes { background-position:-90px -45px; display:inline-block;}
.recipe_circle.healthy-low-sodium-recipes { background-position:-45px -89px; display:inline-block;}
.recipe_circle.healthy-vegetarian-recipes { background-position:-45px 0px; display:inline-block;}
.recipe_circle.healthy-vegan-recipes { background-position:0px -136px; display:inline-block;}
.recipe_circle.healthy-vegan-recipes { background-position:0px -136px; display:inline-block;}
.recipe_circle.healthy-lower-carb-recipes { background-position:-1px -361px; display:inline-block;}


.recipe_circle.healthy-low-kilojoule-recipes { background-position:-135px 0px; display:inline-block;}
.recipe_circle.healthy-low-fodmap-recipes{ background-position: -141px -271px; display:inline-block;}
.recipe_circle.healthy-low-fodmap-option-recipes{ background-position: -141px -227px; display:inline-block;}
.recipe_circle.healthy-gluten-free-option-recipes { background-position: -95px -270px; display:inline-block;}
.recipe_circle.healthy-high-protein-recipes { background-position: -136px -90px; display:inline-block;}

.recipe_circle.healthy-nut-free-recipes { display:none; }
/*.recipe_circle.low-fodmap { display:none; }*/


.recipe_circle.half-vege-serve-recipes { display:none; }
.recipe_circle.one-vege-serve-recipes { background-position: -45px -136px; display:inline-block;}
.recipe_circle.one-and-half-vege-serves-recipes { background-position: -136px -180px; display:inline-block;}
.recipe_circle.two-vege-serves-recipes { background-position: -91px -136px; display:inline-block;}
.recipe_circle.two-and-half-vege-serves-recipes { background-position: -1px -225px; display:inline-block;}
.recipe_circle.three-vege-serves-recipes { background-position: -136px -136px; display:inline-block;}
.recipe_circle.three-and-half-vege-serves-recipes { background-position: -48px -227px; display:inline-block;}
.recipe_circle.four-vege-serves-recipes { background-position: -1px -180px; display:inline-block;}
.recipe_circle.four-and-half-vege-serves-recipes { background-position: -94px -225px; display:inline-block;}
.recipe_circle.five-vege-serves-recipes { background-position: -47px -180px; display:inline-block;}
.recipe_circle.five-and-half-vege-serves-recipes { background-position: -50px -270px; display:inline-block;}
.recipe_circle.six-vege-serves-recipes { background-position: -92px -182px; display:inline-block;}
.recipe_circle.six-and-half-vege-serves-recipes { background-position: -92px -180px; display:inline-block;}

.recipe_circle.one-vege-serve { background-position: -45px -136px; display:inline-block;}
.recipe_circle.one-and-half-vege-serves { background-position: -136px -180px; display:inline-block;}
.recipe_circle.two-vege-serves { background-position: -91px -136px; display:inline-block;}
.recipe_circle.two-and-half-vege-serves { background-position: -1px -225px; display:inline-block;}
.recipe_circle.three-vege-serves { background-position: -136px -136px; display:inline-block;}
.recipe_circle.three-and-half-vege-serves { background-position: -48px -227px; display:inline-block;}
.recipe_circle.four-vege-serves { background-position: -1px -180px; display:inline-block;}
.recipe_circle.four-and-half-vege-serves { background-position: -94px -225px; display:inline-block;}
.recipe_circle.five-vege-serves { background-position: -47px -180px; display:inline-block;}
.recipe_circle.five-and-half-vege-serves { background-position: -50px -270px; display:inline-block;}
.recipe_circle.six-vege-serves { background-position: -92px -182px; display:inline-block;}
.recipe_circle.six-and-half-vege-serves { background-position: -92px -180px; display:inline-block;}
.recipe_circle.seven-vege-serves { background-position: -50px -316px; display:inline-block;}
.recipe_circle.seven-half-vege-serves { background-position: -96px -316px; display:inline-block;}
.recipe_circle.eight-vege-serves { background-position: -142px -316px; display:inline-block;}

.recipe_circle.healthy-money-saver-recipes { background-position: -135px -45px; display:inline-block;}

.circle_no_dairy {background:#E89B24;}
.circle_fat_free {background:#009CB4;}
.circle_dairy_free {background:#B95191;}

.recipe_tools {
	border-top:0;
	float:left;
	font-size: 0.8rem;
	width:100%;
}
.recipe_tool a {
	color:#000;
  font-weight:bold;
  margin-right:10px;
  margin-left:10px;
  font-size:.9rem;
}
.single-format-standard .recipe_tools { margin-bottom:20px;}

.recipe_tools span {
	display:block;
	float:left;
	margin-top:10px;
}
.nutritional p {padding:0;}
.nutritional p span.big-nut { display:inline-block;}

.info-bot .servings {display:none !important; }
.info-bot .ready_in {display:none !important; }

.facit_search_heading{
	padding: 6px 30px 6px 8px;
	color: #fff;
	border: 1px solid #fff;
	cursor:pointer;
}
.facit_search_terms {
	display:none;
}

.facit_s_arrow {
	background:#7EB541 url(includes/assets/images/arrow_down.png) center right no-repeat;
}
.facit_s_arrow.toggle_up {
	background:#7EB541 url(includes/assets/images/arrow_up.png) center right no-repeat;
}
.menu_term {
	background:transparent url(includes/assets/images/menu_tick_off.png) center left no-repeat;
	padding: 5px 5px 5px 38px;
	display: block;
	color: #000;
	font-weight: bold;
	cursor:pointer;
}
.menu_term.on {
	background:transparent url(includes/assets/images/menu_tick_on.png) center left no-repeat;
}	

#recipe_info_menu  {
	float:left;
	width:100%;
	margin-bottom: 10px;
}
#recipe-tabs-1 .nutritional_box,
#recipe-tabs-1 .instructions,
#recipe-tabs-1 .ingredients {
	padding-top:20px;
	border-top:2px solid #fff;
  width:100%;
  box-sizing: border-box;
}

#recipe-tabs-1 .nutritional_box {
	padding:1rem;
	background-color: #f7f7f7;
}

.ingredients {
  padding:1rem 1rem 0 1rem;
	background-color: #f7f7f7;
}

.ingredients .intro {
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
}

.ingredients .intro .col {
  grid-column: span 6;
}

@media screen and (max-width:768px) {
  .ingredients .intro .col {
    grid-column: span 12;
  }
}

.ingredients h2 {
  position: absolute;
  top:1rem;
}

#ingredients-list {
  padding-top:1.6rem;
  padding-bottom: 1rem;
}

.instructions {
  background-color:#fff;
}

#recipe-tabs-1 .ingredients li {
	display:block;
}
#recipe-tabs-1 .nutritional h3,
#recipe-tabs-1 .ingredients h3 { 
	display:none;
}
#recipe-tabs-1 .ingredients .ingre {
	padding-top:10px;
}
#recipe-tabs-1 .nutritional p {
	border:0;
}
#recipe-tabs-1 .nutritional ul {
	padding-left:0;
  border:0;
  column-count: 2;
}
.nutritional ul div {
	break-inside:avoid;
}
#recipe-tabs-1 .ingredients .ingre li {
	margin-left:0;
}

.video-embed {
  margin-top: 2rem;
}

.video-embed iframe {
  margin:0 auto;
  display:block;
}
#recipe-tabs-1 #recipe_info_menu ul {
	border:none;
}
#recipe_info_menu li {
	list-style:none;
	float:left;
	border-left:1px solid #BCBCBC;
	cursor:pointer;
}
#recipe_info_menu li.first {
	border-left:0;
}
#recipe_info_menu li.first h3 {
	margin-left:0;
}
#recipe_info_menu li h3 {
	margin:7px 10px;
	color:#999999;
}
#recipe_info_menu li.active h3 {
	color:#000;
}
	
#sidebar .below_recipe_title {
	width:95px;
}
#sidebar h2 {
	text-align: center;
    font-size: 1.3em;
    margin-bottom: 15px;
}

.printfriendly  {display:none;}
.recipe_tool .printfriendly { display:inline-block; }
div.printfriendly a, div.printfriendly a:link, div.printfriendly a:visited { font-size:12px; color:#000; }
.simplefavorite-button {
    border: 0;
    background: 0;
}
/*
.single-post .simplefavorite-button,
.single-blog .simplefavorite-button, */
.single-blog .sf-icon-star-full,
.single-video .sf-icon-star-full,
/*.single-post .printfriendly,*/
.single-competition .sf-icon-star-full,
.single-post .sf-icon-star-full,
/*.printfriendly,*/
.single-blog .printfriendly {
	display:none;
}


#search_box {
  margin-top:.1rem;
}

#searchform {
  display:flex;
  flex-wrap:wrap;
  margin-left: auto;
  margin-right: auto;
}

#searchform div {
	display:flex;
	width:100%;
}

.home .facit_search_box #searchform {
  display:block;
  margin-bottom: 0;
  width:100%;
}

#searchform p {
  font-weight: bold;
  margin-top: 0.375rem;
  margin-bottom: 0;
  font-size: .875rem;
}

#searchform #s {
	flex:1; 
	background:#fff;
	font-weight:bold;
	font-size:1.3em;
	border-radius:0;
	min-width: 0;
}

#searchform #searchsubmit {
  background-size: 75%;
}

textarea:focus, input:focus{
    outline: none;
}

.searchform {
  width:96%;
}

.searchform input#s {
	margin: 0;
	border: 1px solid #e1e1e1;
	color: #777;
}

.searchform input#searchsubmit {
  padding:5px 8px 6px;
}

.page-template-template-home #searchform #s {
  font-size: 1.1rem;
  padding-left: 1rem;
  border-radius: 0;
  padding: .375rem;
  line-height: 1.65rem;
}
#search_box #searchform #s {
	font-size: .9rem;
  border-radius: 0;
  padding: 0 0 0 10px;
  line-height: 2.0rem;
  height:1.75rem;
  margin-left: 12px;
}

#searchsubmit {
  width: 48px;
	background-color: #252525;
	color:#fff;
  border: 0;
  border-radius: 0;
	padding:6px;
	font-family: FontAwesome;
}

.facit_search_box #searchsubmit {
	font-size:1.4rem;
}

#search_box #search_bar_filtering {
	display:none;
	text-align: left;
    padding: 5px;
    float: left;
    font-size: 0.7em;
	margin-left: 8px;
}

#search_bar_filtering input:not(:first-child) {
  margin-left: 15px;
}

#search_inputs {
	display:flex;
}

.search-subscription-options {
	float: right;
}

.search-subscription-options a {
	color:#fff;
}

.page-template-template-home #facit_search_box_wrapper #search_inputs {
	width: 100%;
}

#main .th-recipe, 
#main.th-recipe-list {
	border-bottom:0;
	position: relative;
}
.th-recipe {
	text-align:center;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#social_single_page {
	display:none;
}

h3.entry-title {
	font-size: 1rem;
	line-height: 1.3rem;
}
h3.entry-title a {
	font-weight: 800;
}

.featured-recipes h3.entry-title, .collection-items h3.entry-title {
	font-size:1.5rem;
	line-height: 2rem;
	margin-bottom:0.3rem;
}

.th-recipe, .th-recipe-list {
	background:none;
	border-bottom:none;
}

#footer_menu, #footer-wrap {
  background-color:#f7f7f7;
}
	
#footer_menu {
	width:100%;
	margin:30px 0 0 0;
	border-top:3px solid #ebebeb;
  padding-top:2.5rem;
  display:flex;
}
#footer_menu .menu-footer-menu-container {
	margin:0 auto;
	max-width:940px;
}	
#footer_menu ul {
	margin:0;
}

#footer_menu ul li {
	list-style:none;
	float:left;
	width:33%;
	font-size:1.2rem;
}	

#footer_menu ul li  a{
	display:block;
	float:left;
	margin:8px 3px 8px 0;
}
#footer_menu ul li li {
	width:100%;
	text-transform:none;
	font-size:1.1rem;
	font-weight:normal;	
}

#footer_menu a {
	color:#000; 
	font-size: 0.8em;
    line-height: 1em;
}


#footer-wrap {
	clear: both;
	padding-top: .1rem;
}

#footer-wrap-bottom {
  background-color:#666;
  margin-top:1rem;
}


.footer-newsletter-signup input[type="text"]{
  width: 100%;
  height: 40px;
  border: 0;
  padding: 5px 10px;
  font-size: .925rem !important;
}

.footer-newsletter-signup input[type="button"], .footer-newsletter-signup input[type="submit"] {
  background-color: #7EB541 !important;
  display: block !important;
  font-size: .925rem !important;
  font-family: 'Raleway', sans-serif !important;
  height: 40px;
  line-height: 40px !important;
  width: 130px;
  margin: 0 auto;
  transition: all .3s ease !important;
  padding: 0 !important;
  border: 0;
  color: white;
  border-radius: 2px;
}

.footer-newsletter-signup {
  position: relative;
}

.footer-newsletter-signup form{
  display: flex;
  gap: 10px;
}

.footer-newsletter-signup .gform_wrapper ul li.gfield{
  margin-top:0;
}

body .footer-newsletter-signup  .gform_wrapper .top_label div.ginput_container {
  margin-top: 0;
}

.footer-newsletter-signup .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

.footer-newsletter-signup form .validation_error {
    margin-bottom: 0;
    top: -27px;
    position: absolute;
}

.footer-newsletter-signupform .validation_message {

}



@media (min-width: 480px){
  .footer-newsletter-signup .newsletter-signup-box-form{
      max-width: 460px;
      margin: 0 auto;
  }
}



@media (max-width: 479px){
  .footer-newsletter-signup .newsletter-signup-box-form{
      max-width: 400px;
  }

  .footer-newsletter-signup input[type="button"], .footer-newsletter-signup input[type="submit"] {
      margin-top: 15px;
  }

  .footer-newsletter-signup form .validation_error {
    top: -40px;
  }

}

@media (min-width: 767px){
  #footer .col-right {
    width: 390px;
  }
}

@media (min-width: 900px){
  #footer .col-right {
    width: 500px;
  }

  #footer {
    padding: 1.067em 0;
  }
}

@media (max-width: 768px){
  .footer-newsletter-signup form {
    padding: 0 10px;
    max-width: 500px;
    margin: 0 auto;
  }

  .footer-newsletter-signup input[type="button"], .footer-newsletter-signup input[type="submit"] {
      margin-top: 0;
  }

  #footer .col-right {
    margin: 0 auto;
  }
}

.footer-social a {
	margin: 0.9rem;
	padding: 0.4rem;
}

#footer, .footer-social a i{
  color:#fff!important;
}

.footer-social a:hover i {
	color:#9b9b9b;
}

.cookname.content-full {
	display:none;
}

.authors{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*gap: 18px;*/
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.authors .shortbio{
    color: #545454;
    line-height: 1.5;
}

.authors .colum{
    flex: 0 0 50%;
    max-width: 50%;
}

.authors.featured .column{
  flex: 0 0 80%;
  max-width: 80%;
}

.authors .card{
  margin-bottom: 2.5rem;
  box-shadow: none;
  border-radius: 2px;
  padding: 0 12px;
}

.authors-image{
  width: 100%;
  max-width: 140px;
}


.authors-name{
  color: #7eb541;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.25em !important;
  margin-bottom: 0.5em !important;
  margin-top: 0.5em !important;
}

.authors-quals{
  color: #545454;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height: 1.25em !important;
  margin-bottom: 0.5em !important;
}

.author-data {
  margin: 3.5rem 0 1rem;
  text-align: center;
}

.author-name{
    color: #7eb541;
    font-size: 24px;
    margin-bottom: 0.125em;
    margin-top: 0.5em
}

.authors .column{
  flex: 0 0 46%;
  max-width: 46%;
}

.featured .authors .column{
  flex: 0 0 100%;
  max-width: 100%;
}

.featured .authors-image{
  max-width: 160px;
}

.featured .authors-name{
  font-size: 19px;
  line-height: 1em !important;
  margin-top: 0.75em !important;
  margin-bottom: 0.25em !important;
}

.featured .authors-quals{
  font-size: 16px;
  line-height: 1.125em !important;
}

.tax-authors #main
{
 width: 100% !important;
 float: none !important;
}

.tax-authors  #content{
  padding: 0;
}

.author-title{
  font-size: 19px;
  line-height: 1.25em;
  color: #545454;
  text-align: center;
  margin-bottom: 0;
}

.author-social-profiles{
  margin: 0.5rem 0 1rem !important;
}

.author-social{
  background-color: #f2f2f2;
  color: #545454;
  border-radius: 2px;
  padding: 0.375em;
  display: inline-block;
  margin: 0.25em;
  font-size: 14px;
  width: 24px;
  height: 24px;
}

.author-description{
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 3.5rem;
}

.author-more{
  font-size: 20px;
  line-height: 1.375em;
}

.term-title {
	margin-top:10px;
	width:100%;
}

@media (min-width: 576px){

  .authors .column{
    flex: 0 0 25%;
    max-width: 25%;
  }

  .authors-image{
    max-width: 160px;
  }
  

  .authors.featured .column{
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  
  .featured .authors-image{
    max-width: 220px;
  }
}

@media (min-width: 992px){
  .authors .column{
    flex: 0 0 20%;
    max-width: 20%;
  }

  .author-title {
    font-size: 24px;
  }

  .author-name {
    font-size: 30px;
  }

  .featured .authors-name {
    font-size: 22px !important;
  }

  .featured  .authors-quals{
    font-size: 18px !important;
  }

  .authors-name{
    font-size: 19px;
  }
  
  .authors-quals{
    font-size: 16px;
  }
}

@media (min-width: 1120px){
  .featured .authors-name {
    font-size: 25px!important;

  }
  .featured  .authors-quals{
    font-size: 20px !important;
  }

  .authors-name{
    font-size: 20px;
  }
  
  .authors-quals{
    font-size: 17px;
  }
}

.search .term-title {
	margin:0;
}
.hfg_collection-template-default .term-title {
	float:none;
}

.facit_search_spacer { 
	margin-top:90px;
	max-height:300px;
	overflow: hidden;
	-ms-overflow-y: auto; /* IE8 */
	overflow-y: auto;
}
#facit_search_ingredients_child .facit_search_spacer { margin-top:0px; }
#facit_search_terms_text input { width:140px; font-size:1.6em;}

#recipe-tabs .recipe-menu-tab {
	display:none;
}

.competition,
.post { border-bottom:0;}

.single-recipe #sidebar .slug,
.recipe-info .slug { 
	text-transform:uppercase; 
	font-family:'Raleway', sans-serif;
	font-weight: 800;
  color: #7EB541;
  letter-spacing: 1px;
	margin-bottom: 0;
	margin-top: .5rem;
  font-size: .9rem;
	padding:0;
}
.recipe-info .standfirst {
	font-size: 1.3rem;
}

.popup.wdpu-msg .wdpu-text { background:#000 url(includes/assets/images/popup_bg.jpg) center center no-repeat;color:#fff; }
.popup.wdpu-msg .wdpu-title { color:#fff; }
.popup.wdpu-msg .wdpu-subtitle { color:#fff; }
.popup.wdpu-msg .wdpu-buttons a { color:#fff; }

.recipe-grid-item .entry-title a {
	color:#545454; 
}
.recipe-grid-item a { font-weight:bold; }



.search-results .recipe-grid-item.recipe-grid-item,
.archive .recipe-grid-item.recipe-grid-item,
.page-template-template-articles-grid .recipe-grid-item.recipe-grid-item,
.page-template-template-recipes-grid .recipe-grid-item.recipe-grid-item { height:350px; padding-bottom:0; }

#no_results_found {
    text-align: center;
    font-size: 1.3em;
}
a#above_searchbar_link {
  color: #20221c;
}

.page-template-template-home #facit_search_box_wrapper.intro_homepage {
	background:transparent url(images/semi_transparent_bg.png) top left repeat;
	border-radius: 3px;
	
}
.intro_homepage a#above_searchbar_link {
    float: left;
    width: 100%;
    text-align: left;
    text-shadow: none;
    color: #7EB541;
}

a#above_searchbar_link:hover {
	color:#61932F;
}
#above_searchbar {
  font-size: 1.25rem;
	text-align: center;
	font-family:'Raleway', sans-serif;
	font-weight:600;
  margin-bottom: 0.375rem;
}

.intro_homepage #above_searchbar {
	font-size: 2em;
	text-align: left;
	margin: 0 0 16px 0;
}
#homepage_blurb {
	float:left;
	width:100%;
}
#homepage_blurb a:hover {
	color:#7EB541;
}
#homepage_blurb a {
	color:#000;
	text-decoration:underline;
}
#homepage_blurb ul {
	margin:0 0 0 20px; 
}

#below_searchbar {
	color: #fff;
	font-size: 1.6em;
	font-weight: 600;
	text-align: center;
}

/* Home page layout */

.featured-recipes {
	width: 620px;
    float: left;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.featured-recipes .recipe-grid-item {
	width: 48%;
	padding: 0;
}

.featured-recipes .recipe-grid-item.featured_post {
	width: 100%;
	padding: 0;
}

.featured-recipes .recipe-grid-item.featured_post .th-recipe {
	max-width:100%;
}

.featured-recipes .recipe-grid-item.featured_post .th-recipe img {
	max-height: 460px;
	width:100%;
}

.th-recipe .sponsored-overlay, #hero_image .sponsored-overlay {
	color:#121212;
	background-color:#fff;
	padding:.2rem .5rem;
	font-size: .85rem;
	position: absolute;
	border:1px solid #ecedee;
}

#hero_image .sponsored-overlay {
	z-index:100;
}

.collection-items .recipe-grid-item {
	width: 33.3%;
	padding: 0;
	max-width: 310px;
}
.collection-items .recipe-grid-item.featured_post {
	width: 66.6%;
	padding: 0;
	clear:left;
	max-width: 66.6%;
}

.collection-items.display-as-grid .recipe-grid-item {
	width:300px;
}

.th-recipe, .recipe-info {
    box-sizing: border-box;
}

.homepage-sidebar {
	width: 300px;
    float: right;
    margin-left: 10px;
}

.homepage-sidebar .trending {
	margin: 0px auto;
  /*margin-top: 20px;*/
}

.homepage-sidebar .trending h3 {
  color:#7EB541;
  text-transform: uppercase;
  text-align: center;
}

.homepage-sidebar .trending h3.entry-title {
  text-transform: none;
  margin-bottom: .625rem;
}

.homepage-sidebar .trending .recipe-grid-item {
	width: 100%;
}
.homepage-sidebar .trending h4 {
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	color: black;
	margin-top:10px;
}

.homepage-sidebar .dfp-ad{
    margin-left: auto;
    margin-right: auto;
}

.dfp-ad {
  border: 1px solid #d9d9d9;
}

.mrec {
  width:300px;
  height:250px;  
}

.leader {
  width: 728px;
  height: 90px;  
  margin: 0 auto;
}

@media (max-width: 728px) {
  .leader {
    width: 320px;
    height: 50px;
  }
}

.homepage-sidebar .dfp-ad {
  margin-bottom: 1.5rem;
}

.th-recipe, .th-recipe img {
	object-fit: cover;
	margin:0 auto;
	min-width: 250px;
	min-height: 250px;
	padding:0;
	border:0;
}

#sidebar .th-recipe img, #sidebar .th-recipe, .trending .th-recipe, .trending .th-recipe img {
	min-height:160px!important;
	height: 160px!important;
}

.homepage-sidebar .th-recipe img, .homepage-sidebar .th-recipe {
  margin-bottom: 10px;
}

.homepage-sidebar .large-tile .th-recipe {
  height: 250px !important;
}

.homepage-sidebar .large-tile .th-recipe img {
  min-height: 250px !important;
}

.homepage-bottom-tabs .th-recipe img, .related-articles .th-recipe img {
  width: 96%;
	height:300px;
}

.page-template-template-recipes-grid #main .th-recipe,  .page-template-template-recipes-grid #main.th-recipe-list, .loop-archive .th-recipe, .loop-archive .th-recipe img, .archive_list .th-recipe img, .page-template-template-search .th-recipe img{
	max-height:250px;
	max-width:250px;
	display: block;
	margin:0 auto;
	position: relative;
}

.collection_not_featured .th-recipe img {
	max-height:205px!important;
	min-height:205px!important;
	width:100%;
}

.collection-items.display-as-grid .collection_not_featured .th-recipe img, .collection-items.display-as-grid .featured_post .th-recipe img {
	max-height:300px!important;
	min-height:300px!important;
	width:100%;
}

.type-hfg_collection.featured_post .th-recipe img {
	min-width: 100%;
	height:460px;
	object-fit: cover;
}

.page-template-template-home .th-recipe img {
	max-height: 250px;
}

.homepage-sidebar .recipe-info > div {
	display: none;
}

.single-recipe  #main .recipe_circles .inner {
  height:40px;
  padding-left:.4rem;
  overflow: hidden;
}
.single-recipe  #main .recipe_circles {
	margin-top:5px;
  margin-bottom: 15px;
	height: auto;
  float: left;
}

.recipe-tabMenu {
	margin-top:0;
}

.single-recipe .instructions h3 {
	margin: 1.067em 0;
}

.recipe-grid-item .below_thumb_box {
	margin:15px 0;
}

.tax-authors .recipe-grid-item .below_thumb_box {
  margin: 5px 0;
}

.tax-authors .below_recipe_title{
  margin-bottom: 20px !important;
}

.single-recipe #sidebar h3.entry-title{
	font-size:1.1rem;
	line-height: 1.3rem;
}

.competition .title,
.post .title, 
.page > .title {
	margin-bottom:30px;
}

.single-recipe .content_author-wrapper{
  margin-bottom: 5px;
  margin-top: 15px;
}

.single-recipe .title{
  margin-bottom: 10px;
}

.js-boxout-wrapper {
    background: #f1f7e9;
    border-top: solid #72b02c 1px;
    margin: 30px 0 30px 20px;
    padding: 20px;
}

.page-template-store-php .wcopc {
	margin-top:20px;
}
.page-template-store-php .step {
	border-top: 1px solid #ccc;
    padding-top: 15px;
}
.page-template-store-php .black-button {
	margin-top:15px;
}
.page-template-store_new_2018 #content,
.page-template-store #content {
	max-width: 960px;
    margin: 0 auto;
}

.page-template-store #step_2  {
	width:100%;
}
.page-template-store #step_2 .variations {
	width:240px;
	margin:15px auto;
	display:block;
	text-align:left;
}
.page-template-store .subscriptions-tab h2 {
	text-align:center;
	width:100%;
}
.page-template-store .subscription-option.inactive {
	opacity:0.3;
}
.page-template-store .subscription-option.active {
	opacity:1;
}

.subscriptions-tab .subscription-option .absolute-bottom ,
.page-template-store .store-option .absolute-bottom {
	bottom: 15px;
    position: absolute;
	width:100%;
}
.subscriptions-tab .subscription-option .absolute-bottom button,
.page-template-store .store-option .absolute-bottom button {
	margin:0 auto;
}
.page-template-store .store-option {
	min-height: 400px;
	position:relative;
}
.page-template-store .store-option  aside {
	margin-bottom: 60px;
}

.page-template-store .subscriptions-tab,
.page-template-store .renewals-tab,
.page-template-store .other-tab  {
	margin-top:40px;
}
.page-template-store_new_2018 ul {
  text-align:left;
}
.page-template-store_new_2018 .subscription-option article {
  max-width:240px;
  margin: 0 auto;
}
.page-template-store_new_2018 ul .header{
	text-align:center;
}
.variation-group li {
	list-style:none;
}

.variation_21175::after {
  content:" - most popular!";
}

@media screen and (max-width:640px) {
  .variation_21175::after {
    content:"";
  }
}

.subscriptions-tab li {
  padding:.1rem;
}

.subscriptions-tab .subscription-option {
	min-height: 450px;
	position:relative;
	box-sizing: border-box;
}

.subscription-option.option-both {
	border:2px solid #f2002e;
}


.woocommerce-checkut h1, 
.woocommerce-checkut h2, 
.woocommerce-checkut h3, 
.woocommerce-checkut h4, 
.woocommerce-checkut h5,  
.woocommerce-checkut h6 {
  color: #000000;
}

.woocommerce-thankyou-order-details ul.order_details li strong {
  font-size: 1.325em;
}

.woocommerce-form-login.login{
  overflow: hidden;
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  padding: 1.5rem 0.875rem 0.75rem;
  max-width: 380px;
  margin: 0 auto;
  margin-bottom: 2.5rem;
  color: #000;
  margin-top: 2rem;
}

.woocommerce-form-login.login p{
  line-height: 1.5;
}

.woocommerce-form-login .form-row{
  width: 100%;
}

.woocommerce-form-login.login .lost_password{
  width: 100%;
}

.woocommerce-form-login .woocommerce-form-login__rememberme{
  display: flex;
}

.woocommerce-form-login  input[type=checkbox] {
  margin-right: .5rem
}

.woocommerce-checkout .form-row label {
  color: #000;
  font-size: 1rem;
}

.woocommerce-checkout table th, .woocommerce-checkout table td {
  color: #000;
  font-size: 1rem;
}

.woocommerce-checkout  .form-row .input-text, .woocommerce-checkout .form-row select {
  font-size: 1rem;
  height: 42px;
}

.woocommerce-checkout .button{
  height: 42px;
  line-height: 42px !important;
}

.woocommerce-form-coupon p{
  margin-bottom: 0;
}

.woocommerce-form-coupon .button, .woocommerce-form-login__submit
{
    margin-top: 0.5rem;
    font-size: 1rem !important ;
    height: 42px;
}

.woocommerce-form-coupon .button
{
    margin-bottom: 1.5rem;
}

.payment_methods .wc_payment_method {
	margin-bottom:15px;
  background-color: #f9f9f9 !important;
  border: 1px solid #ddd !important;
}

.payment_methods .wc_payment_method {
  background-color: #fff;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  margin: 0 auto;
  transition: transform .3s,opacity .3s,max-height .3s ease;
  width: 100%;
  color: #000;
  max-width: 700px;
  overflow: hidden;
}

.payment_methods .wc_payment_method input{
  font-size: 1.2em !important;
}

.payment_methods .wc_payment_method input[type="radio"] {
  margin-left: 1rem;
}

.payment_methods li img {
  margin: 0.5rem;
}

#payment_method_braintree_credit_card ~ label, .payment_method_paypal label{
  padding: 0.125rem;
}

.payment_method_braintree_paypal{
  padding: 0 1rem;
}

.payment_method_braintree_paypal p{
  line-height: 1.5;
}

.payment_method_braintree_paypal .payment_box fieldset {
  max-width: 280px;
}

#zoid-paypal-buttons-uid_f81ca76885_mdu6mjg6mdq{ max-width: 300px !important;}

ul.payment_methods li div.sv-wc-payment-gateway-card-icons {
  margin-left: 0.5rem;
    border: 1px solid #dedede;
    border-radius: 2px;
}

.payment_method_braintree_credit_card{
  border-top: 1px solid #dddddd;
  padding: 15px;
  margin-top: 10px;
}

.wc-braintree-credit-card-new-payment-method-form input {
  font-size: 1em !important;
}

.woocommerce #payment div.payment_method_braintree_credit_card div.form-row {
  margin-bottom: 1rem;
}

.payment_method_braintree_credit_card p{
  color: #545454;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 0;
  display: flex;
}

.payment_method_braintree_credit_card p.woocommerce-validated{
  font: 400 16px 'Open Sans', Helvetica, Arial, Sans-serif;
}

.payment_box.payment_method_paypal{
  padding: 1rem;
  border-top: 1px solid #dddddd;
}

#wc-braintree-credit-card-credit-card-form .form-row input[type=checkbox] {
  width: auto;
  margin-right: 0.375rem;
  margin-left: 0.25rem;
  margin-bottom: 0.125rem;
}

.woocommerce #payment div.payment_method_braintree_credit_card .wc-braintree-hosted-field{
  height: 2em;
  border-radius: 0;
}

.wc-braintree-credit-card-new-payment-method-form input {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: rgb(0, 0, 0);
}

form-row.woocommerce-validatedinput[type=checkbox] {
  margin-top: 10px;
  margin-right: 5px;
}

.cardinalOverlay-content{
  width: 80%;
  max-width: 460px;
}


/* Styles for address finder dropdown */

.nc_list {
  background-color: #fff;
  list-style-type: none;  
  padding: 0.5rem 1rem 1rem 0.1rem;
  border-left: 1px solid rgb(225, 225, 225);
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-style: italic;
}

.content_block_wrapper { float:left; width:100%;}
.content_blocks_image, .content_blocks_text  {float:left; width:50%;}
.content_blocks_text.full_width  {width:100%;}
.hide_hero_image { display:none; }
.below_content_block {float:left; width:100%; margin: 20px 0;}
.below_content_block span {border-top: 2px solid #7EB541; margin:0 auto; width:50%; display:block;}

.page-template-store .form-row.create-account {height:0; overflow:hidden;}


body #wrapper #content .add_to_cart_button.added {background:#CA9700; color:#fff; } 
.woocommerce_message, .woocommerce-message { border-color: #7EB541;    text-align: center;
  border: 1px solid #d1e6ba;
  background-color: #f0f6e4;
  font-size: .925rem;
  padding: 0.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;}
.woocommerce_message:before, .woocommerce-message:before {background: #7EB541;}

.favourites-msg{
  text-align: center;
  max-width: 80%;
  padding: 0.25rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

body #wrapper #content .wdform_page .wdform-label-section {
	padding:10px 0 0 0;
}
body #wrapper #content .wdform_page .button-submit{ background:#7EB541;}
body #wrapper #content .wdform_page input[type=text] {
    background: #fff;
    font-size: 1.2em !important;
}
.inner_padding {
	margin:10px;
}

.fav_list_item { 
	float: left;
    width: 33%;
    text-align: center;
    margin-bottom: 20px;
    height: 290px; 
}
.fav_list_item h4 {
	margin:10px;
}
.fav_list_image {
	height: 230px;
    overflow: hidden;
    width: 225px;
    margin: 0 auto;
}
.fav_list_image img {margin: 0 auto;  display: block;}

#social_global {margin-bottom:15px; float: left;}
#social_global span { display:block; text-align:center; }
#social_global a {display:block; float:left; width:59px; height:50px; }
.homepage-sidebar #social_global a {width:50px;}
#social_global .facebook{ background:transparent url(includes/assets/images/icon_facebook.jpg) top center no-repeat; }
#social_global .newsletter{ background:transparent url(includes/assets/images/icon_newsletter.jpg) top center no-repeat; }
#social_global .twitter{ background:transparent url(includes/assets/images/icon_twitter.jpg) top center no-repeat; }
#social_global .pintrist{ background:transparent url(includes/assets/images/icon_pintrist.jpg) top center no-repeat; }
#social_global .youtube{ background:transparent url(includes/assets/images/icon_youtube.jpg) top center no-repeat; }
#social_global .instagram{ background:transparent url(includes/assets/images/icon_instagram.jpg) top center no-repeat; }

#search_specific_issue {
	position: absolute;
    top: 45px;
    right: 75px;
	cursor:pointer;
}
#single_post_search_bar {position:relative;}
.page-template-template-home #facit_search_box_wrapper { 
  background-color: rgb(255, 255, 255, 0.9);
  position: absolute;
  top: 16px;
  width: 100%;
  line-height: 1;
  max-width: 94vw;
  box-sizing: border-box;
  padding: 1rem;
  left: 0;
  right: 0;
}

#submenu_box, #submenu_box ul {
	margin:0 0 0 10px;
	float:left;
}
#submenu_box li {
	list-style:none;
  float:left;
  margin-right:.5rem;
}

#submenu_box li.digital-issues{
  display: flex;
}

#submenu_box li.digital-issues a{
  display: flex;
  align-items: center;
}

#submenu_box a {
	  display: inline-block;
    padding: 0 .375rem;
    margin-right: 0;
    color: #666;
}

#main_body_copy .wdform_page .wdform-element-section {position:relative;}
#main_body_copy .wdform_page .wdform-ch-rad-label { margin-left:20px;}
#main_body_copy .wdform_page .wdform-field[type="type_checkbox"] .wdform-label-section {display:none;}
#main_body_copy .wdform_page .checkbox-div {position:absolute; left:0; margin-top:2px;}

.single-video #post-author,
.single-video #post-author .profile-image,
.single-blog #post-author .profile-image,
.single-blog #post-author .profile-content h4,
.single-blog .post-entries { display:none; }

.pdf {margin:20px 0;}
.recipe-content.trending h4 {
  margin-top: 15px;
  text-transform: uppercase;
  color: #7EB541;
}

#field_variations, #fld_hfg_tip {
  padding:1rem;
  margin-top:1.25rem;
}

#field_variations {
  background-color: #f7f7f7;
}

#fld_hfg_tip {
	background-color: #f0f9e6;
}

#field_variations h3, 
#field_serving_suggestion h3, 
#field_hfg_tip h3 { margin-bottom:0; color:#7EB541; }

#fld_hfg_tip p {
  font-style:italic;
}

.instruction_heading { 
	margin-top:45px;
}

#adbanner_content {
	float:left;
	width:100%;
	margin-top:10px;
}

#stripe-payment-data {
    padding-bottom: 70px;
    position: relative;
}

.kowhai_recurring_payment {
	position: absolute;
	bottom: 15px;
}

.single-product .woocommerce-main-image  img {max-width: 300px;}
html .single-product #wrapper #content .button.product_type_simple { display:none; }

#signup_call_to_action {
	float:left;
	width:100%;
	margin:0 0 1.25rem;
}
#signup_call_to_action #signup_call_to_action_image {
	float:left;
  width:26%;
  margin-right:2%;
}	
#signup_call_to_action #signup_call_to_action_msg {
	float:left;
	width:70%;
	padding-top:20px;
}
#signup_call_to_action:hover .bt, .banner-button:hover  {
  background-color:#000;
  color:#fff;
  cursor:pointer;
}
#signup_call_to_action h2 {
  margin-bottom:.5rem;
}

.bt {
  background-color:#7EB541;
  color:#fff;
  padding:0.3rem 0.5rem;
  margin-top:0.3rem;
  display:inline-block;
}

#show_sub_link {
  margin-top: 1rem;
  display:block;
	font-size: 1.5rem;
}

#show_sub_link a {
	background-color: #4CAF50;
    border: none;
    color: white;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#show_sub_link a:hover {
	background-color: #da7b21;
}
	
.login-container form {
		padding-top:20px;
}

.login.closed {
  background: transparent!important;
}

#extra_logos {
    text-align: center;
    margin: 0 auto 30px auto;
    width: 50%;
    min-width: 340px;
}

.woocommerce-account fieldset {
	width:100%;
	float:left;
}

#checkout_link {
	height:40px;
	background:transparent url(includes/assets/images/checkout.png) top right no-repeat;
	cursor:pointer;
	margin-top: 5px;
}

#hfg_toolbar { position:fixed; top:74px; z-index:500; }
#hfg_toolbar_toggle { 
	background:#fff url(images/toolbar_icon.png) bottom center no-repeat; 
	height:70px; 
	width:60px; 
	cursor:pointer; 
	float: left; 
	border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 5px 5px; }
#hfg_toolbar ul { display:none; float: left; margin-left: 10px; background:#fff; }
#hfg_toolbar ul li { list-style:none; margin:3px; }
#hfg_toolbar ul li a { background:#7EB541; color:#fff; padding:0 5px; display:block;}

#main-sidebar-container #error {display:none;}


#print-copyright {
	display:none;
}

.wdform_section  { width:100%;}
.wdform_section .wdform_column { width:100%;}
.wdform_section .wdform_row { width:100%;}
.wdform_section .wdform_row .wdform-field { width:100%;}
.wdform_section .wdform_row .wdform-element-section { width:100%;}

.wdform_section .type_textarea textarea { width: 615px; }

#mc-embedded-subscribe-form input { width:100%; border:1px solid #ccc; padding:5px 0; }
#mc-embedded-subscribe-form .mc-field-group { margin-bottom:10px; }

#mc-embedded-subscribe-form select { width:100%; border:1px solid #ccc; padding:5px; }
#mc-embedded-subscribe-form input.birthday  { width:50px; }
#mc-embedded-subscribe-form input.button  { width:200px; }
#mc-embedded-subscribe-form .indicates-required { color:red; font-size:0.8em; margin-bottom:5px;}
#mc-embedded-subscribe-form .asterisk { color:red; }


#homepage_about_link {
	float: right;
    color: #fff;
}
.single-recipe #homepage_about_link ,
.single-post #homepage_about_link ,
.single-video #homepage_about_link ,
.single-blog #homepage_about_link,
.single-podcast #homepage_about_link {
	color: #000;
}
.page-template-template-search #homepage_about_link ,
.page-template-template-home #homepage_about_link {
	color: #fff;
}

.ingredients a {
	color:#7EB541;
}


.content_author-wrapper{
  margin-bottom: 15px;
  margin-top: 5px;
}

.content_author span { display:inline-block; margin-right:5px;}

.content_author {
  width: 100%;
  font-size: 14px;
}

.content_photographer{
  font-size: 14px;
}

.last-modified {
  font-size: 14px;
}

.entry .custom_field_lines { float:left; width:100%; margin-bottom:10px;}

.content_first_published{
  font-size: 14px;
}

.content_date_modified {
	float:left;
	width:100%;
	font-size: .7rem;
	color:#898989;
}

#taxonomy_subnav { width:100%; text-align:center; float:left; margin-top: 10px; margin-bottom: 1rem;}
#taxonomy_subnav ul {margin:0;} 
#taxonomy_subnav li { display:inline-block; border-left:1px solid #545454; }
#taxonomy_subnav li a { color:#545454; margin:0 5px;cursor:pointer; }
#taxonomy_subnav li.first { border:none; }
#taxonomy_subnav li.active a { color:#7EB541;  }

.pseudo_tab {
    float: left;
    border: 1px solid;
    padding: 5px;
    margin: -5px 0 0 6px;
    color: #ccc;
}
a:hover .pseudo_tab {
	color:#000;
}

.edit_address_form_billing #update_all_subscriptions_addresses_field {display:none;}


#coupon_code_temp { 
  border: 1px solid #e8e8e8;
  font-size: 14px;
  height: 36px;
  padding: 0.5rem !important;
  float:left; 
  margin-right:5px; 
}

.checkout_coupon {margin: -3px 0 0 0;}

.post .entry { float:left; width:100%;}

.loop_more_tags {
	padding: 0px 8px 0 0;
	margin: 0px 10px 0 0;
    display: inline-block;
	border-right: 1px solid #7EB541;
}

#sign_up_completed_link {
	display: block;
    height: 166px;
    text-align: center;
    background: #7EB541;
    border-radius: 108px;
    width: 199px;
    margin: 0 auto 40px auto;
    padding: 55px 23px 15px 23px;
    font-size: 2em;
    color: #fff;
    line-height: 1em;
}

#issues_list_box {
	height: 200px;
    overflow-y: scroll;
    border: 1px solid #7EB541;
    padding: 10px;
}

.client_logos { width:33%; float:left;}

.leaderboard_dfp_ad { 
	  margin: 20px auto;
    width: 728px;
    text-align: center;
}

.form-row.place-order { text-align:center;}
.payment_methods + .form-row #place_order { float:none; font-size: 1.4em; }

.form-row.place-order button{
  width: 260px;
  font-size: 1rem !important;
  padding: 10px !important;
}


#subs_more_info_link {height: 50px;width: 318px;position: absolute;top: 297px;letter-spacing: 0px;text-align: center; }
#subs_more_info_link a { color: #00558E; display: inline-block; }

.woocommerce-shipping-fields {position:relative;}

.downloadable_christmas_card { position: absolute;   top: 0;   right: 0; }
.downloadable_christmas_card img { float: left; width: 80px;}
.downloadable_christmas_card span { float: left; width: 65px;font-size: 14px;line-height: 1.2em;color: #E21D3F;}


#submenu {
	float:right;
	text-align:right;
	width:73%;
}

#submenu .fa,  #submenu img{
  margin-right:.25rem;
  margin-left:0;
}

#submenu img{
  margin-right:.375rem;
}

#submenu .menu-social{
  text-align: right;
}

#submenu .menu-social .fa{
  color: #000;
  margin-right: 0;
}

@media screen and (max-width:500px) {
  #submenu ul li .fa,   #submenu ul li img {
    display:none;
  }

  #submenu_box li{
    float: left;
  }
  #submenu_box li.home{
    display: none;
  }
}

.extra_register {
  margin-top:0.2em;
}

.extra_register a {
  background-color: #fff;
  color: #000;
  border: 1px solid #cecece;
  padding: 0.3em 0.5em;
}

#search_box {
	float:left;
}

.woocommerce-order-details .order-again {
	display:none;
}


.woocommerce-order p:nth-of-type(1) a, .woocommerce-order p:nth-of-type(2) a:nth-of-type(2) {
  font-weight: 700;
}

.admin-cookie .post_status_draft, .admin-bar .post_status_draft  {
	position: absolute;
    top: 167px;
    width: 100%;
    height: 242px;
    background: pink;
}
.page-template-store_new_2018 .subscriptions-tab .variation-group label {
	padding: 5px 0px 5px 15px;	
	background: transparent url(includes/assets/images/menu_tick_off.png) center left no-repeat;
	display:inline-block;
}
.page-template-store_new_2018 .subscriptions-tab .variation-group label.chkbox_active {
	background: transparent url(includes/assets/images/menu_tick_on.png) center left no-repeat;
}
.page-template-store_new_2018 .subscriptions-tab .variation-group input[type="radio"] { 
	display:none;
}

.swap_nz {
	color:#7eb541;
	cursor:pointer;
}
.swap_us_popup {
	background: #7eb541;
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
	font-size: 0.8em;
}
.swap_us_popup .swap_nz {
	color: #fff;
}

.close_swap_popup {
	position: absolute;
    top:-10px;
	right:-10px;
    border-radius: 10px;
    background: #7eb541;
    padding: 0 6px;
    font-size: 0.8em;
	cursor:pointer;
}

.paywall-modal .modal-content .bfc {
	line-height: 1.5em;
}

span#paywall-login{
  color: #7EB541;
  text-decoration: underline;
  display: inline !important;
}


.benefits_list_us{
  background-color: #f9f9f9;
  border-radius: 10px;
  color: #252525;
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.benefits_list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.paywall-modal .benefits_list{
  margin-left: 1rem;
  margin-top: .5rem;
  margin-bottom: .5rem
}

.benefits_item{
  color: #000;
  display: flex;
  margin-bottom: 1rem;
  line-height: 1.25;
}

.modal-content .benefits_item {
  margin-bottom: 0.375rem;
}

.benefits_item__icon{
  margin-right: 10px;
  flex: 0 0 20px;
  max-width: 20px;
}

.benefits_item__icon-image{
  margin-top: 2px;
}

.benefits_item:last-of-type{
  margin-bottom: 0;
}

.benefits_item strong:not(.modal-content .benefits_item strong) {
  display: block;
}

.woocommerce-order-received .woocommerce-order p:nth-of-type(3) a {
    background: #7EB541;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.2em;
    border-radius: 5px;
}

#favs_not_logged_in_message {
    position: absolute;
    margin-top: -28px;
    background: green;
    color: #fff;
    padding: 0px 10px;
    border-radius: 6px;
	display:none;
}
#favs_not_logged_in_message a {
	color:#fff;
}

.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
	padding-left:0;
}

.loading-overlay {
  display: none;
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:auto;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, .8);
  z-index:100000;
}

#loading-bar {
	display:none;
	width:100%;
}

#loading-bar i {
	margin:1.5rem auto;
}

.references-wrapper {
	overflow: hidden;
	width: 100%;
	padding-top:1.2rem;
}


#references-icon {
	color:#7EB541;
}

#references-list {
	padding-bottom:1rem;
}

#references-list li {
	font-size: .85rem;
	margin-bottom:.85rem;
}

html #goto_search_result {
	display:none;
    width: 100%;
    text-align: center;
    background: #F58027;
    color: #fff;
    padding: 5px 0;
}

.body_content {
	text-align:center;
}


/* TABLE STYLING (replaces Tablepress styles) */

td, th {
    padding: .5rem;
	border: none;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
}

thead th {
    border-bottom: 1px solid #ddd;
}

.even td {
    background-color: #fff;
}

.odd td {
    background-color: #f9f9f9;
}

tbody td, tfoot th {
    border-top: 1px solid #ddd;
}

.dataTables_length, .dataTables_filter {
  width: 50%;
  display: inline-block;
  margin-bottom: 1rem;
}

.dataTables_paginate paging_simple {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

ul.nav {
	list-style-type: none;
}

#main-nav .menu-subtitle {
  display: none;
  font-size: .8rem;
  text-transform: none;
}

.recipe_tool em { color:#7EB541; }

.view_favs {
  color:#000;
  font-weight: 700;
}
  
.recipe_tool .fa-heart, .recipe_tool .fa-heart-0, .view_favs .fa-heart, .save_all_for_later_link .fa-heart-0 {
  color:#f00;
}

.save_all_for_later_show_options .fa-heart-o {
  color:#7EB541;
}

.taxonomy-page-content {
  text-align: center; 
}

.taxonomy-page-preamble {  
 margin:1rem auto;
}

/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 1025px) {
	.hide_on_desktop {
		display:none;
	}
	
	ul.nav li a{
		padding: .5em 0 .8em 1.25rem;
	}
	.workplace ul.nav li a{
		padding: .5em 0 .8em 1.2em;
	}
	ul.nav li.first a{
		padding: .5em 0 .8em 0;
	}

	#extra_logos {
		margin-top:-50px;
	}
	
	#navigation .nav > li.has-children > a {
		padding-right: 0em;
	}
	
	#navigation ul#main-nav.nav li a {
		padding-top: 12px !important;
		padding-bottom: 9px !important;
	}
	
	#search_box .searchform  {
		margin-top: -1px;
    margin-right: 0;
    margin-bottom: 0;
	}
	
	/* Desktop styles go here */
	.single-recipe .my_paralax,
	.single-article .my_paralax,
	.single-video .my_paralax,
	.single-competition .my_paralax,
	.single-post .my_paralax,
	.single-podcast .my_paralax {
		height:570px;
	}


	.js-boxout-wrapper {
		float: right;
		width: 300px;
	}
	
	.nav > li:first-child {
		border:0;
	}
	
	.archive.two-col-left #main-sidebar-container #main {
		width:100%; 
	}
	
	.search-no-results.two-col-left #main-sidebar-container #main, 
	.search-results.two-col-left #main-sidebar-container #main, 
	.search-results.two-col-right #main-sidebar-container #main {
		width:100%;
	}
	
	#wrapper {
		margin-top: 84px;
		padding-top: 0;
	}	
	.page-template-template-home #wrapper {
		padding: 0;
	}
	
	.search-no-results #content,
	.search-results #content,
	.page-template-template-recipes-grid #content,
	.page-template-template-articles-grid #content,
	#content.archive_list {
		max-width:4000px;
	}

	.pagination { padding-top:20px;}
	#header_wrapper.fix_to_top {
		position: fixed;
		top: 0;
		background: white;
    padding-top: 5px;
		width: 100%;
		z-index: 500;
		height:80px;
		border-bottom:1px solid #BCBCBC;
	}
	
	.admin-bar #header_wrapper.fix_to_top {
		top: 32px;
	}

	#header_wrapper.fix_to_top #header { 
    float: left;
    clear: none;
    width: 18%;
    padding: 9px 0 20px 15px;
  }

	#header_wrapper.fix_to_top #navigation {
    float: left;
    clear: none;
    width: 67%;
    margin: 0px;
    border: none;
    margin-left: 20px;
	}

  ul.nav li:last-of-type {
    padding-right: 0;
    text-align: right;
    float: right;
    margin-left: auto;
}

ul.sub-nav li:last-of-type{
  text-align: left;
}

#submenu {
    float: left;
    text-align: left;
    width: 67%;
    margin-left: 20px;
}

#submenu #search_box #searchsubmit{
  width: 38px;
}

#submenu_box, #submenu_box ul {
  margin: 0;
}

#submenu_box ul {
  margin: 0;
  display: flex;
  align-items: end;
}

#submenu_box {
  display: flex;
  align-items: center;
  width: 100%;
}

#submenu_box li {
  margin-right: 0.25rem;
}

#submenu_box li.digital-issues span{
  display: none;
}

#submenu_box a {
  margin-right: 0.25rem;
  font-size: 0.8em;
  font-size: 0.75em;
  padding: 0;
}

#search_box #searchform #s {
  max-width: 162px;
  margin-left: 0;
  font-size: .825rem;
}

.menu-social #searchsubmit {
  width: 40px;
}

#submenu .menu-social {
  text-align: right;
  order: 3;
  height: 25px;
  line-height: 25px;
  width: 30px;
  margin-left: auto;
}


#submenu .menu-social a {
  margin-right: 0;
}

.menu-social a {
  font-size: 18px !important;
}
	
	.page-template-template-home #navigation { border-top:1px solid #BCBCBC; border-bottom:none; padding-top: 15px; }
	.page-template-template-home .fix_to_top #navigation { border-top:none; padding-top: 0px; }
	.page-template-template-home #header { padding: 30px 0 30px; }

	#header_wrapper.fix_to_top #logo { text-align:left; }
	#header_wrapper.fix_to_top #navigation  #main-nav { 
		text-align:left;
	}

	#header_wrapper.fix_to_top #top {
		margin-top:85px;
		border:none;
	}
	
  .homepage-sidebar .trending h3 {
    text-align: left;
  }
	
	#sidebar {
		padding-top:140px;
	}
	.page-template-template-articles-grid #content,
	.page-template-template-recipes-grid #content {
		clear:both;
	}
	
	.single-hfg_collection h1,
	.search-results h1,
	.archive .archive_list h1.title,
	.page-template-template-recipes-grid h1,
	.page-template-template-articles-grid h1 {
		text-align:center;
		margin: 25px 0 25px 0;
		font-size: 24px;
  }

	.search-results .below_recipe_title,
	.archive_list .below_recipe_title,
	.page-template-template-recipes-grid .below_recipe_title,
	.page-template-template-articles-grid .below_recipe_title {
		margin: 0 auto 30px auto;
	}
	
	.single-competition #content,
	.single-post #content,
	.single-blog #content,
	.single-video #content,
	.single-recipe #content,
	.single-podcast #content { 
		z-index: 10; 
		padding-top: 0;
	}

	.single-competition #content #sidebar,
	.single-post #content #sidebar,
	.single-blog #content #sidebar,
	.single-video #content #sidebar,
	.single-recipe #content #sidebar,
	.single-podcast #content #sidebar {
		width:302px;
		padding-top: 0;
	}

	.single-competition #sidebar .recipe-grid-item,
	.single-post #sidebar .recipe-grid-item,
	.single-blog #sidebar .recipe-grid-item,
	.single-video #sidebar .recipe-grid-item,
	.single-recipe #sidebar .recipe-grid-item,
	.single-podcast #sidebar .recipe-grid-item {
		width:100%;
		position:relative;		
	}

	

	.single-competition .pf-content,
	.single-blog .pf-content,
	.single-video .pf-content,
	.single-post .pf-content,
	.single-podcast .pf-content {
		margin-top: 30px;
		float: left;
		clear: both;
	}
	
	.single-competition #main,
	.single-blog #main,
	.single-post #main,
	.single-video #main,
	.single-recipe #main,
	.single-podcast #main {
		width:65%;
	}
	
	#custom_add_to_menu { margin:0 auto; width:108px; display:block;}
	.recipe_tool.first { width: 55%; }
	.recipe_tool.second { width: 5%;}
	.recipe_tool.third { width: 40%; text-align:right; }
	.recipe_tool .printfriendly { float:right; margin:0; }
	.recipe_tool .printfriendly img { margin-bottom:5px; width:14px;}
	
	
	.my_paralax {
		height: 730px;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	.margin_auto,
	#hero_image {
		margin:0 auto;
		width:100%;
		max-width: 940px;
		position:relative;
	}
	
  page-template-template-home #facit_search_box_wrapper {
    top: 64px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.125rem 1rem;
	}

  #parallax .parallax_out{
    height: 190px;
  }

  #above_searchbar {
    font-size: 1.875rem;
    margin-bottom: 0.375rem !important;
  }

  .page-template-template-home #searchform #s{
    font-size: 1.15rem;
  }

  #searchform p {
    font-size: .925rem;
    margin-left: 0.25rem;
}
	.page-template-template-home #facit_search_box_wrapper.intro_homepage {
		width:420px;
		color:#000;
		
		padding:10px;
	}
	.page-template-template-home .facit_search_box input {
		font-size: 1.6em;
	}
  #facit_search_box_wrapper:not(.page-template-template-home #facit_search_box_wrapper) {
    background: #7EB541;
    float: left;
    width: 100%;
}

	.facit_search_box {
		padding:5px 0; 
		margin:0 auto;
    max-width:720px;
	}

	.facit_search{
		float:left;
		margin:15px 0 30px 0;
		width:100%;
	}

	.facit_search_menu {
		position:relative;
		float:left;
	}

	.facit_search_heading{
		z-index: 100;
		float: left;
		margin: 0 10px 0 0;
		position:relative;
		min-width:125px;
	}
	.facit_search_terms {
		position:absolute;
		background:rgba(255, 255, 255, 0.8);
		color:#7EB541;
		z-index:10;
		margin: 0px;
		width: 170px !important;
		padding-bottom:20px;
	}
	
	.menu_term {
		margin: 0 0 0 10px;
		font-size: 0.8em;
		float:left;
		clear: both;
		line-height: 1.3em;
	}
	
	#social_single_page	{
		position: absolute;
		height: 300px;
		width: 50px;
		margin-top:157px;
		text-align: center;
	}
	#social_single_page a { display:block; width:50px; height:50px; }
	#social_single_page .facebook{ background:transparent url(includes/assets/images/icon_facebook.jpg) top left no-repeat; }
	#social_single_page .twitter{ background:transparent url(includes/assets/images/icon_twitter.jpg) top left no-repeat; }
	#social_single_page .email{ background:transparent url(includes/assets/images/icon_email.jpg) top left no-repeat; }
	
	.competition #hero_image,
	.single-blog #hero_image,
	.single-format-standard #hero_image {
		float:right;
		width:50%;
		margin:0 0 10px 10px;
	}

	#navigation #main-nav a {     
    font-size: .925rem;
    color: #000; 
  }
	
  #navigation #main-nav ul.sub-nav li { float:left; border-bottom: 1px solid #d9d9d9;}
	#navigation #main-nav ul.sub-nav li a { 
    font-size: .85rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: none;
    padding: 0.5em 0.5em !important;
    }
  
	#navigation #main-nav ul.sub-nav ul.sub-nav { border:none; float:none; top:35px; left:0px; width:200px; height:100%; }
	#navigation #main-nav ul.sub-nav ul.sub-nav li { float:none; font-weight:normal; }
	#navigation #main-nav ul.sub-nav ul.sub-nav li a { font-size:1em; }
	
	#navigation #main-nav .menu-item-16757 ul.sub-nav li,
	#navigation #main-nav .menu-item-106571 ul.sub-nav li { font-weight:normal;}
	

	.fix_to_top #navigation #main-nav ul.sub-nav li { float:left; width:238px; text-transform:none; }
  .fix_to_top #navigation #main-nav ul.sub-nav li:not(.mega-item.selected) { position: relative; }
	.fix_to_top #navigation #main-nav ul.sub-nav ul.sub-nav { border:none; float:none; top:35px; left:0px; width:200px; height:100%; box-shadow:none; }
	.fix_to_top #navigation #main-nav ul.sub-nav ul.sub-nav li { float:none;  }
	
	ul.nav li:hover > ul,
	ul.nav li:hover > ul ul {
		visibility: visible;
	}
	
	#main-nav, #main-nav>li.menu-item.first {
		position: static;
	}
	.page-template-template-home #content {padding-top:0;}
	
	#facit_search_terms_text { margin: 58px 0px 8px 10px; }
	
	.recipe-grid-item { 
		width:14.6%;
	}
	
	.fix_to_top #navigation #main-nav .menu-item-20051 ul.sub-nav,
	.fix_to_top #navigation #main-nav .menu-item-16757 ul.sub-nav,
	.fix_to_top #navigation #main-nav .menu-item-106571 ul.sub-nav {
		width:238px;
		left:-100px;
		text-align:right;
		height:auto;
	}
	.fix_to_top #navigation #main-nav .menu-item-20051 ul.sub-nav { left:-67px; }
	
	#navigation #main-nav .menu-item-20051 ul.sub-nav,
	#navigation #main-nav .menu-item-16757 ul.sub-nav,
	#navigation #main-nav .menu-item-106571 ul.sub-nav {
		width:238px;
		left:-80px;
		height:auto;
		text-align:right;
	}
	
	#navigation .nav > li.has-children > a {
		padding-top: 1em!important;
		padding-bottom: 1em!important;
	}
	.single-product #content  { margin-top: 30px;}
	
	.facit_search_terms {
		width: 270px;
	}
	.facit_search_heading {
		min-width: 130px;
	}

	#header_wrapper.fix_to_top #logo img {
		width: 240px;
	}
	.single-competition #main, .single-blog #main, .single-post #main, .single-recipe #main, .single-video #main, .single-podcast #main {
		float:left;
		display:flex;
		flex-direction: column;
	}
	.single-competition #sidebar, .single-blog #sidebar, .single-post #sidebar, .single-recipe #sidebar, .single-video #sidebar, .single-podcast #sidebar {
		float:right;
	}

	.homepage-bottom-tabs .tab .recipe-grid-item, .related-articles .related-article  {
		width:33%;
		padding:0;
  }
  
  .tab-inner, .related-articles {
    display:flex;
  }
	
	.page-template-claim-your-subscription .entry-title {
		margin:20px 0;
	}
	.page-template-claim-your-subscription #content {
		max-width:940px;
		margin:0 auto;
	}

	.author-data {
		max-width: 940px;
    margin-left: auto;
    margin-right: auto;
	}

	.author-social-profiles p {
		font-size:.8rem;
		padding-top:.5rem;
	}

	.author-social {
		margin-right:.6rem;
		color:#545454;
	}

	.author-description {
    line-height: 1.925;
    margin-bottom: 4.5rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 96%;
	}

	.author-data h2 {
		width:100%;
		text-align:center;
		margin-bottom:0;
		display:inline-block;
	}

  .author-social-profiles {
    margin-bottom: 2rem;
  }

  .author-more{
    font-size:24px;
  }

	.collection-items {
		margin-left: -10px;
		margin-right: -10px;
	}

	#footer_menu ul li a {
		padding: 3px 0px;
	}
}

@media only screen and (min-width: 801px) and (max-width:939px) {
	.featured-recipes {
		width: 65%;
		margin-left: 1%;
	}

	.homepage-sidebar {
		width: 30%;
		margin-right: 1%;
	}

	#hfg_toolbar {
		display:none;
	}

	.facit_search_heading {
		min-width: 110px;
	}
}

@media only screen and (min-width: 1025px) and (max-width:1200px) {
	#hfg_toolbar {
		top:115px;
	}

	ul.nav li a {
		padding: .5em 0 .8em 1.2em;
	}

	#facit_search_box_wrapper {
		padding-top:45px;
		padding-left: 1%;
		padding-right: 1%;
	}

	.recipe-title {
		margin:0 auto;
		max-width: 96%;

	}

	#footer_menu ul li a {
		padding: 3px 0px;
	}
}

@media only screen and (max-width: 1024px) {
	.hide_on_mobile {
		display:none !important;
  }
  
  .facit_search {
    display:none;
  }

	.hide_on_desktop {
		display:block;
	}
	
	#content { 
		padding-top:0; 
	}
	.home #submenu {
		height:45px;
		width:100%;
  }
  
	.page-template-template-recipes-grid #submenu{
		height:auto;
	}
	#submenu_box {
		width:100%;
    max-width: 940px;
    margin: 0 auto;
    float: none;
	}
	#submenu_box ul{
		margin: 0 auto;
    margin-top: 0.375rem;
		float: none;
		font-size: 0.8em;
    display: inline-flex;
    align-items: end;
    justify-content: start;
    width: calc(100% - 52px);
	}

  #submenu_box li {
    margin-right: 0!important;
  }

	#submenu .menu-social {
    display: inline-flex;
}

	.client_logos { width:100%; float:none;}
	
	
	#taxonomy_subnav li { display:block; border:none;}
	
	#hfg_toolbar  {top:-4px; position:absolute; left:0px;}
	#hfg_toolbar ul  {margin-top:10px; z-index:500;}
	#hfg_toolbar_toggle { border:none; background-color:transparent;}
	
	input.category-filter {
		color:#000;
	}
	
	#footer_menu ul li {
		width:100%;
		margin-top:10px;
	}
	#footer_menu ul li li {
		margin-top:0;
	}

	#footer_menu ul li a {
		padding: 16px 20px;
	}

	#sidebar .recipe-info .slug {
		margin:1.2rem 0;
	}

	#sidebar .recipe-info .slug a {
		padding:10px;
	}
	
	.facit_search_spacer { 
		margin-top:0px;
		max-height:150px;
		overflow: hidden;
		-ms-overflow-y: auto; /* IE8 */
		overflow-y: auto;
	}
	
	#facit_search_box_wrapper.intro_homepage {
		background:#fff;
		color:#000;
	}
	
	#facit_search_terms_text input { width:98%; }
	
	#header .nav-toggle {margin: 1em 0 0;}
	#main:not(.page-template-template-recipes-grid #main) { margin-top: 0px; }

	html #mobile-header { display:none; }
	
	#custom_print_recipe { display:none; width:0%;}
	.recipe_tool.first { display:block; width:100%; }


	
	#submenu{
		float:none;
    width:100%;
    display:inline-block;
	}

	.search-results h1,
	.archive .archive_list h1.title,
	.page-template-template-recipes-grid h1,
	.page-template-template-articles-grid h1 {
		text-align:center;
		margin: 25px 0 25px 0;
		font-size: 24px;
	}

  .single-hfg_collection .term-title .title{
    margin: 25px 0 25px 0;
  }

  .single-hfg_collection .below_recipe_title {
    padding-bottom: 0 !important;
  }

	.page-template-template-recipes-grid h1 {
    margin-bottom: 30px;
	}

	.page-template-template-articles-grid h1  {
    margin-bottom: 10px !important;
	}

  .archive_list .title-wrapper h1.title  {
    margin-bottom: 35px !important;
	}


  #taxonomy_subnav {
    margin-top: 0;
    margin-bottom: 1.25rem;
}

.archive_list .section-header{
  display: flex;
  flex-flow: column;
}

.taxonomy-wrapper{
  order: 2;
}

	.homepage-sidebar,
	.homepage-sidebar .trending,
	.featured-recipes,
	.featured-recipes .recipe-grid-item {
		width:100%;
	}
	
	.parallax_out.pro {
		display:none;
	}
	
	.collection-items .recipe-grid-item,
	.collection-items .recipe-grid-item.featured_post {
		width:100%; 
		max-width:100%;
	}
	
	.content_blocks_image, .content_blocks_text  {float:left; width:100%;}
	.content_blocks_text  {padding-top:10px;}
	
	.page-template-store .tab-option h3 {
		font-size: 1.1rem;
	}
	#search_specific_issue {display:none;}
	
	.fav_list_item { width:100%;}
	
	.paywall-subscribe .send-event { display:block; }
	
	#facit_search_box_wrapper { color:#000; }
	.page-template-template-home #facit_search_box_wrapper.intro_homepage { color:#000; }
	
	html .login-container {
		width: 200px;
		right: 15px;
		top: 10px;
		font-size: 13px;
		margin:.5rem;
	}
	html .login-form {
		background: #fff;
		font-size: 9px;
		border: 1px solid #dbdbdb;
	}

	.login-container form.closed {
		border: 0;
  }

	input.text.dark {
		background-color:#fff;
		color:#666;
		font-size: .95rem;
	}
	
	.login-container .white-button {
		font-size: .95rem;
	}

	.login-container .closed .white-button {
    font-size: .6rem;
      margin-top: 0;
      background-color: #7EB541;
      color: #fff;
      border: none;
      padding: 0.3em 0.5em;
	}

	.login-container.logged-in a span{ 
		text-indent:100px; 
		background:transparent url('images/user_icon.png') center center no-repeat;
		display:block;
		height:31px;
		width:31px;
		overflow:hidden;
		margin: 10px;
	}
	
	.store-option aside { display:none;}
	.page-template-store .store-option {min-height: 280px;}
	
	.subscriptions-tab .subscription-option {
		min-height:190px;
	}
	
	.tab-option img { height:90px; width:90px;}
	.tab-option.subscription-option img { height:50px;}
	.tab-option aside,
	.country_NZ .tab-option p { display:none; }
  
  .recipe_timing_info {
    column-count:1;
  }
	
	.recipe_tool.third { text-align:right; }

	#social_global a { width:50px;}
	
	#subs_more_info_link {display:none;}
	
	.intro_homepage a#above_searchbar_link {
		margin:10px 10px 0;
		font-size: 1.4em;
	}
	#homepage_blurb {
		margin:10px; 
		font-size: 0.9em;		
	}
	#homepage_blurb ul {
		width:85%;
	}
	#homepage_blurb ul li {
		margin:8px 0;
	}
	.intro_homepage #above_searchbar {
		font-size:1em;
		margin:0px;
	}
	
	#search_box{
		float:none;
		width:auto;
    margin-top: 0.75rem;
	}
	
	.pure-g.line-breaks {
		float:left;
		width: 100%;
	}
	
	#recipe-tabs-1 {
		float: left;
		padding: 0;
		margin-top:20px;
	}
	
	.single-recipe .single-img-box {
		width:100%;
	}
	
	
	#recipe_info_menu h3 {
		font-size: 0.7em;
	}
	
	.th-recipe, .recipe-info {
		width: 100%;
	}
	
	.recipe-grid-item  {
		clear: both;
	}

	.single-recipe #sidebar h3.entry-title{ 
		margin-bottom:1.2rem;
		margin-top: 1.2rem;
	}

	#remove_fav_list {
		float: left;
		width: 100%;
		margin-left:0;
	}

	.single-recipe #hero_image .hfg_custom_social_links {
		bottom: 9px;
	}
	.recipe_tool.first .hfg_custom_social_links {
		display: none;
		font-size: 1.3rem;
	}
	#hero_image .hfg_custom_social_links {
		display:none;
	}
	
	.tooltiptext a {
		width:100%;
	}
	
	.recipe_tool.first .tooltiptext {
		display: block;
		top: -15px;
		right: auto;
		z-index: 500;
		position: absolute;
		font-size: 1.3em;
		left: 34px;
  }
  
  .page-template-template-articles-grid .menu-footer-menu-container, .page-template-template-recipes-grid .menu-footer-menu-container, .archive .menu-footer-menu-container {
    display: none;
  }

  .rate-box {
    width: 100vw;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

.login-container .closed .white-button {
  font-size: .6rem;
    margin-top: 0;
    background-color: #7EB541;
    color: #fff;
    border: none;
    padding: 0.3em 0.5em;
}

.single-hfg_collection #parallax {
	margin-bottom:30px;
}
.entry-content {
	font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
}

.page-template-template-home #main > p {
	margin: 0px;
}

.woo-pagination {
	display: none;
}

.search-results .recipe-grid-item.recipe-grid-item, .archive .recipe-grid-item.recipe-grid-item, .page-template-template-articles-grid .recipe-grid-item.recipe-grid-item, .page-template-template-recipes-grid .recipe-grid-item.recipe-grid-item {
	height: auto !important;
	vertical-align: top;
  padding: 0 25px;
}

#main-nav {
	margin-bottom: -1px;
}

.hide_me, .lazy, .hide-for-nz .hide { display:none!important; } 

#fld_instructions_and_steps ol, #fld_instructions_and_steps ul { 
  margin: 0px 0px 40px 35px; 
} 

#fld_instructions_and_steps p {
  padding-left: 50px;
}

#fld_instructions_and_steps p::first-letter { 
	font-size:1.5em;
	padding:2px 5px;
	font-weight:bold;
	margin-right:5px;
	float:left;
	position:absolute;
	margin-left:-50px;
	line-height:1;
}

/*@supports (-ms-ime-align:auto) {*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* MS Edge CSS styles go here */

	.homepage-bottom-tabs .th-recipe img, .related-articles .related-article .th-recipe img { 
		min-width:300px;
		min-height:300px;
	} 

	.homepage-sidebar .th-recipe img, .homepage-sidebar .th-recipe, #sidebar .th-recipe img, #sidebar .th-recipe, .trending .th-recipe, .trending .th-recipe img {
		min-height:160px!important;
		height: 160px!important;
	}

	.featured-recipes .recipe-grid-item.featured_post .th-recipe img {
		min-height: 460px;
		min-width: 100%;
	}

	.type-hfg_collection.featured_post .th-recipe img {
		min-width: 100%;
		object-fit: cover;
		min-height: 460px;
	}

	.single-competition .th-recipe img, .single-post .th-recipe img, .single-video .th-recipe img, .single-recipe .th-recipe img, .single-podcast .th-recipe img {
		height:auto !important;
	}

	.page-template-template-recipes-grid #main .th-recipe,  .page-template-template-recipes-grid #main.th-recipe-list, .loop-archive .th-recipe, .loop-archive .th-recipe img, .archive_list .th-recipe img {
		height:250px!important;
		width:250px!important;
		position: relative;
	}

	.page-template-template-home .featured-recipes .th-recipe, .page-template-template-home .featured-recipes .th-recipe img {
		height:250px!important;
		width:250px!important;
	}

  .homepage-bottom-tabs .th-recipe,
  .related-article .th-recipe,
	.single-hfg_collection #main-sidebar-container .th-recipe {
		height:205px !important;
	}
	.homepage-bottom-tabs .th-recipe img,
	.page-template-template-home .th-recipe img,
  .page-template-template-home .trending .recipe-grid-item .th-recipe img,
  .related-articles .th-recipe img,
	.collection-items .featured_post.recipe-grid-item .th-recipe img,
	.featured-recipes .featured_post.recipe-grid-item .th-recipe img {
		height:auto;
	}
	
	#main .collection-items .featured_post.recipe-grid-item .th-recipe {
		height:205px !important;
	}
	
	.single-hfg_collection #main-sidebar-container .featured_post .th-recipe,
	#main .featured-recipes .featured_post.recipe-grid-item .th-recipe {
		height:460px !important;
		width:100% !important;
	}
}


.facit_search_menu:first-child{
	display: none;
}


.recipe-content, .article-content {
	text-align: center;
}

.recipe-grid-item {
	display: inline-block;
	float:none;
	width:250px;
}

.recipe-info .entry-intro {
    overflow: hidden;
}

.recipe_circles {
    height: 40px;
}


.facit_search_menu:first-child{
	display: none;
}

.featured-recipes .recipe-info h3, .collection-items  .recipe-info h3, #sidebar .recipe-info h3 {
	height: auto;
	padding: 0.9rem 0;
}

.featured-recipes .recipe-grid-item {
	float: left;
}

ul.nav li.open > ul,
	ul.nav li.open > ul ul {
		visibility: visible !important;
	}

.hidden {
	display: none;
}

.page-template-404-php .entry, .error404 .entry {
	width:90%;
}

.page-template-404-php .entry p, .error404 .entry p {
	line-height: 1.3;	
}

.error-image {
	margin:2rem auto 1.5rem;
}

.error-image img {
	display:block;
	margin:0 auto;
}

/*Christmas menu item red */

.menu-item-267115 a {
	color:#d42426;
}

.rcp_update_card_form p {
  text-align: center;
}

@media(max-width: 768px) {

	body .nanoModal {
		position: fixed !important;
		top: 10px !important;
		left: 10px !important;
	}
	.searchform {
		width: 100%;
	}
	#submenu_box {
    margin: 0;
  }
  .single-competition #content #sidebar, .single-post #content #sidebar, .single-blog #content #sidebar, .single-video #content #sidebar, .single-recipe #content #sidebar, .single-podcast #content #sidebar {
    padding-top: 0;
  }

  #search_box #searchform #searchsubmit {
		padding: 2px;
	}
	#submenu_box ul {
		margin: 0;
    margin-top: 0.375rem;
	}

  #submenu ul li .fa, #submenu ul li img {
    display: none;
  }

	#search_box {
		margin-left: 1em;
	}
	.extra_register {
		display:none;
	}
	#recipe-tabs-1 {
		margin-top: 0;
		clear:both;
	}
	#measurements_preference {
    width: 100%;
    margin-bottom: 0!important;
    padding-right:0!important;
  }
	.nutritional_box {
    float:none;
    clear:both;
  }
	.nutrition {
    width:100%;
    margin-right:0;
    float:none;
  }
	.nutritional p span.big-nut {
    margin-right: 20px;
    width: 55%;
  }
	.rate-left {
    width:65%;
  }
	.rate-right {
    width: 100%;
    text-align: center;
  }
	#copyright {
    text-align:center;
  }
	#footer, .footer-social a .fa::before{
    font-size:0.8rem;
  }
	#footer_menu {
    padding-bottom:50px;
  }
	#footer_menu ul li a {
    padding: 5px 20px;
  }
	#searchform div {
    width: 95%;
  }
}

@media(max-width: 1024px) {
  #wrapper {
    max-width: 92%;
    margin: 0 auto;
  }

	.nanoModalOverlay {
		opacity: 1;
	}
}

.green-text {
	color:#7EB541!important;
}

.center {
	text-align: center;
}

.nanoModal {
	padding: 1.5rem;
}

.red-button {
	background-color: #7EB541 !important; 
	border-color: #7EB541 !important; 
	color:white !important;
}

#mc_embed_signup form {
	padding:0!important;
}

.hon-code {
  margin-top:1rem;
  margin-bottom: 3px;
}

.hon-code img {
  margin:0 auto;
}

.hon-code p {
  font-size: .8rem;
  line-height: 1.3;
  margin-top:5px;
}

/* Gravity forms styling */

.gform_wrapper .gform_body {
	width: 100%;
	margin-bottom: 1rem;
}

.gform_wrapper *, .gform_wrapper ::after, .gform_wrapper ::before {
    box-sizing: border-box !important;
}
.gform_wrapper ul.gform_fields {
    margin: 0 !important;
    list-style-type: none;
    display: block;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    font-size: inherit;
    font-family: inherit;
    padding: 5px 10px;
    letter-spacing: normal;
}

.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
    display: none !important;
    position: absolute !important;
    left: -9000px;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 16px;
}

.gform_wrapper ul li.gfield {
	clear: both;
	margin-top:16px;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    display: inline-block;
    line-height: 1.3;
    clear: both;
}

.gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text, .ginput_container_consent button.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

div.ginput_complex.ginput_container.gf_name_has_2 span {
    width: 50%;
}

div.ginput_container_name span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    margin-right: -4px;
}

.gform_wrapper .ginput_complex .ginput_left input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_wrapper .ginput_complex .ginput_right input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_wrapper .ginput_complex select {
    width: 100%;
}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
    display: block;
    font-size: .813rem;
    letter-spacing: .5pt;
    white-space: nowrap;
}

.gform_wrapper form li, .gform_wrapper li {
    margin-left: 0 !important;
    list-style: none !important;
}
.gform_wrapper .gfield_required, .rcp-required {
    color: #790000;
    margin-left: 4px;
}

.nl-signup-country-code-field , .nl-signup-country-field{
  display: none;
}


body .gform_wrapper .top_label div.ginput_container {
    margin-top: 8px;
}

#mc_embed_signup .mc-field-group {
	padding:0!important;
}

#mc-embedded-subscribe-form .mc-field-group {
	margin-bottom:0!important;
}

form .validation_error, form .validation_message, .submit-result .validation_error{
  background-color: #FFEBE8;
  border: 1px solid #ffb1b1;
  color: #da3535;
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem;
}

.submit-result .validation_success{
  border: 1px solid #d1e6ba;
  background-color: #f0f6e4;
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem;
}

form .validation_message{
  margin-top: 10px;
}


/* Newsletter Signup Box end of article */

.newsletter-signup-box{
  border: 5px solid #7eb541;
  padding: 2em 1em;
  max-width: 270px;
  margin: 0 auto;
}

.newsletter-signup-box input[type="text"]{
    width: 100%;
    border: 2px solid #7eb541;
    padding: 7px 7px !important;
}

.newsletter-signup-box .logo-normal{
  max-width: 280px;
}

.newsletter-signup-box-title{
  color: black;
  font-size: 20px;
  font-weight: 200;
  padding-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
}

.newsletter-signup-box-title strong{
  display: block;
}

.newsletter-signup-box .button{
  background-color: #008037 !important;
  display: block !important;
  font-size: .925rem !important;
  font-family: 'Raleway', sans-serif !important;
  height: 40px;
  line-height: 40px !important;
  width: 180px;
  margin: 0 auto;
  transition: all .3s ease !important;
  padding: 0 !important;
}

.newsletter-signup-box .button:hover{
  background-color: #026c2f !important;
}


.newsletter-signup-box .gform_wrapper ul.gform_fields li.gfield{
  padding-right: 0;
}

.newsletter-signup-box .gform_footer{
  text-align: center;
}

.newsletter-signup-box-form p{
  color: #222;
  line-height: 1.375;
  margin-top: 1em;
  text-align: center;
}

.newsletter-signup-box .newsletter-signup-box-privacy {
  text-align: center !important;
}

.newsletter-signup-box .newsletter-signup-box-privacy span{
  font-size: .925rem !important;
}

.newsletter-signup-box .gform_confirmation_message{
  background-color: #f0f9e6;
  border: 1px solid #c1ec91;
  padding: 1rem;
  margin: 1rem 0;
  color: #000;
 }

/* Newsletter Signup Box sidebar */
#sidebar .newsletter-signup-box {
  border: 2px solid #e0ecc6;
  padding: 1.5em 1.25em;
  background: linear-gradient(180deg, #f0f6e4, #f0f6e4);
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  display: none;
}

#sidebar .newsletter-signup-box-title {
  font-size: 19px !important;
  line-height: 1.25;
  text-align: center;
}

#sidebar .newsletter-signup-box form {
  margin-bottom: .125rem;
}

#sidebar form .validation_error{
  margin-top: 10px;
  margin-bottom: 3px;
}

.newsletter-signup-box input[type="text"] {
  padding: 8px 7px !important;
}

#sidebar .newsletter-signup-box .button {
  height: 36px !important;
  line-height: 36px !important;
}

#sidebar .newsletter-signup-box .newsletter-signup-box-privacy {
  text-align: center !important;
}

#sidebar .newsletter-signup-box .gform_confirmation_message{
  background-color: #ffffff;
 }

.newsletter-signup-wrapper{
    background: #89b941;
    background-repeat: no-repeat;
    background-position: left 0, right 0;
    padding: 1.5em 1em;
    max-width: 340px;
    margin: 0 auto;
}

.newsletter-signup {
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  text-align: left;
}

.newsletter-signup a{
  color: white !important;
  text-decoration: underline ; 
}

.newsletter-signup h1{
  color: white;
  font-size: 34px;
  font-size: 29px;
  font-family: Georgia, Times, "Times New Roman", serif;
  margin-top: 0;
  margin-bottom: 0.375em;
}

.newsletter-signup form .validation_message {
  margin-top: 3px;
  position: absolute;
}


.newsletter-signup .gform_heading{
  display: none;
}

.newsletter-signup h2 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: white;
  line-height: 1.25;
  font-size: 17px;
  margin-bottom: 1rem;
}

.newsletter-signup h3 {
  color: white;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
}

.newsletter-signup .plus {
  font-style: italic;
}

.newsletter-signup .gform_fields{
  padding: 0;
}

.newsletter-signup .gform_wrapper .gform_footer, .newsletter-signup .gform_wrapper ul li.gfield, .newsletter-signup .gform_wrapper {
	margin:0;
}

.newsletter-signup .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
  position: relative;
}

.newsletter-signup .gform_wrapper input.large {
  border: 2px solid #0e0d0d;
  margin: 0;
  padding: 8px 7px !important;
  width: 100%;
}

.newsletter-signup .button{
  background-color: #008037 !important;
  display: block !important;
  font-size: 16px !important;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px !important;
  height: 42px;
  width: 180px;
  margin: 0 auto;
}

.newsletter-signup .banner-privacy{
  text-align: center;
}

.newsletter-signup .ginput_container_email{
  margin-top: 0 !important;
}

.newsletter-signup .button:hover{
  background-color: #016b2f !important;
}

.newsletter-signup p{
  color: #000;
  font-size: 15px;
  line-height: 1.125;
  margin-top: 0.5rem;
  margin-bottom: 0;
  position: relative;
}

.newsletter-signup form {
  margin-bottom: 0;
}

.newsletter-signup .gform_wrapper{
  margin-bottom: .5rem;
}


.newsletter-signup p span{
  display: block;
  margin-left: 36px;
}

.newsletter-signup .gform_wrapper .gform_body {
  width: 100%;
  margin-bottom: 0.5rem;
}

.newsletter-signup .gform_confirmation_message{
  border-radius: 2px;
  min-height: 110px;
  line-height: 1.25;
  background-color: #f0f9e6;
  border: 1px solid #c1ec91;
  padding: 0.75rem;
  margin: 1rem 0;
  color: #000;
}

.newsletter-signup p:before {
  content: '';
  background: url(../FoodAndCook/images/nl-signup-check-icon.png);
  height: 28px;
  width: 28px;
  position: absolute;
  background-size: contain;
}

.newsletter-signup .italic {
	font-style:italic;
}

.your-privacy {
	font-size:13px;
	margin-bottom:0;
	text-align:left;
}

.newsletter-button {
	background-color: #7EB541; 
	color:white;
	padding:.3rem .5rem;
	border-radius:3px;
	margin:.7rem auto 1rem;
	display: block;
	max-width: 150px;
	text-align: center;
}

.newsletter-button:hover {
	color:#eee;
}

@media only screen and (min-width: 375px){
  .newsletter-signup p {
    margin-bottom: 0.5rem;
  }
}

@media only screen and (min-width: 576px){
  .newsletter-signup-wrapper {
    padding: 2rem;
    max-width: 100%;
  }

  .newsletter-signup .gform_wrapper .gform_body {
    margin-bottom: 0;
    grid-column: 1 / 2;
  }

  .newsletter-signup-box{
    padding: 2em 1em;
    max-width: 100%;
  }

  .newsletter-signup-box-form{
    max-width: 560px;
  }

  .newsletter-signup-box-form p {
    text-align: left;
    margin-bottom: 0;
  }

  .newsletter-signup form, .newsletter-signup-box form:not(#sidebar .newsletter-signup-box form ){
    margin-top: 1rem;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: auto 160px;
    grid-column-gap: 10px;
    grid-row-gap: 4px;
  }

  .newsletter-signup .button {
    margin: 0;
    padding: 0 25px !important;
    width: auto;
  }

  .newsletter-signup .banner-privacy {
    text-align: left;
  }

  .newsletter-signup-box .gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
  }

  .newsletter-signup-box .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0;
  }

  .newsletter-signup-box .gform_body:not(#sidebar .newsletter-signup-box .gform_body) {
    margin-bottom: 0;
    grid-column: 1 / 2;
  }
  .newsletter-signup-box .button{
    width: 160px;
  }

  .newsletter-signup-box .logo-normal {
    max-width: 176px;
    margin-top: 0.1em;
  }

  .newsletter-signup-box-title {
    font-size: 22px;
    text-align: left;
  }

  .newsletter-signup-box-title strong {
    display: inline-block;
    margin-bottom: 0.375rem;
  }

  .newsletter-signup-box .newsletter-signup-box-privacy {
    text-align: left !important;
  }

 #sidebar .newsletter-signup-box  .gform_wrapper{
    display: block !important;
  }

  #sidebar .newsletter-signup-box input[type="text"] {
    border: 2px solid #e0ecc6;
  }

  #sidebar .newsletter-signup-box .button {
    background-color: #75a52b !important;
    width: 192px !important;
  }
}

@media only screen and (min-width: 640px){
  .newsletter-signup-box-inner{
    max-width: 520px;
  }

  .newsletter-signup-box {
    max-width: 610px;
    margin-left: 0;
    padding: 2em 1.375em;
  }

  .newsletter-signup-box-title {
    font-size: 26px;
  }
}

@media only screen and (min-width: 768px){
  .newsletter-signup .gform_wrapper {
    margin-bottom: 0;
  }

  .newsletter-signup-box .logo-normal {
    max-width: 180px;
}

  .newsletter-signup-box-title {
    font-size: 26px;
  }

  .newsletter-signup-box .button{
    width: 160px;
  }

  .newsletter-signup-wrapper{
    padding: 3rem 1rem;
  }

  .newsletter-signup {
    max-width: 70%;
  }

  .newsletter-signup h1 {
    font-size: 42px !important;
    font-family: Georgia, Times, "Times New Roman", serif;
  }

  .newsletter-signup p {
    margin-bottom: .5rem;
  }

  .newsletter-signup h3, .newsletter-signup p {
    font-size: 18px;
  }

  .newsletter-signup form {
    margin-bottom: 0;
  }

  .newsletter-signup .button {
    font-size: 16px !important;
    padding: 12px 20px !important;
  }
}

@media only screen and (min-width: 920px){
  .newsletter-signup {
    max-width: 520px;
  }

  .newsletter-signup-wrapper {
    background: url(../FoodAndCook/images/newsletter-signup-l.jpg), url(../FoodAndCook/images/newsletter-signup-r.jpg), #7EB541;
    background-repeat: no-repeat;
    background-position: left 0, right 0;
    background-size: contain;
  }
}

@media only screen and (min-width: 992px){
  .newsletter-signup h3, .newsletter-signup p{
    line-height: 1.375;
  }

  .newsletter-signup-box {
    padding: 2em 1.625em;
  }

  .newsletter-signup .gform_confirmation_message{
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 1024px){
  #sidebar .newsletter-signup-box {
    display: block;
  }
}


.paywall-subscribe ul {
	  display: inline-block;
    text-align: left;
}

.paywall-modal .modal-title {
  color: #8fba60;
  font-family: 'Raleway', sans-serif;
  font-size: 1.3rem;
  line-height: 1.125em;
  margin-top: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.modal-sub-desc{
  color: #000;
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.125rem;
}

.modal-sub-renew{
  font-size: .875rem;
}

.red-background {
	background: #7EB541 !important;
	color: white !important;
	border: 1px solid #7EB541 !important;
	text-align: center;
}

.green-background, .added {
	background: #77a464 !important;
	border: 1px solid #77a464 !important;
	color: white !important;
}

.more-sub-button {
  color: #545454!important;
  border: 2px solid #7EB541;
  background-color: #fff;
  font-size: 1.5rem!important;
  padding: 1.5rem 0!important;
  width: 100%;
  box-sizing: border-box;
  display: inline-block!important;
}

@media screen and (max-width:640px) {
  .more-sub-button {
    width:100%;
  }
  .modal-content .benefits_item__icon{
    margin-right: 7px;
    flex: 0 0 17px;
    max-width: 17px;
  }

  .modal-content .benefits_item {
    font-size: 15px;
  }

  .paywall-modal .intro .blue-text {
    line-height: 1.125;
  }
}

.arrow-box {
	position: relative;
}
.arrow-box:after { 
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);    
	border-left-color: #7EB541;
    border-width: 22px;
    margin-top: -22px;
}

p.fine-print {
	font-size: 0.9rem;
	padding-left:0;
}

.recipe-fine-print {
  padding-top:0;
  margin-bottom: 0;
  font-size:.9rem;
}

.black-paywall-modal .black-button {
  padding: 11px 1rem;
  font-weight: 700;
  margin:1rem auto 0;
  display: block;
}

.admin-cookie .renew-subscription .flip-front, .admin-cookie .renew-subscription .flip-back {
	height:600px;
}

.admin-cookie .renewal-variations .variations ul {
	display: block !important;
}



@media (max-width: 1300px) {
    #wp-admin-bar-root-default>li:nth-child(n+5) {
        display: block;
    }
    #wp-admin-bar-root-default>li:nth-child(n+8) {
        display: none;
    }
}

.trending p.standfirst {
	display: none;
}

.trending .recipe-info h3 {
	height: auto;
}

.trending .recipe-grid-item {
	margin-bottom: 0;
	padding-bottom: 20px;
}

.trending .below_thumb_box {
	display: none;
}

iframe {
	max-width:100%;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flipper {
    transform: none !important;
    height: 600px; }
  .flip-front, .flip-back {
    transform: none !important; }
  .flip-back, .flip-back.red {
    display: none; }
  .flipper.active .flip-back {
    display: block; }
  .flipper.active .flip-back.red {
    display: flex; }
  .flipper.active .flip-front {
    display: none; } }

.christmas-instructions-container {
	display: none;
}

.compat-object-fit {
  background-size: cover;
}

@media(min-width:1025px) {


  html #goto_search_result {
	display:none;
  }

	ul.full-height, ul.half-height {
		position: static !important;
	}

	ul.half-height {
		margin-bottom: 14px;
	}

	/*ul.sub-nav.full-height li:nth-child(n + 12), ul.sub-nav.half-height li:nth-child(n + 5) {*/
	ul.sub-nav.full-height li {
		display:none;
	}
	.fix_to_top #navigation #main-nav li.first ul.sub-nav.bfc {
		height:auto;
		width:auto;
	}
	.fix_to_top #navigation #main-nav li.selected ul.sub-nav.bfc {
	}
	.mega-item ul.sub-nav li.show-more  {
		display: block;
	}

	#navigation #main-nav li.show-more a {
		color: #999;
	}

	#main-nav ul.sub-nav .show-less  {
		display: none;
	}


	.fix_to_top #navigation #main-nav>li.first>ul.sub-nav {
		height: 350px;
	}

	.mega-item.selected {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		/*bottom: 0;*/
		width: auto !important;
		height: auto;
		background: white;
		z-index: 600;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #000;
    color: #545454;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 0 5px 1px rgb(0, 0, 0, 0.2);
    min-height: 174px;
	}

	.fix_to_top #navigation #main-nav li.first ul.sub-nav { 
		height: auto; 
		background:#fff;
	  width: 715px;
    left: 0px;
    column-count: 3;
    gap: 0;
	}

  #navigation #main-nav ul.sub-nav { 
    border:none; 
    width:900px;  
    left: 10px; 
    height: auto; 
    background:#fff;;
    border: 1px solid #d9d9d9;
    border-top: 2px solid #000;
    color: #545454;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 0 5px 1px rgb(0, 0, 0, 0.2);
  }

  #navigation #main-nav ul.sub-nav.no-shadow{
    border: 0;
    border-top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }

  .sub-nav:has(.menu-item mega-item){
		height: 350px !important;
	}

	#main-nav {
    position:relative;
    display: flex;
    align-items: baseline;}

	#main-nav .mega-item.selected ul.sub-nav li {
		display: block;
	}

	#main-nav .mega-item.selected .show-more {
		display: none;
	}

	#main-nav .mega-item.selected .show-less {
		display: block; 
	}

	#main-nav .mega-item.selected>ul.sub-nav {
		width: 100% !important;
	}

	#main-nav .mega-item.selected>ul.sub-nav li {
		float: left !important;
	}
	
	.fix_to_top #navigation #main-nav ul.sub-nav  ul li,
	.fix_to_top #navigation #main-nav ul.sub-nav ,
	.fix_to_top #navigation #main-nav .menu-item-15513 ul li.first,
	.fix_to_top #navigation #main-nav .menu-item-20012 ul li.first {
	
	}

  .fix_to_top #navigation #main-nav ul.sub-nav li.mega-item.selected a.show-less span {
    font-weight: bold;
    margin-left: 1.375rem !important;
    font-size: .875rem;
    line-height: 1.5;
    text-transform: none;
    padding: 0.5em 0.625em !important;
}
	
	.fix_to_top #navigation #main-nav ul.sub-nav li.mega-item a {
		width:auto;
		padding-right:2px !important;
	}
	.fix_to_top #navigation #main-nav ul.sub-nav li.mega-item.selected a {
		width:auto;
	}
	
	#navigation #main-nav .mega-item .show-more ,#navigation #main-nav .mega-item .show-less {
		/*float:left;
    position: absolute;
    width: 20px !important;
    height: 20px;
    top: 4px;
    bottom: 0;
    right: 3px;*/
    width: 100% !important;
    border-bottom: 1px solid #d9d9d9;
	}

	#navigation #main-nav .mega-item .show-more a,#navigation #main-nav .mega-item .show-less a {
    padding: 0 !important;
    font-size: .75rem;
    border-radius: 1px;
    background-color: #dbe9ce !important;
    color: black;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease;
	}

  #navigation #main-nav .mega-item .show-less {
    left: 0.35rem;
    top: 0.325rem;
  }

  #navigation #main-nav .mega-item .show-more a:hover,#navigation #main-nav .mega-item .show-less a:hover {
    background-color: #bbd0a8 !important;
	}

  .fix_to_top #navigation #main-nav ul.sub-nav li.mega-item.selected a.show-more-temp {
    width: 100% !important;
  }

	#navigation #main-nav ul.sub-nav.bfc{
		padding:0px !important;
	}
	.current-user img {
		display:none!important;
  }

  #logo img {
    width:200px;
  }

  #logo {
    text-align:center;
  }
}

 .woocommerce-MyAccount-content{
    width: 100%;
  }

  .woocommerce-MyAccount-navigation{
    display: none;
  }

  .woocommerce-order-overview__payment-method{
    display: none;
  }

  .order-intro p{
    color: #000;
    font-size: 1.75em;
    line-height: 1.375;
    text-align: center;
  }

  .order-intro mark{
    font-weight: bold;
  }

@media screen and (min-width:499px)  {
  .woocommerce-order ul.order_details  {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .woocommerce-order ul.order_details li {
    list-style-type: none;
    border-bottom: 1px solid #dddddd;
    border-right: 0;
  }

  .woocommerce-order ul.order_details li:last-of-type {
    border-bottom: 0;
  }
}

@media screen and (max-width:500px) {

	.nanoModalOverlay {
		width:100%!important;
		max-width: 100%!important;
	}

	body .nanoModal {
		max-width:93%!important;
	}

	table {
		width:100%!important;
	}

	.recipe-grid-item {
		display: block;
		margin: 0 auto;	
	}

	.featured-recipes .recipe-grid-item.featured_post {
		width: 100%;
		padding: 0;
	}
	
	.featured-recipes .recipe-grid-item .th-recipe  {
		max-width: 300px;
	}
	
	.featured-recipes .recipe-grid-item.featured_post .th-recipe {
		max-width:300px;
	}
	
	.featured-recipes .recipe-grid-item.featured_post .th-recipe img {
		max-height: 300px;
		width:300px;
	}

	.homepage-sidebar .th-recipe img, .homepage-sidebar .th-recipe, #sidebar .th-recipe img, #sidebar .th-recipe, .trending .th-recipe, .trending .th-recipe img {
		min-width:300px!important;
		min-height:300px!important;
		height: 300px!important;
		width: 300px!important;
	}

	.page-template-template-recipes-grid #main .th-recipe,  .page-template-template-recipes-grid #main.th-recipe-list, .loop-archive .th-recipe, .loop-archive .th-recipe img, .archive_list .th-recipe img, .page-template-template-search .th-recipe img{
		max-height:300px;
		max-width:300px;
		display: block;
		margin:0 auto;
		position: relative;
	}
	
	.collection_not_featured .th-recipe img {
		max-height:300px!important;
		min-height:300px!important;
		width:100%;
	}
	
	.collection-items.display-as-grid .collection_not_featured .th-recipe img, .collection-items.display-as-grid .featured_post .th-recipe img {
		max-height:300px!important;
		min-height:300px!important;
		width:100%;
	}
	
	.type-hfg_collection.featured_post .th-recipe img {
		min-width: 100%;
		height:300px;
		object-fit: cover;
	}
	
	.page-template-template-home .th-recipe img {
		max-height: 300px;
	}
	
	html #goto_search_result{
		display:block;
	}

  .home #submenu {
    height: auto;
  }

  #submenu_box li:first-of-type a{
    padding-left: 0;
  }

  #submenu_box ul{
     display: flex;
    justify-content: center;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
    width: 100%;
  }
	
	#submenu_box a {
    padding: 0 0.35rem;
    font-size: 0.7895rem;
	}

#submenu .menu-social {
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 1.75;
  margin-bottom: 0.25rem;
}

  #submenu .menu-social .fa {
    font-size: 0.8375rem;
}

	.author-data, .author-social-profiles, .author-description {
		margin: 1rem 0;
		width: 100%;
  }

  .author-data {
    margin: 2rem 0 1rem;
    text-align: center;
  }

  .author-description{
    margin-bottom: 3.5rem;
  }

  .logo-list li {
    width:100%;
  }

  #recipe-tabs-1 .nutritional ul {
    column-count: 1;
  }

  .article_content img {
    display:block;
    margin:0 auto;
  }

  ul.order_details li {
    border-right:0;
    width: 100%;
  }

  table {
    overflow: scroll;
  }



.rcp_registration_total_details.rcp-table th {
    display: block;
}

  .rcp-table td:first-child {
    background-color: rgb(0, 0, 0,  0.1);
    padding: 0.5rem 1rem;
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
  }

  .current-user img {
    display:none;
  }
}

@media screen and (max-width:400px) {
  #submenu .menu-social {
    float: left;
    text-align: center;
    width: 100%;
  }
}

  @media screen and (max-width:370px) {
	.login-container {
		top:0;
	}

  #submenu_box a {
    font-size: 0.675rem;
    padding:0 .2rem;
  }
}

  
@media screen and (max-width:355px) {
	.recipe-grid-item {
	  width:100%!important;
    padding: 0 !important;
	}	
}

@media screen and (max-width:335px) {
	.search-subscription-options {
	   float: right;
	   clear: both;
	   width: 100%;
	   padding-top: .5rem;
	}
   
   #submenu_box a i {
	  display: none;
	}

	.homepage-sidebar .th-recipe img, .homepage-sidebar .th-recipe, #sidebar .th-recipe img, #sidebar .th-recipe, .trending .th-recipe, .trending .th-recipe img {
		min-width: 260px !important;
		min-height: 260px !important;
		height: 260px !important;
		width: 260px !important;	
	}
}

.virtual-cart .woocommerce-shipping-totals {
	display:none;
}

.single-recipe .info-right {
  display:none;
}

/* below this line is code from custom2.css */

.single-hfg_collection .term-title  {
	margin-top:0;
}
.single-hfg_collection .below_recipe_title {
	padding-bottom: 20px;
}

.popup.wdpu-msg .wdpu-text {
	background:#fff;
	color: #000;
}

.popup.wdpu-msg .wdpu-subtitle,
.popup.wdpu-msg .wdpu-title {
	color: #000;
}
.home #footer-wrap { border:0; }
.search-results #wrapper #sidebar { display:none; }



.homepage-bottom-tabs, .related-articles-wrapper {
	width:100%;
	float:left;
}

.tab-selector {
  display:flex;
}

.homepage-bottom-tabs .tab-selector span {
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding: .5rem .7rem;
	background-color: #a9a9a9;
	color: #111;
	margin-right: .7rem;
	margin-bottom: .7rem;
}

.homepage-bottom-tabs .tab-selector .active {
	background-color:#7EB541;
	color:#fff;
}

.homepage-bottom-tabs .top-rated,
.homepage-bottom-tabs .latest-advice {
	display:none;
}

@media screen and (max-width:640px) {
  .homepage-bottom-tabs .tab {
    flex-direction: column;
  }
}

.homepage-bottom-tabs .archive-rating, .homepage-bottom-tabs .recipe_circles {
  display:none;
}

.single-post .recipe-info .standfirst,
.single-article .recipe-info .standfirst,
.homepage-bottom-tabs .recipe-info .standfirst {
	font-size:1rem;
}

.single-post .post-entries,
.single-post .post-utility,
.single-post #post-author,
.single-post .yarpp-related,
.single-recipe .ingredient_list{
	display:none!important; 
}

.js .universe-search {
	display: none;
  }

#credit { 
	text-align: center;
 }

#fld_instructions_and_steps p a {
	display: list-item;
}

.recipe_related_links a{
	display: list-item;
}

/*  plugins/hfg-preferences/css/styles.css 20190626 */

#hfg_preferences_favorites .recipe-grid-item .th-recipe, #hfg_preferences_favorites .recipe-grid-item .th-recipe img {
  width:auto;
  height:auto;
  min-width: 0;
  min-height: 0;
}

#hfg_preferences_favorites .recipe-grid-item .recipe-info .archive-rating {
  display: none;
}

#hfg_preferences_favorites ul#fav_groups_select {
  padding: 0;
  margin: 0;
	float:left;
	width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0.625rem;
  row-gap: 0.75rem;
  column-gap: 0.625rem;
  margin-bottom: 1rem;
}

#hfg_preferences_favorites #fav_groups_select li {
	float:left;
	list-style:none;
}
#hfg_preferences_favorites #fav_groups_select li span {
	padding:6px  10px;
	display:inline-block;
	color:#7EB541;
	border-radius:4px;
	margin:0;
	cursor:pointer;
  border: 1px solid #c8e6a5;
  background-color: #f0f6e4;
  font-weight: bold;
  font-size: .925rem;
}
#hfg_preferences_favorites #fav_groups_select li span.active{
	background:#7EB541;
	color:#fff;
}

.fav_create_list_box_top{
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  flex-flow: column;
}

@media only screen and (min-width: 576px) {
  .fav_create_list_box_top {
    border-bottom: 3px solid #e6e6e6;
    margin-bottom: 2rem;
    padding-bottom: 0.5rem;
    flex-wrap: wrap;
    flex-flow: row;
    align-items: end;
    line-height: 1;
  }
}

.fav_create_list_box_top .title{
  font-size: 20px;
  margin-bottom: 0;
  order: 1;
  text-align: center;
  display: inline-block;
  border-bottom: 3px solid #e6e6e6;
  width: auto;
  padding-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 576px) {
  .fav_create_list_box_top .title{
    order: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 679px) {
  .fav_create_list_box_top .title{
    font-size: 29px;
  }
}

.posts_per_group_box {
  float: left;
  width: 100%;
  margin-top: 15px;
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 576px) {
  .posts_per_group_box{
    margin-top: 2.5rem;
  }
}

.no-items{
  margin-top: 2rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .no-items{
    margin-top: 2.5rem;
  }

  .no-items h2{
    font-size: 22px;
  }
}

.posts_per_group_box_container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 280px;
}

@media only screen and (min-width: 576px) {
  .posts_per_group_box_container{
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) {
.posts_per_group_top, .shopping-list-top {
  border-bottom: 3px solid #e6e6e6;
  display: flex;
  flex-flow: row;
  line-height: 1;
  padding-bottom: 0.5rem;
  align-items: end;
  line-height: 1;
}
}

.posts_per_group_box .rename_group_title{
  background-color: #575855;
  padding: 0.375em 0.75em;
  font-family: 'Raleway', sans-serif;
  color: white;
  font-size: .925rem;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

@media only screen and (min-width: 576px) {
  .posts_per_group_box .rename_group_title{
    padding: 0.75em;
  }
}

.shopping-list-top{
  grid-column: span 12;
  text-align: center
}

.shopping-list-top .button-area-2{
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 230px;
  gap: 0.5rem;
}

@media only screen and (min-width: 576px) {
  .shopping-list-top .button-area-2{
    margin-right: 1rem;
  }
}

.shopping-list-top .button-area-2 button{
  font-size: .875rem;
}


.posts_per_group_box .fav_list_title, .shopping-list-title{
  font-size: 20px;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  text-align: center;
  display: inline-block;
  border-bottom: 3px solid #e6e6e6;
  width: auto;
  padding-bottom: 0.5rem;
  margin-left: auto !important;
  margin-right: auto !important;
}

.email-result, .collection-result{
  border-color: #7EB541;
  border: 1px solid #d1e6ba;
  background-color: #f0f6e4;
  display: none;
  text-align: center;
  max-width: 80%;
  padding: 0.25rem;
  margin-left: auto;
  margin-bottom: 1rem;
  margin-right: auto;
  font-size: .925rem;
  width: 100%;
}

.fav_shopping-list .email-result{
  grid-column: span 12;
}

@media only screen and (min-width: 576px) {
  .posts_per_group_box .fav_list_title, .shopping-list-title{
    border: 0;
    order: 0;
    margin-bottom: 0 !important;
    border-bottom: 0;
    padding-bottom: 0;
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .posts_per_group_box .fav_list_title, .shopping-list-title{
    font-size: 29px;
  }
}

@media only screen and (max-width: 767px) {
  .list-area h2{
    font-size: 18px;
  }
}


.posts_per_group_box .fav_list_container{
  background-color: #f5f5f5;
  padding: 0.75rem;
}

.fav_tools {
    font-size: 0.8em;
    width: 100%;
    display: flex;
    grid-column-gap: 0.625rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
}

.fav_tools .btn{
  font-size: .875rem !important;
  padding: 0.375rem 0.625rem !important;
  width: auto !important;
  margin-right: 0.375rem;
  border-radius: 0.1rem;
}

.recipe-grid-item .fav_remove_item_link {
	background: orange;
	margin-left:0;
  padding: 2px 9px;
  top: 5px;
  left: 114px;
}

.fav_remove_item_link,
.fav_tools span.remove_fav_list {
	background:orange;
	padding:4px 10px;
	color: #fff;
	cursor:pointer;
  text-align: center;
}

.shopping-list-submit-wrapper{
  display: inline-block;
  position: relative;
}

.shopping-list-submit-wrapper .fa{
  position: absolute;
  top: 50%;
  left: 0.625rem;
  color: white;
}

#shopping-list-submit {
  cursor: pointer;
  font-size: .875rem;
  margin-top: 1rem;
  border-radius: 0.125rem;
  line-height: 1.5;
  width: 190px;
  padding-left: 1.25rem !important;
}

.rename_fav_list:before{
  content: "";
}

@media only screen and (min-width: 576px) {
  .shopping-list{
    text-align: left;
  }
}

.posts_per_group {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  padding: 1rem 0.5rem;
  background-color: #F5F5F5;
  padding: 2rem 1.5rem;
  max-width: calc(100% - 3rem);
  gap: 1.5rem;
}

#cancel_list_create,
.fav_list_rename_cancel {
	color:#7EB541;
	cursor:pointer;
}

.fav_list_popup_link {
	position:absolute;
    top: 5px;
    left: 50px;
	display:none;
}
.fav_remove_item_link {
	position:absolute;
    top: 36px;
    left: 40px;
	display:none;
}
.save_for_later_show_options .fav_remove_item_link em {
	color:#7eb541;
}

/* hide delete list button for group 0 */
/*#posts_per_group_0 .remove_fav_list {
  display:none;
}*/

html .recipe_tools .save_for_later_show_options .fav_remove_item_link {
	position:inherit;
	margin-top: -5px;
}
#fav_list_popup {
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  color: #545454;
  margin-bottom: 0.75rem;
  line-height: 1.25;
  position: absolute;
  top: 42px;
  left: 1rem;
  right: 1rem;
  text-align: center;
  z-index: 5;
}

@media (min-width: 375px){
  #fav_list_popup{
    left: -1rem;
    right: -1rem;
  }
}

#fav_list_popup li {
	list-style:none;
	cursor:pointer;
  padding: 0.625em 0.5em;
  border-top: 1px solid #d9d9d9;
}

#fav_list_popup a {
	  font-weight: normal;
    font-size: .875rem; 
}
#fav_list_popup a:hover {
	text-decoration: underline;
}

.fav_list_popup {
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 5px 1px rgb(157, 157, 157, .2);
  
  color: #545454;
  margin-bottom: 0.75rem;
  line-height: 1.25;
  position: absolute;
  top: 42px;
  left: 1rem;
  right: 1rem;
  text-align: center;
  z-index: 5;
  max-width: 240px;
}

@media only screen and (min-width: 1600px) {
  .fav_list_popup {
    left: -1rem;
    right: -1rem;
  }
}

.fav_list_popup li {
	list-style:none;
	cursor:pointer;
  padding: 0.625em 0.5em;
  border-bottom: 1px solid #d9d9d9;
}

.fav_list_popup a {
    color: #545454;
	  font-weight: normal;
    font-size: .875rem; 
}
.fav_list_popup a:hover {
	text-decoration: underline;
}

.fav_list_popup .btn_wrapper{
  padding: 1rem 0.875rem;
}

.fav_list_popup .btn{
    font-size: .875rem;
    padding: 0.375em 0.625em;
    width: calc(100% - 1.25em);
    display: inline-block;
}

.fav_list_popup h6 {
  margin: 0;
  background-color: #575855;
  padding: 0.5rem;
  font-family: 'Raleway', sans-serif;
  color: white;
  font-size: .925rem;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  text-align: center;
  line-height: 1.375;
}

#remove_fav_list{
  flex: 1 100%;
}

#remove_fav_list .btn{
  font-size: .925rem;
  margin-right: 0.375rem;
  padding: 0.325em 1em;
}

#remove_fav_list_buttons .btn, #rename_group_name_1 .btn{
  font-size: .875rem;
  margin-right: 0.375rem;
  padding: 0.375rem 1rem;
}

.fav_list_buttons .btn{
  max-width: 180px;
  font-size: .925rem;
}

.fav_list_popup_link {
  padding: 2px 9px;
  margin: 0 5px 0 0;
}

.remove_fav_item_buttons{
  margin-top: 0.75rem;
  font-size: .875rem;
}

.remove_fav_item_buttons .btn{
  margin: 0;
  margin-bottom: .5rem;
  font-size: .875rem;
  padding: 0.375em 0.625em;
  width: calc(100% - 1.25em);
  display: inline-block;
}

.remove_fav_item_buttons .btn-secondary{
  margin-bottom: 0;
}

#custom_save_for_later {
	margin:0;
}
.recipe_tools .save_for_later_show_options span, .recipe_tools .save_for_later_link .for-logged-out {
  cursor:pointer;
  margin-left:0;
  font-weight: 400;
}
.recipe_tools .save_for_later_show_options span,
.recipe_tools .save_for_later_show_options {
	margin-top:0;
}

.fav_lists_box {
  background-color: #f9f9f9;
  border-radius: 2px;
  border: 1px solid #ebe9e9;
  color: #545454;
  display: none;
  margin-bottom: 0.75rem;
  line-height: 1.25;
  position: absolute;
  top: 36px;
  left: 0;
  text-align: center;
  z-index: 5;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 4%);
  width: 100%;
  max-width: 240px;
  max-width: 240px;
}

.fav_lists_box .btn-close{
  display: flex;
  margin-top: 0;
  top: 0.25rem;
  right: 0.25rem;
}

.fav_lists_box form {
  padding: 0;
  margin-bottom: 0;
}

.fav_lists_box form .name_field{
  margin-bottom: 0.875rem;
  text-align: left;
}
.fav_lists_box form .name_field label{
  color: #545454;
  font-size: .875rem;
  line-height: 1.75;
}

.fav_lists_box ul {
  margin-bottom: 0;
  max-height: 360px;
  overflow-y: scroll;
}

.fav_lists_box .fav_lists_box_buttons{
  display: flex;
  flex-wrap: wrap;  
}


.fav_lists_box li {
  list-style: none;
  cursor: pointer;
  padding: 0.625em 0.5em;
  border-bottom: 1px solid #d9d9d9;
}

.fav_lists_box  a{
	cursor:pointer;
	float:none;
  margin: 0;
  display: block;
  color: #545454;
  font-weight: normal;
  font-size: .875rem;
  
}

.fav_lists_box  a:hover{
  text-decoration: underline;
}

.fav_lists_box #fav_create_list_text .name_field{
  color: #545454;
  text-align: left;
}

.fav_lists_box .fav_create_list_text{
  border: 1px solid #dedede;
  height: 30px;
  padding: 0 0.5rem;
  width: calc(100% - 1.125rem);
}

.save_for_later_link .fa.fa-heart-o, .save_for_later_link .fa.fa-heart, .save_all_for_later_link .fa.fa-heart-o, .save_all_for_later_link .fa.fa-heart {
	font-size:1rem;
}

/* Delete button */

.delete-shopping-recipe {
  position: absolute;
  top: 13px;
  right: 13px;
  background: #6d6d6d;
  color: white;
  border: none;
  font-size: .875rem;
  transition: background-color ease 0.06s;
}

.delete-shopping-recipe:hover {
  background: red;
}

.fav_tools_btns{
  display: flex;
  gap: 0.5rem;
  flex-flow: row;
  justify-content: center;
}

.rename_fav_list, .remove_fav_list {
  cursor: pointer;
  margin: 0;
  font-size: .875rem;
}

#hfg_preferences_favorites{
  position: relative;
  padding-bottom: 3rem;
}

.fav_create_list_box {
  color: #000;
  margin-top: 0;
  padding: 1rem 0.875rem;
  overflow: hidden;
  padding-bottom: 1.125rem;
}

.fav_create_list_box .btn {
  border-radius: 0.125rem;
  display: inline-block;
  font-size: .875rem !important;
  line-height: 1.5;
  width: 100%;
}

.fav_create_list_box_top .btn {
  padding: 0.5em 1.5em !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

.hfg_preferences_favorites .fav_create_list_box_top .btn{
  font-size: .875rem !important;
  padding: 0.375rem 0.625rem !important;
  width: auto !important;
  margin-right: 0.375rem;
  border-radius: 0.1rem;
}

.hfg_preferences_favorites .fav_create_list_box_top .btn.fav_create_new_list{
  margin-right: 0;
}



.fav_create_list_box_top .name_field label, #rename_group_name_1 label, .remove_fav_list_text{
  font-size: .875rem;
  color: #545454;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.remove_fav_list_text {
  display: block;
}

.fav_create_list_box_top .fav_create_new_list{
  border-radius: 2px;
  font-weight: bold;
  color: white;
  white-space: normal !important;
  line-height: 1.25;
  font-size: .825rem !important;
 
}

@media only screen and (min-width: 375px) {
  .fav_create_list_box_top .fav_create_new_list {
    line-height: 1.375;
    width: auto !important;
    font-size: .925rem !important;
  }

  .fav_create_list_box_top .fav_create_new_list, .rename_fav_list, .remove_fav_list, #shopping-list-submit, .shopping-list-top .button-area-2 button {
     padding: 0.3rem 0.625rem !important;
  }

  #shopping-list-submit{
    padding-left: 1.25rem !important;
  }

  .button-area-2 button {
    margin-right: 0 !important;;
  }
}

.fav_create_list_box_top  #fav_create_list_box{
  padding: 0;
  margin-bottom: 2.5rem;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  max-width: 260px;
}

@media only screen and (min-width: 576px) {
  .fav_create_list_box_top #fav_create_list_box{
    margin-bottom: 0;
    margin-right: 0;
    text-align: right;
    max-width: 260px;
  }
}

.fav_create_list_box_top  #fav_create_list_form, .posts_per_group_box .rename_group, .posts_per_group_box #remove_fav_list{
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 88;
  background-color: #fff;
  box-shadow: 0 0 5px 5px rgba(170,170,170,.1), 0 0 0 1px rgba(0,0,0,0);
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  max-width: 260px;
  width: 100%;
}

.posts_per_group_box .rename_group, .posts_per_group_box #remove_fav_list{
  text-align: left;
}

.fav_create_list_box_top  #fav_create_list_form{
  text-align: left;
}

@media only screen and (min-width: 375px) {
  .fav_create_list_box_top #fav_create_list_form {
    top: 46px;
  }
}

.fav_create_list_box_top  #fav_create_list_text, .posts_per_group_box input[type="text"] {
  border: 1px solid #E8E8E8;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  height: 30px;
  width: calc(100% - 1.1rem);
  margin-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.fav_create_list_box_top .list_form_title, #remove_fav_list .list_form_title{
  background-color: #575855;
  padding: 0.375em 0.75em;
  font-family: 'Raleway', sans-serif;
  color: white;
  font-size: .925rem;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

@media only screen and (min-width: 576px) {
  .fav_create_list_box_top .list_form_title, #remove_fav_list .list_form_title{
    padding: 0.75em;
  }
}

.posts_per_group_box .rename_group:before, .posts_per_group_box #remove_fav_list:before, .fav_create_list_box_top .list_form_title:before {
  content: '';
  border-bottom: 7px solid #575855;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  top: -7px;
  left: 20px;
}

@media only screen and (min-width: 576px) {
 .fav_create_list_box_top .list_form_title:before {
    left: 50px;
  }
}

.posts_per_group_box .rename_group:before {
  left: 20px;
}

.posts_per_group_box #remove_fav_list:before {
  right: 20px;
  left: auto;
}

.fav_create_list_box_top .list_form_body, .posts_per_group_box .list_form_body, .posts_per_group_box .remove_fav_list_inner{
  padding: 0.925rem 0.925rem 1.25rem;
}

.posts_per_group_box label{
  font-size: .875rem;
  margin-bottom: 0.5rem;
  display: block;
}

.fav_list_title {
    margin-top: 20px;
    font-size: 2.5em;
}

.remove_fav_item_box {
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 5px 1px rgb(157, 157, 157, .2);
  color: #545454;
  display: none;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  line-height: 1.25;
  padding: 1em 0.875em 1em;
  position: absolute;
  top: 42px;
  left: .625rem;
  right: .625rem;
  text-align: center;
  max-width: 230px;
  line-height: 1.5;
}


.show_favs_options {
	position: absolute;
  top: 1px;
  left: 1rem;
  font-size: 2em;
  color: #fff;
	cursor:pointer;
  text-shadow: 0 1px 2px #3b3b3b;
}



#measurements_preference {
  font-size:0.8em;
  padding-right:1.4rem;
}

.measurement_switch {
  margin-right:3px;
}

.hfg_custom_social_links { 
	position: absolute;
	right: 17px;
	bottom: 3px; 
	padding: 3px 7px;
	cursor: pointer; 
	color:#fff;
	border-radius: 50%;
	border: 1px solid #999;
	background:#fff;
}

.hfg_custom_social_links .fa-share {
	color:#999;
}
.hfg_custom_social_links::hover{
	color:#fff;
}

#hero_image .hfg_custom_social_links {
	right: 10px;
    bottom: 25px;
}
.single-recipe #hero_image .hfg_custom_social_links {
	bottom: 56px;
}

.th-recipe .tooltiptext, #hero_image .tooltiptext, .hfg_custom_social_links .tooltiptext {
    visibility: hidden;
    min-width: 115px;
    background-color: #fff;
	  border: 2px solid #ccc;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 500;
    opacity: 0;
    transition: opacity 0.3s;
    top: 8px;
	left: -134px;
	margin-right: 30px;
}

.th-recipe:hover .tooltiptext, #hero_image:hover .tooltiptext, .hfg_custom_social_links:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext_title {
  width: 100%;
  background-color: #575855;
  border: 1px solid #575855;
  border-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: white;
  font-size: 1rem;
  font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
  text-align: center;
  font-weight: 800;
  padding: 0.5em 0;
  margin: 0;
}


.social_line {
	width:100%;
	float:left;
	border-top:1px solid #ccc;
}
.social_line a {
	color:#7EB541;
}

.tooltiptext .fa { margin-left: 4px;}

.recipe-grid-item  .hfg_custom_social_links a {
	font-weight:normal;
}
.recipe-grid-item .hfg_custom_social_links a:hover {
	font-weight:bold;
}

#sidebar .hfg_custom_social_links{ display:none;}

.recipe_tool.first button, 
.recipe_tool.first > a,
.recipe_tool.first .hfg_custom_social_links {
	float:left;
}
.recipe_tool.first .hfg_custom_social_links {
	position: relative;
    right: auto;
    bottom: auto;
    width: 15px;
    margin: -3px 0 0 5px;
    text-align: center;
}

#relatedposts {
  margin-top:40px;
}

#relatedposts .relatedposts-items .relatedposts-post {
  float: left;
  width: 50%;
  margin: 0 0 1rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	padding-right: 20px;
}

.relatedposts-post-title {
  margin-top:10px;
}
#relatedposts p {
  margin-bottom:2px;
  color:#ccc;
}

.relatedposts h2 {
  clear:left;
}

#relatedarticles {
	margin-top:20px;
	line-height:1.3;
	background-color:#f7f7f7;
	padding:1rem;
}
#relatedarticles ol {
  padding-left:1rem;
  color:#ccc;
}
#relatedarticles li {
  margin-bottom:0.5rem;
}

.icon-bar a {
  float: right;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
  border-radius: 50%;
  width: 22px;  
  margin-left: 0.5rem;
}

.icon-bar a:hover {
  background-color: #000;
}

.recipe_tool .icon-bar {
  margin-top:-10px;
}

.facebook {
  background: #3B5998;
  color: #fff;
}

.twitter {
  background: #55ACEE;
  color: #fff;
}

.google {
  background: #dd4b39;
  color: #fff;
}

.linkedin {
  background: #007bb5;
  color: #fff;
}

.pinterest {
  background: #bb0000;
  color: #fff;
}

.more-measurements {
  font-size: .8em;
  width: 229px;
}

.banner {
  width:100vw;
  background-color:#89b941;
  border-top:1px solid #ebebeb;
  display: flex;
  align-items: center;
  position:fixed;
  bottom:0;
  left:0;
  height:0;
  transition: height .5s ease;
  line-height:1;
}

.banner.show-banner {
  min-height: 200px;
  z-index:9999;
}

.woocommerce-page .show-banner {
  display:none;
}

.banner-inner {
  color:#fff;
  display: none;
  max-width:630px;
  margin: 0 auto;
  padding: 0 0.75rem;
  padding: 0 1.25rem;
  position: relative;
  display: none;
}

.banner.show-banner .banner-inner{
  display: block;
}

.banner a, .banner p {
  color:#fff;
}

.banner a{
  text-decoration: underline;
}

.banner .banner-heading {
  color: white;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0.625rem;
    text-align: left;
}

.banner .banner-subheading {
  color: white;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 0;
}

.banner p {
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 1.125;
  text-align: left;
  display: flex;
  align-items: center;
  /*max-width: calc(100% - 24px);
  margin: 0 auto;*/
  margin-bottom: 0.25rem;
}

.banner form {
  display: grid;
  grid-template-columns: auto 130px;
  grid-column-gap: 10px;
  grid-row-gap: 4px;
  padding-top: 0;
  margin-bottom: 0;
  max-width: 460px;
}

.banner form .gform_ajax_spinner{
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
}

.banner .gform_wrapper .gform_body {
  margin-bottom: 0;
  grid-column: 1 / 2;
}

.banner .gfield, .banner .gform_wrapper .top_label div.ginput_container, .banner .gform_wrapper ul li.gfield {
  margin-top:0;
}

.banner .gform_wrapper input[type="text"] {
  border: 2px solid #0e0d0d;
  margin: 0;
  padding: 0.25rem 0.75rem !important;
  width: 100%;
}

.banner-cta {
  display: flex;
  flex-direction: row;
  flex-flow: column;
  text-align: left;
}

.banner-form {
  position: relative;
  padding-top: .5rem;
}

.banner-form  .gform_confirmation_message{
  position: absolute;
  top: -258%;
  border-radius: 2px;
  min-height: 110px;
  line-height: 1.25;
  background-color: #f0f9e6;
  border: 1px solid #c1ec91;
  padding: .75rem;
  margin: 1rem 0;
  color: #000;
  font-size: .875rem;
}

form .validation_error, form .validation_message {
  font-size: .75rem;
  padding: 3px 5px;
  line-height: 1.25;
}

.form .validation_error {
  top: 1px;
}

form .validation_message {
  margin-top: 3px;
  width: 100%;
}

.banner-tick {
  width: 24px;
  margin-right: 5px;
}

.banner-yum {
  width:25%;
}

.banner-yum img {
  max-width: 80%;
}

.banner .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}

.banner .button, .banner form .button {
  background-color: #008037 !important;
  border-radius: 2px;
  border: none !important;
  color: white;
  font-size: 16px !important;
  font-weight: 600;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  height: auto !important;
  padding: 6px 20px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  
}

.banner .button:hover, .banner form .button:hover {
  background-color: #333;
}

.banner-close-link {
  position: absolute;
  top: 0.2rem;
  right: 0.25rem;
  color:#222!important;
  z-index: 2;
  background-color: #89b941;
  border-radius: 50%;
}

.banner-close-link i {
  font-size: 1.5rem!important;
}

.banner-privacy {
  font-size: .8rem;
  color: white;
  margin-top: 5px;
}


.banner form .validation_error{
  margin-bottom: 10px;
  bottom: 28px;
  position: absolute;
}

.banner form .validation_message {
  position: absolute;
  max-width: 460px;
}


@media screen and (min-width:375px) {
  .banner .banner-subheading {
    font-size: 16px;
  }

  .banner-form .gform_confirmation_message {
      font-size: .925rem;
  }
}

@media screen and (min-width:400px) {
  .banner-form .gform_confirmation_message {
    min-height: auto;
    top: -225%;
  }
}

@media screen and (min-width:769px) {
  .banner-inner {
      flex-direction:column;
      align-items:center;
      margin: 0 auto;
      justify-content: center;
  }
  
  .banner .banner-heading {
      font-size: 28px;
  }
  
  .banner h3 {
    text-align: left;
  }
  
  .banner-button {
    margin:0 auto;
  }
    .banner h3 {
    font-size:1.2rem;
  }
  
  .banner h3 span {
    width:100%;
    display:inline-block;
    margin-left:0;
    margin-top:0.5rem;
    font-size:1.2rem;
  } 
  
    .banner .gform_wrapper .gform_body {
      width:100%;
      margin-right: 10px;
    }

    .banner.show-banner {
      min-height: 160px;
    }
  
    .banner .banner-subheading {
      color: white;
      font-weight: 800;
      line-height: 1.375;
      margin-top: 0.25rem;
    }
  
    .banner-close-link {
      top: 0rem;
      right: 0rem;
    }
  
    .banner-privacy {
      margin-top: 7px;
    }
  }
  

@media screen and (min-width:992px) {
  .banner.show-banner {
    background: url(../FoodAndCook/images/footer-modal-left.jpg), url(../FoodAndCook/images/footer-modal-right.jpg), #89b941;
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: left 50%, right 50%;
    padding: .5rem 0;
    min-height: 150px;
  }

  .banner-close-link {
    top: 0;
    right: -0.75rem;
  }

  .banner .button{
    padding: 11px 30px !important;
  }
}

@media screen and (min-width:1120px) {
  .banner-inner {
    max-width: 700px;
  }

  .banner-form .gform_confirmation_message {
    top: -238%;
    font-size: 1rem;
  }
}

@media screen and (min-width:1200px) {
  .banner .button{
    font-size: 18px !important;
  }

  .banner .banner-heading {
    font-size: 34px;
  }

  .banner .banner-subheading {
    font-size: 18px;
  }

  .banner p {
    font-size: 17px;
    margin-bottom: 0.5rem;
  }

  .banner .gform_wrapper .gform_body {
    width: 100%;
    max-width: 340px;
  }

  .banner-form .gform_confirmation_message {
    top: -208%;
  }
}


@media screen and (min-width:1440px) {
  .banner.show-banner {
    background-size: 290px;
  }
}

@media screen and (max-width:500px) {
  .banner h3 {
    max-width: 81%;
    margin-bottom:1.5rem;
    line-height: 1.3;
  }

  .banner-heading{
    color: white;
    font-size: 30px;
    margin-top: 0;
    font-family: Georgia, Times, "Times New Roman", serif;
  }

  .banner-form {
    width:100%;
  }

  .banner-yum {
    display:none;
  }

  .banner form {
    padding-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .more-measurements {
    float: none;
    display: block;
    padding-bottom:.5rem;
    padding-left: 0;
    width:100%;
  }

  .ingredients h2 {
    position: relative;
    top:0;
  }

  #ingredients-list {
    padding-top: 0;
  }
}

/* Styles needed from shortcodes.css */
.woo-sc-hr, .woo-sc-divider {
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

/* Admin bar fix */
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  min-width: 250px;
}

.renewal-modal-notice {
  font-size: 1rem;
}


/* Jeremy -- paywall footer, 6/3/2020 */

#paywall-bottom .counter-container {
  width: 500px;
}

#paywall-bottom .left { float: left; }
#paywall-bottom .right { float:right; }

.black-paywall-modal { 
  color: #252525; 
  font-family:"Open Sans"; 
  max-width: 700px;
}

.black-paywall-modal p.form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.black-paywall-modal input.text.dark {
  background: white; 
  color: #252525;
}

.black-paywall-modal p.form input {
  width:39%;
  flex-grow: 1;
  margin-left: 1rem;
}

@media screen and (max-width:768px) {
  .black-paywall-modal p.form input {
    width:100%;
    margin-left: 0;
  }
}

.nanoModalContent p.form label {
  width:115px;
}

.black-paywall-modal .black-button {
  background-color:#72b02c;
  color:#fff;
}

.default-modal {
  border:1px solid #838489;
}

/* Modals - CSS shifted from paywall-modals.php */

.nanoModal {
	z-index: 1000;
}
.ng-scope {
	float:left;
	width:100%;
}
#first_modal_img {
	width:39%;	
	float:right;
	margin-left: 10px;
}
#second_modal_img {
	float:right;
	width:37%;	
}
#second_modal_text ul {
	float:left;
}

#second_modal_text h4 {
  color: #000;
  font-size: 17px;
  font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#second_modal_text h4 .promo-code{
  color: #cc2a2a;
}

#second_modal_text li {
	font-size: 0.8em;
    list-style: none;
    line-height: 3.9em;
}
#second_modal_text li img {
	width:16px;
	margin-bottom: 15px;
	display: inline-block;
}
#second_modal_action {
	float:left;
	width:100%;
	margin-bottom: 15px;
}
.close_link, .modal-fine-print {
	float: left;
    margin-left: 15px;
    bottom: 15px;
    font-size: 0.8rem;
    color: #666;
    z-index: 5000;
    position: relative;
}

.mobile-close-link {
  position: absolute;
  top: -1.875rem;
  right: 0.75rem;
  border: 0;
  background-color: #d0cece;
  color: #3c3c3c;
  z-index: 5;
  font-weight: bold;
  border-radius: 3px;
  padding: 0.25rem 0.625rem;
  font-size: 1rem;
}

.modal-fine-print {
  float:right;
  margin-right:15px;
}

.paywall-modal .modal-fine-print {
  float: none;
  margin-right: 0;
  text-align: center;
  margin-top: 2.5rem;
}

.paywall-modal .intro p {
	margin:0;
}

.paywall-modal .intro .blue-text {
  background-color: #f5f9f1;
  border-radius: 10px;
  color: #252525 !important;
  font-size: .9625rem;
  margin-top: .25rem;
  margin-bottom: 1rem;
  padding: .75rem;
  text-align: center;
  position: relative;
}

.paywall-modal .cancel-text{
  color: white;
  display: flex;
  background-color: #00adef;
  width: 50px;
  align-items: center;
  border-radius: 50px;
  line-height: 1;
  text-transform: uppercase;
  font-size: .625rem;
  padding: 2px 8px 3px;
  border: 2px solid #a5d9ed;
  position: absolute;
  top: -16px;
  right: 0;
  font-weight: bold;
}

.already-subscribed span{
  display: block;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  font-size: .875rem;
}

#modal2_shop_link:not(.paywall-modal #modal2_shop_link) {
	font-size: 2em;
    padding: 30px 0;
    display: block;
}

.get-subscription p.not-right-now {
	margin: 0 45px;
}

@media (min-width: 769px) {
  .already-subscribed {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 1rem;
    text-align: center;
  }

  .already-subscribed span {
    margin-top: 0;
    margin-bottom: 0;
  }

  .paywall-modal .sub-select-area {
    padding-bottom: 0.5rem;
  }
}

@media (max-width: 700px) {
	#first_modal_img,
	#second_modal_img {
		display:none;
	}
	#second_modal_text {
		width:100%;
	}
	.get-subscription p.not-right-now {
		margin: 0 20px;
	}
	
	.register .user-form {
		width:auto;
	}
	
	#modal2_shop_link:not(.paywall-modal #modal2_shop_link) {
		font-size: 1.2em;
		padding: 15px 0;
	}
	
	form.inline-sign-in {
		text-align:left;
	}
	.close_link {
    font-size: 1em;
    margin:0.5rem 1rem;
	}
	
	#second_modal_text li {
		list-style: none;
		line-height: 1.3em;
		margin-top: 10px;
	}
	#second_modal_text li img {
		margin-bottom: 0;
	}
  
  .black-paywall-modal {
    max-width: 92vw;
  }

  .paywall-modal .black-button {
    margin-top:.7rem!important;
    padding-top: 0;
  }

  #second_modal_action p a.red-background {
    padding:1rem 0;
  }

}

#second_modal_action p a.red-background {
	    font-size: 1.5rem;
	    padding: 1.5rem 0;
	    display: block;
	    width: 47%;
	    box-sizing: border-box;
	    margin: 1%;
	    display: inline-block;
  }
  
@media screen and (max-width:640px) {
  #second_modal_action p a.red-background {
    width:100%;

  }
}


body.paywall-popup-active {
  position: fixed;
  width:100vw;
}

#download-kit-link, .blue-text, .woocommerce-thankyou-order-details +p a:nth-of-type(2){
  color:#004890!important;
}

.woocommerce-MyAccount-downloads-file.button {
  background-color:#004890!important;
}

.animated-text p {
  text-align: center!important;
}

.animate-text {
  margin: 0 auto; 
  font-size:1.5rem;
  font-weight: 800; 
}

@media screen and (min-width:640px) {
  .animate-text:not(.paywall-modal .animate-text) {
    /*animation: unfurl 3.5s steps(30, end);
    animation-iteration-count: infinite;*/
    overflow: hidden; 
    white-space: nowrap; 
  }

  .animated-text {
    margin-top:.5rem;
    margin-bottom:-.5rem;
  }
}

.delay-animate {
  animation-delay:1.5s;
}

@keyframes unfurl {
  from { width: 0 }
  to { width: 105% }
}

.bounce-text {
  color: #fff;
  animation: bounce 2s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
}

@keyframes bounce {
  from { font-size:1.5rem }
  to { font-size:1.7rem }
}


/* Popup for users on the wrong site */

.popup-overlay {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  z-index: 5000;
  top: 0;
  display: flex;
  background-color: rgba(0, 0, 0, 0.25);
}

.wrong-site-modal {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 5000;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrong-site-modal .modal-content {
  max-width: 800px;
  background-color: #fff;
  padding:2rem;
}

.hide-for-mobile {
  display:block;
}

.hide-for-desktop {
  display:none;
}

@media screen and (max-width:800px) {
  .wrong-site-modal .modal-content {
    max-width: 92vw;
  }

  .hide-for-mobile {
    display:none;
  }

  .hide-for-desktop {
    display: block;
  }
}

.wrong-site-modal img {
  display: block;
}

.checkout_coupon {
  display: block!important;
}

.menu-item.subscribe a {
  color:#7EB541!important;
}

.stripe-checkout-hfg {
  width: 300px;
  height: auto;
  max-width: 100%;
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 500;
  display:none;
  background: #f5f5f7;
  border: 0;
  box-shadow: 0 12px 30px 0 rgba(0,0,0,.5), inset 0 1px 0 0 hsla(0,0%,100%,.65);
  border-radius: 6px;
  padding-bottom:1rem;
}

.stripe-checkout-hfg .modal-header {
  background-color:#e8e9eb;
  padding:18px 1.5rem;
  border-bottom: 1px solid #d2d2d3;
}

.stripe-checkout-hfg .modal-header p, .stripe-checkout-hfg .modal-content p {
  margin-bottom:.5rem;
}

.stripe-checkout-hfg .modal-content {
  padding:2rem 2rem 0;
}

.stripe-checkout-hfg .modal-content #stripe-email {
  width: 100%;
  padding: .2rem;
  border-radius: 4px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.stripe-checkout-hfg #stripe-card {
  margin-top:1rem;
  padding:.2rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dedede;
}

.free-trial-button {
  position: relative;
  border-radius: 4px;
  background-color: #3ea8e5;
  background-image: linear-gradient(-180deg,#44b1e8,#3098de);
  box-shadow: 0 1px 0 0 rgba(46,86,153,.15),inset 0 1px 0 0 rgba(46,86,153,.1),inset 0 -1px 0 0 rgba(46,86,153,.4);
  font-size: 17px;
  line-height: 21px;
  height: 37px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.12);
  color: #fff;
  cursor: pointer;
  transition: all .2s ease-in-out;
  border:0;
  margin-top:1rem;
}

.stripe-checkout-hfg .modal-content .fine-print {
  font-size: .8rem;
}

/* styles for shopping lists */

#hfg_preferences_favorites .recipe-grid-item {
	width:22%;
}

@media screen and (max-width:1600px) {
  #hfg_preferences_favorites .recipe-grid-item {
    width:31.333%;
  }
}

@media screen and (max-width:1024px) {
  #hfg_preferences_favorites .recipe-grid-item {
    width:31%;
  }
}

@media screen and (max-width:800px) {
  #hfg_preferences_favorites .recipe-grid-item {
    width:47.7%;
  }
}

@media screen and (max-width:678px) {
  #hfg_preferences_favorites .recipe-grid-item {
    width:47.6%;
  }
}

@media screen and (max-width:576px) {
  #hfg_preferences_favorites .recipe-grid-item {
    width:100%;
  }
}

#hfg_preferences_favorites .recipe-grid-item .fav_list_popup ul{
  margin: 0;
  padding: 0;
  max-height: 360px;
  overflow-y: scroll;
}

.button-area, .button-area-2 {
  display: flex;
  grid-column: span 12;
}

.feedback-area {
  order:4;
  grid-column: span 6;
  border: 1px solid #eaeaea;
  font-size: 1rem;
  margin: 0;
  margin-bottom: 0.5rem;
  padding: 1rem 1rem;
  background-color: #f5f5f5;
}
.feedback-area label{
  font-size: .925rem;
  font-weight: bold;
}

.feedback-area .btn{
  margin-bottom: 0.5rem;
}

.feedback-area p {
  line-height: 1.5;
}


.feedback-area p strong{
  font-size: 1.125rem;
}

.feedback-text {
  margin-bottom: .5rem;
  width:100%;
  border: 1px solid #dedede;
  padding: 0.5rem 0.75rem;
  max-width: 92%;
}

.button-area button, .button-area-2 button {
  margin-right: 1rem;
}



.single-hfg_collection  .shopping-list {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #cecece;
}

.shopping-list-area {
  width:1080px;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
}

.list-area p {
  line-height: 1.4!important;
}

@media screen and (max-width:1100px) {
  .shopping-list-area {
    grid-column-gap:1.25rem;
  }
}

.shopping-list-area .col {
  grid-column: span 6;
}

.list-area{
  padding: 1rem;
  margin-bottom: 15px;
}

#canned-list{
  padding: 0 0 0 20px;
}

.produce-list {
  background-color: palegreen;
}

.canned-list {
  background-color: lightsteelblue;
}

.dairy-list {
  background-color: lightyellow;
}

.meat-list {
  background-color: lightpink;
}

.frozen-list {
  background-color: lightskyblue;
}

.main-list {
  background-color: #e8e9ea;
}

.category-col {
  order:2;
}

.main-col {
  order:3;
}

.button-area-2 {
  order:1;
}

.button-area {
  order:4;
}

@media screen and (max-width:800px) {
  .shopping-list-area .col, .feedback-area {
    grid-column: span 12;
  }
}

.shopping-list-item {
  list-style-type: none!important;
}

.shopping-list-item label {
  padding-left:.5rem;
}

.crossed-out {
  text-decoration:line-through;
}

.save_all_for_later_show_options {
  cursor: pointer;
}

.save-to-favs-area {
  display:flex;
  margin-bottom: 1.2rem;
}

.save_all_for_later_link {
  padding-right:1rem;
}


/* papering over the cracks in the ingredients field */

#ingredients-list li > ul {
  margin:0!important;
}

#ingredients-list ul {
  margin-bottom: 0!important;
}

/* shopping list display */
.recipe-shopping-list, .display-shopping-list {
  margin-top:1rem;
}

.display-shopping-list {
  /* display:none; */
}

.recipe-added-message{
  display: none;
  margin-top: 1rem;
  margin-bottom: 0;
  border: 1px solid #d1e6ba;
  background-color: #f0f6e4;
  font-size: .925rem;
  max-width: 80%;
  padding: 0.25rem 0.5rem;
}

.collection-result{
  display: none;
}

.shopping-list-overlay, .subscribe-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 1000;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,.35);
}

.shopping-list-overlay #shopping-list-overlay-inner, .subscribe-overlay #subscribe-overlay-inner {
  background-color: #fff;
  padding:3rem 2rem;
  max-height: 500px;
  width: 600px;
  max-width: 72%;
  position: relative;
}

.shopping-list-overlay #shopping-list-overlay-inner { 
  overflow-y: scroll;
}

#subscribe-overlay-close {
  right: 1rem;
  top: 1rem;
  position: absolute;
  color:#121212;
  background-color: transparent;
  border:0;
}

#recipe-shopping-list-close:hover {
  background-color: #d21010;
}

#recipe-shopping-list-close {
  right: 0.5em;
  top: 0.5em;
  position: absolute;
  color: #fff;
  background-color: red;
  border: 0;
  width: 36px;
  height: 34px;
}

.shopping-list-recipe-ids {
  display: none;
}

.shopping-list-single-recipe {
  position: relative;
  padding: 0 0 1rem;
}

.shopping-list-single-recipe h3 {
  border-bottom: 1px solid #444;
  padding: 1rem.2rem .5rem 0.5rem;
  background-color: #ededed;
  border-right: 100px solid transparent;
}

.shopping-list-single-recipe:nth-of-type(1) {
  margin-top: 10px;
}

.show-hide-list-ingredients {
  position: absolute;
  top:0;
  right: 53px;
  color:#121212;
  background-color: transparent;
  border:0;
  font-size: 1.25rem;
  border-right: 1px solid #cebbbb;
  height: 22px;
  border-top: blanchedalmond;
  margin-top: 14px;
  padding-right: 13px;
}

.show-hide-list-ingredients:after {
  height: 21px;
  content: '';
}

.print-shoppinglist-page{
  display: none;
}

#shopping-list-overlay-inner .shopping-list-single-recipe:not(:first-of-type) ul {
  display:none;
}

#shopping-list-overlay-inner .shopping-list-single-recipe:not(:first-of-type) .show-hide-list-ingredients {
  content:'+';
}

.shopping-list-single-recipe ul {
  list-style-type: none;
  padding: 0 .5rem;
}

.shopping-list-single-recipe ul {
  padding: 0 .25rem;
}

.shopping-list-single-recipe ul li:nth-of-type(even) {
  background-color: #eaeaea;
}

#recipe-shopping-list-email {
  margin-bottom: 1.5rem;
}

.shopping-list-single-recipe .swap_nz, .shopping-list-single-recipe a {
  color:#545454;
  cursor: auto;
}

.shopping-lists-buttons{
  text-align: center;
}

.shopping-lists-buttons .btn{
  font-size: .875rem;
  padding: 0.25em 0.625em;
  margin-bottom: 0.625rem !important;
  margin: 0 0.1625em;
}

#subscribe-show-login {
  color:#7EB541;
  cursor:pointer;
}

a#login-shopping-list:hover, a#login-digital-issues:hover, a#login-favourites-page:hover {
  cursor: pointer;
}

.shopping-list-login-prompt{
  margin-top: 5px;
}

.save-to-meal-plan-box {
  background-color: #f4f4f4;
  border:1px solid #e8e9ea;
  padding:1rem 1.5rem;
  margin-top:1rem;
}

#meal-plan-instead-long, #meal-plan-instead {
  display:block;
  margin-top:1rem;
}

/* header login */
.header-login {
  position: absolute;
  top: .875rem;
  right:1rem;
  text-align: right;
  width: 110px;
  height: 50px;
  z-index:800;
}

.lwa-name{
 display: none;
}

.lwa-form {
  padding: 0;
  margin-top: 2.75rem;
  text-align: left;
}

.lwa-join{
  border-top: 2px solid #f2f2f2;
  padding-top: 2rem;
}

.lwa-title{
  text-align: center;
  font-size: 1.25rem;
  margin-top: 15px;
}

.lwa-username{
  margin-top: .75rem;
  margin-bottom: 1rem;
}

.lwa-form label, .rcp_form label{
  text-align: left;
  color: #252525;
}


.lwa-form label, #rcp_login_form {
  font-size: .875rem;
  font-weight: bold;
}

.lwa-form input{
  border: 1px solid #dedede;
  font-size: 14px;
  margin: 0;
  margin-bottom: .5rem;
  padding: .5rem .75rem;
}

.lwa-divs-only input[type="text"]{
  margin: 0;
}

.lwa-divs-only input[type="text"] {
  font-size: 14px;
}

#lwa_wp-submit, .rcp-button, .modal-button, #Cardinal-Modal input[type="submit"] {
  background-color: #7eb541;
  border-radius: 3px;
  border: 0;
  border: 1px solid #7eb541;
  box-sizing: border-box;
  color: white;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  font: 700 16px 'Open Sans', Helvetica, Arial, Sans-serif;
  width: 100%;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.625rem 0.375rem;
  text-align: center;
  transition: all .3s ease;
  text-transform: uppercase;
}

#lwa_wp-submit, .rcp-button, .modal-button:hover, #Cardinal-Modal input[type="submit"] {
  background-color: #71a339;
}

.more-options-button{ 
  background-color: #cee4ba;
  border: 1px solid #b9dc90;
  color: black;
}

#rcp_registration_form #rcp-braintree-dropin-container{
}

@media screen and (min-width: 640px){
  .page-template-rcp-shop .rcp_registration_total {
    margin-bottom: 0;
  }
}

.braintree-large-button.braintree-toggle{
  background-color: #dbe9ce;
  border: 1px solid #c8e6a5;
  color: #444;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  max-width: 290px;
  text-transform: uppercase;
  padding: 0.75rem 0.375rem;
  transition: all .3s ease;
  margin-bottom: 1rem;
}

.braintree-large-button.braintree-toggle:hover{
  background-color: #c8e6a5;
}

.braintree-large-button.braintree-toggle span{
  border-bottom: 0;
}

#rcp_recaptcha {
  width:304px;
  margin: 0 auto;
}

#rcp_profile_editor_submit{
  margin-top: 0;
}

#rcp_login_form, #rcp_lostpassword_form, .rcp_password_form, #rcp_password_form{
  background-color: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  margin-bottom: 2rem;
  padding: 1.5rem 1rem 0.75rem;
}

div.rcp_login_form-wrapper:nth-of-type(2), #rcp_lostpassword_form:nth-of-type(2), .rcp_message.error:nth-of-type(2), .lost-password-message:nth-of-type(2), #rcp_password_form:nth-of-type(2), p.rcp_success:nth-of-type(2){
  display:none;
}

#rcp_login_form label{
  font-weight: bold;
}

#rcp_login_form .rcp_lost_password{
  text-align: center;
}

#rcp_login_form a, #rcp_login_form a:hover{
  font-size: 1rem;
  font-weight: normal;
  text-decoration: underline;
}

.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input{
  width: 92%;
}

.rcp-button:hover, #lwa_wp-submit:hover{
  background-color: #71a339;
  color: white;
}

.lwa-links{
  text-align: center;
  padding-bottom: 1rem;
}

.lwa-links input{
  height: auto;
}

.lwa.logged-out {
  display: none;
  background-color: white;
  border: 1px solid #9c9c9c;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgb(0, 0, 0, .2);
  margin: auto;
  padding: 1rem 1.25rem;
  position: fixed;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 320px;
  z-index: 1001;
}


.lwa-links-remember {
  display: block;
  padding-bottom: .3rem;
  text-decoration: underline;
}

.lwa-links-remember:hover {
  text-decoration: underline;
}

.lwa p {
  margin-bottom: 0;
  line-height: 1.3;
}

.lwa td {
  padding-top: 0;
}

.lwa-info {
  background: #f2f2f2;
  border-radius: 2px;
  box-shadow: 0 0 7px rgb(0, 0, 0, .10);
  border: 1px solid #e5e4e4;
  padding: 0;
  position: absolute;
  right: -1px;
  top: 42px;
  z-index: 100;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transform-origin: top right;
  transition: all .2s ease, visibility 0s linear;
  width: 180px;
  border: 1px solid #e5e4e4;
  font-size: .85rem;
  text-transform: capitalize;
}

.lwa-info.open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition-delay: 0s,0s;
}

.lwa-info.open .caret {
  content: "";
  top: -6px;
  background-color: #f2f2f2;
  border-top-left-radius: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 1px solid #e5e4e4;
  border-left: 1px solid #e5e4e4;
  border-bottom-color: transparent;
  transform: rotateZ(45deg);
  position: absolute;
  z-index: 1061;
  right: 10px;
}

.lwa-info li:last-of-type{
  border-bottom: 0;
}

.lwa-info li a{
  color: #000;
  display: block;
  padding: 0.5rem 0.75rem;
}

.lwa-info li a:hover{
  text-decoration:underline;
}

.lwa-info li{
  font-size: 1rem;
  border-bottom: 1px solid #d8d8d8;
  text-align: left;
}

.lwa-title-sub{
  background-color: #dbe9ce;
  border: 1px solid #c8e6a5;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  font-size: .925rem;
  margin-top: 7px;
  padding: .375em 1.25em;
  position: absolute;
  right: 0;
  transition: all .3s ease;
  text-align: center;
  width: auto;
}

.admin-bar .lwa-title-sub{
  margin-top: 36px;
}

.lwa-organisation {
  font-weight: bold;
  text-transform: uppercase;
}


.lwa-divs-only .lwa-form .lwa-submit-button {
  float:none!important;
}

#mew-hide-login {
  position: absolute;
  top:.75rem;
  right:.75rem;
  border:0;
  background-color: #d0cece;
  color: #3c3c3c;
  z-index: 5;
  font-weight: bold;
  border-radius: 3px;
  padding: 0.375rem 0.625rem;
  font-size: 1rem;
}

#mew-show-login {
  background-color: #7EB541;
  border-radius: 2px;
  border: none;
  color: #fff;
  font-size: .8rem;
  font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
  font-weight: 600;
  margin-top: 8px;
  padding: 0.75em 1em;
  transition: all .3s ease;
  text-transform: uppercase;
}

#mew-show-login:hover{
  background-color: #71a339;
}

#mew-show-login i{
  margin-right: 5px;
}

#lwa_wp-submit:hover {
  background-color: #71a339;
}

.mask {
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  opacity: .75;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 766;
}

.woocommerce-info {
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  background: #f9f9f9;
  padding-left: 15px;
}

/* Membership profile */
.rcp_login_form, #rcp_profile_editor_form, .customer_details-inner{
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  margin-bottom: 2rem;
  padding: 1rem .875rem 0.75rem;
}

.customer_details-inner{
  overflow: hidden;
}

#rcp-payment-history, #rcp-account-overview, .my_account_orders, .order_details, .woocommerce-customer-details address, .shop_table_responsive, .shop_table.woocommerce-checkout-review-order-table{
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 6px !important;
  margin-bottom: 2rem;
  padding: 1rem 0.875rem 0.75rem;
  overflow: hidden;
  box-shadow: 0px 0px 1px rgb(0, 0, 0, .4);
}

#rcp-payment-history, #rcp-account-overview, .my_account_orders, .order_details, .woocommerce-customer-details address{
  border: 0;
  color: #000000;
}

.woocommerce-account-fields .create-account{
  float: none;
}

#account_password_field{
  width: 100%;
}

#account_password_field input[type="password"]{
  height: 42px;
  max-width: 220px;
}

.place-order .button{
  height: 42px;
}


.rcp_form input[type=email], .rcp_form input[type=text], .rcp_form input[type=password], #rcp_profile_editor_form input:not(#rcp_profile_editor_submit), #rcp_profile_editor_form select{
  border: 1px solid #e8e8e8;
  font-size: 14px;
  height: 36px;
  margin: 0;
  margin-bottom: 0.5rem;
  padding: 0.5rem !important;
  width: 100%;
}

.rcp-account-overview a{
  background-color: #7EB541;
  color: white;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}


/* Homepage sidebar intro */
.homepage-sidebar-intro {
  background-color: #f7f7f7;
  padding:1.5rem 1rem;
}

.mew-modal-link {
  font-size: 1rem;
  text-align: center;
  padding-top: 0;
  padding-bottom: .5rem;
}

/* bold marker for ol */
.bold-number li::marker {
  font-weight: bold;
}

/* accordion styles */
.accordion-title {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: .3rem;
}
.accordion-content {
  display:none;
}

.accordion-toggle {
  font-family: 'Open Sans', sans-serif;
  padding-left: .3rem;
}

#rcp_user_login_wrap {
  display: none;
}

.rcp_form ul li {
  list-style-type: none;
}


.paywall-modal, .paywall-cover .register-stripe-popup {
  display:none;
}

.paywall-cover.show {
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
}

.paywall-modal .flipper {
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgb(0, 0, 0, .2);
  border-radius: 4px;
  border: 1px solid #c7c7c7;
  overflow: auto;
  line-height: 1.25em;
  margin: auto;
  padding: 0.75rem;
  width: 100%;
  height: 100%;
  z-index: 1002;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.paywall-modal.show{
  display: block;
}

.already-subscribed a{
  text-decoration: underline;
}


.register-stripe-popup {
  position: absolute;
  top:3rem;
  left:50%;
  width:50%;
  background-color: #fff;
  z-index: 200;
}

.sub-select-area:not(.paywall-modal .sub-select-area){
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: .175rem;
  grid-row-gap: 1rem;
  padding: 1rem 1.5rem;
}

.rcp-stripe-register {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
}

.show-braintree-modal {
  width:100%;
  background: #7EB541 !important;
  color: white !important;
  border: 1px solid #7EB541 !important;
  text-align: center;
  font-size: 1.5rem;
  padding: 1.5rem 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}

.rcp_profile_editor_subtitle{
  text-align: center;
}

.rcp_form input[type="email"], .rcp_form input[type="password"], .rcp_form input[type="text"] {
  width:100%;
  box-sizing: border-box;
}


.rcp_form fieldset legend {
  color: #8fba60;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: .5rem;
}

#rcp_profile_editor_form fieldset legend{
  text-align: left;
}

.rcp_form [type="radio"].required {
  color: #000;
}

.paywall-modal{
  width: 94%;
  height: 90%;
  max-height: 690px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 52%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%,-50%);
  z-index: 1001;
}
.single-braintree-modal {
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgb(0, 0, 0, .2);
  border-radius: 4px;
  border: 1px solid #c7c7c7;
  display: none;
  overflow: auto;
  line-height: 1.25em;
  margin: auto;
  padding: .725rem;
  width: 100%;
  z-index: 1003;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.single-braintree-modal #rcp_registration_form {
  max-width: 460px;
  margin: 0 auto;
  margin-top: 1rem; 
  background-color: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  margin-bottom: 2rem;
  padding: 1.5rem 1rem 0.75rem !important;
}

.single-braintree-modal p{
  flex: 1 50%;
  margin: 0 0.5rem 1rem;
}

p#rcp_user_email_wrap ~ p{
  display: none;
}

.page-template-rcp-shop .rcp_registration_total, .page-template-rcp-shop #rcp-braintree-dropin-container {
  display: none;
}

.page-template-rcp-shop .rcp_registration_total {
  margin-bottom: 0;
}

.rcp-table th, .rcp-table td, .my_account_orders th, .my_account_orders td, .order_details th, .order_details td{
  color: #000;
  font-size: 1rem;
}

.rcp_profile_editor_form-wrapper{
  margin-top: 2.75rem;
}

@media only screen and (min-width:400px) {
  .paywall-modal {
    max-width: 86%;
  }
}

@media only screen and (min-width:440px) {
  .paywall-modal {
    max-width: 420px;
  }

}

@media only screen and (min-width:500px) {
  .paywall-modal {
    max-width: 80%;
  }

  .paywall-modal .modal-title{
    font-size: 1.375rem;
  }
}

@media only screen and (min-width:769px) {
  .checkout_coupon {
    width: 49%;
    margin-left: auto;
    margin-right: auto;
  }

  .woocommerce-form-coupon .button {
    margin-top: 0;
}

  .checkout.woocommerce-checkout{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .checkout.woocommerce-checkout .col2-set .col-1{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 78%;
  }

  .paywall-modal {
    max-width: 620px;
    max-height: 760px !important;
  }

  .paywall-modal .intro .blue-text {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

  .paywall-modal .modal-title {
    margin-bottom: 0;
  }

  .paywall-modal .intro p {
    line-height: 1.5;
 }

  .paywall-modal #second_modal_text{
    padding: 0 1.5rem;
  }

  #second_modal_text h4{
    font-size: 1.25rem;
    line-height: 1.375;
    color: #000;
  }

  .modal-button{
    max-width: 420px;
    padding: 0.75rem 0.75rem;
  }
}

@media only screen and (min-width:960px) {
  .paywall-modal .intro p{
    font-size: 1.25rem;
    line-height: 1.25; 
  }
}


@media only screen and (min-width:1024px) {
  #customer_details{
    margin-bottom: 1.5rem;
  }

  .paywall-modal .modal-title{
    font-size: 1.75rem;
    line-height: 1;
  }

  .paywall-modal .modal-sub-desc{
    font-size: 1.275rem;
    margin-bottom: 0.375rem;
    margin-top: 0.5rem;
  }

  .paywall-modal .modal-sub-renew{
    font-size: 1rem;
  }

  .paywall-modal {
    top: 50%;
    max-width: 720px;
    max-height: 770px !important;
  }

  .paywall-modal .benefits_item {
    margin-bottom: 0.375rem;
  }

  .paywall-modal .benefits_list{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 2.5rem;
  }

  .single-braintree-modal #rcp_registration_form{
    padding: 1rem 1rem 0.25rem !important;
    margin-bottom: 0 !important;
  }

  .single-braintree-modal .braintree-placeholder{
    margin-bottom: 2px;
  }

  #rcp_user_first_wrap, #rcp_user_last_wrap{
    margin-bottom: 0 !important;
  }

  .single-braintree-modal .rcp_form-row{
    display: flex;
  }

  .single-braintree-modal #rcp_registration_form p{
    flex: 1 50%;
    margin: 0 0.5rem .875rem;
  }

  .single-braintree-modal .rcp_form input[type="email"], .single-braintree-modal .rcp_form input[type="password"], .single-braintree-modal .rcp_form input[type="text"]{
    height: 32px;
  }
}

.order-intro{
  color: #000;
  font-size: 1.125em;
  line-height: 1.375;
  text-align: center;
}

.view-order-button{
  display: flex;
  width: 100%;
  justify-content: center;
}

.view-order-button .back-manage-account{
  background-color: #dbe9ce;
  border: 1px solid #c8e6a5;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  font-size: .925rem;
  margin-top: 7px;
  padding: 0.375em 1.25em;
  transition: all .3s ease;
  text-align: center;
  width: auto;
}

.view-order-button .back-manage-account:hover{
  background-color: #dbe9ce;
}

.order-downloads-wrapper{
  margin-top: 30px;
}

#rcp-payment-history a, #rcp-account-overview a, .my_account_orders a, .order_details a{
  background-color: #7EB541 !important;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: .925rem !important;
  margin-bottom: 0.5rem;
  padding: 0.125rem 0.625rem;
  transition: all .3s ease;
  text-shadow: none !important;
}

.order_details .download-product a, .order_details .download-product a:hover, .order_details .product-name a, .order_details .product-name a:hover{
  background-color: #f9f9f9 !important;
  color:  #7EB541 !important;
}

.woocommerce-MyAccount-downloads-file.button{
  background-color: #7EB541 !important;
}

#rcp-payment-history a:hover, #rcp-account-overview a:hover, .my_account_orders a:hover, .order_details a:hover{
  background-color: #71a339 !important;
}

#rcp-payment-history, #rcp-account-overview{
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 500px) {
  .view-order-button {
    justify-content: right;
  }

  .rcp_profile_editor_form-wrapper, #rcp_update_card_form{
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }

  .rcp_login_form-wrapper, #rcp_lostpassword_form, #rcp_password_for .rcp_message, #rcp_password_form, .rcp_message.error, .rcp_error.password_empty, .rcp_error.password_empty{
    max-width: 340px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .rcp_form p#rcp_profile_first_name_wrap, .rcp_form p#rcp_profile_last_name_wrap{
    width: 48%;
    float: left;
  }

  .rcp_form p#rcp_profile_last_name_wrap{
    margin-left: 4%;
  }

  #rcp_profile_editor_form{
    padding-top: 2rem;
  }
}

@media only screen and (min-width: 769px) {

  .entry h1{
    font-size: 36px;
  }

  .header-login{
    right: 2rem;
  }
   .lwa-title-sub, #mew-show-login{
    margin-top: 15px;  
   }

   .lwa-info{
    top: 54px;
   }
   

  .lwa.logged-out{
    max-width: 360px; 
    padding: 1rem 1.5rem;
  }

  .lwa-form label, .rcp_form label{
    font-size: .925rem;
  }

  .lwa-links a{
    font-size: 1rem;
    margin-top: 0.75rem;
  }

  #rcp-payment-history th, #rcp-payment-history td, #rcp-account-overview th, #rcp-account-overview td, .my_account_orders th, .my_account_orders td, .order_details th, .order_details td {
    font-size: .925rem;
    padding-left: 1.067em;
}

  .my_account_orders th:first-child, .my_account_orders td:first-child,  .order_details th:first-child, .order_details td:first-child{
    padding-left: 1.067em !important;
  }

  .rcp_profile_editor_form-wrapper{
    margin-top: 2.75rem;
  }
}

@media(min-width:801px) {
  .page-template-template-home #facit_search_box_wrapper{
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .facit_search_box:not(.page-template-template-home .facit_search_box) {
    padding: 20px 0 10px;
      margin: 0 auto;
      max-width: 900px;
  }

  .page-template-template-home #facit_search_box_wrapper {
    top: 25px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.125rem 1rem;
  }
  .order-intro{
    font-size: 1.625em;
    line-height: 1.5;
    margin-bottom: 2.75rem;
  }

  .term-title {
    margin-top: 22px;
    width: 100%;
  }

  .header-login{
    position: fixed;
    right: 15px;
    top: 0.625rem;
    width: 150px;
  }

  .rcp_form fieldset legend{
    font-size: 1.5rem;
  }

  #rcp_profile_editor_form fieldset legend{
    font-size: 1.125rem;
  }

  #rcp_profile_editor_form, #rcp_update_card_form{
    padding: 1rem 1rem 0.75rem;
  }

  #rcp_profile_editor_form{
    margin-bottom: 3.75rem;
  }

  #rcp-account-overview{
    margin-bottom: 3.5rem;
  }
}

@media only screen and (min-width: 1201px) {
  .page-template-template-home #facit_search_box_wrapper{
    top: 32px;
  }

  .lwa-name{
    display: inline-block;
    margin-left: 10px;
    text-align: left;
   }
   
  .header_box { width: 1020px; clear:both; margin:0 auto;}

  #header_wrapper.fix_to_top #header {
    width: 21%;
    padding: 9px 0 20px 0;
  }

  #header_wrapper.fix_to_top #navigation{
    width: 72%;
  }

  #submenu{
    width: 72%;
  }

  #navigation #main-nav a {
    font-size: 1.1em;
  }

  #search_box #searchform #s {
    max-width: 166px;
    margin-left: 8px;
  }

  #search_box .searchform {
    margin-right: 0;
  }

  #submenu_box a {
    font-size: 0.8em;
  }

  .menu-social {
    float: right;
    margin-right: 0;
  }

  .menu-social a{
    font-size:18px;
  }

  .lwa-title-sub{
    padding: 0.375em 0.625em;
    display: flex;
    align-items: center;
    justify-content: left;
  }

  .page-template-template-home #facit_search_box_wrapper{
    top: 29px;
  }

  #parallax .parallax_out{
    height: 200px;
    /*background: url(https://www.healthyfood.com/wp-content/uploads/2022/08/Banner-NEW-1.jpg)  !important;*/
  }
  .header-login{
    top: 1rem;
    width: 130px;
  }

  .lwa-title-sub, #mew-show-login {
    margin-top: 0;
  }

  .lwa-info {
    top: 39px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px){
  #facit_search_box_wrapper:not(.page-template-template-home #facit_search_box_wrapper) {
    padding-top: 45px;
    padding-left: 1%;
    padding-right: 1%;
  }
}

@media only screen and (min-width: 1360px) {
  .header-login {
    top: 1.25rem;
    width: 140px;
  }

  ul.nav li:last-of-type{
    width: 138px;
  }

  #header_wrapper.fix_to_top #header{
    width: 26%;
  }

  #submenu {
    width: calc(74% - 10px);
    margin-left: 10px;
}

  #header_wrapper.fix_to_top #navigation{
    float: right;
    width: calc(74% - 13px);
    margin-left: 10px;
  }
}

@media only screen and (max-width: 768px) {

  .rcp_profile_editor_subtitle{
    font-size: 19px;
    text-align: left;
  }

  #rcp-payment-history td:first-child:before, #rcp-account-overview td:first-child:before, .my_account_orders td:first-child:before, #rcp-payment-history td:last-child:before, #rcp-account-overview td:last-child:before, .order_details td:first-child:before{
    margin-left: 0;
  }

  .my_account_orders td:last-child:before, .order_details td:last-child:before{
    display: none;
  }

  .my_account_orders td:last-child, .order_details td:last-child{
    padding-left: 10px;
  }

  #rcp-payment-history th, #rcp-account-overview th {
    display: none;
  }

  #rcp-payment-history td:first-child, #rcp-account-overview td:first-child, .my_account_orders td:first-child, .woocommerce-table--order-downloads td:first-child{
    background-color: rgb(0, 0, 0,  0.1);
    padding: 0.5em 0.5em;
    font-weight: bold;
    text-align: left;
    font-size: .925rem;
  }

  #rcp-payment-history td:last-child, #rcp-account-overview td:last-child{
    padding-left: 10px;
  }

  #rcp-payment-history th,  #rcp-account-overview th, .my_account_orders th, .woocommerce-table--order-downloads th{
    display: none;
  }

  #rcp-payment-history td:before, #rcp-account-overview td:before, .my_account_orders td:before, .order_details td:before{
    font-weight: 700;
    display: inline-block;
    height: 100%;
    line-height: 100%;
    width: 100%;
    margin-left: -100%;
  }

  #rcp-payment-history td:before, #rcp-account-overview td:before{
    content: attr(data-th) ": ";
  }

  .my_account_orders td:before, .order_details td:before{
    content: attr(data-title) ": ";
  }

#rcp-payment-history td,  #rcp-account-overview td, .my_account_orders td, .woocommerce-table--order-downloads td {
    display: block;
    text-align: left;
    padding: 0.5em 0.375em;
    padding-left: 50%;
    border-bottom: 0;
    font-size: .925rem;
}

.woocommerce-table--order-details th, .woocommerce-table--order-details td{
  padding: 0.5em 0.375em;
  font-size: .925rem !important;

}

.woocommerce-table--order-details th{
  text-transform: capitalize;
 }
}

@media only screen and (max-width: 480px) {
  #rcp-payment-history, #rcp-account-overview{
    width: 100%;
  }
}

ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2rem;
}

ul.products li.product {
  width:100% !important;
}

@media only screen and (min-width: 768px){
  .woocommerce-columns-5 ul.products li.product {
    width: 100%;
  }

  ul.products li.product {
    width: 100% !important;
  }

  .single-product.one-col .product .related ul.products li.product{
    width: 22.22222222222222% !important;
  }

  .tax-product_tag.term-recipe-books #content{
    margin-top: 84px;
  }
}


@media only screen and (max-width: 640px) {
  .woocommerce-columns-5 ul.products li.product {
    width: 100%;
  }

  ul.products {
    grid-template-columns: repeat(2, 1fr);
  }

  ul.products li.product {
    width: 100%;
  }
}

.print-logo{
  display: none;
}


@media print{

  body {
    margin-top: 5px;
    margin-left: 10px;
    transform: scale(var(--scale-factor));
    transform-origin: 0 0;
    font: 400 16px 'Open Sans', Helvetica, Arial, Sans-serif;
  }

  .header-login{
    display: none;
  }
  
 .newsletter-signup-box{
  display: none!important;
 }

 button , input{
  display: none!important;
 }

 /* .header-login{
  display: none!important;
 } */

 .collection_Leaderboard{
  display: none!important;
 }

 a.rate-link , .more-measurements{
  display: none!important;
 }

 .ingredients , #fld_hfg_tip , #field_variations{
  margin-left: -13px;
 }

 .ingredient{
  margin: 5px 0;
 }

 .rating-stars{
  margin-top: 67px;
  padding-bottom: 7px;
 }

 .healthy-high-fibre-recipes , .content_author-wrapper{
  display: none;
 }

 #hero_image{
  margin-top: -30px;
 }

 .print-logo{
  display: inline!important;
  z-index: -1;
  padding-bottom: 10px;
}

 .logo-normal{
  display: block!important;
 }
  
 h1.title{
  margin-bottom: 10px!important;
  margin-top: -85px!important;
  padding-bottom: 7px;
 }

 .recipe_decription{
  margin-top: -25px;
  margin-bottom: 20px;
  width: 430px!important;
  padding-right: 210px;
  /* position: relative;
  display: inline; */
 }
 
 .cooking_time_text{
  margin-bottom: 10px;
 }

 p {
  line-height: 20px;
 }

 .print-copyright{
  text-align: left;
 }

 i{
  display: none;
 }

 .lwa-title-sub{
  display: none;
 }
  
#pwaforwp-add-to-home-click {
  display: none !important;
}

 /* Force border colour to be consistent */

 .recipe_timing_info {
  text-align: left;
  width: 105%;
  margin: 15px 0;
  font-weight: bold;
  border-top: 1px solid #7EB541;
  padding-top: .5rem;
  border-bottom: 1px solid #7EB541;
  column-count: 2;
}
}


 /* mobile tables */
table.habits-table ul{
  margin: 0;
  padding: 0;
}

table.habits-table{
  border: 1px solid #ced8c1;
}

table.habits-table tbody td, table.habits-table tfoot th, table.habits-table th, table.habits-table td {
  border-top: 1px solid #ced8c1;
  border-bottom: 1px solid #ced8c1;
}

table.habits-table thead{
  background-color: #dbe9ce;
}

table.habits-table td {
  padding: 1.067em;
}

table.habits-table tr td:first-child{
  padding-left: 1.067em !important;
}

table.habits-table tr td:nth-of-type(2n){
  width: 164px;
}

table.habits-table tr td:last-child {
  padding-right: 1.067em;
}

@media(max-width:500px) {
  /*mobile table styling for /advice/how-to-reset-your-habits-for-a-healthier-life/*/

table.habits-table {
  border: 0;
}
table.habits-table {
  overflow: visible;
}
table.habits-table tr td:nth-child(1):before {
  content: "Old habit";
}
table.habits-table tr td:nth-child(2):before {
  content: "Values";
}
table.habits-table tr td:nth-child(3):before {
  content: "New habit";
}

table.habits-table thead{
  display: none;
}

table.habits-table>*, table.habits-table tr,  table.habits-table td, table.habits-table th {
  display: block;
}

table.habits-table tr{
  border: 1px solid #ced8c1;
  border-bottom: 0;
  margin-bottom: 2rem;
}

table.habits-table tr td {
  border-top: 0;
  border-bottom: 1px solid #ced8c1;
  border-left: 0;
  padding-left: 29% !important;
  position: relative;
}

table.habits-table tr td:first-child {
  padding-left: 29% !important;
}

table.habits-table tr td:before {
  content: "";
  background-color: #dbe9ce;
  color: #222;
  padding: 0 0.5rem;
  position: absolute;
  font-weight: 700;
  width: 21%;
  height: calc(100% - 1rem);
  left: 0;
  top: 0;
  padding-bottom: 0;
  line-height: 100%;
  display: flex;
  align-content: center;
  flex-flow: column;
  padding-top: 1rem;
}

table.habits-table tr td:nth-of-type(2n) {
  width: auto;
}

table.habits-table tr td{
  padding: 0.5rem;
}

table.habits-table tr td:last-child{
  padding-right: 0.5em;
}
}

.product-grid-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  row-gap: 15px;
}

.product-grid-item-cta{
  padding: 0;
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 10px;
}

.product-grid-item {
  background-color: #f2f2f2;
  padding: 10px;
  text-align: center;
}

.product-grid-item-img{
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2), 0 0 0 0 rgba(0,0,0,0.02);
}

.product-grid-item-title{
  font-size: 12px;
  margin-top: 10px !important;
  text-align: center;
}

.product-grid-item-cta, .product-grid-item-cta a{
  color: white;
  font-size: 13px;
}

@media(min-width: 375px) {
  .product-grid-list {
    grid-template-columns: repeat(2, minmax(86px, 1fr));
    row-gap: 20px;
    column-gap: 20px;
  }

  .product-grid-item-title {
    font-size: 14px;
  }

  .product-grid-item {
    padding: 18px 16px;
  } 
}

@media(min-width: 576px) {
  .product-grid-list {
    grid-template-columns: repeat(3, minmax(86px, 1fr));
    column-gap: 20px;
  }
}


@media(min-width: 678px) {
  .product-grid-list {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 25px;
  }

  .product-grid-item {
    padding: 12px;
  }
}

@media(min-width: 768px) {
  .product-grid-list {
    column-gap: 30px;
  }

  .product-grid-item {
    padding: 15px;
  }
}

@media(min-width: 992px) {
  .product-grid-list {
    grid-template-columns: repeat(5, 1fr);
  }

  .product-grid-item {
    padding: 15px;
  }

  .product-grid-item-title {
    font-size: 16px;
  }

  .product-grid-item-cta, .product-grid-item-cta a {
    font-size: 16px;
  }
}

@media(min-width: 1200px) {
  .product-grid-list {
    column-gap: 20px;
  }
}

/* iFrame full width wrapper */
.player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
}

.player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}