/*
    Theme Name: I Heart Eating
    Theme URI: https://www.oncecoupled.com
    Description: Custom Genesis child theme. Made with love!
    Author: Once Coupled
    Author URI: https://www.oncecoupled.com
    Version: 1.0.0

    Tags: custom-made, genesis, child-theme

    Template: genesis
    Template Version: 2.5.2

    Text Domain: once-coupled-i-heart-eating

    License: All rights reserved.
*/

/* ================================
[ Notes ]
================================ */

/* ---------- [ Table of Contents ] ---------- */

/* [ Defaults ] */

/**
 * Notes
 * - TOC (you are here)
 * - Colors
 * - Fonts
 * - Screens
 *
 * Standardize
 * - Normalize
 * - Box Sizing
 * - Accessibility
 * - REM
 *
 * Base
 * - Admin Bar
 * - Body
 * - Text
 * - Embeds
 * - Tables
 * - Forms
 * - Images
 * - Avatars
 * - Galleries
 * - Column Classes
 * - Reusable Classes
 */

/* [ Uniques ] */

/**
 * Elements
 * - Text
 * - Headings
 * - Titles
 * - Links
 * - Images
 * - Forms
 *
 * Containers
 * - Wrappers
 * - Before Header
 * - Header
 * - Site Inner
 * - Footer Widgets
 * - Before Footer
 * - Footer
 *
 * Navigation
 * - Menus
 * - Pagination
 *
 * Sections
 * - Entries
 * - Breadcrumbs
 * - Archive Description
 * - Author Box
 * - Comments
 * - Widgets
 *
 * Plugins
 * - eNews
 * - Menu
 * - Social Icons
 * - Top Ten & Featured Content
 * - Featured Categories
 * - FacetWP
 * - WP Recipe Maker
 */

/* ---------- [ Colors ] ---------- */

/**
 * #00b3b6    -blue
 * #f16b41    -orange
 * #231f20    -black
 * #5a5757    -gray
 * #f4efea    -beige
 */

/* ---------- [ Fonts ] ---------- */

/**
 * Source Sans Pro     body, buttons, inputs, menus
 * Yeseva One          plugin/widget headers
 */

/* ---------- [ Screens ] ---------- */

/**
 * 320px  iPhone 4, 4S, 5, 5S, 5C, 5SE and Galaxy S3, S4, S5, S6, Note 3 in Portrait
 * 360px  Google Pixel, XL in Portrait
 * 375px  iPhone 6, 6S, 7, 8, X in Portrait
 * 414px  iPhone 6+, 7+, 8+ in Portrait
 * 490px  iPhone 4, 4S in Landscape
 * 568px  iPhone 5, 5S, 5C, 5SE in Landscape
 * 601px  Nexus 7 in Portrait
 * 640px  Galaxy S3, S4, S5, S6, Note 3 and Google Pixel, XL in Landscape
 * 667px  iPhone 6, 6S, 7, 8 in Landscape
 * 736px  iPhone 6+, 7+, 8+ in Landscapee
 * 768px  iPad 1, 2, Mini, Air, 3, 4, Pro 9.7" in Portrait
 * 800px  Galaxy Tab 2, S and Kindle Fire HD 7" in Portrait
 * 812px  iPhone X in Landscape
 * 834px  iPad Pro 10.5" in Portrait
 * 906px  Nexus 7 in Landscape
 * 1024px   iPad Pro 12.9" in Portrait + iPad 1, 2, Mini, Air, 3, 4, Pro 9.7" in Landscape
 * 1112px   iPad Pro 10.5" in Landscape
 * 1200px   Kindle Fire HD 8.9" in Portrait
 * 1280px   Galaxy Tab 2, S and Kindle Fire HD 7" in Landscape
 * 1366px   iPad Pro 12.9" in Landscape
 * 1536px   Nexus 9 in Portrait
 * 1600px   Kindle Fire HD 8.9" in Landscape
 * 2048px   Nexus 9 in Landscape
 *
 * Retina:
 * @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}
 */

/* ================================
[ Standardize ]
================================ */

/* ---------- [ github.com/necolas/normalize.css v7.0.0 | MIT License ] ---------- */

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* ---------- [ Clear Floats ] ---------- */

.author-box::before,.clearfix::before,.entry::before,.entry-content::before,.footer-widgets::before,.nav-primary::before,.nav-secondary::before,.pagination::before,.site-container::before,.site-footer::before,.site-inner::before,.wrap::before {display:table;content:' ';}.author-box::after,.clearfix::after,.entry::after,.entry-content::after,.footer-widgets::after,.nav-primary::after,.nav-secondary::after,.pagination::after,.site-container::after,.site-footer::after,.site-header::after,.site-inner::after,.wrap::after {display:table;clear:both;content:' ';}


/* ---------- [ Box Sizing ] ---------- */

html,input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,::after,::before{box-sizing:inherit}

/* ---------- [ Accessibility ] ---------- */

/* [ Screen Reader Text ] */

