/*
Theme Name: ChachkaStyle
Theme URI: http://www.chachkagroup.com
Description: ChachkaStyle Theme for WordPress
Author: egrutz
Author URI: http://www.chachkagroup.com
Version: 1.0
License:
License URI:
*/

/* ################# */
/* ##### RESET ##### */
/* ################# */

html, body, div, span, h1, h2, h3, h4, h5, h6, iframe, img, li, form, label, table, tr, td {
margin: 0;
padding: 0;
border: 0;
}

p, ol, ul {
margin: 0;
padding: 0 0 20px 0;
}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

/* ########################## */
/* ##### COLORS & FONTS ##### */
/* ########################## */

@font-face {
font-family: 'sorts_mill_goudyregular';
src: url('sortsmillgoudy-regular-webfont.eot');
src: url('sortsmillgoudy-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('sortsmillgoudy-regular-webfont.woff2') format('woff2'),
     url('sortsmillgoudy-regular-webfont.woff') format('woff'),
     url('sortsmillgoudy-regular-webfont.ttf') format('truetype'),
     url('sortsmillgoudy-regular-webfont.svg#sorts_mill_goudyregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* ################ */
/* ##### TAGS ##### */
/* ################ */

a:link, a:visited, a:active {
color: #008800;
text-decoration: none;
}

a:hover {
color: #990000;
}

img, svg {
max-width: 100%;
display: block;
}

div.wp-block-file img {
display: inline;
}

.responsive {
margin: 0 auto 20px auto;
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}

.responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

table {
margin: 0 0 20px 0;
}

td {
padding: 0 10px;
vertical-align: top;
}

ul {
padding-left: 20px;
list-style: disc;
}

fieldset {
}

legend {
}

h1, h2, h3, h4, h5, h6 {
color: #333333;
font-family: 'sorts_mill_goudyregular', serif;
font-weight: normal;
}

h1 {
font-size: 48px;
}

h2 {
font-size: 32px;
}

h3 {
font-size: 24px;
}

h4, h5, h6 {
font-size: 20px;
}

hr {
margin: 0 0 20px 0;
border-top: double 3px #333333;
}

.clearA:after, .clearB:before {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}

.clear {
clear: both;
}

.clearR {
float: right;
clear: right;
}

.alignleft {
margin: 0 20px 10px 0;
float: left;
}

.alignright {
margin: 0 0 10px 20px;
float: right;
}

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

figure.wp-block-image {
margin: 0;
padding: 10px 0 20px 0;
text-align: center;
}

figure.wp-block-image img {
margin: 0 auto;
}

.wp-block-image figcaption {
font-style: italic;
}

.sfj_mega_search {
display: inline-block;
}

.sfj-margin {
	margin: 1% 2%;
}

.sfj-padding {
	padding: 1% 2%;
}

/* ################## */
/* ##### LAYOUT ##### */
/* ################## */

html {
}

body {
color: #333333;
padding: 54px 0 0 0;
font-size: 100%;
font-family: georgia, serif;
text-align: center;
-webkit-text-size-adjust: 100%;
background-color: #333333;
}

div#container {
text-align: left;
font-size: 16px;
background-color: #FFFFFF;
background-image: url(sfj_bg.jpg);
position: relative;
}

/* ################## */
/* ##### HEADER ##### */
/* ################## */

div#sfjnav {
padding: 0;
background-image: url(sfj_bg_dark.jpg);
border-top: double 3px #333333;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 54px;
z-index: 999;
box-shadow: 0 0 10px #333333;
}

div#sfjnav-top {
padding: 8px 0;
height: 52px;
border-bottom: double 3px #333333;
}

div#sfjnav-l {
padding: 0 0 3px 0;
display: inline-block;
vertical-align: bottom;
}

div.menu {
padding: 0 0 2px 0;
display: inline-block;
}

div.menu ul {
padding: 0;
list-style: none;
position: relative;
z-index: 100;
}

div.menu ul li {
padding: 0 10px;
display: inline-block;
position: relative;
}

div.menu ul li:hover {
}

div.menu ul li a {
padding: 0;
color: #333333;
font-size: 18px;
text-align: center;
display: block; 
}

div.menu ul li:hover a {
color: #008800;
}

