/*
Theme Name: Smitten Kitchen
Theme URI: http://components.underscores.me/
Author: Automattic Team 51
Author URI: http://concierge.wordpress.com
Description: Custom theme for smittenkitchen.com, designed for use on WordPress.com VIP.
Version: 1.0.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smittenkitchen
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Smitten Kitchen is based on Components http://components.underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Structure
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Adapted from http://thesassway.com/intermediate/simple-grid-mixins */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1, .entry-title,
.page-title {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, #infinite-handle span,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button, #infinite-handle span {
  overflow: visible; }

button, #infinite-handle span,
select {
  text-transform: none; }

button, #infinite-handle span,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], #infinite-handle span[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, #infinite-handle span::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body,
button,
#infinite-handle span,
input,
select,
textarea {
  color: #50565a;
  font-family: franklin-gothic-urw-1, franklin-gothic-urw, "FranklinGothic URW", "Open Sans", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4; }

h1, .entry-title,
.page-title,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #6B7794;
  font-family: franklin-gothic-urw-1, franklin-gothic-urw, "FranklinGothic URW", "Open Sans", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2; }
  h1 a, .entry-title a,
  .page-title a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: #6B7794;
    text-decoration: none; }

h1, .entry-title,
.page-title {
  font-size: 46px;
  font-size: 4.6rem; }

h2 {
  font-size: 2.441em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.563em; }

h5 {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px dashed #6B7794;
  color: #6B7794;
  font-weight: 500;
  margin-bottom: 16px;
  margin-top: 32px;
  padding-bottom: 8px; }

h6 {
  font-size: 1em; }

.flourished-text {
  color: #b5bbca;
  font-size: 30px;
  font-size: 3rem;
  font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
  text-transform: initial; }
  .flourished-text::before, .flourished-text::after {
    content: '\00B7';
    display: inline-block;
    font-size: 0.6em;
    margin: 0;
    vertical-align: 2px; }
  .flourished-text::before {
    margin-right: 6px; }
  .flourished-text::after {
    margin-left: 4px; }

p {
  margin-bottom: 1.5em;
  text-align: left; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

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

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

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

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

big {
  font-size: 125%; }

strong, b {
  font-weight: 500; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

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

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #939a9f;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 0;
  padding: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

.entry-content li {
  margin-left: 0.5em;
  margin-bottom: 0.75em; }

.entry-content ul li {
  list-style: none;
  position: relative; }

.entry-content ul li::before {
  content: '\b7\a0';
  font-size: 1.25em;
  line-height: 1.25;
  position: absolute;
  right: 100%; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

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

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

@media (max-width: 639px) {
  .hide-small {
    display: none; } }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, #infinite-handle span,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: repeating-linear-gradient(45deg, #f0f1f4, #f0f1f4 1px, white 1px, white 6px);
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid;
  border-color: #a6adbf;
  border-radius: 0;
  color: #6B7794;
  font-weight: 500;
  line-height: 1;
  padding: 1.25rem 3rem;
  -webkit-appearance: none; }
  button:hover, #infinite-handle span:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    background: repeating-linear-gradient(45deg, #f8ecf0, #f8ecf0 1px, white 1px, white 6px);
    border-color: #d68fa4;
    color: #bb4467; }
  button:active, #infinite-handle span:active, button:focus, #infinite-handle span:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    background: #fff;
    border-color: #565f76;
    color: #d2d6de; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #50565a;
  border: 1px solid #939a9f;
  border-radius: 0;
  -webkit-appearance: none; }
  @media (max-width: 639px) {
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea {
      width: 100%; } }
  @media (min-width: 640px) {
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea {
      min-width: 370px; } }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    border-color: #6B7794;
    box-shadow: 0 0 2px 1px rgba(107, 119, 148, 0.5);
    color: #6B7794;
    outline: none; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  box-sizing: border-box;
  padding: 0.65rem 0.7rem;
  vertical-align: top; }

textarea {
  padding: 0.5rem 0.7rem;
  width: 100%; }

label {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  margin-top: 16px;
  width: 100%; }
  label span {
    color: #50565a;
    margin-left: 4px;
    font-weight: 400; }

/* Checkboxes */
input[type="checkbox"] + label {
  display: inline-block;
  margin-top: 0;
  width: auto; }

/* Search forms */
@media (max-width: 639px) {
  .search-form {
    text-align: center; }
  .search-submit {
    margin: 8px auto; } }

@media (min-width: 640px) {
  .search-form label {
    display: inline; }
  .search-input {
    display: inline-block;
    width: calc(100% - 200px); }
  .search-submit {
    display: inline-block;
    width: 200px; } }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #6B7794;
  text-decoration: none;
  transition: all 400ms ease-in-out; }
  a:visited {
    color: #6B7794; }
  a:hover, a:focus, a:active {
    color: #bb4467; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

.entry-content a,
.page-content a,
.entry-summary a {
  color: #bb4467; }
  .entry-content a:hover,
  .page-content a:hover,
  .entry-summary a:hover {
    background: #f1f1f5;
    color: #222527; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0; }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: auto; }

.main-navigation li {
  display: inline-block;
  position: relative; }

.main-navigation a {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  font-weight: 500; }

/* Mobile menu */
@media (max-width: 639px) {
  .menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    outline: none;
    padding: 0;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .menu-toggle:hover {
      background: none;
      opacity: 1; }
    .menu-toggle:active {
      background: rgba(0, 0, 0, 0.1);
      transition: 0; }
    .menu-toggle .lines {
      display: inline-block;
      width: 28px;
      height: 3px;
      background: #6B7794;
      transition: 0.3s;
      position: relative; }
      .menu-toggle .lines:before, .menu-toggle .lines:after {
        display: inline-block;
        width: 28px;
        height: 3px;
        background: #6B7794;
        transition: 0.3s;
        position: absolute;
        left: 0;
        content: '';
        -ms-transform-origin: 2px center;
        transform-origin: 2px center; }
      .menu-toggle .lines:before {
        top: 7px; }
      .menu-toggle .lines:after {
        top: -7px; }
  .main-navigation.toggled .menu-toggle .lines {
    background: transparent; }
    .main-navigation.toggled .menu-toggle .lines:before, .main-navigation.toggled .menu-toggle .lines:after {
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 28px; }
    .main-navigation.toggled .menu-toggle .lines:before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .main-navigation.toggled .menu-toggle .lines:after {
      transform: rotate3d(0, 0, 1, -45deg); }
  .main-navigation.toggled ul:not(.sub-menu) {
    background: #fff;
    border-bottom: 1px solid #6B7794;
    border-top: 1px solid #d2d6de;
    display: block;
    left: 0;
    margin: 16px 0 0 -17px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%;
    z-index: 1000; }
  .main-navigation.toggled ul li {
    display: block; }
  .main-navigation.toggled ul a {
    border-bottom: 1px dashed #d2d6de;
    line-height: 1.6;
    padding: 1.5rem 2rem;
    width: 100%; }
  .main-navigation.toggled ul a:hover,
  .main-navigation.toggled ul li.focus a {
    background: #fafafb;
    color: #8992a9; }
  .main-navigation.toggled ul li:last-of-type > a {
    border-bottom: none; }
  .main-navigation.toggled .menu-item-has-children > a {
    display: none; }
  .main-navigation.toggled ul.sub-menu {
    display: block; }
  .surprise-button {
    right: 30px;
    position: absolute;
    top: -2px; }
  #smittenkitchen-search:not(.smittenkitchen-search-open) #smittenkitchen-search-button {
    right: auto;
    left: 60px;
    top: -19px; }
  #smittenkitchen-search-button {
    background: #fff; }
  /* Sticky menu */
  body {
  	overflow-x: hidden;
  }
  #masthead {
    border-bottom: 1px solid #f1f1f5;
    padding-bottom: 8px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	max-width: 100vw;
    z-index: 2000000; }
  #masthead.open {
  	position: absolute;
  }
  #content {
    margin-top: 50px; }
  .admin-bar #masthead {
    top: 46px; }
  .admin-bar #content {
    margin-top: 48px; }
  #wpadminbar {
    position: fixed !important; } }