.screen-reader-shortcut,.screen-reader-text,.screen-reader-text span,.comment-respond label:not(.subscribe-label){position:absolute!important;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;border:0}.screen-reader-shortcut:focus,.screen-reader-text:focus{font-size:12px;font-size:1.2rem;font-weight:700;z-index:100000;display:block;clip:auto!important;width:auto;height:auto;padding:15px 23px 14px;text-decoration:none;color:#000;background:#fff;box-shadow:0 0 5px 0 #eee}

/* [ Skip Links ] */

.genesis-skip-link{margin:0}.genesis-skip-link li{width:0;height:0;list-style:none}.genesis-skip-link a{border-bottom:0}.genesis-skip-link a:hover{background:#f4efea}:focus{outline:#eee solid 2px;box-shadow:0}

/*----------  [ REM ]  ----------*/

html{font-size:62.5%}

/* ================================
[ Base ]
================================ */

/* ---------- [ Admin Bar ] ---------- */

#wpadminbar {
    position: fixed !important;
}

/* ---------- [ Body ] ---------- */

body.nav-visible {
    overflow: hidden;
}

/* ---------- [ Text ] ---------- */

body {
    font-weight: 400;
    line-height: 1.6;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

p,
address {
    padding: 0;
    margin: 15px 0;
}

b,
strong {
    font-weight: 700;
}

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

small,
cite {
    font-size: 10px;
    font-size: 1rem;
}

ol,
ul {
    padding: 0;
    margin-bottom: 20px;
    margin-left: 30px;
}

ol ol,
ul ul,
ol ul,
ul ol {
        margin-bottom: 0;
}

/* ---------- [ Embeds ] ---------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

.wp-caption {
    margin: 0;
}

.entry-content p.wp-caption-text {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
    margin: 0 0 28px;
}

/* ---------- [ Tables ] ---------- */

table {
    line-height: 2;
    width: 100%;
    margin-bottom: 40px;
    border-spacing: 0;
    border-collapse: collapse;
}

tbody {
    border-bottom: 1px solid #eee;
}

td,
th {
    text-align: left;
}

td {
    padding: 6px;
    border-top: 1px solid #eee;
}

th {
    font-weight: 400;
}

hr {
    clear: both;
    margin: 20px 0;
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid #f4efea;
}


/* ---------- [ Forms ] ---------- */

input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 8px 16px;
    font-size: 10px;
    font-size: 1rem;
    background: #fff;
    border: 2px solid #eee;
}

input:not([type='checkbox']) {
    -webkit-appearance: none;
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'] {
    width: auto;
    cursor: pointer;
    transition: 400ms;
    border: 0;
    border-radius: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
}

.button:hover,
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
    opacity: 0.7;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button {
    display: none;
}

/* [ Placeholders ] */

::-moz-placeholder {
    opacity: 1; /* Firefox-only fix */
}

/* ---------- [ Images ] ---------- */

img {
    height: auto;
}

article p > img {
    display: block;
    margin: 0 auto;
}

.featured-content img,
.gallery img {
    width: auto;
}

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone {
    display: inline-block;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 16px;
}

img.alignnone,
.alignnone {
    margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.alignleft,
.wp-caption.alignleft {
    margin: 0 16px 16px 0;
}

a.alignright,
img.alignright,
.alignright,
.wp-caption.alignright {
    margin: 0 0 16px 16px;
}

.wp-post-image {
    -webkit-transition: 400ms;
    transition: 400ms;
}

.wp-post-image:hover,
.entry-image-link:hover img {
    opacity: 0.8;
}

/* ---------- [ Avatars ] ---------- */

.avatar {
    float: left;
}

.alignleft .avatar {
    margin-right: 24px;
}

.alignright .avatar {
    margin-left: 24px;
}

/* ---------- [ Galleries ] ---------- */

.gallery {
    overflow: hidden;
}

.gallery-item {
    float: left;
    margin: 0 0 20px;
    text-align: center;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
    clear: both;
}

.gallery img {
    height: auto;
    padding: 4px;
    border: 1px solid #eee;
}

.gallery img:hover,
.gallery img:focus {
    border: 1px solid #fff;
}

/* ---------- [ Column Classes ] ---------- */

@media screen and (min-width: 768px) {
    .five-sixths,
    .four-sixths,
    .four-fifths,
    .one-fifth,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-fifths,
    .three-sixths,
    .two-fourths,
    .two-fifths,
    .two-sixths,
    .two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
    }

    .one-half,
    .three-sixths,
    .two-fourths {
        width: 48.717948717948715%;
    }

    .one-third,
    .two-sixths {
        width: 31.623931623931625%;
    }

    .four-sixths,
    .two-thirds {
        width: 65.81196581196582%;
    }

    .one-fourth {
        width: 23.076923076923077%;
    }

    .three-fourths {
        width: 74.35897435897436%;
    }

    .one-fifth {
        width: 17.9487179487179488%;
    }

    .two-fifths {
        width: 38.4615384615384616%;
    }

    .three-fifths {
        width: 58.9743589743589744%;
    }

    .four-fifths {
        width: 79.4871794871794872%;
    }

    .one-sixth {
        width: 14.52991452991453%;
    }

    .five-sixths {
        width: 82.90598290598291%;
    }

    .first {
        clear: both;
        margin-left: 0;
    }
}

/* ---------- [ Reusable Classes ] ---------- */

.clear {
    clear: both;
}

.hide-on-mobile {
    display: none;
}

@media screen and (min-width: 1024px) {
    .hide-on-mobile {
        display: inline-block;
    }

    .visible-on-mobile {
        display: none;
    }
}

/* ================================
[ Elements ]
================================ */

/* ---------- [ Text ] ---------- */

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #231f20;
}

/* ---------- [ Headings ] ---------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    margin: 15px 0;
    font-weight: 400;
    line-height: 1.15;
}

h1 {
    font-size: 26px;
    font-size: 2.6rem;
}

h2 {
    font-size: 22px;
    font-size: 2.2rem;
}

h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

h4,
h5,
h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

/* ---------- [ Titles ] ---------- */

.entry-title {
    margin-top: 0;
}

.home-first-post .entry h2.entry-title,
.single h1.entry-title,
.archive-title,
.widget-title,
.author-box-title {
    font-family: 'Yeseva One', serif;
    color: #5a5757;
    font-size: 23px;
    font-size: 2.3rem;
    text-align: center;
    margin-top: 0;
    letter-spacing: 0;
    font-weight: 400;
}

.home-first-post .entry h2.entry-title {
    padding: 0;
    margin-bottom: 0;
}