div.menu ul li ul.sub-menu {
padding: 0 0 10px 0;
width: 220px;
display: none;
position: absolute;
background-image: url(sfj_bg_dark.jpg);
border-bottom: double 3px #333333;
box-shadow: 0 10px 10px -5px #555555;
}

div.menu ul li:hover ul.sub-menu {
display: block;
}

div.menu ul li ul.sub-menu li {
padding: 8px 0 0 10px;
display: block;
}

div.menu ul li ul.sub-menu li a {
color: #333333;
text-align: left;
}

div.menu ul li ul.sub-menu li:hover a {
color: #008800;
}

div.menu li.current_page_item, div.menu li.current_page_parent {
}

div.menu li.current_page_item a, div.menu li.current_page_parent a {
}

div.menu li.current_page_item a:before, div.menu li.current_page_parent a:before, div.menu li.current_page_item a:after, div.menu li.current_page_parent a:after {
}

div.menu ul li#menu-item-3305 a {
font-size: 20px;
}

form.sfj-search {
padding: 0 0 0 10px;
display: inline-block;
vertical-align: bottom;
}

input.sfj-searchinput {
margin: 0 -5px 0 0;
padding: 6px 10px;
width: 200px;
font-size: 12px;
background-color: #FFFFFF;
border: none;
display: inline-block;
}

input.sfj-searchbutton {
margin: 0;
padding: 5px 10px;
font-size: 12px;
background-image: url(sfj_col_bg.jpg);
border: none;
display: inline-block;
cursor: pointer;
}

h1#sfjnav_title {
margin: 0;
padding: 0;
font-size: 20px;
display: inline-block;
vertical-align: bottom;
}

div#sfj_log {
padding: 0 0 4px 20px;
font-family: arial, sans-serif;
font-size: 12px;
text-align: right;
display: inline-block;
vertical-align: bottom;
}

div#sfj_log a {
margin: 0;
padding: 5px 10px;
color: #333333;
background-image: url(sfj_col_bg.jpg);
border: none;
display: inline-block;
cursor: pointer;
}

div#sfj_log a:hover {
color: #FFFFFF;
}

div#sfj_media {
padding: 0 0 0 20px;
display: inline-block;
vertical-align: bottom;
}

div#sfj_media a {
max-width: 32px;
display: inline-block;
vertical-align: bottom;
}

div#sfjnav-bottom {
background-image: url(sfj_bg.jpg);
}

div#farm {
background-size: 20%;
background-image: url(sfj_header_farm.png);
background-repeat: no-repeat;
background-position: left bottom;
}

div#plow {
background-size: 13%;
background-image: url(sfj_header_plow.png);
background-repeat: no-repeat;
background-position: 95% bottom;
}

div#grass {
background-size: 8%;
background-image: url(sfj_header_grass.png);
background-repeat: repeat-x;
background-position: bottom;
}

div#sfj_logo {
padding: 30px 0;
}

h1#logo {
padding: 0 0 10px 0;
font-size: 48px;
text-align: center;
}

h1#logo a {
color: #333333;
}

h1#logo a:hover {
color: #990000;
}

p.tag {
padding: 0 0 10px 0;
font-size: 13px;
text-align: center;
font-style: italic;
}

div#headercols {
}

div.headercol {
padding: 0;
width: 20%;
text-align: center;
display: inline-block;
position: relative;
vertical-align: bottom;
}

div.headercol a {
color: #FFFFFF;
font-family: arial, sans-serif;
}

div.headercol a:hover {
color: #990000;
}

p.headertitle {
padding: 4px 0;
width: 100%;
text-align: center;
font-size: 15px;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
z-index: 99;
}



/* ################ */
/* ##### MAIN ##### */
/* ################ */

div#left {
}

div#main {
}

div#main div.page, div#main div.sfjpost, div#main div.woopage {
margin: 0 auto;
padding: 40px 0;
max-width: 1280px;
position: relative;
}

div#mainLeft {
margin: 0;
padding: 20px 3% 0 3%;
width: 67%;
display: inline-block;
vertical-align: top;
}

div#mainRight {
margin: 0;
padding: 20px 3% 0 3%;
width: 33%;
display: inline-block;
vertical-align: top;
background-image: url(sfj_bg_dark.jpg);
}

