/*!
Theme Name: Presto Beauty
Theme URI: https://sublimetheme.com/theme/presto-beauty/
Author: SublimeTheme
Author URI: https://sublimetheme.com/
Description: Presto Beauty is the easy-to-use free feminine WordPress theme. It'll help you create elegant & functioning websites within a few minutes, without touching any line of code. In addition, Presto Beauty is SEO-friendly and optimized for speed. The theme is cross-browser compatible, translation ready, mobile-friendly, WooCommerce Plugin compatible and RTL compatible. Plus, it offers free technical support (via our professional developers & designers) and smooth social media integration as well. You can check out the demo: https://sublimetheme.com/theme/presto-beauty/, go through documentation: https://sublimetheme.com/docs/presto-beauty/ and get free support: https://sublimetheme.com/support/.
Version: 1.0.4
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-beauty
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          : #ced9db;
   --st-primary-color-rgb      : 206, 217, 219;
   --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       : #ced9db;
   --st-about-section-dark-bg  : #323232;
   --st-insta-bg               : #ced9db;
   --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-secondary-font-size: 20px;
   --st-secondary-line-height: 1.65;
   --st-primary-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           : #133237;
   --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 LAYOUT TWO
======================================*/
body.home.slider-layout-three .site-header.layout-two, 
body.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-two, 
.home.hs-static-newsletter-banner .site-header.layout-two {
   border-bottom: none;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 999;
   background: -webkit-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -moz-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -ms-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -o-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   padding-bottom: 20px;
}

body.home.slider-layout-three .site-header.cloned.layout-two, 
body.home.hs-static-banner:not(.static-banner-layout-two) .site-header.cloned.layout-two, 
.home.hs-static-newsletter-banner .site-header.cloned.layout-two {
   padding-bottom: 0;
}

body:not(.search-active) .site-header.layout-two {
   background: none;
}

body.home.slider-layout-three:not(.search-active) .site-header.layout-two, 
body.home.hs-static-banner:not(.search-active):not(.static-banner-layout-two) .site-header.layout-two {
   background: -webkit-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -moz-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -ms-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: -o-linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
   background: linear-gradient(rgba(var(--st-black-color-rgb), 0.5), transparent);
}