/* Expanded menu for tablets and above */
@media (min-width: 640px) {
  .menu-toggle,
  .main-navigation .surprise-button {
    display: none; }
  .main-navigation ul {
    display: block; }
  .main-navigation li a {
    font-size: 18px;
    font-size: 1.8rem;
    padding-right: 4px; }
    .main-navigation li a::after {
      content: ' \00B7';
      display: inline;
      padding-left: 4px; }
  .main-navigation li:last-of-type a::after {
    display: none; }
  /* Sub-menus */
  .main-navigation ul ul {
    background: #fff;
    border-bottom: 1px solid #6B7794;
    float: left;
    min-width: 200px;
    position: absolute;
    top: 1.4em;
    left: -999em;
    z-index: 99999;
    /* This is just here to make it easier to scroll down to the drop-down */
    /* Sub-sub menus (not used) */ }
    .main-navigation ul ul::after {
      content: '';
      display: block;
      height: 30px;
      left: 0;
      position: absolute;
      top: -1.5em;
      width: 100%; }
    .main-navigation ul ul ul {
      left: -999em;
      top: 0; }
    .main-navigation ul ul li {
      display: block; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%; }
    .main-navigation ul ul a {
      background: #f1f1f5;
      border-bottom: 1px dashed #d2d6de;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0.8rem 1.6rem;
      text-align: left;
      white-space: nowrap;
      width: 100%; }
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a,
    .main-navigation ul ul a:hover {
      background: #fafafb;
      color: #8992a9; }
    .main-navigation ul ul li:last-of-type a {
      border-bottom: none; } }

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

.comment-navigation .smittenkitchen-icon-arrow,
.posts-navigation .smittenkitchen-icon-arrow,
.post-navigation .smittenkitchen-icon-arrow {
  margin-left: -5px;
  margin-right: -5px;
  vertical-align: -9px; }

.comment-navigation .nav-next .smittenkitchen-icon-arrow,
.posts-navigation .nav-next .smittenkitchen-icon-arrow,
.post-navigation .nav-next .smittenkitchen-icon-arrow {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media (max-width: 639px) {
  .comment-navigation .nav-links div,
  .posts-navigation .nav-links div,
  .post-navigation .nav-links div {
    border-bottom: 1px solid #d2d6de;
    border-top: 1px solid #d2d6de;
    text-align: center; }
    .comment-navigation .nav-links div a,
    .posts-navigation .nav-links div a,
    .post-navigation .nav-links div a {
      display: block;
      padding: 8px;
      width: 100%; }
  .comment-navigation .nav-links div + div,
  .posts-navigation .nav-links div + div,
  .post-navigation .nav-links div + div {
    border-top: none; } }

@media (min-width: 640px) {
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
    float: left;
    padding-top: 8px;
    width: 50%; }
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    padding-top: 8px;
    text-align: right;
    width: 50%; } }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text, .sd-content span {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .sd-content span:hover, .screen-reader-text:active, .sd-content span:active, .screen-reader-text:focus, .sd-content span:focus {
    background-color: #939a9f;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #222527;
    display: block;
    font-size: 8.75px;
    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: 100000;
    /* Above WP toolbar. */ }

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

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

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

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

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 32px;
  /* Make sure select elements and inputs fit in nicely with their friends. */
  /* Center input buttons */ }
  .widget select {
    max-width: 100%; }
  .widget input[type="text"],
  .widget input[type="email"],
  .widget input[type="url"],
  .widget input[type="password"],
  .widget input[type="search"],
  .widget textarea {
    min-width: 100px;
    width: 100%;
    max-width: 100%; }
  .widget input[type="submit"] {
    margin: 8px auto; }

.widget-title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px dashed #6B7794;
  color: #6B7794;
  font-weight: 500;
  margin-bottom: 16px;
  padding-bottom: 8px; }

/* Search widget */
.widget_search .search-form .search-field {
  margin-top: 16px;
  width: 100%; }

.widget_search .search-submit {
  display: none; }