div.sfj_right-widget {
margin: 0;
padding: 0;
}

div.sfj_right-widget h2 {
margin: 0 0 10px 0;
padding: 15px;
color: #990000;
text-align: center;
background-image: url(sfj_bg.jpg);
border: double 3px #333333;
}

div.sfj_right-widget ul.product_list_widget {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

div.sfj_right-widget ul.product_list_widget li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: double 3px #333333;
}

div.sfj_right-widget ul.product_list_widget li a {
display: block;
}

div.sfj_right-widget ul.product_list_widget li:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}

div.sfj_right-widget ul.product_list_widget li a img {
margin: 0 auto;
max-width: 100% !important;
width: 30% !important;
height: auto !important;
display: block;
float: left;
}

div.sfj_right-widget ul.product_list_widget li a span.product-title {
display: block;
font-size: 20px;
}

div.sfj_right-widget ul.product_list_widget li del {
display: block;
}

div.sfj_right-widget ul.product_list_widget li ins {
color: #333333;
font-size: 18px;
text-decoration: none;
display: block;
}

div.sfj_right-widget ul.product_list_widget li span.amount {
display: block;
}

div.sfj_right-widget div.mailgun-form-description {
margin: 0;
padding: 0 30px;
}

div.sfj_right-widget div.mailgun-form-description div.mailgun-widget-description {
}

div.sfj_right-widget div.mailgun-form-description div.mailgun-widget-description p {
margin: 0;
padding: 0;
}

div.sfj_right-widget form.mailgun-subscription-form {
margin: 0;
padding: 0 30px;
}

div.sfj_right-widget form.mailgun-subscription-form ul.mailgun-subscription-form-lists {
margin: 0;
padding: 0;
list-style: none;
}

div.sfj_right-widget form.mailgun-subscription-form ul.mailgun-subscription-form-lists li {
margin: 0;
padding: 0;
}

div.sfj_right-widget form.mailgun-subscription-form ul.mailgun-subscription-form-lists li label.mailgun-list-name {
margin: 0;
padding: 0;
text-align: center;
}

div.sfj_right-widget form.mailgun-subscription-form p.mailgun-subscription-form-lists {
margin: 0;
padding: 0;
text-align: center;
}

div.sfj_right-widget form.mailgun-subscription-form p.mailgun-subscription-form-lists label.mailgun-list-name {
margin: 0;
padding: 0;
text-align: center;
font-weight: bold;
}

div.sfj_right-widget form.mailgun-subscription-form p.email-address {
margin: 0;
padding: 0;
text-align: center;
}

div.sfj_right-widget form.mailgun-subscription-form p.email-address label {
display: inline;
}

div.sfj_right-widget form.mailgun-subscription-form p.email-address input {
font-size: 105%;
}

div.sfj_right-widget form.mailgun-subscription-form p.submit {
padding: 10px 0;
text-align: center;
}

div.sfj_right-widget form.mailgun-subscription-form p.submit input {
font-size: 120%;
}

form.mailgun-subscription-form + p {
display: none;
}

/* ##################### */
/* ##### MINI CART ##### */
/* ##################### */