.home-first-post .entry h2.entry-title a {
    color: #5a5757;
}

@media screen and (min-width: 1024px) {
    .home-first-post .entry h2.entry-title,
    .single h1.entry-title,
    .archive-title {
        text-align: left;
    }
}

.author-box-title {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 5px;
}

.post-listing h2.entry-title {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 8px;
    padding: 0 16px;
    letter-spacing: 0;
    font-weight: 600;
}

.home .one .entry-title {
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 280px;
    margin-left: -140px;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 30px;
}

@media screen and (min-width: 1024px) {
    .home .one .entry-title {
        width: 360px;
        margin-left: -180px;
    }
}

.post-grid {
    margin-bottom: 80px;
    text-align: center;
}

.home-grids .section-title {
    text-align: center;
    font-size: 23px;
    font-size: 2.3rem;
    font-family: 'Yeseva One';
    letter-spacing: 0;
    color: #5a5757;
}

.home-grids h2.entry-title {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 8px;
}

.widget-title::after {
    content: '\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7';
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.15em;
    color: #f16b41;
    line-height: 1;
}

/* ---------- [ Links ] ---------- */

a {
    text-decoration: none;
    color: #231f20;
    -webkit-transition: 400ms;
    transition: 400ms;
}

a:hover,
a:focus {
    cursor: pointer;
    opacity: 0.7;
}

/* [ In-content Links ] */

.entry-content a,
.archive-description a {
    color: #f16b41;
    text-decoration: underline;
}

.entry-content a:hover,
.entry-content a:focus,
.archive-description a:hover,
.archive-description a:focus {
    text-decoration: none;
    opacity: 1;
}

/* ---------- [ Images ] ---------- */

.post-listing .entry-image,
.post-listing .wp-post-image,
.post-listing .entry img {
    display: block;
    margin: 0 auto;
}

/* ---------- [ Forms ] ---------- */

input,
select,
textarea {
    color: #231f20;
    border: 2px solid #5a5757;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
}

select {
    text-transform: lowercase;
}

.button,
button {
    padding: 8px 16px;
    color: #fff;
    background: #f16b41;
    letter-spacing: 0.05em;
}

.button a,
button a {
    color: #fff;
}

/* [ More Links ] */

.more-link-container {
    text-align: center;
    margin-bottom: 20px;
}

.more-link-container .more-link {
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/bg-button.svg);
    color: #231f20;
    width: 238px;
    height: 50px;
    line-height: 30px;
    padding-top: 12px;
    overflow: hidden;
}

.home .one .more-link,
.home-first-post .more-link {
    padding-top: 0;
    height: 30px;
    line-height: 30px;
    background: #f16b41;
    color: #fff;
    width: auto;
    padding: 0 20px;
}

.home .ellipsis {
    display: none;
}

/* [ Placeholders ] */

::-webkit-input-placeholder {
    text-transform: lowercase;
    color: #231f20;
}

::-moz-placeholder {
    text-transform: lowercase;
    color: #231f20;
}

:-ms-input-placeholder {
    text-transform: lowercase;
    color: #231f20;
}

:-moz-placeholder {
    text-transform: lowercase;
    color: #231f20;
}

/* [ Search ] */

.search-form,
.archive-search .facetwp-search-wrap {
    display: block;
    overflow: hidden;
    border-top: 2px solid #f4efea;
    border-bottom: 2px solid #f4efea;
}

.search-form input,
.archive-search input.facetwp-search {
    height: 32px;
    border: 0;
}

.search-form input:focus {
    outline: 0;
}

.search-form input[type='search'] {
    width: calc(100% - 30px);
    float: left;
    padding: 4px 8px;
}

.search-form input[type='submit'] {
    float: right;
    width: 30px;
}

.search-form input[type='submit'] {
    font-family: 'FontAwesome';
    font-size: 14px;
    padding: 0;
}

.search-form input[type='submit']:focus,
.search-form input[type='submit']:hover,
.archive-search input.facetwp-search:focus,
.archive-search input.facetwp-search:hover {
    outline: none;
}

.archive-search .facetwp-btn {
    opacity: 1;
}

.archive-search .facetwp-btn::before,
.archive-search .facetwp-btn.f-reset::before {
    background: none;
    content: '\f002';
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 18px;
    color: #231f20;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.archive-search .facetwp-btn.f-reset::before {
    content: '\f00d';
}

/* [ Sidebar Search ] */

.menu-sidebar-container .search-form {
    margin-top: 32px;
}

.sidebar .search-form input {
    height: 58px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    float: right;
    text-align: center;
    font-weight: 600;
}

.sidebar .search-form input[type="search"] {
    padding-right: 56px; /* 100% center = left padding + width offset */
}

.sidebar .search-form input[type='submit'] {
    font-size: 20px;
    font-size: 2rem;
    float: left;
}

/* [ Before Header Search ] */

.before-header .search {
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 0;
    float: right;
    width: 15%;
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (min-width: 1024px) {
    .before-header .search {
        display: none;
    }
}

.before-header .search-form {
    width: 94%;
    margin: 4px auto;
}

@media screen and (min-width: 1024px) {
    .before-header .search-form {
        width: 100%;
        margin: 11px auto;
    }
}

.before-header input[type='search'] {
    float: right;
}

.before-header #header-search {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    /*background: #231f20;*/
}

@media screen and (min-width: 1024px) {
    .before-header #header-search {
        position: relative;
        top: 0;
        left: initial;
        float: left;
        width: auto;
    }
}

.before-header .search-form {
    border: 0;
}

.before-header .search-form input {
    height: 26px;
}

/* ================================
[ Containers ]
================================ */

/* ---------- [ Wrappers ] ---------- */

