/*!
Theme Name: Presto Food Blog
Theme URI: https://sublimetheme.com/theme/presto-food-blog/
Author: SublimeTheme
Author URI: https://sublimetheme.com/
Description: Are you an aspiring food blogger or thinking of updating your food blog website? Then, Presto Food Blog is the WordPress theme you're looking for. It's a modern and beautiful free recipe and food WordPress theme. You can start your website with ease and share your delicious & unique food recipes. Hence, you can create fully functioning food blogs within a short time, without writing a single piece of code. Other than this, you'll love the flexibility you get with a live built-in theme customizer. You get to make your website unique and attract many visitors/followers. Moreover, the theme is optimized for speed as well as SEO. Major features in this free food blog theme include an appealing Instagram section, Social Media Integration, WooCommerce ready, and many more. It also doesn't compromise on basic features like responsive design, translation-ready, cross-browser compatible, free technical support (via professionals), etc. You can check out the demo: https://demo.sublimetheme.com/presto-food-blog/, go through documentation: https://sublimetheme.com/docs/presto-food-blog/ and get free assistance & professional support: https://sublimetheme.com/support/.
Version: 1.0.1
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: presto-food-blog
Template: presto-blog
Tags: blog, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, footer-widgets, custom-header, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, rtl-language-support, translation-ready, theme-options

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

Presto Food Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root{
    --st-primary-color          : #e3e0e9;
    --st-primary-color-rgb      : 227, 224, 233;
    --st-primary-font           : "DM Sans", sans-serif;
    --st-primary-font-weight    : 400;
    --st-primary-font-size      : 20px;
    --st-primary-textTransform  : none;
    --st-secondary-font         : "DM Serif Display", serif;
    --st-secondary-font-weight  : 600;
    --st-secondary-textTransform: none;
    --st-about-section-bg       : #e3e0e9;
    --st-about-section-dark-bg  : #323232;
    --st-insta-bg               : #e3e0e9;
    --st-insta-bg-dark          : #181818;
    --st-related-post-bg        : #e3e0e9;
  
}
:root .site-footer{
   --st-footer-bg: #5e556a;
   --st-footer-txt-color: #ffffff;
   --st-footer-txt-color-rgb: 255, 255, 255;
}

.header-social li {
   margin-left: 0;
   font-size: 1em;
}

.header-social li a .st-icon {
   width: auto;
   height: 0.8em;
}

.site-footer {
   background: var(--st-footer-bg);
}


/*=======================================
SITE HEADER LAYOUT SEVEN
========================================*/
body:not(.search-active) .site-header.layout-seven {
   background: none;
}

.site-header.layout-seven .top-header {
   padding: 16px 0;
   background: none;
}

.site-header.layout-seven .header-social li a {
   color: rgba(var(--st-black-color-rgb), 0.8);
}