div.sfj_right-widget div.hide_cart_widget_if_empty {
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content {
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
display: none;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart {
text-align: left;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item {
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a {
width: 65%;
display: inline-block;
vertical-align: top;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove_from_cart_button {
padding: 0 5px 3px 5px;
width: auto;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
background-color: #FF0000;
border-radius: 20px;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a img.size-woocommerce_thumbnail {
padding: 0 10px 0 0;
max-width: 100px !important;
float: left;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.quantity {
padding: 0 0 0 20px;
display: inline-block;
vertical-align: top;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.woocommerce-Price-amount {
display: inline-block;
vertical-align: top;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item span.woocommerce-Price-currencySymbol {
display: inline-block;
vertical-align: top;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__total {
margin: 0;
padding: 0;
text-align: right;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__total span.woocommerce-Price-amount {
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__total span.woocommerce-Price-currencySymbol {
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__buttons {
margin: 10px 0 0 0;
padding: 10px 0 40px 0;
text-align: center;
border-top: double 3px #333333;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__buttons a.button {
margin: 0 10px;
padding: 5px 10px;
color: #000000;
font-family: arial, sans-serif;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
background-color: #CCCCCC;
border-radius: 5px;
}

div.sfj_right-widget div.hide_cart_widget_if_empty div.widget_shopping_cart_content p.woocommerce-mini-cart__buttons a.button:hover {
background-color: #BBBBBB;
}

p#sfj_address {
margin: 0 0 40px 0;
padding: 15px 0 15px 30px;
font-size: 18px;
text-align: left;
background-image: url(sfj_bg.jpg);
border: double 3px #333333;
}

div.sfj-jfk-widget {
margin: 0 0 40px 0;
padding: 15px 30px;
text-align: center;
background-image: url(sfj_bg.jpg);
border: double 3px #333333;
}

h2.sfj-jfk-title {
margin: 0;
padding: 0;
}

a.sfj-jfk-image {
margin: 0;
padding: 10px 0;
display: inline-block;
max-width: 75%;
}

div.sfj-jfk-excerpt, div.sfj-jfk-excerpt p {
margin: 0;
padding: 0;
}

div.sfjads {
}

div.sfjad {
padding: 0 0 20px 0;
}

div#sfj_lp {
margin: 0;
padding: 0 15%;
width: auto;
min-height: 400px;
background-image: url(sfj_paywall_bg.png);
background-position: bottom;
background-repeat: repeat-x;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

div#leaky_paywall_message {
margin: 0;
padding: 20px 20px 0 20px;;
width: auto;
color: #333333;
font-weight: normal;
background-image: url(sfj_bg_dark.jpg);
border-color: #333333;
}

div#leaky_paywall_message a {
color: #008800;
}

div#leaky_paywall_message a:hover {
color: #990000;
}

div.sfj_sidebar {
margin: 20px 0 20px 20px;
padding: 20px;
max-width: 33%;
border: double 3px #333333;
float: right;
}

p.out-of-stock {
margin: 0;
padding: 0;
color: #990000;
}

li.product {
font-size: 120%;
font-family: arial, sans-serif;
}

h2.woocommerce-loop-product__title {
font-family: arial, sans-serif;
}

/* ################ */
/* ##### HOME ##### */
/* ################ */

div#homecols {
margin: 0;
padding: 0 20px 20px 20px;
border-bottom: double 3px #333333;
}

div#homecols div.homecol {
padding: 0 20px;
width: 20%;
text-align: center;
float: left;
}

div#homecols div.homecol h2 {
padding: 15px 0 0 0;
font-size: 18px;
}

div#homecols div.today h2, div#homecols div.today p.date {
background-image: url(sfj_bg_dark.jpg);
border-left: double 3px #333333;
border-right: double 3px #333333;
}

div.homecol p.date {
padding: 0 0 10px 0;
font-size: 14px;
border-bottom: double 3px #333333;
}

div.homecol h3.title {
padding: 10px 0;
}

div.homecol h3.title a {
color: #333333;
font-weight: bold;
}

div.homecol h3.title a:hover {
color: #990000;
}

div.homecol div.image {
margin: 10px auto 0 auto;
padding: 0 0 50% 0;
height: 0;
position: relative;
overflow: hidden;
}

div.home-by {
font-family: arial, sans-serif;
font-size: 12px;
text-align: left;
float: left;
}

div.home-from {
font-family: arial, sans-serif;
font-size: 12px;
text-align: right;
float: right;
}

div.gtoggle {
}

div.homecol div.excerpt p {
padding: 0;
text-align: justify;
}

a.more-link {
padding: 10px 0;
color: #008800;
text-align: right;
display: block;
}

a.more-link:hover {
color: #990000;
}

div.sfj_subscribe {
text-align: center;
}

div.sfj_subscribe a {
margin: 0 auto 10px auto;
display: block;
position: relative;
}

div.sfj_subscribe a h3 {
color: #FFFFFF;
font-weight: bold;
text-align: left;
text-shadow: 4px 4px 4px #000000;
position: absolute;
left: 20px;
bottom: 20px;
}

div.sfj_subscribe a:hover h3 {
color: #009900;
}


div.sfj_weather {
text-align: center;
}






div#sfj_news-events {
margin: 0 5% 20px 5%;
padding: 0;
border-bottom: double 3px #333333;
}

div#sfj_news-events div.sfj_news-events {
padding: 10px 0 0 0;
column-gap: 2%;
}




div.home2cols {
padding: 3% 2%;
}

div.home2cols div.home2col {
padding: 0 2%;
width: 50%;
display: inline-block;
vertical-align: top;
}

div.home2cols div.home2col h2 {
margin: 0;
padding: 15px 20px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div.home2cols div.home2col div.home2col-content {
padding: 20px;
}

div.home2cols div.frontpage {
}

div.home2cols div.glance {
}

div.home2cols div.glance h2 {

}

div.moon {
width: 35%;
display: inline-block;
vertical-align: top;
}

div.moon-icon {
padding: 0 40px;
}

p.moon-name {
padding: 0;
font-family: arial, sans-serif;
font-weight: bold;
text-align: center;
}

div.moonsign {
width: 64%;
display: inline-block;
vertical-align: top;
}

div.sfj_galaxy {
width: 50%;
font-family: arial, sans-serif;
border: double 3px #333333;
display: inline-block;
vertical-align: top;
}

div.sfj_mooninfo {
padding: 0 0 0 5%;
width: 49%;
font-family: arial, sans-serif;
display: inline-block;
vertical-align: top;
}

div.sfj_mooninfo h3 {
padding: 0 0 40px 0;
font-family: arial, sans-serif;
font-weight: bold;
}

div.sfj_moontext {
padding: 20px 0 0 0;
}

/* ################## */
/* ##### SINGLE ##### */
/* ################## */

div.sfj_article-header {
margin: 0 0 40px 0;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div.sfj_article-header div.sfj_article-thumb {
width: 33.3%;
display: inline-block;
vertical-align: top;
}

div.sfj_article-header div.sfj_article-info {
padding: 20px;
width: 66.6%;
display: inline-block;
vertical-align: top;
}

div.sfj_article-header div.sfj_article-info h2 {
margin: 0;
padding: 0;
font-weight: bold;
}

div.sfj_article-header div.sfj_article-info div.attribution {
padding: 0;
font-family: arial, sans-serif;
}

div.sfj_article-header div.sfj_article-info ul.catmenu {
margin: 0;
padding: 10px 20px;
font-family: arial, sans-serif;
float: left;
}

div.sfj_article-header div.sfj_article-info ul.catmenu li {
}

div.sfj_article-header div.sfj_article-info div.social {
padding: 10px 0 0 0;
float: left;
}

/* #################### */
/* ##### CATEGORY ##### */
/* #################### */

h2.sfj_category-title {
margin: 0 0 40px 0;
padding: 20px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div.listpostcols {

}

div.listpost {
margin: 0 0 20px 0;
padding: 10px 20px;
width: 100%;
border-bottom: double 3px #333333;
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Deprecated Firefox */
-moz-column-break-inside:avoid; /* Current Firefox */
column-break-inside: avoid;
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column;
display: inline-block;
}

div.listpost div.image {
width: 33%;
display: inline-block;
vertical-align: top;
}

div.listpost div.info {
padding: 0 0 0 40px;
width: 67%;
display: inline-block;
vertical-align: top;
}

div.listpost h3.title {
padding: 0 0 5px 0;
}

div.listpost h3.wm-title {
margin: -10px -20px 20px -20px;
padding: 10px;
background-image: url(sfj_bg_dark.jpg);
border-top: double 3px #333333;
border-bottom: double 3px #333333;
}

div.listpost h3.title a {
color: #603913;
}

div.listpost h3.title a:hover {
color: #990000;
}

div.listpost div.attribution {
padding: 0 0 5px 0;
font-family: arial, sans-serif;
font-size: 16px;
}

div.listpost div.categories {
padding: 0 0 5px 0;
font-family: arial, sans-serif;
font-size: 16px;
}

div.listpost div.tags {
padding: 0 0 10px 0;
font-size: 16px;
}

div.listpost div.excerpt {
}

div#sfj_spotlight {
padding: 20px 0 0 0;
}

div#sfj_spotlight h2 {
margin: 0 0 20px 0;
padding: 20px;
text-align: center;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div#sfj_spotlight div.page div.listpostcols {

}

/* ################ */
/* ##### PAGE ##### */
/* ################ */

div.page .sfj_page-title {
margin: 0 0 40px 0;
padding: 20px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

h2 span {
font-size: 75%;
}

div.sfj-subscribe div.woocommerce {
margin: 0 2% 20px 2%;
padding: 20px;
width: auto;
max-width: 29%;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
float: left;
}

div.sfj-subscribe div.woocommerce ul.products {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}

div.sfj-subscribe div.woocommerce ul.products li {
margin: 0;
padding: 0;
width: auto;
display: block;
}

div.sfj-subscribe div.woocommerce ul.products li a img {
max-width: 100%;
}

div.sfj-subscribe div.woocommerce ul.products li a h3 {
font-family: arial, sans-serif;
border: none;
background: none;
}

div.sfj-websub {
margin: 0 2% 20px 2%;
padding: 20px;
width: auto;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div.sfj-websub div.issuem-leaky-paywall-subscriber-info {
display: none;
}

div.sfj-websub h2 {
display: none;
}

div.sfj-websub div.leaky_paywall_subscription_options {
display: block;
border-spacing: 0;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option {
margin: 0;
padding: 0;
width: auto;
font-family: arial, sans-serif;
font-size: inherit;
line-height: normal;
text-align: center;
display: block;
border: none;
border-radius: 0;
box-shadow: none;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option h3 {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
border: none;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_allowed_content {
display: none;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_allowed_content p {
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_price {
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_price p {
padding: 10px;
color: #008800;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_price p strong {
font-weight: normal;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_payment_options {
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_payment_options div.leaky-paywall-payment-button {
margin: 0 0 10px 0;
padding: 0;
display: block;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_payment_options div.leaky-paywall-payment-button a {
margin: 0;
padding: 10px;
color: #008800;
display: block;
min-height: auto;
background-color: #FFFFFF;
border-radius: 5px;
}

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_payment_options div.leaky-paywall-payment-button a::after {

}
/*content: " with Credit Card (Stripe)";*/

div.sfj-websub div.leaky_paywall_subscription_options div.leaky_paywall_subscription_option div.leaky_paywall_subscription_payment_options div.leaky-paywall-payment-button a:hover {
color: #990000;
}

div.leaky-paywall-payment-method-container label img {
display: inline;
}

div.sfj_register_container {
text-align: center;
}

div.sfj_register {
display: inline-block;
}

div.sfj_register h3 {
margin: 0 0 20px 0;
}

div.sfj_register ul {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}

div.sfj_register ul li {
padding: 10px 0;
}

div.sfj_register div.leaky-paywall-user-fields, div.sfj_register div.leaky-paywall-account-fields, div.sfj_register div.leaky-paywall-card-details {
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

div.sfj_register button#leaky-paywall-submit {
margin: 5px;
padding: 10px;
width: 100%;
color: #008800;
font-size: inherit;
display: block;
background-color: #FFFFFF;
border-radius: 5px;
border: none;
box-shadow: none;
cursor: pointer;
}

div.sfj_register button#leaky-paywall-submit:hover {
color: #990000;
}

div.leaky-paywall-paypal-standard-button {
margin: 10px 0 0 0 !important;
padding: 10px 0 0 0 !important;
border-top: double 3px #333333 !important;
}

div.leaky-paywall-paypal-standard-button::before {
}

div.leaky-paywall-paypal-standard-button::after {
content: "Subscribe with PayPal (requires a PayPal account).";
}

/* ################## */
/* ##### FOOTER ##### */
/* ################## */

div#footer {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
text-align: center;
background-image: url(sfj_bg_dark.jpg);
border-top: double 3px #333333;
}

/* ################### */
/* ##### RECIPES ##### */
/* ################### */

h2.sfj_recipe-category-title {
margin: 0 0 40px 0;
padding: 20px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

h2.sfj_recipe-category-title ul.catmenu {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 16px;
list-style: none;
}

h2.sfj_recipe-category-title ul.catmenu li {
padding: 0 20px 0 0;
display: inline;
}

h2.sfj_recipe-title {
margin: 0 0 40px 0;
padding: 20px;
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

h2.sfj_recipe-title div.social {
float: right;
}

h2.sfj_recipe-title div.catmenu, h2.sfj_recipe-title div.tagmenu {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 16px;
list-style: none;
}

h2.sfj_recipe-title div.catmenu a, h2.sfj_recipe-title div.tagmenu a {
padding: 0 20px 0 0;
}

/* ##################### */
/* ##### RESOURCES ##### */
/* ##################### */

h2.sfj_department-title {
margin: 0 0 40px 0;
padding: 20px;
background-image: url(sfj_col_bg.jpg);
border: double 3px #333333;
}

div.sfj-resources div.department div.listpost {
background-image: url(sfj_bg_dark.jpg);
border: double 3px #333333;
}

/* ################### */
/* ##### LETTERS ##### */
/* ################### */

div.letter {
border-bottom: double 3px #333333;
}

div.letter h3.title {
padding: 20px 0;
}

div.letter div.content {
}

div#slides {
padding: 40px;
}

div.aboutcols {
}

div.aboutcol {
padding: 0 20px;
width: 50%;
float: left;
}

div.postcontents p a {
display: block;
font-size: .8em;
}

div.postcontent {
padding: 0 15%;
}

.metaslider {
padding: 0 0 20px 0;
}

.metaslider .caption-wrap {
height: 40px;
font-size: 24px;
top: 0px;
right: auto;
bottom: auto;
left: 0px;
}

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

div.wp-caption a {
display: inline-block;
max-width: 100%;
}

div.wp-caption a img {
max-width: 100%;
}

p.wp-caption-text {
padding: 5px 20% 40px 20%;
text-align: center;
font-size: 75%;
font-weight: bold;
}

div.sfjpost h3 {
padding: 0 0 20px 0;
}

p.indent {
padding-left: 5%;
}

/* ##################### */
/* ##### POST GRID ##### */
/* ##################### */

div.post-grid div.grid-items div.item {
background: none !important;
}

.sfj_enclosure {
margin: 0 0 20px 10%;
padding: 20px;
width: 300px;
border: double 3px #333333;
background-image: url(sfj_bg_dark.jpg);
}



/* ######################## */
/* ##### 1439- LAYOUT ##### */
/* ######################## */

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

/* ###################### */
/* ##### 1439- TAGS ##### */
/* ###################### */

h1 {
font-size: 36px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 18px;
}

h4, h5, h6 {
font-size: 15px;
}

/* ###################### */
/* ##### 1439- MAIN ##### */
/* ###################### */

div#main div.page, div#main div.sfjpost, div#main div.woopage {
padding: 20px 10%;
max-width: auto;
}

/* ######################## */
/* ##### 1439- HEADER ##### */
/* ######################## */

div.menu ul li {
padding: 0 5px;
}

div.menu ul li a {
font-size: 14px; 
}

div.menu ul li#menu-item-3305 a {
font-size: 16px;
}

form.sfj-search {
padding: 0 0 0 10px;
}

input.sfj-searchinput {
width: 150px;
font-size: 9px;
}

input.sfj-searchbutton {
font-size: 9px;
}

div#sfj_log {
font-size: 9px;
}

div#sfj_media {
padding: 0 0 0 10px;
}

div#sfj_media a {
max-width: 20px;
}

div#sfj_logo {
padding: 15px 0;
}

h1#logo {
padding: 0 0 5px 0;
font-size: 36px;
}

p.tag {
padding: 0 0 5px 0;
font-size: 10px;
}

/* ###################### */
/* ##### 1439- HOME ##### */
/* ###################### */

div#homecols {
padding: 0 10px 10px 10px;
padding: 0;
}

div#homecols div.homecol {
padding: 0 10px;
padding: 0;
}

div#homecols div.homecol h2 {
padding: 15px 0 0 0;
font-size: 16px;
}

div.homecol p.date {
padding: 0 0 10px 0;
font-size: 12px;
}

div.homecol h3.title {
padding: 10px 0;
}

div.homecol h3.title a {
font-size: 18px;
}

div.home-by {
padding: 0 0 0 5px;
font-size: 10px;
}

div.home-from {
padding: 0 5px 0 0;
font-size: 10px;
}

div.homecol div.excerpt p {
padding: 0 5px;
font-size: 14px;
}

}

/* ################# */
/* ##### 1439- ##### */
/* ################# */






/* ######################## */
/* ##### 991- LAYOUT ##### */
/* ######################## */

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

/* ###################### */
/* ##### 991- TAGS ##### */
/* ###################### */

h1 {
font-size: 28px;
}

h2 {
font-size: 20px;
}

h3 {
font-size: 16px;
}

h4, h5, h6 {
font-size: 14px;
}

div#container {
font-size: 14px;
}

/* ####################### */
/* ##### 991- HEADER ##### */
/* ####################### */

p.headertitle {
font-size: 10px;
}

/* ##################### */
/* ##### 991- MAIN ##### */
/* ##################### */

div#main div.page, div#main div.sfjpost, div#main div.woopage {
padding: 20px 5%;
max-width: auto;
}

div#mainLeft {
width: 60%;
}