.wrap,
.content-sidebar-wrap {
    max-width: calc(100% - 20px);
    margin: 0 auto;
}

.before-header .wrap,
.nav-primary .wrap {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .wrap,
    .content-sidebar-wrap {
        max-width: calc(100% - 40px);
    }
}

@media screen and (min-width: 1024px) {
    .wrap,
    .before-header .wrap,
    .nav-primary .wrap,
    .content-sidebar-wrap {
        max-width: 1020px;
    }
    .wrap,
    .nav-primary .wrap {
        overflow: auto;
    }
}

/* ---------- [ Before Header ] ---------- */

.before-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px; /* helps with js consistency */
    overflow: hidden;
    z-index: 100;
    color: #fff;
    background: #f16b41;
}

@media screen and (min-width: 1024px) {
    .before-header {
        position: relative;
        z-index: 0;
        background: #f4efea;
        overflow: visible;
    }
}

.admin-bar .before-header {
    top: 46px;
}

@media screen and (min-width: 783px) {
    .admin-bar .before-header {
        top: 32px;
    }
}

@media screen and (min-width: 1024px) {
    .before-header,
    .admin-bar .before-header {
        top: 0;
    }
}

/* ---------- [ Header ] ---------- */

.site-header {
    margin: 48px auto 0;
}

@media screen and (min-width: 1024px) {
    .site-header,
    .admin-bar .site-header {
        margin-top: 0;
    }

    .site-header .wrap {
        overflow: visible;
    }

    .title-area {
        float: left;
    }
}

.site-title {
    margin: 0;
    padding: 20px 0 0;
}

@media screen and (min-width: 1024px) {

    .site-title {
        padding-top: 24px;
    }
}

.title-area .site-title a {
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 142px;
    background: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/logo.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .title-area .site-title a {
        background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/logo@2x.png);
    }
}

.site-description {
    display: none;
}

/* ---------- [ Site Inner ] ---------- */

.site-inner {
    margin: 20px auto 40px;
}

.page-template-page-recipe-index .content-sidebar-wrap {
    display: table;
}

.page-template-page-recipe-index .content {
    display: table-footer-group;
}

.page-template-page-recipe-index .sidebar {
    display: table-header-group;
}

@media screen and (min-width: 1024px) {
    .page-template-page-recipe-index .content-sidebar-wrap,
    .page-template-page-recipe-index .content,
    .page-template-page-recipe-index .sidebar {
        display: block;
    }
}

.content {
    margin-top: 40px;
}

@media screen and (min-width: 1024px) {
    .content {
        float: left;
        width: calc(100% - 340px);
    }

    .sidebar-content .content {
        float: right;
    }

    .full-width-content .content {
        width: 100%;
        float: none;
    }

    .sidebar {
        display: block;
        clear: none;
        width: 300px;
        float: right;
    }

    .sidebar-content .sidebar {
        float: left;
    }
}

/* ---------- [ Footer Widgets ] ---------- */

.footer-widgets {
    display: none;
}

@media screen and (min-width: 1024px) {
    .footer-widgets {
        display: block;
        background: #f4efea;
        padding: 20px 0 0;
        overflow: auto;
    }

    .footer-widgets .widget-area {
        padding-top: 40px;
    }

    .footer-widgets .widget-area {
        float: left;
        margin-left: 2.564102564102564%;
        width: 31.623931623931625%;
    }

    .footer-widgets .widget-area:nth-of-type(3n+1) {
        margin-left: 0;
        clear: both;
    }
}

/* ---------- [ Before Footer ] ---------- */

.before-footer {
    background: #00b3b6;
    padding: 10px 0;
}

@media screen and (min-width: 1024px) {
    .before-footer {
        background: #f4efea;
    }
}

/* ---------- [ Footer ] ---------- */

.site-footer {
    color: #fff;
    background: #00b3b6;
    padding: 0 0 16px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: lowercase;
    text-align: center;
    font-weight: 600;
}

@media screen and (min-width: 1024px) {
    .site-footer {
        padding-top: 16px;
    }
}

.site-footer .copyright,
.site-footer .credits,
.site-footer .design,
.site-footer .developer {
    display: block;
}

.site-footer .copyright,
.site-footer .design {
    margin: 0 auto 10px;
}

@media screen and (min-width: 1024px) {
    .site-footer .copyright,
    .site-footer .credits,
    .site-footer .design,
    .site-footer .developer {
        margin-bottom: 0;
    }

    .site-footer .copyright {
        float: left;
    }

    .site-footer .credits {
        float: right;
    }

    .site-footer .design,
    .site-footer .developer {
        display: inline-block;
    }
}

/* ================================
[ Navigation ]
================================ */

/* ---------- [ Menus ] ---------- */

/* [ Toggles ] */

.menu-toggle,
.sub-menu-toggle {
    background: transparent;
}

.menu-toggle {
    float: left;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
}

.before-header .menu-toggle {
    width: 15%;
    height: 48px;
}

.sub-menu-toggle {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 16px;
}

@media screen and (min-width: 1024px) {
    .menu-toggle,
    .sub-menu-toggle {
        display: none;
    }
}

.menu-toggle::before,
.sub-menu-toggle::before {
    font-family: 'FontAwesome';
    content: '\f0c9';
}

.sub-menu-toggle::before {
    display: block;
    content: '\f078';
    color: #231f20;
}

.sub-menu-toggle.activated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* [ Menus ] */

.genesis-nav-menu {
    clear: both;
    margin: 0;
    line-height: 1;
    text-align: center;
}

.genesis-nav-menu .menu-item {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    display: inline;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .genesis-nav-menu .menu-item {
        display: inline-block;
    }
}

.genesis-nav-menu .menu-item::before {
    content: '|';
    margin: 0 8px 0 4px;
}