/* Lists in widgets (pages, categories, comments, etc) */
.widget ul {
  list-style-type: none;
  margin: -16px 0 0 0;
  padding: 0; }
  .widget ul a {
    border-bottom: 1px dashed #d2d6de;
    display: block;
    padding: 10px 0;
    text-decoration: none; }
    .widget ul a:hover {
      background-color: #f1f1f5;
      color: #222527; }
  .widget ul .sub-menu {
    margin-left: 1em;
    padding: 0; }

/* Archive widgets */
.widget_archive ul li,
.widget_categories ul li {
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .widget_archive ul li a,
  .widget_categories ul li a {
    border: none;
    -ms-flex-order: 1;
    order: 1; }
    .widget_archive ul li a:hover,
    .widget_categories ul li a:hover {
      background-color: transparent; }
  .widget_archive ul li::before,
  .widget_categories ul li::before {
    border-bottom: 1px dotted #939a9f;
    content: "";
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-order: 2;
    order: 2;
    margin: 0.25em 3px; }
  .widget_archive ul li .post-count,
  .widget_categories ul li .post-count {
    -ms-flex-order: 3;
    order: 3;
    padding-top: 0.5em; }
  .widget_archive ul li ul,
  .widget_categories ul li ul {
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 1em; }

/* Comment widget */
.widget_recent_comments li {
  border-bottom: 1px dashed #d2d6de;
  font-style: italic;
  padding: 7px 0; }
  .widget_recent_comments li:hover {
    background: #f1f1f5; }
  .widget_recent_comments li a {
    border: 0;
    display: inline-block;
    font-style: normal; }
    .widget_recent_comments li a:hover {
      background: none; }

/* RSS widget */
.widget_rss .rsswidget {
  margin-bottom: -7px; }

.widget_rss .rssSummary {
  font-style: italic; }

.widget_rss cite {
  display: block;
  font-style: normal;
  padding-bottom: 7px;
  text-align: right; }

/* Text widget */
.textwidget {
  font-size: 19px;
  font-size: 1.9rem; }

/* Tag cloud widget */
/* Calendar widget */
.widget_calendar {
  line-height: 2.4; }
  .widget_calendar #calendar-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px; }
  .widget_calendar caption {
    margin-bottom: 5px; }
  .widget_calendar thead {
    border-bottom: 1px solid #939a9f; }
  .widget_calendar td {
    text-align: center; }
  .widget_calendar #prev {
    text-align: left; }
  .widget_calendar #next {
    text-align: right; }

/* Image widget */
.widget_media_image figure {
  display: block;
  margin-top: 0;
  position: relative;
  line-height: 0;
  margin: 0;
  max-width: 100%; }
  .widget_media_image figure img {
    filter: brightness(0.7);
    height: auto;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .widget_media_image figure a::before {
    border: 1px solid rgba(255, 255, 255, 0.25);
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 100; }
  .widget_media_image figure a:hover::before {
    border-color: #fff; }
  .widget_media_image figure:hover img {
    filter: brightness(0.8); }
  .widget_media_image figure figcaption {
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
    z-index: 10; }
    @media (min-width: 640px) {
      .widget_media_image figure figcaption {
        width: calc(100% - 16px); } }
  .widget_media_image figure figcaption {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 15%;
    max-width: 70%;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(34, 37, 39, 0.5); }
    .widget_media_image figure figcaption a {
      color: #fff; }

.widget_media_image figcaption {
  margin: -20px 15%; }

#tertiary .widget_media_image figure,
#tertiary .widget_media_image figure img {
  max-width: 100%;
  width: 100%; }

#tertiary .widget_media_image figure img {
  margin: 0; }

#tertiary .widget_media_image figure figcaption {
  display: none;
  top: 7px; }

#tertiary .widget_media_image figure:hover figcaption {
  display: block; }

/* MailChimp widget */
.widget_mailchimp_signup_form .mce-submit {
  text-align: center; }

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts & pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 64px 0; }

.single .hentry {
  margin-bottom: 0; }

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