body.slider-layout-one:not(.search-active) .site-header.layout-two {
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

body:not(.slider-layout-three):not(.hs-static-banner):not(.hs-static-newsletter-banner) .site-header.layout-two, 
body.static-banner-layout-two.hs-static-banner .site-header.layout-two {
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

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

.site-header.layout-two .top-header .container {
   max-width: 100%;
}

.home.slider-layout-three .site-header.layout-two .site-branding .custom-logo-link, 
.home.static-banner-layout-one .site-header.layout-two .site-branding .custom-logo-link, 
.home.hs-static-newsletter-banner .site-header.layout-two .site-branding .custom-logo-link {
   display: none;
}

.home.slider-layout-three .site-header.layout-two .site-branding .custom-logo-link.second-logo, 
.home.static-banner-layout-one .site-header.layout-two .site-branding .custom-logo-link.second-logo, 
.home.hs-static-newsletter-banner .site-header.layout-two .site-branding .custom-logo-link.second-logo {
   display: inline-block;
}

.home:not(.presto-sticky-header) .site-header.layout-two .site-branding .custom-logo-link {
   display: inline-block;
}

.home .site-header.cloned.layout-two.sticky .site-branding .custom-logo-link {
   display: inline-block;
}

.home .site-header.cloned.layout-two.sticky .site-branding .custom-logo-link.second-logo {
   display: none;
}

.site-header.layout-two .top-header .container > div {
   flex: 1;
}

.site-header.layout-two .top-header .container > div.header-center {
   flex: initial;
}

.site-header.layout-two .top-header .header-center {
   text-align: center;
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .site-branding .site-title a, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .site-branding .site-title a, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .site-branding .site-title a {
   color: var(--st-white-color);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .site-branding .site-description, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .site-branding .site-description, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .site-branding .site-description {
   color: rgba(var(--st-white-color-rgb), 0.7);
}

.site-header.layout-two .top-header .header-right {
   justify-content: flex-end;
}

.site-header.layout-two .header-social li a {
   color: var(--st-body-color);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-social li a, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-social li a, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-social li a {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.site-header.layout-two .header-social li a:hover {
   color: var(--st-black-color);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-social li a:hover, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-social li a:hover, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-social li a:hover {
   color: var(--st-white-color);
}

.home.site-header.layout-two .header-btn .btn:hover {
   color: rgba(var(--st-black-color-rgb), 0.8);
   border-color: rgba(var(--st-black-color-rgb), 0.8);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-btn .btn:hover {
   color: rgba(var(--st-white-color-rgb), 0.8);
   border-color: rgba(var(--st-white-color-rgb), 0.8);
}

.site-header.layout-two .header-right .search-toggle svg path, 
.site-header.layout-two .header-right a svg path {
   stroke: var(--st-body-color);
   stroke-width: 1.7px;
}

.site-header.layout-two .header-right .search-toggle:hover svg path, 
.site-header.layout-two .header-right a:hover svg path {
   stroke: var(--st-black-color);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-right .search-toggle svg path, 
.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-right a svg path, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-right .search-toggle svg path, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-right a svg path,
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-right .search-toggle svg path,  
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-right a svg path {
   stroke: rgba(var(--st-white-color-rgb), 0.8);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-right .search-toggle:hover svg path, 
.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-right a:hover svg path, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-right .search-toggle:hover svg path, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-right a:hover svg path, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-right .search-toggle:hover svg path, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-right a:hover svg path {
   stroke: var(--st-white-color);
}

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

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-woo-cart .cart-count, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-woo-cart .cart-count, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-woo-cart .cart-count {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .header-btn .btn:hover {
   color: var(--st-white-color);
   border-color: var(--st-white-color);
}

.site-header.layout-two .header-btn {
   margin-right: 12px;
}

.home.hs-static-banner.static-banner-layout-two .site-header.layout-two .header-btn .btn:hover {
   border-color: rgba(var(--st-black-color-rgb), 0.1);
   color: var(--st-heading-color);
}

.site-header.cloned.layout-two .header-btn .btn:hover {
   color: var(--st-heading-color);
   border-color: var(--st-heading-color);
}

.site-header.layout-two .main-navigation {
   margin-left: 12px;
}

.site-header.layout-two .main-navigation .toggle-button {
   display: block;
   width: 30px;
   height: 30px;
   padding: 0;
   background: none;
   border: none;
   min-height: auto;
   position: relative;
}

.site-header.layout-two .main-navigation .toggle-button .toggle-bar {
   background: var(--st-body-color);
   width: 20px;
   height: 2px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .main-navigation .toggle-button .toggle-bar, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .main-navigation .toggle-button .toggle-bar, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .main-navigation .toggle-button .toggle-bar {
   background: rgba(var(--st-white-color-rgb), 0.8);
}

.site-header.layout-two .main-navigation .toggle-button .toggle-bar:first-child {
   top: -12px;
}

.site-header.layout-two .main-navigation .toggle-button .toggle-bar:last-child {
   bottom: -12px;
}

.site-header.layout-two .main-navigation .toggle-button:hover .toggle-bar {
   background: var(--st-black-color);
}

.home.slider-layout-three .site-header.layout-two:not(.sticky) .main-navigation .toggle-button:hover .toggle-bar, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-two:not(.sticky) .main-navigation .toggle-button:hover .toggle-bar, 
.home.hs-static-newsletter-banner .site-header.layout-two:not(.sticky) .main-navigation .toggle-button:hover .toggle-bar {
   background: var(--st-white-color);
}

.site-header.layout-two .main-navigation ul {
   text-align: right;
}

.site-header.layout-two .main-navigation ul.menu {
   display: block;
}

.site-header.layout-two .main-navigation .primary-menu-list {
   padding-top: 60px;
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   background: var(--st-white-color);
   width: 320px;
   box-shadow: 10px 0 20px rgba(var(--st-black-color-rgb), 0.15);
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   z-index: 99;
}

.showing-main-menu-modal .site-header.layout-two .main-navigation .primary-menu-list {
   display: block;
}

.site-header.layout-two .main-navigation .primary-menu-list .mobile-menu {
   width: 320px;
}

.site-header.layout-two .main-navigation .close {
   display: block;
   position: absolute;
   top: 20px;
   left: 10px;
   width: 30px;
   height: 30px;
   padding: 0;
   min-height: auto;
   background: none;
   border: none;
}

.site-header.layout-two .main-navigation .close::before, 
.site-header.layout-two .main-navigation .close::after {
   content: "";
   background: var(--st-heading-color);
   width: 20px;
   height: 2px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
}

.site-header.layout-two .main-navigation .close::after {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

.site-header.layout-two .main-navigation .close .toggle-text {
   display: none;
}

.site-header.layout-two .main-navigation ul.menu li {
   display: block;
   font-size: 1em;
}

.site-header.layout-two .main-navigation ul.menu li a {
   padding: 0.48em 1.32em;
   font-size: 1.25em;
   border-bottom: none;
   width: 100%;
   font-family: var(--st-secondary-font);
   font-weight: 700;
}

.site-header.layout-two .main-navigation ul.menu li.menu-item-has-children > a {
   padding-left: 2em;
   padding-right: 1.65em;
}

.site-header.layout-two .main-navigation ul li:hover > a, 
.site-header.layout-two .main-navigation ul li a:hover, 
.site-header.layout-two .main-navigation ul li.current-menu-item > a, 
.site-header.layout-two .main-navigation ul li.current-page-item > a, 
.site-header.layout-two .main-navigation ul li.current-menu-ancestor > a, 
.site-header.layout-two .main-navigation ul li.current-page-ancestor > a {
   background: rgba(var(--st-black-color-rgb), 0.03);
   color: var(--st-heading-color);
}

.site-header.layout-two .main-navigation ul.menu li .submenu-toggle {
   display: block;
   position: absolute;
   top: 0;
   left: 0.5em;
   min-height: auto;
   height: 3.4em;
   padding: 0;
   background: none;
   border: none;
   color: inherit;
   width: 1.5em;
   font-size: 1em;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.site-header.layout-two .main-navigation ul.menu li .submenu-toggle.active {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   transform: rotate(180deg);
}

.site-header.layout-two .main-navigation ul.menu li .submenu-toggle svg {
   width: 1em;
   height: 1em;
}

.site-header.layout-two .main-navigation ul li ul.sub-menu {
   box-shadow: none;
   opacity: 1;
   visibility: visible;
   position: static;
   width: 100%;
   display: none;
   -webkit-transition: none;
   -moz-transition: none;
   transition: none;
}

/*===================================
BANNER SLIDER
===================================*/
.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 ONE
===================================*/
.banner-slider.layout-one {
   margin-top: 110px;
}

.banner-slider.layout-one .banner-items {
   align-items: flex-end;
}

.banner-slider.layout-one .banner-item {
   display: flex;
   flex-direction: column-reverse;
}

.banner-slider.layout-one .banner-item .slider-img-holder {
   position: relative;
   height: 0;
   padding-top: 56.169%;
}

.banner-slider.layout-one .banner-item img, 
.banner-slider.layout-one .banner-item .svg-holder {
   box-shadow: -36px 44px 36px rgba(var(--st-black-color-rgb), 0.3);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner-slider.layout-one .banner-item .item-content {
   position: static;
   background: none;
   padding: 0;
   text-align: left;
   margin-bottom: 60px;
   -webkit-transition: all 0.35s ease 0.25s;
   -moz-transition: all 0.35s ease 0.25s;
   transition: all 0.35s ease 0.25s;
}

.banner-slider.layout-one .banner-item:not(.swiper-slide-active) .item-content {
   opacity: 0;
   visibility: hidden;
}

.banner-slider.layout-one .banner-item .item-content .container {
   padding: 0;
   max-width: 100%;
}

.banner-slider.layout-one .banner-item .item-content-inner {
   max-width: 800px;
   margin-left: 30px;
}

.banner-slider.layout-one .banner-item .item-content-inner > * {
   position: relative;
   top: 30px;
   opacity: 0;
   -webkit-transition: top ease 0.5s, opacity ease 0.5s;
   -moz-transition: top ease 0.5s, opacity ease 0.5s;
   transition: top ease 0.5s, opacity ease 0.5s;
}

.banner-slider.layout-one .banner-item span.category {
   justify-content: flex-start;
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

.banner-slider.layout-one .banner-item.swiper-slide-active .item-content-inner > .category {
   top: 0;
   opacity: 1;
}

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

.banner-slider.layout-one .banner-item span.category a:hover {
   color: var(--st-black-color);
}

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

.banner-slider.layout-one .banner-item .item-title {
   font-size: 2.4em;
   margin-top: 10px;
   -webkit-transition-delay: 0.45s;
   -moz-transition-delay: 0.45s;
   transition-delay: 0.45s;
}

.banner-slider.layout-one .banner-item.swiper-slide-active .item-content-inner > .item-title {
   top: 0;
   opacity: 1;
}

.banner-slider.layout-one .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 2px;
   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-one .banner-item .item-title a:hover {
   background-size: 100% 100%;
}

.banner-slider.layout-one .banner-item .item-meta {
   margin-top: 5px;
   -webkit-transition-delay: 0.55s;
   -moz-transition-delay: 0.55s;
   transition-delay: 0.55s;
}

.banner-slider.layout-one .banner-item.swiper-slide-active .item-content-inner > .item-meta {
   top: 0;
   opacity: 1;
}

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

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

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

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

.post-list-style3 .site-main {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.post-list-style3 .site-main article {
   margin: 0 0 80px 0;
}

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

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

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

.post-list-style3 .site-main article:nth-child(4n+2) {
   flex-direction: row-reverse;
}

.post-list-style3 .site-main article:first-child, 
.post-list-style3 .site-main article:nth-child(2n+1) {
   width: 60%;
}

.post-list-style3.leftsidebar .site-main article:first-child, 
.post-list-style3.leftsidebar .site-main article:nth-child(2n+1), 
.post-list-style3.rightsidebar .site-main article:first-child, 
.post-list-style3.rightsidebar .site-main article:nth-child(2n+1) {
   width: 55%;
}

.post-list-style3 .site-main article:nth-child(2n) {
   width: 23%;
   padding-top: 120px;
}

.post-list-style3.leftsidebar .site-main article:nth-child(2n), 
.post-list-style3.rightsidebar .site-main article:nth-child(2n) {
   width: 35%;
}

.post-list-style3 .site-main article:nth-child(2n) .post-thumbnail a {
   padding-top: 125%;
}

.post-list-style3 .site-main article:nth-child(3n) {
   padding-top: 0;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
}

.post-list-style3.leftsidebar .site-main article:nth-child(3n), 
.post-list-style3.rightsidebar .site-main article:nth-child(3n) {
   width: 100%;
}

.post-list-style3 .site-main article:nth-child(3n) .post-thumbnail a {
   padding-top: 57%;
}

.post-list-style3 .site-main article:nth-child(3n+1) {
   padding-top: 0;
}

.post-list-style3 .site-main article:nth-child(3n+2) {
   padding-top: 120px;
}

.post-list-style3.leftsidebar .site-main article:nth-child(3n+2), 
.post-list-style3.rightsidebar .site-main article:nth-child(3n+2) {
   padding-top: 80px;
}

.post-list-style3 .site-main article:nth-child(3n) .post-thumbnail {
   width: calc(100% - 285px);
   padding-right: 39px;
   margin-bottom: 0;
}

.post-list-style3 .site-main article:nth-child(4n+2) .post-thumbnail {
   padding-right: 0;
   padding-left: 39px;
}

.post-list-style3 .site-main article:nth-child(3n+1) .post-thumbnail, 
.post-list-style3 .site-main article:nth-child(3n+2) .post-thumbnail {
   padding-left: 0;
}

.post-list-style3 .site-main article:nth-child(3n) .entry-header {
   width: 285px;
   margin-top: 80px;
}

.post-list-style3 .site-main article:first-child .entry-header, 
.post-list-style3 .site-main article:nth-child(2n+1) .entry-header {
   max-width: 80%;
}

.post-list-style3 .site-main article .post-thumbnail {
   margin: 0 0 27px 0;
}

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

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

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

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

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

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

.instagram-section.insta-layout-1 #sb_instagram {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   position: relative;
   align-items: center;
   flex-direction: row-reverse;
}

.instagram-section.insta-layout-1 #sb_instagram .sb_instagram_header {
   clear: none;
   float: none;
   margin-top: 0;
   padding-left: 60px !important;
   text-align: left;
   width: 47%;
}

.instagram-section.insta-layout-1 #sb_instagram .sb_instagram_header .sbi_header_text h3 {
   font-size: 1.85em;
   font-family: var(--st-secondary-font);
   font-weight: 500;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_load {
   float: none;
   clear: none;
   text-align: left;
   margin-top: 30px;
   padding-left: 0;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_load a {
   border-radius: 0;
   min-width: 218px;
   min-height: 52px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   font-size: 0.8em;
   font-weight: 500;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_images {
   width: 54.264%;
   margin-top: 0;
   margin-left: -12px;
   margin-right: -12px;
   float: none;
   display: flex;
   flex-wrap: wrap;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item {
   padding: 12px !important;
   display: flex;
   flex-direction: column;
   max-height: inherit;
   vertical-align: bottom;
   width: 33.5%;
   float: none;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:first-child, 
.instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
   width: 66.5%;
}

.instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
   float: none;
   align-self: flex-end;
}

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

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

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

@media screen and (max-width: 1366px) {
   /*===================================
   BANNER SLIDER LAYOUT ONE
   ===================================*/
   .banner-slider.layout-one .swiper-arrow {
      top: 70%;
   }

   /*===================================
   POST LIST STYLE THREE
   ===================================*/
   .post-list-style3 .site-main article:nth-child(2n) {
      width: 25%;
   }

   .post-list-style3 .site-main article:nth-child(3n) {
      width: 100%;
   }
}

@media screen and (max-width: 1199px) {
   /*===================================
   POST LIST STYLE THREE
   ===================================*/
   .post-list-style3 .site-main article:nth-child(2n) {
      width: 30%;
      padding-top: 80px;
   }

   .post-list-style3 .site-main article:nth-child(3n) {
      width: 100%;
   }

   .post-list-style3 .site-main article:nth-child(3n+2) {
      padding-top: 80px;
   }

   .post-list-style3 .site-main article:nth-child(3n), 
   .post-list-style3 .site-main article:nth-child(3n+1) {
      padding-top: 0;
   }

   .post-list-style3 .site-main article:nth-child(3n) .entry-header {
      margin-top: 40px;
   }
}

@media screen and (max-width: 1024px) {
   /*===================================
   BANNER SLIDER LAYOUT ONE
   ===================================*/
   .banner-slider.layout-one .swiper-arrow {
      left: 12.5%;
   }

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

   /*======================================
   INSTAGRAM LAYOUT ONE
   ======================================*/
   .instagram-section.insta-layout-1 #sb_instagram .sb_instagram_header {
      width: 46%;
      padding-left: 40px !important;
   }

   .instagram-section.insta-layout-1 #sb_instagram #sbi_images {
      margin-left: -5px;
      margin-right: -5px;
   }

   .instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item {
      width: 40%;
      padding: 5px !important;
   }

   .instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:first-child, 
   .instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:last-child, 
   .instagram-section.insta-layout-1 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
      width: 60%;
   }
}

@media screen and (max-width: 767px) {
   /*===================================
   BANNER SLIDER LAYOUT ONE
   ===================================*/
   .banner-slider.layout-one {
      margin-top: 60px;
   }

   .banner-slider.layout-one .banner-item img, 
   .banner-slider.layout-one .banner-item .svg-holder {
      height: auto;
      box-shadow: -10px 12px 10px rgba(var(--st-black-color-rgb), 0.3);
   }

   .banner-slider.layout-one .banner-item .item-content {
      margin-bottom: 30px;
   }

   .banner-slider.layout-one .banner-item .item-content-inner {
     margin-left: 4%;
   }

   .banner-slider.layout-one .banner-item .item-title {
      font-size: 1.5em;
   }

   /*===================================
   POST LIST STYLE THREE
   ===================================*/
   .post-list-style3 .site-main {
      display: block;
   }

   .post-list-style3 .site-main article {
      margin-bottom: 60px;
   }

   .post-list-style3 .site-main article:first-child, 
   .post-list-style3 .site-main article:nth-child(2n+1), 
   .post-list-style3.leftsidebar .site-main article:first-child, 
   .post-list-style3.leftsidebar .site-main article:nth-child(2n+1), 
   .post-list-style3.rightsidebar .site-main article:first-child, 
   .post-list-style3.rightsidebar .site-main article:nth-child(2n+1) {
      width: 100%;
   }

   .post-list-style3 .site-main article:nth-child(3n+2), 
   .post-list-style3.leftsidebar .site-main article:nth-child(3n+2), 
   .post-list-style3.rightsidebar .site-main article:nth-child(3n+2) {
      padding-top: 0;
   }

   .post-list-style3 .site-main article:nth-child(2n), 
   .post-list-style3.leftsidebar .site-main article:nth-child(2n), 
   .post-list-style3.rightsidebar .site-main article:nth-child(2n) {
      width: 100%;
      padding-top: 0;
   }

   .post-list-style3 .site-main article:nth-child(4n+2) .post-thumbnail {
      padding-left: 0;
   }

   .post-list-style3 .site-main article:nth-child(3n) .post-thumbnail {
      width: 100%;
      padding-right: 0;
      margin-bottom: 27px;
   }

   .post-list-style3 .site-main article:nth-child(3n) .entry-header {
      width: 100%;
      margin-top: 0;
   }

   .post-list-style3 .site-main article:first-child .entry-header, 
   .post-list-style3 .site-main article:nth-child(2n+1) .entry-header {
     max-width: 100%;
   }

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

   /*======================================
   INSTAGRAM LAYOUT ONE
   ======================================*/
   .instagram-section.insta-layout-1 #sb_instagram {
      padding-left: 0;
      min-height: auto !important;
      text-align: center;
      align-items: center;
   }

   .instagram-section.insta-layout-1 #sb_instagram .sb_instagram_header {
      padding-left: 0 !important;
      width: 100%;
   }

   .instagram-section #sb_instagram .sb_instagram_header .section-title {
      text-align: center;
   }

   .instagram-section.insta-layout-1 #sb_instagram .sb_instagram_header .sbi_header_text h3 {
      font-size: 1.3em;
      float: none;
      text-align: center;
   }

   .instagram-section.insta-layout-1 #sb_instagram #sbi_images {
      position: static;
      width: 100%;
      margin-top: 40px;
   }

   .instagram-section.insta-layout-1 #sb_instagram #sbi_load {
      text-align: center;
      padding-left: 0;
   }
}