@media screen and (min-width: 1024px) {
    .genesis-nav-menu .sub-menu .menu-item::before {
        content: none;
        margin: 0 20px 0 16px;
    }
}

.genesis-nav-menu .menu-item a {
    color: #5a5757;
}

.genesis-nav-menu > .menu-item:first-of-type::before,
.nav-primary .genesis-nav-menu > .menu-item::before,
#menu-before-header > .menu-item::before  {
    content: none;
}

/* [ Sub-menus ] */

.genesis-nav-menu .sub-menu {
    margin: 0;
    display: inline;
}

@media screen and (min-width: 1024px) {
    .genesis-nav-menu .sub-menu {
        width: 150px;
        position: absolute;
        z-index: 99;
        left: 50%;
        margin-left: -75px;
        display: none;
        background: #f4efea;
    }

    .genesis-nav-menu .sub-menu a {
        width: 150px; /* ensure full-width */
        padding: 8px 4px;
        word-wrap: break-word;
        display: inline-block;
    }

    .genesis-nav-menu .sub-menu a:hover {
        opacity: 1;
        color: #fff;
        background: #f16b41;
    }

    .genesis-nav-menu .sub-menu .sub-menu {
        margin-left: 75px;
        top: 0;
    }
}

/* [ Header Nav ] */

.nav-header {
    display: none;
}

@media screen and (min-width: 1024px) {
    .nav-header {
        display: block;
        float: right;
        margin-top: 32px;
        margin-left: 8px;
    }
}

.nav-header .genesis-nav-menu .menu-item::before {
    content: initial;
}

.nav-header .menu-item {
    margin-left: 8px;
}

.nav-header .menu-item a {
    display: inline-block;
    color: #fff;
    background: #f16b41;
    padding: 6px 12px;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
}

/* [ Primary Nav ] */

.nav-primary {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    overflow-y: scroll;
    margin-top: 48px;
    height: calc(100% - 48px);
    background: #fff;
}

.admin-bar .nav-primary {
    margin-top: 94px;
    height: calc(100% - 94px);
}

@media screen and (min-width: 783px) {
    .admin-bar .nav-primary {
        margin-top: 80px;
        height: calc(100% - 80px);
    }
}

@media screen and (min-width: 1024px) {
    .nav-primary,
    .admin-bar .nav-primary {
        display: block;
        position: relative;
        margin: 76px 20px 40px 0;
        height: auto;
        background: transparent;
        overflow: visible;
        float: right;
        width: auto;
    }
}

.nav-primary .menu-item::before {
    content: initial;
}

.nav-primary .menu-item {
    display: block;
    border-top: 2px solid #f4efea;
    text-align: left;
}

@media screen and (min-width: 1024px) {
    .nav-primary .menu-item {
        display: inline-block;
        position: relative;
        border-top: 1px solid #fff;
    }
}

.nav-primary .genesis-nav-menu > .menu-item:first-of-type {
    border-top: 0;
}

@media screen and (min-width: 1024px) {
    .nav-primary .genesis-nav-menu .menu-item:first-of-type {
        border-top: 0;
    }

    .genesis-nav-menu:not(.limit-depth-1) > .menu-item-has-children > a::after,
    .genesis-nav-menu:not(.limit-depth-1) > .menu-item-has-children > .sub-menu .menu-item-has-children > a::after {
        content: '\f078';
        display: inline-block;
        position: relative;
        margin-left: 8px;
        font-family: 'FontAwesome';
        font-size: 8px;
        top: -4px;
    }

    .genesis-nav-menu:not(.limit-depth-1) .sub-menu .menu-item a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .genesis-nav-menu:not(.limit-depth-1) > .menu-item-has-children > .sub-menu .menu-item-has-children > a::after {
        content: '\f054';
        top: -1px;
    }
}

.nav-primary a {
    display: block;
    font-size: 22px;
    font-size: 2.2rem;
    padding: 16px;
    padding-right: 48px;
    line-height: 1.1;
}

.nav-primary .sub-menu {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .nav-primary .sub-menu  {
        width: 150px;
    }
}

.nav-primary .sub-menu a {
    padding-left: 32px;
}

.nav-primary .sub-menu .sub-menu a {
    padding-left: 48px;
}

@media screen and (min-width: 1024px) {
    .nav-primary a {
        padding: 10px;
    }

    .nav-primary .sub-menu a,
    .nav-primary .sub-menu .sub-menu a {
        padding: 10px 20px;
    }
}

/* [ Footer Nav ] */

.nav-footer,
.nav-footer .menu-item a {
    color: #fff;
}

.nav-footer .menu-item a {
    display: inline-block;
    padding: 6px 0;
}

@media screen and (min-width: 1024px) {
    .nav-footer,
    .nav-footer .menu-item a {
        color: #231f20;
    }

    .nav-footer {
        float: left;
    }
}

/* ---------- [ Pagination ] ---------- */

.pagination {
    clear: both;
    margin: 0 0 24px;
    text-align: center;
}

.pagination ul {
    margin: 0;
}

.pagination li {
    display: inline-block;
}

/* [ Archive Pagination ] */

.archive-pagination {
    font-weight: 400;
}

.archive-pagination a,
.pagination-omission {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #231f20;
    background: #f4efea;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    padding: 1px;
    margin: 0 2px;
}

.archive-pagination li.active a {
    font-weight: 600;
}

/* [ Entry Pagination ] */

.adjacent-entry-pagination {
    margin: 80px auto 0;
    text-transform: lowercase;
    letter-spacing: 0.05em;
}


.adjacent-entry-pagination .pagination-previous a,
.adjacent-entry-pagination .pagination-next a {
    width: auto;
    background: transparent;
}

.adjacent-entry-pagination a {
    display: inline-block;
    text-decoration: none;
}

