/*
Theme Name: The Wooden Skillet
Theme URI: https://thewoodenskillet.com
Author: Weller Smith Design
Author URI: https://wellersmithdesign.com/
Version: 8.5.21
Template: genesis
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genesis-sample
*/
/* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Tables
- Screen Reader Text
- Structure and Layout
- Site Container
- Site Inner
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Featured Content
- Plugins
- Genesis eNews Extended
- Genesis Simple FAQ
- WPForms
- Skip Links
- Site Header
- Title Area
- Site Navigation
- Responsive Menu
- Header Menu
- Footer Menu
- Content Area
- Entry Content
- Entry Meta
- Pagination
- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- Min-width: 960px
- Site Header
- Genesis Menu
- Responsive Menu
- Header Menu
- Site Inner
- Content
- Sidebar
- Author Box
- After Entry
- Column Classes
- Entry Misc.
- Footer Widgets
- Print Styles
*/
/* HTML5 Reset
---------------------------------------------------------------------------- */
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}.h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height: normal;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */
/* Box Sizing
--------------------------------------------- */
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
#wpadminbar {
z-index: 999999 !important;
}
/* Float Clearing
--------------------------------------------- */
.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-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
content: " ";
display: table;
}
.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,
.widget::after,
.wrap::after {
clear: both;
content: " ";
display: table;
}
/* Defaults
---------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
@font-face {
font-family: 'Faustine';
font-display:swap;
src: url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Faustine.woff2') format('woff2'),
url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Faustine.woff') format('woff'); /* IE9 Compat Modes */
src: url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Faustine.otf') format('opentype'), /* Pretty Modern Browsers */
url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Faustine.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
font-family: 'Saudagar';
font-display:swap;
src: url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Saudagar.woff2') format('woff2'),
src: url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Saudagar.woff') format('woff'); /* IE9 Compat Modes */
src: url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Saudagar.otf') format('opentype'), /* Pretty Modern Browsers */
url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/fonts/Saudagar.ttf') format('truetype'), /* Safari, Android, iOS */
}
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body {
background-color: #fff;
color: #080808;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .039em;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
margin: 0;
overflow-x: hidden !important;
width: auto !important;
}
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
transition: all 0.2s ease-in-out;
}
a {
color: #080808;
text-decoration: none;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
a:focus,
a:hover {
color: #080808;
text-decoration: none;
}
p {
margin: 0 0 30px;
padding: 0;
}
ol,
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
hr {
border: 0;
border-collapse: collapse;
border-bottom: 2px solid currentColor;
clear: both;
color: #f7f5f180;
margin: 60px 0;
}
b,
strong {
font-weight: 700;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
mark {
background: #ddd;
color: #080808;
}
blockquote {
margin: 30px;
}
/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4, .h4,
h5, .h5,
p.h6, .p.h6 {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
margin: 0 0 28px;
}
h1, .h1 {
font-family: 'meno-banner', serif;
letter-spacing: .025px;
font-size: 33px;
line-height: 1.2;
font-weight: normal;
margin: 0 0 14px;
}
h2, .h2 {
font-family: 'meno-banner', serif;
font-weight: 700;
letter-spacing: 1px;
font-size: 30px;
}
h3, .h3 {
font-family: 'meno-banner', sans-serif;
font-size: 20px;
line-height: 24px;
letter-spacing: .05em;
font-weight: 600;
}
h4, .h4 {
font-size: 20px;
}
.entry-content h3,
.entry-content .h3,
.entry-content h4,
.entry-content .h4 {
font-weight: 600;
}
.entry-content h4 {
margin-top: 40px;
}
h5, .h5 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .15em;
}
h6, .h6 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.5px;
}
h6.cta,
.h6.cta {
text-align: center;
}
h6.cta a:hover,
.h6.cta.cta a:hover {
text-decoration: none;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
h6.cta:after,
.h6.cta:after {
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 14px auto;
}
/* Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
img {
height: auto;
vertical-align: top;
}
figure {
margin: 0;
}
/* Gallery
--------------------------------------------- */
.gallery {
overflow: hidden;
}
.gallery img {
border: 1px solid #eee;
height: auto;
padding: 4px;
}
.gallery img:focus,
.gallery img:hover {
border: 1px solid #999;
outline: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.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-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-item {
float: left;
margin: 0 0 30px;
text-align: center;
}
/* Forms
--------------------------------------------- */
input,
select,
textarea {
background-color: #fff;
border: 1px solid #080808;
color: #080808;
font-size: 18px;
font-weight: 400;
padding: 11.5px 20px;
width: 100%;
-webkit-appearance: none !important;
appearance: none !important;
}
input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
::-ms-input-placeholder {
color: #080808;
opacity: 1;
}
:-ms-input-placeholder {
color: #080808;
opacity: 1;
}
::placeholder {
color: #080808;
opacity: 1;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
color: #fff;
background: #080808;
font-size: 13px;
font-weight: 600;
padding: 10px 26px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
border: 1px solid #080808;
letter-spacing: .15em;
cursor: pointer;
}
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
background-color: #f7f5f1 !important;
border-color: #080808;
color: #080808 !important;
}
.button {
display: inline-block;
}
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
color: #777;
cursor: not-allowed;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}
/* Tables
--------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 40px;
width: 100%;
word-break: break-all;
}
tbody {
border-bottom: 1px solid #eee;
}
td,
th {
line-height: 2;
text-align: left;
vertical-align: top;
}
td {
padding: 0.5em;
}
tr {
border-top: 1px solid #eee;
}
th {
font-weight: 600;
padding: 0.5em;
}
/* Screen Reader Text
--------------------------------------------- */
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #080808;
display: block;
font-size: 1em;
font-weight: 700;
height: auto;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.more-link {
display: inline-block;
position: relative;
margin-bottom: 30px;
}
/* Structure and Layout
---------------------------------------------------------------------------- */
/* Site Container
--------------------------------------------- */
.site-container {
word-wrap: break-word;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Site Inner
--------------------------------------------- */
.site-inner {
clear: both;
max-width: 100%;
padding: 0;
margin: 0 auto 30px;
position: relative;
overflow-y: scroll;
overflow-x: hidden;
}
.home .site-inner {
margin: 0 auto;
}
.page-template-start-here .site-inner {
margin-top: 0;
}
.page-template-recipe-index .widget {
margin-bottom: 0;
}
.mobile-only, .offer-mobile {
display: none;
}
.section {
max-width: 1200px;
padding: 0 30px;
margin: 0 auto 60px;
}
.section.full-width {
max-width: 100%;
padding: 0;
}
.section-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
position: relative;
}
/* Homepage */
.skip-to-blog {
right: 46px;
transform: rotate(90deg) translate(0, -100%);
transform-origin: 100% 0;
position: fixed;
margin-top: 207px;
z-index: 100;
transition: none;
}
.skip-to-blog.sticky {
position: fixed;
margin-top: -47px;
}
.skip-to-blog:hover {
color: #080808 !important;
background: #f7f5f1 !important;
border-color: #f7f5f1 !important;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.image-link-wrapper img {
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.image-link-wrapper:hover img {
opacity: .75;
}
.recipe-columns .one-third:first-child {
margin-left: 0;
}
.recipe-columns {
display: table;
width: 100%;
margin-bottom: 40px;
}
.recipe-columns img {
width: 100%;
}
.recipe-columns .one-fourth:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.recipe-columns h3,
.cat-slider-wrap h3,
.recipe-tabs .tabs-col-1 h3,
.recipe-tabs-2 .tabs-col-1 h3,
.latest-slider h3,
.recipe-columns .h3,
.cat-slider-wrap .h3,
.recipe-tabs .tabs-col-1 .h3,
.recipe-tabs-2 .tabs-col-1 .h3,
.latest-slider .h3 {
display: table;
text-align: center;
margin: 10px auto 0;
}
article h3 a:hover, article .h3 a:hover, article p.h6 a:hover {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.recipe-columns p.h6, .cat-slider-wrap p.h6, .recipe-tabs .tabs-col-1 p.h6, .recipe-tabs-2 .tabs-col-1 p.h6, .latest-slider p.h6 {
margin-bottom: 0;
text-align: center;
}
.recipe-columns p.h6:before, .cat-slider-wrap p.h6:before, .recipe-tabs .tabs-col-1 p.h6:before, .recipe-tabs-2 .tabs-col-1 p.h6:before, .latest-slider p.h6:before,
.kt-blocks-post-grid-item-inner p.h6:before {
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 10px auto 14px;
}
.cat-icons {
text-align: center;
margin-top: 20px;
margin-top: 10px;
display: flex;
justify-content: center;
}
.cat-icons a {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .15em;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #080808 !important;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 3px;
padding-left: 2px;
transition: all 0.2s;
}
.cat-icons a span.full-name {
display: none;
line-height: 1;
}
.make-this .h1 {
text-align: right;
margin-bottom: 18px;
}
.trending .h1, .cat-columns .h1, .latest-in .h1, .favorites .h1 {
text-align: center;
}
.trending p, .cat-columns p, .latest-in p, .recipe-tabs p, .recipe-tabs-2 p, .favorites p {
text-align: center;
max-width: 960px;
margin: 0 auto 40px;
}
.cat-columns .recipe-column p.h6 {
text-align: center;
margin: 30px 0;
}
.cat-columns .recipe-columns p.h6:before {
display: none;
}
.page-template-start-here .cat-columns .recipe-columns p.h6:before {
display: block;
}
/*Browse Diets */
.js.home .section.browse {
background: #f7f5f1 url('https://thewoodenskillet.com/wp-content/themes/thewoodenskillet/images/ajax-loader.gif') no-repeat center;
transition: all 0.3s;
}
.js.home .section.browse * {
visibility: hidden;
}
.js.home .section.browse.loaded {
background: #f7f5f1;
}
.js.home .section.browse.loaded * {
visibility: visible;
}
.section.browse {
background: #f7f5f1;
padding: 15px 30px;
position: relative;
overflow: hidden;
margin: 0 auto 20px;
}
.browse .section-inner {
max-width: 1170px;
padding: 0;
}
.browse {
display: flex !important;
justify-content: center;
}
.browse .scroll-span {
max-width: 990px;
width: 100%;
display: flex;
margin: 0 auto;
}
.browse h3,
.browse .h3 {
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: 0;
margin-left: 25px;
}
.browse h3:after,
.browse .h3:after {
content: '\f178';
color: #080808;
font-size: 25px;
font-family: 'font awesome 5 pro';
display: block;
float: right;
font-weight: 100;
margin-left: 10px;
}
.browse .circle {
min-width: 125px;
min-height: 125px;
width: 125px;
height: 125px;
color: #080808;
border: 1px solid #080808;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 -0.5px #080808, 0 0 0 5px #f7f5f0, 0 0 0 6px #080808;
margin: 20px;
}
.browse .circle:hover {
background: #080808;
box-shadow: 0 0 0 1px #080808, 0 0 0 5px #000000, 0 0 0 6px #080808;
}
.browse .circle:hover {
color: #f7f5f0;
}
.browse .circle:first-child {
color: #f7f5f0;
background: #080808;
box-shadow: 0 0 0 1px #080808, 0 0 0 5px #080808, 0 0 0 6px #080808;
cursor: default;
}
.browse .circle:first-child h2,
.browse .circle:first-child .h2 {
font-size: 22px;
line-height: 25px;
}
.browse .circle h2,
.browse .circle .h2 {
font-size: 17px;
line-height: 19px;
text-align: center;
letter-spacing: .05em;
font-weight: 700;
text-transform: uppercase;
padding: 0 5px;
font-family: meno-banner, serif;
margin: 0;
}
.browse h3,
.browse .h3 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 16px;
line-height: 1.3;
}
/* Home Intro */
.home-intro {
display: table;
width: 100%;
}
.home-intro .intro-inner {
display: flex;
align-items: center;
}
.home-intro img {
/..h1: 20%;
}
.home-intro .text {
border: 1px solid #7f7f7f;
padding: 25px 30px 25px 60px;
float: right;
width: 80%;
border-left: none;
}
.home-intro .text .h1 {
margin-bottom: 5px;
}
.home-intro .text p:not(.h1) {
/font-size: 22px;
max-width: 660px;
line-height: 28px;
margin-bottom: 5px;
}
.home-intro .text .h3 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1;
font-size: 16px !important;
line-height: normal;
font-weight: 500;
text-align: right;
max-width: 760px;
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
float: right;
}
.home-intro .text .h3:hover {
/background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.home-intro .text .h3:after {
content: '\f178';
color: #080808;
font-size: 25px;
font-family: 'font awesome 5 pro';
display: block;
float: right;
font-weight: 100;
margin-left: 10px;
}
.latest-recipes {
position: relative;
}
.latest-recipes .arrows-container {
display: none;
}
.latest-recipes .h1 {
text-align: center;
margin-bottom: 20px;
}
.latest-recipes article:first-child {
width: 69%;
float: left;
margin-right: 3%;
}
.latest-recipes article:first-child img {
width: 100%;
}
.latest-recipes article:nth-child(2), .latest-recipes article:nth-child(3) {
width: 27.6%;
float: right;
}
.latest-recipes article:nth-child(2) {
margin-bottom: 31px;
}
/* Recipe Tabs */
.recipe-tabs .slick-track {
width: 100%;
}
.section.recipe-tabs, .section.latest-in, .section.recipe-tabs-2 {
background: url(https://i2.wp.com/thewoodenskillet.com/wp-content/uploads/2020/12/tws-pattern.png);
background-size: 1200px;
border-top: 2px solid #f5f5f5;
border-bottom: 2px solid #f5f5f5;
padding: 30px 0;
}
.recipe-tabs .section-inner, .recipe-tabs-2 .section-inner {
display: table;
width: 100%;
}
.recipe-tabs .h1, .recipe-tabs p, .recipe-tabs-2 .h1, .recipe-tabs-2 p {
text-align: center;
}
.recipe-tabs p, .recipe-tabs-2 p {
margin-bottom: 40px;
}
.recipe-tabs-inner {
position: relative;
}
.tws-tab, .tws-tab-2 {
display: none;
position: relative;
}
.tws-tab.current, .tws-tab-2.current {
display: inherit;
}
.tabs-navigation-1, .tabs-navigation-2 {
position: absolute;
top: 0;
right: 0;
border-bottom: 1px solid #7f7f7f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 0;
z-index: 20;
width: 100%;
max-width: 620px;
}
.tab-label, .tab-label-2 {
width: 33.333%;
text-align: center;
cursor: pointer;
border-right: 1px solid #7f7f7f;
padding: 15px 5px;
margin-bottom: 10px;
color: #a09f9f;
display: FLEX;
ALIGN-ITEMS: CENTER;
justify-content: center;
}
.tab-label:last-child, .tab-label-2:last-child {
border-right: 0;
}
.tab-label p.h6, .tab-label-2 p.h6 {
margin: 0;
}
.tabs-content {
position: relative;
height: 560px;
}
.tws-tab {
display: none;
}
.tws-tab.tab-active {
display: block;
}
.tab-hovers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 590px;
}
.tab-hovers .tabs-col-1 {
position: relative;
width: 100%;
max-width: 460px;
margin-right: 60px;
}
.tab-hovers .tabs-col-1 .tab-inner {
position: relative;
}
.tab-hovers .tabs-col-1 .tab-inner article {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
opacity: 0;
}
.tab-hovers .tabs-col-1 .tab-inner article:first-child {
visibility: visible;
opacity: 1;
}
.tab-hovers .tabs-col-1 .tab-inner article img {
width: 100%;
}
.tabs-col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 100px;
width: 100%;
}
.home .tabs-col-2 {
max-width: 620px;
}
.tab-trigger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'meno-banner', sans-serif;
font-size: 22px;
line-height: 26px;
letter-spacing: .05em;
font-weight: 600;
color: #a09f9f;
text-align: left;
}
.tab-trigger.current, .tab-label.current, .tab-label:hover,
.tab-trigger.current, .tab-label-2.current, .tab-label-2:hover{
color: #080808;
}
.tab-trigger .number {
margin-right: 30px;
}
.tab-trigger:first-child {
color: #080808;
}
.tabs-col-2 .tab-trigger:first-child:before {
content: '01';
display: block;
float: left;
margin-right: 30px;
}
.tabs-col-2 .tab-trigger:nth-child(2):before {
content: '02';
display: block;
float: left;
margin-right: 30px;
}
.tabs-col-2 .tab-trigger:nth-child(3):before {
content: '03';
display: block;
float: left;
margin-right: 30px;
}
.tabs-col-2 .tab-trigger:nth-child(4):before {
content: '04';
display: block;
float: left;
margin-right: 30px;
}
.tabs-col-2 .tab-trigger:nth-child(5):before {
content: '05';
display: block;
float: left;
margin-right: 30px;
}
.tabs-col-2 .tab-trigger:nth-child(6):before {
content: '06';
display: block;
float: left;
margin-right: 30px;
}
.tab-active .tab-image {
display: block;
}
.recipe-tabs, .recipe-tabs-2 {
text-align: center;
margin-top: 30px;
}
.recipe-meta {
margin: 30px 0;
}
.recipe-hovers-1 .slick-dots, .recipe-hovers-2 .slick-dots {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.5px;
bottom: -20px;
}
.recipe-hovers-1 .slick-dots a, .recipe-hovers-2 .slick-dots a {
color: #a09f9f;
}
.recipe-hovers-1 .slick-dots .slick-active a, .recipe-hovers-2 .slick-dots .slick-active a {
color: #080808;
}
/* Video Section */
.section.watch-video {
background: #f7f5f1;
margin: 0 auto 100px;
}
.watch-video .h1 {
text-align: center;
font-family: 'faustine', serif;
font-size: 65px;
margin-bottom: 0;
padding-top: 20px;
}
.video-columns {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
margin-top: -15px;
}
.video-columns .video-left {
width: 40%;
padding-right: 5%;
}
.video-left .button:hover {
border-color: #080808! important;
}
.video-left p.h6 {
margin-bottom: 0;
text-align: center;
}
.video-left p.h6:before {
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 14px auto;
}
.video-left h3,
.video-left .h3 {
display: table;
text-align: center;
margin: 10px auto 5px;
font-size: 22px;
}
.video-left p {
text-align: center;
}
.button-group {
display: flex;
justify-content: space-between;
}
.button-group .button {
width: 48%;
padding: 10px;
}
.video-columns .video-right {
width: 60%;
text-align: right;
position: relative;
top: 50px;
}
/* Offers */
.ws-mark {
position: absolute;
right: 0;
top: -60px;
z-index: 99;
width: 133px;
}
.section.offer-1 {
padding: 0;
background: #f7f5f1;
margin-top: 80px;
}
.offer-1 .section-inner, .offer-2 .section-inner {
display: flex;
align-items: center;
justify-content: center;
}
.offer-1 .h1 {
text-align: left;
font-family: faustine, serif;
font-size: 65px;
margin-bottom: 18px;
letter-spacing: 0;
margin-top: -15px;
}
.offer-1 h2 {
text-align: left;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 10px;
}
.offer-1 p {
margin-bottom: 18px;
}
.offer-1 .offer-left {
width: 45%;
text-align: left;
margin-right: 5%;
}
.offer-1 .offer-left .button:hover {
border: 1px solid #080808 !important;
}
.offer-1 .offer-right {
width: 50%;
text-align: center;
}
.section.offer-2 {
background: #f7f5f1;
padding: 40px 0;
}
.offer-2 .h1 {
font-size: 50px;
font-weight: 100;
letter-spacing: .04em;
margin-bottom: 10px;
}
.offer-2 .button {
color: #080808;
background: transparent;
}
.offer-2 .button:hover {
color: #f7f5f1 !important;
background: #080808 !important;
}
.offer-2 .offer-left {
width: 50%;
text-align: center;
}
.offer-2 .offer-right {
width: 65%;
text-align: center;
}
.offer-right img {
width: 100%;
}
.offer-2 .offer-right img {
max-width: 500px;
}
/* Latest In Tabs */
.latest-in .tabs {
margin: 0 auto 28px;
padding: 0px;
list-style: none;
text-align: center;
}
.latest-in .tabs li {
background: none;
display: inline-block;
padding: 6px 18px;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.latest-in .tabs li p.h6 {
margin-bottom: 0;
display: inherit;
margin: 0 auto;
width: auto;
}
.latest-in .tabs li p.h6:hover {
text-decoration: underline;
}
.latest-in .tabs .current {
transition: all 0.2s ease-in-out;
color: #fff;
background: #080808;
}
.latest-in .tab-content {
display: none;
position: relative;
}
.latest-in .tab-content.current {
display: inherit;
}
/* What Is Series */
.section.what-is {
background: #f7f5f1;
margin: 100px 0 50px;
}
.section.what-is .section-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0;
}
.series-left {
display: flex;
flex-direction: row;
align-items: flex-start;
margin-right: 2%;
width: 67%;
align-items: center;
}
.series-left img {
width: 100%;
max-width: 320px;
margin-right: 30px;
position: absolute;
}
.series-left .series-info {
max-width: 380px;
margin-left: 360px;
}
.series-left .series-info .h1 {
text-align: left;
font-family: faustine, serif;
font-size: 65px;
margin-bottom: 20px;
letter-spacing: 0;
}
.series-left .series-info h2 {
text-align: left;
text-transform: uppercase;
font-size: 28px;
font-weight: 500;
}
.series-info p.h6 {
margin-bottom: 15px;
}
.series-right {
width: 32%;
margin-top: 80px;
}
.series-right .circle-container {
color: #080808;
border: 1px solid #080808;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 -0.5px #080808, 0 0 0 5px #f7f5f0, 0 0 0 6px #080808;
flex-direction: column;
width: 100px;
height: 100px;
margin-left: 30px;
margin-bottom: 30px;
float: left;
text-align: center;
position: relative;
}
.series-right .circle-container:hover {
box-shadow: 0 0 0 -0.5px #080808, 0 0 0 5px #080808, 0 0 0 6px #080808;
background: #080808;
color: #fff;
}
.series-right .circle-container:hover .circle {
color: #f7f5f0;
}
.series-right .circle.disabled {
cursor: default;
position: relative;
}
.series-right .circle {
color: #080808;
}
.series-right .circle-container:first-child,.series-right .circle-container:nth-child(4) {
margin-left: 0;
clear: both;
}
.series-right .circle h3,
.series-right .circle .h3 {
line-height: 1.4;
font-weight: 700;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.series-right p {
line-height: 1;
font-size: 13px;
margin: 0;
}
.favorites {
display: table;
margin: 0 auto 30px;
}
.favorites .columns .one-fourth:first-child {
margin-left: 0;
}
.favorites .button {
display: table;
margin: 30px auto 0;
clear: both;
}
/* Bootcamp Signup */
.section.bootcamp-signup {
margin: 60px auto;
}
.section.bootcamp-signup .section-inner {
border: 1px solid #080808;
padding: 50px 30px;
max-width: 1140px;
}
.bootcamp-signup .h1 {
text-align: center;
margin-bottom: 28px;
}
.bootcamp-signup h3,
.bootcamp-signup .h3 {
margin-bottom: 30px;
}
.bootcamp-signup .h1 span {
font-family: faustine, serif;
font-size: 65px;
font-weight: normal;
line-height: 0;
position: relative;
top: 6px;
margin-left: 5px;
}
#mc_embed_signup_scroll {
display: flex;
margin: 0 auto;
justify-content: center;
}
.signup-form {
text-align: center;
}
.signup-form .button-only {
min-width: 200px;
}
.signup-form form {
max-width: 776px;
width: 100%;
margin: 0 auto;
}
.signup-form .mc-field-group {
max-width: 240px;
width: 100%;
margin-right: 40px;
}
.signup-form input {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 600;
border-radius: 0 !important;
width: 31%;
margin-right: 3%;
}
.signup-form button {
margin: 0;
padding: 11.5px;
color: #fff;
background: #080808;
border: 1px solid #080808;
width: 31%;
float: right;
cursor: pointer;
border-radius: 0 !important;
}
.signup-form button:hover {
background: #f7f5f1 !important;
border-color: #080808 !important;
color: #080808 !important;
}
/* Community Signup */
.community-signup .h1 {
font-family: faustine, serif;
font-size: 65px;
font-weight: normal;
text-align: center;
margin-bottom: 40px;
}
.community-signup .signup-form {
display: block;
margin-bottom: 40px;
}
.community-signup .signup-form .form-left h3,
.community-signup .signup-form .form-left .h3 {
max-width: 480px;
margin: 0 auto 30px;
line-height: 28px;
}
.fb-signup h2,
.fb-signup .h2 {
text-align: center;
font-weight: normal;
letter-spacing: .025em;
letter-spacing: .025em;
margin-bottom: 40px;
}
.fb-signup .button {
width: 260px;
margin: 0 auto;
display: block;
}
.fb-signup .button:hover, .sh-category .button:hover, .sh-join .button:hover, .sh-welcome .right .image-group .button:hover {
color: #080808 !important;
background: #f7f5f1 !important;
border: 1px solid #080808 !important;
}
.community-signup .signup-form .mc-field-group {
margin-right: 25px;
}
.community-signup .signup-form input[type="submit"] {
background: #080808;
color: #fff;
}
.community-signup .signup-form input[type="submit"]:hover {
color: #080808 !important;
background: #f7f5f1 !important;
border: 1px solid #f7f5f1 !important;
}
/* Home Bio */
.section.home-bio {
background: #f7f5f1;
padding: 40px 0 20px;
margin: 0 auto 20px;
}
.bio-top {
display: flex;
}
.bio-top .bio {
width: 70%;
border-right: 1px solid #080808;
padding-right: 4%;
margin-right: 5%;
}
.bio-left {
width: 100%;
max-width: 320px;
margin-right: 30px;
}
.bio-left img {
width: 100%;
max-width: 320px;
margin-right: 30px;
float: left;
}
.bio-right {
margin-top: 50px;
}
.bio-right p {
font-size: 22px;
line-height: 28px;
}
.bio-right .button {
color: #080808;
background: transparent;
}
.bio-right .button:hover {
color: #fff !important;
background: #080808 !important;
}
.quick-links h2 {
text-transform: uppercase;
font-size: 28px;
margin-top: 50px;
margin-bottom: 28px;
}
.quick-links a {
display: block;
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px;
}
.quick-links a:hover {
text-decoration: underline;
}
.press-icons {
margin-top: 60px;
display: flex;
align-items: center;
justify-content: space-evenly;
opacity: .3;
}
.press-icons p.h6 {
margin: 0;
}
.press-icons span {
display: flex;
align-items: center;
}
.press-icons img {
width: 100px;
}
/* Category Archives */
.category .breadcrumb {
margin: 0 auto;
position: relative;
}
.category h3,
.category .h3 {
font-size: 20px;
line-height: 24px;
}
.category .cat-icons {
margin-top: 14px;
}
.category .recipe-columns .one-fourth {
margin-bottom: 40px;
}
.cat-heading {
display: flex;
align-items: center;
}
.cat-heading .cat-info {
text-align: center;
padding: 30px;
background: #fff;
position: relative;
z-index: 99;
left: 10%;
max-width: 680px;
width: 100%;
}
.cat-heading .cat-info.plain {
padding: 0;
left: 0;
margin: 40px auto 0;
width: 100%;
}
.cat-heading .cat-info.plain:before {
display: none;
}
.cat-heading .cat-info:before {
content: '';
display: block;
background: url(https://thewoodenskillet.com/wp-content/uploads/2020/12/ws-mark-light.png);
position: absolute;
width: 158px;
height: 217px;
left: -26%;
opacity: .5;
background-size: contain;
background-repeat: no-repeat;
}
.cat-heading .cat-info .h1, .cat-text-block .h1 {
font-weight: bold;
font-size: 42px;
margin: 0 auto 20px;
display: inline;
z-index: 99;
position: relative;
background-image: linear-gradient(#fff 60%, #f7f5f1 55%);
}
.cat-text-block .h1 {
font-size: 36px;
}
.cat-info .archive-meta {
max-width: 450px;
margin: 0 auto;
}
.cat-info .archive-meta a {
text-decoration: underline;
}
.cat-info .archive-meta p:first-child {
margin-top: 20px;
}
.cat-info .archive-meta p:last-child {
margin-bottom: 0;
}
.cat-heading .cat-image {
z-index: 0;
width: 100%;
}
.cat-text-block {
margin: 60px auto;
padding: 0 30px;
}
.cat-text-block .section-inner {
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #d7d7d7;
padding: 0;
height: 300px;
}
.cat-text-block .left {
padding: 90px 0;
width: 50%;
text-align: center;
flex: 1;
}
.cat-text-block .right {
flex: 1;
width: 50%;
height: 100%;
}
.cat-text-block .h1 {
z-index: 99;
position: relative;
}
.cat-text-block p {
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
letter-spacing: .01em;
font-size: 18px;
line-height: 28px;
padding: 0;
}
.cat-text-block p a {
text-decoration: underline;
font-weight: 500;
}
.cat-text-block p {
margin-top: 20px;
margin-bottom: 0;
}
.cat-slider .h1 {
margin-bottom: 25px;
max-width: 1134px;
margin: 0 auto 10px;
}
.cat-slider p {
max-width: 1134px;
margin: 0 auto 20px;
}
.cat-slider .description {
max-width: 1108px;
margin: 0 auto;
}
.cat-slider-wrap {
position: relative;
}
.cat-slider .slick-slide {
margin-right: 5px;
margin-left: 5px;
}
.slick-arrow:hover {
background: none !important;
}
.cat-slider-wrap .slick-arrow,
.latest-recipes .slick-arrow,
.browse .slick-arrow {
position: absolute;
background-color: transparent;
transform: none;
z-index: 1;
cursor: pointer;
font-size: 80px;
padding: 0;
color: #080808;
border: none;
font-family: 'Font Awesome 5 Pro';
top: 50%;
transform: translateY(-50%);
}
.cat-slider-wrap .slick-arrow {
top: 31%;
}
.cat-slider-wrap button.prev1.slick-arrow,
.cat-slider-wrap button.prev2.slick-arrow,
.cat-slider-wrap button.prev3.slick-arrow{
left: -4%;
}
.latest-recipes button.prev-latest.slick-arrow {
left: 0;
}
.browse button.prev-browse.slick-arrow {
left: 0;
}
.cat-slider-wrap button.next1.slick-arrow,
.cat-slider-wrap button.next2.slick-arrow,
.cat-slider-wrap button.next3.slick-arrow {
right: -5%;
}
.latest-recipes button.next-latest.slick-arrow {
right: 0;
}
.browse button.next-browse.slick-arrow {
right: 0;
}
.cat-slider-wrap .slick-arrow .la,
.latest-recipes .slick-arrow .la,
.browse .slick-arrow .la {
width: 30px;
}
.cat-loop {
margin: 0 auto 20px !important;
}
.cat-loop .recipe-columns {
margin-bottom: 0;
}
.cat-loop .recipe-columns {
margin-bottom: 0;
}
.cat-loop .recipe-columns h3,
.cat-loop .recipe-columns .h3 {
margin-top: 0;
}
.cat-loop .h1 {
text-align: center;
margin-bottom: 25px;
}
.cat-loop h3:before,
.cat-loop .h3:before {
/*
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 14px auto;
*/
}
.cat-loop h3, .cat-loop .h3 {
padding-top: 12px;
}
/* Recipe Index */
.facetwp-flyout {
z-index: 9999999 !important;
}
.facetwp-flyout-content {
padding-left: 20px !important;
}
.recipe-widgets {
position: relative;
}
.recipe-columns.facetwp-template {
margin-bottom: 0;
}
.page-template-recipe-index .section {
position: relative;
margin: 40px auto 0;
}
.page-template-recipe-index .intro {
text-align: center;
}
.page-template-recipe-index .intro .h1 {
font-weight: bold;
letter-spacing: 0.04em;
}
.page-template-recipe-index .intro p {
max-width: 720px;
margin: 0 auto;
}
.recipe-browse .section-inner {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.recipe-wrap {
display: flex;
justify-content: space-between;
}
.facetwp-facet {
margin-bottom: 40px;
}
.facet-selections {
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
border-bottom: 1px solid #f7f5f0;
height: 40px;
float: left;
width: 100%;
}
.facet-selections:before {
content: "Recipes Displayed: ";
display: inline-block;
padding-right: 15px;
float: left;
}
.facetwp-selection-label {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.facetwp-selections .facetwp-selection-value {
font-weight: 200;
font-style: italic;
background: none !important;
}
.facetwp-selections ul {
float: left;
}
.facetwp-selection-value:before {
content: "\f00d";
font-family: 'Font Awesome 5 Pro';
margin-right: 10px;
font-style: normal;
font-weight: 600;
background: #f7f5f1;
padding: 4px 7px;
}
.facetwp-facet .facetwp-checkbox {
background: transparent;
position: relative;
}
.facetwp-facet .facetwp-checkbox.checked {
background: transparent;
}
.facetwp-facet .facetwp-checkbox:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 13px;
height: 13px;
border: 1px solid #000;
border-radius: 50%;
}
.facetwp-facet .facetwp-checkbox.checked:after, .facetwp-facet .facetwp-checkbox:hover:after {
content: "\f00c";
font-family: 'Font Awesome 5 Pro';
position: absolute;
left: 2px;
top: calc(50% - 1px);
transform: translateY(-50%);
}
.recipe-index .recipe-columns .one-third {
margin-bottom: 40px;
}
.recipe-index .recipe-columns .one-third:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.facetwp-pager {
clear: both;
}
.recipe-filter {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
max-width: 220px;
}
.recipe-filter p.h6 {
font-size: 14px;
letter-spacing: 2px;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
display: inline-block;
}
.recipe-filter p.h6:first-child {
margin-bottom: 5px;
background-image: none;
}
.facetwp-icon {
opacity: 1;
right: 1%;
top: 33%;
font-size: 16px;
font-weight: 900;
color: #000;
opacity: 1 !important;
font-style: normal;
}
.facetwp-icon:before {
content: "\f002" !important;
background: none !important;
font-family: 'font awesome 5 pro';
}
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
padding: 10px 14px;
border-radius: 999px;
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
letter-spacing: normal;
}
.recipe-index {
padding-left: 60px;
width: 100%;
}
.recipe-index .button-group h2 {
margin-bottom: 0;
font-size: 22px;
line-height: 25px;
}
.recipe-index button {
padding: 12px 26px;
width: 48%;
}
.facetwp-flyout-content {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
padding-left: 20px;
}
.facetwp-flyout-content h3,
.facetwp-flyout-content .h3 {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
.facetwp-flyout-close {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size: 17px;
}
.facetwp-flyout-content p.h6 {
font-size: 14px;
font-weight: bold;
}
.facetwp-flyout-content .name-search_recipes {
display: none;
}
.recipe-index .clear-btn button {
padding: 0;
color: #080808;
background: transparent;
border: none;
font-weight: bold;
width: auto;
}
.recipe-index .clear-btn {
float: right;
}
/* Start Here */
.sh-welcome {
display: flex;
align-items: center;
margin-bottom: 60px;
margin-top: 0;
}
.sh-welcome .headshot {
margin-bottom: 30px;
display: none;
}
.sh-welcome .h1 {
font-family: faustine, serif;
font-size: 80px;
}
.sh-welcome .left {
width: 50%;
padding-right: 5%;
}
.sh-welcome .right {
width: 50%;
}
.sh-welcome .right .image-group {
position: relative;
}
.sh-welcome .right .image-group img {
border: 10px solid #f7f5f1;
}
.sh-welcome .right .image-group .img1 {
width: 100%;
max-width: 400px;
position: relative;
z-index: 99;
}
.sh-welcome .right .image-group .img2 {
width: 100%;
max-width: 300px;
position: absolute;
z-index: 9;
bottom: -9%;
right: -13%;
}
.sh-welcome .right .image-group .button {
position: absolute;
z-index: 9999;
bottom: 5%;
left: -5%;
}
.sh-welcome .right .image-group .button:hover {
background: #f7f5f0;
color: #080808;
}
.page-template-start-here .section.full-width.sh-nav-wrap {
padding: 30px 0;
background: #f7f5f0;
}
.sh-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sh-nav p.h6 {
padding: 8px 12px;
display: inline-block;
line-height: normal;
margin: 10px 14px;
background: #080808;
color: #fff;
border: 1px solid #080808;
min-width: 195px;
text-align: center;
}
.sh-nav p.h6:hover {
color: #080808;
background: transparent;
}
.sh-journey {
display: flex;
margin: 120px auto;
}
.sh-journey .left {
flex: 2;
padding-right: 5%;
}
.sh-journey .right {
flex: 1.5;
}
.page-template-start-here .section.full-width {
background: #f7f5f0;
padding: 30px 0;
}
.page-template-start-here .sh-how p.h6.cta {
margin: 0;
}
.page-template-start-here .sh-how p.h6.cta:hover {
background-image: none;
text-decoration: underline;
}
.page-template-start-here p.h6.cta a:hover {
background-image: none;
}
.page-template-start-here .cat-columns .one-fourth {
margin-bottom: 2.564102564102564%;
}
.page-template-start-here .cat-columns article h3 a:hover,
.page-template-start-here .cat-columns article .h3 a:hover,
.page-template-start-here .cat-columns article p.h6 a:hover,
.video-left h3 a:hover, .video-left p.h6 a:hover {
background-image: none;
text-decoration: underline;
}
.page-template-start-here .cat-columns p.h6.cta {
margin-bottom: 40px;
}
.page-template-start-here .cat-columns p.h6.cta:after {
display: none;
}
.page-template-start-here .cat-columns p.h6 a:hover {
background-image: none;
text-decoration: underline;
}
.page-template-start-here .cat-columns .button {
margin: 0 auto;
display: table;
}
.page-template-start-here .cat-columns .button:hover {
border-color: #080808 !important;
}
.sh-join, .sh-category, .sh-challenge, .sh-meal {
text-align: center;
}
.page-template-start-here .columns {
display: flex;
align-items: center;
margin-top: 50px;
border: 2px solid #d7d7d7;
background: #fff;
}
.page-template-start-here .sh-join.bootcamp .columns {
flex-direction: column;
}
.page-template-start-here .sh-join:last-of-type .columns h3,
.page-template-start-here .sh-join:last-of-type .columns .h3 {
max-width: 100%;
}
.page-template-start-here .columns .column {
width: 50%;
padding: 60px 40px;
flex: 1;
}
.page-template-start-here .columns .column:first-child {
border-right: 2px solid #d7d7d7;
}
.page-template-start-here .section.sh-category {
margin: 0 auto 20px;
}
.sh-join h2, .sh-category h2, .sh-challenge h2 {
font-weight: normal;
letter-spacing: 0;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
display: inline-block;
padding: 0 40px;
margin-bottom: 20px;
}
.sh-challenge h2 {
padding: 0;
margin-bottom: 20px;
}
.sh-join h3, .sh-category h3,
.sh-join .h3, .sh-category .h3 {
max-width: 390px;
margin: 5px auto 30px;
font-weight: normal;
line-height: 1.4;
}
.sh-join.bootcamp h3,
.sh-join.bootcamp .h3 {
max-width: 100%;
}
.sh-join .button, .sh-category .button, .sh-challenge .button {
width: 260px;
display: block;
margin: 0 auto;
}
.page-template-start-here .sh-category .columns:first-of-type{
border: none;
background: transparent;
}
.page-template-start-here .sh-category .columns:first-of-type .column {
background: transparent;
border: none;
padding: 0 40px;
max-width: 500px;
margin: 0 auto;
}
.page-template-start-here .sh-category .columns:first-of-type .column h2 {
background-image: linear-gradient(#f7f5ef 30%, #ffffff 0%);
width: 100%;
}
.page-template-start-here .sh-category .columns:first-of-type .column .button {
position: relative;
top: -23px;
}
.page-template-start-here .sh-category .columns:last-of-type h2:last-of-type {
background-image: none;
}
.page-template-start-here .sh-category .columns:last-of-type p, .sh-challenge p {
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 22px;
}
.sh-category h2 {
width: 100%;
max-width: 465px;
margin: 0 auto 40px;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.sh-challenge h1, .sh-challenge .h1 {
font-family: 'faustine', serif;
font-size: 70px;
margin: 0 auto;
background: #fff;
display: table;
padding: 0 30px 20px;
position: relative;
line-height: 1.2;
z-index: 99;
}
.page-template-start-here .sh-challenge .columns {
padding: 60px 0;
margin-top: -55px;
position: relative;
z-index: 9;
justify-content: space-between;
height: 440px;
}
.sh-challenge .columns .left {
width: 56%;
}
.sh-challenge .columns .left img {
position: absolute;
left: -7%;
top: 10%;
max-width: 600px;
width: 100%;
}
.sh-challenge .columns .right {
width: 50%;
padding-right: 5%;
}
.sh-challenge p a {
font-weight: bold;
text-decoration: underline;
}
.sh-meal .row {
display: flex;
margin-top: 60px;
}
.sh-meal .row:last-child {
flex-direction: row-reverse;
}
.sh-meal .offer-2 .h1 {
font-size: 32px;
}
.sh-meal .offer-2.row .offer-right,
.sh-meal .offer-2.row .offer-left {
width: 50%;
text-align: center;
position: relative;
right: 0;
z-index: 9;
left: 0;
}
.sh-meal .offer-2 .offer-left {
padding-right: 0;
}
.page-template-start-here .bootcamp .columns {
display: block;
padding: 40px;
}
.sh-meal h3,
.sh-meal .h3 {
font-weight: normal;
line-height: 1.4;
}
.page-template-start-here .section.full-width.what-is {
padding: 0;
}
.page-template-start-here .section.full-width.sh-how {
padding: 70px 0 30px;
}
.sh-how .h1 {
position: relative;
}
.sh-how .h1, .sh-how p {
text-align: center;
}
.sh-how .h1 span {
font-family: 'faustine', serif;
font-size: 45px;
letter-spacing: 0px;
position: absolute;
top: -58px;
margin-left: -44px;
}
.sh-how .tabs-navigation-1 {
left: 0;
margin: 40px auto 0;
position: initial;
}
.sh-how .tab-hovers {
min-height: auto;
}
.sh-how .tabs-col-2 {
padding-top: 0;
width: 100%;
column-count: 2;
column-gap: 20px;
display: block;
margin: 40px auto 10px;
}
.sh-how .tabs-col-2 img {
border-radius: 50%;
width: 110px;
margin-right: 20px;
order: 1;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
.sh-how .tab-trigger.active img, .tab-trigger:first-child img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.sh-how .tab-trigger:hover img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;
}
.sh-how .tab-trigger {
align-items: flex-start;
}
.sh-how .tabs-col-2 .tab-trigger .title {
order: 2;
display: flex;
margin-top: 10px;
}
.sh-how .tabs-col-2 .tab-trigger:before {
order: 2;
margin-top: 10px;
}
.sh-how p.h6.cta:after {
display: none;
}
/* Default Page */
.page-template-default .page-header img {
width: 100%;
}
.contact-block {
background: #f7f5f1;
font-family: 'meno-banner', serif;
padding: 20px;
text-align: center;
display: flex;
align-items: center;
}
.contact-block:before {
content: '';
display: inline-block;
margin-right: 20px;
background: url(https://thewoodenskillet.com/wp-content/uploads/2020/12/ws-mark.png);
height: 150px;
width: 30%;
opacity: .3;
float: left;
background-size: contain;
background-repeat: no-repeat;
}
.contact-block .wp-block-group__inner-container strong {
font-size: 25px;
}
.contact-block .wp-block-group__inner-container p {
margin: 0 0 20px;
font-weight: 600;
}
.content .entry-content .contact-block a:hover {
background-image: none !important
}
/* Shop Page */
.section.full-width.page-header {
background: #f7f5f1;
padding: 0 0 40px;
text-align: center;
}
.page-header .section-inner {
max-width: 680px;
}
.page-template-shop .page-header .h1 em {
font-family: 'faustine', serif;
font-size: 75px;
font-style: normal;
}
.page-template-shop .page-header p.h6 {
text-transform: uppercase;
font-size: 14px;
letter-spacing: .075em;
font-family: 'crimson text', serif;
font-weight: normal;
margin-bottom: 0;
}
.shop-block {
display: table;
clear: both;
padding: 30px;
margin-bottom: 40px;
}
.shop-block:nth-child(odd) {
padding: 0 30px;
}
.shop-block:nth-child(even) {
background: #f7f5f1;
}
.shop-block .product-columns .product-col:nth-child(3n+1) {
margin-left: 0;
clear: both;
}
.shop-block .product-col {
margin-bottom: 0;
margin-top: 20px;
text-align: center;
}
.shop-block h2 {
font-weight: 600;
letter-spacing: 1px;
font-size: 24px;
text-transform: uppercase;
border-bottom: 1px double #080808;
border-width: 4px;
display: flex;
align-items: center;
padding-bottom: 6px;
margin: 0 0 10px;
}
.shop-block h2:before {
content: '';
display: inline-block;
background: url(https://thewoodenskillet.com/wp-content/uploads/2020/12/ws-mark.png);
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 45px;
}
.shop-block .product-columns .product-col img {
border: 2px solid #d7d7d7;
}
.shop-block h3,
.shop-block .h3 {
text-align: center;
margin: 12px 0;
font-size: 18px;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.shop-block .button {
width: 100%;
}
.shop-block .button:hover {
border-color: #080808 !important;
background: #f7f5f1 !important;
color: #080808 !important;
}
/* Contact Page */
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
border-radius: 0 !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: 300;
letter-spacing: .075em;
}
.wpcf7 input[type="submit"] {
font-weight: 700;
font-size: 13px;
line-height: normal;
letter-spacing: .15em;
}
.wpcf7 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: 700;
letter-spacing: .075em;
}
.wpcf7 p label {
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
font-weight: 600;
letter-spacing: .075em;
display: block;
margin-bottom: 10px;
}
.contact-name {
display: flex;
justify-content: space-between;
}
.contact-name p {
width: 48.5%;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px 0 !important;
padding: 0 !important;
border: none !important;
}
/* Common Classes
---------------------------------------------------------------------------- */
/* Avatar
--------------------------------------------- */
.avatar {
border-radius: 50%;
float: left;
}
.author-box .avatar,
.alignleft .avatar {
margin-right: 20px;
}
.alignright .avatar {
margin-left: 20px;
}
.comment .avatar {
margin: 0 15px 20px 0;
}
/* Genesis
--------------------------------------------- */
.after-entry {
background: #f7f5f1;
padding: 30px;
}
.after-entry .textwidget {
display: flex;
justify-content: space-between;
align-items: center;
}
.after-entry h1, .after-entry .h1 {
text-align: left;
font-family: faustine, Brush Script MT, script;
font-size: 65px;
margin-bottom: 20px;
letter-spacing: 0;
}
.after-entry h2 {
letter-spacing: 3px;
font-size: 28px;
margin-bottom: 18px;
}
.after-entry p {
margin-bottom: 18px;
}
.after-entry .left {
padding-right: 10px;
width: 50%;
}
.after-entry .right {
width: 50%;
}
.after-entry,
.archive-description,
.author-box {
margin-bottom: 40px;
}
.after-entry .widget:last-of-type {
margin-bottom: 0;
}
.breadcrumb {
font-size: 13px;
max-width: 1200px;
padding: 0 30px;
margin: 0 auto 40px;
text-transform: uppercase;
}
.breadcrumb i {
color: #c5c5c5;
padding: 0 8px;
font-size: 18px;
position: relative;
top: 2px;
}
.breadcrumb-link-wrap {
border-bottom: 1px solid;
}
.genesis-title-hidden .breadcrumb {
margin-top: 40px;
}
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
}
/* Search Form
--------------------------------------------- */
.search-form {
overflow: hidden;
}
.entry-content .search-form {
margin-bottom: 40px;
width: 50%;
}
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
margin-top: 10px;
}
.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
/* Titles
--------------------------------------------- */
.archive-description .entry-title,
.archive-title,
.author-box-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-title {
font-size: 38px;
line-height: 1.2;
margin-bottom: 10px;
font-weight: 700;
letter-spacing: .04em;
}
.page-template-default .entry-title {
font-size: 35px;
margin-bottom: 28px;
font-weight: 700;
letter-spacing: .5px;
}
.entry-title a,
.sidebar .widget-title a {
color: #080808;
text-decoration: none;
}
.entry-title a:focus,
.entry-title a:hover {
color: #080808;
}
.widget-title {
font-size: 25px;
margin-bottom: 20px;
text-align: center;
line-height: 32px;
font-weight: normal;
}
.genesis-title-hidden .site-inner {
padding-top: 0;
}
/* WordPress
--------------------------------------------- */
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,
.singular-image {
display: block;
margin: 0 auto 30px;
}
img.alignnone,
.alignnone {
margin-bottom: 15px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
figcaption,
.gallery-caption,
.wp-caption-text {
font-size: 14px;
font-weight: 600;
margin-top: 0.5em;
margin-bottom: 1em;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.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 30px;
}
/* Widgets
---------------------------------------------------------------------------- */
.widget {
margin-bottom: 40px;
}
.widget p:last-child,
.widget ul > li:last-of-type {
margin-bottom: 0;
}
.widget ul > li:last-of-type {
padding-bottom: 0;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
}
/* Featured Content
--------------------------------------------- */
.featured-content .entry {
border-bottom: none;
margin-bottom: 20px;
}
.featured-content .entry:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.featured-content .entry-title {
font-size: 16px;
margin-bottom: 5px;
margin-top: 10px;
}
/* Plugins
---------------------------------------------------------------------------- */
/* Genesis eNews Extended
--------------------------------------------- */
.after-entry .enews {
text-align: center;
padding: 10px;
}
.enews-widget input {
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 600;
border-radius: 0 !important;
}
.after-entry .enews-widget input {
text-align: center;
}
.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
background: #f7f5f0;
border-color: #080808;
color: #080808;
font-size: 13px;
}
.enews-widget input[type="submit"]:hover {
color: #f7f5f0 !important;
background: #080808 !important;
border-color: #080808 !important;
}
.enews form + p {
margin-top: 20px;
}
.sidebar .enews {
text-align: center;
}
.sidebar .enews .button {
width: 100%;
}
.sidebar .enews .h1 {
font-family: faustine, serif;
font-size: 55px;
font-weight: normal;
margin: 0 auto 5px;
}
.sidebar .enews h2 {
margin: 0;
font-size: 22px;
font-weight: normal;
letter-spacing: 0;
}
.sidebar .enews h3 {
font-size: 27px;
margin: 2px auto 20px;
}
.sidebar .enews p.h6 {
letter-spacing: 2px;
font-size: 13px;
text-transform: none;
}
.sidebar .enews p.h6 a {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.sidebar .enews-widget input[type="submit"]:hover {
background: #080808;
color: #fff;
}
/* Genesis Simple FAQ
--------------------------------------------- */
.gs-faq__question {
background: transparent;
border-bottom: 1px solid #eee;
color: #080808;
padding-left: 0;
padding-right: 0;
}
.gs-faq__question:focus,
.gs-faq__question:hover {
background: transparent;
color: #080808;
}
.gs-faq__question::after {
content: "\f132";
font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
float: right;
}
.gs-faq__question.gs-faq--expanded::after {
content: "\f460";
}
/* WP Forms
--------------------------------------------- */
.entry-content .wpforms-container {
margin-bottom: 40px;
}
.entry-content .wpforms-form .wpforms-field {
clear: both;
margin: 20px 0;
overflow: hidden;
}
.site-container .wpforms-container .wpforms-form .wpforms-field input {
border-radius: 0;
height: auto;
padding: 15px;
}
.site-container .entry-content .wpforms-form .wpforms-field-label {
font-weight: 600;
}
.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
font-size: 14px;
font-weight: 300;
}
.entry-content .wpforms-form .wpforms-field-hp {
display: none !important;
left: -9000px !important;
position: absolute !important;
}
.site-container .entry-content .wpforms-form textarea {
padding: 15px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
height: 120px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
height: 200px;
}
.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
height: 300px;
}
/* Skip Links
---------------------------------------------------------------------------- */
.genesis-skip-link {
margin: 0;
}
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden;
}
.genesis-skip-link li {
height: 0;
list-style: none;
width: 0;
}
/* Display outline on focus */
:focus {
color: #080808;
outline: none;
}
/* Site Header
---------------------------------------------------------------------------- */
.site-header {
background-color: #fff;
box-shadow: none;
padding: 15px 0;
display: flex;
align-items: center;
}
.home .site-header {
padding: 15px 0 0;
}
.site-header .wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
width: 100%;
display: flex;
align-items: center;
}
.site-header .wrap::before,
.site-header .wrap::after {
content: none;
}
.header-widget-area {
display: none;
position: relative;
order: 3;
}
.header-widget-area .widget {
margin-bottom: 0;
}
/*
.header-widget-area .widget_search .widget-wrap .search-form {
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header-widget-area .widget_search .widget-wrap .search-form input[type="search"] {
right: -20px;
position: relative;
width: 0;
padding: 12px;
border: none;
border-radius: 0;
background-color: transparent;
cursor: pointer;
-webkit-transition: width 500ms ease, background 400ms ease;
transition: width 500ms ease, background 400ms ease;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 999px;
}
.header-widget-area .widget_search .widget-wrap .search-form input[type="search"]:focus {
width: 250px;
outline: 0;
cursor: text;
z-index: 9999;
right: -10px;
background: #fff;
border: 1px solid #080808;
position: absolute;
}
.header-widget-area .widget_search .widget-wrap input[type="submit"] {
clip: rect(0, 0, 0, 0);
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.header-widget-area .widget_search .widget-wrap .search-form:before {
top: 50%;
left: 50%;
width: 20px;
height: 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header-widget-area .widget_search .widget-wrap .search-form:after {
content: '\f002';
display: block;
position: initial;
right: 0;
top: 0.4rem;
left: 0;
font-size: 17px;
font-weight: bold;
pointer-events: none;
font-family: 'Font Awesome 5 Pro';
color: #080808;
z-index: 99999;
}
*/
/* Utility Bar */
#menu-top-menu > li {
margin-bottom: 0;
display: inline-block;
margin-right: 14px;
}
#menu-top-menu > .social-nav {
margin-right: 0;
}
#menu-top-menu > li:last-child {
margin-right: 0;
}
#menu-top-menu > li a {
color: #080808;
text-decoration: none;
}
.utility-bar-left {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 19px;
/font-weight: 700;
letter-spacing: .01em;
}
.utility-bar-right h2,
.utility-bar-right .h2 {
margin: 0;
font-size: 42px;
font-family: faustine, 'Brush Script MT', script;
margin-bottom: 6px;
font-weight: normal;
text-transform: none;
}
.utility-bar-right .widget:last-of-type p {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 16px;
line-height: 18px;
font-weight: 600;
padding: 0 4px;
}
.utility-bar-right .widget:last-of-type {
background: #080808;
color: #fefefe;
text-align: center;
width: 175px;
height: 175px;
border-radius: 999px;
display: flex;
align-items: center;
position: absolute;
top: -48px;
right: 0;
}
.utility-bar {
background-color: #f7f5f1;
padding: 6px 0;
font-size: 16px;
text-align: center;
}
.utility-bar .wrap {
max-width: 1200px;
padding: 0 30px;
margin: 0 auto;
position: relative;
}
.utility-bar-right {
margin-top: 10px;
margin-right: 200px;
margin-left: auto;
display: flex;
}
.utility-bar-right a {
color: #fefefe;
}
.utility-bar-right a.search-icon {
color: #080808;
}
.utility-bar-right a:hover {
text-decoration: underline;
}
.utility-bar .widget {
margin-bottom: 0;
}
.search-icon {
cursor: pointer;
}
/* Search Widget
.utility-bar-right .search-form-input, .mini-header .search-form-input {
background: transparent;
border: none;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 700;
}
/**Search in Utility Bar
.utility-bar .widget_search .widget-wrap,
.mini-header .widget_search .widget-wrap {
margin-left: 20px;
position: relative;
}
.utility-bar .widget_search .widget-wrap .search-form,
.mini-header .widget_search .widget-wrap .search-form {
text-align: right;
}
.utility-bar .widget_search .widget-wrap .search-form input[type="search"],
.mini-header .widget_search .widget-wrap .search-form input[type="search"] {
position: relative;
width: 1px;
padding: 8.5px 15px;
padding-left: 0;
border: none;
border-radius: 0;
background-color: transparent;
cursor: pointer;
-webkit-transition: width 500ms ease, background 400ms ease;
transition: width 500ms ease, background 400ms ease;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 700;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: inset 0 0 0 20px #f7f5f0, inset 0 0 0 0;
border-bottom: 1px solid transparent;
}
.mini-header .widget_search .widget-wrap .search-form input[type="search"] {
width: 0;
}
.utility-bar .widget_search .widget-wrap .search-form input[type="search"]:focus {
width: 250px;
outline: 0;
background-color: transparent;
cursor: text;
z-index: 99999;
border-bottom: 1px solid #080808;
right: 0;
top: 0;
}
.mini-header .widget_search .widget-wrap .search-form input[type="search"]:focus {
width: 295px;
outline: 0;
background-color: #f7f5f0;
cursor: text;
z-index: 99999;
border-bottom: 1px solid #080808;
padding: 10px 15px;
}
.utility-bar .widget_search .widget-wrap input[type="submit"], .mini-header .widget_search .widget-wrap input[type="submit"] {
clip: rect(0, 0, 0, 0);
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.utility-bar .widget_search .widget-wrap .search-form:before, .mini-header .widget_search .widget-wrap .search-form:before {
top: 50%;
left: 50%;
width: 20px;
height: 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.utility-bar .widget_search .widget-wrap .search-form:after, .mini-header .widget_search .widget-wrap .search-form:after {
content: '\f002';
display: block;
position: absolute;
right: 0;
top: 0.4rem;
left: 0;
font-size: 16px;
font-weight: bold;
pointer-events: none;
font-family: 'Font Awesome 5 Pro';
color: #080808;
z-index: 0;
}
.mini-header .widget_search .widget-wrap .search-form:after {
z-index: 99999;
}
@media only screen and (max-width: 800px) {
.utility-bar .widget_search, .mini-header .widget_search {
margin-bottom: 10px;
margin-left: 20px;
}
.utility-bar .widget_search .search-form:before, .mini-header .widget_search .search-form:before {
position: absolute;
top: 10px;
left: 0;
color: #999;
-webkit-transform: none;
transform: none;
}
}
*/
/* Title Area
--------------------------------------------- */
.title-area {
float: left;
padding-bottom: 25px;
padding-top: 25px;
position: relative;
}
.title-area a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.wp-custom-logo .title-area {
padding-bottom: 5px;
padding-top: 5px;
}
.wp-custom-logo .title-area img {
width: auto;
}
.site-title {
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 0;
}
.site-title a,
.site-title a:focus,
.site-title a:hover {
color: #080808;
text-decoration: none;
}
.site-description,
.wp-custom-logo .site-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
/* Site Navigation
---------------------------------------------------------------------------- */
.genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%;
}
.genesis-nav-menu .widget-area {
display: none;
}
.genesis-nav-menu .widget-area .widget {
margin: 0;
}
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
}
.genesis-nav-menu a {
color: #080808;
outline-offset: -1px;
padding-bottom: 12px;
padding-top: 12px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 700;
display: inline-block;
}
.genesis-nav-menu .nav-start {
padding-left: 2px;
padding-right: 12px;
}
.genesis-nav-menu .nav-start a:before {
content: 'New?';
display: inline-block;
font-size: 42px;
font-family: 'faustine', 'Brush Script MT', script;
position: relative;
top: 5px;
font-weight: normal;
text-transform: none;
margin-right: 4px;
}
.genesis-nav-menu .social-nav, .mini-header .social-nav a, #menu-top-menu .social-nav a {
background: #080808;
color: #fff;
border-radius: 50%;
padding: 0 !important;
font-size: 13px !important;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.genesis-nav-menu .social-nav:hover, #menu-top-menu .social-nav a:hover {
text-decoration: none;
opacity: .6;
}
.social-nav span {
position: relative;
top: 1px;
}
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #080808;
text-decoration: none;
}
.genesis-nav-menu a:hover, #menu-top-menu a:hover {
text-decoration: underline;
}
.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a,
#menu-top-menu .sub-menu,
#menu-top-menu .sub-menu a {
width: 100%;
}
.genesis-nav-menu .sub-menu,
#menu-top-menu .sub-menu {
clear: both;
display: none;
left: -9999px;
margin: 0;
opacity: 1;
padding-left: 15px;
position: static;
z-index: 9999;
}
.genesis-nav-menu .sub-menu a,
#menu-top-menu .sub-menu a{
background-color: #fff;
position: relative;
word-wrap: break-word;
}
#menu-top-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu a:hover {
text-decoration: none;
background:#f7f5f1;
}
.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .menu-item:hover > .sub-menu,
#menu-top-menu .menu-item:hover > .sub-menu {
display: block;
left: auto;
opacity: 1;
}
/* Responsive Menu
--------------------------------------------- */
.menu .menu-item:focus {
position: static;
}
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1;
}
.genesis-responsive-menu .wrap {
padding: 0;
}
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
display: none;
}
.menu-toggle,
.sub-menu-toggle {
background-color: transparent;
border-width: 0;
color: #080808;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
background-color: transparent !important;
border-width: 0;
color: #080808;
}
.menu-toggle {
width: 25px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 0;
position: absolute;
left: 10px;
z-index: 1000;
}
.menu-toggle.activated::before {
content: "\f335";
}
.site-header .menu-toggle::before {
float: left;
position: relative;
text-rendering: auto;
top: 1px;
font-size: 24px;
}
.sub-menu-toggle {
float: right;
padding: 9px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
.sub-menu .sub-menu-toggle {
padding: 12px 10px;
}
.sub-menu-toggle::before {
display: inline-block;
text-rendering: auto;
transform: rotate(0);
transition: transform 0.25s ease-in-out;
}
.sub-menu-toggle.activated::before {
transform: rotate(180deg);
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
clear: left;
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
}
/* Footer Menu
--------------------------------------------- */
.nav-secondary {
margin-top: 10px;
}
.nav-secondary .genesis-nav-menu {
line-height: 1.5;
}
.nav-secondary .menu-item {
display: inline-block;
}
.nav-secondary a {
margin-left: 10px;
margin-right: 10px;
padding: 0;
}
/* Content Area
---------------------------------------------------------------------------- */
/* Blog Feed
--------------------------------------------- */
.blog .archive-description {
display: none;
}
.blog article .entry-content img {
width: 300px;
}
.blog .skip-to-blog {
display: none;
}
/* Entry Content
--------------------------------------------- */
.single .breadcrumb {
padding: 0 30px;
margin: 0 auto 28px;
}
.content-sidebar-wrap, .page-template-default .page-header {
max-width: 1200px;
padding: 0 30px;
margin: 0px auto 40px;
width: 100%;
}
.page-template-default .page-header {
margin: 0 auto 30px;
}
.page-template-shop .content-sidebar-wrap {
max-width: 1260px;
}
@media only screen and (min-width: 960px) {
.content {
float: left;
max-width: 740px;
width: 66%;
}
.page-template-shop .content {
float: left;
max-width: 840px;
width: 70%;
}
}
.single .content .post-info {
display: none;
}
.entry-header {
display: flex;
max-width: 1200px;
padding: 0 30px;
margin: 0 auto 40px;
}
.entry-header-left {
width: 60%;
padding-right: 60px;
position: relative;
}
.entry-buttons {
display: table;
width: 100%;
bottom: 0;
}
.entry-header-right {
width: 50%;
}
.entry-header h1 {
font-weight: bold;
letter-spacing: 0.04em;
margin-top: 0;
}
.entry-header .star-ratings {
margin-bottom: 10px;
font-size: 22px;
}
.entry-header .post-info, .blog .content .post-info {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 15px;
letter-spacing: .05em;
margin-bottom: 10px;
text-transform: uppercase;
}
.entry-header .post-info a:hover, .blog .content .post-info a:hover {
text-decoration: underline;
}
.entry-header .post-date, .blog .post-date {
font-style: italic;
}
.entry-header .post-excerpt {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 23.5px;
letter-spacing: .01em;
line-height: 31px;
}
.entry-header .post-excerpt p {
margin-bottom: 20px;
}
.entry-header .cat-icons {
text-align: left;
margin-top: 0;
margin-bottom: 10px;
display: flex;
justify-content: initial;
}
.entry-header .cat-icons a {
font-size: 11px;
width: 35px;
height: 35px;
margin: 0 6px 0 0;
padding-left: 0;
}
.entry-header .disclaimer {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 15px;
font-style: italic;
letter-spacing: .05em;
line-height: 19px;
margin-top: 20px;
text-transform: uppercase;
}
.entry-header .disclaimer:before {
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 14px 0;
}
.entry-header .disclaimer a {
text-decoration: underline;
}
.entry-header .disclaimer a:hover {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.entry-header .tasty-recipes-quick-links {
text-align: left;
float: left;
margin-right: 12px;
max-width: 230px;
width: 100%;
}
.entry-buttons .a2a-link {
background: #f7f5f0;
display: inline-block;
margin-top: 0;
text-transform: uppercase;
font-weight: 600;
font-family: 'meno-banner',serif;
padding: 12.5px 8px;
border-radius: 999px;
letter-spacing: .05em;
max-width: 230px;
width: 100%;
text-align: center;
float: left;
cursor: pointer;
}
.entry-buttons .a2a-link:hover {
color: #fff;
background: #080808;
}
.tasty-recipes-quick-links a:hover {
color: #fff;
background: #080808;
}
.tasty-recipes-jump-link {
background: #f7f5f0;
display: inline-block;
margin-top: 0;
padding: 0;
text-transform: uppercase;
font-weight: 600;
font-family: 'meno-banner', serif;
padding: 8px;
border-radius: 999px;
letter-spacing: .05em;
max-width: 230px;
width: 100%;
text-align: center;
}
.tasty-recipes-jump-link:after {
content: "\f063";
font-family: 'Font Awesome 5 Pro';
margin-left: 15px;
}
.dpsp-shortcode-wrapper {
margin-bottom: 0;
}
.dpsp-shortcode-wrapper .dpsp-networks-btns-wrapper li {
width: 32%;
width: 100% !important;
max-width: 230px !important;
margin: 0 !important;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-icon {
display: none !important;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-btn {
text-align: center;
display: block;
background: #f7f5f0 !important;
border-color: #f7f5f0 !important;
border-radius: 999px;
height: 41px !important;
line-height: 0px !important;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-btn:hover {
background: #080808 !important;
box-shadow: unset;
border: unset;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-btn:hover .dpsp-network-label {
color: #f7f5f0;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-btn:focus {
background: #080808;
box-shadow: unset;
border: unset;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-btn:focus .dpsp-network-label {
color: #f7f5f0;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-label {
color: #080808;
font-family: 'meno-banner', serif;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
letter-spacing: .05em;
}
.entry {
margin-bottom: 40px;
}
.content .entry-content a {
text-decoration: underline;
}
.content .entry-content a:hover {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.entry-title a:not(.button):not(.list):hover {
display: inline !important;
}
.content .entry-content a.button {
text-decoration: none;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 30px;
padding-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
margin-bottom: 6px;
}
.entry-content ol ul > li,
.entry-content ul ul > li {
list-style-type: circle;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
.entry-content code {
background-color: #f5f5f5;
}
.content .sticky {
background-color: #f5f5f5;
padding: 30px;
}
.single-post .entry-content, .page-template-default .entry-content {
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 18px;
letter-spacing: .039em;
line-height: 1.4;
}
.single-post .entry-content h2, .page-template-default .entry-content h2 {
font-size: 30px;
font-weight: normal;
letter-spacing: .045em;
margin-bottom: 20px;
}
/* Reusable Blocks */
.sponsored-block {
border: 1px solid #ddd;
padding: 20px;
font-family: 'meno-banner', sans-serif;
margin-bottom: 40px;
font-size: 16px;
text-align: center;
clear: both;
}
.sponsored-block strong {
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 5px;
display: inline-block;
}
.sponsored-block p {
margin: 0;
}
.recipe-faqs {
margin: 50px auto 40px;
border: 2px solid #f7f5f1;
position: relative;
}
.recipe-faqs:before {
content:'';
background:url(https://thewoodenskillet.com/wp-content/uploads/2020/12/TWS-Logo-Button-Black.svg);
background-size: contain;
width: 60px;
height: 60px;
display: block;
position: absolute;
top: -23px;
left: -31px;
}
.single-post .entry-content .recipe-faqs h2 {
background: #f7f5f1;
padding: 8px 20px;
letter-spacing: .05em;
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
line-height: 20px;
padding-left: 60px;
}
.recipe-faqs ul {
padding: 10px 20px 10px 45px;
font-size: 18px;
line-height: 26px;
font-family: meno-banner, serif;
}
.recipe-faqs li {
padding-left: 15px;
margin-bottom: 10px;
}
.recipe-faqs ul li strong {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 16px;
}
.recipe-faqs li:last-child {
margin-bottom: 0;
}
.related-post-block {
background: #f7f5f1;
padding: 18px 20px;
display: flex;
align-items: center;
margin: 40px 0;
}
.related-post-block .wp-block-group__inner-container {
display: flex;
align-items: center;
}
.single-post .entry-content .related-post-block h2, .related-post-block p {
margin-bottom: 0;
}
.single-post .entry-content .related-post-block h2 {
margin-bottom: 0;
font-family: faustine, serif;
font-size: 45px;
margin-right: 30px;
margin-top: -22px;
font-weight: normal;
}
.related-post-block p a {
letter-spacing: .05em;
font-weight: 600;
text-transform: uppercase;
font-size: 17px;
line-height: 22px;
font-family: 'meno-banner', serif;
text-decoration: underline;
color: #000;
}
.related-post-block p a:hover {
background-image: none;
font-weight: bold;
}
.other-recipes {
border: 2px solid #f7f5f1;
padding: 20px;
}
.single-post .entry-content .other-recipes h2 {
font-size: 20px;
font-weight: 600;
letter-spacing: .5px;
margin-bottom: 10px;
text-transform: uppercase;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
display: table;
}
.other-recipes p {
margin: 0;
line-height: 1.7;
}
.other-recipes a {
font-weight: 400;
font-size: 17px;
text-decoration: underline;
}
.single-post .entry-content .tasty-recipes-title {
font-size: 30px;
font-weight: 600;
}
/* Recipe Card */
.tasty-recipes {
position: relative;
margin: 40px auto 20px !important;
max-width: 100% !important;
}
.tasty-recipes a:hover {
font-weight: bold;
background-image: none !important;
text-decoration: underline;
}
.tasty-recipes-entry-header .tasty-recipes-rating-stars span,
.tasty-recipes-entry-header .tasty-recipes-rating-label {
color: #080808 !important;
}
.tasty-recipes-comment-form {
display: block !important;
}
.tasty-recipes-display:before {
content: '';
background: url(https://thewoodenskillet.com/wp-content/uploads/2020/12/TWS-Logo-Button-Black.svg);
background-size: contain;
width: 100px;
height: 100px;
display: block;
position: absolute;
top: -34px;
right: -31px;
}
.tasty-recipes-entry-header, .tasty-recipes-entry-content {
background: #f7f5f0 !important;
color: #080808 !important;
}
.tasty-recipes-entry-header .tasty-recipes-buttons a {
font-size: 13px !important;
font-weight: 600 !important;
border-color: #080808 !important;
background-color: #080808 !important;
color: #fff !important;
}
.tasty-recipes-entry-header .tasty-recipes-buttons .button:hover {
font-size: 13px !important;
font-weight: 600 !important;
border-color: #080808 !important;
border: 1px solid #080808 !important;
background: transparent !important;
color: #080808 !important;
}
.tasty-recipes-yield-scale {
border: 1px solid #080808 !important;
border-radius: 0 !important;
color: #080808 !important;
}
.tasty-recipes-entry-content hr {
background-color: #080808 !important;
border: 1px solid #080808 !important;
margin-top: 2em !important;
margin-bottom: 2em !important;
opacity: .1 !important;
}
.tasty-recipes-scale-container .tasty-recipes-scale-label, .tasty-recipes-entry-header .tasty-recipes-details {
color: #080808 !important;
}
.tasty-recipes-scale-container button {
border-radius: 0 !important;
}
.tasty-recipes-entry-content .tasty-recipes-ingredients ul li, .tasty-recipes-entry-content .tasty-recipes-instructions ul li {
margin-left: 2em !important;
}
.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before, .tasty-recipes-entry-content .tasty-recipes-instructions ul li:before {
background-color: #080808 !important;
width: 5px !important;
height: 5px !important;
left: -25px !important;
top: 8px !important;
}
.tasty-recipes-entry-content .tasty-recipes-ingredients ol > li:before, .tasty-recipes-entry-content .tasty-recipes-instructions ol > li:before {
background-color: #080808 !important;
padding-left: 1px !important;
font-weight: 500 !important;
}
.tasty-recipes-entry-content .tasty-recipes-notes p:before, .tasty-recipes-entry-content .tasty-recipes-notes ul li:before {
background-color: #080808 !important;
padding-left: 1px !important;
font-weight: 500 !important;
padding-top: 1px !important;
}
.tasty-recipes-entry-content .tasty-recipes-keywords {
color: #080808 !important;
}
.tasty-recipes-entry-content .tasty-recipes-keywords em {
font-style: normal !important;
}
.tasty-recipes-footer-content {
padding: 20px 0 !important;
border: 2px solid #f7f5ef;
}
/* Entry Meta
--------------------------------------------- */
p.entry-meta {
font-size: 16px;
margin-bottom: 0;
}
.entry-header .entry-meta {
margin-bottom: 20px;
}
.entry-footer .entry-meta {
border-top: 1px solid #f7f5f0;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 20px;
margin: 0 auto 40px;
font-style: italic;
}
.entry-footer .entry-meta a {
text-decoration: underline;
}
.entry-footer .entry-meta a:hover {
font-weight: bold;
}
.entry-footer h2 {
font-size: 28px;
font-weight: normal;
letter-spacing: .5px;
margin-bottom: 20px;
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
display: inline-block;
}
.entry-categories,
.entry-tags {
display: block;
}
.entry-comments-link::before {
content: "\2014";
display: none;
margin: 0 6px 0 2px;
}
.post-share {
display: flex;
align-items: center;
}
.post-share h5 {
margin-bottom: 0;
margin-right: 10px;
}
.post-share .a2a-link {
margin-right: 5px;
}
.a2a_kit .a2a_svg {
display: none;
}
.a2a_kit a:hover {
opacity: .6;
}
.entry-header .a2a_kit a:hover {
opacity: 1;
}
/* Pagination
--------------------------------------------- */
.pagination, .facetwp-pager {
clear: both;
margin: 0 auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.5px;
}
.facetwp-pager {
text-align: right;
margin: 80px 0 0;
}
.page-numbers, .facetwp-page {
margin: 0 8px;
}
.facetwp-page {
padding: 0;
}
.page-numbers.current, .page-numbers:hover, .facetwp-page.active, .facetwp-page:hover {
border-bottom: 1px solid;
}
.adjacent-entry-pagination {
margin-bottom: 0;
}
.archive-pagination li {
display: inline;
}
.archive-pagination li a {
background-color: transparent;
color: #080808;
cursor: pointer;
display: inline-block;
margin: 0 8px;
padding: 0;
text-decoration: none;
}
.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
background-color:transparent;
color: #080808;
border-bottom: 1px solid;
}
/* Entry Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 40px;
}
.entry-comments h3:first-child {
display: none;
}
.comment-list li {
padding: 40px 0 0 30px;
}
.comment-list .depth-1 {
padding-left: 0;
border-bottom: 1px solid #000;
}
.comment-list .comment {
padding-bottom: 40px;
}
.comment-header {
margin-bottom: 30px;
}
.comment-author {
letter-spacing: 2px;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.comment-content {
clear: both;
}
.comment-content ul > li {
list-style-type: disc;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"],
.comment-respond textarea {
width: 100%;
border-radius: 0 !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: 300;
letter-spacing: .075em;
}
input::-ms-input-placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
input:-ms-input-placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
input::placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
textarea::-ms-input-placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
textarea:-ms-input-placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
textarea::placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.comment-respond p {
margin: 0 0 20px;
}
.comment-respond label {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
font-weight: 700;
}
.comment-header p {
margin-bottom: 0;
}
.entry-pings .reply {
display: none;
}
.comment-form-cookies-consent label {
display: inline;
padding-left: 10px;
}
.comment-reply-title {
font-size: 28px;
font-weight: 600;
letter-spacing: .5px;
margin-bottom: 20px;
}
.comment-reply-link {
color: #fff;
background: #080808;
font-size: 13px;
font-weight: 600;
padding: 10px 26px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
border: 1px solid #080808;
letter-spacing: .15em;
cursor: pointer;
}
.comment-reply-link:hover {
color: #080808;
background: #f7f5f1;
border-color: #080808;
}
.comment-form-author, .comment-form-email {
width: 48%;
float: left;
}
.comment-form-email {
margin-left: 4% !important;
}
.comment-form-url {
clear: both;
width: 48%;
}
.tasty-recipes-comment-form .tasty-recipes-ratings-buttons {
font-size: 16px !important;
}
/* Sidebar
---------------------------------------------------------------------------- */
.sidebar {
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 20.5px;
letter-spacing: .045em;
line-height: 1.5;
max-width: 360px;
margin: 60px auto 0;
float: none;
}
.sidebar .widget {
margin-bottom: 60px;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar p {
margin-bottom: 20px;
}
.sidebar-bio {
position: relative;
}
.sidebar-bio .bio-overlay {
position: absolute;
bottom: 0;
padding: 20px;
background: #ffffffe8;
}
.bio-overlay h2 {
font-size: 25px;
letter-spacing: .045em;
margin-bottom: 6px;
text-transform: none;
}
.bio-overlay p {
line-height: 25px;
margin-bottom: 10px;
}
.bio-overlay a {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
display: table;
float: right;
}
.bio-overlay a:hover {
background-image: linear-gradient(#f7f5f1 30%, #f7f5f1 0%);
text-decoration: underline;
}
.sidebar .featured-content .entry-title {
margin: 0;
font-weight: 600;
text-align: center;
}
.sidebar .featured-content img {
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.sidebar .featured-content img:hover {
opacity: .75;
}
.sidebar .featured-content .entry-title a:hover {
background-image: linear-gradient(#fff 30%, #f7f5f1 0%);
}
.sidebar .featured-content .one-half {
margin-left: 2%;
width: 49%;
}
.sidebar .featured-content .first {
clear: both;
margin-left: 0;
}
#custom_html-3 {
margin-bottom: 20px;
}
/* Site Footer
---------------------------------------------------------------------------- */
.site-footer {
background-color: #fff;
padding: 30px 0 60px;
text-align: center;
}
.site-footer p {
margin-bottom: 0;
}
.social-footer {
margin: 40px auto 24px;
display: flex;
align-items: center;
justify-content: center;
clear: both;
}
.social-footer .icon {
background: #080808;
color: #fff;
border-radius: 50%;
padding: 0;
font-size: 13px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.social-footer .icon:hover {
opacity: .6;
}
.social-footer .icon a {
color: #fff;
}
.social-footer .icon a i {
left: 1px;
top: 1px;
position: relative;
}
.footer-credits {
display: block;
margin-top: 12px;
}
.footer-menu .menu-item {
display: inline-block;
padding: 0 18px;
opacity: .5;
}
.footer-menu .menu-item:hover a {
text-decoration: underline;
}
.footer-menu .menu-item p.h6 {
margin: 0;
font-weight: 600;
}
.to-top {
cursor: pointer;
}
.title-area {
float: none;
text-align: center;
padding-bottom: 0;
}
.menu-toggle {
float: none;
}
.instagram-feed p.h6 {
margin: 0 0 10px;
}
.instagram-feed p.h6:hover a {
text-decoration: underline;
}
@media only screen and (min-width: 960px) {
.title-area {
float: left;
padding-bottom: 25px;
}
.nav-header-widget-area {
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section.home-bio {
padding: 30px 0 20px;
}
}
@media only screen and (min-width: 500px) {
.utility-bar {
text-align: start;
}
.utility-bar .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.utility-bar-right {
margin-top: 0;
}
}
/* Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-half,
.one-sixth,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-fourth, .one-third {
float: left;
margin-left: 1%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}
.one-third,
.two-sixths {
width: 32.66667%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 24.22223%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
}
/* Fadeup Effect
----------------------------------------------------------------------------------------------------
.js .fadeup-effect {
opacity: 0;
overflow: visible;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadeInUp {
from { opacity: 0; -webkit-transform: translateY(20px); }
to { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
*/
/* ## Fixed Mini Header appearing on scroll
----------------------------------------------------- */
.mini-header {
position: fixed;
width: 100%;
z-index: 999999;
top: 0;
display: none;
padding: 0;
background: #f7f5f1;
}
.admin-bar .mini-header {
top: 32px;
}
.mini-header .wrap .mini-header-section div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mini-header .wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 30px;
}
.mini-header .logo {
width: 35px;
vertical-align: top;
}
.header-menu {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
margin-left: 30px;
}
.header-menu .genesis-nav-menu {
position: absolute;
top: 7px;
}
.mini-header .genesis-nav-menu a {
padding: 0;
font-family: 'meno-banner', serif;
font-weight: 700;
letter-spacing: .05em;
font-size: 16px;
text-transform: none;
margin-right: 15px;
}
#menu-sticky-menu .social-nav:last-child a {
margin-right: 0;
}
#menu-sticky-menu .social-nav:first-child a {
margin-left: 15px;
}
#menu-sticky-menu .social-nav a:hover {
background: #080808;
color: #f7f5f0;
text-decoration: none;
}
.header-offer {
background: #080808;
color: #efefef;
max-width: 263px;
height: 46px;
width: 100%;
padding: 5px 10px;
display: flex;
position: relative;
}
.header-offer a {
color: #efefef;
display: flex;
width: 100%;
height: 100%;
}
.header-offer a:hover p {
text-decoration: underline;
}
.header-offer h2,
.header-offer .h2 {
margin: 0;
font-size: 28px;
font-family: faustine;
font-weight: normal;
text-transform: none;
position: relative;
top: -10px;
padding-right: 6px;
}
.header-offer p {
margin: 0;
font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
font-size: 15px;
line-height: 18px;
font-weight: 600;
}
.header-search .widget {
margin-bottom: 0;
margin-right: 30px;
font-size: 16px;
}
.header-search {
position: relative;
z-index: 99;
}
/* Search Box in Full Screen Overlay
------------------------------------------------------ */
body .overlay {
background: rgb(255 255 255 / 94%);
z-index: 999999;
}
.admin-bar .overlay .overlay-close {
margin-top: 32px;
}
.overlay .overlay-close {
background: none !important;
color: #080808 !important;
text-indent: inherit !important;
font-size: 30px;
font-weight: 200;
}
.overlay .overlay-close:hover {
background: transparent;
color: #080808;
}
.overlay .overlay-container {
text-align: center;
position: relative;
top: 50%;
/*height: 60%;*/
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.overlay .search-form {
margin: 0 auto;
}
.overlay .search-form input[type="search"] {
width: 400px;
line-height: normal;
padding: 9px 10px 10px 20px;
border-radius: 0;
height: 46px;
}
.overlay .search-form input[type="submit"] {
font-family: 'font awesome 5 pro';
clip: inherit;
width: 46px;
height: 46px;
font-size: 21px;
background: #080808;
color: #fff;
position: static;
margin-left: 0;
padding: 0;
vertical-align: top;
margin: 0;
font-weight: 500;
border-left: 0;
border-radius: 0;
}
.overlay .search-form input[type="submit"]:hover {
color: #080808;
}
.overlay-inner {
width: 100%;
height: 100%;
position: absolute;
background: transparent;
}
@media screen and (max-height: 30.5em) {
.overlay .search-form {
/*height: 70%;*/
font-size: 34px;
}
}
@media only screen and (max-width: 768px) {
a.search-icon {
font-size: 16px;
padding: 20px 16px;
}
.site-header a.search-icon {
padding: 20px 0 20px 16px;
}
.overlay .search-form {
height: 70%;
}
.search-results .genesis-responsive-menu {
top: 50px;
}
}
@media only screen and (max-width: 568px) {
.overlay .search-form {
height: auto;
}
.overlay .search-form input[type="search"] {
width: 300px;
}
}
@media only screen and (max-width: 568px) {
.overlay .search-form input[type="search"] {
width: 200px;
}
}
/* Media Queries
---------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
table {
table-layout: auto;
word-break: normal;
}
}
@media only screen and (min-width: 960px) {
/* Site Header
--------------------------------------------- */
/* Genesis Menu
--------------------------------------------- */
.genesis-nav-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .menu-item.mobile-only {
display: none;
}
.genesis-nav-menu > .menu-bold > a {
font-weight: 700;
}
.genesis-nav-menu > .menu-highlight > a {
background-color: #080808;
border-radius: 3px;
color: #fff;
font-weight: 600;
margin-left: 15px;
padding-left: 20px;
padding-right: 20px;
}
.genesis-nav-menu > .menu-highlight > a:focus,
.genesis-nav-menu > .menu-highlight > a:hover {
background-color: #080808;
}
#menu-top-menu .genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a,
#menu-top-menu .sub-menu,
#menu-top-menu .sub-menu a {
width: 180px;
}
.genesis-nav-menu .sub-menu,
#menu-top-menu .sub-menu {
border-top: 1px solid #eee;
opacity: 0;
padding-left: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
width: 180px;
}
.menu-item-has-children a:after {
content: '\f107';
font-family: 'Font Awesome 5 Pro';
margin-left: 9px;
font-weight: 400;
top: 2px;
position: relative;
}
.menu-item-has-children a:hover {
text-decoration: none;
}
.menu-item-has-children .sub-menu a:after {
display: none;
}
.genesis-nav-menu .sub-menu a,
#menu-top-menu .sub-menu a {
border: 1px solid #eee;
border-top: 0;
padding-bottom: 15px;
padding-top: 15px;
}
.genesis-nav-menu .sub-menu a, #menu-top-menu .sub-menu a {
padding: 15px;
margin: 0;
width: 180px;
}
#menu-top-menu .sub-menu a {
display: inline-block;
line-height: normal;
}
.genesis-nav-menu .sub-menu .sub-menu,
#menu-top-menu .sub-menu .sub-menu {
margin: -46px 0 0 179px;
}
/* Responsive Menu
--------------------------------------------- */
.genesis-responsive-menu {
display: block;
padding-top: 15px;
}
.menu-toggle,
.sub-menu-toggle {
display: none;
visibility: hidden;
}
/* Header Menu
--------------------------------------------- */
.nav-primary {
clear: none;
float: left;
width: auto;
margin-left: 40px;
}
.nav-primary .genesis-nav-menu a {
padding-left: 15px;
padding-right: 15px;
}
/* Site-Inner
--------------------------------------------- */
/* Content
--------------------------------------------- */
.sidebar-content .content {
float: right;
}
.full-width-content .content {
float: none;
margin-left: auto;
margin-right: auto;
}
.cat-icons a:hover {
color: #fff;
background: #080808;
width: auto !important;
border-radius: 0 !important;
padding: 0 9px !important;
}
.cat-icons a:hover span.abbr {
display: none;
}
.cat-icons a:hover span.full-name {
display: block;
}
.sh-welcome .left img {
display: none;
}
/* Sidebar
--------------------------------------------- */
.sidebar {
max-width: 360px;
width: 32%;
padding-left: 20px;
margin: 0 auto;
float: right;
}
.sidebar-content .sidebar {
float: left;
}
/* Author Box
--------------------------------------------- */
.author-box {
background-color: #f5f5f5;
padding: 30px;
}
/* After Entry
--------------------------------------------- */
/* Entry Misc.
--------------------------------------------- */
.after-entry,
.archive-description,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings {
margin-bottom: 60px;
}
/* Footer Widgets
--------------------------------------------- */
.footer-widgets .wrap {
max-width: 1200px;
}
.footer-widget-area {
float: left;
margin-bottom: 0;
width: calc(100% / 3);
}
.home .browse .scroll-span {
height: 195px;
}
}
@media only screen and (max-width: 1320px) {
.cat-slider {
width: 85%;
}
}
@media only screen and (max-width: 1200px) {
.mini-header .genesis-nav-menu a {
font-size: 15px;
margin-right: 10px;
}
.cat-heading .cat-info:before {
left: -18%;
top: 30%;
}
.tab-hovers .tabs-col-1 {
max-width: 400px;
}
.tabs-navigation-1, .tabs-navigation-2 {
max-width: 400px;
}
.offer-2 .offer-right {
left: 0;
}
.page-template-start-here .sh-challenge .columns {
height: auto;
}
.sh-challenge .columns .right {
width: 100%;
padding: 0 5%;
}
.sh-challenge .columns .left {
margin-top: 10px;
margin-bottom: 30px;
}
.sh-challenge .columns .left img {
position: initial;
}
.sh-how .tabs-col-2 {
column-count: 1;
max-width: 500px;
}
.browse .scroll-span {
justify-content: center;
}
.browse button.next-browse.slick-arrow {
right: 75px;
}
.browse button.prev-browse.slick-arrow {
left: 78px;
}
.entry-buttons {
position: initial;
}
}
@media only screen and (max-width: 1024px) {
.mini-header {
display: none;
}
.skip-to-blog {
display: none;
}
.home .skip-to-blog {
display: block;
transform: none;
top: initial;
right: 0;
margin: 0;
position: initial;
float: right;
margin-bottom: 20px;
}
a {
transition: none;
}
}
@media only screen and (max-width: 960px) {
.entry-title {
font-size: 30px;
}
.nav-primary {
display: none;
}
.section, .section.browse, #search-2, .section.watch-video {
margin: 0 auto 30px;
}
.section.what-is .section-inner {
padding: 30px 10px;
}
.trending p, .cat-columns p, .latest-in p, .recipe-tabs p, .recipe-tabs-2 p, .favorites p {
text-align: center;
max-width: 960px;
margin: 0 auto 20px;
}
.section.bootcamp-signup, .section.what-is {
margin: 30px auto;
}
.press-icons {
margin-top: 30px;
}
.quick-links h2 {
margin-top: 30px;
margin-bottom: 20px;
}
.community-signup .h1 {
margin-bottom: 20px;
}
.site-inner {
margin-bottom: 30px;
}
.error404 .site-inner {
margin-top: 40px;
}
hr {
margin: 30px 0;
}
.utility-bar .wrap {
padding: 0 10px;
}
.fixed-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999999;
}
.admin-bar .fixed-header {
top: 32px;
}
.genesis-nav-menu .widget-area {
display: block;
text-align: center;
padding: 10px 0;
}
.genesis-nav-menu .widget-area .textwidget {
display: flex;
align-items: center;
justify-content: center;
}
.genesis-nav-menu .social-nav {
background: transparent;
color: #080808;
border-radius: 0;
font-size: 18px;
}
.header-widget-area {
display: block;
}
.tabs-navigation-1, .tabs-navigation-2 {
position: initial;
margin: 0 auto 20px;
}
.tab-hovers .tabs-col-1 {
margin: 0 auto;
}
.tabs-col-2 {
display: none;
}
.tab-image {
position: initial;
}
.mobile-only {
display: block;
}
.desktop-only {
display: none !important;
}
.utility-bar-right {
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.site-header {
border-bottom: 2px solid #f7f5f180;
padding: 0;
}
.home .site-header {
padding: 0;
}
.site-header .wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px 0 45px;
position: relative;
min-height: 50px;
}
.make-this {
padding-top: 0;
}
.wp-custom-logo .site-container .title-area {
order: 2;
flex: 1;
margin-left: auto;
margin-right: auto;
}
.genesis-responsive-menu {
display: none;
position: absolute;
top: 50px;
z-index: 99;
background: #f7f5ef;
left: 0;
padding: 0;
}
.site-header .genesis-responsive-menu .wrap {
padding: 0;
}
.genesis-responsive-menu .menu-item {
padding: 0;
}
.genesis-responsive-menu .menu-item a {
padding: 14px 20px;
}
.genesis-responsive-menu .spotlight {
background: #fff;
}
.genesis-responsive-menu .sub-menu {
padding-left: 0;
background: #fff;
}
.genesis-responsive-menu .sub-menu .menu-item {
padding-left: 0;
}
.sub-menu-toggle {
right: 10px;
top: 0;
}
.genesis-nav-menu a {
font-weight: 400;
}
.genesis-nav-menu .nav-start a:before {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 13px;
font-weight: 700;
top: 0;
}
.menu-toggle {
float: none;
margin: 0;
order: 1;
}
.menu-toggle {
float: none;
margin: 0;
order: 1;
}
.make-this .h1 {
text-align: center;
}
.make-this .recipe-columns .one-fourth, .trending .recipe-columns .one-fourth, .cat-loop .recipe-columns .one-fourth, .latest-in .recipe-columns .one-fourth, .cat-columns .recipe-columns .one-fourth {
width: 49%;
margin-left: 2%;
}
.recipe-columns .one-third {
margin-left: 2%;
}
.make-this .recipe-columns .one-fourth:nth-child(2n+1), .trending .recipe-columns .one-fourth:nth-child(2n+1), .cat-loop .recipe-columns .one-fourth:nth-child(2n+1), .latest-in .recipe-columns .one-fourth:nth-child(2n+1), .cat-columns .recipe-columns .one-fourth:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.make-this .recipe-columns .one-fourth:first-child, .make-this .recipe-columns .one-fourth:nth-child(2), .trending .recipe-columns .one-fourth:first-child, .trending .recipe-columns .one-fourth:nth-child(2), .cat-loop .recipe-columns .one-fourth, .latest-in .recipe-columns .one-fourth:first-child, .latest-in .recipe-columns .one-fourth:nth-child(2), .cat-columns .recipe-columns .one-fourth:first-child, .cat-columns .recipe-columns .one-fourth:nth-child(2), .cat-columns .recipe-columns .one-fourth:nth-child(3), .cat-columns .recipe-columns .one-fourth:nth-child(4) {
margin-bottom: 20px;
}
.latest-recipes .recipe-columns, .home .cat-columns .recipe-columns {
display: flex;
overflow: scroll;
}
.latest-recipes article:first-child {
float: none;
margin-right: 0;
margin-left: 0;
width: 180px;
}
.latest-recipes article:nth-child(2), .latest-recipes article:nth-child(3) {
width: 180px;
float: none;
margin-bottom: 0;
}
.latest-recipes article {
margin-left: 10px;
}
.latest-recipes .kt-mobile-layout-row .featured-plus-three .wp-block-column:last-of-type article {
margin-left: 0;
}
.page-template-start-here .cat-columns .recipe-columns .one-fourth:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.home .cat-columns .recipe-columns .one-fourth, .latest-recipes .recipe-columns .one-fourth {
min-width: 180px;
margin-left: 10px;
}
.home .cat-columns .recipe-columns .one-fourth:nth-child(4n+1) {
clear: none;
margin-left: 10px;
}
.home .cat-columns .recipe-columns .one-fourth:first-child, .latest-recipes .recipe-columns .one-fourth:first-child {
margin-left: 0;
}
.utility-bar-left, .utility-bar-right .widget_search, .utility-bar-right #custom_html-8 {
display: none;
}
.utility-bar {
background: #080808;
padding: 0;
}
.utility-bar-right .widget:last-of-type {
color: #fefefe;
background: transparent;
position: initial;
width: 100%;
height: auto;
padding: 0;
}
.utility-bar-right .widget_text .textwidget {
display: flex;
align-items: center;
}
.utility-bar-right h2 {
margin-bottom: 0;
font-size: 32px;
margin-right: 10px;
position: relative;
top: -9px;
}
.section.browse.recipe-browse {
padding: 15px 5px;
}
.page-template-recipe-index .section {
margin: 20px auto 0;
}
.page-template-recipe-index .section.recipe-wrap {
margin: 0;
}
.browse h3,
.browse .h3 {
display: none;
}
.home-intro .intro-inner {
border: 1px solid #7f7f7f;
display: flex;
min-height: auto;
max-width: 700px;
margin: 0 auto;
}
.home-intro .text {
padding: 25px 30px 25px;
border: none;
flex: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-intro .image {
flex: 1;
}
.home-intro img {
width: 100%;
margin: 10px auto;
}
.home-intro .text p {
margin-bottom: 10px;
font-size: 16px;
line-height: 22px;
}
#search-2 {
max-width: 300px;
margin: 0 auto 40px;
}
#search-2 .search-form {
position: relative;
}
#search-2 .search-form-input {
padding: 12px 14px;
border-radius: 999px;
}
#search-2 button {
background: transparent;
color: #080808;
border: none;
padding: 0;
position: absolute;
right: 6%;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
}
.latest-in .recipe-columns .one-third {
min-width: 160px;
}
.cat-columns .recipe-columns .one-fourth:nth-child(4n+1) {
clear: none;
margin-left: 10px;
}
.cat-columns .recipe-columns .one-fourth:first-child {
margin-left: 0;
}
.section.watch-video {
margin: 0 auto 40px;
}
.video-columns {
flex-direction: column-reverse;
margin-top: 20px;
}
.video-columns .video-right {
width: 100%;
text-align: center;
position: initial;
}
.video-columns .video-left {
width: 100%;
padding-right: 0;
max-width: 400px;
}
.offer-1 .section-inner {
flex-direction: column;
padding-top: 20px;
}
.offer-1 .offer-left {
width: 100%;
text-align: center;
padding-right: 0;
margin-right: auto;
margin-bottom: 40px;
}
.offer-1 .offer-right {
display: none;
}
.offer-1 h2, .offer-1 .h1 {
text-align: center;
}
.offer-2 .section-inner {
flex-direction: column;
}
.offer-2 .offer-right {
margin-bottom: 40px;
width: 100%;
max-width: 400px;
left: 0;
order: 2;
}
.offer-2 .offer-left {
width: 100%;
text-align: center;
padding-right: 0;
order: 3;
}
.offer-2 .offer-left .h1, .offer-2 .offer-left p.h6 {
display: none;
}
.offer-mobile {
order: 1;
display: block;
text-align: center;
}
.offer-mobile p.h6 {
margin-bottom: 10px;
}
.offer-2 .h1 {
font-size: 35px;
}
.offer-left .mobile-only {
margin-bottom: 40px;
}
.signup-form input {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.signup-form button {
float: none;
width: 100%;
}
#mc_embed_signup_scroll {
flex-direction: column;
}
.signup-form .mc-field-group {
max-width: 100%;
margin-right: 0;
margin-bottom: 12px;
}
.signup-form input[type="submit"] {
width: 100%;
}
.section.what-is .section-inner {
flex-direction: column;
}
.footer-menu {
line-height: 2;
}
.footer-credits {
display: block;
}
.browse-slide {
display: inline-block !important;
}
.browse .circle {
width: 125px;
height: 125px;
margin: 20px;
}
.browse .scroll-span {
flex-wrap: wrap;
max-width: 500px;
margin: 0 auto;
justify-content: center;
}
.browse h3,
.browse .h3 {
margin: 0 auto;
text-align: center;
}
.browse h3 br,
.browse .h3 br {
display: none;
}
.browse-slide {
justify-content: center;
}
.browse button.prev-browse.slick-arrow {
left: 300px;
}
.browse button.next-browse.slick-arrow {
right: 298px;
}
.series-left {
margin-right: 0;
width: 100%;
}
.series-left img {
max-width: 200px;
position: initial;
}
.series-left .series-info {
margin-left: 0;
}
.series-right {
width: 100%;
margin-top: 40px;
max-width: 362px;
}
.bio-top {
flex-direction: column;
}
.bio-top .bio {
width: 100%;
border-right: none;
padding-right: 0;
margin-right: 0;
display: flex;
}
.bio-left {
width: 50%;
margin-right: 30px;
}
.bio-right {
width: 50%;
}
.quick-links {
width: 100%;
text-align: center;
}
.quick-links:before {
content: '';
display: block;
width: 180px;
height: 1px;
background-color: #000;
margin: 40px auto;
}
.quick-links a {
display: inline-block;
}
.quick-links a:after {
content:' | ';
display: inline-block;
margin: 0 20px;
}
.quick-links a:last-child:after {
display: none;
}
.press-icons {
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.press-icons span {
margin-bottom: 20px;
}
.press-icons img {
padding: 0 20px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
.community-signup .signup-form {
flex-direction: column;
text-align: center;
}
.community-signup .signup-form .form-left h3,
.community-signup .signup-form .form-left .h3 {
max-width: 100%;
margin-right: auto;
}
.community-signup .signup-form input[type="submit"] {
background: #f7f5f0;
color: #080808;
border: 1px solid #f7f5f0;
}
.fb-signup .button {
width: 100%;
}
.category .breadcrumb {
margin: 10px 0;
}
.cat-heading .cat-info.plain {
margin: 0 auto;
}
.cat-heading {
flex-direction: column;
}
.cat-heading .cat-info {
left: 0;
margin: 0 auto 40px;
padding: 0;
}
.cat-heading .cat-image {
text-align: center;
max-width: 500px;
}
.cat-heading .cat-info:before {
width: 110px;
height: 197px;
left: -5%;
top: 22%;
}
.cat-text-block {
margin: 30px auto !important;
}
.cat-text-block .section-inner {
height: auto;
flex-direction: column;
max-width: 600px;
}
.cat-text-block .left {
padding: 40px 30px;
width: 100%;
flex: none;
}
.cat-text-block .right {
width: 100%;
height: 300px;
flex: none;
}
.cat-slider .h1 {
text-align: center;
}
.cat-slider .slick-slide img {
display: block;
margin: 0 auto;
}
.cat-icons a {
font-size: 9px;
letter-spacing: .1em;
width: 25px;
height: 25px;
margin: 0 2px;
}
.cat-slider {
width: 100%;
}
.ws-mark {
position: absolute;
right: 10px;
top: -15px;
z-index: 99;
width: 70px;
}
.recipe-tabs .section-inner, .recipe-tabs-2 .section-inner {
display: block;
}
.tab-hovers .tabs-col-1 .tab-inner article {
position: relative;
top: initial;
left: initial;
width: auto;
height: auto;
}
.section.offer-1 {
margin-top: 60px;
}
.section.bootcamp-signup .section-inner {
padding: 25px;
}
.bootcamp-signup .h1 {
margin-bottom: 28px;
font-size: 25px;
}
.bootcamp-signup .h1 span {
font-size: 45px;
}
.page-template-recipe-index .section.recipe-browse {
margin-bottom: 28px;
}
.recipe-filter {
display: none;
}
.recipe-filter .h6 {
font-size: 14px;
}
.recipe-index {
padding-left: 0;
}
.facet-selections {
margin: 12px 0;
border-bottom: none;
padding-bottom: 0;
float: none;
}
.facet-selections:before {
margin-bottom: 0;
}
.recipe-index .recipe-columns .one-third {
width: 49%;
margin-left: 2%;
}
.recipe-index .recipe-columns .one-third:nth-child(3n+1) {
clear: none;
margin-left: 2%;
}
.recipe-index .recipe-columns .one-third:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.content-sidebar-wrap, .page-template-default .page-header {
padding: 0 10px;
}
.single .breadcrumb {
padding: 0 10px;
margin: 20px auto;
}
.entry-header {
padding: 0 10px;
}
.entry-header .h1 {
margin-top: 0;
}
.recipe-faqs {
width: 90%;
}
.tasty-recipes-entry-header .tasty-recipes-image {
float: none !important;
margin-right: 0 !important;
}
.single-post .entry-content .tasty-recipes-title {
margin: 0 0 10px;
}
.tasty-recipes-display:before {
width: 60px;
height: 60px;
top: -23px;
right: -12px;
}
.entry-header-left {
width: 65%;
padding-right: 28px;
}
.entry-header .cat-icons {
margin-top: 12px;
}
.tasty-recipes-jump-link, .entry-buttons .a2a-link {
margin-top: 0;
}
.sh-welcome {
margin-top: 0;
flex-direction: column;
}
.sh-welcome .h1 {
text-align: center;
margin-top: -10px;
}
.sh-welcome .left {
width: 100%;
padding-right: 0;
}
.sh-welcome .right {
width: 100%;
max-width: 460px;
}
.sh-welcome .right .image-group .img1 {
max-width: 280px;
}
.sh-welcome .right .image-group .img2 {
max-width: 200px;
right: 0;
bottom: -10%;
}
.sh-welcome .right .image-group .button {
margin: 0 auto;
position: relative;
z-index: 9999;
margin: 50px auto;
display: table;
}
.page-template-start-here .section.full-width.sh-nav-wrap {
padding: 20px 0;
}
.sh-nav p.h6 {
margin: 10px;
}
.sh-journey {
flex-direction: column;
margin: 60px auto;
}
.sh-journey .left {
flex: 1;
padding-right: 0;
text-align: center;
margin-bottom: 10px;
}
.sh-journey .right {
flex: 1;
text-align: center;
}
.page-template-start-here .columns {
flex-direction: column;
}
.page-template-start-here .columns .column:first-child {
border-bottom: 2px solid #d7d7d7;
border-right: none;
}
.page-template-start-here .columns .column {
width: 100%;
padding: 30px;
}
.page-template-start-here .sh-category .columns:first-of-type {
flex-direction: row;
margin-bottom: -10px;
justify-content: space-between;
}
.page-template-start-here .sh-category .columns:first-of-type .column {
padding: 0;
width: 49%;
max-width: 49%;
margin: 0;
}
.page-template-start-here .sh-category .columns:first-of-type .column .button {
width: 90%;
padding: 5px;
font-size: 11px;
}
.sh-meal .row {
display: block;
margin-top: 30px;
}
.sh-meal .row:first-child {
margin-bottom: 60px;
}
.sh-meal .offer-2.row .offer-right, .sh-meal .offer-2.row .offer-left {
width: 100%;
margin: 20px auto 0;
}
.sh-meal .offer-2.row .offer-left {
margin: 20px auto 60px;
}
.page-template-start-here .columns {
margin-top: 30px;
}
.page-template-start-here .bootcamp .columns {
padding: 30px;
}
.offer-2 .offer-left {
padding-right: 0;
}
.page-template-shop .site-inner {
margin-top: 0;
}
.pagination {
margin: 20px 0;
}
.sh-how .tabs-col-2 img {
filter: none !important;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
}
.sh-how .tab-trigger {
color: #080808;
}
.page-template-shop .page-header {
margin-bottom: 30px !important;
}
.browse.recipe-browse .section-inner {
max-width: 355px;
}
.browse.recipe-browse .circle:first-child {
width: 100%;
box-shadow: none;
border: none;
background: transparent;
color: #080808;
height: auto;
min-width: auto;
min-height: auto;
}
.browse.recipe-browse .circle:first-child h2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: Arial, Helvetica, sans-serif;
}
.after-entry .textwidget {
flex-direction: column;
}
.after-entry {
padding: 20px;
}
.after-entry .left {
padding-right: 0;
width: 100%;
text-align: center;
}
.after-entry .h1 {
text-align: center;
margin-top: -10px;
}
.after-entry img {
width: 300px;
margin: 0 auto 20px;
}
.after-entry .right {
display: none;
}
}
@media only screen and (max-width: 800px) {
.cat-slider-wrap .slick-arrow {
top: 43%;
}
.cat-slider .arrows-container {
display: none;
}
.contact-block:before {
position: absolute;
opacity: .05;
}
.recipe-index .clear-btn button {
display: none;
}
.button {
padding: 8px 20px;
font-size: 12px;
}
.button-group .button {
padding: 8px;
}
.pagination {
font-size: 12px;
}
.video-right iframe {
height: 200px;
}
h3 {
font-size: 20px;
line-height: 24px;
}
.section, .section-inner {
padding-left: 10px;
padding-right: 10px;
}
.instagram-feed {
padding: 0;
}
p.h6:before, .cat-slider-wrap p.h6:before, .cat-loop p.h6:before {
content: '';
display: block;
width: 100%;
}
.recipe-columns p.h6:before, .cat-slider-wrap p.h6:before {
width: 100%;
}
.latest-slider.recipe-columns p.h6:before {
width: 180px;
}
.cat-text-block {
margin: 60px auto;
}
.browse .circle {
margin: 14px;
}
.offer-1 .h1, .series-left .series-info .h1, .community-signup .h1 {
font-size: 50px;
}
.watch-video .h1 {
font-size: 50px;
padding-top: 20px;
}
h2 {
font-size: 22px;
}
.series-left {
align-items: flex-start;
}
.series-left .series-info .h1 {
font-size: 45px;
}
.series-left .series-info h2 {
font-size: 20px;
}
.series-left img {
margin-right: 15px;
max-width: 170px;
float: left;
}
.series-info p.h6 {
margin-bottom: 5px;
}
.home-intro .text {
flex: 1;
}
.bio-left {
width: 45%;
margin-right: 20px;
}
.bio-right {
width: 65%;
margin-top: 0;
}
.bio-right .h1 {
margin-bottom: 10px;
}
.bio-right p {
font-size: 16px;
line-height: 22px;
margin-bottom: 18px;
}
.bio-right .button {
background: transparent;
padding: 0;
border: none;
float: right;
}
.recipe-tabs .slick-list {
min-height: 700px;
height: 100%;
}
.quick-links a {
margin-bottom: 0;
font-size: 12px;
letter-spacing: .5px;
}
.quick-links a:after {
margin: 0 9px;
}
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item {
width: 33.333% !important;
}
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item:nth-child(7),
#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item:nth-child(8), #sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item:nth-child(9) {
display: none !important;
}
.footer-menu .footer-credits .menu-item p.h6 {
font-size: 10px;
}
.press-icons img {
padding: 0 10px;
}
.cat-heading .cat-info:before {
display: none;
}
.cat-slider-wrap button.next1.slick-arrow, .cat-slider-wrap button.next2.slick-arrow, .cat-slider-wrap button.next3.slick-arrow {
right: -8.5%;
}
.cat-slider-wrap button.prev1.slick-arrow, .cat-slider-wrap button.prev2.slick-arrow, .cat-slider-wrap button.prev3.slick-arrow {
left: -7%;
}
.entry-header {
flex-direction: column;
margin-bottom: 0;
}
.entry-header-left {
width: 100%;
padding-right: 0;
margin-bottom: 0;
}
.entry-header-left .mobile-only {
margin-bottom: 20px;
}
.entry-header-left .mobile-only p {
margin-bottom: 12px;
}
.entry-header-right {
display: none;
}
.entry-footer .recipe-columns .one-fourth {
width: 49%;
margin-left: 2%;
}
.entry-footer .recipe-columns .one-fourth:first-child {
margin-left:0;
}
.entry-footer .recipe-columns .one-fourth:nth-child(3) {
clear: both;
margin-left: 0;
}
.entry-footer .recipe-columns .one-fourth:first-child, .entry-footer .recipe-columns .one-fourth:nth-child(2) {
margin-bottom: 30px;
}
.sh-challenge .h1 {
font-size: 45px;
padding: 0 20px 40px;
}
.sh-challenge .columns .left {
margin-top: 0;
}
.page-template-start-here .sh-challenge .columns {
padding: 40px 0;
}
.page-template-start-here .sh-category .columns:first-of-type .column h2 {
font-size: 20px;
}
.cat-slider article {
min-width: 180px;
margin-left: 10px;
}
.cat-slider article:first-child {
margin-left: 0;
}
.cat-slider .cat-slider-1 article {
min-width: auto;
margin-left: 0;
}
.cat-slider-2, .cat-slider-3 {
display: flex;
overflow: scroll;
}
}
@media only screen and (max-width: 720px) {
.dpsp-shortcode-wrapper.dpsp-hide-on-mobile {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.sh-welcome .headshot {
display: block;
}
.entry-header .tasty-recipes-quick-links, .entry-header .dpsp-networks-btns-wrapper li {
width: auto !important;
}
.tasty-recipes-quick-links a {
padding: 0.5rem 1rem !important;
}
.entry-buttons .a2a-link {
padding: 12px 1rem;
}
.entry-buttons {
display: flex;
font-size: 14px;
}
.dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-label {
font-size: 14px;
}
.dpsp-shortcode-wrapper .dpsp-networks-btns-wrapper li {
margin-bottom: 0;
margin-right: 0;
}
.utility-bar-right .widget_text p {
line-height: 14px;
}
.browse .scroll-span {
flex-wrap: wrap;
max-width: 400px;
}
.browse .circle {
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
margin: 12px;
}
.browse .circle:first-child h2 {
font-size: 17px;
line-height: 20px;
}
.browse button.next-browse.slick-arrow {
right: 370px;
font-size: 45px;
}
.browse button.prev-browse.slick-arrow {
left: 375px;
font-size: 45px;
}
.recipe-hovers-1 .slick-list, .recipe-hovers-2 .slick-list {
min-height: 660px;
}
.latest-recipes .arrows-container {
display: none;
}
.recipe-index button {
padding: 10px;
}
.recipe-index .button-group h2 {
font-size: 18px;
line-height: 20px;
}
.facetwp-selections .facetwp-selection-value {
margin-right: 0;
line-height: 2;
}
.recipe-columns .one-third{
min-width: 180px;
}
.page-template-recipe-index .recipe-columns .one-third {
min-width: auto;
}
.sh-nav-wrap .section-inner {
padding-left: 10px;
padding-right: 10px;
}
.sh-nav p.h6 {
padding: 5px 3px;
margin: 8px;
width: 180px;
min-width: auto;
}
.sh-join h2, .sh-category h2, .sh-challenge h2 {
display: inline-block;
text-align: center;
padding: 0;
}
.sh-how .tabs-col-2 img {
width: 80px;
}
.section.full-width.page-header {
margin-bottom: 0;
}
.page-template-shop .page-header .h1 {
font-size: 30px;
margin-bottom: 18px;
}
.page-template-shop .page-header .h1 em {
font-size: 50px
}
.shop-block {
padding: 10px;
}
.shop-block:nth-child(odd) {
padding: 10px;
}
.shop-block .one-third {
width: 49%;
margin-left: 2%;
}
.shop-block .product-columns .product-col:nth-child(3n+1) {
margin-left: 2%;
clear: none;
}
.shop-block .product-columns .product-col:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.sh-how .h1 span {
margin-left: -75px;
}
.tasty-recipes-entry-header {
padding-top: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.tasty-recipes-entry-header .tasty-recipes-details {
margin-top: 0 !important;
}
.favorites .columns .one-fourth {
width: 49%;
margin-left: 2%;
}
.favorites .columns .one-fourth:first-child, .favorites .columns .one-fourth:nth-child(2) {
margin-bottom: 15px;
}
.favorites .columns .one-fourth:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.blog article .entry-content img, .search article .entry-content img {
float: none;
}
}
@media only screen and (max-width: 475px) {
.series-left {
display: block;
}
.series-left .series-info h2 {
margin-bottom: 50px;
}
.recipe-hovers-1 .slick-list, .recipe-hovers-2 .slick-list {
min-height: 550px;
}
.section.browse {
padding: 30px 20px;
}
.browse .section-inner {
padding: 0;
}
.browse .circle, .series-right .circle-container {
margin: 9px;
box-shadow: 0 0 0 -0.5px #080808, 0 0 0 3px #f7f5f0, 0 0 0 4px #080808;
}
.browse .circle:first-child h2 {
font-size: 15px;
line-height: 18px;
}
.browse .circle h2, .series-right .circle h3,
.browse .circle .h2, .series-right .circle .h3 {
font-size: 12px;
line-height: 14px;
}
.browse button.prev-browse.slick-arrow {
left: 375px;
}
.browse button.next-browse.slick-arrow {
right: 370px;
}
.series-right {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 0;
}
.cat-slider-wrap .slick-arrow {
top: 37%;
}
.recipe-index .button-group h2 {
font-size: 14px;
line-height: 16px;
}
.contact-name {
flex-direction: column;
}
.contact-name p {
width: 100%;
}
.wpcf7 p {
margin: 0 0 20px;
}
.series-left img {
margin-right: 10px;
max-width: 130px;
margin-bottom: 20px;
}
.series-left .series-info {
margin-top: 20px;
}
.series-left .series-info .h1 {
margin-bottom: 15px;
}
.series-left .series-info h2 {
margin-bottom: 0;
}
}
@media only screen and (max-width: 414px) {
.browse button.prev-browse.slick-arrow {
left: 390px;
}
.browse button.next-browse.slick-arrow {
right: 387px;
}
}
@media only screen and (max-width: 400px) {
.cat-icons a {
font-size: 9px;
letter-spacing: 0.1em;
width: 22px;
height: 22px;
margin: 0px 1.5px;
}
.recipe-hovers-1 .slick-list, .recipe-hovers-2 .slick-list {
min-height: 515px;
}
.cat-slider-wrap .slick-arrow {
top: 34%;
}
.sh-challenge .h1 {
font-size: 40px;
}
.sh-nav p.h6 {
margin: 5px;
font-size: 11px;
width: 165px;
}
.ws-mark {
top: -20px;
}
.browse .circle {
width: 85px;
height: 85px;
min-width: 85px;
min-height: 85px;
}
.browse button.prev-browse.slick-arrow {
left: 410px;
}
.browse button.next-browse.slick-arrow {
right: 405px;
}
.tasty-recipes-jump-link:after {
margin-left: 8px;
}
.browse.recipe-browse .section-inner {
max-width: 315px;
}
.browse.recipe-browse .circle h2 {
font-size: 11px;
line-height: 13px;
}
}
@media only screen and (max-width: 320px) {
.cat-loop h3:before,
.cat-loop .h3:before {
/width: 130px;
}
.cat-slider-wrap .slick-arrow {
top: 32%;
}
.sh-nav p.h6 {
width: auto;
}
.sh-how .h1 span {
font-size: 40px;
top: -59px;
margin-left: -92px;
}
.series-left img {
max-width: 104px;
margin-bottom: 75px;
}
.browse .scroll-span {
max-width: 290px;
}
.browse .circle {
width: 75px;
height: 75px;
min-width: 75px;
min-height: 75px;
}
.browse .circle h2, .series-right .circle h3,
.browse .circle .h2, .series-right .circle .h3 {
font-size: 11px;
}
.browse button.prev-browse.slick-arrow {
left: 435px;
}
.browse button.next-browse.slick-arrow {
right: 430px;
}
.tasty-recipes-quick-links a {
padding: 0.5rem !important;
}
.entry-buttons, .dpsp-shortcode-wrapper.dpsp-button-style-1 .dpsp-network-label {
font-size: 12px;
}
.browse.recipe-browse .section-inner {
max-width: 280px;
}
}
/* Print Styles
---------------------------------------------------------------------------- */
@media print {
*,
*::before,
*::after {
background: transparent !important;
box-shadow: none !important;
color: #080808 !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]::after,
a[href^="#"]::after,
.site-title > a::after {
content: "";
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
.content,
.content-sidebar {
width: 100%;
}
button,
input,
select,
textarea,
.breadcrumb,
.comment-edit-link,
.comment-form,
.comment-list .reply a,
.comment-reply-title,
.edit-link,
.entry-comments-link,
.entry-footer,
.genesis-box,
.header-widget-area,
.hidden-print,
.home-top,
.nav-primary,
.nav-secondary,
.post-edit-link,
.sidebar {
display: none !important;
}
.title-area {
text-align: center;
width: 100%;
}
.site-title > a {
margin: 0;
text-decoration: none;
text-indent: 0;
}
.site-inner {
padding-top: 0;
position: relative;
}
.author-box {
margin-bottom: 0;
}
.h1,
h2,
h3,
h4,
h5,
p.h6 {
orphans: 3;
page-break-after: avoid;
page-break-inside: avoid;
widows: 3;
}
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote,
pre,
table {
page-break-inside: avoid;
}
dl,
ol,
ul {
page-break-before: avoid;
}
}
@media only screen and (max-width: 960px) {
.recipe-tabs-inner>.tws-tab,
.recipe-tabs-inner>.tws-tab-2{
display: flex !important;
height: 0px;
overflow: hidden;
justify-content: center;
}
.page-template-start-here .recipe-tabs-inner>.tws-tab{
display: block !important;
}
.recipe-tabs-inner>.tws-tab.current,
.recipe-tabs-inner>.tws-tab-2.current
{
height: auto;
}
}
/* Meyne updates 1/24 */