.page-content,
.entry-content,
.entry-summary {
  margin: 16px 0 0; }

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
/* Post thumbnails */
.post-thumbnail-container {
  background: repeating-linear-gradient(45deg, #fff, #fff 1px, #f1f1f5 1px, #f1f1f5 6px);
  line-height: 0;
  position: relative;
  z-index: 1; }

/* Thumbnail placeholders */
.smittenkitchen-thumb-placeholder {
  width: 100%;
  height: 300px; }

.smittenkitchen-thumb-placeholder,
.smittenkitchen-thumbnail,
.post-navigation-container {
  display: block;
  margin-top: 16px; }

/* Post navigation (within thumbnail) */
.post-thumbnail-container .post-navigation {
  margin: 0; }

.post-thumbnail-container .nav-links div {
  border: none; }

.post-thumbnail-container .nav-previous {
  position: absolute;
  top: calc(50% - 40px);
  left: 0; }

.post-thumbnail-container .nav-next {
  position: absolute;
  top: calc(50% - 40px);
  right: 0; }

.post-thumbnail-container .smittenkitchen-icon-arrow {
  fill: #fff;
  height: 80px;
  opacity: 0.5;
  width: 80px; }

.post-thumbnail-container a:hover .smittenkitchen-icon-arrow {
  opacity: 1; }

/* Primary category ribbon */
.smittenkitchen-primary-category {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  background: #6B7794;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  padding: 4px 12px;
  position: absolute;
  top: 10px;
  left: -6px;
  z-index: 100; }

/* Entry titles */
.entry-title,
.page-title {
  line-height: 1;
  margin: 16px 0 8px; }
  .entry-title a,
  .page-title a {
    color: #6B7794; }
  .entry-title span,
  .page-title span {
    font-weight: bolder; }

/* Entry meta */
.entry-meta {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  color: #939a9f;
  margin: 0; }
  .entry-meta a {
    color: #939a9f; }
    .entry-meta a:hover {
      color: #bb4467; }

/* Spacer between elements */
.edit-link::before,
#smittenkitchen-jump-links::before,
.reply-link a::before,
.comments-link::before,
.blog .cat-links::before {
  content: '\ \00B7\ ';
  display: inline; }

/* Entry content */
.entry-content {
  margin-top: 0; }

/* Page links (mostly unused) */
.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/* Read more links */
.more-link {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase; }
  .more-link span {
    font-size: 150%;
    vertical-align: -1px; }

/*--------------------------------------------------------------
## Abbreviated post styling
--------------------------------------------------------------*/
.abbreviated, .blog .post:nth-of-type(n+5), .smittenkitchen-recipe-collection {
  position: relative;
  display: block;
  margin-top: 0;
  position: relative;
  margin-bottom: 8px; }
  .abbreviated img, .blog .post:nth-of-type(n+5) img, .smittenkitchen-recipe-collection img {
    filter: brightness(0.7);
    height: auto;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .abbreviated .smittenkitchen-thumbnail::before, .blog .post:nth-of-type(n+5) .smittenkitchen-thumbnail::before, .smittenkitchen-recipe-collection .smittenkitchen-thumbnail::before {
    border: 1px solid rgba(255, 255, 255, 0.25);
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 100; }
  .abbreviated .smittenkitchen-thumbnail:hover::before, .blog .post:nth-of-type(n+5) .smittenkitchen-thumbnail:hover::before, .smittenkitchen-recipe-collection .smittenkitchen-thumbnail:hover::before {
    border-color: #fff; }
  .abbreviated:hover img, .blog .post:hover:nth-of-type(n+5) img, .smittenkitchen-recipe-collection:hover img {
    filter: brightness(0.8); }
  .abbreviated .entry-header, .blog .post:nth-of-type(n+5) .entry-header, .smittenkitchen-recipe-collection .entry-header {
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
    z-index: 10; }
    @media (min-width: 640px) {
      .abbreviated .entry-header, .blog .post:nth-of-type(n+5) .entry-header, .smittenkitchen-recipe-collection .entry-header {
        width: calc(100% - 16px); } }
  .abbreviated .entry-title, .blog .post:nth-of-type(n+5) .entry-title, .smittenkitchen-recipe-collection .entry-title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 15%;
    max-width: 70%;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(34, 37, 39, 0.5); }
    .abbreviated .entry-title a, .blog .post:nth-of-type(n+5) .entry-title a, .smittenkitchen-recipe-collection .entry-title a {
      color: #fff; }
  .abbreviated:hover .smittenkitchen-thumbnail::before, .blog .post:hover:nth-of-type(n+5) .smittenkitchen-thumbnail::before, .smittenkitchen-recipe-collection:hover .smittenkitchen-thumbnail::before {
    border-color: #fff; }
  .abbreviated:hover img, .blog .post:hover:nth-of-type(n+5) img, .smittenkitchen-recipe-collection:hover img {
    filter: brightness(0.8); }
  .abbreviated .smittenkitchen-thumb-placeholder, .blog .post:nth-of-type(n+5) .smittenkitchen-thumb-placeholder, .smittenkitchen-recipe-collection .smittenkitchen-thumb-placeholder {
    filter: brightness(0.75);
    height: 201px;
    transition: all 200ms ease-in-out; }
  .abbreviated:nth-of-type(odd), .blog .post:nth-of-type(odd):nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(odd) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 640px) {
      .abbreviated:nth-of-type(odd), .blog .post:nth-of-type(odd):nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(odd) {
        margin-right: -4px;
        width: 50%;
        vertical-align: top;
        padding-left: 0;
        padding-right: 16px; }
        .abbreviated:nth-of-type(odd):first-child, .blog .post:nth-of-type(odd):first-child:nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(odd):first-child {
          padding-left: 0; }
        .abbreviated:nth-of-type(odd):last-child, .blog .post:nth-of-type(odd):last-child:nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(odd):last-child {
          padding-right: 0; } }
  .abbreviated:nth-of-type(even), .blog .post:nth-of-type(even):nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(even) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 640px) {
      .abbreviated:nth-of-type(even), .blog .post:nth-of-type(even):nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(even) {
        margin-right: -4px;
        width: 50%;
        vertical-align: top;
        padding-left: 16px;
        padding-right: 0; }
        .abbreviated:nth-of-type(even):first-child, .blog .post:nth-of-type(even):first-child:nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(even):first-child {
          padding-left: 0; }
        .abbreviated:nth-of-type(even):last-child, .blog .post:nth-of-type(even):last-child:nth-of-type(n+5), .smittenkitchen-recipe-collection:nth-of-type(even):last-child {
          padding-right: 0; } }

.framed {
  display: block;
  margin-top: 0;
  position: relative; }
  .framed img {
    filter: brightness(0.7);
    height: auto;
    transition: all 200ms ease-in-out;
    width: 100%; }
  .framed a::before {
    border: 1px solid rgba(255, 255, 255, 0.25);
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 100; }
  .framed a:hover::before {
    border-color: #fff; }
  .framed:hover img {
    filter: brightness(0.8); }
  .framed h2 {
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;
    z-index: 10; }
    @media (min-width: 640px) {
      .framed h2 {
        width: calc(100% - 16px); } }
  .framed h2 span {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 15%;
    max-width: 70%;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(34, 37, 39, 0.5); }
    .framed h2 span a {
      color: #fff; }
  .framed a {
    display: block;
    position: relative; }
  .framed a::before {
    bottom: 12px; }
  .framed img {
    filter: brightness(0.75);
    height: 201px;
    transition: all 200ms ease-in-out; }
  .framed h2 {
    top: 40px; }
  .framed:nth-of-type(odd) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 640px) {
      .framed:nth-of-type(odd) {
        margin-right: -4px;
        width: 50%;
        vertical-align: top;
        padding-left: 0;
        padding-right: 16px; }
        .framed:nth-of-type(odd):first-child {
          padding-left: 0; }
        .framed:nth-of-type(odd):last-child {
          padding-right: 0; } }
  .framed:nth-of-type(even) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 640px) {
      .framed:nth-of-type(even) {
        margin-right: -4px;
        width: 50%;
        vertical-align: top;
        padding-left: 16px;
        padding-right: 0; }
        .framed:nth-of-type(even):first-child {
          padding-left: 0; }
        .framed:nth-of-type(even):last-child {
          padding-right: 0; } }

/*--------------------------------------------------------------
## Single posts
--------------------------------------------------------------*/
/* Post footers */
.entry-footer {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  border-top: 1px dashed #d2d6de;
  padding: 16px 0; }

.sharedaddy {
  padding: 8px 0; }

h3.sd-title,
div.sharedaddy h3.sd-title {
  color: #50565a;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400; }
  h3.sd-title::before,
  div.sharedaddy h3.sd-title::before {
    display: none; }

.sd-content {
  display: inline; }
  .sd-content ul {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .sd-content li {
    display: inline;
    margin-left: 5px; }
    .sd-content li::before {
      display: none; }
  .sd-content .smittenkitchen-icon {
    height: 21px;
    vertical-align: -5px;
    width: 21px; }
  .sd-content a:hover {
    background: none; }
    .sd-content a:hover .smittenkitchen-icon {
      fill: #bb4467; }
  .sd-content span {
    position: relative; }
  .sd-content .share-end {
    display: none; }

/* Share by email box */
#sharing_email {
  background: #f1f1f5;
  padding: 16px;
  position: absolute;
  left: 0px !important;
  max-width: 430px; }
  @media (min-width: 640px) {
    #sharing_email {
      left: 20px !important; } }
  @media (min-width: 1024px) {
    #sharing_email {
      left: 100px !important; } }
  #sharing_email label {
    margin-top: 0;
    text-align: center; }
  #sharing_email input {
    margin: 8px 0; }
  #sharing_email #recaptcha_response_field {
    min-width: 0; }
  #sharing_email .sharing_cancel {
    float: right;
    font-size: .75em;
    margin-top: 20px;
    text-align: right; }

#jetpack-source_f_name {
  display: none !important;
  position: absolute !important;
  left: -9000px; }


.pd-rating {
  display: inline-flex !important;
  margin-left: 0;
}

.pd-rating::before {
  content: 'Rate this: ';
  color: #50565a;
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  margin-right: 4px;
}

.pd-rating span + div {
  display: none !important;
}