.site-header.layout-seven .header-center {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.site-header.layout-seven .header-center .site-branding {
   text-align: center;
}

.site-header.layout-seven .header-right {
   flex: 1;
   justify-content: flex-end;
}

.site-header.layout-seven .header-right svg path {
   stroke: var(--st-body-color);
   stroke-width: 1.7px;
}

.site-header.layout-seven .header-woo-cart .cart-count {
   color: var(--st-body-color);
}

.site-header.layout-seven .header-btn .btn:hover {
   color: var(--st-body-color);
   border-color: var(--st-body-color);
}

.site-header.layout-seven .main-navigation ul.menu > li > a {
   padding-top: 15px;
   padding-bottom: 15px;
}

/*====================================
BANNER NEWSLETTER
====================================*/
.newsletter_section .wp-custom-header img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.newsletter_section .newsletterwrap {
   position: absolute;
   /* top: 100px; */
   top: 40%;
   right: 90px;
   max-width: 400px;
   z-index: 9;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

.header-layout-two .newsletter_section .newsletterwrap, 
.header-layout-six .newsletter_section .newsletterwrap {
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper {
   background: rgba(var(--st-black-color-rgb), 0.6) !important;
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   backdrop-filter: saturate(180%) blur(20px);
   padding: 36px;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper .text-holder {
   margin-bottom: 24px;
   color: #fff;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper h3 {
   font-size: 1.2em;
   font-weight: 400;
   color: #fff;
   margin: 0;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper .text-holder span {
   display: block;
   margin-top: 12px;
   font-size: 0.8em;
   font-weight: 400;
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form {
   display: flex;
   flex-direction: column;
   position: static;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="text"] {
   border-bottom-color: rgba(var(--st-white-color-rgb), 0.15);
   text-align: left;
   color: var(--st-white-color);
   padding-top: 10px;
   padding-bottom: 0px;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="text"]:first-child {
   margin-top: 0;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="text"]::-webkit-input-placeholder {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="text"]:-ms-input-placeholder {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="text"]::placeholder {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form>label {
   order: 5;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form label .check-mark {
   border-color: rgba(var(--st-white-color-rgb), 0.5);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form label .check-mark:before {
   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E") center center no-repeat;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form>label .text {
   font-size: 0.7em;
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
   margin-top: 20px;
   background: var(--st-white-color);
   border-color: var(--st-white-color);
   color: var(--st-black-color);
   cursor: pointer;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="submit"]:hover {
   background: none;
   color: var(--st-white-color);
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form div[id*="loader-"] {
   top: 0 !important;
   height: 100% !important;
   background: rgba(var(--st-white-color-rgb), 0.35);
   z-index: 9;
}

.newsletterwrap .blossomthemes-email-newsletter-wrapper form div[id*="loader-"] img {
   width: 50px;
}

/*===================================
POST LIST STYLE FOUR
===================================*/
.post-list-style4 .content-area, 
.post-list-style4 .widget-area {
   margin-top: 120px;
   margin-bottom: 120px;
}

.post-list-style4 .content-area {
   margin-bottom: 0;
}

.post-list-style4 .content-area nav {
   margin-bottom: 120px;
}

.post-list-style4 .site-main {
   display: flex;
   flex-wrap: wrap;
   margin-left: -42px;
   margin-right: -42px;
}

.post-list-style4 .site-main article {
   width: 50%;
   padding-left: 42px;
   padding-right: 42px;
   margin-bottom: 120px;
}

.post-list-style4 .site-main article:nth-child(2n) {
   margin-top: 100px;
   margin-bottom: 0;
}

.post-list-style4 .site-main article:last-child {
   margin-bottom: 120px;
}

.post-list-style4 .site-main article .post-thumbnail {
   margin-top: 0;
   margin-bottom: 25px;
}

.post-list-style4 .site-main article .post-thumbnail a {
   display: block;
   position: relative;
   height: 0;
   padding-top: 100%;
}

.post-list-style4 .site-main article .post-thumbnail .svg-holder {
   position: static;
}

.post-list-style4 .site-main article .post-thumbnail img, 
.post-list-style4 .site-main article .post-thumbnail svg.fallback-svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.post-list-style4 .site-main article .entry-header {
   text-align: left;
}

.post-list-style4 .site-main article span.category {
   justify-content: flex-start;
}

.post-list-style4 .site-main article .entry-title {
   font-size: 1.5em;
   line-height: 1.25;
   letter-spacing: 0.75px;
   margin-top: 10px;
   margin-bottom: 0;
}

.post-list-style4 .site-main article .entry-title a {
   color: var(--st-heading-color);
   text-decoration: none;
}

.post-list-style4 .site-main article .entry-meta {
   line-height: 1;
   margin-top: 10px;
}

/*====================================
INSTAGRAM LAYOUT SIX
====================================*/
.instagram-section.insta-layout-6 #sb_instagram .sb_instagram_header {
   padding-left: 15px !important;
   padding-right: 15px !important;
}

.instagram-section.insta-layout-6 #sb_instagram .sb_instagram_header h3 {
   float: none;
}

.instagram-section.insta-layout-6 #sb_instagram .sb_instagram_header .sbi_bio {
   text-align: center;
}

.insta-layout-6 #sb_instagram #sbi_images .sbi_item {
   width: 16.66%;
}

.insta-layout-6 #sb_instagram #sbi_images .sbi_item:nth-child(6) ~ .sbi_item {
   display: none;
}

/*===============================
RESPONSIVE STYLE
===============================*/
@media screen and (max-width: 1199px) {
   /*====================================
   BANNER NEWSLETTER
   ====================================*/
   .newsletter_section .newsletterwrap {
      /* top: 60px; */
      right: 60px;
   }

   /*===================================
   POST LIST STYLE FOUR
   ===================================*/
   .post-list-style4 .content-area, 
   .post-list-style4 .widget-area {
       margin-top: 100px;
       margin-bottom: 100px;
   }

   .post-list-style4 .widget-area {
      margin-top: 0;
   }

   .post-list-style4 .content-area {
      margin-bottom: 0;
   }
   
   .post-list-style4 .content-area nav {
      margin-bottom: 100px;
   }

   .post-list-style4 .site-main article {
       margin-bottom: 100px;
   }

   .post-list-style4 .site-main article:nth-child(2n) {
       margin-top: 100px;
   }

   .post-list-style4 .site-main article:last-child {
      margin-bottom: 100px;
   }

   .post-list-style4.leftsidebar .site-main, 
   .post-list-style4.rightsidebar .site-main {
      margin-left: -15px;
      margin-right: -15px;
   }

   .post-list-style4.leftsidebar .site-main article, 
   .post-list-style4.rightsidebar .site-main article {
      padding-left: 15px;
      padding-right: 15px;
  }
}

@media screen and (max-width: 1024px) {
   /*===================================
   POST LIST STYLE FOUR
   ===================================*/
   .post-list-style4 .site-main {
      margin-left: -15px;
      margin-right: -15px;
  }

  .post-list-style4 .site-main article {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 80px;
  }

  .post-list-style4 .site-main article:nth-child(2n) {
      margin-top: 80px;
  }

  .post-list-style4 .site-main article:last-child {
     margin-bottom: 80px;
  }

  .post-list-style4 .site-main article .entry-title {
      font-size: 1.2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   /*====================================
   BANNER NEWSLETTER
   ====================================*/
   .newsletter_section .newsletterwrap {
      /* top: 5%; */
      right: 5%;
   }

   .newsletterwrap .blossomthemes-email-newsletter-wrapper {
      padding: 25px 25px;
   }

   .newsletterwrap .blossomthemes-email-newsletter-wrapper .text-holder {
      margin-bottom: 10px;
   }

   .newsletterwrap .blossomthemes-email-newsletter-wrapper form input[type="submit"] {
      margin-top: 15px;
      padding-top: 10px;
      padding-bottom: 10px;
      min-height: 45px;
   }
}

@media screen and (max-width: 767px) {
   /*====================================
   BANNER NEWSLETTER
   ====================================*/
   .newsletter_section .newsletterwrap {
      position: static;
      max-width: 100%;
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
   }

   .header-layout-two .newsletter_section .newsletterwrap, 
   .header-layout-six .newsletter_section .newsletterwrap {
      -webkit-transform: none;
      -moz-transform: none;
      transform: none;
   }

   /*===================================
   POST LIST STYLE FOUR
   ===================================*/
   .post-list-style4 .content-area, 
   .post-list-style4 .widget-area {
       margin-top: 80px;
       margin-bottom: 80px;
   }

   .post-list-style4 .content-area {
      margin-bottom: 0;
   }

   .post-list-style4 .widget-area {
      margin-top: 0;
   }
   
   .post-list-style4 .content-area nav {
      margin-bottom: 80px;
   }

   .post-list-style4 .site-main, 
   .post-list-style4.leftsidebar .site-main, 
   .post-list-style4.rightsidebar .site-main {
      margin-left: 0;
      margin-right: 0;
      display: block;
   }

   .post-list-style4 .site-main article, 
   .post-list-style4.leftsidebar .site-main article, 
   .post-list-style4.rightsidebar .site-main article {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 60px;
   }

   .post-list-style4 .site-main article:nth-child(2n) {
      margin-top: 0;
      margin-bottom: 60px;
   }

   .post-list-style4 .site-main article .entry-title {
       font-size: 1em;
   }

   /*====================================
   INSTAGRAM LAYOUT SIX
   ====================================*/
   .insta-layout-6 #sb_instagram #sbi_images .sbi_item {
      width: 33.33%;
   }
}