/*!
Theme Name: Presto Fashion Blogger
Theme URI: https://sublimetheme.com/theme/presto-fashion-blogger/
Author: SublimeTheme
Author URI: https://sublimetheme.com/
Description: Presto Fashion Blogger is easy-to-use child theme of Presto Blog free feminine WordPress theme. Presto Fashion Blogger is easy to use, beautifully designed, and incredibly flexible keeping fashion in mind. Besides the design, Presto Fashion Blogger is also speed optimized and SEO friendly. It works with all the web browsers like Mozilla Firefox, Google Chrome, Microsoft Edge, etc. It is also WooCommerce compatible, translation-ready, and RTL-compatible. Moreover, it features smooth social media integration as well. And the responsive design makes sure that your website looks dashing across all platforms including mobile devices. You can check out the demo: https://sublimetheme.com/theme/presto-fashion-blogger/, go through documentation: https://sublimetheme.com/docs/presto-fashion-blogger/ and get free support: https://sublimetheme.com/support/.
Version: 1.0.3
Requires at least: 5.0
Tested up to: 6.8
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-fashion-blogger
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 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          : #efe9dc;
   --st-primary-color-rgb      : 239,233,220;
   --st-primary-font           : "DM Sans";
   --st-primary-font-weight    : 400;
   --st-primary-font-size      : 20px;
   --st-primary-textTransform  : none;
   --st-secondary-font         : "EB Garamond", serif;
   --st-secondary-font-weight  : 600;
   --st-secondary-textTransform: none;
   --st-about-section-bg       : #efe9dc;
   --st-about-section-dark-bg  : #323232;
   --st-insta-bg               : #efe9dc;
   --st-insta-bg-dark          : #181818;
   --st-body-color             : #353535;
   --st-heading-color          : #121212;
   --st-black-color            : #000000;
   --st-black-color-rgb        : 0,0,0;
   --st-white-color            : #ffffff;
   --st-white-color-rgb        : 255,255,255;
   --st-primary-line-height    : 1.65;
   --st-secondary-font-size    : 20px;
   --st-secondary-line-height  : 1.65;
}
:root .entry-content h1 {
   --st-h1-font         : "EB Garamond", serif;
   --st-h1-fontSize     : 40px;
   --st-h1-fontWeight   : 600;
   --st-h1-textTransform: none;
}
:root .entry-content h2 {
   --st-h2-font         : "EB Garamond", serif;
   --st-h2-fontSize     : 36px;
   --st-h2-fontWeight   : 600;
   --st-h2-textTransform: none;
}
:root .entry-content h3 {
   --st-h3-font         : "EB Garamond", serif;
   --st-h3-fontSize     : 24px;
   --st-h3-fontWeight   : 600;
   --st-h3-textTransform: none;
}
:root .entry-content h4 {
   --st-h4-font         : "EB Garamond", serif;
   --st-h4-fontSize     : 20px;
   --st-h4-fontWeight   : 600;
   --st-h4-textTransform: none;
}
:root .entry-content h5 {
   --st-h5-font         : "EB Garamond", serif;
   --st-h5-fontSize     : 16px;
   --st-h5-fontWeight   : 600;
   --st-h5-textTransform: none;
}
:root .entry-content h6 {
   --st-h6-font         : "EB Garamond", serif;
   --st-h6-fontSize     : 30px;
   --st-h6-fontWeight   : 600;
   --st-h6-textTransform: none;
}
:root .site-footer {
   --st-footer-bg           : #014748;
   --st-footer-txt-color    : #ffffff;
   --st-footer-txt-color-rgb: 255, 255, 255;
}
:root .site-branding {
   --st-logo-height       : 50px;
   --st-siteTitle-fontSize: 20px;
}
.site-header {
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.05);
 }
 
 body:not(.search-active) .site-header {
    background: rgba(var(--st-white-color-rgb), 0.6);
 }

/*=======================================
SITE HEADER LAYOUT EIGHT
========================================*/
.home .site-header.layout-eight {
   border-bottom: none;
}

.site-header.layout-eight .top-header {
   background: none;
   padding: 30px 0;
}

.home .site-header.layout-eight:not(.sticky) .top-header {
   padding-bottom: 0;
}

.site-header.layout-eight .top-header .container {
   max-width: calc(100% - 30px);
   border: 1px solid rgba(var(--st-black-color-rgb), 0.5);
   padding: 0 25px 0 40px;
   align-items: initial;
}