.pd-rating .rating-msg {
  display: none;
}

.tags-links {
  display: none; }

.mailchimp-signup {
  text-align: center; }
  .mailchimp-signup label {
    display: block; }
  .mailchimp-signup h2 {
    color: #b5bbca;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-align: center;
    text-transform: initial; }
    .mailchimp-signup h2::before, .mailchimp-signup h2::after {
      content: '\00B7';
      display: inline-block;
      font-size: 0.6em;
      margin: 0;
      vertical-align: 2px; }
    .mailchimp-signup h2::before {
      margin-right: 6px; }
    .mailchimp-signup h2::after {
      margin-left: 4px; }
  .mailchimp-signup input[type="email"] {
    vertical-align: bottom;
    width: 300px; }
  @media (max-width: 458px) {
    .mailchimp-signup input[type="submit"] {
      margin: 8px auto; } }

/*--------------------------------------------------------------
## All pages
--------------------------------------------------------------*/
/* Search results */
.search .page-title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  max-width: none;
  text-align: center; }
  .search .page-title span {
    color: #b5bbca;
    font-size: 30px;
    font-size: 3rem;
    font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-align: center;
    text-transform: initial;
    display: block;
    padding-top: 8px;
    text-transform: none; }
    .search .page-title span::before, .search .page-title span::after {
      content: '\00B7';
      display: inline-block;
      font-size: 0.6em;
      margin: 0;
      vertical-align: 2px; }
    .search .page-title span::before {
      margin-right: 6px; }
    .search .page-title span::after {
      margin-left: 4px; }

/* 404 page */
.error-404 .widget_recent_entries .widgettitle {
  display: none; }

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.blog .post:nth-of-type(n+5) .entry-meta,
.blog .post:nth-of-type(n+5) .entry-summary,
.blog .post:nth-of-type(n+5) .entry-footer {
  display: none; }

/*--------------------------------------------------------------
## Recipe archive page
--------------------------------------------------------------*/
.archive-title-prefix {
  display: none; }

.format-switcher svg {
  fill: #50565a;
  height: 40px;
  margin-left: -10px;
  vertical-align: bottom;
  width: 40px; }

.category-recipes .page-content h2 {
  color: #b5bbca;
  font-size: 30px;
  font-size: 3rem;
  font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
  text-transform: initial; }
  .category-recipes .page-content h2::before, .category-recipes .page-content h2::after {
    content: '\00B7';
    display: inline-block;
    font-size: 0.6em;
    margin: 0;
    vertical-align: 2px; }
  .category-recipes .page-content h2::before {
    margin-right: 6px; }
  .category-recipes .page-content h2::after {
    margin-left: 4px; }

.smittenkitchen-recipe-listing {
  font-size: 18px;
  font-size: 1.8rem;
  list-style-type: none;
  text-align: left; }
  .smittenkitchen-recipe-listing li {
    background: #f1f1f5;
    display: inline-block;
    margin: 4px;
    padding: 2px 8px; }
  .smittenkitchen-recipe-listing a {
    color: #6B7794;
    font-weight: 400; }
  .smittenkitchen-recipe-listing li:hover {
    background: #f8ecf0; }
  .smittenkitchen-recipe-listing li:hover a {
    background: none;
    color: #bb4467; }
  .smittenkitchen-recipe-listing .category-count {
    font-size: 14px;
    font-size: 1.4rem;
    color: #50565a;
    margin-left: 5px; }

.page-content .smittenkitchen-recipe-listing a {
  border-bottom: none; }

.pinterest-board {
  max-width: 100%;
  text-align: center; }
  .pinterest-board > span {
    margin: 0 auto;
    max-width: 100% !important; }

/* Recipe collections (tags) */
.smittenkitchen-recipe-collection h2 {
  color: #b5bbca;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
  text-transform: initial;
  color: #fff;
  position: absolute;
  margin: 0 auto;
  width: 100%; }
  .smittenkitchen-recipe-collection h2::before, .smittenkitchen-recipe-collection h2::after {
    content: '\00B7';
    display: inline-block;
    font-size: 0.6em;
    margin: 0;
    vertical-align: 2px; }
  .smittenkitchen-recipe-collection h2::before {
    margin-right: 6px; }
  .smittenkitchen-recipe-collection h2::after {
    margin-left: 4px; }

/*--------------------------------------------------------------
## Recipes
--------------------------------------------------------------*/
.entry-content .jetpack-recipe {
  border: 0;
  padding: 0; }

/* Recipe meta */
.entry-content .jetpack-recipe .jetpack-recipe-meta {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase; }

.jetpack-recipe-meta li::before {
  display: none; }

.jetpack-recipe .jetpack-recipe-meta li {
  float: none !important;
  display: inline;
  padding-right: 8px !important; }

.jetpack-recipe-meta li.jetpack-recipe-print {
  display: none; }

/* Recipe itself */
.jetpack-recipe {
  margin: 0 !important; }

.jetpack-recipe h4 {
  color: #b5bbca;
  font-size: 30px;
  font-size: 3rem;
  font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
  text-transform: initial; }
  .jetpack-recipe h4::before, .jetpack-recipe h4::after {
    content: '\00B7';
    display: inline-block;
    font-size: 0.6em;
    margin: 0;
    vertical-align: 2px; }
  .jetpack-recipe h4::before {
    margin-right: 6px; }
  .jetpack-recipe h4::after {
    margin-left: 4px; }

.jetpack-recipe-ingredients h4,
.jetpack-recipe-ingredients-title {
  color: #6B7794; }

.jetpack-recipe-ingredients ul,
.jetpack-recipe-ingredients ol {
  margin: 0 !important; }

.jetpack-recipe-ingredients ul h5:first-child {
  margin-top: 0 !important; }

.jetpack-recipe-ingredients ul li::before {
  display: none;
  line-height: 1; }

.jetpack-recipe h4 + ul,
.jetpack-recipe h4 + ol {
  margin-top: 16px; }

.jetpack-recipe-ingredients {
  background-color: #f1f1f5;
  border-bottom: 1px dashed #d2d6de;
  border-top: 1px dashed #d2d6de;
  margin: 0 auto;
  max-width: 500px;
  padding: 32px 32px; }
  .jetpack-recipe-ingredients ul {
    line-height: 1.2;
    margin-left: 1em; }
  .jetpack-recipe-ingredients li {
    margin-bottom: 0.5em; }

.jetpack-recipe-directions ol {
  list-style: none;
  counter-reset: directions; }
  .jetpack-recipe-directions ol li::before {
    background-color: #f1f1f5;
    border: 2px solid #6B7794;
    border-radius: 50%;
    content: counter(directions);
    counter-increment: directions;
    display: inline-block;
    height: 1.75em;
    line-height: 1.5;
    margin-right: 5px;
    text-align: center;
    width: 1.75em; }

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
/* Comment form */
#respond {
  padding: 8px 0 32px; }

.comment-reply-title {
  color: #b5bbca;
  font-size: 30px;
  font-size: 3rem;
  font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-align: center;
  text-transform: initial; }
  .comment-reply-title::before, .comment-reply-title::after {
    content: '\00B7';
    display: inline-block;
    font-size: 0.6em;
    margin: 0;
    vertical-align: 2px; }
  .comment-reply-title::before {
    margin-right: 6px; }
  .comment-reply-title::after {
    margin-left: 4px; }

#commentform {
  margin-top: 16px; }

#commentform .logged-in-as,
#commentform .comment-notes,
.sk-comment-guidelines {
  margin: 0 0 8px; }

.comment-form-sk-madethis,
.comment-form-sk-question {
  margin: 0; }

.form-submit {
  margin: 0; }

#form-allowed-tags {
  font-size: 9px;
  font-size: 0.9rem;
  font-style: italic; }
  #form-allowed-tags code {
    display: block;
    font-size: 8px;
    font-size: 0.8rem;
    font-style: normal; }