.adjacent-entry-pagination .pagination-previous,
.adjacent-entry-pagination .pagination-next {
    position: relative;
}

.adjacent-entry-pagination .pagination-previous {
    padding-left: 24px;
}

.adjacent-entry-pagination .pagination-next {
    padding-right: 24px;
}

.adjacent-entry-pagination .pagination-label {
    display: inline-block;
    text-align: center;
}

.adjacent-entry-pagination .pagination-previous .pagination-label {
    float: left;
}

.adjacent-entry-pagination .pagination-label .fa {
    position: absolute;
    top: 2px;
}

.adjacent-entry-pagination .pagination-previous .pagination-label .fa {
    left: 0;
}

.adjacent-entry-pagination .pagination-next .pagination-label {
    float: right;
}

.adjacent-entry-pagination .pagination-next .pagination-label .fa {
    right: 0;
}

.adjacent-entry-pagination .fa {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 100%;
    color: #fff;
    background: #f16b41;
}

.adjacent-entry-pagination .pagination-next .fa {
    padding-left: 2px;
}

/* ================================
[ Sections ]
================================ */

/* ---------- [ Entries ] ---------- */

.entry {
    margin-bottom: 24px;
}

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

.home .one.entry {
    position: relative;
    margin-bottom: 40px;
}

/* [ Entry Info ] */

.entry-meta {
    text-align: center;
    margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
    .entry-meta {
        text-align: left;
    }
}

.entry-meta .entry-author {
    margin-right: 5px
}

.entry-meta .entry-categories {
    margin-left: 5px;
}

/* ---------- [ Breadcrumbs ] ---------- */

.breadcrumb {
    margin-bottom: 20px;
}

/* ---------- [ Archive Description ] ---------- */

.archive .content,
.page-template-page-recipe-index .content {
    position: relative;
}

.archive-description {
    margin: 0 0 20px;
}

@media screen and (min-width: 1024px) {
    .archive-description .archive-title {
        width: calc(100% - 360px);
        line-height: 36px;
    }
}

.archive-description p {
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .archive-description p {
        text-align: left;
    }
}

.archive-description p:last-child {
    margin-bottom: 0;
}

/* [ Archive Search ] */

.archive-search {
    margin: 0 0 20px;
}

@media screen and (min-width: 1024px) {
    .archive-search {
        position: absolute;
        top: 0;
        right: 0;
        width: 320px;
    }

}

/* ---------- [ Author Box ] ---------- */

.author-box {
    margin: 48px 0;
}

.author-box p {
    font-size: 13px;
    line-height: 1.25;
}

.author-box p:first-child {
    margin-top: 0;
}

.author-box p:last-child {
    margin-bottom: 0;
}

.author-box .avatar {
    margin: 0 10px 4px 0;
    border-radius: 100%;
}

/* ---------- [ Comments ] ---------- */

.entry-comments {
    margin-top: 48px;
}

.entry-comments .comment-list-title {
    display: none;
}

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

.comment {
    margin-bottom: 25px;
    list-style-type: none;
}

.comment article {
    padding-top: 30px;
    border-top: 1px solid #f4efea;
}

.comment-list > .comment:first-of-type > article {
    padding-top: 0;
    border-top: 0;
}

.comment ul,
.comment ol {
    margin-bottom: 20px;
}

.comment ul ul,
.comment ul ol,
.comment ol ul,
.comment ol ul {
    margin-bottom: 0;
}

ul.children {
    margin: 20px 0 0 40px;
}

.children .comment:last-of-type,
.children p:last-of-type {
    margin-bottom: 0;
}

.comment-header {
    margin-bottom: 10px;
    line-height: 1.2;
}

.comment-author .avatar {
    display: none;
}

.comment-author:before {
    background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/gravatar-guest.png);
    background-size: contain;
    content: '';
    float: left;
    height: 35px;
    width: 35px;
    margin: -4px 10px 4px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .comment-author:before {
        background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/gravatar-guest@2x.png);
    }
}

.bypostauthor > .comment-header .comment-author:before {
    background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/gravatar.jpeg);
    background-size: contain;
    content: '';
    float: left;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    margin-right: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bypostauthor > .comment-header .comment-author:before {
        background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/gravatar@2x.jpeg);
    }
}

.comment-meta,
.comment-edit-link {
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0;
}

.comment-meta,
.comment-author .comment-author-link,
.comment-author .says,
.comment-edit-link {
    display: inline-block;
}

.comment-author,
.comment-author a,
.comment-reply a {
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
}

.comment-author .says::after {
    content: ':';
}

.comment-edit-link,
.comment-reply a {
    color: #00b3b6;
}

.comment-reply a {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* [ Comment Form ] */

.comment-respond {
    margin: 30px 0 40px;
}

.comment-reply-title {
    margin: 0 auto 10px;
    text-align: center;
    font-size: 23px;
    font-size: 2.3rem;
    font-family: 'Yeseva One', serif;
    color: #5a5757;
}

.comment-reply-title > small,
.logged-in-as {
    text-align: center;
    display: block;
    margin: 5px 0 15px;
}

.comment-respond textarea {
    height: 100px;
}

.comment-respond p {
    margin: 0 0 10px;
}

.comment-respond .comment-form-comment {
    margin-bottom: 6px;
}

.comment-respond .form-submit {
    text-align: center;
}

.comment-respond .form-submit input[type='submit'] {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    padding: 8px 12px;
    color: #fff;
    background: #f16b41;
}

/* ---------- [ Widgets ] ---------- */

.widget {
    clear: both;
    margin-bottom: 32px;
}

.sidebar > .widget {
    display: none;
}

@media screen and (min-width: 1024px) {
    .sidebar .widget {
        display: block;
    }
}

.footer-widgets .widget {
    margin-bottom: 0;
}

/* ================================
[ Plugins ]
================================ */

/* ---------- [ Bio ] ---------- */

.bio-box {
    overflow: hidden;
    text-align: center;
    line-height: 1.2;
}

.bio-box .bio-pic {
    background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/bio.jpeg);
    background-position: center;
    background-size: contain;
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
    margin-top: 8px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bio-box .bio-pic {
        background-image: url(/wp-content/themes/once-coupled-i-heart-eating/assets/images/bio@2x.jpeg);
    }
}