.site-header.layout-eight .top-header .header-left {
   flex: initial;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border-right: 1px solid rgba(var(--st-black-color-rgb), 0.5);
   padding-right: 40px;
}

.site-header.layout-eight .top-header .site-branding {
   padding-top: 10px;
   padding-bottom: 10px;
}

.site-header.layout-eight .top-header .site-branding img {
   vertical-align: middle;
}

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

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

.site-header.layout-eight .top-header .header-center + .header-right {
   border-left: 1px solid rgba(var(--st-black-color-rgb), 0.5);
   margin-left: 20px;
   padding-left: 15px;
}

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

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

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

.banner-slider .swiper-arrow {
   position: absolute;
   top: 65%;
   left: 14%;
   background: none;
   border: none;
   padding: 0;
   min-height: auto;
   z-index: 9;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: var(--st-heading-color);
}

.banner-slider .swiper-arrow.swiper-btn-next {
   left: auto;
   right: 14%;
}

.banner-slider .swiper-arrow:disabled {
   display: none;
}

.banner-slider .swiper-pagination {
   position: static;
   margin-top: 10px;
   line-height: 1;
   display: none;
}

.banner-slider .swiper-pagination > .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   min-height: auto;
   background: rgba(var(--st-black-color-rgb), 0.7);
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.banner-slider .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: var(--st-black-color);
   width: 20px;
   border-radius: 10px;
}

.banner-slider.layout-five {
   margin-top: 40px;
   padding: 0 15px;
}

.banner-slider.layout-five + .after-header-ad-widget, 
.banner-slider.layout-five + .about-section {
   margin-top: 60px;
}

.banner-slider.layout-five .slider-img-holder {
   margin-bottom: 25px;
}

.banner-slider.layout-five .slider-img-holder img, 
.banner-slider.layout-five .slider-img-holder svg.fallback-svg {
   height: auto;
}

.banner-slider.layout-five .item-content {
   position: static;
   background: none;
   padding: 0;
}

.banner-slider.layout-five .item-meta span.posted-on {
   color: rgba(var(--st-black-color-rgb), 0.6);
}

.banner-slider.layout-five span.category a, 
.banner-slider.layout-five .item-meta span.posted-on a {
   color: rgba(var(--st-black-color-rgb), 0.6);
}

.banner-slider.layout-five span.category a:hover, 
.banner-slider.layout-five .item-meta span.posted-on a:hover {
   color: var(--st-black-color);
}

.banner-slider.layout-five span.category a::after {
   background: rgba(var(--st-black-color-rgb), 0.1);
}

.banner-slider.layout-five .item-title {
   margin-top: 10px;
   font-size: 1.2em;
   letter-spacing: 0.75px;
   font-weight: 600;
}

.banner-slider.layout-five .banner-item .item-title a {
   color: var(--st-heading-color);
   position: relative;
   background-image: -webkit-linear-gradient(transparent calc(100% - 2px), var(--st-heading-color) 2px);
   background-image: -moz-linear-gradient(transparent calc(100% - 2px), var(--st-heading-color) 2px);
   background-image: -ms-linear-gradient(transparent calc(100% - 2px), var(--st-heading-color) 2px);
   background-image: -o-linear-gradient(transparent calc(100% - 2px), var(--st-heading-color) 2px);
   background-image: linear-gradient(transparent calc(100% - 2px), var(--st-heading-color) 2px);
   display: inline;
   background-size: 0 4px;
   background-position: bottom left;
   background-repeat: no-repeat;
   -webkit-transition: background-size 0.35s ease;
   -moz-transition: background-size 0.35s ease;
   transition: background-size 0.35s ease;
}

.banner-slider.layout-five .banner-item .item-title a:hover {
   background-size: 100% 4px;
   color: var(--st-heading-color);
}

.banner-slider.layout-five .swiper-arrow {
   display: none;
}

.banner-slider.layout-five .swiper-pagination {
   display: block;
   margin-top: 40px;
}

.banner-slider.layout-five .swiper-pagination .swiper-pagination-bullet {
   margin: 0 4px;
   width: 8px;
   height: 8px;
   border-radius: 100%;
   background: none;
   border: 1.5px solid rgba(var(--st-black-color-rgb), 0.3);
   opacity: 1;
}