/* Comment title */
.comments-title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 16px;
  text-align: center; }
  .comments-title .comments-post-title {
    color: #b5bbca;
    font-size: 30px;
    font-size: 3rem;
    font-family: madre-script-1, madre-script, "Madre Script", "Open Sans", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-align: center;
    text-transform: initial;
    display: block; }
    .comments-title .comments-post-title::before, .comments-title .comments-post-title::after {
      content: '\00B7';
      display: inline-block;
      font-size: 0.6em;
      margin: 0;
      vertical-align: 2px; }
    .comments-title .comments-post-title::before {
      margin-right: 6px; }
    .comments-title .comments-post-title::after {
      margin-left: 4px; }

/* Comment filters (tabs at top of comment section) */
#comment-filters {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #6B7794;
  padding-left: 5px; }
  #comment-filters a {
    background: #f1f1f5;
    border: 1px solid #6B7794;
    border-bottom: none;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 4px 12px; }
  #comment-filters .active {
    background: #fff;
    border-bottom: 1px solid #fff;
    outline: none; }
  #comment-filters .smittenkitchen-icon {
    height: 18px;
    margin-right: 2px;
    vertical-align: -4px;
    width: 18px; }

/* Comment basics */
.comment-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  word-wrap: break-word; }

.comment {
  border-top: 1px dashed #d2d6de;
  padding: 16px 0 16px; }

.comment:first-of-type {
  border-top: 0; }

/* Comment author */
.comment-author .author-name {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 500; }

/* Comment content */
.comment-content {
  clear: left;
  font-size: 0.9em;
  margin: 0; }
  .comment-content p {
    margin: 8px 0; }
  .comment-content .comment-content a {
    word-wrap: break-word; }

/* Comment footer */
.comment-metadata {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-transform: uppercase; }

/* Comment reply form */
.comment-list .comment-form-sk-madethis,
.comment-list .comment-form-sk-question,
.comment-list .sk-comment-guidelines {
  display: none; }

.comment-list .comment-reply-title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: franklin-gothic-urw-1, franklin-gothic-urw, "FranklinGothic URW", "Open Sans", Arial, sans-serif; }
  .comment-list .comment-reply-title::before, .comment-list .comment-reply-title::after {
    display: none; }

#cancel-comment-reply-link {
  color: #939a9f; }
  #cancel-comment-reply-link::before {
    content: '(';
    display: inline; }
  #cancel-comment-reply-link::after {
    content: ')';
    display: inline; }

/* Child comments */
.children {
  list-style-type: none;
  margin-left: 32px;
  margin-bottom: 0; }
  .children .comment {
    border-top: 0; }

/* Post author comments */
.bypostauthor {
  border-top: 0;
  padding: 0; }
  .bypostauthor .comment-body {
    background-color: #f1f1f5;
    padding: 16px; }
  .bypostauthor .bypostauthor .children li:not(.bypostauthor) > .comment-body {
    background-color: #fff; }

.children .bypostauthor:last-of-type {
  padding-bottom: 8px; }

/* Pingbacks */
.pingback,
.trackback {
  font-style: italic;
  margin: 1em 0; }

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.site {
  margin: 0 auto;
  max-width: 656px;
  padding: 0 8px; }

/* Use a bit less top-padding on mobiles. */
@media (max-width: 639px) {
  .site-content .content-area {
    margin-top: 16px; } }

/* On tablet-sized devices, show sidebar and footer widgets in two columns. */
@media (min-width: 640px) and (max-width: 1023px) {
  .site-content .widget-area .widget:nth-of-type(odd),
  .footer-widget-area .widget-area:nth-of-type(odd) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; } }
  @media (min-width: 640px) and (max-width: 1023px) and (min-width: 640px) {
    .site-content .widget-area .widget:nth-of-type(odd),
    .footer-widget-area .widget-area:nth-of-type(odd) {
      margin-right: -4px;
      width: 50%;
      vertical-align: top;
      padding-left: 0;
      padding-right: 32px; }
      .site-content .widget-area .widget:nth-of-type(odd):first-child,
      .footer-widget-area .widget-area:nth-of-type(odd):first-child {
        padding-left: 0; }
      .site-content .widget-area .widget:nth-of-type(odd):last-child,
      .footer-widget-area .widget-area:nth-of-type(odd):last-child {
        padding-right: 0; } }

@media (min-width: 640px) and (max-width: 1023px) {
  .site-content .widget-area .widget:nth-of-type(even),
  .footer-widget-area .widget-area:nth-of-type(even) {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; } }
  @media (min-width: 640px) and (max-width: 1023px) and (min-width: 640px) {
    .site-content .widget-area .widget:nth-of-type(even),
    .footer-widget-area .widget-area:nth-of-type(even) {
      margin-right: -4px;
      width: 50%;
      vertical-align: top;
      padding-left: 32px;
      padding-right: 0; }
      .site-content .widget-area .widget:nth-of-type(even):first-child,
      .footer-widget-area .widget-area:nth-of-type(even):first-child {
        padding-left: 0; }
      .site-content .widget-area .widget:nth-of-type(even):last-child,
      .footer-widget-area .widget-area:nth-of-type(even):last-child {
        padding-right: 0; } }