.bio-box .bio-title {
    margin-bottom: 8px;
}

.bio-box .bio-title::after {
    content: initial;
}

.bio-box .bio-text,
.bio-box .bio-link {
    float: right;
    width: calc(100% - 130px);
}

.bio-box .bio-text {
    display: block;
    margin: 0;
}

.bio-box .bio-link {
    color: #f16b41;
    text-transform: lowercase;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 4px;
}

/* ---------- [ eNews ] ---------- */

.enews {
    padding: 15px;
    text-align: center;
    border-top: 4px double #f16b41;
    border-bottom: 4px double #f16b41;
}

.enews .widget-title {
    margin-bottom: 2px;
}

.enews .widget-title::after {
    content: initial;
}

.enews p {
    margin: 0 0 8px;
}

.enews form {
    overflow: auto;
}

.enews input {
    padding: 6px 12px;
    background: #f4efea;
    border: 0;
    letter-spacing: 0.1em;
    width: calc(100% - 45px);
    float: left;
    height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}

.enews input[type="submit"] {
    text-transform: uppercase;
    width: 45px;
}

/* ---------- [ Menu ] ---------- */

.widget_nav_menu .menu {
    margin: 0;
    list-style-type: none;
    overflow: auto;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: lowercase;
    line-height: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.widget_nav_menu .menu-item {
    width: 50%;
    float: left;
    border-right: 1px solid #f4efea;
    text-align: center;
    display: grid;
    align-items: center;
}

@supports (display: grid) {
    .widget_nav_menu .menu-item {
        width: auto;
    }
}

.widget_nav_menu .menu-item:nth-of-type(2n) {
    border-right: 0;
}

.widget_nav_menu .menu-item:nth-of-type(2n+1) {
    clear: both;
}

.widget_nav_menu .menu-item a {
    display: inline-block;
    color: #f16b41;
    padding: 10px 5px 0;
    font-weight: 600;
}

.widget_nav_menu .menu-item a:hover {
    opacity: 0.7;
}

.widget_nav_menu .menu-item a::after {
    content: '';
    display: block;
    width: 60%;
    margin-left: 20%;
    height: 1px;
    background: #f4efea;
    margin-top: 10px;
}

.widget_nav_menu .menu-item:nth-of-type(2n+1):nth-last-child(2) a,
.widget_nav_menu .menu-item:nth-of-type(2n+1):last-child a,
.widget_nav_menu .menu-item:nth-of-type(2n):last-child a  {
    padding-bottom: 10px;
}

.widget_nav_menu .menu-item:nth-of-type(2n+1):nth-last-child(2) a::after,
.widget_nav_menu .menu-item:nth-of-type(2n+1):last-child a::after,
.widget_nav_menu .menu-item:nth-of-type(2n):last-child a::after  {
    content: none;
}

/* ---------- [ Social Icons ] ---------- */

.social {
    text-align: center;
}

.social a {
    display: inline-block;
    margin: 0 2.5px;
    width: 35px;
    height: 48px;
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 100%;
    padding: 0;
    color: #fff;
}

/* [ Before Header ] */

.before-header .social {
    float: right;
    width: 70%;
    height: 48px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

@media screen and (min-width: 1024px) {
    .before-header .social {
        width: auto;
        height: auto;
        border: 0;
        float: right;
        margin-top: 32px;
    }
}

.before-header .social a {
    width: auto;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 48px;
    padding: 0 4px;
}

@media screen and (min-width: 1024px) {
    .before-header .social a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        background: #00b3b6;
        padding: 0;
        margin: 0 2px;
    }
}

/* [ Before Footer ] */

.before-footer .social {
    margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
    .before-footer .social {
        float: right;
        margin-top: 4px;
        margin-bottom: 0;
    }
}

.before-footer .social a {
    width: auto;
    height: auto;
    margin: 0 15px;
}

@media screen and (min-width: 1024px) {
    .before-footer .social a {
        color: #f16b41;
    }
}

/* ---------- [ Top Ten & Featured Content ] ---------- */

.tptn_posts ul,
.wpp-list {
    margin: 0;
    list-style-type: none;
    overflow: auto;
}

.tptn_posts li,
.featured-content .entry,
.popular-posts .wpp-list li {
    width: 49%;
    margin-left: 2%;
    float: left;
    text-align: center;
    margin-bottom: 24px;
}

.popular-posts .wpp-list li {
    clear: none;
}

.tptn_posts li:nth-of-type(2n+1),
.featured-content .entry:nth-of-type(2n+1),
.wpp-list li:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
}

.tptn_thumb,
.featured-content .entry-image,
.wpp-list li .wpp-thumbnail {
    border-radius: 100%;
}

.wpp-list li .wpp-thumbnail {
    margin-bottom: 8px;
}

.tptn_title,
.featured-content .entry-title,
.wpp-list li .wpp-post-title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.05em;
}

/* Footer Widgets */

.footer-widgets .tptn_posts li,
.footer-widgets .featured-content .entry,
.footer-widgets .wpp-list li {
    width: 100%;
    float: none;
    clear: both;
    margin: 0;
    overflow: auto;
}

.footer-widgets .featured-content .entry:last-child,
.footer-widgets .tptn_posts li:last-child,
.footer-widgets .featured-content .entry .alignleft { /* ?? */
    margin-bottom: 0;
}

