/*
Theme name: Tasty Yummies
Description: Custom Theme
*/

/******* Tasty Yummies WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }

/******* /Tasty Yummies WordPress CSS *******/

/*
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	         Mobile -----------------------------------
	         Tablet Portrait --------------------------
	         Desktop Small ----------------------------
	         Desktop ----------------------------------
	         Keyframes --------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Footer Inner -----------------------------
	         Footer Cols ------------------------------
	         Footer Nav -------------------------------
	         Footer Logo ------------------------------
	         Footer Cols ------------------------------
	         Footer Nav -------------------------------
	         Footer Logo ------------------------------
	     04. Header -----------------------------------
	         Header Body ------------------------------
	         Header Menu Mobile -----------------------
	         Header Scrolled --------------------------
	         Header Body ------------------------------
	         Header Menu Mobile -----------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Ad ---------------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	     03. Copyright --------------------------------
	     04. Feed Instagram ---------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	     07. Link -------------------------------------
	     08. List -------------------------------------
	     09. Logo -------------------------------------
	     10. Nav --------------------------------------
	     11. Nav Utilities ----------------------------
	     12. Nav Toggle -------------------------------
	     13. Recipe Feature ---------------------------
	     14. Recipe Thumb -----------------------------
	     15. Search -----------------------------------
	     16. Section Category -------------------------
	     17. Section Social ---------------------------
	     18. Slider -----------------------------------
	         Slider Hero ------------------------------
	         Slider Recipe Thumbs ---------------------
	         Slider Hero ------------------------------
	         Slider Recipe Thumbs ---------------------
	     19. Socials ----------------------------------
	         Socials Large ----------------------------
	     20. Table ------------------------------------
	     21. Welcome ----------------------------------
	     22. Widget -----------------------------------
	         Widget Ad --------------------------------
 */