/* On desktop-sized devices, we'll show a sidebar next to our content and increase the max-width accordingly. */
@media (min-width: 1024px) {
  .site {
    max-width: 1024px; }
  .site-content .content-area {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 32px; } }
  @media (min-width: 1024px) and (min-width: 640px) {
    .site-content .content-area {
      margin-right: -4px;
      width: 66.66667%;
      vertical-align: top;
      padding-left: 0;
      padding-right: 32px; }
      .site-content .content-area:first-child {
        padding-left: 0; }
      .site-content .content-area:last-child {
        padding-right: 0; } }

@media (min-width: 1024px) {
  .site-content .widget-area {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 32px; } }
  @media (min-width: 1024px) and (min-width: 640px) {
    .site-content .widget-area {
      margin-right: -4px;
      width: 33.33333%;
      vertical-align: top;
      padding-left: 32px;
      padding-right: 0; }
      .site-content .widget-area:first-child {
        padding-left: 0; }
      .site-content .widget-area:last-child {
        padding-right: 0; } }

.site-footer {
  clear: both;
  width: 100%; }

/* For now at least, hide the site title */
.site-branding {
  line-height: 0;
  /* Avoids a weird extra space under SVG */
  margin-bottom: -2px; }
  .site-branding .smittenkitchen-logo {
    fill: #6B7794; }
    .site-branding .smittenkitchen-logo .logo-text {
      display: none; }
  .site-branding .site-title {
    display: none;
    text-align: center; }
    .site-branding .site-title a {
      color: #6B7794;
      text-decoration: none; }

/* On small screens, the logo should be teensy and in the middle */
@media (max-width: 639px) {
  #masthead {
    background: #fff;
    text-align: center; }
  #masthead-wrapper {
    position: relative; }
  #site-navigation {
    left: 17px;
    line-height: 1.4;
    position: absolute;
    top: 18px;
    width: 100%; }
  .site-branding .smittenkitchen-logo {
    height: 61px;
    margin-bottom: -11px; } }

/* Search form */
#smittenkitchen-search {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%; }
  #smittenkitchen-search .search-form input[type="search"] {
    bottom: 4px;
    box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.75);
    margin: 0;
    max-width: calc(100% - 40px);
    opacity: 0;
    position: absolute;
    right: 30px;
    width: 0;
    visibility: hidden; }
  #smittenkitchen-search .search-submit {
    display: none; }

#smittenkitchen-search-button {
  cursor: pointer;
  bottom: 6px;
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px; }

/* Open search box */
#smittenkitchen-search.smittenkitchen-search-open input[type="search"] {
  opacity: 1;
  transition: all 0.25s linear;
  width: 300px;
  visibility: visible; }

/* On larger screens, arrange into columns */
@media (min-width: 640px) {
  #masthead {
    margin: 0px auto;
    text-align: center;
    width: 100%; }
  .site-branding .smittenkitchen-logo {
    height: 165px;
    margin-bottom: -30px;
    width: 260px; }
  #site-navigation {
    margin-top: 16px; }
  #smittenkitchen-search {
    margin-top: 6px;
    position: relative; } }

@media (min-width: 1024px) {
  #smittenkitchen-search {
    display: none; } }

/* Footer */
.site-footer {
  background: #f1f1f5;
  padding: 32px 8px; }
  .site-footer #footer-1 .widget_text {
    margin-bottom: -16px;
    text-align: center; }
  .site-footer .smittenkitchen-logo {
    fill: #6B7794;
    height: 80%;
    margin: 0 auto;
    max-width: 160px;
    width: 80%; }
    @media (min-width: 640px) {
      .site-footer .smittenkitchen-logo {
        max-width: 300px; } }
  .site-footer .footer-widget-area {
    margin: 0 auto;
    max-width: 1024px; }
    @media (min-width: 640px) and (max-width: 1023px) {
      .site-footer .footer-widget-area {
        max-width: 656px; } }
  .site-footer .widget-area {
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 640px) {
      .site-footer .widget-area {
        margin-right: -4px;
        width: 25%;
        vertical-align: top;
        padding-left: 16px;
        padding-right: 16px; }
        .site-footer .widget-area:first-child {
          padding-left: 0; }
        .site-footer .widget-area:last-child {
          padding-right: 0; } }

.site-info {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin: 16px 0;
  text-transform: uppercase;
  text-align: center; }

.smittenkitchen-published-date {
  display: none; }

#wpstats {
  display: none; }

.top-jump-link {
  opacity: 0;
  position: fixed;
  bottom: 0;
  right: 16px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
  .top-jump-link.visible {
    opacity: 0.4; }
  .top-jump-link:hover {
    opacity: 1; }
  .top-jump-link svg {
    fill: #6B7794;
    height: 40px;
    width: 40px; }
    @media (min-width: 640px) {
      .top-jump-link svg {
        height: 60px;
        width: 60px; } }
  @media (max-width: 639px) {
    .top-jump-link {
      display: none; } }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

#infinite-handle {
  padding: 16px 0 32px;
  text-align: center; }
  #infinite-handle span {
    margin: 0 auto;
    max-width: 300px; }
    @media (min-width: 1024px) {
      #infinite-handle span button, #infinite-handle span span,
      #infinite-handle span button:hover, #infinite-handle span span:hover,
      #infinite-handle span button:focus, #infinite-handle span span:focus {
        padding: 1.4rem 3rem 1.2rem; } }

.infinite-loader .spinner {
  left: auto !important;
  margin: 16px auto; }

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.entry-content .wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .entry-content .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .entry-content .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# SVG icons
--------------------------------------------------------------*/
/* Make sure to hide your sprite! */
.hide {
  display: none; }

/* Default colouration & size */
.smittenkitchen-icon {
  fill: #6B7794;
  height: 28px;
  width: 28px; }

/* Social menu */
.menu-social-menu-container ul {
  margin-top: 16px;
  text-align: center;
  /* Hide sub-menus */ }
  .menu-social-menu-container ul ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .menu-social-menu-container ul li {
    display: inline-block;
    vertical-align: middle;
 }
  .menu-social-menu-container ul a {
    border: none;
    display: inline-block;
    line-height: 1;
    padding: 4px; }
  .menu-social-menu-container ul svg {
    fill: #6B7794;
    height: 20px;
    speak: none;
    transition: fill .1s ease-in 0;
    width: 28px; }
  .menu-social-menu-container ul svg.smittenkitchen-icon-instagram {
      width: 30px;
    }
  .menu-social-menu-container ul svg.smittenkitchen-icon-youtube {
      height: 28px;
    }
  .menu-social-menu-container ul a:hover {
    background: none; }
    .menu-social-menu-container ul a:hover svg {
      fill: #bb4467; }
	  .menu-social-menu-container .smittenkitchen-icon-tiktok {
		  max-height: 21px;
		  position: relative;
		  top: -3px;
		  left: 3px;
		  width: 21px;
	  }
	  footer .menu-social-menu-container ul {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
	  }
    footer .menu-social-menu-container ul svg {
      width: 21px;
      height: 21px;
    }
    footer .menu-social-menu-container ul svg.smittenkitchen-icon-instagram {
      width: 22px;
      height: 21px;
    }
    footer .menu-social-menu-container .smittenkitchen-icon-tiktok {
      top: 1px;
    }
/*--------------------------------------------------------------
# Google DFP ads
--------------------------------------------------------------*/

#div-gpt-ad-Sidebar_1 {
  padding: 16px 0; }