.banner-slider.layout-five .swiper-pagination .swiper-pagination-bullet:hover, 
.banner-slider.layout-five .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: var(--st-heading-color);
   border-color: var(--st-heading-color);
   width: 8px;
   border-radius: 100%;
}


/*===================================
POST LIST STYLE FIVE
===================================*/
.post-list-style5 .content-area {
   margin-bottom: 0;
}

.post-list-style5 .site-main {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 80px;
}

.post-list-style5 .content-area nav {
   margin-bottom: 80px;
}

.post-list-style5 .site-main article {
   border: 1px solid rgba(var(--st-black-color-rgb), 0.5);
   padding: 64px 32px;
   width: 33.33%;
   margin: -0.5px;
}

.post-list-style5.leftsidebar .site-main article, 
.post-list-style5.rightsidebar .site-main article {
   padding: 45px 20px;
}

.post-list-style5 .site-main article:nth-child(5n+1) {
   width: 66.66%;
   margin-left: -1px;
}

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

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

.post-list-style5 .site-main article:nth-child(5n+1) .post-thumbnail a {
   padding-top: 44%;
}

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

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

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

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

.post-list-style5 .site-main article .entry-title {
   font-size: 1.2em;
   line-height: 1.25;
   letter-spacing: 0.65px;
   margin-top: 10px;
   margin-bottom: 0;
   font-weight: 700;
}

.post-list-style5 .site-main article:nth-child(5n+1) .entry-title {
   font-size: 1.8em;
}

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

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

/*======================================
INSTAGRAM LAYOUT THREE
======================================*/
.instagram-section.insta-layout-3 {
   padding-left: 6.7%;
   padding-right: 6.7%;
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   grid-gap: 0;
   float: none;
   border: 1px solid var(--st-heading-color);
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item {
   width: 100%;
   padding: 20px !important;
   float: none;
   max-height: initial;
   overflow: hidden;
   border: 1px solid var(--st-heading-color);
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item:nth-child(3) {
   grid-column: 3 / span 2;
   grid-row: 1 / span 2;
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item:nth-child(9) + .sbi_item, 
.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item:nth-child(9) ~ .sbi_item {
   display: none;
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item a {
   background: none !important;
   height: auto !important;
}

.instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item img {
   display: block !important;
}


@media screen and (max-width: 1366px) {
   /*=======================================
   SITE HEADER LAYOUT EIGHT
   ========================================*/
   .site-header.layout-eight .top-header .container {
      padding-left: 25px;
  }

  .site-header.layout-eight .top-header .header-left {
      padding-right: 20px;
  }

  .site-header.layout-eight .top-header .header-center + .header-right {
      margin-left: 10px;
      padding-left: 10px;
  }
}

@media screen and (max-width: 1199px) {
   /*=======================================
   SITE HEADER LAYOUT EIGHT
   ========================================*/
   .site-header.layout-eight .main-navigation ul.menu > li > a {
      padding-left: 15px;
      padding-right: 15px;
  }
}

@media screen and (max-width: 1024px) {
   /*===================================
   POST LIST STYLE FIVE
   ===================================*/
   .post-list-style5 .site-main article {
      padding: 40px 20px;
  }

  .post-list-style5 .site-main article:nth-child(5n+1) {
      margin-right: -1px;
  }

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

  .post-list-style5 .site-main article:nth-child(5n+1) .entry-title {
      font-size: 1.4em;
  }

  /*======================================
   INSTAGRAM LAYOUT THREE
   ======================================*/
   .instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item {
      padding: 10px !important;
   }
}

@media screen and (max-width: 767px) {
   /*===================================
   BANNER SLIDER LAYOUT FIVE
   ===================================*/
   .banner-slider.layout-five .item-title {
      font-size: 1.2em;
  }

  /*===================================
   POST LIST STYLE FIVE
   ===================================*/
   .post-list-style5 .site-main {
      display: block;
      margin-bottom: 60px;
  }

  .post-list-style5 .site-main article {
      width: 100%;
      margin: -1px 0;
  }

  .post-list-style5 .site-main article:nth-child(5n+1) {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
  }

  /*======================================
   INSTAGRAM LAYOUT THREE
   ======================================*/
   .instagram-section.insta-layout-3 #sb_instagram #sbi_images {
      grid-template-columns: auto;
   }

   .instagram-section.insta-layout-3 #sb_instagram #sbi_images .sbi_item:nth-child(3) {
      grid-column: 1 / span 2;
      grid-row: 3 / span 2;
   }
}