.ico-slider-next-small { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-next { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-slider-prev-small { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0;
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg); /* IE 18 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
.ico-slider-prev { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; -ms-transform: rotate(180deg); /* IE 18 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);  }
.logo-image-mobile { background-image: url(images/sprite.png); background-position: 0 -154px; width: 258px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-image-small { background-image: url(images/sprite.png); background-position: -391px -139px; width: 44px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-small-white { background-image: url(images/sprite.png); background-position: 0 -258px; width: 82px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
	.ico-slider-next-small { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-next { background-image: url(images/arrow.svg); width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-slider-prev-small { background-image: url(images/arrow.svg);  width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0;
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg); /* IE 18 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
	.ico-slider-prev { background-image: url(images/arrow.svg);  width: 60px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0;
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg); /* IE 18 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
	.logo-image-mobile { background-image: url(images/sprite.@2x2.png); background-position: 0 -165px; background-size: 445.5px 325px; width: 258px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo-image-small { background-image: url(images/sprite.@2x2.png); background-position: -388.5px -149.5px; background-size: 445.5px 325px; width: 44px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; }
	.logo-small-white { background-image: url(images/sprite.@2x2.png); background-position: 0 -260px; background-size: 445.5px 325px; width: 82px; height: 71px; display: inline-block; vertical-align: middle; font-size: 0; }
}


.logo-image { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; }

.logo-image { width: 323px; height: 124px; background-image: url(images/logo-image@2x2.png); }

.cols:after,
.footer-cols:after,
.header-body:after,
.main-inner:after,
.shell:after,
.nav-utilities ul:after,
.welcome:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }
html,
body { height: 100%; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }
img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body {
	min-width: 320px;
	background: #fff;
	/*font-family: 'acumin-pro-condensed', sans-serif;*/
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	font-family: alegreya, serif;
	font-weight: 500;
	font-style: normal;
}
a { color: inherit; text-decoration: underline; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
/* font-family: 'stymie-sc', serif; line-height: 1.2; font-weight: normal; margin-bottom: 0.8em; */
font-family: modula-sans, sans-serif !important;
font-weight: 700;
font-style: normal;
text-transform: capitalize !important;
}
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 25px; }
h4 {
	font-size: 20px;
	font-family: alegreya, serif !important;
	font-weight: 700;
	font-style: normal;
}
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.6em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
/* Mobile */
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
/* Desktop Small */
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
/* Desktop */
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* Keyframes */
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1;  }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1;  }
}
@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content { float: left; width: calc(100% - 300px); padding-right: 20px; }
@media (max-width: 1023px) {
	.content { width: calc(100% - 250px); }
}
@media (max-width: 767px) {
	.content { float: none; width: auto; padding-right: 0; }
}
/* ------------------------------------------------------------ *\
	Content Action
\* ------------------------------------------------------------ */
.content-action { margin: 10px 0 15px 0; }
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: relative; padding: 25px 0; }
.footer:after { content: ''; position: absolute; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px; }
.footer:after { bottom: 4px; }
.footer .link-to-top { position: absolute; bottom: 0; right: 15px; z-index: 5; }
/* Footer Inner */
.footer .footer-inner { position: relative; padding: 25px 0; background: #363232; color: #fff; }
.footer .footer-inner .shell { position: relative; }
/* Footer Cols */
.footer-cols:after { }
.footer-col { float: left; width: 33.33%; }
.footer-col:nth-child(2) { text-align: center; }
.footer-col:nth-child(3) { text-align: right; }
/* Footer Nav */
.footer-nav { font-size: 20px; text-transform: uppercase; }
.footer-nav ul { list-style: none outside none; }
.footer-nav a { text-decoration: none; }
.footer-nav a:hover { color: #999; }
/* Footer Logo */
.footer-logo { display: inline-block; margin-bottom: 20px; }
@media (max-width: 767px) {
	.footer .link-to-top { display: none; }

	/* Footer Cols */
	.footer-col { width: 100%; text-align: center; }
	.footer-col:nth-child(2) { text-align: center; }
	.footer-col:nth-child(3) { text-align: center; }

	/* Footer Nav */
	.footer-nav { font-size: 20px; text-align: center; }

	/* Footer Logo */
	.footer-logo { margin: 50px 0; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: relative; z-index: 20; }
.header .ad { padding: 25px 0; }
/* Header Body */
.header-body { position: relative; padding: 30px 0 20px; margin-bottom: 14px; }
.header-body:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px;
display: none;
 }
.header-body:after { }
.header-body .header-inner { float: right; text-align: right; }
.header-body .logo { position: absolute; bottom: -24px; z-index: 1; left: 50%; margin-left: -160px; }
.header-body .search { float: left; margin-top: 30px; }
.header-body .socials { margin-bottom: 10px; }
/* Header Menu Mobile */
.header-menu-mobile { display: none; }
@media(min-width: 1024px){
	.header { padding-bottom: 78px; }
	.header .nav { position: absolute; bottom: 0; left: 0; width: 100%; }
	.header .nav .logo-small { display: none; }

	/* Header Scrolled */
	.header-scrolled .nav { position: fixed; bottom: auto; top: 0; padding: 16px 0 13px; background: rgba(0,0,0, .9); -webkit-animation: fadeIn .5s; animation: fadeIn .5s; }
	.header-scrolled .nav ul { max-width: none; text-align: right; }
	.header-scrolled .nav li + li { margin-left: 30px; }
	.header-scrolled .nav a { font-size: 30px; color: #fff; margin-right: 10px; line-height: 2.1}
	.header-scrolled .nav .logo-small { display: inline-block; }
	.header-scrolled .nav:before{ display: none;}
	.header-scrolled .nav:after{ display: none;}
}
@media (max-width: 1200px) {
	.header-body .logo { margin-left: -160px; }
}
@media (max-width: 1023px) {
	.header { text-align: center; }
	.header .ad { display: none; }

	.header .nav,
	.header .search,
	.header .nav-utilities { display: none; }

	/* Header Body */
	.header-body { padding-bottom: 0; margin-bottom: 0; }

	.header-body .header-inner { float: none; text-align: center; }

	.header-body .socials { position: relative; margin: 0 -15px; padding: 27px 0; }
	.header-body .socials:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px; }

	.header-body .logo { position: static; margin: 0 0 5px; }
	.header-body .nav-toggle { margin-bottom: 15px; }

	/* Header Menu Mobile */
	.header-menu-mobile { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; }
	.header-menu-mobile.visible { display: block; }

	.header-menu-mobile .nav,
	.header-menu-mobile .search,
	.header-menu-mobile .nav-utilities { display: block; }

	.header-menu-mobile .nav-utilities { margin-bottom: 15px;  }
	.header-menu-mobile .search { margin: 20px 0; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
.main-inner:after { }
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: auto; }
.shell:after { }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar { float: right; width: 300px; margin-top: 35px; margin-bottom: 35px; }
.sidebar .widgets li { list-style-type: none; }
.sidebar .widget h2.widgettitle { font-size: 24px; padding-bottom: 10px; }
.sidebar .widget { margin-bottom: 30px; }
@media (max-width: 1023px) {
	.sidebar { width: 250px; }
}
@media (max-width: 767px) {
	.sidebar { float: none; width: auto; }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {}
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Ad
\* ------------------------------------------------------------ */
.ad, .image-container { text-align: center; }
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
	height: 37px;
	background: #251f20;
	/*font-family: 'stymie-sc', serif; */
	font-family: modula-sans, sans-serif;
	font-weight: 700;
	font-style: normal;

	font-size: 24px;
	line-height: 37px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.btn:hover { background: #999; }
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

@media only screen and (max-width: 480px){
	.btn { height: auto;  }
}

.maxbutton{
	margin: 20px 0 30px !important;
}
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright { font-size: 16px; text-transform: uppercase; }
@media (max-width: 767px) {
	.copyright { font-size: 20px; }
}
/* ------------------------------------------------------------ *\
	Feed Instagram
\* ------------------------------------------------------------ */
.feed-instagram ul { list-style: none outside none; margin: 0 -7px; font-size: 0; }
.feed-instagram li { display: inline-block; vertical-align: middle; width: 12.5%; padding: 0 7px; }
.feed-instagram a:hover { opacity: .7; }
@media (max-width: 1023px) {
	.feed-instagram ul { margin: 0 -5px; }
	.feed-instagram li { width: 25%; padding: 5px; }
}
@media (max-width: 767px) {
	.feed-instagram li { width: 50%; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}

.checkbox input { position: absolute; z-index: -1; visibility: hidden; }
.checkbox label { position: relative; display: inline-block; padding-left: 17px; line-height: 1.2; font-size: 20px; }
.checkbox label:before { content: ''; position: absolute; top: 8px; left: 0; width: 10px; height: 10px; border: 1px solid #333; border-radius: 2px; }
.checkbox input:checked + label:before { content: '\f00c'; font: normal normal normal 10px/1 FontAwesome; line-height: 8px; text-align: center; }


/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */
.link-to-top { display: inline-block; vertical-align: middle; font-size: 19px; text-transform: uppercase; text-decoration: none; }
.link-to-top:hover { color: #999; }
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; font-size: 0; }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
	position: relative; padding: 16px 0 16px;
	/*font-family: 'stymie-sc', serif; text-transform: uppercase;*/
	font-family: modula-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: capitalize;
}
.nav ul { max-width: 1000px; margin: auto; text-align: justify; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }
.nav li { display: inline-block; vertical-align: top; }
.nav a { text-decoration: none; font-size: 30px; margin-right: 40px;  }
.nav .logo-small { float: left; }
.nav .current-menu-item a,
.nav a:hover { color: #999;  }
.nav:before,
.nav:after { content: ''; position: absolute; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px; }
.nav:before { top: 0; }
.nav:after { bottom: 0; }
@media (max-width: 1023px) {
	.nav ul { text-align: center; margin-left: 40px; display: inline-block; }
	.nav li { display: block; }
}
/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities { /*font-size: 20px;*/ font-size: 12px;  text-transform: uppercase; }
.nav-utilities ul { list-style: none outside none; }
.nav-utilities ul:after { }
.nav-utilities li { float: left; }
.nav-utilities li + li { margin-left: 10px;  }
.nav-utilities a { display: block; text-decoration: none; }
.nav-utilities a:hover, .nav-utilities li.current-menu-item a { color: #999; }
@media (max-width: 1200px) {
	.nav-utilities{ font-size: 10px; }
}
@media (max-width: 1023px) {
	.nav-utilities li { float: none; }
	.nav-utilities li + li { margin-left: 0; }
}
/* ------------------------------------------------------------ *\
	Nav Toggle
\* ------------------------------------------------------------ */
.nav-toggle { display: none; width: 38px; padding: 10px; margin-left: auto; margin-right: auto; }
.nav-toggle-icon { position: relative; display: block; width: 18px; height: 15px; color: #251f20; }
.nav-toggle-icon:before,
.nav-toggle-icon:after { content: ''; position: absolute; left: 0; width: 100%; height: 3px; background: currentColor; }
.nav-toggle-icon:before { top: 0; -webkit-box-shadow: 0 6px currentColor; box-shadow: 0 6px currentColor; }
.nav-toggle-icon:after { bottom: 0; }
@media (max-width: 1023px) {
	.nav-toggle { display: block; }
}
/* ------------------------------------------------------------ *\
	Recipe Feature
\* ------------------------------------------------------------ */
.recipe-feature {  }
.recipe-feature a { position: relative; display: block; }
.recipe-feature .recipe-image img { width: 100%; }
.recipe-feature .recipe-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px 35px 4px; background: rgba(255,255,255, .65); }
.recipe-feature .recipe-title { font-family: 'acumin-pro-condensed', sans-serif; font-size: 25px; text-transform: uppercase; }
@media (max-width: 767px) {
	.recipe-feature .recipe-content { padding: 8px 10px 4px; text-align: center; }
	.recipe-feature .recipe-title { font-size: 20px; }
}
/* ------------------------------------------------------------ *\
	Recipe Thumb
\* ------------------------------------------------------------ */
.recipe-thumb .recipe-image { margin-bottom: 22px; }
.recipe-thumb a { text-decoration: none; }
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.search { font-size: 0; }
.search .search-label,
.search .search-field,
.search .search-btn { display: inline-block; vertical-align: middle; }
.search .search-label { margin-right: 7px; font-size: 18px; text-transform: lowercase; }
.search .search-field { width: 200px; height: 27px; padding: 0 10px; border: 1px solid; margin-right: 7px; font-size: 16px; }
.search .search-btn { width: 27px; height: 27px; border: 0; border-radius: 0; background: #000; font-size: 20px; color: #fff; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.search .search-btn:hover { background: #999; }
/* ------------------------------------------------------------ *\
	Section Category
\* ------------------------------------------------------------ */
.section-category { margin: 20px 0 50px; }
.section-category .section-head { margin-bottom: 15px; }
/* ------------------------------------------------------------ *\
	Section Social
\* ------------------------------------------------------------ */
.section-social { position: relative; padding: 7px 0; }

.single-post .paging:before,
.single-post .paging:after,
.section-social:before,
.section-social:after { content: ''; position: absolute; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px; }

.single-post .paging:before,
.section-social:before { top: 0; }

.single-post .paging:after,
.section-social:after { bottom: 0; }

.section-social .socials { margin: 60px 0 65px; text-align: center; }
.section-social .feed-instagram {margin: 30px 0; }

/* ------------------------------------------------------------ *\
	Section Recipes
\* ------------------------------------------------------------ */

.section-recipes { padding: 35px 0 0; }
.section-recipes .section-head { margin-bottom: 18px; }

.section-recipes .recipe-thumb .recipe-image { margin-bottom: 7px; }
.section-recipes .recipe-thumb .recipe-title { font-size: 14px; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; }
.slider .slider-prev,
.slider .slider-next { position: absolute; top: 50%; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.slider .slider-prev { left: 25px; }
.slider .slider-next { right: 25px; }
.slider:hover .slider-prev,
.slider:hover .slider-next { opacity: 1; }
/* Slider Hero */
.slider-hero { position: relative; padding: 17px 0 35px; }
.slider-hero:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background: url(images/border-pattern2.png) 0 0 repeat-x; background-size: 10px 15px; }
.slider-hero .slide { padding: 0 12px; }
.slider-hero .ad { margin-top: 20px; }
/* Slider Recipe Thumbs*/
.slider-recipe-thumbs { position: relative; }
.slider-recipe-thumbs .slider-clip { overflow: hidden; }
.slider-recipe-thumbs .slides { margin: 0 -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.slider-recipe-thumbs .slide { margin: 0 10px; }
.slider-recipe-thumbs .slider-prev,
.slider-recipe-thumbs .slider-next { top: 115px; -webkit-transform: none; -ms-transform: none; transform: none; }
.slider-recipe-thumbs .slider-prev { left: 5px; }
.slider-recipe-thumbs .slider-next { right: 5px; }

.slider-recipe-thumbs.category-page .slide { width: 280px; float: left; margin-bottom: 15px;  }
.slider-recipe-thumbs.category-page .slide:nth-child(3n+1) { clear: left; }

@media (max-width: 1023px) {
	.slider .slider-prev { left: 5px; }
	.slider .slider-next { right: 5px; }

	.slider .slider-prev,
	.slider .slider-next { opacity: 1; }
}
@media (max-width: 767px) {
	/* Slider Hero */
	.slider-hero { padding: 27px 0; }
	.slider-hero .slide { padding: 0; }

	.slider-recipe-thumbs.category-page .slide { width: 100%; margin: 0 auto; }
	.slider-recipe-thumbs.category-page .slide .recipe-thumb { width: 70%; margin: 0 auto; }
	.slider-recipe-thumbs.category-page .slide .recipe-image { margin-bottom: 0; }
	.slider-recipe-thumbs.category-page .slide .recipe-title { text-align: center; padding: 10px 0 30px 0; }
	.welcome.inner-page .section-title { text-align: center; }

	.slider-hero .slider-prev,
	.slider-hero .slider-next { top: 19%; -webkit-transform: none; -ms-transform: none; transform: none; }

	/* Slider Recipe Thumbs*/
	.slider-recipe-thumbs .slider-prev,
	.slider-recipe-thumbs .slider-next { top: 35%; }
}
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials ul { font-size: 0; list-style: none outside none; }
.socials li { display: inline-block; vertical-align: top; padding: 0 7px; }
.socials a { display: block; width: 33px; height: 33px; border-radius: 50%; background: #000; font-size: 20px; color: #fff; text-align: center; line-height: 33px; }
.socials a:hover { background: #999; }
.socials i { position: relative; }
.socials .fa-facebook { top: 1px; }
.socials .fa-pinterest-p { top: 2px; }
.socials .fa-twitter { top: 1px; }
/* Socials Large */
.socials-large li { padding: 0 10px; }
.socials-large a { width: 50px; height: 50px; line-height: 50px; font-size: 30px; }
@media (max-width: 767px) {
	.socials li { padding: 0 10px; }
	.socials a { width: 50px; height: 50px; line-height: 50px; font-size: 30px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Welcome
\* ------------------------------------------------------------ */
.welcome { padding: 10px 0 28px; background: url(images/border-pattern2.png) 0 bottom repeat-x; background-size: 10px 15px; }
.welcome.inner-page { padding-top: 40px; background: none; }
.welcome.inner-page .section-category { margin-top: 0; }
.welcome .welcome-head { margin-bottom: 30px; text-align: center; }
.welcome .welcome-head img { margin-bottom: 6px; }
.welcome .welcome-image { float: right; max-width: 400px; margin: 20px 0 0 30px; }
.welcome .welcome-content { overflow: hidden; }
.welcome .welcome-subtitle { text-transform: uppercase; }
.welcome .welcome-entry { margin-bottom: 33px; }
.welcome .welcome-actions { text-align: center; }
@media (max-width: 1200px) {
	.welcome .welcome-image { max-width: 320px; }
}
@media (max-width: 1023px) {
	.welcome .welcome-image { float: none; max-width: none; margin: 0 0 20px; text-align: center; }
}
@media (max-width: 767px) {
	.welcome { padding: 10px 15px 28px; margin: 0 -15px; }
}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* Widget Ad */
.sidebar .widget-image { margin-bottom: 47px; }
.widget-image:last-child { margin-bottom: 0; }

.welcome.inner-page .articles { list-style-type: none; margin-left: 0; }
.welcome.inner-page .articles li.article { padding-top: 30px; padding-bottom: 50px; border-bottom: 1px dotted #000; }
.welcome.inner-page .articles li.article h2.article-title { font-size: 25px; padding-bottom: 20px;  }
.welcome.inner-page .articles li.article h2.article-title a { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Default Page Settings
\* ------------------------------------------------------------ */
.inner-page h1 { font-size: 50px; }
.inner-page ol, .inner-page ul { margin-left: 20px; }

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */

.filter .filter-btn { display: inline-block; vertical-align: middle; height: 37px; padding: 0 20px; background: #251f20; font-family: 'stymie-sc', serif; font-size: 22px; line-height: 37px; color: #fff; text-decoration: none; text-transform: uppercase; }

.filter .filter-content { position: absolute; left: 0; overflow: hidden; width: 477px; padding: 15px 20px; border: 2px solid #333; border-left: 0; margin-top: -40px; background: rgba(255,255,255, .85); z-index: 10; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.filter .filter-content.visible { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.filter .filter-actions { position: absolute; top: 10px; right: 10px; font-size: 0; }
.filter .filter-actions a { display: block; width: 21px; height: 21px; font-size: 14px; border-radius: 50%; background: #333; color: #fff; line-height: 21px; text-align: center; }

.filter .checkboxes { float: left; width: 33.33%; padding: 0 5px; }
.filter .checkbox { white-space: nowrap; }

.filter-section { margin-bottom: 25px; }
.filter-section:last-child { margin-bottom: 0; }
.filter-section .filter-section-head { margin-bottom: 6px; text-transform: uppercase; }
.filter-section .filter-section-body { margin: 0 -5px; }
.filter-section .filter-section-body:after { content: ''; display: table; clear: both; }

@media (max-width: 767px) {
	.filter .filter-content { width: 320px; }
	.filter .filter-content-inner {  max-height: 400px; overflow: auto; }

	.filter .checkboxes { width: 50%; }
	.filter .checkboxes:nth-child(2n+1) { clear: both; }
}

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */

.grid-outer { margin: 0 -13px; }
.grid-outer .grid { overflow: hidden; }
.grid-outer span.loading { padding-top: 50px; background: url(images/ajax-loader.gif) center 0 no-repeat; display: none; width: 100%; height: 32px; }
.grid-outer span.loading.visible { display: block; }
.grid-item { width: 25%; padding: 0 13px 30px; float: left; }
.grid-item:nth-child(4n+1) { clear: left; }
.grid-outer .paging { clear: both; display: none; }

@media (max-width: 1200px) {
	.grid-outer { margin: 0 -5px; }
	.grid-item { width: 25%; padding: 0 5px 30px; }
}

@media (max-width: 1023px) {
	.grid-item { width: 50%; }
	.grid-item:nth-child(2n+1) { clear: left; }
}

/* ------------------------------------------------------------ *\
	Receipt styles
\* ------------------------------------------------------------ */

.single-post .content { width: calc(100% - 350px); }

.section-receipt {  }

.section-receipt .section-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 50px; }
.section-receipt .section-head:after { clear: both; display: table; content: ''; }

.section-receipt .section-head .welcome-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.section-receipt .section-head .socials {  text-align: right; }

.section-receipt .section-head .socials h4 { text-align: right; text-transform: uppercase; font-size: 17px; }
.section-receipt .section-head .socials ul { margin: 0; }
.section-receipt .section-head .socials { white-space: nowrap; }

.section-receipt .section-image { margin-bottom: 45px; }
.section-receipt .section-image-mobile { display: none; }


/*
	Receipt shortcode html style
*/
.single-post .page-content { padding-bottom: 20px; }

.section-receipt .easyrecipe { border: none; position: relative; padding: 35px 0; font-family: 'acumin-pro-condensed', sans-serif; font-size: 16px; line-height: 1.6; color: #000; }

.section-receipt .easyrecipe .ERSName { font-family: 'stymie-sc', serif; line-height: 1.2; font-size: 20px; font-weight: normal; text-transform: uppercase; }

.section-receipt .easyrecipe .ERSTopRight { position: absolute; float: none; top: 60px; right: -5px; max-width: 100px; width: 100%;   }
.section-receipt .easyrecipe .ERSTopRight > img { display: none; }
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint {  }
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSPrintBtn,
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSSaveBtn { background: none; font-family: 'acumin-pro-condensed', sans-serif; font-size: 17px; line-height: 1.6; color: #000; }
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSPrintBtn .ui-button-text,
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSSaveBtn .ui-button-text { font-family: 'acumin-pro-condensed', sans-serif; font-size: 17px; line-height: 1.6; color: #000; text-transform: uppercase; padding: 0 5px; }
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSPrintBtn .ui-icon,
.section-receipt .easyrecipe .ERSTopRight .ERSSavePrint .ERSSaveBtn .ui-icon { display: none; }

.section-receipt .easyrecipe:after,
.section-receipt .easyrecipe:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8px; background: url( 'images/border.png' ) repeat-x; }
.section-receipt .easyrecipe:after { top: auto; bottom: 0; }

.section-receipt .easyrecipe .ERSTimes { border: none; }
.section-receipt .easyrecipe .ERSTimes .ERSTime { border: none; }
.section-receipt .easyrecipe .ERSTimes .ERSTime div { display: inline-block; width: 49%; font-size: 16px; }
.section-receipt .easyrecipe .ERSTimes .ERSTime div + div { text-align: left; }

.section-receipt .easyrecipe .divERSHeadItems {  }
.section-receipt .easyrecipe .divERSHeadItems .ERSServes { font-weight: 700; }
.section-receipt .easyrecipe .divERSHeadItems .ERSServes span { font-weight: 500; }

.section-receipt .easyrecipe .ERSIngredients ul li,
.section-receipt .easyrecipe .ERSIngredients ul { list-style: none; }
.section-receipt .easyrecipe ol li { margin-left: 19px !important; }

.section-receipt .easyrecipe .ERSIngredients ul li:before { content: '•'; display: inline-block; font-size: 17px; margin-right: 5px; }

.section-receipt .page-content .easyrecipe .ERSHeading { font-size: 17px; margin-bottom: 0; }

.section-receipt .page-content .easyrecipe .ERSNutritionHeader,
.section-receipt .page-content .easyrecipe .ERSNotesHeader { text-transform: uppercase; font-size: 18px; margin-bottom: 0; }

.section-receipt .page-content .easyrecipe .ERSNutrionDetails { font-weight: 700; }
.section-receipt .page-content .easyrecipe .ERSNutrionDetails span { font-weight: 500; }
.section-receipt .page-content .easyrecipe .ERSNutrionDetails span:after { content: ''; display: block; }

/*
	Related Recepies
*/

.related-recipes { margin-bottom: 50px; }

.comments .comment-reply-title,
.related-recipes h3 { display: inline-block; padding: 9px 10px 5px; color: #fff; background: #000; text-transform: uppercase; font-size: 20px; line-height: 1; margin-bottom: 30px; }

.related-recipes ul { list-style: none; line-height: 0; font-size: 0; margin: 0 -10px; }
.related-recipes ul li { display: inline-block; width: 25%; font-size: 16px; line-height: 1.2; padding: 0 10px; vertical-align: top; }
.related-recipes ul li a { display: block; text-decoration: none; font-family: 'acumin-pro-condensed', sans-serif; font-size: 17px; line-height: 1.6; color: #000; position: relative; }
.related-recipes ul li a:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; opacity: 0;
-webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
.related-recipes ul li a:hover:before { opacity: .4; visibility: visible; }
.related-recipes ul li img { width: 100%; height: auto; display: block; margin-bottom: 15px; }
.related-recipes figure { display: block; height: 0; padding-top: 100%; background-size: cover; background-position: 50% 50%; }

/*
	Comment Form Styles
*/

.comments {  }

.comments label { display: block; text-transform: uppercase; font-size: 15px; }
.comments p { margin-bottom: 10px; }
.comments .ERComment { display: none; }

.comments .comment-form-comment label { display: none; }
.comments .comment-form-comment textarea { width: 100%; }

.comments textarea,
.comments input { border: 1px solid #000; padding: 3px 8px; }

.comments .form-submit { margin-top: 20px; }

.subscribe-form .gform_footer .gform_button,
.section-subscribe .section-inner .gform_wrapper .gform_footer .gform_button,
.comments .form-submit .submit { padding: 5px 10px 0; color: #fff; border: 1px solid #000; background: #000; font-family: 'stymie-sc', serif; line-height: 1.2; font-size: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: .1em;
	-webkit-transition: all .3s;
	     -o-transition: all .3s;
	    	transition: all .3s;
}

.subscribe-form .gform_footer .gform_button:hover,
.section-subscribe .section-inner .gform_wrapper .gform_footer .gform_button:hover,
.comments .form-submit .submit:hover { background: #fff; color: #000; }

.section-subscribe .section-inner #wp_rp_first { display: none}

/*
	Receipt pagination
*/

.single-post .paging { padding: 20px 70px; position: relative; display: block; overflow: hidden; }
.single-post .paging a { text-decoration: none; text-align: right; font-family: 'stymie-sc', serif; line-height: 1.2; font-size: 18px; font-weight: normal; text-transform: uppercase; }
.single-post .paging a > strong { display: block; }
.single-post .paging a span { font-family: 'acumin-pro-condensed', sans-serif; font-size: 16px; line-height: 1.6; color: #000; text-transform: none; }

.single-post .paging a:after,
.single-post .paging:after { clear: both; content: ''; display: table; }

.single-post .paging .next  { float: right; }
.single-post .paging .prev { float: left; text-align: left; }

.single-post .paging .prev .ico-prev,
.single-post .paging .next .ico-next { display: inline-block; }

.single-post .paging .prev .ico-prev { background: url( 'images/arrow-prev.png' ); width: 22px; height: 24px; }
.single-post .paging .next .ico-next { background: url( 'images/arrow-next.png' ); width: 22px; height: 24px; }

/*
	Subscribe section
*/

.section-subscribe { padding: 21px 35px; text-align: center; }
.section-subscribe .section-inner { background: #c0bcbd; padding: 21px 190px 30px 190px; }
.section-subscribe .section-inner:after { clear: both; content: ''; display: table; }
.section-subscribe .section-inner h1 { font-family: 'stymie-sc', serif; line-height: 1.2; letter-spacing: .2em; font-weight: 700; margin-bottom: 0; text-transform: uppercase; }
.section-subscribe .section-inner p { font-family: 'acumin-pro-condensed', sans-serif; font-size: 16px; line-height: 1.6; color: #000; text-transform: none; padding: 0 20px; letter-spacing: .9px; }

.gforms_confirmation_message { clear: both; }

.section-subscribe .section-inner .gform_wrapper { display: block; width: 100%; padding-top: 25px; overflow: visible; clear: both; }
.section-subscribe .section-inner .gform_wrapper .gform_body { display: inline-block; width: 79%; vertical-align: top; }
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield.gfield_error,
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield { display: inline-block; width: 48%; margin: 0; vertical-align: top; padding: 0; }
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield .validation_message { padding: 0; font-size: 16px; }
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield.gfield_error { background: none; padding: 0; border: none !important; }
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield.gfield_error input { border: 2px solid #790000 !important; }

.section-subscribe .section-inner .gform_wrapper .gform_body .gfield .ginput_container { margin: 0; }
.section-subscribe .section-inner .gform_wrapper .gform_body .gfield + .gfield {  margin-left: 2% !important;}

.section-subscribe .section-inner .gform_wrapper .gform_footer { display: inline-block; width: 20%; position: relative; vertical-align: top; padding: 0; margin: 0; }

.section-subscribe .section-inner .gform_wrapper .gfield_label { display: none; }
.section-subscribe .section-inner .gform_wrapper input { border: 2px solid #000; padding: 5px 25px !important; font-size: 20px !important; }

.subscribe-form .gform_footer .gform_button,
.section-subscribe .section-inner .gform_wrapper .gform_footer .gform_button { padding: 9px 10px 4px !important; font-size: 24px !important; margin-right: 0; }

.section-subscribe .gform_ajax_spinner { position: absolute; bottom: -40px; right: 0; width: 44px; height: 34px; }

::-webkit-input-placeholder {
   color: #c0bcbd;
}

:-moz-placeholder { /* Firefox 18- */
   color: #c0bcbd;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #c0bcbd;
}

:-ms-input-placeholder {
   color: #c0bcbd;
}

.section-subscribe .section-image { float: left; max-width: 15%; }
.section-subscribe .section-content { float: right; max-width: 85%; width: 100%; margin-bottom: 25px; }

/* ------------------------------------------------------------ *\
	Section Video Styles
\* ------------------------------------------------------------ */

.section-video { margin-bottom: 50px; }
.section-video .videogallery { min-height: 500px; }

/* ------------------------------------------------------------ *\
	Section Embedded
\* ------------------------------------------------------------ */

.section-embedded { height: 0; padding-bottom: 56.25%; position: relative; margin: 35px 0 50px; }
.section-embedded iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;  }

/* ------------------------------------------------------------ *\
	Section Grid
\* ------------------------------------------------------------ */

.section-grid { }
.section-grid .section-grid-item { position: relative; height: 0; padding-bottom: 77%; background-size: cover; background-repeat: no-repeat; background-position: center;  }
.section-grid .section-grid-item h4 { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(193,193,194,.8); padding: 5px 20px;  }
.section-grid .section-grid-item-full { padding-bottom: 255px; }
.section-grid ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.section-grid ul li { width: 50%; margin-bottom: 50px;  }
.section-grid ul li:nth-child(odd) { padding-right: 40px; }
.section-grid ul li:nth-child(even)  { padding-left: 40px; }
.section-grid ul li:last-child  { width: 100%; padding: 0;  }

@media(max-width: 1200px){
	.section-grid .section-grid-item h4 { font-size: 16px; }
	.section-grid ul li:nth-child(odd) { padding-right: 20px; }
	.section-grid ul li:nth-child(even)  { padding-left: 20px; }
}

@media(max-width: 1200px){
	.section-grid ul li { width: 100%; margin-bottom: 30px;  }
	.section-grid ul li:nth-child(odd),
	.section-grid ul li:nth-child(even)  { padding: 0; }

	.section-grid .section-grid-item-full { padding-bottom: 150px; }
}


.single-post .sidebar { margin-top: 40px; }

.page-template-recipes-landing .sidebar { margin-top: 30px; }

#bo_clipper { top: 50% !important; left: 50% !important; right: auto; bottom: auto;
	-webkit-transform: translate(-50%,-50%);
    	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%); }

@media only screen and (max-width: 1023px){
	.single-post .content { width: calc(100% - 270px); }

	.section-subscribe { padding: 0; margin: 30px 0; }
	.section-subscribe .section-inner { padding: 22px 10px; }

	.section-subscribe .section-image { float: none; display: block; margin: 0 auto 30px; }
	.section-subscribe .section-content { float: none; max-width: 100%; margin: 0; }
	.section-subscribe .section-content h1 { font-size: 29px; margin-bottom: 25px; }
	.section-subscribe .section-inner p { font-size: 17px; }

	.related-recipes ul li { width: 50%; margin-bottom: 15px; }

	.section-subscribe .section-inner .gform_wrapper { font-size: 0; }
	.section-subscribe .section-inner .gform_wrapper .gform_footer { width: 30%; }
	.section-subscribe .section-inner .gform_wrapper .gform_body { width: 70%; }

	.section-video .videogallery { min-height: 300px; }
}

@media only screen and (max-width: 767px){
	.section-receipt .section-image { display: none; }
	.section-receipt .section-image-mobile { display: block; margin-bottom: 20px; }

	.single-post .content { border-left: none; width: auto; }

	.section-receipt .section-head { display: block; }
	.section-receipt .section-head .welcome-title { display: block; }

	.section-receipt .section-head .socials { margin-top: 30px; }
	.section-receipt .section-head .socials h4,
	.section-receipt .section-head .socials { text-align: center; }
	.section-receipt .section-head .socials h4 { font-size: 18px; font-family: 'stymie-sc', serif; line-height: 1.2; letter-spacing: .2em; font-weight: 700; }


	.related-recipes ul li p { margin-top: 15px; }

	.comments textarea,
	.comments input { width: 100%; }

	.comments .form-submit .submit { width: auto; }


	.section-subscribe .section-inner .gform_wrapper .gform_footer,
	.section-subscribe .section-inner .gform_wrapper .gform_body { display: block; width: 100%; }
	.section-subscribe .section-inner .gform_wrapper .gform_body .gfield.gfield_error,
	.section-subscribe .section-inner .gform_wrapper .gform_body .gfield { display: block; width: 100%; margin-bottom: 25px; border: none !important; }
	.section-subscribe .section-inner .gform_wrapper .gform_body .gfield.gfield_error input { border: 2px solid #790000 !important; }
	.section-subscribe .section-inner .gform_wrapper .gform_body .gfield input { padding: 0px 25px !important; }
	.section-subscribe .section-inner .gform_wrapper .gform_body .gfield + .gfield { margin-left: 0 !important; }

	.section-subscribe .section-inner .gform_wrapper .gform_footer .gform_button { padding: 5px 10px 0px !important; font-size: 19px !important; }

	.single-post .paging { padding: 20px 0; }
	.single-post .paging a span { display: block; }
	.single-post .paging a { max-width: 50%; }
}

@media only screen and (max-width: 480px){
	.related-recipes ul li { display: block; width: 100%; margin-bottom: 15px; }

	.section-video .videogallery { min-height: 220px; height: 220px !important; margin-bottom: 70px;  }
}

/* ------------------------------------------------------------ *\
	Loader
\* ------------------------------------------------------------ */

.loader { text-align: center;  position: relative; top: 0px; display: none;  }
.loader img { width: 50px; }

body.loading .loader { display: block; }
.filter-content .loader { display:none; }

.filter-content.loading:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: #fff; opacity: 0.7; z-index: 10; }
.filter-content.loading .loader { display:block; z-index: 20; position:absolute; top: 50%; left: 200px;}

.comment,
.pingback  { list-style: none; }
.comment-entry { padding: 0 0 20px 5px; }
.comment-entry .comment-meta { padding-bottom: 10px; }
.comment-entry .comment-author { padding-bottom: 15px; }
.comment-entry .comment-author img { margin-right: 10px; }
.comment-entry .comment-reply a { background-color:#000; color: #fff; padding: 6px; text-decoration: none; border: 1px solid #000;  }
.comment-entry .comment-reply { padding: 5px 0 5px 0; }
.comment-entry .comment-reply a:hover { background-color:#fff; color:#000; }

/* ------------------------------------------------------------ *\
	Section Favorites
\* ------------------------------------------------------------ */

.section-favorites { padding-top: 109px; }
.section-favorites .section-head { padding-bottom: 39px; }

.section-favorites .section-head h2 { font-size: 36px; }
.section-favorites .section-head ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }
.section-favorites .section-head ul li { padding: 0 5px; position: relative; line-height: 1; }
.section-favorites .section-head ul li:first-child { padding-left: 0; }
.section-favorites .section-head ul li:first-child:after { display: none; }
.section-favorites .section-head ul li:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; }
.section-favorites .section-head ul li a { font-size: 16px; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.section-favorites .section-head ul li a:hover { color: #565656; }

.section-favorites .section-body { padding-right: 98px; }

@media(max-width: 1175px){
	.section-favorites .section-body { padding-right: 0; }
}

@media(max-width: 1023px){
	.section-favorites .section-head ul li a { font-size: 16px; }
}

@media(max-width: 767px){
	.section-favorites { padding-top: 45px; }
	.section-favorites .section-head ul { display: block; text-align: center; }
	.section-favorites .section-head ul li { margin-bottom: 8px; padding: 0; }
	.section-favorites .section-head ul li:after { display: none; }
	.section-favorites .section-head ul li a { font-size: 23px; }
}

/* ------------------------------------------------------------ *\
	Catagory
\* ------------------------------------------------------------ */

.category-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; }

.category { padding-bottom: 15px; }
.category a:not(.nav-toggle) { text-decoration: none; display: block; }
.category a:not(.nav-toggle):hover { color: #565656; }

.category .category-head { padding-bottom: 10px; }
.category .category-head h5 { text-transform: uppercase; font-size: 24px; }

.category .category-item { width: 25%;  padding: 0 7px; margin-bottom: 50px; }
.category .category-item-image { padding-top: 100%; ;  background-size: cover; background-position: center; position: relative; margin-bottom: 10px; }
.category .category-item-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.category .category-item-caption p { font-size: 20px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.2; }
.category .category-item-caption a { text-align: center; }

@media(max-width: 1023px){
	.category .category-item { width: 50%; }
}

p.disclaimer {font-size: 12px; text-align: center; line-height: 1.2em; padding: 20px }


/* ------------------------------------------------------------ *\
	Section Message
\* ------------------------------------------------------------ */

.section-message { background-color: #000; color: #fff; padding: 35px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 55px; }
.section-message h5  { text-transform: uppercase; font-size: 15px; line-height: 1.1; }
.section-message p  { font-size: 17px; line-height: 1.1; }
.section-message p a { text-decoration: none; }
.section-message .section-image { width: 60px; margin-bottom: 0; }
.section-message .section-content { width: calc(100% - 60px); padding-left: 20px; }

@media(max-width: 767px){
	.section-message { padding: 15px; }
	.section-message .section-image { display: block; width: 100%; margin-bottom: 15px; }
	.section-message .section-image img { max-width: 60px; }
	.section-message .section-content {  width: 100%; padding: 0; }
}