div#mainRight {
width: 40%;
}

/* ##################### */
/* ##### 991- HOME ##### */
/* ##################### */

div#homecols {
padding: 0;
}

div#homecols div.homecol {
padding: 0;
}

div.homecol h3.title {
padding: 10px 5px;
}

div.home-by {
padding: 0 0 0 5px;
font-size: 9px;
}

div.home-from {
padding: 0 5px 0 0;
font-size: 9px;
}

div.homecol div.excerpt p {
padding: 0 5px;
font-size: 11px;
}

div.sfj_subscribe a h3 {
font-size: 12px;
left: 5px;
bottom: 5px;
}

p#sfj_address {
margin: 0 0 20px 0;
padding: 10px 0 10px 10px;
font-size: inherit;
}

div.listpost div.image {
width: auto;
display: block;
}

div.listpost div.info {
padding: 10px 0 0 0;
width: auto;
display: block;
}

div.listpost div.attribution {
font-size: inherit;
}

div.listpost div.categories {
font-size: inherit;
}

div.listpost div.tags {
font-size: inherit;
}

}

/* ################ */
/* ##### 991- ##### */
/* ################ */









/* ####################### */
/* ##### 767- LAYOUT ##### */
/* ####################### */

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

/* ##################### */
/* ##### 767- TAGS ##### */
/* ##################### */

