html .blog, body.blog, .blog .site-header, .blog .site, .blog .site-footer .site-info  { background: #f0f4f5;}
.blog h1 a, .blog h1, .blog h2 a, .blog h2, .blog h3 a, .blog h3, .blog h4 a, .blog h4 {color: #18453b; text-align: center; display: block; }
.blog h1 {font: 400 36px Montserrat;}
.blog h3, h3.listhd, .blog h3 a {font: 500 18px Montserrat; text-align: left!important;}
.blog h4 {font: bold 32px caveat; }
.blog #extext h3 a, .blog #extext h3, .blog #extext h4 a, .blog #extext h4 {display: inline}
.blog figure+h4 {margin-top: 44px}
.blog .site-footer .site-info h4 {font: 400 18px Montserrat; margin-bottom: 8px; text-align: left; }
h4 +h1 {margin-top: -12px; margin-bottom:30px; }
h3.listhd { margin-top: 10px}
.blog .firstpost header h4 a {display: inline-block}
.blog section.blogfeatured {margin: 44px 0; text-align: center}
.blog section.blogfeatured h3 {min-height: 50px; height: auto;}
section#email .emailform h3 {
    font-size: 36px; font-weight: 400; text-align: center!important;
}
section#email .emailform h3+p {font-size: 18px; margin:-5px 0 30px 0}
.blog .site-content, #masthead .container-fluid {width: 100%; max-width: 1200px; margin: 0 auto;}
.blog .mainnav {
    height: 65px;
    border-bottom: none;
}
.blog .site-branding {
    height: 150px;
    width: 40%;
    min-width: 250px;
    padding: 25px 0;
}
.blog .headcart a {
    color: #454546;
    font-size: 15px;
}
.blog .headcart, .blog .blogsm {
    width: 30%;
    float: left;
   padding: 15px 0;
    margin: 0;
}
.blog .headcart {
    float: right;
    text-align: right;
}
 .headphone i, .headcart i {
    left: 0px;
}
#primary.content-area {
    width: 75%;
    float: left;
}
/*#secondary {
    padding-top: 0px;
  }*/
.sidebar {
    width: 25%;
    float: left;
  }