.footer-widgets .tptn_thumb,
.footer-widgets .featured-content .entry-image,
.footer-widgets .wpp-list li .wpp-thumbnail {
    max-width: 75px;
    margin: 14px 0;
    float: left;
}

.footer-widgets .wpp-list li .wpp-thumbnail {
    margin-right: 16px;
}

.footer-widgets .tptn_after_thumb,
.footer-widgets .featured-content .entry-title,
.footer-widgets .wpp-list li .wpp-post-title {
    border-bottom: 1px solid #fff;
    width: calc(100% - 91px);
    float: right;
    margin: 0;
    font-weight: 400;
    text-align: left;
}

.footer-widgets .wpp-list li .wpp-post-title {
    float: none;
}

.footer-widgets .tptn_posts li:last-of-type .tptn_after_thumb,
.footer-widgets .featured-content .entry:last-of-type .entry-title,
.footer-widgets .wpp-list li:last-of-type .wpp-post-title {
    border-bottom: 0;
}

.footer-widgets .tptn_after_thumb .tptn_link,
.footer-widgets .featured-content .entry-title a,
.footer-widgets .wpp-list li .wpp-post-title {
    display: table-cell;
    height: 104px;
    vertical-align: middle;
}

/* ---------- [ Featured Categories ] ---------- */

.home-features {
    display: none;
}

@media screen and (min-width: 1024px) {
    .home-features {
        display: block;
    }

    .home-features .feature:first-child {
        margin-left: 0;
    }

    .home-features .feature {
        position: relative;
    }

    .home-features .feature a {
        opacity: 1;
    }

    .home-features .feature img {
        display: block;
        border-radius: 100%;
    }

    .home-features .feature .featured-title {
        display: inline-block;
        position: absolute;
        top: 44%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
        background: #fff;
        padding: 2.82% 4%;
        text-align: center;
        text-transform: lowercase;
        font-size: 19px;
        font-size: 1.9rem;
        letter-spacing: 0.02em;
        -webkit-transition: 400ms;
        transition: 400ms;
    }

    .home-features .feature:nth-child(odd) .featured-title {
        font-family: 'Yeseva One', serif;
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 1.3;
        letter-spacing: 0;
        padding: 2% 4%;
    }

    .home-features .feature a:hover .featured-title {
        background: rgba(255, 255, 255, 0.8);
    }
}

/* ---------- [ FacetWP ] ---------- */

.page-template-page-recipe-index .content > .entry {
    margin-top: 40px;
}

@media screen and (min-width: 1024px) {
    .page-template-page-recipe-index .content > .entry {
        margin-top: 0;
    }
}

.page-template-page-recipe-index .sidebar .wrap {
    max-width: 100%;
    border: 1px solid #231f20;
    padding: 20px;
    overflow: visible;
}

.page-template-page-recipe-index .sidebar .widget-title {
    font-size: 24px;
    font-size: 2.4rem;
}

.page-template-page-recipe-index .sidebar .widget-title::after {
    content: '';
    width: calc(100% + 10px);
    margin: 10px -5px 20px;
    border-bottom: 4px double #f16b41;
}

.facet-wrap {
    margin-bottom: 40px;
}

.facet-wrap:last-child,
.facet-wrap .facetwp-facet,
.archive-search .facetwp-facet {
    margin-bottom: 0;
}

.facet-wrap .facet-title {
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
}

.facet-wrap .visible-on-mobile {
    margin-right: 5px;
}

.facet-wrap .fa {
    margin-left: 10px;
}

@media screen and (min-width: 1024px) {
    .facet-wrap .fa {
        display: none !important;
    }

    .facet-wrap .toggle-target {
        display: block !important;
    }
}

.facetwp-facet .facetwp-checkbox,
.facetwp-facet .facetwp-checkbox::before {
    vertical-align: middle;
}

.facetwp-facet .facetwp-checkbox,
.facetwp-facet .facetwp-checkbox.checked {
    background: none;
    padding-left: 0;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.08em;
}

.facetwp-facet .facetwp-checkbox::before {
    content: '\f096';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
}

.facetwp-facet .facetwp-checkbox.checked::before {
    content: '\f046';
}

/* ---------- [ WP Recipe Maker ] ---------- */

.wprm-automatic-recipe-snippets {
    margin-top: 20px;
}

/* Start Here Page */

.background-soft {
    background: #f4efea;
    padding: 20px;
}

.border-vivid {
    border: 1px solid #00b3b6;
    padding: 20px;
}

.display-posts-listing {
    list-style-type: none;
    margin: 0 0 60px;
    overflow: hidden;
}

.display-posts-listing .listing-item {
    float: left;
    width: 33%;
    padding: 1%;
    text-align: center;
}

.display-posts-listing .listing-item .image {
    display: block;
}

.display-posts-listing .listing-item .image:hover {
    opacity: 0.8;
}

.display-posts-listing .listing-item .title {
    font-family: 'Yeseva One', serif;
    color: #5a5757;
    font-size: 23px;
    font-size: 2.3rem;
    letter-spacing: 0;
    text-decoration: none;
}

.display-posts-listing .listing-item .title:hover {
    color: #00b3b6;
}

.page-id-28164 .content .entry-content p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5;
    margin: 24px 0;
}

.page-id-28164 .content .entry-content h2,
.page-id-28164 .content .entry-content h3 {
    font-weight: 600;
    font-size: 28px;
    margin-top: 60px;
}

.page-id-28164 .content .entry-content .background-soft h2,
.page-id-28164 .content .entry-content .background-soft h3,
.page-id-28164 .content .entry-content .background-soft p:first-of-type {
    margin-top: 0;
}

.page-id-28164 .content .entry-content .background-soft p:last-of-type {
    margin-bottom: 0;
}