h1 {
font-size: 24px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 14px;
}

h4, h5, h6 {
font-size: 12px;
}

div#container {
font-size: 12px;
}

/* ##################### */
/* ##### 767- HOME ##### */
/* ##################### */

div#homecols {
margin: 0 auto;
padding: 0;
max-width: 600px;
}

div#homecols div.homecol {
margin: 10px;
padding: 0 10px 10px 10px;
width: auto;
float: none;
border: double 3px #333333;
background-image: url(sfj_bg_dark.jpg);
}

div#homecols div.homecol div.sfj_1024image, div#homecols div.homecol div.sfj_1024info {
display: inline-block;
width: 50%;
}

div#homecols div.homecol p.date, div#homecols div.homecol h2 {
display: none;
}

div#homecols div.today {
margin: 10px 0;
border: none;
background-image: none;
}

div#homecols div.today h2 {
border-top: double 3px #333333;
display: block;
}

div#homecols div.today div.sfj_1024image, div#homecols div.today div.sfj_1024info {
display: block;
width: auto;
}

div#homecols div.today div.gtoggle {
display: block;
}

div#homecols div.today p.date {
padding: 0 0 10px 0;
border-bottom: double 3px #333333;
display: block;
}

div#sfj_news-events div.sfj_news-events {
column-count: 1;
column-gap: none;
}

div.gtoggle {
display: none;
}

div.sfj_subscribe a h3 {
font-size: 10px;
}

}

/* ################ */
/* ##### 767- ##### */
/* ################ */









/* ####################### */
/* ##### 479- LAYOUT ##### */
/* ####################### */

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

/* ##################### */
/* ##### 479- MAIN ##### */
/* ##################### */

div#mainLeft {
padding: 20px 2% 0 2%;
width: auto;
display: block;
}

div#mainRight {
padding: 20px 2% 0 2%;
width: auto;
display: block;
}

}

/* ################ */
/* ##### 479- ##### */
/* ################ */