#div-gpt-ad-Sidebar_2 {
  padding: 16px 0; }

.sticky-ad {
  margin-left: -16px;
  position: fixed;
  top: 0; }

#mobile-adhesive {
  background: #fff;
  border-top: 1px solid #d2d6de;
  padding: 4px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 400; }
  #mobile-adhesive .close-adhesive {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    right: 2px;
    padding: 10px;
    border: 2px solid #6B7794; }
    #mobile-adhesive .close-adhesive .lines:before, #mobile-adhesive .close-adhesive .lines:after {
      display: inline-block;
      width: 14px;
      height: 3px;
      background: #6B7794;
      transition: 0.3s;
      height: 2px;
      position: absolute;
      left: 3px;
      content: '';
      -ms-transform-origin: 1px center;
      transform-origin: 1px center;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 9px;
      width: 14px; }
    #mobile-adhesive .close-adhesive .lines:before {
      transform: rotate3d(0, 0, 1, 45deg); }
    #mobile-adhesive .close-adhesive .lines:after {
      transform: rotate3d(0, 0, 1, -45deg); }

#mobile-adhesive.hidden {
  display: none; }

@media (min-width: 640px) {
  #mobile-adhesive {
    display: none; } }

@media (max-width: 639px) {
  .close-adhesive {
    display: none; } }

/* Jetpack Search layout fixes */
.jetpack-instant-search__search-result-comments {
  display:none
}
.jetpack-instant-search__search-result-expanded__image-container {
  width: 320px !important;
}
.jetpack-instant-search__search-result-expanded__copy-container > div {
  display: none;
}
.jetpack-instant-search__search-result-expanded {
  display: inline-flex !important;
  flex-flow: column-reverse !important;
  padding: 15px;
}
.jetpack-instant-search__search-result-expanded__copy-container {
  padding:15px
}
.jetpack-instant-search__search-result-expanded .jetpack-instant-search__search-result-expanded__title {
  max-width: 320px !important;
}

/* Kitchen Products Archive */
.page-template-page-kitchen-products .page-header {
	border-bottom: 1px dashed #d2d6de;
	padding-bottom: 10px;
}
.page-template-page-kitchen-products .site-content .content-area {
	width: 100%;
}
.page-template-page-kitchen-products .kitchen-product-category {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d2d6de;
}
.page-template-page-kitchen-products .kitchen-product-category:last-of-type {
	border-bottom: none;
}
.page-template-page-kitchen-products .kitchen-product-category .product-cat-inner {
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	gap: 40px 16px;
}
.page-template-page-kitchen-products .kitchen-product-category h2 {
	margin-bottom: 0;
	font-size: 2em;
}
.page-template-page-kitchen-products .kitchen-product-category article {
	margin: 0;
	text-align: center
}
.page-template-page-kitchen-products .kitchen-product-category article h1 {
	font-size: 1.5em;
}
.page-template-page-kitchen-products .kitchen-product-category article .large-links,
.page-template-page-kitchen-products .kitchen-product-category article .small-links {
	display: block;
	padding: 12px 0 3px;
}
.page-template-page-kitchen-products .kitchen-product-category article .large-links a,
.page-template-page-kitchen-products .kitchen-product-category article .small-links a {
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background: #6B7794;
	color: #fff;
	font-weight: 500;
	line-height: 1.4;
	padding: 4px 12px;
	margin: 3px;
	display: inline-block;
}
.page-template-page-kitchen-products .kitchen-product-category article .large-links a:hover,
.page-template-page-kitchen-products .kitchen-product-category article .small-links a:hover {
	background: #bb4467;
}
.page-template-page-kitchen-products .kitchen-product-category article .small-links a {
	font-size: 1.1rem;
}

@media all and ( max-width: 1024px ) {
	.page-template-page-kitchen-products .kitchen-product-category .product-cat-inner {
		grid-template-columns: repeat( 2, 1fr );
	}
}
@media all and ( max-width: 500px ) {
	.page-template-page-kitchen-products .kitchen-product-category .product-cat-inner {
		grid-template-columns: 1fr;
	}
}

.disclosure p {
  text-align: center;
}

/* Video Archive START */
.site-content {
  .content-area.full-width {
    width: 100%;
  }
}

.video-category-hybrid-layout {
    margin-top: 24px;

    .wp-block-cover {
        .wp-block-cover__image-background {
            outline: 1.5px solid #fff;
            outline-offset: -6px;
        }
    }

    .wp-block-post-template {
        row-gap: 20px;
    }

    .wp-load-more__button {
        background: repeating-linear-gradient(45deg, #f0f1f4, #f0f1f4 1px, white 1px, white 6px);
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        font-weight: 400;
        text-transform: uppercase;
        border: 1px solid;
        border-color: #a6adbf;
        border-radius: 0;
        color: #6B7794;
        font-weight: 500;
        line-height: 1;
        padding: 1.25rem 3rem;
        -webkit-appearance: none;
    }

    .wp-load-more__button:hover {
        background: repeating-linear-gradient(45deg, #f8ecf0, #f8ecf0 1px, white 1px, white 6px);
        border-color: #d68fa4;
        color: #bb4467;
    }

    .wp-load-more__button:focus-visible,
    .wp-load-more__button:active,
    .wp-load-more__button:focus {
        outline: none;
    }

    .wp-block-buttons:has(.wp-load-more__button) {
        margin-top: 57px;
        margin-bottom: 110px;
    }

    .wp-block-cover__inner-container p {
        text-align: right;
    }

    .wp-block-cover__inner-container .durations {
        background: rgb(0 0 0 / 50%);
        display: inline;
        color: #fff;
        font-weight: 700;
        padding: 3px 5px;
        border-radius: 5px;
    }

    .wp-block-cover {
        align-items: flex-end;

    }

		.wp-block-cover__background {
			display: none;
		}
}
/* Video Archive END */