.blog main {display: flex; column-gap: 30px; justify-content: space-between;margin-right: 40px; flex-wrap: wrap;}
.firstpost {background: #ffffff; width: 100%; padding: 10px 0 0 0; margin-bottom: 40px}
.firstpost .firstposttn { width: 100%; box-sizing: border-box; display: block; padding: 0 20px }
.firstpost .firstposttn img { width: 100%; display: block;}
.list-article-content {padding: 40px 20px 20px 20px}
.single .entry-content, .blog article header {padding: 0 20px}
.secpost .list-article-content {padding: 10px 0 40px 0}
.secpost { width: 30%; flex-grow: 1; display: inline-block; flex-basis: auto; max-width: 31%;}
.datetime {border-top: 1px solid #f0f4f5; margin-top: 30px; padding-top: 10px; display: flex; justify-content: space-between;  }
.datetime.single {border-top:0; margin: -20px 0 30px 0; padding-top: 10px; text-align: center; justify-content: center;  }
.datetime time, .datetime .author, .list-article-meta, .secpost .author { display: inline-block; font-size: 10px;}
.datetime .author {font-style: italic;}
.datetime.single time { width: 100%; text-align: center;}
.list-article-meta a + time {padding-left: 10px}
.viewcnt {margin: 0 10px;}
.viewcnt:before, .ctime:before, .per:before, .diff:before, .yield:before, .ingredients ul li:before, .blog .headcart a:before {display: inline-block; font-family: fontawesome; margin-right: 5px; font-size: 14px}
/* removed for now
.likes, .oacs-spl-like-button-wrapper {width: 20px;}*/
#recipecont { border: 2px solid #eeeeee; padding:20px; margin-top:30px}
#recipedetails {padding: 0 0 20px 0; font-size: 14px;}
.ctime, .per, .diff, .yield {padding-right: 15px; white-space: nowrap;}
.viewcnt:before { content:'\f06e';}
.ctime:before {content:'\f017'; }
.per:before { content:'\f007';}
.diff:before { content:'\f140';}
.yield:before { content:'\f058';}
.blog .headcart a:before { content:'\f07a'; font-size: 21px; margin-right: 10px}
.ingredients ul {list-style: none; padding-left: 0;position: relative}
.ingredients ul li { padding-left: 25px;}
.ingredients ul li:before {content:'\2b'; color: #18453b;position: absolute; left: 0; margin-left: 0; margin-top:3px; font-size: 12px}
.instructions ol li { padding-left: 10px }
article .entry-thumbnail img {width: 100%; height: auto}
.sechd {font-size: 14px; text-align: center; line-height: 36px; height: 36px; text-transform: uppercase; background: #f0f4f5; }
#extext {margin: 30px 0; }
section#email {max-width: 1200px; margin: 0 auto; text-align: center;}
section#email .emailform {padding: 40px;}
.emailform .email {
    display:inline-block;
    margin-bottom: 20px;
    width:60%;
}
input[type="email"] {min-height: 41px; margin-right: 30px;}
.blog .btn, .blog .wp-block-button__link {
background-color: #e6e6e6;
    padding: 10px 25px;
    color: #18453b;
    border:1px solid #cccccc;
    margin: 0 auto;
    font-size: 15px!important;
    display: inline-block;
    min-width: 220px;
}
.blog .btn:hover, .blog .wp-block-button__link:hover {
background-color: #ffffff;
    color: #18453b;
    border:1px solid #cccccc
}
.blog .btn:focus, .blog .wp-block-button__link:focus {
background-color: #ffffff;
    color: #18453b;
    border:1px solid #18453b
}
.readmore {text-align:center}
.blogsm {height:56px;  }
.blogsm a {display: inline-block; width:22px; height: 22px; overflow: hidden; margin-right: 20px; text-indent:100%; background-image: url("/images/spt-2greensm.svg"); background-repeat: no-repeat; background-size: auto 22px;}

.blog .site-footer a.social {
    background-image: url(/images/spt-2greensm.svg);
    color: transparent!important;
}
.blogsm a.insta {background-position:left center;}
.blogsm a.face {background-position:center center;}
.blogsm a.twit {background-position:right center;}
.blog .site-footer .site-info a {  color: #454546;}
.blog .site-footer {
    color: #454546;
    background: #f0f4f5 url(/images/pattern-grey.png) center left;
}
.wc-block-grid__product {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}
input#wp-comment-cookies-consent {float: left; margin:5px 15px 0 0; font-size:24px}
@media (max-width:1199px) {
    .firstpost .firstposttn { padding: 0; }
    .secpost {
    width: 47%;
        max-width: none;
}
    .blog .headcart, .blog .blogsm {
   padding: 15px 20px;
}
    .sidebar {
   padding-right: 20px
}
    .blog main {
    margin-right: 30px;
        margin-left: 20px;
}
    #comments {
    padding: 30px 20px;
}
    .blog .btn, .blog .wp-block-button__link {
    padding: 10px 10px!important;
    min-width: 100px;
        max-width: 100%;
        letter-spacing: normal;
}
    .blog .mainnav {
    height: 50px;
    padding: 0 30px 10px 30px;
}
    .blog .site-branding {
    height: 120px;
    width: 40%;
    padding: 20px 0 0 0;
}
    #primary {
    padding-top: 10px;
}
    .n2-section-smartslider + #primary {
        padding-top: 40px;
    }
.blog .site-header {
     height: auto;
}
}
@media (max-width:992px) {
.blog .site-footer {
    margin-top:0;
    padding-top:100px;
}
    .list-article-thumb a img {width: 100%}
}


@media (max-width:576px) {
    .blog .headcart, .blog .blogsm {
    width: 50%;
        padding: 10px 10px;
}
    .blog .hdrmob {display: none}
    .blog .site-branding {
    height: 90px;
    width: 100%;
    padding: 10px 0 0 0;
}
    .blog .sanpop-link img {
  margin-left: 0; 
}
    #primary.content-area, .sidebar {
    width: 100%;
    float: none;
}
    .blog main, .sidebar {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0;
    margin-left: 0;
}
    .wc-block-grid__products {
    margin: 0;
}
    .wp-block-image img {
    width: 100%;
}
    .blog article .list-article-content header {padding: 0;}
    .viewcnt { margin: 0; }
    .single .viewcnt { margin: 0 0 0 10px; }
    #recipecont {
    padding: 10px;
}
    .single .entry-content, .blog article header {
    padding: 0 10px;
}
    #comments {
    padding: 30px 0;
}
    .emailform .email {
    margin-right: 0;
    width: 100%;
}
    section#email .emailform {
    padding: 40px 20px;
}
}