/*!
Theme Name: Presto Pro
Theme URI: https://sublimetheme.com/theme/presto/
Author: SublimeTheme
Author URI: https://sublimetheme.com/
Description: Are you a travel or lifestyle blogger looking for a beautiful & fully responsive WordPress theme? If yes, Presto is the easy-to-use free feminine WordPress theme for you. It'll help you create elegant & functioning websites within a few minutes, without touching any line of code. What you'll absolutely love about Presto is its beautifully crafted design. It's styled with your flexibility & thematic needs in mind. In addition, Presto is SEO-friendly and optimized for speed. The theme is also cross-browser compatible, meaning it works well with all the web browsers like Chrome & Mozilla.  Also, it's translation ready, mobile-friendly, WooCommerce Plugin compatible, 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/, go through documentation: https://sublimetheme.com/docs/presto/ and get free support: https://sublimetheme.com/support/.
Version: 1.1.2
Requires at least: 5.0
Tested up to: 6.7
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
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 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
   margin: 0;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
   box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
   background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
   font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
   font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
   border-style: none;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
   line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
   overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
   text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*		`fieldset` elements in all browsers.
*/

legend {
   box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   padding: 0; /* 3 */
   white-space: normal; /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
   vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
   overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
   display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
   display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
   display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
   display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
  --st-primary-color: #DFD2D9;
  --st-primary-color-rgb: 223, 210, 217;
  --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-about-section-bg: #DFD2D9;
  --st-insta-bg: #E8DEE5;
  --st-primary-font: 'DM Sans', sans-serif;
  --st-primary-font-weight: 400;
  --st-primary-font-size: 20px;
  --st-primary-line-height: 1.65;
  --st-primary-textTransform: none;
  --st-secondary-font: 'Bodoni Moda', serif;
  --st-secondary-font-weight: 400;
  --st-secondary-font-size: 20px;
  --st-secondary-line-height: 1.65;
  --st-secondary-textTransform: none;
  --st-related-post-bg: #fbf6f2;
}

body,
button,
input,
select,
optgroup,
textarea {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
   font-size: inherit;
   line-height: inherit;
}

body {
   margin: 0;
   padding: 0;
   font-family: var(--st-primary-font);
   color: var(--st-body-color);
   font-size: var(--st-primary-font-size);
   line-height: var(--st-primary-line-height);
   font-weight: var(--st-primary-font-weight);
   text-transform: var(--st-primary-textTransform);
}

h1, h2, h3, h4, h5, h6 {
   clear: none;
   display: block;
   color: var(--st-heading-color);
   line-height: 1.3;
   margin: 0 0 0.5em 0;
   font-family: var(--st-secondary-font);
   font-weight: 600;
}

.entry-content h1 {
   font-family: var(--st-h1-font);
   font-size: var(--st-h1-fontSize);
   font-weight: var(--st-h1-fontWeight);
   text-transform: var(--st-h1-textTransform);
   line-height: 1.2;
}

.entry-content h2 {
   font-family: var(--st-h2-font);
   font-size: var(--st-h2-fontSize);
   font-weight: var(--st-h2-fontWeight);
   text-transform: var(--st-h2-textTransform);
  line-height: 1.25;
}

.entry-content h3 {
   font-family: var(--st-h3-font);
   font-size: var(--st-h3-fontSize);
   font-weight: var(--st-h3-fontWeight);
   text-transform: var(--st-h3-textTransform);
   line-height: 1.3;
}

.entry-content h4 {
   font-family: var(--st-h4-font);
   font-size: var(--st-h4-fontSize);
   font-weight: var(--st-h4-fontWeight);
   text-transform: var(--st-h4-textTransform);
   line-height: 1.33;
}

.entry-content h5 {
   font-family: var(--st-h5-font);
   font-size: var(--st-h5-fontSize);
   font-weight: var(--st-h5-fontWeight);
   text-transform: var(--st-h5-textTransform);
   line-height: 1.48;
}

.entry-content h6 {
   font-family: var(--st-h6-font);
   font-size: var(--st-h6-fontSize);
   font-weight: var(--st-h6-fontWeight);
   text-transform: var(--st-h6-textTransform);
   line-height: 1.39;
}

p {
   margin-top: 0;
   margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
   margin: 1.82em 0;
   font-size: 2.2em;
   color: var(--st-heading-color);
   font-weight: 500;
   line-height: 1.25;
   padding: 1.36em 0;
   text-align: center;
   font-family: var(--st-secondary-font);
   position: relative;
}

blockquote::before, 
blockquote::after {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.1);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 100%;
   max-width: 376px;
   height: 1px;
}

blockquote::after {
   top: auto;
   bottom: 0;
}

blockquote p {
  margin-top: 0;
   margin-bottom: 0.5em;
}

blockquote p:last-child {
   margin-bottom: 0;
}

blockquote > p:first-child::before {
   background-image: url('data:image/svg+xml; utf-8, <svg width="33" height="22" viewBox="0 0 33 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.031 8C10.897 8 14.031 11.134 14.031 15C14.031 18.866 10.897 22 7.031 22C3.165 22 0.031 18.866 0.031 15L0 14C0 6.268 6.268 0 14 0V4C11.329 4 8.818 5.04 6.929 6.929C6.565 7.293 6.234 7.68 5.934 8.086C6.291 8.03 6.658 8 7.031 8ZM25.031 8C28.897 8 32.031 11.134 32.031 15C32.031 18.866 28.897 22 25.031 22C21.165 22 18.031 18.866 18.031 15L18 14C18 6.268 24.268 0 32 0V4C29.329 4 26.818 5.04 24.929 6.929C24.565 7.293 24.234 7.68 23.934 8.086C24.292 8.03 24.658 8 25.031 8Z" fill="%23121212"/></svg>');
   background-repeat: no-repeat;
   background-position: center;
   height: 40px;
   position: absolute;
   top: -20px;
   left: 0;
   right: 0;
   margin: 0 auto;
   content: "";
   background-color: var(--st-white-color);
   z-index: 1;
   width: 50px;
}

blockquote cite {
   font-style: normal;
   font-family: var(--st-primary-font);
   color: rgba(var(--st-black-color-rgb), 0.5);
   font-weight: 400;
   position: relative;
   font-size: 0.64em;
   display: table;
   margin: 0 auto;
   /* clear: both; */
}

blockquote cite::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.6);
   width: 20px;
   height: 1px;
   display: inline-block;
   vertical-align: 8px;
   margin-right: 10px;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: var(--st-white-color);
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
  margin-left: 0;
}

ol {
  list-style: decimal;
  margin-left: 0;
}

ul li, ol li {
  margin-bottom: 10px;
}

li > ul,
li > ol {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: top;
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 1.5em 0;
   width: 100%;
   border-collapse: collapse;
}

table tr th {
  text-align: left;
   font-size: 0.8em;
   font-weight: 700;
   color: var(--st-heading-color);
   padding: 12px 15px;
   background: none;
   line-height: 1.5;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

table tr td {
  text-align: left;
   font-size: 0.8em;
   font-weight: 400;
   color: var(--st-heading-color);
   padding: 12px 15px;
   background: none;
   line-height: 1.5;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
   border: 1px solid var(--st-heading-color);
   border-radius: 0;
   background: var(--st-heading-color);
   color: var(--st-white-color);
   font-size: 0.8em;
   line-height: 1.3;
   font-weight: 500;
   letter-spacing: 0;
   text-transform: capitalize;
   padding: 15px 35px;
   min-height: 50px;
   cursor: pointer;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: none;
  color: var(--st-heading-color);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea, 
select {
   background: none;
   color: var(--st-heading-color);
   border-radius: 0;
   width: 100%;
   font-size: 0.8em;
   border-width: 0 0 1px;
   border-bottom-color: rgba(var(--st-black-color-rgb), 0.2);
   padding: 10px 0;
   height: 50px;
   display: block;
}

select {
   -webkit-appearance: none;
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23666" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>');
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-size: 12px;
   padding-left: 0;
   padding-right: 25px;
}

select option {
   background: var(--st-white-color);
}

.site-footer select {
   color: var(--st-footer-txt-color);
   border-bottom-color: rgba(var(--st-footer-txt-color-rgb), 0.1);
}

.site-footer select option {
   color: var(--st-footer-bg);
   line-height: 2;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus, 
select:focus {
  color: var(--st-heading-color);
}

textarea {
  width: 100%;
  height: 150px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: var(--st-heading-color);
  text-decoration: none;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s;
}

a:hover {
  color: var(--st-black-color);
  text-decoration: underline;
}

a:focus {
  outline: 1px solid var(--st-black-color);
  box-shadow: 0 0 0 2px rgba(var(--st-white-color-rgb), 0.5);
}

a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
  padding-right: 15px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
  padding-left: 15px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: none;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.comment-content:before,
.comment-content:after,
.container:before,
.container:after,
.site-content:before,
.site-content:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.comment-content:after,
.container:after,
.site-content:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget:not(.widget_block) {
  margin: 0 0 60px 0;
  /* Make sure select elements fit in widgets. */
}

.widget-area .widget:last-child {
  margin-bottom: 0;
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 15px 0 0 0;
   font-size: 0.65em;
   letter-spacing: 0;
   line-height: 1.25;
   color: rgba(var(--st-black-color-rgb), 0.6);
}

.alignleft, .alignright {
  margin-bottom: 0.5em;
  margin-top: 1.9em;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -12px;
}

.gallery-item {
  padding: 12px;
  margin: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
  margin: 15px 0 0 0;
   font-size: 0.65em;
   letter-spacing: 0;
   line-height: 1.25;
   color: rgba(var(--st-black-color-rgb), 0.6);
  text-align: left;
}

/*==============================
PRELOADER
==============================*/
.sublime-preloader {
   background-color: var(--st-white-color);
   position: fixed;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 99999;
   -webkit-transition: all .5s ease-out;
   transition: all .5s ease-out;
}

.sublime-preloader::before, 
.sublime-preloader::after {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.2);
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   -webkit-animation: grow 1.6s linear infinite;
   animation: grow 1.6s linear infinite;
}

.sublime-preloader::after {
   -webkit-animation-delay: -.8s;
   animation-delay: -.8s;
}

@-webkit-keyframes grow {
   from {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
   }
}
@keyframes grow {
   from {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
   }
   to {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
   }
}

/*============================
CUSTOM BACKGROUND
============================*/
.custom-background .site {
   background: var(--st-white-color);
   max-width: 90%;
   margin: 0 auto;
   box-shadow: 0 0 15px rgba(var(--st-black-color-rgb), 0.1);
}

body.custom-background.slider-layout-three .site-header.layout-two, 
body.custom-background.hs-static-banner .site-header.layout-two, 
body.custom-background:not(.presto-sticky-header) .header-cta, 
.custom-background.presto-sticky-header .site-header.cloned {
   max-width: 90%;
   margin: 0 auto;
}

/*=========================
GLOBAL CSS
=========================*/
.container {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 15px;
}

body.post,
body.page {
  margin: 0;
}

.page-content a,
.entry-content a,
.entry-summary a, 
.comment-content a, 
.textwidget a {
   text-decoration: underline;
}

.page-content a:hover,
.entry-content a:hover,
.entry-summary a:hover, 
.comment-content a:hover, 
.textwidget a:hover {
   text-decoration: none;
}

.svg-holder {
   position: relative;
}

svg.fallback-svg {
   vertical-align: top;
}

span.fallback-text {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   text-align: center;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 0.15;
}

span.fallback-text svg {
   position: static !important;
   width: 80% !important;
   height: auto !important;
   object-fit: initial !important;
   box-shadow: none !important;
   border-radius: 0 !important;
}

.entry-header .entry-title a {
   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;
}

.entry-header .entry-title a:hover {
   background-size: 100% 4px;
   text-decoration: none;
}

.entry-meta > span + span {
   margin-left: 10px;
}

span.category {
   font-size: 0.7em;
   letter-spacing: 1.3px;
   text-transform: uppercase;
   line-height: 1.31;
   font-family: var(--st-primary-font);
   font-weight: normal;
  display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}

span.category a {
   display: inline-block;
   position: relative;
  color: rgba(var(--st-black-color-rgb), 0.6);
}

span.category a:hover {
  color: rgba(var(--st-black-color-rgb), 0.75);
}

span.category a:not(:last-child)::after {
   content: "";
   display: inline-block;
   background: rgba(var(--st-black-color-rgb), 0.1);
   width: 4px;
   height: 4px;
   border-radius: 100%;
   margin-left: 10px;
   margin-right: 10px;
   position: relative;
   top: -2px;
}

span.posted-on {
   display: inline-block;
   font-size: 0.7em;
   font-weight: normal;
   letter-spacing: 1.3px;
   line-height: 1.31;
   text-transform: uppercase;
   color: rgba(var(--st-black-color-rgb), 0.6);
}

span.posted-on a {
   display: inline-block;
   color: rgba(var(--st-black-color-rgb), 0.6);
}

span.posted-on a:hover {
  color: rgba(var(--st-black-color-rgb), 0.75);
}

span.byline {
   display: inline-block;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-size: 0.7em;
   letter-spacing: 1.3px;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 1.31;
}

span.byline a {
   display: inline-block;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-weight: 700;
}

span.byline a:hover {
   color: rgba(var(--st-black-color-rgb), 0.75);
}

.widget .widget-title {
   margin-top: 0;
   margin-bottom: 20px;
   font-family: var(--st-secondary-font);
   color: var(--st-heading-color);
   font-size: 1em;
   font-weight: 500;
}

.widget:not(.widget_block) ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.widget:not(.widget_block) ul li {
  display: block;
   font-size: 0.8em;
   line-height: 1.5;
   font-weight: 400;
   color: rgba(var(--st-black-color-rgb), 0.8);
   margin-bottom: 15px;
}

.widget:not(.widget_block) ul li:last-child {
   margin-bottom: 0;
}

.widget ul li a {
  display: inline-block;
   color: var(--st-body-color);
}

.widget ul li a:hover {
  color: var(--st-black-color);
}

.social-list {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.social-list li {
   margin: 6px;
   font-size: 0.85em;
}

.social-list li a .icon-wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.site-content .page-header {
   text-align: center;
   margin-top: 80px;
}

.page-header .sub-title {
   margin-bottom: 15px;
   display: block;
   font-family: var(--st-primary-font);
   font-weight: 700;
   font-size: 0.65em;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgba(var(--st-black-color-rgb), 0.5);
}

.page-header .page-title {
   margin-top: 0;
   margin-bottom: 0;
   font-family: var(--st-secondary-font);
   font-weight: 600;
   font-size: 2.4em;
   line-height: 1.25;
   color: var(--st-heading-color);
}

.page-header .post-count {
   display: block;
   margin-top: 15px;
   font-family: var(--st-primary-font);
   font-weight: 700;
   font-size: 0.65em;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgba(var(--st-black-color-rgb), 0.5);
}

hr {
   margin: 0 auto 4em;
   display: table;
   /* clear: both; */
   background: rgba(var(--st-black-color-rgb), 0.3);
   width: 4px;
   height: 4px;
   border-radius: 0;
   box-shadow: -40px 0 rgba(var(--st-black-color-rgb), 0.3), 40px 0 rgba(var(--st-black-color-rgb), 0.3);
}

span.post-tags {
   display: block;
}

span.post-tags a {
   display: inline-block;
   background: var(--st-primary-color);
   color: var(--st-heading-color);
   font-size: 0.7em;
   font-weight: 500;
   line-height: 1.25;
  text-decoration: none;
   letter-spacing: 0.5px;
   padding: 8px 12px;
   margin-right: 0;
   margin-bottom: 8px;
}

span.post-tags a:hover {
  background: var(--st-heading-color);
  color: var(--st-white-color);
}

span.edit-link {
   display: block;
   width: 100%;
}

span.edit-link a.post-edit-link {
   display: inline-block;
   background: var(--st-black-color);
   color: var(--st-white-color);
   border: 1px solid var(--st-black-color);
   font-size: 0.7em;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   line-height: 1.3;
   padding: 5px 15px;
   text-decoration: none;
}

span.edit-link a.post-edit-link:hover {
   background: var(--st-white-color);
   color: var(--st-black-color);
}

/*======================= 
COMMENTS AREA 
=======================*/
.comments-area {
  margin-top: 80px;
  margin-bottom: 80px;
}

.comments-area .container {
   max-width: 730px;
}

.comments-area .comment-reply-title, 
.comments-area .comments-title {
  font-size: 1.5em;
   margin-top: 0;
   margin-bottom: 40px;
   font-weight: 400;
   line-height: 1.25;
}

.comments-area ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-area .comment-list {
   margin-bottom: 80px;
}

.comments-area ol li {
   margin: 0;
}

.comments-area ol li article {
  margin-bottom: 40px;
   position: relative;
}

.comments-area ol li:last-child > article {
   margin-bottom: 0;
}

.comment-body + .comment-respond {
   margin-top: 40px;
}

.comments-area ol li .comment-meta {
  position: relative;
   padding-left: 70px;
}

.comments-area ol li .comment-author img {
  position: absolute;
   top: 0;
   left: 0;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   object-fit: cover;
}

.comments-area ol li article .fn {
  color: var(--st-heading-color);
   font-size: 0.8em;
   text-transform: capitalize;
   font-weight: 700;
   line-height: 1.5;
   display: block;
}

.comments-area ol li .comment-author a {
  color: var(--st-heading-color);
}

.comments-area ol li .comment-author a:hover {
  color: var(--st-black-color);
}

.comments-area ol li article .says {
  display: none;
}

.comment-list .comment-metadata {
  line-height: 1.25;
}

.comments-area ol li .comment-metadata a {
  font-size: 0.7em;
   color: rgba(var(--st-black-color-rgb), 0.6);
   display: inline-block;
   line-height: 1.25;
   letter-spacing: 1.3px;
}

.comments-area ol li .comment-metadata a:hover {
  color: var(--st-black-color);
  text-decoration: underline;
}

.comments-area ol li article .comment-content {
  font-size: 0.8em;
   line-height: 1.48;
   padding-left: 70px;
}

.comments-area ol li .comment-content p {
  margin-top: 15px;
   margin-bottom: 0;
}

.comments-area ol li article .reply {
  font-size: 0.7em;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.3px;
   margin-top: 0;
   position: absolute;
   top: 12px;
   right: 0;
}

.comments-area ol li article .reply .comment-reply-link {
  color: var(--st-heading-color);
   display: inline-block;
   border-bottom: 2px solid #F5EDE6;
  text-decoration: none;
}

.comments-area ol li article .reply a:hover {
  border-bottom-color: var(--st-heading-color);
}

.comments-area ol li article .comment-awaiting-moderation {
  margin-top: 0;
  font-size: 0.7em;
  color: red;
  margin-bottom: 0;
  font-style: italic;
}

.comments-area ol li.bypostauthor > article {
  border-top: 3px solid var(--st-primary-color);
  padding: 20px 0 0;
}

.comments-area ol li.bypostauthor > article img {
  top: 20px;
}

.comments-area ol li.bypostauthor > article .reply {
  top: 32px;
}

.comments-area ol.children {
  margin-left: 0;
   border-left: 1px solid rgba(var(--st-black-color-rgb), 0.1);
   margin-bottom: 40px;
}

.comments-area ol.children li {
   padding-left: 22px;
   position: relative;
}

.comments-area ol.children li::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.1);
   position: absolute;
   top: 25px;
   left: 0;
   width: 16px;
   height: 1px;
}

.comments-area ol.children li article {
   background: rgba(var(--st-black-color-rgb), 0.02);
   padding: 16px;
   margin-bottom: 16px;
}

.comments-area ol.children li article .reply {
   top: 28px;
   right: 16px;
}

.comment-respond .comment-reply-title {
   margin-bottom: 25px;
   font-weight: 700;
   display: block;
   font-size: 1em;
   line-height: 1.3;
}

.comments-area .comment-reply-title small {
   padding-left: 10px;
   font-size: 100%;
   display: inline-block;
   line-height: 0;
   vertical-align: middle;
}

.comments-area .comment-reply-title small a {
   display: inline-block;
   font-weight: 500;
   font-size: 0.45em;
   font-family: var(--st-primary-font);
   text-transform: uppercase;
   letter-spacing: 1px;
   background: var(--st-body-color);
   color: var(--st-white-color);
   padding: 10px 20px;
   line-height: 1.5;
   text-decoration: none;
}

.comments-area .comment-reply-title small a:hover {
  background: var(--st-black-color);
}

.comments-area form p {
  margin-top: 0;
  margin-bottom: 30px;
  position: relative;
}

.comments-area form p.comment-notes {
   font-size: 0.85em;
}

.comments-area form p.comment-form-author, 
.comments-area form p.comment-form-email, 
.comments-area form p.comment-form-url {
  float: left;
  vertical-align: top;
  width: 31.33%;
  margin-right: 3%;
}

.logged-in-as a {
   color: var(--st-body-color);
   font-size: 0.9em;
}

.logged-in-as a:hover {
   color: var(--st-black-color);
}

.comments-area form p.comment-form-url {
  margin-right: 0;
}

.comments-area form p.form-submit {
  margin-bottom: 0;
}

.comments-area form label:not([for="wp-comment-cookies-consent"]) {
  font-size: 0.8em;
   color: rgba(var(--st-black-color-rgb), 0.5);
   display: block;
   margin-bottom: 0;
   line-height: 1.25;
   position: absolute;
   top: 50%;
   left: 4px;
   transform: translateY(-50%);
  -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.comment-respond span.required {
   color: #ED4C78;
}

.comments-area form p.focused label:not([for="wp-comment-cookies-consent"]) {
  top: 0;
  transform: none;
}

.comments-area form p input[type="text"], 
.comments-area form p input[type="email"], 
.comments-area form p input[type="url"], 
.comments-area form p textarea {
  font-size: 0.8em;
   border-width: 0 0 1px;
   border-bottom-color: rgba(var(--st-black-color-rgb), 0.2);
   padding: 20px 4px 10px 4px;
   height: 50px;
   display: block;
}

.comments-area form p textarea {
   resize: none;
   height: 100px;
}

.comments-area form p.comment-form-cookies-consent {
  position: relative;
  display: table;
  clear: both;
}

.comments-area form input#wp-comment-cookies-consent {
  position: absolute;
  top: 8px;
  left: 0;
  opacity: 0;
}

.comments-area form label[for="wp-comment-cookies-consent"] {
  padding-left: 25px;
   cursor: pointer;
   font-size: 0.7em;
   color: rgba(var(--st-black-color-rgb), 0.6);
   line-height: 1.5;
   display: block;
   position: relative;
}

.comments-area form label[for="wp-comment-cookies-consent"]:hover {
  color: var(--st-black-color);
  text-decoration: underline;
}

.comments-area form label[for="wp-comment-cookies-consent"]::before {
   content: "";
   background-color: var(--st-white-color);
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 0;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.6);
   width: 16px;
   height: 16px;
   position: absolute;
   top: 2px;
   left: 0;
}

.comments-area form input[type="checkbox"]:checked + label[for="wp-comment-cookies-consent"]::before {
  background-color: var(--st-black-color);
  background-size: 12px;
}

/*===========================
SIDEBARS
==========================*/
.content-area, .widget-area {
  margin-top: 80px;
  margin-bottom: 80px;
}

.rightsidebar .content-area {
  float: left;
  width: calc(100% - 300px);
  padding-right: 60px;
}

.rightsidebar .widget-area {
  width: 300px;
  float: right;
}

.leftsidebar .content-area {
  float: right;
  width: calc(100% - 300px);
  padding-left: 60px;
}

.leftsidebar .widget-area {
  width: 300px;
  float: left;
}

.fullwidth-centered .content-area {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/*============================
LAST WIDGET STICKY
=============================*/
.presto-sticky-sidebar.leftsidebar .site-content > .container, 
.presto-sticky-sidebar.rightsidebar .site-content > .container {
   display: flex;
   flex-wrap: wrap;
}

.presto-sticky-sidebar.leftsidebar .site-content > .container {
   flex-direction: row-reverse;
}

.presto-sticky-sidebar.leftsidebar .widget-area .widget:last-child, 
.presto-sticky-sidebar.rightsidebar .widget-area .widget:last-child {
   position: sticky;
   top: 0;
}

/*========================
PAGINATION
========================*/
.posts-navigation {
   margin-bottom: 120px;
}

.posts-navigation .nav-links::before, 
.posts-navigation .nav-links::after {
   content: "";
   line-height: 0;
   height: 0;
   display: table;
}

.posts-navigation .nav-links::after {
   clear: both;
}

.posts-navigation a {
   display: inline-block;
   color: var(--st-heading-color);
   text-transform: uppercase;
   font-size: 0.8em;
   letter-spacing: 0.5px;
   text-decoration: none;
   border: 1px solid var(--st-heading-color);
   padding: 15px 30px;
   line-height: 1.5;
   font-weight: 500;
   position: relative;
   opacity: 0.6;
}

.posts-navigation a:hover {
   opacity: 1;
}

.posts-navigation .nav-previous a {
   padding-left: 70px;
}

.posts-navigation a::before {
   content: "";
   background-image: url('data:image/svg+xml;utf8, <svg width="28" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 1L1 6.25l5.5 5.25M27.25 6.25h-26" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   position: absolute;
   top: 20px;
   left: 30px;
   width: 28px;
   height: 13px;
}

.posts-navigation .nav-next a {
   padding-right: 70px;
}

.posts-navigation .nav-next a::before {
   background-image: url('data:image/svg+xml;utf8, <svg width="28" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.75 1l5.5 5.25-5.5 5.25M27 6.25H1" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   left: auto;
   right: 30px;
}

.pagination .nav-links {
   text-align: center;
}

.pagination .page-numbers {
   display: inline-block;
   width: 2.25em;
   height: 2.25em;
   line-height: 2.1;
   text-align: center;
   border: 1.5px solid transparent;
   margin: 4px;
   font-size: 0.8em;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-weight: 400;
   text-decoration: none;
   letter-spacing: 0.75px;
}

.pagination .page-numbers:hover, 
.pagination .page-numbers.current {
  border-color: rgba(var(--st-black-color-rgb), 0.6);
   color: var(--st-heading-color);
   font-weight: 500;
}

.pagination .page-numbers.prev {
   float: left;
   margin-left: 0;
   width: auto;
  border-color: transparent;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-weight: 400;
}

.pagination .page-numbers.next {
   float: right;
   margin-right: 0;
   width: auto;
  border-color: transparent;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-weight: 400;
}

.pagination .page-numbers.dots {
   border-color: transparent;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-weight: 400;
}

#load-posts {
   margin-bottom: 120px;
   text-align: center;
}

#load-posts a {
   font-family: var(--st-primary-font);
   font-style: normal;
   font-weight: 500;
   font-size: 14px;
   line-height: 18px;
   display: inline-flex;
   align-items: center;
   text-align: center;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   flex-direction: column;
   color: var(--st-heading-color);
   text-decoration: none;
}

#load-posts a svg {
   margin-top: 15px;
   position: relative;
   top: 0;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

#load-posts a:hover svg {
   top: 10px;
}

#load-posts a.loading svg {
   top: 0;
   -webkit-animation-name: loader-spin;
   animation-name: loader-spin;
   -webkit-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

#load-posts a.disabled {
   cursor: not-allowed;
   color: red;
}

#load-posts a.disabled .no-posts {
   width: 20px;
   height: 20px;
   display: inline-block;
   border: 2px solid red;
   border-radius: 100%;
   margin-top: 15px;
   position: relative;
}

#load-posts a.disabled .no-posts::after {
   content: "";
   background: red;
   width: 100%;
   height: 2px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   transform: rotate(45deg);
}

@-webkit-keyframes loader-spin {
   from {
      transform: rotate(0);
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
   }

   to {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
   }
}

@keyframes loader-spin {
   from {
      transform: rotate(0);
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
   }

   to {
      transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
   }
}

/*========================
GO TO TOP
========================*/
.goto-top {
   border: 2px solid rgba(var(--st-white-color-rgb), 0.5);
   background: rgba(var(--st-black-color-rgb), 0.7);
   position: fixed;
   bottom: 60px;
   right: -40px;
   padding: 0;
   width: 48px;
   height: 48px;
   min-height: auto;
   line-height: 48px;
   color: var(--st-white-color);
   font-size: 0.8em;
   text-transform: uppercase;
   text-align: center;
   z-index: 998;
   visibility: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   -webkit-backdrop-filter: saturate(180%) blur(20px);
   -moz-backdrop-filter: saturate(180%) blur(20px);
   backdrop-filter: saturate(180%) blur(20px);
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.goto-top:hover {
  background: var(--st-heading-color);
  color: var(--st-white-color);
  border-color: var(--st-white-color);
}

.goto-top.active {
  visibility: visible;
  right: 15px;
}

/*========================
BREADCRUMBS
========================*/
.breadcrumb-wrapper {
  font-size: 0.65em;
   padding: 8px 0;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.05);
   position: relative;
   z-index: 9;
}

.breadcrumb-wrapper a {
  color: var(--st-body-color);
  text-decoration: none;
}

.breadcrumb-wrapper a:hover {
  color: rgba(var(--st-black-color-rgb), 0.5);
}

.breadcrumb-wrapper .current a {
  color: rgba(var(--st-black-color-rgb), 0.5);
   text-decoration: none;
   pointer-events: none;
}

.breadcrumb-wrapper .separator {
  display: inline-block;
   margin: 0 10px;
   position: relative;
   width: 4px;
   height: 4px;
   top: -2px;
}

.breadcrumb-wrapper .separator::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.1);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   margin: auto;
   border-radius: 100%;
}

/*========================
RELATED POST
========================*/
.related-posts {
  background: var(--st-related-post-bg);
   padding: 80px 0;
   text-align: center;
}

.related-posts .related-title {
  margin-top: 0;
   margin-bottom: 30px;
   font-size: 1.85em;
   font-weight: 400;
   line-height: 1.25;
   font-family: var(--st-secondary-font);
}

.related-posts .related-post-wrap {
   display: flex;
   flex-wrap: wrap;
   margin-left: -30px;
   margin-right: -30px;
}

.related-posts article {
  margin: 30px 0 0;
   width: 33.33%;
   padding-left: 30px;
   padding-right: 30px;
}

.related-posts article .post-thumbnail {
  margin: 0;
   border-top-left-radius: 500px;
   border-top-right-radius: 500px;
   overflow: hidden;
   height: 0;
   padding-top: 130.545%;
   position: relative;
}

.related-posts.normal-corner article .post-thumbnail {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.related-posts article .post-thumbnail .svg-holder {
   position: static;
}

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

.related-posts article .entry-header {
   padding: 27px 0 0;
}

.related-posts article span.category {
   margin-bottom: 5px;
}

.related-posts article .entry-title {
  margin-top: 0;
   margin-bottom: 0;
   font-size: 1.25em;
   font-weight: 400;
   line-height: 1.48;
}

.related-posts article .entry-title a {
  color: var(--st-heading-color);
  text-decoration: none;
}

.related-posts article .entry-title a:hover {
  color: var(--st-black-color);
}

.related-posts article .entry-header .entry-meta {
  margin-top: 5px;
   line-height: 1;
}

.related-posts.two-col .related-post-wrap {
   margin-left: -10%;
   margin-right: -10%;
}

.related-posts.two-col article {
   width: 50%;
   padding-left: 10%;
   padding-right: 10%;
}

.related-posts.two-col article:nth-child(2n) {
   margin-top: 110px;
}

/*================================
HEADER CTA
================================*/
.header-cta {
   background: var(--st-primary-color);
   width: 100%;
}

body:not(.presto-sticky-header) .header-cta {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99;
}

.header-cta .container {
   position: relative;
}

.header-cta .header-cta-content {
   padding: 5px 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   overflow: hidden;
}

.header-cta .header-cta-desc {
   font-size: 0.7em;
   font-weight: 400;
   padding-right: 10px;
}

.header-cta .header-cta-btn {
   background: var(--st-heading-color);
   border: 1px solid var(--st-heading-color);
   color: var(--st-white-color);
   /* min-height: 32px;
   min-width: 98px; */
   padding: 2px 8px;
   font-size: 0.6em;
   font-weight: 500;
   letter-spacing: 0.5px;
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-decoration: none;
}

.header-cta .header-cta-btn:hover {
   color: var(--st-heading-color);
   background: none;
}

.header-cta .close {
   position: absolute;
   top: 10px;
   left: 100%;
   width: 15px;
   height: 15px;
   padding: 0;
   min-height: auto;
   border: none;
   background: none;
}

.header-cta .close::before, 
.header-cta .close::after {
   content: "";
   background: var(--st-heading-color);
   width: 15px;
   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);
}

.header-cta .close::after {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

/*==================================
TOP HEADER
==================================*/
body.search-active {
  overflow: hidden;
}

.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);
}

.top-header {
   padding: 4px 0;
   background: var(--st-heading-color);
}

.top-header .container {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.top-header .header-left {
   flex: 1;
}

.header-social ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.header-social li {
   display: inline-block;
   margin-right: 10px;
   margin-left: 0;
	margin-bottom: 0;
   font-size: 1em;
}

.header-social li a {
   display: inline-block;
   padding: 4px;
   line-height: 1;
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.header-social li a:hover {
   color: var(--st-primary-color);
}

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

.header-social li a .social-name {
   display: none;
}

.site-header .header-social .widget {
   margin: 0;
}

.site-header .header-social .widget ul li a {
   color: currentColor;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.site-header .header-social .widget ul.is-style-default li a {
   width: 30px;
   height: 30px;
   padding: 0;
}

.site-header .header-social .widget ul.is-style-logos-only li {
   padding: 0;
   margin: 0;
}

.top-header .header-right {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.header-search {
   width: 20px;
   height: 20px;
   line-height: 20px;
   margin: 0 8px;
}

.header-search .search-toggle {
   background: none;
   border: none;
   padding: 0;
   min-height: auto;
   text-align: center;
}

.header-search .search-toggle:hover path {
   opacity: 1;
   stroke: var(--st-primary-color);
}

.header-search .header-search-wrap {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: var(--st-white-color);
   z-index: 999;
   display: none;
}

.header-search .header-search-wrap-inner {
  display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  width: 100%;
   height: 100%;
}

.header-search .header-search-wrap .close {
   position: absolute;
   top: 4%;
   right: 2%;
   background: none;
   border: none;
   padding: 0;
   min-height: auto;
   width: 30px;
   height: 30px;
   border-radius: 100%;
}

.header-search .header-search-wrap .close::before, 
.header-search .header-search-wrap .close::after {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.5);
   width: 15px;
   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);
}

.header-search .header-search-wrap .close::after {
   -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header-search .header-search-wrap .close:hover {
  background: var(--st-black-color);
}

.header-search .header-search-wrap .close:hover::before, 
.header-search .header-search-wrap .close:hover::after {
  background: var(--st-white-color);
}

.header-search-wrap .search-form {
   max-width: 800px;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}

.header-search-wrap .search-form label {
   flex: 1;
  padding-right: 24px;
}

.header-search-wrap .search-form .search-field {
   min-height: auto;
   height: 64px;
   background: none;
   border: none;
   font-size: 1.3em;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.5);
   padding: 0;
  font-size: 1.2em;
   font-weight: 400;
}

.header-search-wrap .search-form .search-submit {
  flex: inherit;
   border: none;
   background: var(--st-heading-color);
   border: 1px solid var(--st-heading-color);
   padding: 10px 20px;
   min-height: auto;
   height: 64px;
   color: var(--st-white-color);
   min-width: 125px;
   text-transform: none;
   font-weight: 500;
   font-family: var(--st-primary-font);
   letter-spacing: 0;
}

.header-search-wrap .search-form .search-submit:hover {
  background: none;
  color: var(--st-heading-color);
}

.header-search-wrap .popular-search-cat {
   max-width: 800px;
   margin-top: 56px;
   text-align: center;
}

.popular-search-cat .popular-search-cat-title {
  display: block;
  margin-bottom: 10px;
   font-family: var(--st-primary-font);
   font-weight: 700;
   font-size: 0.65em;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: rgba(var(--st-black-color-rgb), 0.5);
}

.popular-search-cat ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.popular-search-cat ul li {
   margin-bottom: 0;
   position: relative;
   font-family: var(--st-secondary-font);
   font-size: 1.8em;
   line-height: 1.25;
   margin-top: 5px;
   padding: 0 15px;
}

.popular-search-cat ul li:not(:last-child)::after {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.1);
   width: 8px;
   height: 8px;
   border-radius: 100%;
   position: absolute;
   top: 18px;
   right: -3px;
}

.popular-search-cat ul li a {
  padding-bottom: 10px;
   display: inline-block;
   color: var(--st-heading-color);
   text-decoration: none;
}

.site-header.layout-one .top-header .popular-search-cat ul li a {
   color: var(--st-heading-color);
}

.popular-search-cat ul li a:hover, 
.site-header.layout-one .top-header .popular-search-cat ul li a:hover {
  color: rgba(var(--st-black-color-rgb), 0.6);
}

.popular-search-cat ul li.active a {
  color: rgba(var(--st-black-color-rgb), 0.6);
  border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.6);
}

.header-woo-user {
   margin: 0 8px;
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
}

.header-woo-user a {
   display: inline-block;
   text-align: center;
  text-decoration: none;
}

.header-woo-user a:hover path {
   opacity: 1;
   stroke: var(--st-primary-color);
}

.header-woo-cart {
   margin: 0 8px;
}

.header-woo-cart .woo-cart {
   min-width: 20px;
   height: 20px;
   text-align: center;
   line-height: 1;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
  text-decoration: none;
}

.header-woo-cart .woo-cart:hover path {
   opacity: 1;
   stroke: var(--st-primary-color);
}

.header-woo-cart .cart-count {
   display: inline-block;
   font-size: 0.8em;
   padding-left: 8px;
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.header-woo-cart .woo-cart:hover .cart-count {
   color: var(--st-primary-color);
}

.header-btn {
   margin-left: 8px;
   margin-right: 0;
}

.header-btn .btn {
   background: var(--st-primary-color);
   border: 1px solid var(--st-primary-color);
   text-decoration: none;
   min-height: 36px;
   min-width: 72px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 5px 15px;
   color: var(--st-heading-color);
   font-size: 0.8em;
   font-weight: 500;
   line-height: 1;
}

.header-btn .btn:hover {
  background: none;
  color: var(--st-heading-color);
  border-color: var(--st-heading-color);
}

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

.site-header.layout-one .mid-header .container {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
  justify-content: center;
}

.site-header.layout-one .mid-header .container > .site-branding {
   flex: initial;
   text-align: center;
   padding: 20px;
}

.site-header.layout-one .main-navigation, 
.site-header.layout-one .secondary-navigation {
   flex: 1;
}

.site-header.layout-one .main-navigation ul.menu, 
.site-header.layout-one .secondary-navigation ul.menu {
   justify-content: flex-start;
}

/*=================================
MAIN NAVIGATION
==================================*/
.main-navigation .toggle-button {
   display: none;
}

.main-navigation ul, 
.secondary-navigation ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.main-navigation ul.menu, 
.secondary-navigation ul.menu {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
  align-items: center;
}

.main-navigation ul.menu li, 
.secondary-navigation ul.menu li {
   font-size: 0.8em;
   display: inline-block;
   margin: 0;
   position: relative;
   line-height: 1.5625;
}

.main-navigation ul.menu li a, 
.secondary-navigation ul.menu li a {
   display: inline-block;
   color: var(--st-heading-color);
   padding: 20px;
   text-decoration: none;
}

.main-navigation ul.menu li:hover > a, 
.main-navigation ul.menu li a:hover, 
.main-navigation ul.menu li.current-menu-item > a, 
.main-navigation ul.menu li.current-page-item > a, 
.main-navigation ul.menu li.current-menu-ancestor > a, 
.main-navigation ul.menu li.current-page-ancestor > a, 
.secondary-navigation ul.menu li:hover > a, 
.secondary-navigation ul.menu li a:hover, 
.secondary-navigation ul.menu li.current-menu-item > a, 
.secondary-navigation ul.menu li.current-page-item > a, 
.secondary-navigation ul.menu li.current-menu-ancestor > a, 
.secondary-navigation ul.menu li.current-page-ancestor > a {
   color: rgba(var(--st-black-color-rgb), 0.6);
}

.main-navigation ul li ul.sub-menu, 
.secondary-navigation ul li ul.sub-menu {
   position: absolute;
   top: calc(100% + 20px);
   left: 0;
   background: var(--st-white-color);
   width: 220px;
   opacity: 0;
   clip: rect(1px, 1px, 1px, 1px);
   z-index: 99;
   box-shadow: 0 10px 15px rgba(var(--st-black-color-rgb), 0.1);
   -webkit-transition: all ease 0.3s;
   -moz-transition: all ease 0.3s;
   transition: all ease 0.3s;
}

.main-navigation ul li:hover > ul.sub-menu, 
.main-navigation ul li.focus > ul.sub-menu, 
.secondary-navigation ul li:hover > ul.sub-menu, 
.secondary-navigation ul li.focus > ul.sub-menu {
  top: 100%;
  opacity: 1;
  clip: inherit;
}

.main-navigation ul li ul.sub-menu ul.sub-menu, 
.secondary-navigation ul li ul.sub-menu ul.sub-menu {
   top: 20px;
   left: 100%;
}

.main-navigation ul li ul.sub-menu li:hover > ul.sub-menu, 
.secondary-navigation ul li ul.sub-menu li:hover > ul.sub-menu {
  top: 0;
}

.main-navigation .menu > li > .push-left, 
.secondary-navigation .menu > li > .push-left {
  left: auto;
  right: 0;
}

.main-navigation .menu > li > .sub-menu .push-left, 
.main-navigation .menu > li > .sub-menu .push-left .sub-menu, 
.secondary-navigation .menu > li > .sub-menu .push-left, 
.secondary-navigation .menu > li > .sub-menu .push-left .sub-menu {
  left: auto;
  right: 100%;
}

.main-navigation ul li ul.sub-menu li, 
.secondary-navigation ul li ul.sub-menu li {
   font-size: 1em;
   display: block;
}

.main-navigation ul li ul.sub-menu li a, 
.secondary-navigation ul li ul.sub-menu li a {
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
   display: block;
}

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

.main-navigation .menu > li > .push-left, 
.secondary-navigation .menu > li > .push-left {
  left: auto;
  right: 0;
}
 
.main-navigation .menu > li > .sub-menu .push-left, 
.main-navigation .menu > li > .sub-menu .push-left .sub-menu, 
.secondary-navigation .menu > li > .sub-menu .push-left, 
.secondary-navigation .menu > li > .sub-menu .push-left .sub-menu {
  left: auto;
  right: 100%;
}

.main-navigation .site-branding {
   text-align: center;
   padding: 37px 20px;
}

.site-branding .site-logo {
   display: inline-block;
}

.site-branding {
   font-size: var(--st-siteTitle-fontSize);
}

/* .site-branding .custom-logo-link {
   width: var(--st-logo-width);
   line-height: 0;
} */

.site-branding .custom-logo-link img {
   width: auto;
   height: var(--st-logo-height);
}

.site-branding .custom-logo-link.second-logo {
   display: none;
}

.site-branding > a + .site-title {
   margin-top: 10px;
}

.site-branding .site-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.8em;
   line-height: 1;
   font-family: var(--st-secondary-font);
   font-weight: normal;
}

.site-branding .site-title a {
   color: var(--st-heading-color);
   text-decoration: none;
}

.site-branding .site-description {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 0.7em;
   color: rgba(var(--st-black-color-rgb), 0.7);
}

/*=====================================
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;
}

body::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.9);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all ease-in-out 0.35s;
   -moz--transition: all ease-in-out 0.35s;
   transition: all ease-in-out 0.35s;
}

body.showing-sticky-menu-modal::before, 
body.showing-main-menu-modal::before {
   visibility: visible;
   opacity: 1;
   width: calc(100% - 320px);
}

.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;
}

/*==================================
SITE HEADER LAYOUT THREE
==================================*/
.site-header.layout-three .top-header {
   padding: 0;
   background: var(--st-white-color);
}

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

.site-header.layout-three .site-branding {
   padding-top: 20px;
   padding-bottom: 20px;
}

.site-header.layout-three .header-center {
   flex: 2;
}

.site-header.layout-three .main-navigation ul.menu > li {
   margin-left: 20px;
   margin-right: 20px;
}

.site-header.layout-three .main-navigation ul.menu > li > a {
   position: relative;
   padding-left: 0;
   padding-right: 0;
   color: var(--st-heading-color);
}

.site-header.layout-three .main-navigation ul.menu > li > a::after {
   content: "";
   background: var(--st-black-color);
   height: 1px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   transform: scaleX(0);
   transform-origin: bottom right;
   -webkit-transition: transform 0.35s ease;
   -moz-transition: transform 0.35s ease;
   transition: transform 0.35s ease;
}

.site-header.layout-three .main-navigation ul.menu li:hover > a::after, 
.site-header.layout-three .main-navigation ul.menu li a:hover::after, 
.site-header.layout-three .main-navigation ul.menu li.current-menu-item > a::after, 
.site-header.layout-three .main-navigation ul.menu li.current-page-item > a::after, 
.site-header.layout-three .main-navigation ul.menu li.current-menu-ancestor > a::after, 
.site-header.layout-three .main-navigation ul.menu li.current-page-ancestor > a::after {
   transform: scaleX(1);
   transform-origin: bottom left;
}

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

.site-header.layout-three .header-right svg path {
   stroke: var(--st-body-color);
   stroke-width: 1.7px;
}
  
.site-header.layout-three .header-right .customize-partial-edit-shortcut-button svg path, 
.site-header.layout-five .header-right .customize-partial-edit-shortcut-button svg path, 
.site-header.layout-seven .header-right .customize-partial-edit-shortcut-button svg path, 
.site-header.layout-eight .header-right .customize-partial-edit-shortcut-button svg path, 
.site-header.layout-nine .header-right .customize-partial-edit-shortcut-button svg path, 
.site-header.layout-ten .header-right .customize-partial-edit-shortcut-button svg path {
   stroke: initial;
}

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

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

/*=====================================
SITE HEADER LAYOUT FOUR
=====================================*/
.site-header.layout-four .top-header {
   padding-top: 12px;
   padding-bottom: 12px;
}

.site-header.layout-four .top-header .header-center {
   flex: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

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

.site-header.layout-four .site-branding .custom-logo-link {
   display: none;
}

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

.site-header.layout-four .site-branding .custom-logo-link.second-logo {
   display: inline-block;
}

.site-header.layout-four .site-branding .site-title a {
   color: var(--st-white-color);
}

.site-header.layout-four .site-branding .site-description {
   color: rgba(var(--st-white-color-rgb), 0.7);
}

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

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

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

/*==================================
SITE HEADER LAYOUT FIVE
==================================*/
/* body:not(.search-active) .site-header.layout-five {
   border-bottom: none;
} */

.site-header.layout-five .top-header {
   padding: 0;
   background: var(--st-white-color);
}

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

.site-header.layout-five .top-header .header-left {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.site-header.layout-five .main-navigation ul.menu li a {
   padding-left: 15px;
   padding-right: 15px;
}

.site-header.layout-five .main-navigation ul.menu > li:first-child > a {
   padding-left: 0;
}

.site-header.layout-five .site-branding {
   padding-top: 33px;
   padding-bottom: 33px;
   text-align: center;
}

.site-header.layout-five .header-center {
   flex: initial;
}

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

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

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

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

/*=======================================
SITE HEADER LAYOUT SIX
========================================*/
.site-header.cloned.layout-six .header-btn .btn:hover {
   color: var(--st-heading-color);
   border-color: var(--st-heading-color);
}

.site-header.layout-six .site-branding {
   text-align: center;
   flex: initial;
}

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

.home.slider-layout-three .site-header.layout-six, 
.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-six, 
.home.hs-static-newsletter-banner .site-header.layout-six {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99;
   border-bottom: none;
}

body:not(.search-active) .site-header.layout-six {
   background: none;
   /* border-bottom: none; */
}

.site-header.layout-six > div:not(.header-cta) .container {
   max-width: 100%;
   padding-left: 30px;
   padding-right: 30px;
}

.site-header.layout-six .top-header {
   padding: 20px 0;
   background: none;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.05);
}

.home.slider-layout-three .site-header.layout-six:not(.sticky) .top-header, 
.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-six:not(.sticky) .top-header, 
.home.hs-static-newsletter-banner .site-header.layout-six:not(.sticky) .top-header {
   border-bottom-color: rgba(var(--st-white-color-rgb), 0.25);
}

.site-header.layout-six .mid-header .container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

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

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

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

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

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

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

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

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

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

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

.site-header.layout-six .main-navigation ul.menu > li > a {
   padding-top: 15px;
   padding-bottom: 15px;
   color: var(--st-heading-color);
}

.home.slider-layout-three .site-header.layout-six:not(.sticky) .main-navigation ul.menu > li > a, 
.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-six:not(.sticky) .main-navigation ul.menu > li > a, 
.home.hs-static-newsletter-banner .site-header.layout-six:not(.sticky) .main-navigation ul.menu > li > a {
   color: var(--st-white-color);
}

.site-header.layout-six .main-navigation ul.menu > li > a, 
.site-header.layout-six .header-social li a {
   color: var(--st-heading-color);
}

.home.slider-layout-three .site-header.layout-six:not(.sticky) .main-navigation ul.menu > li > a, 
.home.slider-layout-three .site-header.layout-six:not(.sticky) .header-social li a, 
.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-six:not(.sticky) .main-navigation ul.menu > li > a, 
.home.hs-static-banner:not(.static-banner-layout-two) .site-header.layout-six:not(.sticky) .header-social li a, 
.home.hs-static-newsletter-banner .site-header.layout-six:not(.sticky) .header-social li a {
   color: var(--st-white-color);
}

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

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

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

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

.home.slider-layout-three .site-header.layout-six:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-banner.static-banner-layout-one .site-header.layout-six:not(.sticky) .header-btn .btn:hover, 
.home.hs-static-newsletter-banner .site-header.layout-six: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 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;
}

/*=======================================
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);
}

/*=======================================
SITE HEADER LAYOUT NINE
========================================*/
.site-header.layout-nine .top-header {
   background: none;
   padding: 0;
}

.site-header.layout-nine .top-header .container {
   max-width: 100%;
   align-items: initial;
}

.site-header.layout-nine .top-header .header-left {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

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

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

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

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

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

/*=======================================
SITE HEADER LAYOUT TEN
========================================*/
.site-header.layout-ten .top-header {
   background: none;
   padding: 0;
}

.site-header.layout-ten .top-header .container {
   max-width: 100%;
   align-items: initial;
}

.site-header.layout-ten .top-header .header-left {
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: initial;
}

.site-header.layout-ten .top-header .header-center {
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   padding-left: 60px;
}

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

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

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

/*===================================
STICKY HEADER
===================================*/
.presto-sticky-header .site-header.cloned {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 999;
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.presto-sticky-header .site-header.cloned.sticky:not(.sticky-hide) {
   -webkit-transform: none;
   -moz-transform: none;
   transform: none;
}

body:not(.search-active) .site-header.cloned.sticky {
   background: rgba(var(--st-white-color-rgb), 0.95);
   box-shadow: 0 5px 10px rgba(var(--st-black-color-rgb), 0.1);
}

.presto-sticky-header .site-header .top-header {
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.presto-sticky-header .site-header .site-branding, 
.presto-sticky-header .site-header .site-branding .site-title, 
.presto-sticky-header .site-header.layout-six, 
.site-header.layout-six .mid-header {
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.presto-sticky-header .site-header .site-branding .site-title a {
   -webkit-transition: none;
   -moz-transition: none;
   transition: none;
}

body.home.slider-layout-three.presto-sticky-header .site-header.cloned.layout-two, 
body.home.slider-layout-three.presto-sticky-header:not(.search-active) .site-header.cloned.layout-two, 
body.home.hs-static-banner.presto-sticky-header:not(.static-banner-layout-two) .site-header.cloned.layout-two, 
body.home.hs-static-banner.presto-sticky-header:not(.static-banner-layout-two):not(.search-active) .site-header.cloned.layout-two, 
.home.presto-sticky-header.slider-layout-three .site-header.cloned.layout-six, 
.home.presto-sticky-header.hs-static-banner.static-banner-layout-one .site-header.cloned.layout-six, 
.home.hs-static-newsletter-banner.presto-sticky-header .site-header.cloned.layout-two, 
.home.hs-static-newsletter-banner.presto-sticky-header .site-header.cloned.layout-six {
   position: fixed;
   top: 0;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

body.home.slider-layout-three.presto-sticky-header .site-header.cloned.layout-two.sticky, 
body.home.slider-layout-three.presto-sticky-header:not(.search-active) .site-header.cloned.layout-two.sticky, 
body.home.hs-static-banner.presto-sticky-header .site-header.cloned.layout-two.sticky, 
body.home.hs-static-banner.presto-sticky-header:not(.search-active) .site-header.cloned.layout-two.sticky, 
.home.hs-static-newsletter-banner .site-header.cloned.layout-two.sticky {
   background: rgba(var(--st-white-color-rgb), 0.9);
}

.presto-sticky-header.slider-layout-three .site-header.cloned.layout-six.sticky, 
.presto-sticky-header.hs-static-banner .site-header.cloned.layout-six.sticky {
   background: rgba(var(--st-white-color-rgb), 0.9);
}

/*===================================
SITE BANNER
===================================*/
.banner-item {
   position: relative;
}

.wp-custom-header {
   position: relative;
   height: 0;
   overflow: hidden;
   /* padding-top: 56.25%; */
   padding-top: 100vh;
}

.wp-custom-header::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.01);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.site-header.layout-six + .banner-static.layout-one .wp-custom-header::before, 
.site-header.layout-six + .newsletter_section .wp-custom-header::before {
   background: rgba(var(--st-black-color-rgb), 0.4);
}

.site-header.layout-six + .banner-slider.layout-three .slider-img-holder::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.4);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.wp-custom-header img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.wp-custom-header iframe, 
.wp-custom-header video {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 150%;
   height: 150%;
   max-width: initial;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header button.wp-custom-header-video-button {
   position: absolute;
   bottom: 20px;
   right: 20px;
   z-index: 3;
   width: 40px;
   height: 40px;
   min-height: auto;
   padding: 0;
   font-size: 0;
   border: none;
   border-radius: 100%;
   background-color: rgba(var(--st-white-color-rgb), 0.5);
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zM48 453.5v-395c0-4.6 5.1-7.5 9.1-5.2l334.2 197.5c3.9 2.3 3.9 8 0 10.3L57.1 458.7c-4 2.3-9.1-.6-9.1-5.2z"></path></svg>');
   background-repeat: no-repeat;
   background-size: 17px;
   background-position: center;
}

.wp-custom-header button.wp-custom-header-video-button:hover {
   background-color: rgba(var(--st-white-color-rgb), 0.75);
}

.wp-custom-header button.wp-custom-header-video-button.wp-custom-header-video-pause {
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M192 79v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6H54c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6zM448 79v352c0 26.5-21.5 48-48 48h-96c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48zm-48 346V85c0-3.3-2.7-6-6-6h-84c-3.3 0-6 2.7-6 6v340c0 3.3 2.7 6 6 6h84c3.3 0 6-2.7 6-6z"></path></svg>');
}

.wp-custom-header + .item-content {
   z-index: 2;
}

.banner-item img {
   width: 100%;
}

.banner-item .item-content {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   text-align: center;
   background: -webkit-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -moz-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -ms-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -o-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   padding: 102px 0 80px;
   z-index: 2;
}

.banner-item .item-content .item-content-inner {
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
}

.banner-item span.category a {
  color: var(--st-white-color);
}

/* .banner-item span.category a:hover {
  color: var(--st-primary-color);
} */

.banner-item span.category a:not(:last-child)::after {
  background: rgba(var(--st-white-color-rgb), 0.3);
}

.banner-item .item-content .item-title {
   margin-top: 15px;
   margin-bottom: 0;
   font-family: var(--st-secondary-font);
   font-weight: 700;
   font-size: 2.2em;
   line-height: 1.25;
}

.banner-item .item-content .item-title a {
   display: inline-block;
   text-decoration: none;
   color: var(--st-white-color);
   background-image: -webkit-linear-gradient(transparent calc(100% - 2px), var(--st-white-color) 2px);
   background-image: -moz-linear-gradient(transparent calc(100% - 2px), var(--st-white-color) 2px);
   background-image: -ms-linear-gradient(transparent calc(100% - 2px), var(--st-white-color) 2px);
   background-image: -o-linear-gradient(transparent calc(100% - 2px), var(--st-white-color) 2px);
   background-image: linear-gradient(transparent calc(100% - 2px), var(--st-white-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-item .item-content .item-title a:hover {
  /* color: var(--st-primary-color); */
  background-size: 100% 4px;
}

.banner-item .item-content .item-meta {
   margin-top: 15px;
   line-height: 1;
}

.banner-item .item-content .item-meta span.posted-on a {
   color: var(--st-white-color);
}

/* .banner-item .item-content .item-meta span.posted-on a:hover {
   color: var(--st-primary-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;
}

/*===================================
STATIC BANNER LAYOUT ONE
===================================*/
.header-layout-six.static-banner-layout-one .site-banner:not(.hs-video) .wp-custom-header::before {
   background: rgba(var(--st-black-color-rgb), 0.4);
}

.banner-static .item-content .item-content-inner .sub-title {
   font-family: var(--st-primary-font);
   font-size: 0.7em;
   font-weight: 500;
   letter-spacing: 1.3px;
   color: rgba(var(--st-white-color-rgb), 0.8);
   display: block;
}

.banner-static .item-content .item-title {
   font-size: 2.4em;
   color: var(--st-white-color);
   font-weight: 600;
   line-height: 1.25;
   margin-top: 5px;
}

.banner-static .item-content .banner-desc {
   margin-top: 10px;
   font-family: var(--st-primary-font);
   font-size: 1em;
   color: rgba(var(--st-white-color-rgb), 0.8);
   line-height: 1.65;
}

.banner-static .item-content .btn-wrap {
   margin-top: 15px;
}

.banner-static .item-content .btn-wrap .btn {
   background: var(--st-primary-color);
   border-color: var(--st-primary-color);
   color: var(--st-heading-color);
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 10px;
}
.banner-static .item-content .btn-wrap .btn:hover,
.banner-static .item-content .btn-wrap .btn.btn-outlined {
   background: none;
   color: var(--st-primary-color);
}

.banner-static .item-content .btn-wrap .btn.btn-outlined:hover {
   background: var(--st-primary-color);
   color: var(--st-heading-color);
}

/*===================================
STATIC BANNER LAYOUT TWO
===================================*/
.banner-static.layout-two {
   margin-top: 40px;
   padding: 0 6.25%;
}

.banner-static.layout-two .wp-custom-header {
   padding-top: 38vw;
}

.banner-static.layout-two .banner-item .item-content {
   top: 0;
   padding: 4%;
   background: rgba(var(--st-black-color-rgb), 0.4);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

/*====================================
BANNER NEWSLETTER
====================================*/
.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;
}

/*====================================
BANNER NEWSLETTER LAYOUT TWO
====================================*/
.newsletter_section.newslayout-two .newsletterwrap {
   right: auto;
   left: 90px;
}

/*===================================
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);
}

/*===================================
BANNER SLIDER LAYOUT TWO
===================================*/
.banner-slider.layout-two {
   margin-top: 110px;
}

.banner-slider.layout-two .banner-item {
   display: flex;
   flex-direction: column-reverse;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;

}

.banner-slider.layout-two .banner-item.swiper-slide-prev {
   pointer-events: none;
   padding-top: 100px;
   -webkit-transform: rotate(-10deg);
   -moz-transform: rotate(-10deg);
   transform: rotate(-10deg);
}

.banner-slider.layout-two .banner-item.swiper-slide-next {
   pointer-events: none;
   padding-top: 100px;
   -webkit-transform: rotate(10deg);
   -moz-transform: rotate(10deg);
   transform: rotate(10deg);
}

.banner-slider.layout-two .slider-img-holder {
   max-width: 78%;
   width: 100%;
   margin: 0 auto;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.banner-slider.layout-two .banner-item.swiper-slide-prev .slider-img-holder {
   -webkit-transform: translateX(100px) scale(0.8);
   -moz-transform: translateX(100px) scale(0.8);
   transform: translateX(100px) scale(0.8);
}

.banner-slider.layout-two .banner-item.swiper-slide-next .slider-img-holder {
   -webkit-transform: translateX(-100px) scale(0.8);
   -moz-transform: translateX(-100px) scale(0.8);
   transform: translateX(-100px) scale(0.8);
}

.banner-slider.layout-two .slider-img-holder img, 
.banner-slider.layout-two .slider-img-holder svg.fallback-svg {
   border-top-left-radius: 500px;
   border-top-right-radius: 500px;
}

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

.banner-slider.layout-two .banner-item.swiper-slide-prev .item-content, 
.banner-slider.layout-two .banner-item.swiper-slide-next .item-content {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   transform: translateY(100px);
}

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

.banner-slider.layout-two .banner-item .item-content-inner {
   max-width: 90.615%;
   text-align: center;
}

.banner-slider.layout-two .banner-item:not(.swiper-slide-active) .item-content-inner {
   opacity: 0.5;
}

.banner-slider.layout-two .banner-item .item-title {
   font-size: 2.4em;
   font-weight: 500;
   margin-top: 0;
}

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

.banner-slider.layout-two .banner-item .item-meta {
   margin-top: 10px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.banner-slider.layout-two .banner-item span.category {
   justify-content: flex-start;
   flex: 1;
}

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

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

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

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

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

.banner-slider.layout-two .swiper-arrow {
   width: 80px;
   height: 80px;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.1);
   border-radius: 100%;
   top: 50%;
   left: 15%;
}

.banner-slider.layout-two .swiper-arrow:hover {
   border-color: var(--st-black-color);
}

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

.banner-slider.layout-two .swiper-arrow svg {
   opacity: 0.6;
}

.banner-slider.layout-two .swiper-arrow:hover svg {
   opacity: 1;
}

/*===================================
BANNER SLIDER LAYOUT THREE
===================================*/
.banner-slider.layout-three .slider-img-holder {
   position: relative;
   height: 0;
   padding-top: 100vh;
}

.header-layout-six .banner-slider.layout-three .slider-img-holder::before {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.4);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

.banner-slider.layout-three .slider-img-holder .svg-holder {
   position: static;
}

.banner-slider.layout-three .slider-img-holder img, 
.banner-slider.layout-three .slider-img-holder svg.fallback-svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner-slider.layout-three .banner-item .item-content {
   background: -webkit-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -moz-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -ms-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: -o-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background: linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
}

.banner-slider.layout-three .banner-item .item-content .posted-on {
   color: var(--st-white-color);
}

.banner-slider.layout-three .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-three .banner-item .category {
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

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

.banner-slider.layout-three .banner-item .item-title {
   -webkit-transition-delay: 0.45s;
   -moz-transition-delay: 0.45s;
   transition-delay: 0.45s;
}

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

.banner-slider.layout-three .banner-item .item-meta {
   -webkit-transition-delay: 0.55s;
   -moz-transition-delay: 0.55s;
   transition-delay: 0.55s;
}

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

.banner-slider.layout-three .swiper-arrow {
   top: 50%;
   width: 60px;
   height: 60px;
   border: 1px solid rgba(var(--st-white-color-rgb), 0.6);
   border-radius: 100%;
   background: rgba(var(--st-black-color-rgb), 0.5);
   -webkit-backdrop-filter: saturate(180%) blur(40px);
   backdrop-filter: saturate(180%) blur(40px);
   left: 6.25%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

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

.banner-slider.layout-three .swiper-arrow:hover {
   border-color: rgba(var(--st-white-color-rgb), 0.8);
   background: rgba(var(--st-black-color-rgb), 0.7);
}

.banner-slider.layout-three .swiper-arrow svg path {
   stroke: rgba(var(--st-white-color-rgb), 0.6);
}

.banner-slider.layout-three .swiper-arrow:hover svg path {
   stroke: rgba(var(--st-white-color-rgb), 0.8);
}

/*===================================
BANNER SLIDER LAYOUT FOUR
===================================*/
.banner-slider.layout-four {
   margin-top: 40px;
   padding: 0 6.25%;
}

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

.banner-slider.layout-four .banner-item .slider-img-holder .svg-holder {
   position: static;
}

.banner-slider.layout-four .banner-item .slider-img-holder img, 
.banner-slider.layout-four .banner-item .slider-img-holder svg.fallback-svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner-slider.layout-four .banner-item .item-content {
   top: 0;
   padding: 4%;
   background: rgba(var(--st-black-color-rgb), 0.4);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.banner-slider.layout-four .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-four .banner-item .category {
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

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

.banner-slider.layout-four .banner-item .item-title {
   font-size: 2.4em;
   line-height: 1.5;
   -webkit-transition-delay: 0.45s;
   -moz-transition-delay: 0.45s;
   transition-delay: 0.45s;
}

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

.banner-slider.layout-four .banner-item .item-meta {
   -webkit-transition-delay: 0.55s;
   -moz-transition-delay: 0.55s;
   transition-delay: 0.55s;
}

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

.banner-slider.layout-four .banner-item .item-content .posted-on {
   color: var(--st-white-color);
}

.banner-slider.layout-four .swiper-arrow {
   top: 50%;
   width: 60px;
   height: 60px;
   border: 1px solid rgba(var(--st-white-color-rgb), 0.6);
   border-radius: 100%;
   background: rgba(var(--st-black-color-rgb), 0.5);
   -webkit-backdrop-filter: saturate(180%) blur(40px);
   backdrop-filter: saturate(180%) blur(40px);
   left: 4.17%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

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

.banner-slider.layout-four .swiper-arrow:hover {
   border-color: rgba(var(--st-white-color-rgb), 0.8);
   background: rgba(var(--st-black-color-rgb), 0.7);
}

.banner-slider.layout-four .swiper-arrow svg path {
   stroke: rgba(var(--st-white-color-rgb), 0.6);
}

.banner-slider.layout-four .swiper-arrow:hover svg path {
   stroke: rgba(var(--st-white-color-rgb), 0.8);
}

/*===================================
BANNER SLIDER LAYOUT FIVE
===================================*/
.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%;
}

/*===================================
BANNER SLIDER LAYOUT SIX
===================================*/
.banner-slider.layout-six {
   margin-top: 40px;
}

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

.banner-slider.layout-six .slider-img-holder {
   position: relative;
   height: 0;
   padding-top: 69.99%;
}

.banner-slider.layout-six .slider-img-holder .svg-holder {
   position: static;
}

.banner-slider.layout-six .slider-img-holder img, 
.banner-slider.layout-six .slider-img-holder svg.fallback-svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banner-slider.layout-six .item-content {
   position: relative;
   padding: 0 36px;
   background: var(--st-white-color);
   bottom: 15px;
   width: calc(100% - 152px);
   margin: 0 auto;
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

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

.banner-slider.layout-six .item-content::before {
   content: "";
   background: var(--st-white-color);
   width: 100%;
   height: 36px;
   position: absolute;
   bottom: 100%;
   left: 0;
}

.banner-slider.layout-six .item-content .container {
   max-width: initial;
   padding: 0;
}

.banner-slider.layout-six .item-content .item-content-inner {
   max-width: 100%;
}

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

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

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

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

.banner-slider.layout-six .item-title {
   margin-top: 10px;
   font-size: 2em;
   line-height: 1.21;
   font-weight: 600;
}

.banner-slider.layout-six .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-six .banner-item .item-title a:hover {
   background-size: 100% 4px;
   color: var(--st-heading-color);
}

.banner-slider.layout-six .swiper-arrow {
   top: 0;
   bottom: auto;
   left: 12.5%;
   width: 80px;
   height: 80px;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.1);
   border-radius: 100%;
   background: none;
}

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

.banner-slider.layout-six .swiper-arrow:hover {
   border-color: rgba(var(--st-black-color-rgb), 0.8);
}

/*=================================
FEATURED SECTION
=================================*/
.featured-section {
   margin-top: 80px;
   margin-bottom: 80px;
}

body:not(.post-list-style2) .featured-section {
   margin-bottom: 0;
}

body:not(.post-list-style2) .featured-section + .after-header-ad-widget, 
body:not(.post-list-style2) .featured-section + .about-section {
   margin-top: 80px;
}

.featured-section .section-grid {
   position: relative;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  height: 100%;

}

.featured-section .section-grid .swiper-arrow {
   position: absolute;
   top: 50%;
   left: 0;
   z-index: 1;
   width: 40px;
   height: 40px;
   background: rgba(var(--st-black-color-rgb), 0.3);
   border: 1.5px solid rgba(var(--st-white-color-rgb), 0.5);
   border-radius: 100%;
   padding: 0;
   -webkit-backdrop-filter: saturate(180%) blur(40px);
   backdrop-filter: saturate(180%) blur(40px);
   min-height: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.featured-section .section-grid .swiper-arrow.swiper-btn-next {
   left: auto;
   right: 0;
}

.featured-section .section-grid .swiper-arrow:hover {
   background: rgba(var(--st-black-color-rgb), 0.5);
   border-color: rgba(var(--st-white-color-rgb), 0.7);
   color: var(--st-white-color);
}

.featured-section .section-grid .swiper-arrow svg {
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   transform: scale(0.75);
}

.featured-section .section-col a {
   display: block;
   position: relative;
}

.featured-section .section-col .section-img {
   margin: 0;
   position: relative;
   padding-top: 72.416%;
}

.featured-section .section-col .section-img .svg-holder {
   position: static;
}

.featured-section .section-col .section-img img, 
.featured-section .section-col .section-img svg.fallback-svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.featured-section .section-col .section-col-content {
   position: absolute;
   bottom: 30px;
   left: 0;
   right: 0;
   text-align: center;
}

.featured-section .section-col .section-col-content .section-title {
   background: rgba(var(--st-black-color-rgb), 0.6);
   padding: 30px 18px;
   color: var(--st-white-color);
   -webkit-backdrop-filter: saturate(180%) blur(15px);
   backdrop-filter: saturate(180%) blur(15px);
   max-width: 260px;
   margin: 0 auto;
   position: relative;
   font-family: var(--st-primary-font);
   font-weight: 700;
   letter-spacing: 1.5px;
   font-size: 0.7em;
   line-height: 1.36;
   text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.featured-section .section-col .section-col-content .section-title::before {
   content: "";
   background: rgba(var(--st-white-color-rgb), 0.6);
   width: 120px;
   height: 1px;
   display: block;
   margin: 0 auto 20px;
}

/*===============================
ABOUT SECTION
================================*/
.about-section {
   background: var(--st-about-section-bg);
   padding: 80px 50px;
}

.about-section .section-grid {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.about-section .about-content {
   width: 60.6%;
   padding-right: 60px;
}

.about-section .about-content .section-title {
   margin: 0 0 24px 0;
   font-size: 2.4em;
   font-family: var(--st-secondary-font);
   font-weight: 500;
   line-height: 1.25;
   max-width: 600px;
}

.about-section .about-content .section-desc {
   max-width: 600px;
   font-size: 1em;
   line-height: 1.65;
   margin-bottom: 24px;
}

.about-section .about-content .section-desc p {
   margin-top: 1.5em;
   margin-bottom: 0;
}

.btn-wrap .btn {
   background: var(--st-heading-color);
  border: 1px solid var(--st-heading-color);
   padding: 15px 35px;
   font-size: 0.8em;
   line-height: 1;
   font-weight: 500;
   text-align: center;
   color: var(--st-white-color);
   min-width: 157px;
   min-height: 52px;
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  text-decoration: none;
}

.btn-wrap .btn:hover, 
.btn-wrap .btn.btn.btn-outlined {
  background: none;
  color: var(--st-heading-color);
}

.btn-wrap .btn.btn.btn-outlined:hover {
   background: var(--st-heading-color);
   color: var(--st-white-color);
}

.about-section .section-img {
   margin: 0;
   width: 39.4%;
   overflow: hidden;
   position: relative;
   height: 0;
   padding-top: 50.397%;
}

.post-list-style1 .about-section .section-img {
   border-radius: 500px 500px 0 0;
}

.about-section .section-img .svg-holder {
   position: static;
}

.about-section .section-img img, 
.about-section .section-img svg.fallback-svg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
}

.post-list-style1 .about-section .section-img img, 
.post-list-style1 .about-section .section-img .svg.fallback-svg {
   border-radius: 500px 500px 0 0;
}

/*=================================
ADV SECTION
=================================*/
.after-header-ad-widget, 
.before-footer-ad-widget {
   background: rgba(var(--st-black-color-rgb), 0.05);
   text-align: center;
   padding: 40px 0;
}

.after-header-ad-widget .widget, 
.before-footer-ad-widget .widget {
   margin: 0;
}

.after-header-ad-widget .wp-block-image, 
.before-footer-ad-widget .wp-block-image {
   clear: both;
   display: inline-block;
   width: 100%;
   margin: 0;
}

.after-header-ad-widget figure, 
.before-footer-ad-widget figure {
   margin: 0;
}

.after-header-ad-widget .wp-block-image.alignwide img, 
.before-footer-ad-widget .wp-block-image.alignwide img {
   width: 75%;
}

/*===================================
POST LIST STYLE ONE
===================================*/
.post-list-style1.full-width .site-content > .container {
   max-width: 100%;
   padding: 0;
}

.post-list-style1 .content-area, 
.post-list-style1 .widget-area {
   margin-top: 120px;
   margin-bottom: 120px;
}

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

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

.post-list-style1 .site-main {
   display: grid;
   grid-template-columns: 1fr 1fr 26.042% 1fr 1fr 26.042% 1fr 1fr;
   grid-template-rows: repeat(auto-fill);
   grid-row-gap: 0;
   grid-column-gap: 0;
}

.post-list-style1 .site-main article {
   margin: 0 0 120px 0;
}

.post-list-style1 .site-main article:first-child, 
.post-list-style1 .site-main article:nth-child(3n+4) {
   grid-column-start: 3;
   grid-column-end: 4;
}

.post-list-style1.rightsidebar .site-main article:first-child, 
.post-list-style1.rightsidebar .site-main article:nth-child(3n+4), 
.post-list-style1.leftsidebar .site-main article:first-child, 
.post-list-style1.leftsidebar .site-main article:nth-child(3n+4) {
   grid-column-start: 1;
}

.post-list-style1 .site-main article:nth-child(3n+2) {
   grid-column-start: 6;
   grid-column-end: 7;
}

.post-list-style1.rightsidebar .site-main article:nth-child(3n+2), 
.post-list-style1.leftsidebar .site-main article:nth-child(3n+2) {
   grid-column-end: 9;
}

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

.post-list-style1 .site-main article:nth-child(3n+3) {
   margin-top: 0;
   grid-column-start: 3;
   grid-column-end: 13;
}

.post-list-style1.rightsidebar .site-main article:nth-child(3n+3), 
.post-list-style1.leftsidebar .site-main article:nth-child(3n+3) {
   grid-column-start: 1;
}

.post-list-style1 .site-main article .post-thumbnail {
   margin: 0;
   display: block;
   border-radius: 500px 500px 0 0;
   overflow: hidden;
   position: relative;
   height: 0;
   padding-top: 132.267%;
}

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

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

.post-list-style1 .site-main article .entry-header {
   margin-top: 27px;
   text-align: center;
}

.post-list-style1 .site-main article span.category {
   margin-bottom: 10px;
}

.post-list-style1 .site-main article span.category a {
   color: rgba(var(--st-black-color-rgb), 0.6);
   letter-spacing: 1.3px;
}

.post-list-style1 .site-main article span.category a:not(:last-child)::after {
   background: rgba(var(--st-black-color-rgb), 0.1);
}

.post-list-style1 .site-main article .entry-title {
   margin-top: 0;
   margin-bottom: 10px;
   font-size: 1.25em;
   font-family: var(--st-secondary-font);
   line-height: 31px;
   font-weight: 500;
}

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

.post-list-style1 .site-main article .entry-meta {
   line-height: 1;
}

.post-list-style1 .site-main article:nth-child(3n+3) .post-thumbnail {
   border-radius: 0;
   padding-top: 42.621%;
}

.post-list-style1 .site-main article:nth-child(3n+3) .post-thumbnail img, 
.post-list-style1 .site-main article:nth-child(3n+3) .post-thumbnail svg.fallback-svg {
  border-radius: 0;
}

.post-list-style1 .site-main article:nth-child(3n+3) .entry-header {
   text-align: left;
   margin-top: 40px;
   padding-left: 160px;
   max-width: 980px;
}

.post-list-style1.leftsidebar .site-main article:nth-child(3n+3) .entry-header, 
.post-list-style1.rightsidebar .site-main article:nth-child(3n+3) .entry-header {
   padding-left: 100px;
}

.post-list-style1 .site-main article:nth-child(3n+3) span.category {
  justify-content: flex-start;
}

.post-list-style1 .site-main article:nth-child(3n+3) .entry-title {
   font-size: 2.2em;
   line-height: 1.25;
}

.post-list-style1 .pagination {
  /* margin-bottom: 0; */
   text-align: center;
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(auto-fill);
   grid-row-gap: 0;
   grid-column-gap: 0;
}

.post-list-style1 .pagination .nav-links {
   grid-column-start: 3;
   grid-column-end: 11;
}

/*===================================
POST LIST STYLE TWO
===================================*/
.post-list-style2 .site-content {
   background: #FBFBFB;
}

.post-list-style2 .content-area, 
.post-list-style2 .widget-area {
   margin-top: 120px;
   margin-bottom: 120px;
}

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

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

.post-list-style2 .site-main {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
   margin-left: -3.61%;
   margin-right: -3.61%;
}

.post-list-style2.leftsidebar .site-main, 
.post-list-style2.rightsidebar .site-main {
   margin-left: -2.61%;
   margin-right: -2.61%;
}

.post-list-style2 .site-main article {
   margin: 0 0 120px 0;
   width: 33.33%;
   text-align: center;
   padding: 0 3.61%;
}

.post-list-style2.leftsidebar .site-main article, 
.post-list-style2.rightsidebar .site-main article {
   padding-left: 2.61%;
   padding-right: 2.61%;
   margin-bottom: 80px;
}

.post-list-style2 .site-main article .post-thumbnail {
   margin: 0;
}

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

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

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

.post-list-style2 .site-main article:nth-child(8n) .post-thumbnail a {
   padding-top: 100%;
}

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

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

.post-list-style2 .site-main article .entry-header {
   background: var(--st-white-color);
   width: calc(100% - 30px);
   margin: 0 auto;
   position: relative;
   top: -10px;
   padding: 0 18px 27px;
}

.post-list-style2 .site-main article .entry-header::before {
   content: "";
   background: var(--st-white-color);
   width: 100%;
   height: 27px;
   position: absolute;
   bottom: 100%;
   left: 0;
}

.post-list-style2 .site-main article .entry-title {
   font-size: 1.1em;
   margin-top: 10px;
   margin-bottom: 0;
}

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

.post-list-style2 .site-main article .entry-meta {
   margin-top: 10px;
}

/*===================================
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;
}

/*===================================
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;
}

/*===================================
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;
}

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

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

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

.post-list-style6 .site-main {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-left: -50px;
   margin-right: -50px;
}

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

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

.post-list-style6.leftsidebar .site-main article, 
.post-list-style6.rightsidebar .site-main article {
   padding-left: 30px;
   padding-right: 30px;
   margin-bottom: 100px;
}

.post-list-style6 .site-main article:nth-child(3n+3), 
.post-list-style6 .site-main article:nth-child(3n+4), 
.post-list-style6 .site-main article:nth-child(3n+5) {
   width: 33.33%;
}

.post-list-style6 .site-main article:nth-child(4n+2), 
.post-list-style6 .site-main article:nth-child(3n+7) {
   width: 50%;
}

.post-list-style6 .site-main article:nth-child(5n+5) {
   width: 33.33%;
}

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

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

.post-list-style6 .site-main article:nth-child(2n+1) .post-thumbnail a {
   padding-top: 75%;
}

.post-list-style6 .site-main article:nth-child(3n+2) .post-thumbnail a {
   padding-top: 127%;
}

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

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

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

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

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

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

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

/*======================================
NEWSLETTER SECTION
======================================*/
.newsletter-section {
   background: #FBF6F2;
   text-align: center;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper {
   padding: 80px 0;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper > div, 
.newsletter-section .blossomthemes-email-newsletter-wrapper > form {
   max-width: 730px;
   margin-left: auto;
   margin-right: auto;
   padding: 0 15px;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder {
   margin-bottom: 60px;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.85em;
   font-weight: 400;
   line-height: 1.5;
   color: inherit;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span {
   display: block;
   font-size: 1.2em;
   line-height: 1.5;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 + span {
   margin-top: 10px;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form > input:not([type="submit"]) {
   flex: 3;
   margin-right: 20px;
   text-align: left;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form > input[type="submit"] {
   flex: 1;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form > label {
   order: 5;
   width: 100%;
   cursor: pointer;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form label .check-mark {
   margin-top: 3px;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form label .text {
   font-size: 0.7em;
   line-height: 1.5;
   display: block;
}

.newsletter-section .blossomthemes-email-newsletter-wrapper form > label:hover .text {
   text-decoration: underline;
}

/*=====================================
INSTAGRAM SECTION
=====================================*/
.instagram-section {
   background: var(--st-insta-bg);
   padding: 80px 0;
   text-align: center;
}

.instagram-section .section-title {
   font-size: 1.85em;
   margin-top: 0;
   margin-bottom: 0;
   line-height: 1.5;
   font-weight: 500;
   color: var(--st-heading-color);
   font-family: var(--st-secondary-font);
}

.instagram-section #sb_instagram .sb_instagram_header {
   text-align: center;
   float: none;
   padding: 0 !important;
   margin-top: 15px;
   margin-bottom: 0 !important;
}

.instagram-section #sb_instagram .sb_instagram_header .section-title {
   text-align: left;
   font-size: 1.5em;
   font-family: var(--st-primary-font);
   font-weight: 400;
   line-height: 1.3;
   margin-bottom: 10px;
}

.instagram-section #sb_instagram .sb_instagram_header a {
   float: none;
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
}

.instagram-section #sb_instagram .sb_instagram_header a svg {
   display: none;
}

.instagram-section #sb_instagram .sb_instagram_header .sbi_bio {
   font-size: 0.8em;
   line-height: 1.7;
}

#sb_instagram .sb_instagram_header .sbi_header_text {
   float: none;
   padding-top: 0;
   max-width: 100%;
   padding-left: 0;
}

#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, 
#sb_instagram .sb_instagram_header .sbi_header_text h3 {
   color: var(--st-body-color);
   margin: 0 !important
}

#sb_instagram .sb_instagram_header .sbi_header_text h3 {
   font-family: var(--st-primary-font);
   font-size: 1em;
   font-weight: 400;
   line-height: 1.3;
}

#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio {
   margin-top: 8px !important;
   text-align: left;
}

#sb_instagram .sb_instagram_header .sbi_header_img {
   float: none;
   margin: 0 !important;
   order: -1;
   display: none;
}

.instagram-section #sb_instagram #sbi_images {
   margin-top: 60px;
}

#sb_instagram #sbi_load {
   margin-top: 40px;
}

/*======================================
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;
}

/*======================================
INSTAGRAM LAYOUT TWO
======================================*/
.instagram-section.insta-layout-2 #sb_instagram #sbi_load {
   margin-top: 20px;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(auto-fill);
   padding: 0 20px;
   grid-gap: 0 40px;
}

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

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:first-child {
   grid-column-start: 1;
   grid-column-end: 4;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
   grid-column-start: 2;
   grid-column-end: 5;
   grid-row: 2;
   position: relative;
   top: -50px;
   border-radius: 0 0 500px 500px;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(3) {
   grid-column-start: 5;
   grid-column-end: 9;
   grid-row: 1 / span 2;
   border-radius: 500px;
   height: 95%;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
   grid-column-start: 9;
   grid-column-end: 12;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(5) {
   grid-column-start: 10;
   grid-column-end: 13;
   grid-row: 2;
   position: relative;
   top: -50px;
   border-radius: 0 0 500px 500px;
}

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

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item .sbi_photo {
   border-radius: 500px 500px 0 0;
   height: 0 !important;
   padding-top: 105%;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item img {
   border-radius: 500px 500px 0 0;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(3) .sbi_photo {
   padding-top: 148%;
   border-radius: 500px;
}

.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(2) .sbi_photo, 
.instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(5) .sbi_photo {
   border-radius: 0 0 500px 500px;
}

/*======================================
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;
}

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

.instagram-section.insta-layout-5 #sb_instagram #sbi_load {
   margin-top: 20px;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(auto-fill);
   padding: 0;
   grid-gap: 0;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item {
   width: 100%;
   padding: 0 10px !important;
   float: none;
   max-height: initial;
   overflow: hidden;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:first-child {
   grid-column-start: 1;
   grid-column-end: 4;
   padding-left: 0 !important;
   padding-right: 30px !important;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
   grid-column-start: 2;
   grid-column-end: 5;
   grid-row: 2;
   padding-left: 0 !important;
   padding-right: 30px !important;
}

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

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
   grid-column-start: 9;
   grid-column-end: 12;
   padding-right: 0 !important;
   padding-left: 30px !important;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(5) {
   grid-column-start: 10;
   grid-column-end: 13;
   grid-row: 2;
   padding-right: 0 !important;
   padding-left: 30px !important;
}

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

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_photo_wrap {
   height: 100%;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item .sbi_photo {
   height: 100% !important;
}

.instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item .sbi_photo img {
   width: 100%;
   height: 100%;
   display: block !important;
   object-fit: cover;
}

/*====================================
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;
}

/*====================================
SITE FOOTER
=====================================*/
.site-footer {
   background: var(--st-footer-bg);
}

.top-footer {
   padding-top: 80px;
}

.footer-grid:not(.column-1) {
   display: flex;
   flex-wrap: wrap;
   margin-left: -24px;
   margin-right: -24px;
}

.footer-grid:not(.column-1) .col {
  padding: 0 24px;
}

.footer-grid.column-2 .col {
   width: 50%;
}

.footer-grid.column-3 .col {
   width: 33.33%;
}

.footer-grid.column-4 .col {
   width: 25%;
}

.site-footer #sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, 
.site-footer #sb_instagram .sb_instagram_header .sbi_header_text h3 {
   color: var(--st-footer-txt-color);
}

.site-footer #sb_instagram .sb_instagram_header p {
   font-size: 0.8em;
   line-height: 1.5;
}

.site-footer .widget .widget-title {
   margin-top: 0;
   margin-bottom: 20px;
   color: var(--st-footer-txt-color);
   font-size: 1em;
   line-height: 1.5;
   font-weight: 400;
  font-family: var(--st-secondary-font);
}

.widget_block > h1, 
.widget_block > h2, 
.widget_block > h3, 
.widget_block > h4, 
.widget_block > h5, 
.widget_block > h6 {
   margin-bottom: 20px;
}

.site-footer .widget_block > h1, 
.site-footer .widget_block > h2, 
.site-footer .widget_block > h3, 
.site-footer .widget_block > h4, 
.site-footer .widget_block > h5, 
.site-footer .widget_block > h6 {
   color: var(--st-footer-txt-color);
}

.site-footer .widget_text {
   color: var(--st-footer-txt-color);
}

.site-footer .widget ul li {
   color: var(--st-footer-txt-color);
}

.site-footer a,
.site-footer .widget ul li a {
   color: var(--st-footer-txt-color);
}

.site-footer a:hover,
.site-footer .widget ul li a:hover {
   color: rgba(var(--st-footer-txt-color-rgb), 0.75);
}

.bottom-footer {
   border-top: 1px solid rgba(var(--st-footer-txt-color-rgb), 0.1);
   padding: 10px 0;
}

.bottom-footer .container {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.bottom-footer .copyright {
   flex: 1;
   font-size: 0.7em;
   font-weight: 400;
   color: rgba(var(--st-footer-txt-color-rgb), 0.6);
}

.bottom-footer .copyright a {
   color: var(--st-footer-txt-color);
}

.bottom-footer .copyright a.privacy-policy-link {
   padding-left: 5px;
}

.footer-social .social-list li a {
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 36px;
   height: 36px;
   text-align: center;
   border: 2px solid rgba(var(--st-footer-txt-color-rgb), 0.3);
   color: rgba(var(--st-footer-txt-color-rgb), 0.6);
}

.footer-social .social-list li a:hover {
  background: rgba(var(--st-footer-txt-color-rgb), 0.6);
   color: var(--st-footer-bg);
   border-color: transparent;
}

.footer-social .social-list li a .social-name {
   display: none;
}

.site-footer .bottom-footer .widget {
   margin-bottom: 20px;
}

.site-footer .bottom-footer .widget:last-child {
   margin-bottom: 0;
}

.site-footer .bottom-footer .widget .widget-title {
   display: none;
}

/*================================
WIDGET NEWSLETTER
===============================*/
.widget .blossomthemes-email-newsletter-wrapper {
   padding: 25px;
}

.widget .blossomthemes-email-newsletter-wrapper[style*="background: #ffffff;"] {
   padding: 0;
}

.site-footer .widget .blossomthemes-email-newsletter-wrapper[style*="background: #ffffff;"] {
   padding: 25px;
}

.blossomthemes-email-newsletter-wrapper .text-holder h3 {
   margin-bottom: 0;
   font-size: 1em;
   font-family: var(--st-secondary-font);
   color: inherit;
}

.blossomthemes-email-newsletter-wrapper .text-holder span {
   display: block;
   margin-top: 10px;
   font-size: 0.8em;
   color: inherit;
   opacity: 0.7;
}

.blossomthemes-email-newsletter-wrapper form input[type="text"] {
   text-align: left;
}

.blossomthemes-email-newsletter-wrapper form>label {
   font-size: 0.8em;
}

.blossomthemes-email-newsletter-wrapper form>label .text {
   opacity: 0.7;
}

/*=================================
WIDGET SEARCH
=================================*/
.widget_search .search-form {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

.site-footer .widget_search .search-form {
   border-bottom-color: rgba(var(--st-footer-txt-color-rgb), 0.1);
}

.widget_search .search-form label {
   width: calc(100% - 50px);
}

.widget_search .search-form input.search-field {
   border-bottom: none;
   padding: 0;
}

.site-footer .widget_search .search-form input.search-field {
   color: var(--st-footer-txt-color);
}

.widget_search .search-form input.search-submit {
   width: 50px;
   padding: 0;
   font-size: 0;
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: center right;
   background-color: transparent;
   border: none;
   opacity: 0.5;
}

.site-footer .widget_search .search-form input.search-submit {
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path></svg>');
}

.widget_search .search-form input.search-submit:hover {
   opacity: 1;
}

/*=================================
WIDGET CALENDAR
=================================*/
.widget_calendar .calendar_wrap {
   position: relative;
}

.widget_calendar table {
   margin: 0;
}

.widget_calendar table caption {
   font-size: 0.7em;
   text-transform: uppercase;
   letter-spacing: 0.75px;
   font-weight: 600;
   color: var(--st-white-color);
   background: var(--st-heading-color);
   padding: 10px 2.5em;
}

.site-footer .widget_calendar table caption {
   background: rgba(var(--st-footer-txt-color-rgb), 0.1);
}

.widget_calendar table tr {
   border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.06);
}

.site-footer .widget_calendar table tr {
   border-bottom-color: rgba(var(--st-footer-txt-color-rgb), 0.1);
}

.widget_calendar table th, 
.widget_calendar table td {
   background: none;
   text-align: center;
   padding-left: 0;
   padding-right: 0;
   border-bottom: none;
   color: var(--st-body-color);
}

.widget_calendar table th {
   color: var(--st-heading-color);
}

.site-footer .widget_calendar table th {
   background: none;
   color: var(--st-footer-txt-color);
} 

.site-footer .widget_calendar table td {
   background: none;
   color: var(--st-footer-txt-color);
}

.widget_calendar table td#today {
   background: rgba(var(--st-black-color-rgb), 0.05);
}

.site-footer .widget_calendar table td#today {
   background: rgba(var(--st-footer-txt-color-rgb), 0.05);
}

.widget_calendar table tbody td a {
   font-weight: 700;
   color: var(--st-black-color);
}

.site-footer .widget_calendar table tbody td a {
   color: var(--st-footer-txt-color);
}

.widget_calendar .wp-calendar-nav {
   height: 0;
}

.widget_calendar .pad {
   display: none;
}

.widget_calendar .calendar_wrap .wp-calendar-nav-prev a, 
.widget_calendar .calendar_wrap .wp-calendar-nav-next a {
   position: absolute;
   top: 0.43em;
   left: 0.4em;
   width: 1em;
   height: 1em;
   white-space: nowrap;
   border: 1px solid rgba(var(--st-white-color-rgb), 0.5);
   border-radius: 100%;
   font-size: 0;
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z"></path></svg>');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 0.25em;
   cursor: pointer;
   font-size: 1em;
   overflow: hidden;
   text-indent: 2em;
}

.widget_calendar .calendar_wrap .wp-calendar-nav-next a {
   left: auto;
   right: 0.4em;
   background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%23fff" d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path></svg>');
}

.widget_calendar .calendar_wrap .wp-calendar-nav-prev a:hover, 
.widget_calendar .calendar_wrap .wp-calendar-nav-next a:hover {
   border-color: rgba(var(--st-white-color-rgb), 0.75);
}

/*=================================
WIDGET GALLERY
=================================*/
.widget_media_gallery .gallery {
   margin-left: -3px;
   margin-right: -3px;
}

.widget_media_gallery .gallery-item {
   padding: 3px;
}

.widget_media_gallery .gallery-item figcaption {
   margin-top: 5px;
   text-align: center;
}

.site-footer .widget_media_gallery .gallery-item figcaption {
   color: rgba(var(--st-footer-txt-color-rgb), 0.5);
}

/*=================================
WIDGET NAV MENU
=================================*/
.widget_nav_menu ul li .submenu-toggle {
   display: none;
}

.widget.widget_nav_menu ul ul.sub-menu {
   padding-left: 15px;
   margin-top: 15px;
}

.widget.widget_nav_menu ul ul li {
   font-size: 1em;
}

/*==================================
WIDGET TAG CLOUD
==================================*/
.tagcloud {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -3px;
}

.tagcloud a {
   display: inline-block;
   font-size: 0.8em !important;
   color: var(--st-heading-color);
   background: rgba(var(--st-black-color-rgb), 0.07);
   line-height: 1.3;
   padding: 10px 20px;
   margin: 3px;
   text-decoration: none;
}

.tagcloud a:hover {
   background: rgba(var(--st-black-color-rgb), 0.15);
}

.site-footer .tagcloud a {
   color: var(--st-footer-txt-color);
   background: rgba(var(--st-footer-txt-color-rgb), 0.1);
}

.site-footer .tagcloud a:hover {
   background: rgba(var(--st-footer-txt-color-rgb), 0.2);
}

/*=================================
WIDGET RECENT ENTRIES
==================================*/
.widget_recent_entries ul li {
   font-family: var(--st-secondary-font);
   position: relative;
   padding-left: 0;
   font-weight: 700;
}

.site-footer .widget_recent_entries ul li {
   font-weight: 400;
}

.widget_recent_entries ul li a {
   color: var(--st-heading-color);
}

.widget_recent_entries ul li .post-date {
   display: block;
   margin-top: 8px;
   font-weight: 400;
   font-family: var(--st-primary-font);
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-size: 0.875em;
   letter-spacing: 1.3px;
   line-height: 1.31;
   text-transform: uppercase;
}

.site-footer .widget_recent_entries ul li .post-date {
   color: rgba(var(--st-footer-txt-color-rgb), 0.6);
}

/*====================================
WIDGET CATEGORIES & ARCHIVE
====================================*/
.widget_categories ul li, 
.widget_archive ul li {
  display: flex;
   flex-wrap: wrap;
}

.widget_categories ul li a, 
.widget_archive ul li a {
  flex: 1;
}

/*====================================
WIDGET TEXT
====================================*/
.widget_text {
   font-size: 0.8em;
   font-weight: 400;
   line-height: 1.625;
}

.widget_text .textwidget p {
   margin-top: 0;
   margin-bottom: 1.5em;
}

.widget_text .textwidget p:last-child {
   margin-bottom: 0;
}

/*==================================
WIDGET NEWSLETTER
==================================*/
.widget_blossomthemes_email_newsletter_widget .blossomthemes-email-newsletter-wrapper {
   text-align: center;
   padding: 40px 5%;
}

.widget_blossomthemes_email_newsletter_widget .img-holder {
   width: 80px;
   height: 80px;
   margin: 0 auto 20px auto;
   border-radius: 100%;
   overflow: hidden;
}

.blossomthemes-email-newsletter-wrapper .text-holder {
   margin: 0 0 20px;
   position: relative;
   z-index: 1;
}

.widget_blossomthemes_email_newsletter_widget h3 {
   margin: 0;
   font-size: 1.2em;
   line-height: 1.3;
   color: var(--st-black-color);
}

.widget_blossomthemes_email_newsletter_widget span {
   display: block;
   font-size: 0.8em;
   margin-top: 15px;
   color: rgba(var(--st-black-color-rgb), 0.7);
}

.blossomthemes-email-newsletter-wrapper form input[type="text"] {
   background: none;
}

.blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap {
   position: relative;
}

.blossomthemes-email-newsletter-wrapper form .subscribe-inner-wrap input[type="checkbox"] {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
}

.blossomthemes-email-newsletter-wrapper form label .check-mark {
   margin-top: 5px;
   border-color: var(--st-body-color);
}

.blossomthemes-email-newsletter-wrapper form label .text {
   margin-top: 0;
   text-align: left;
   line-height: 1.5;
}

/*==================================
SINGLE POST
==================================*/
.single-post .site-content > .entry-header {
   text-align: center;
   margin-top: 80px;
}

.single-post .site-content > .entry-header > .container {
   max-width: 730px;
   position: relative;
   z-index: 9;
}

.single-post .site-content > .entry-header span.category {
   margin-bottom: 10px;
}

.single-post .site-content > .entry-header .entry-title {
   margin-top: 0;
   margin-bottom: 0;
   font-family: var(--st-secondary-font);
   font-weight: 600;
   font-size: 2.4em;
   line-height: 1.25;
}

.single-post .site-content > .entry-header .entry-meta {
   margin-top: 15px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}

.single-post .site-content > .entry-header .entry-meta > span {
   position: relative;
}

.single-post .site-content > .entry-header .entry-meta > span + span {
   margin-left: 0;
}

.single-post .site-content > .entry-header .entry-meta > span:not(:last-child)::after {
   content: "";
   display: inline-block;
   background: rgba(var(--st-black-color-rgb), 0.1);
   width: 4px;
   height: 4px;
   border-radius: 100%;
   margin-left: 8px;
   margin-right: 10px;
   position: relative;
   top: -2px;
}

.single-post.single-layout1 .entry-header .post-thumbnail {
   margin: 80px 0 0 0;
}

.single-post .site-main article .post-thumbnail {
   margin: 0 0 80px 0;
}

.single-post .site-main article .post-thumbnail img, 
.single-post.single-layout1 .entry-header .post-thumbnail img {
   width: 100%;
}

.single-post .site-main article {
   margin: 0;
   position: relative;
   z-index: 2;
}

.single-post .site-main article .floating-metas {
   float: left;
   width: 56px;
   position: sticky;
   top: 0;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   -webkit-transition: ease 0.35s top;
   -moz-transition: ease 0.35s top;
   transition: ease 0.35s top;
}

.single-post.leftsidebar .site-main article .floating-metas {
   float: right;
}

.single-post.fullwidth-centered .content-area {
   max-width: 100%;
}

.single-post.fullwidth-centered .site-main article .entry-content {
   max-width: 700px;
   margin: 0 auto;
   padding: 0;
}

.single-post .site-main article .floating-metas + .entry-content {
   display: flex;
   flex-direction: column;
}

.full-width .site-main article .floating-metas + .entry-content, 
.rightsidebar .site-main article .floating-metas + .entry-content {
   padding-left: 40px;
}

.leftsidebar .site-main article .floating-metas + .entry-content {
   padding-right: 40px;
}

.full-width .site-main article .floating-metas ~ .entry-footer, 
.rightsidebar .site-main article .floating-metas ~ .entry-footer {
   padding-left: 96px;
}

.full-width .site-main article .floating-metas.read-next-block ~ .entry-footer, 
.rightsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
   padding-left: 210px;
}

.leftsidebar .site-main article .floating-metas ~ .entry-footer {
   padding-right: 96px;
}

.leftsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
   padding-right: 210px;
}

.single .entry-content, 
.page .entry-content {
   margin-top: 0;
}

.single-post.rightsidebar .site-main article .entry-content {
   margin-right: 0;
}

.single-post.leftsidebar .site-main article .entry-content {
   margin-left: 0;
}

.single-post .site-main article .entry-content h1:first-child, 
.single-post .site-main article .entry-content h2:first-child, 
.single-post .site-main article .entry-content h3:first-child, 
.single-post .site-main article .entry-content h4:first-child, 
.single-post .site-main article .entry-content h5:first-child, 
.single-post .site-main article .entry-content h6:first-child {
   margin-top: 0;
}

.single-post .site-main article .entry-content > p, 
.single-post .site-main article .entry-content > figure, 
.single-post .site-main article .entry-content > table {
   margin-top: 0;
   margin-bottom: 4em;
}

.single-post .site-main article .entry-content > ul,
.single-post .site-main article .entry-content > ol {
  margin-bottom: 4em;
} 

.single-post .site-main article .entry-content > p:last-child, 
.single-post .site-main article .entry-content > figure:last-child, 
.single-post .site-main article .entry-content > table:last-child, 
.single-post .site-main article .entry-content > ul:last-child,
.single-post .site-main article .entry-content > ol:last-child {
  margin-bottom: 0;
}

.single-post .site-main article .entry-content figure.gallery-item {
  margin: 0;
}

.post-like {
   margin-bottom: 15px;
}

.post-like .post-like-count {
   display: block;
   font-size: 0.65em;
   font-weight: 400;
   color: rgba(var(--st-black-color-rgb), 0.6);
   margin-bottom: 5px;
}

.post-like a {
   width: 56px;
   height: 56px;
   text-align: center;
   line-height: 56px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border: 2px solid rgba(var(--st-black-color-rgb), 0.1);
   border-radius: 100%;
}

.post-like a:hover {
  border-color: rgba(var(--st-black-color-rgb), 0.5);
}

.floating-metas .social-list {
   display: block;
}

.floating-metas .social-list li {
   margin: 0 0 15px 0;
}

.floating-metas .social-list li a {
   display: inline-block;
   color: rgba(var(--st-black-color-rgb), 0.6);
   font-size: 1em;
   letter-spacing: 1.3px;
   border: 2px solid rgba(var(--st-black-color-rgb), 0.1);
   width: 48px;
   height: 48px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
}

.floating-metas .social-list li a:hover {
  color: var(--st-black-color);
  border-color: rgba(var(--st-black-color-rgb), 0.5);
}

.single-post .site-main article .entry-footer {
   margin-top: 40px;
}

.single-post.fullwidth-centered .site-main article .entry-footer {
   max-width: 700px;
   margin: 40px auto 0;
}

.entry-footer .social-share {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-top: 40px;
   margin-bottom: 20px;
}

.entry-footer .social-share h3 {
   margin-top: 0;
   margin-bottom: 0;
   font-family: var(--st-primary-font);
   font-weight: 600;
   font-size: 0.65em;
   letter-spacing: 1.3px;
   padding-right: 16px;
}

.entry-footer .social-share .social-list {
   flex: 1;
}

.entry-footer .social-share .social-list li {
   margin: 0;
   font-size: 1em;
   flex: 1;
   text-align: center;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.1);
   height: 48px;
   margin-left: -1px;
   margin-top: -1px;
   min-width: 48px;
}

.entry-footer .social-share a {
   color: rgba(var(--st-black-color-rgb), 0.6);
   line-height: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.entry-footer .social-share a:hover {
   color: rgba(var(--st-black-color-rgb), 0.85);
}

.entry-footer .social-share svg {
   display: block;
}

/*===================================
READ NEXT BLOCK
===================================*/
.single-post .site-main article .floating-metas.read-next-block {
   float: left;
   width: 170px;
   position: sticky;
   top: 0;
}

.single-post.leftsidebar .site-main article .floating-metas.read-next-block {
   float: right;
}

/* .single-post.leftsidebar .site-main article .floating-metas.read-next-block + .entry-content, 
.rightsidebar.single-post .site-main article .floating-metas.read-next-block ~ .entry-footer {
   padding-left: 220px;
}

.full-width.single-post .site-main article .floating-metas.read-next-block ~ .entry-footer {
   padding-left: 220px;
}

.leftsidebar.single-post .site-main article .floating-metas.read-next-block + .entry-content, 
.leftsidebar.single-post .site-main article .floating-metas.read-next-block ~ .entry-footer {
   padding-left: 0;
   padding-right: 220px;
} */

.read-next-block .read-next-title {
   font-size: 0.7em;
   letter-spacing: 1.3px;
   line-height: 1.35;
   color: rgba(var(--st-black-color-rgb), 0.6);
   margin-bottom: 20px;
}

.site-main .read-next-block article {
   margin-bottom: 30px;
}

.site-main .read-next-block article .post-thumbnail {
   margin-bottom: 8px;
}

.read-next-block .entry-header {
   text-align: left;
}

.read-next-block span.category {
   justify-content: flex-start;
   font-size: 0.55em;
}

.read-next-block span.category a:not(:last-child)::after {
   margin-left: 8px;
   margin-right: 8px;
}

.read-next-block .entry-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 0.7em;
   font-weight: 600;
}

.read-next-block .entry-title a {
   color: var(--st-heading-color);
}

/*===================================
AUTHOR BLOCK
===================================*/
.author-block {
   max-width: 700px;
   margin: 80px auto 0;
}

.author-block .author-header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.author-block .author-header figure.author-img {
   margin: 0;
   width: 80px;
   height: 80px;
   border-radius: 100%;
   overflow: hidden;
}

.author-block .author-header figure.author-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.author-block .author-header .author-img + .title-wrap {
   width: calc(100% - 80px);
   padding-left: 30px;
}

.author-block .author-header .sub-title {
   display: block;
   font-size: 0.7em;
   letter-spacing: 1.3px;
   color: rgba(var(--st-black-color-rgb), 0.5);
   line-height: 1.25;
   margin-bottom: 5px;
}

.author-block .author-header .author-name {
   margin-top: 0;
   margin-bottom: 0;
   display: table;
   font-size: 1.25em;
   line-height: 1.48;
   border-bottom: 2px solid #F5EDE6;
}

.author-block .author-content-wrap {
   margin-top: 20px;
}

.author-block .author-info {
   font-size: 0.8em;
   font-weight: 400;
   line-height: 1.5625;
   color: var(--st-body-color);
}

.author-block .author-info p {
   margin-top: 20px;
   margin-bottom: 0;
}

.author-block .author-social-wrap {
   margin-top: 10px;
}

.author-block .author-social-wrap ul li {
   margin: 10px 20px 0 0;
}

.author-block .author-social-wrap ul li:last-child {
  margin-right: 0;
}

.author-block .author-social-wrap ul li a {
   color: rgba(var(--st-black-color-rgb), 0.6);
   text-decoration: none;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.author-block .author-social-wrap ul li a:hover {
  color: var(--st-black-color);
}

.author-block .author-social-wrap ul li a svg {
   font-size: 0.7em;
   width: 28px;
   height: 28px;
   padding: 7px;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.3);
   border-radius: 100%;
   vertical-align: middle;
  -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.author-block .author-social-wrap ul li a:hover svg {
  background: var(--st-black-color);
  border-color: var(--st-black-color);
  color: var(--st-white-color);
}

.author-block .author-social-wrap ul li a .social-name {
   display: inline-block;
   vertical-align: middle;
   padding-left: 8px;
   font-size: 0.8em;
   font-weight: 500;
   line-height: 1.3;
}

/*================================
SINGLE POST PAGINATION
================================*/
.single .site-content {
   position: relative;
}

.single nav.navigation.post-navigation {
   margin: 0;
}

.single .site-main .nav-links > div {
   position: fixed;
   top: 55%;
   left: 0;
   width: auto;
   max-width: 100%;
   padding: 0;
   overflow: hidden;
   z-index: 9;
   display: none;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
}

.single .site-main .nav-links > div.nav-next {
   left: auto;
   right: 0;
}

.single .site-main .nav-links > div a {
   padding-left: 0;
   display: block;
   position: relative;
   width: 50px;
   height: 320px;
}

.single .site-main .nav-links > div.nav-next a {
  margin-left: auto;
}

.single .site-main .nav-links > div a:hover {
   width: 480px;
}

.single .site-main .nav-links > div span.nav-text {
  position: absolute;
   left: 25px;
   color: var(--st-heading-color);
   font-size: 0.6em;
   font-weight: 700;
   letter-spacing: 1px;
   transform-origin: center left;
   text-transform: uppercase;
   background: rgba(var(--st-white-color-rgb), 0.5);
   width: 320px;
   height: 50px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   bottom: -25px;
   -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 1;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s;
}

.single .site-main .nav-links > div a:hover span.nav-text {
  background: rgba(var(--st-black-color-rgb), 0.15);
  color: var(--st-white-color);
}

.single .site-main .nav-links > div.nav-next span.nav-text {
  left: calc(100% - 25px);
   bottom: auto;
   top: -25px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.single .site-main .nav-links > div .nav-title-wrap {
   position: absolute;
   top: 0;
   left: 0px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 480px;
   overflow: hidden;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   transform: translateX(-100%);
   -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.single .site-main .nav-links > div.nav-next .nav-title-wrap {
   left: auto;
   right: 0;
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   transform: translateX(100%);
}

.single .site-main .nav-links > div a:hover .nav-title-wrap, 
.single .site-main .nav-links > div.nav-next a:hover .nav-title-wrap {
  opacity: 1;
  visibility: visible;
   -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
   transform: translateX(0);
}

.single .site-main .nav-links > div figure {
   margin: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.single .site-main .nav-links > div figure img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.single .site-main .nav-links > div .nav-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.5em;
   line-height: 1.25;
   color: var(--st-white-color);
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: left;
   background: rgba(var(--st-black-color-rgb), 0.15);
   padding: 0 30px 0 80px;
}

.single .site-main .nav-links > div.nav-next .nav-title {
   padding-left: 30px;
   padding-right: 80px;
   text-align: right;
}

/*======================================
SINGLE POST LAYOUT TWO
======================================*/
.single-layout2 .site-content > .entry-header {
   margin-top: 0;
   position: relative;
   height: 0;
   overflow: hidden;
   padding-top: 43.4%;
   background: var(--st-primary-color);
}

.single-layout2 .entry-header .post-thumbnail {
   margin: 0;
}

.single-layout2 .entry-header .post-thumbnail img, 
.single-layout2 .entry-header .post-thumbnail svg.fallback-svg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
}

.single-layout2 .site-content > .entry-header .container {
   max-width: 100%;
   padding: 120px 90px 60px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background-image: -webkit-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background-image: -moz-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background-image: -ms-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background-image: -o-linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
   background-image: linear-gradient(180deg, rgba(var(--st-black-color-rgb), 0) 0%, rgba(var(--st-black-color-rgb), 0.00345888) 6.67%, rgba(var(--st-black-color-rgb), 0.014204) 13.33%, rgba(var(--st-black-color-rgb), 0.0326639) 20%, rgba(var(--st-black-color-rgb), 0.0589645) 26.67%, rgba(var(--st-black-color-rgb), 0.0927099) 33.33%, rgba(var(--st-black-color-rgb), 0.132754) 40%, rgba(var(--st-black-color-rgb), 0.177076) 46.67%, rgba(var(--st-black-color-rgb), 0.222924) 53.33%, rgba(var(--st-black-color-rgb), 0.267246) 60%, rgba(var(--st-black-color-rgb), 0.30729) 66.67%, rgba(var(--st-black-color-rgb), 0.341035) 73.33%, rgba(var(--st-black-color-rgb), 0.367336) 80%, rgba(var(--st-black-color-rgb), 0.385796) 86.67%, rgba(var(--st-black-color-rgb), 0.396541) 93.33%, rgba(var(--st-black-color-rgb), 0.4) 100%);
}

.single-layout2 .site-content > .entry-header .container .category, 
.single-layout2 .site-content > .entry-header .container .entry-title, 
.single-layout2 .site-content > .entry-header .container .entry-meta {
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   color: var(--st-white-color);
}

.single-layout2 .site-content > .entry-header .container .category > a {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.single-layout2 .site-content > .entry-header .container span.category a:not(:last-child)::after {
   background: rgba(var(--st-white-color-rgb), 0.3);
}

.single-layout2 .site-content > .entry-header .entry-meta > span {
   color: rgba(var(--st-white-color-rgb), 0.6);
}

.single-layout2 .site-content > .entry-header .entry-meta > span a {
   color: rgba(var(--st-white-color-rgb), 0.8);
}

.single-layout2 .site-content > .entry-header .entry-meta > span:not(:last-child)::after {
   background: rgba(var(--st-white-color-rgb), 0.3);
}

.single-layout2 .site-content > .entry-header .entry-meta > span.posted-on a {
   color: rgba(var(--st-white-color-rgb), 0.6);
}

.single-post .site-main .content-wrap {
   position: relative;
}

/*====================================
SINGLE PAGE
====================================*/
.page .content-area, 
.page .widget-area {
   margin-top: 40px;
}

.page .content-area article {
   margin: 0;
}

.page .site-main .post-thumbnail {
   margin-top: 0;
   margin-bottom: 80px;
   text-align: center;
}

.page .site-main article .page-header {
   text-align: left;
   margin-top: 0;
   margin-bottom: 40px;
}

.page .site-main article .page-header .page-title {
   font-size: 1.85em;
   font-weight: 500;
   line-height: 1.3;
}

.page .site-main article .entry-content {
   margin-top: 0;
}

.page .site-main article .entry-content > p, 
.page .site-main article .entry-content > figure, 
.page .site-main article .entry-content > table {
   margin-top: 0;
   margin-bottom: 2em;
}

.page .site-main article .entry-content > ul,
.page .site-main article .entry-content > ol {
  margin-bottom: 2em;
} 

.page .site-main article .entry-content > p:last-child, 
.page .site-main article .entry-content > figure:last-child, 
.page .site-main article .entry-content > table:last-child, 
.page .site-main article .entry-content > ul:last-child,
.page .site-main article .entry-content > ol:last-child {
  margin-bottom: 0;
}

.page .site-main article .entry-content figure.gallery-item {
  margin: 0;
}

/*====================================
ERROR 404
====================================*/
.error404 .error-404 {
   max-width: 700px;
   margin: 0 auto;
   text-align: center;
}

.error404 .error-404 .page-content p {
   font-size: 1.2em;
   opacity: 0.75;
   margin-top: 0;
   margin-bottom: 80px;
}

.error404 .error-404 .error-num {
   font-size: 15em;
   font-weight: 700;
   line-height: 0.8;
   font-family: var(--st-secondary-font);
   margin-bottom: 80px;
   color: rgba(var(--st-black-color-rgb), 0.1);
   
}

.error404 .error-404 .search-form {
   display: flex;
   flex-wrap: wrap;
   max-width: 600px;
   margin: 0 auto 60px;
}

.error404 .error-404 .search-form label {
   width: calc(100% - 120px);
}

.error404 .error-404 .search-form .search-field {
   height: 60px;
   border-bottom-width: 2px;
   border-bottom-color: rgba(var(--st-black-color-rgb), 0.1);
   font-size: 1.2em;
}

.error404 .error-404 .search-form .search-submit {
   min-width: 120px;
   height: 60px;
   padding: 0;
   font-weight: 400;
   letter-spacing: 0.5px;
   font-size: 0.9em;
}

.error404 .error-404 .search-form .search-submit:hover {
   background: var(--st-heading-color);
   color: var(--st-white-color);
   opacity: 0.8;
}

/*====================================
SEARCH RESULT PAGE
====================================*/
.search-no-results.post-list-style1 .site-main, 
.search-no-results.post-list-style3 .site-main {
   display: block;
}

.search-no-results.post-list-style2 .site-main, 
.search-no-results.post-list-style4 .site-main, 
.search-no-results.post-list-style5 .site-main, 
.search-no-results.post-list-style6 .site-main {
   margin: 0;
   display: block;
}

.search-no-results .site-main .container {
   padding: 0;
}

.search-no-results .site-main .page-header {
   margin-top: 0;
   text-align: left;
}

.search-no-results .site-main .search-form {
   display: flex;
   flex-wrap: wrap;
}

.search-no-results .site-main .search-form label {
   width: calc(100% - 150px);
}

.search-no-results .site-main .search-form .search-field {
   height: 52px;
}

.search-no-results .site-main .search-form .search-submit {
   width: 150px;
}

/*=====================================
PAGE TEMPLATE ABOUT & CONTACT
=====================================*/
.page-template-about #primary, 
.page-template-contact #primary {
   margin-top: 80px;
}

.page-template-about .site-main article .page-header, 
.page-template-contact .site-main article .page-header {
   text-align: center;
   margin-bottom: 80px;
}

.page-template-contact .site-main article .page-header {
   max-width: 700px;
   margin: 0 auto;
}

.page-template-about .site-main .subtitle, 
.page-template-contact .site-main .subtitle {
   display: block;
   font-weight: 600;
   font-size: 0.7em;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: rgba(var(--st-black-color-rgb), 0.5);
   margin-bottom: 10px;
}

.page-template-about .site-main article .page-header .page-title, 
.page-template-contact .site-main article .page-header .page-title {
   font-size: 2.4em;
   line-height: 1.25;
}

.page-template-about .site-main .content-wrap, 
.page-template-contact .site-main .content-wrap {
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
}

.page-template-contact .site-main article .entry-content {
   text-align: center;
   margin-top: 20px;
   font-size: 1.2em;
   color: var(--st-body-color);
}

.page-template-about .site-main .content-wrap h1, 
.page-template-contact .site-main .content-wrap h1,
.page-template-about .site-main .content-wrap h2, 
.page-template-contact .site-main .content-wrap h2,
.page-template-about .site-main .content-wrap h3, 
.page-template-contact .site-main .content-wrap h3, 
.page-template-about .site-main .content-wrap h4, 
.page-template-contact .site-main .content-wrap h4, 
.page-template-about .site-main .content-wrap h5, 
.page-template-contact .site-main .content-wrap h5 {
   margin-top: 0;
   margin-bottom: 40px;
}

.page-template-about .site-main article .entry-content > p, 
.page-template-contact .site-main article .entry-content > p, 
.page-template-about .site-main article .entry-content > figure, 
.page-template-contact .site-main article .entry-content > figure, 
.page-template-about .site-main article .entry-content > table, 
.page-template-contact .site-main article .entry-content > table {
   margin-bottom: 20px;
}

.page-template-contact .content-wrap .wpcf7 {
   margin-top: 80px;
}

.page-template-contact .content-wrap .wpcf7 p {
   margin-top: 0;
   margin-bottom: 50px;
}

.page-template-contact .content-wrap .wpcf7 p:last-child {
   margin-bottom: 0;
}

.wpcf7 form label {
   font-size: 0;
   display: block;
   margin-bottom: 0;
   line-height: 1.25;
   font-weight: 500;
   color: var(--st-heading-color);
}

.wpcf7 form label > span {
   font-size: initial;
}

.wpcf7 form label input, 
.wpcf7 form label textarea {
   font-size: 1em;
}

.page-template-contact .content-wrap .wpcf7 input:not([type="submit"]), 
.page-template-contact .content-wrap .wpcf7 textarea {
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
}

.wpcf7 form label textarea {
   height: 130px;
}

.author-social-block {
   background: var(--st-primary-color);
   padding: 80px 0;
}

.instagram-section + .author-social-block {
   border-top: 1px solid rgba(var(--st-black-color-rgb), 0.1);
}

.author-social-block .container {
   max-width: 730px;
}

.author-social-block .block-title {
   margin-top: 0;
   margin-bottom: 20px;
   font-size: 1.85em;
   line-height: 1.3;
}

.author-social-block .block-subtitle {
   display: block;
   position: relative;
   font-size: 0.7em;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding-bottom: 10px;
   margin-bottom: 5px;
   color: var(--st-body-color);
}

.author-social-block .block-subtitle::after {
   content: "";
   background: rgba(var(--st-black-color-rgb), 0.1);
   width: 60px;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0;
}

.page-template-about .author-social-block ul li, 
.page-template-contact .author-social-block ul li {
   margin: 10px 20px 0 0;
}

.page-template-about .author-social-block ul li:last-child, 
.page-template-contact .author-social-block ul li:last-child {
  margin-right: 0;
}

.page-template-about .author-social-block ul li a, 
.page-template-contact .author-social-block ul li a {
   color: rgba(var(--st-black-color-rgb), 0.6);
   text-decoration: none;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.page-template-about .author-social-block ul li a:hover, 
.page-template-contact .author-social-block ul li a:hover {
  color: var(--st-black-color);
}

.page-template-about .author-social-block ul li a .icon-wrap, 
.page-template-contact .author-social-block ul li a .icon-wrap {
   font-size: 0.7em;
   width: 28px;
   height: 28px;
   padding: 0;
   border: 1px solid rgba(var(--st-black-color-rgb), 0.3);
   border-radius: 100%;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
  -webkit-transition: all ease 0.35s;
   -moz-transition: all ease 0.35s;
   transition: all ease 0.35s;
}

.page-template-about .author-social-block ul li a:hover .icon-wrap, 
.page-template-contact .author-social-block ul li a:hover .icon-wrap {
  background: var(--st-black-color);
  border-color: var(--st-black-color);
  color: var(--st-white-color);
}

.page-template-about .author-social-block ul li a svg, 
.page-template-contact .author-social-block ul li a svg {
   width: 12px;
   height: 12px;
}

.page-template-about .author-social-block ul li a .social-name, 
.page-template-contact .author-social-block ul li a .social-name {
   display: inline-block;
   vertical-align: middle;
   padding-left: 8px;
   font-size: 0.8em;
   font-weight: 500;
   line-height: 1.3;
}

/*=====================================
RESPONSIVE CSS
=====================================*/
@media screen and (min-width: 768px) {
   /*======================================
   INSTAGRAM LAYOUT FOUR
   ======================================*/

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images {
      display: grid;
      grid-template-columns: repeat(13, 1fr);
      grid-gap: 0;
      align-items: flex-start;
      margin-top: 0;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item {
      width: 100%;
   }

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

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sb_instagram_header {
      grid-column-start: 9;
      grid-column-end: 12;
      margin-top: 0;
      grid-row-start: 3;
      grid-row-end: 5;
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header .sbi_header_text h3 {
      font-size: 2.2em;
      font-family: var(--st-secondary-font);
      color: var(--st-heading-color);
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header #sbi_load {
      margin: 20px 0 0 0;
      text-align: initial;
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header #sbi_load .sbi_follow_btn {
      margin: 0;
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header #sbi_load a {
      background: none !important;
      border-radius: 0;
      color: var(--st-heading-color) !important;
      padding: 0;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.65em;
      margin: 0;
      letter-spacing: 1.3px;
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header #sbi_load a:hover {
      color: var(--st-black-color);
      text-decoration: underline;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
      grid-column-start: 6;
      grid-column-end: 8;
      grid-row-start: 2;
      grid-row-end: 4;
      padding: 0 10px 50px 40px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(3) {
      grid-column-start: 3;
      grid-column-end: 4;
      grid-row-start: 5;
      grid-row-end: 6;
      padding: 0 5px 40px 35px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
      grid-column-start: 4;
      grid-column-end: 8;
      grid-row-start: 4;
      grid-row-end: 8;
      padding: 0 20px 80px 55px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(5) {
      grid-column-start: 2;
      grid-column-end: 4;
      grid-row-start: 6;
      grid-row-end: 8;
      padding: 0 10px 50px 40px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(6) {
      grid-column-start: 8;
      grid-column-end: 11;
      grid-row-start: 6;
      grid-row-end: 9;
      padding: 0 15px 65px 45px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(7) {
      grid-column-start: 11;
      grid-column-end: 13;
      grid-row-start: 6;
      grid-row-end: 8;
      padding: 0 10px 50px 40px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(8) {
      grid-column-start: 11;
      grid-column-end: 11;
      grid-row-start: 8;
      grid-row-end: 8;
      padding: 0 5px 40px 35px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(9) {
      grid-column-start: 4;
      grid-column-end: 6;
      grid-row-start: 8;
      grid-row-end: 10;
      padding: 0 10px 50px 40px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(10) {
      grid-column-start: 6;
      grid-column-end: 7;
      grid-row-start: 8;
      grid-row-end: 9;
      padding: 0 5px 40px 35px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(11) {
      grid-column-start: 9;
      grid-column-end: 9;
      grid-row-start: 9;
      grid-row-end: 9;
      padding: 0 5px 40px 35px !important;
   }

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

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

@media screen and (max-width: 1366px) {
  .container {
     max-width: 1170px;
  }

   /*======================================
   SITE HEADER LAYOUT THREE
   ======================================*/
   .site-header.layout-three .header-left {
       flex: initial;
   }

   .site-header.layout-three .header-center {
       flex: 1;
   }

   .site-header.layout-three .header-right {
       flex: initial;
   }

   /*==================================
   SITE HEADER LAYOUT FIVE
   ==================================*/
   .site-header.layout-five .top-header .container {
       padding-left: 0;
   }

   .site-header.layout-five .main-navigation ul.menu {
       justify-content: flex-start;
   }

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

   .site-header.layout-five .main-navigation ul.menu > li:first-child > a {
       padding-left: 15px;
   }

   /*=======================================
   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;
   }

   /*=======================================
   SITE HEADER
   ========================================*/
   .header-layout-two .newsletter_section .newsletterwrap, 
   .header-layout-six .newsletter_section .newsletterwrap {
      top: 60%;
   }

   /*=======================================
   SITE HEADER LAYOUT TEN
   ========================================*/
   .site-header.layout-ten .top-header .header-center {
       padding-left: 40px;
   }

   /*===================================
   BANNER SLIDER LAYOUT ONE
   ===================================*/
   .banner-slider.layout-one .swiper-arrow {
       top: 70%;
   }

   /*=====================================
   SINGLE POST PAGINATION
   =====================================*/
   .single .site-content {
       padding-left: 50px;
       padding-right: 50px;
   }

   .single:not(.single-layout2) .site-content .breadcrumb-wrapper {
      margin-left: -50px;
      margin-right: -50px;
   }

   .single-post .site-main article .floating-metas + .entry-content {
      padding-left: 20px;
   }
   
   .single-post.leftsidebar .site-main article .floating-metas + .entry-content {
      padding-left: 0;
      padding-right: 20px;
   }

   .full-width .site-main article .floating-metas ~ .entry-footer, 
   .fullwidth-centered .site-main article .floating-metas ~ .entry-footer, 
   .rightsidebar .site-main article .floating-metas ~ .entry-footer {
      padding-left: 76px;
   }

   .leftsidebar .site-main article .floating-metas ~ .entry-footer {
      padding-right: 76px;
   }

   /*======================================
   SINGLE POST LAYOUT TWO
   ======================================*/
   .single-layout2 .site-content {
       padding-left: 0;
       padding-right: 0;
   }

   /*===================================
   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%;
   }

   /*===================================
   READ NEXT BLOCK
   ===================================*/
   .rightsidebar.single-post .site-main article .floating-metas.read-next-block, 
   .leftsidebar.single-post .site-main article .floating-metas.read-next-block {
       width: 150px;
   }
 
   .rightsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-left: 170px;
   }

   .leftsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
       padding-right: 170px;
   }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
   /*===================================
   READ NEXT BLOCK
   ===================================*/
   .single-post.fullwidth-centered .site-main article .floating-metas.read-next-block + .entry-content {
      padding-left: 0;
   }
   
   .single-post.fullwidth-centered .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-left: 90px;
   }
}

@media screen and (max-width: 1199px) {
  .container {
     max-width: 1000px;
  }

  /*================================
   HEADER CTA
   ================================*/
   .header-cta .close {
      left: auto;
      right: 0;
   }

   /*=====================================
   SITE HEADER LAYOUT ONE
   =====================================*/
   .site-header.layout-one .main-navigation ul.menu li a, 
   .site-header.layout-one .secondary-navigation ul.menu li a, 
   .site-header.layout-one .mid-header .container > .site-branding {
      padding-left: 12px;
      padding-right: 12px;
   }

   /*======================================
   SITE HEADER LAYOUT THREE
   ======================================*/
   .site-header.layout-three .main-navigation ul.menu > li {
       margin-left: 15px;
       margin-right: 15px;
   }

   .site-header.layout-three .header-right > div {
       margin-left: 5px;
       margin-right: 5px;
   }

   .site-header.layout-three .header-right > div:last-child {
       margin-right: 0;
   }

   /*=======================================
   SITE HEADER LAYOUT SIX
   ========================================*/
   .site-header.layout-six .top-header {
       padding-bottom: 20px;
   }

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

   /*=======================================
   SITE HEADER LAYOUT EIGHT
   ========================================*/
   .site-header.layout-eight .main-navigation ul.menu > li > a {
       padding-left: 15px;
       padding-right: 15px;
   }

   /*=======================================
   SITE HEADER LAYOUT NINE
   ========================================*/
   .site-header.layout-nine .top-header {
       padding-top: 20px;
       padding-bottom: 20px;
   }

   .site-header.layout-nine .main-navigation ul.menu li a {
       padding: 15px;
   }

   /*=======================================
   SITE HEADER LAYOUT TEN
   ========================================*/
   .site-header.layout-ten .top-header {
       padding-top: 20px;
       padding-bottom: 20px;
   }

   .site-header.layout-ten .top-header .header-center {
       padding-left: 20px;
   }

   .site-header.layout-ten .main-navigation ul.menu li a {
       padding: 15px;
   }

  /*====================================
   BANNER NEWSLETTER
   ====================================*/
   .wp-custom-header {
      padding-top: 70%;
   }

   .newsletter_section .newsletterwrap {
      /* top: 60px; */
      right: 60px;
   }

   /*====================================
   BANNER NEWSLETTER LAYOUT TWO
   ====================================*/
   .newsletter_section.newslayout-two .newsletterwrap {
      right: auto;
      left: 60px;
   }

   /*===================================
   BANNER SLIDER LAYOUT TWO
   ===================================*/
   .banner-slider.layout-two .swiper-arrow {
       width: 60px;
       height: 60px;
   }

   /*===================================
   BANNER SLIDER LAYOUT THREE
   ===================================*/

   /* .header-layout-two .banner-slider.layout-three .slider-img-holder, 
   .header-layout-six .banner-slider.layout-three .slider-img-holder {
      padding-top: 60%;
   } */

   /*===================================
   BANNER SLIDER LAYOUT SIX
   ===================================*/
   .banner-slider.layout-six .swiper-arrow {
       width: 60px;
       height: 60px;
       left: 10%;
   }

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

   /*===================================
   POST LIST STYLE ONE
   ===================================*/
   .post-list-style1.leftsidebar .site-main article:nth-child(3n+3) .entry-header, 
   .post-list-style1.rightsidebar .site-main article:nth-child(3n+3) .entry-header {
      padding-left: 60px;
   }

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

   .post-list-style2 .content-area {
      margin-bottom: 0;
   }
   
   .post-list-style2 .content-area nav {
      margin-bottom: 100px;
   }
   
   .post-list-style2 .site-main article {
       margin-bottom: 100px;
   }
   
   .post-list-style2.leftsidebar .site-main article, 
   .post-list-style2.rightsidebar .site-main article {
      width: 50%;
   }

   /*===================================
   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;
   }

   /*===================================
   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;
  }

   /*===================================
   POST LIST STYLE SIX
   ===================================*/
   .post-list-style6 .site-main {
       margin-left: -30px;
       margin-right: -30px;
   }

   .post-list-style6 .site-main article {
       padding-left: 30px;
       padding-right: 30px;
       margin-bottom: 100px;
   }

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

   .post-list-style6.leftsidebar .site-main article, 
   .post-list-style6.rightsidebar .site-main article {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 80px;
   }
   
   /*===================================
   READ NEXT BLOCK
   ===================================*/
   .single-post.rightsidebar .site-main article .floating-metas.read-next-block, 
   .single-post.leftsidebar .site-main article .floating-metas.read-next-block {
       width: 120px;
   }

   .rightsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
       padding-left: 150px;
   }

   .leftsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-left: 0; 
      padding-right: 150px;
   }
}

@media screen and (min-width: 1025px) {
   .site-header.layout-one .main-navigation ul.menu {
      justify-content: flex-end;
   }

  .site-header:not(.layout-two) .submenu-toggle, 
  .site-header:not(.layout-two) .main-navigation .close {
     display: none;
  }

  .site-header:not(.layout-two) .main-navigation ul li ul.sub-menu, 
  .site-header:not(.layout-two) .main-navigation .primary-menu-list {
     display: block !important;
  }

  .site-header:not(.layout-two) .main-navigation .close {
     display: none;
  }

  .mobile-header {
     display: none;
  }
}

@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;
   }

   /*====================================
   BANNER NEWSLETTER LAYOUT TWO
   ====================================*/
   .newsletter_section.newslayout-two .newsletterwrap {
      right: auto;
      left: 5%;
   }

   /*======================================
   INSTAGRAM LAYOUT FOUR
   ======================================*/
   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sb_instagram_header {
      grid-column-start: 8;
      grid-row-start: 2;
      padding-top: 25px !important;
      grid-column-end: 13;
   }

   .instagram-section.insta-layout-4 #sb_instagram .sb_instagram_header .section-title {
      font-size: 1.2em;
      text-align: initial;
   }

  .insta-layout-4 #sb_instagram .sb_instagram_header .sbi_header_text h3 {
      font-size: 1.5em;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
      grid-column-start: 3;
      grid-column-end: 5;
      padding-bottom: 30px !important;
      padding-left: 20px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(3) {
      grid-column-start: 2;
      grid-column-end: 4;
      padding-bottom: 25px !important;
      padding-left: 15px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(4) {
      padding-left: 35px !important;
      padding-bottom: 60px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(5) {
      padding-bottom: 30px !important;
      padding-left: 20px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(6) {
      grid-column-start: 7;
      padding-left: 25px !important;
      padding-bottom: 35px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(7) {
      padding-bottom: 30px !important;
      padding-left: 20px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(8) {
      padding-bottom: 30px !important;
      padding-left: 20px !important;
      grid-column-end: 13;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(9) {
      padding-bottom: 30px !important;
      padding-left: 20px !important;
      grid-column-start: 3;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(10) {
      grid-column-end: 8;
      padding-bottom: 30px !important;
      padding-left: 20px !important;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item:nth-child(11) {
      grid-column-end: 11;
      padding-bottom: 30px !important;
      padding-left: 20px !important;
   }
}

@media screen and (max-width: 1024px) {
  .container {
     max-width: 768px;
  }

  /*============================
   LAST WIDGET STICKY
   =============================*/
   .presto-sticky-sidebar.leftsidebar .site-content > .container, 
   .presto-sticky-sidebar.rightsidebar .site-content > .container {
      display: block;
   }

   /*===========================
   SIDEBARS
   ==========================*/
   .rightsidebar .content-area, 
   .rightsidebar .widget-area, 
   .leftsidebar .content-area, 
   .leftsidebar .widget-area {
      float: none;
      width: 100%;
      padding-right: 0;
      padding-left: 0;
   }

   .rightsidebar .widget-area, 
   .leftsidebar .widget-area {
      margin-top: 0;
   }

   /*==================================
   RELATED POST
   ==================================*/
   .related-posts .related-post-wrap {
       margin-left: -15px;
       margin-right: -15px;
   }

   .related-posts article {
       padding-left: 15px;
       padding-right: 15px;
   }
   
   .related-posts.two-col .related-post-wrap {
       margin-left: 0;
       margin-right: 0;
   }

   .related-posts.two-col article {
       padding-left: 5%;
       padding-right: 5%;
   }

   .related-posts.two-col article:nth-child(2n) {
       margin-top: 80px;
   }

  /*=================================
  MID HEADER
  =================================*/
   .site-header {
      opacity: 0 !important;
      visibility: hidden !important;
      position: absolute !important;
      top: 0 !important;
      left: -9999px !important;
      width: 1920px;
   }

   .site-header .container {
      max-width: 100%;
      width: 1920px;
   }

   body:not(.presto-sticky-header) .site-header .header-cta {
      display: none;
   }

   .header-search .header-search-wrap-inner {
       padding-left: 3%;
       padding-right: 3%;
   }

  .site-header.layout-one .mid-header .container {
     padding-top: 20px;
     padding-bottom: 20px;
     flex-direction: row-reverse;
  }

  .site-header.layout-one .mid-header .container > .site-branding {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
  }

   .mobile-header {
      border-bottom: 1px solid rgba(var(--st-black-color-rgb), 0.1);
      -webkit-transition: all ease 0.35s;
      -moz-transition: all ease 0.35s;
      transition: all ease 0.35s;
   }

   .mobile-header.sticky:not(.sticky-hide) {
      position: sticky;
      top: 0;
      z-index: 999;
      background: var(--st-white-color);
      border-bottom: none;
      box-shadow: 0 2px 5px rgb(var(--st-black-color-rgb), 0.15);
      transform: none;
      visibility: visible;
   }

   .mobile-header.sticky.sticky-hide {
      visibility: hidden;
      transform: translateY(-100%);
   }

  .mobile-header > .container {
      padding-top: 15px;
      padding-bottom: 15px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }

   .mobile-header .site-branding {
      flex: 1;
   }

  .site-header.layout-one .main-navigation, 
  .site-header.layout-one .secondary-navigation {
     flex: initial;
  }

   .secondary-navigation {
      display: none;
   }

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

   .mobile-header .toggle-button.active {
      pointer-events: none;
   }

  .mobile-header .toggle-button .toggle-bar {
     background: var(--st-heading-color);
     width: 20px;
     height: 2px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
  }

  .mobile-header .toggle-button .toggle-bar:first-child {
     top: -12px;
  }

  .mobile-header .toggle-button .toggle-bar:last-child {
     bottom: -12px;
  }

  body::before {
     left: auto;
     right: 0;
  }

  body.mbl-showing-main-menu-modal::before {
     opacity: 1;
     visibility: visible;
     width: calc(100% - 375px);
     display: none;
  }

  .mobile-header .mbl-primary-menu-list {
     padding-top: 10px;
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     background: var(--st-white-color);
     width: 375px;
     box-shadow: 10px 0 20px rgba(var(--st-black-color-rgb), 0.15);
     display: none;
     /* overflow-x: hidden;
     overflow-y: auto; */
     z-index: 99;
     overflow: visible !important;
  }

  .mbl-showing-main-menu-modal .mobile-header .mbl-primary-menu-list {
     display: block;
  }

   .mobile-header .mbl-primary-menu-list::after {
      content: "";
      background: rgba(var(--st-black-color-rgb), 0.9);
      position: absolute;
      top: 0;
      left: 100%;
      height: 100%;
      right: 0;
      opacity: 0;
      visibility: hidden;
      --webkit-transition: all ease-in-out 0.35s;
      -moz-transition: all ease-in-out 0.35s;
      transition: all ease-in-out 0.35s;
   }

   .mobile-header .mbl-primary-menu-list.active::after {
      opacity: 1;
      visibility: visible;
      right: -99999px;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
   }

   .mobile-header .mbl-primary-menu-list .mobile-menu {
      width: 375px;
      padding-bottom: 20px;
      position: relative;
      z-index: 991;
      opacity: 0;
      height: calc(100% - 40px);
      --webkit-transition: all ease-in-out 0.35s;
      -moz-transition: all ease-in-out 0.35s;
      transition: all ease-in-out 0.35s;
   }

   .mobile-header .mbl-primary-menu-list.active .mobile-menu {
      opacity: 1;
      overflow: auto;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
   }

   .mobile-header .mbl-primary-menu-list ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   .mobile-header .mbl-primary-menu-list ul li {
      margin: 0;
      font-size: 1em;
      position: relative;
   }

   .mobile-header .mbl-primary-menu-list ul li > a {
      display: block;
      padding: 15px 20px;
      font-size: 0.8em;
      color: var(--st-body-color);
      text-decoration: none;
   }

   .mobile-header .mbl-primary-menu-list ul li.current-menu-item > a, 
   .mobile-header .mbl-primary-menu-list ul li.current-page-item > a, 
   .mobile-header .mbl-primary-menu-list ul li > a:hover {
      color: var(--st-black-color);
   }

  .mobile-header .mbl-primary-menu-list ul.menu {
     display: block;
     margin-top: 30px;
  }

  .mobile-header .close {
      position: absolute;
      top: 8px;
      right: 10px;
      width: 20px;
      height: 20px;
      padding: 0;
      min-height: auto;
      background: none;
      border: none;
      font-size: 0;
  }

  .mobile-header .header-cta .close {
     right: 0;
  }

  .mobile-header .mbl-primary-menu-list .close {
      position: relative;
      top: 0;
      left: 30px;
      right: auto;
      background: rgba(var(--st-black-color-rgb), 0.1);
      border-radius: 100%;
      width: 36px;
      height: 36px;
      opacity: 0;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
   }

   .mobile-header .mbl-primary-menu-list.active .close {
      opacity: 1;
   }

  .mobile-header .close::before, 
  .mobile-header .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);
  }

  .mobile-header .mbl-primary-menu-list .close::before, 
  .mobile-header .mbl-primary-menu-list .close::after {
     height: 1px;
  }

  .mobile-header .close::after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg);
  }

  .mobile-header ul.menu li {
     display: block;
  }

  .mobile-header ul.menu li a {
      padding: 12px 33px;
      width: 100%;
      font-size: 25px;
      line-height: 1.3;
      font-family: var(--st-secondary-font);
      font-weight: 700;
      color: var(--st-black-color);
  }

  .mobile-header ul.menu li.menu-item-has-children > a {
     padding-right: 60px;
  }

  .mobile-header ul.menu li .submenu-toggle {
      position: absolute;
      top: 20px;
      right: 30px;
      min-height: auto;
      height: 20px;
      padding: 0;
      background: none;
      border: none;
      color: inherit;
      width: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -webkit-transition: all ease 0.35s;
      -moz-transition: all ease 0.35s;
      transition: all ease 0.35s;
      -webkit-transform: rotate(-90deg);
      -moz--transform: rotate(-90deg);
      transform: rotate(-90deg);
  }

  .mobile-header ul.menu li .submenu-toggle.active {
     -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
     transform: rotate(0);
  }

  .mobile-header ul.menu li .submenu-toggle svg {
      width: 1em;
      height: 1em;
   }

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

  .mobile-header .header-btn {
      margin: 20px 0;
      padding: 0 33px;
   }

   .mobile-header .header-btn .btn {
      min-height: 45px;
      background: var(--st-black-color);
      border-color: var(--st-black-color);
      color: var(--st-white-color);
   }

   .mobile-header .header-btn .btn:hover {
      background: transparent;
      color: var(--st-black-color);
   }

   .mobile-header .search-form {
      width: calc(100% - 64px);
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      margin: 20px auto 0;
      border-bottom: 2px solid var(--st-heading-color);
   }
   
   .mobile-header .search-form label {
      flex: 1;
      padding-left: 15px;
   }
   
   .mobile-header .search-form .search-field {
      min-height: auto;
      height: 45px;
      background: none;
      border: none;
      padding: 0;
      font-size: 0.8em;
      font-weight: 400;
   }
   
   .mobile-header .search-form .search-submit {
      flex: inherit;
      background-color: transparent;
      background-image: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 16.5L11.5 11.5M13.1667 7.33333C13.1667 8.09938 13.0158 8.85792 12.7226 9.56565C12.4295 10.2734 11.9998 10.9164 11.4581 11.4581C10.9164 11.9998 10.2734 12.4295 9.56565 12.7226C8.85792 13.0158 8.09938 13.1667 7.33333 13.1667C6.56729 13.1667 5.80875 13.0158 5.10101 12.7226C4.39328 12.4295 3.75022 11.9998 3.20854 11.4581C2.66687 10.9164 2.23719 10.2734 1.94404 9.56565C1.65088 8.85792 1.5 8.09938 1.5 7.33333C1.5 5.78624 2.11458 4.30251 3.20854 3.20854C4.30251 2.11458 5.78624 1.5 7.33333 1.5C8.88043 1.5 10.3642 2.11458 11.4581 3.20854C12.5521 4.30251 13.1667 5.78624 13.1667 7.33333Z" stroke="black" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
      background-repeat: no-repeat;
      background-size: 16px;
      background-position: center;
      border: none;
      padding: 0;
      min-height: auto;
      height: 45px;
      color: var(--st-black-color);
      width: 20px;
      font-size: 0;
      opacity: 0.3;
   }
   
   .mobile-header .search-form .search-submit:hover {
     opacity: 1;
   }

   .mobile-header .header-social {
      width: auto;
      height: auto;
      line-height: normal;
      margin: 0;
      padding: 0 33px;
      text-align: inherit;
   }

   .mobile-header .header-social ul.social-list {
      padding: 15px 0;
      margin: 0;
      width: 100%;
      border-top: 1px solid rgba(var(--st-black-color-rgb), 0.1);
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      font-size: 0.8em;
      color: var(--st-heading-color);
      text-align: initial;
   }

   .mobile-header .header-social ul li > a {
      margin: 10px 10px 0 0;
      padding: 0 10px 0 0;
      color: var(--st-heading-color);
   }

   .mobile-header ul.social-list li a .st-icon {
      width: auto;
      height: 16px;
   }

   .mobile-header .header-woo-user, 
   .mobile-header .header-woo-cart {
      width: auto;
      height: auto;
      line-height: normal;
      margin: 0;
      padding: 0 33px;
      text-align: inherit;
   }

   .mobile-header .header-woo-user a, 
   .mobile-header .header-woo-cart a {
      padding: 15px 0;
      margin: 0;
      width: 100%;
      min-height: auto;
      height: auto;
      border-top: 1px solid rgba(var(--st-black-color-rgb), 0.1);
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      font-size: 0.8em;
      color: var(--st-heading-color);
      text-align: initial;
   }

   .mobile-header .header-woo-user a::before, 
   .mobile-header .header-woo-cart a::before {
      content: attr(title);
      flex: 1;
   }

   .mobile-header .header-woo-user svg, 
   .mobile-header .header-woo-cart svg {
      width: 20px;
      height: 23px;
   }

   .mobile-header .header-woo-user svg path, 
   .mobile-header .header-woo-cart svg path {
      stroke: var(--st-body-color);
      stroke-width: 1.5;
   }

   .mobile-header .header-woo-user a:hover svg path, 
   .mobile-header .header-woo-cart a:hover svg path {
      stroke: var(--st-black-color);
   }

   .mobile-header .header-woo-cart .cart-count {
      color: rgba(var(--st-black-color-rgb), 0.8);
      font-size: 1em;
      font-weight: 500;
   }

   .mobile-header .header-woo-cart .woo-cart:hover .cart-count {
      color: var(--st-black-color);
   }

  /*=============================
  SITE BANNER
  =============================*/
  .banner-item .item-content {
     padding-top: 80px;
     padding-bottom: 40px;
  }

  /* .wp-custom-header {
      padding-top: 80%;
   } */

   /*===================================
   STATIC BANNER LAYOUT ONE
   ===================================*/
   .banner-static .item-content .item-title {
       font-size: 2em;
   }

   /*===================================
   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%;
   }

   /*===================================
   BANNER SLIDER LAYOUT TWO
   ===================================*/
   .banner-slider.layout-two {
       margin-top: 80px;
   }

   .banner-slider.layout-two .banner-item.swiper-slide-prev {
       padding-top: 60px;
   }

   .banner-slider.layout-two .banner-item.swiper-slide-next {
       padding-top: 60px;
   }

   .banner-slider.layout-two .banner-item.swiper-slide-prev .slider-img-holder {
       -webkit-transform: translateX(60px) scale(0.8);
       -moz-transform: translateX(60px) scale(0.8);
       transform: translateX(60px) scale(0.8);
   }

   .banner-slider.layout-two .banner-item.swiper-slide-next .slider-img-holder {
       -webkit-transform: translateX(-60px) scale(0.8);
       -moz-transform: translateX(-60px) scale(0.8);
       transform: translateX(-60px) scale(0.8);
   }

   .banner-slider.layout-two .banner-item.swiper-slide-prev .item-content, 
   .banner-slider.layout-two .banner-item.swiper-slide-next .item-content {
       -webkit-transform: translateY(60px);
       -moz-transform: translateY(60px);
       transform: translateY(60px);
   }

   .banner-slider.layout-two .banner-item .item-title {
       font-size: 1.7em;
   }

   .banner-slider.layout-two .swiper-arrow {
       width: 40px;
       height: 40px;
   }

   /*===================================
   BANNER SLIDER LAYOUT THREE
   ===================================*/
   .banner-slider.layout-three .swiper-arrow {
       width: 45px;
       height: 45px;
       left: 3%;
   }

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

   /*===================================
   BANNER SLIDER LAYOUT FOUR
   ===================================*/
   .banner-slider.layout-four {
       padding-left: 5%;
       padding-right: 5%;
   }

   .banner-slider.layout-four .banner-item .item-title {
       font-size: 2em;
   }
   
   .banner-slider.layout-four .swiper-arrow {
       width: 45px;
       height: 45px;
       left: 2%;
   }

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

   /*===================================
   BANNER SLIDER LAYOUT SIX
   ===================================*/
   .banner-slider.layout-six .item-content {
       width: calc(100% - 132px);
   }

   .banner-slider.layout-six .item-content::before {
       bottom: calc(100% - 1px);
   }

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

   .banner-slider.layout-six .swiper-arrow {
       left: 6%;
   }

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

   /*======================================
   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%;
   }

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

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

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

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

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

  .post-list-style1 .site-main article {
     margin-bottom: 80px;
  }

  .post-list-style1 .site-main article:first-child, 
  .post-list-style1 .site-main article:nth-child(3n+4) {
     grid-column-start: 2;
  }

  .post-list-style1 .site-main article:nth-child(3n+2) {
     grid-column-end: 8;
  }

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

  .post-list-style1 .site-main article:nth-child(3n+3) {
     grid-column-start: 2;
     margin-top: 0;
  }

  .post-list-style1 .site-main article:nth-child(3n+3) .entry-header {
     padding-left: 80px;
  }

  .post-list-style1 .site-main article:nth-child(3n+3) .entry-title {
     font-size: 1.75em;
  }

  .post-list-style1 .pagination .nav-links {
     grid-column-start: 2;
     grid-column-end: 12;
  }

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

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

   .post-list-style2 .widget-area {
      margin-top: 0;
   }
   
   .post-list-style2 .content-area nav {
      margin-bottom: 80px;
   }
   
   .post-list-style2 .site-main article {
       width: 50%;
       margin-bottom: 80px;
   }

   .post-list-style2 .site-main article .entry-header::before {
       bottom: calc(100% - 1px);
   }

   /*===================================
   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;
   }

   /*===================================
   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;
   }

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

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

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

   .post-list-style6 .site-main {
       margin-left: -20px;
       margin-right: -20px;
   }

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

   .post-list-style6 .site-main article:nth-child(3n+3), 
   .post-list-style6 .site-main article:nth-child(3n+4), 
   .post-list-style6 .site-main article:nth-child(3n+5), 
   .post-list-style6 .site-main article:nth-child(5n+5), 
   .post-list-style6 .site-main article:nth-child(4n+2), 
   .post-list-style6 .site-main article:nth-child(3n+7) {
       width: 50%;
   }

  /*=================================
  SITE FOOTER
  ==================================*/
  .footer-grid.column-three .footer-col, 
  .footer-grid.column-four .footer-col {
     width: 50%;
  }

   /*===================================
   READ NEXT BLOCK
   ===================================*/
   .single-post .site-main article .floating-metas.read-next-block {
       width: 130px;
   }

   .fullwidth-centered .site-main article .floating-metas ~ .entry-footer, 
   .full-width .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-left: 150px;
   }

   /*======================================
   SINGLE POST LAYOUT TWO
   ======================================*/
   .single-layout2 .site-content > .entry-header .container {
       padding: 60px 40px;
   }

   .single-layout2 .site-content > .entry-header .container .entry-title {
       font-size: 1.7em;
   }
}

@media screen and (max-width: 767px) {
  .container {
     max-width: 420px;
  }

  .page-header .page-title {
     font-size: 1.7em;
  }

   .gallery {
       margin: -5px;
   }

   .gallery-item {
       padding: 5px;
   }

   hr {
       margin-top: 1.7em;
       margin-bottom: 1.7em;
   }

   h1 {
       font-size: 2em;
   }

   h2 {
       font-size: 1.8em;
   }

   h3 {
       font-size: 1.5em;
   }
   
   h4 {
       font-size: 1.3em;
   }
   
   h5 {
       font-size: 1em;
       line-height: 1.48;
   }

   blockquote {
       margin-top: 1.5em;
       margin-bottom: 1.5em;
       font-size: 1.5em;
       padding-top: 1em;
       padding-bottom: 1em;
   }

   /*============================
   CUSTOM BACKGROUND
   ============================*/
   .custom-background .site, 
   body.custom-background.slider-layout-three .site-header.layout-two, 
   body.custom-background.hs-static-banner .site-header.layout-two, 
   body.custom-background:not(.presto-sticky-header) .header-cta, 
   .custom-background.presto-sticky-header .site-header.cloned {
      max-width: 95%;
   }

   /*======================= 
   COMMENTS AREA 
   =======================*/
   .comments-area {
       margin-top: 40px;
       margin-bottom: 40px;
   }

   .comments-area .container {
       max-width: 420px;
   }

   .comments-area .comment-reply-title, 
   .comments-area .comments-title {
       font-size: 1.3em;
   }

   .comments-area .comment-list {
      margin-bottom: 40px;
   }

   .comments-area ol li .comment-meta {
       padding-left: 0;
   }

   .comments-area ol li .comment-author img {
       position: static;
       margin-bottom: 10px;
   }

   .comments-area ol li article .comment-content {
       padding-left: 0;
   }

   .comments-area .comment-reply-title small {
       display: block;
       padding-left: 0;
       margin-top: 10px;
   }

   .comments-area form p.comment-form-author, 
   .comments-area form p.comment-form-email, 
   .comments-area form p.comment-form-url {
       float: none;
       width: 100%;
       margin-right: 0;
   }

  /*================================
  PAGINATION
  ================================*/
   .posts-navigation {
      margin-bottom: 80px;
   }

   .comment-navigation .nav-previous, 
   .posts-navigation .nav-previous, 
   .post-navigation .nav-previous, 
   .comment-navigation .nav-next, 
   .posts-navigation .nav-next, 
   .post-navigation .nav-next {
      float: none;
      width: 100%;
      padding-right: 0;
      padding-left: 0;
   }

   .comment-navigation .nav-next, 
   .posts-navigation .nav-next, 
   .post-navigation .nav-next {
      margin-top: 15px;
   }

  .pagination .page-numbers.prev, 
  .pagination .page-numbers.next {
     float: none;
  }

  .pagination .page-numbers {
     width: 2.143em;
     height: 2.143em;
     line-height: 2em;
     margin: 2px;
     font-size: 0.7em;
  }

  #load-posts {
     margin-bottom: 80px;
  }

   /*========================
   GO TO TOP
   ========================*/
   .goto-top {
      width: 40px;
      height: 40px;
      line-height: 40px;
   }

   .goto-top svg {
      width: 20px;
      height: 20px;
   }

   /*========================
   RELATED POST
   ========================*/
   .related-posts {
       padding-top: 40px;
       padding-bottom: 40px;
   }

   .related-posts .related-title {
       font-size: 1.5em;
       margin-bottom: 0;
   }

   .related-posts .related-post-wrap {
       display: block;
       margin: 0;
   }

   .related-posts article {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
   }

   .related-posts.two-col .related-post-wrap {
       margin-left: 0;
       margin-right: 0;
   }
   
   .related-posts.two-col article {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
   }
   
   .related-posts.two-col article:nth-child(2n) {
       margin-top: 30px;
   }

   /*================================
   HEADER CTA
   ================================*/
   .header-cta .container {
      flex-direction: column;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px;
   }

   .header-cta .header-cta-desc {
      padding-right: 0;
   }

   .header-cta .header-cta-btn {
      margin-top: 10px;
   }

  /*=================================
  TOP HEADER
  =================================*/
  .top-header .container {
     flex-direction: column;
  }

  .header-btn .btn {
     min-height: 30px;
     min-width: 60px;
     padding-left: 12px;
     padding-right: 12px;
  }

  .header-search-wrap .search-form {
     padding-left: 15px;
     padding-right: 15px;
     flex-direction: column;
  }

  .header-search-wrap .search-form label {
     padding-right: 0;
     margin-bottom: 15px;
  }

  .header-search-wrap .search-form .search-field {
     font-size: 0.8em;
     height: 45px;
  }

  .header-search-wrap .search-form .search-submit {
     height: 45px;
  }

  .header-search-wrap .popular-search-cat {
     margin-top: 30px;
     padding-left: 15px;
     padding-right: 15px;
  }

  .popular-search-cat ul li {
     font-size: 0.8em;
     padding-left: 10px;
     padding-right: 10px;
  }

  .popular-search-cat ul li a {
     padding-bottom: 5px;
  }

  .popular-search-cat ul li:not(:last-child)::after {
     top: 8px;
     width: 5px;
     height: 5px;
  }

  /*==================================
  SITE BANNER
  ==================================*/
  .banner-item img {
     height: 350px;
     object-fit: cover;
  }

  .banner-item .item-content {
     padding-top: 40px;
     padding-bottom: 40px;
  }

  .banner-item .item-content .item-title {
     font-size: 1.5em;
  }

   /* .wp-custom-header img {
      height: 100%;
   } */

   .wp-custom-header {
      height: auto;
      padding-top: 0;
   }

   .header-layout-six.static-banner-layout-one .site-banner:not(.hs-video) .wp-custom-header::before {
      background: rgba(var(--st-black-color-rgb), 0.01);
   }

   .wp-custom-header img {
      height: 400px;
      position: relative;
   }

   .hs-static-banner.static-banner-layout-one:not(.header-layout-two):not(.header-layout-six) .site-banner .wp-custom-header, 
   .hs-static-newsletter-banner:not(.header-layout-two):not(.header-layout-six) .site-banner .wp-custom-header, 
   .slider-layout-three:not(.header-layout-two):not(.header-layout-six) .banner-slider.layout-three .slider-img-holder {
      padding-top: 0 !important;
   }

   /*====================================
   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;
   }

   /*===================================
   STATIC BANNER LAYOUT ONE
   ===================================*/
   .banner-static .banner-item img {
       height: auto;
   }

   .banner-static .banner-item .item-content {
       position: relative;
       background: rgba(var(--st-black-color-rgb), 0.05);
   }

   .banner-static .item-content .item-content-inner .sub-title {
       color: var(--st-body-color);
   }

   .banner-static .item-content .item-title {
       color: var(--st-heading-color);
   }

   .banner-static .item-content .banner-desc {
       line-height: 1.5;
       color: var(--st-body-color);
   }

   .banner-static .item-content .btn-wrap .btn {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      background: var(--st-heading-color);
      border-color: var(--st-heading-color);
      color: var(--st-white-color);
   }

   .banner-static .item-content .btn-wrap .btn:hover, 
   .banner-static .item-content .btn-wrap .btn.btn-outlined {
      color: var(--st-heading-color);
   }

   .banner-static .item-content .btn-wrap .btn.btn-outlined:hover {
      background: var(--st-heading-color);
      color: var(--st-white-color);
   }

   /*===================================
   STATIC BANNER LAYOUT TWO
   ===================================*/
   .banner-static.layout-two .banner-item .item-content {
       padding: 40px 15px;
       background: rgba(var(--st-black-color-rgb), 0.05);
   }

   /*===================================
   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;
   }

   /*===================================
   BANNER SLIDER LAYOUT TWO
   ===================================*/
   .banner-slider.layout-two {
       margin-top: 40px;
   }

   .banner-slider.layout-two .slider-img-holder {
       max-width: 90%;
   }

   .banner-slider.layout-two .banner-item.swiper-slide-prev .slider-img-holder {
       -webkit-transform: translateX(0) scale(1);
       -moz-transform: translateX(0) scale(1);
       transform: translateX(0) scale(1);
   }

   .banner-slider.layout-two .banner-item.swiper-slide-next .slider-img-holder {
       -webkit-transform: translateX(0) scale(1);
       -moz-transform: translateX(0) scale(1);
       transform: translateX(0) scale(1);
   }

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

   .banner-slider.layout-two .swiper-arrow {
       left: 7%;
       box-shadow: 0 0 15px rgba(var(--st-white-color-rgb), 0.5);
       -webkit-backdrop-filter: saturate(180%) blur(10px);
       backdrop-filter: saturate(180%) blur(10px);
   }

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

   /*===================================
   BANNER SLIDER LAYOUT THREE
   ===================================*/
   .banner-slider.layout-three .slider-img-holder {
      padding-top: 0;
      height: 350px;
   }

   /* .header-layout-two .banner-slider.layout-three .slider-img-holder {
      padding-top: 0;
      height: 550px;
   } */

   /* .header-layout-six .banner-slider.layout-three .slider-img-holder {
      padding-top: 0;
      height: 600px;
   } */

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

   .banner-slider.layout-three .swiper-pagination {
       display: block;
   }

   /*===================================
   BANNER SLIDER LAYOUT FOUR
   ===================================*/
   .banner-slider.layout-four {
       margin-top: 20px;
       padding-left: 4%;
       padding-right: 4%;
   }

   .banner-slider.layout-four .banner-item .slider-img-holder {
      padding-top: 0;
      height: 350px;
   }

   .banner-slider.layout-four .banner-item .item-content {
       padding-left: 0;
       padding-right: 0;
   }

   .banner-slider.layout-four .banner-item .item-title {
       font-size: 1.5em;
       line-height: 1.3;
   }

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

   .banner-slider.layout-four .swiper-pagination {
       display: block;
   }

   /*===================================
   BANNER SLIDER LAYOUT FIVE
   ===================================*/
   .banner-slider.layout-five .item-title {
       font-size: 1.2em;
   }

   /*===================================
   BANNER SLIDER LAYOUT SIX
   ===================================*/
   .banner-slider.layout-six .item-content {
       padding-left: 15px;
       padding-right: 15px;
       width: calc(100% - 60px);
   }

   .banner-slider.layout-six .item-content::before {
       height: 20px;
   }

   .banner-slider.layout-six .item-title {
       font-size: 1.2em;
   }

   .banner-slider.layout-six .swiper-arrow {
       width: 40px;
       height: 40px;
       bottom: auto;
       top: 0;
       left: 2%;
   }

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

  /*=====================================
  FEATURED SECTION
  =====================================*/
  .featured-section .section-col .section-col-content {
     bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
  }

  .featured-section .section-col .section-col-content .section-title {
     padding-top: 15px;
     padding-bottom: 15px;
  }

  .featured-section .section-col .section-col-content .section-title::before {
     margin-bottom: 10px;
  }

  /*====================================
  ABOUT SECTION
  =====================================*/
  .about-section {
     padding: 40px 20px;
  }

  .about-section .section-grid {
     flex-direction: column-reverse;
  }

  .about-section .about-content {
     width: 100%;
     padding-right: 0;
  }

  .about-section .about-content .section-title {
     font-size: 1.5em;
     margin-bottom: 15px;
  }

  .about-section .section-img {
     width: 100%;
     padding-top: 0;
     height: 500px;
     margin-bottom: 40px;
  }

  /*==================================
  POST LIST STYLE ONE
  ==================================*/
  .post-list-style1.full-width .site-content > .container {
     padding-left: 15px;
     padding-right: 15px;
     max-width: 420px;
  }

  .post-list-style1 .content-area, 
  .post-list-style1 .widget-area {
     margin-top: 80px;
     margin-bottom: 80px;
  }

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

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

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

  .post-list-style1 .site-main {
     display: block;
  }

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

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

  .post-list-style1 .site-main article:nth-child(3n+3) .entry-header {
     margin-top: 27px;
     padding-left: 0;
     text-align: center;
  }

  .post-list-style1.leftsidebar .site-main article:nth-child(3n+3) .entry-header, 
  .post-list-style1.rightsidebar .site-main article:nth-child(3n+3) .entry-header {
     padding-left: 0;
  }

  .post-list-style1 .site-main article:nth-child(3n+3) .entry-title {
     font-size: 1.25em;
  }

  .post-list-style1 .site-main article:nth-child(3n+3) span.category {
     justify-content: center;
  }

  .post-list-style1 .pagination {
     display: block;
  }

   /*===================================
   POST LIST STYLE TWO
   ===================================*/
   .post-list-style2 .content-area, 
   .post-list-style2 .widget-area {
       margin-top: 60px;
       margin-bottom: 60px;
   }

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

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

   .post-list-style2 .site-main {
      display: block;
      margin-left: 0;
      margin-right: 0;
   }

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

   .post-list-style2 .site-main article {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 40px;
   }

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

   /*===================================
   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;
   }

   /*===================================
   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;
   }

   /*===================================
   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;
   }

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

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

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

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

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

   .post-list-style6 .site-main article:nth-child(3n+3), 
   .post-list-style6 .site-main article:nth-child(3n+4), 
   .post-list-style6 .site-main article:nth-child(3n+5), 
   .post-list-style6 .site-main article:nth-child(5n+5), 
   .post-list-style6 .site-main article:nth-child(4n+2), 
   .post-list-style6 .site-main article:nth-child(3n+7) {
       width: 100%;
   }

  /*===============================
  NEWSLETTER SECTION
  =================================*/
   .newsletter-section .blossomthemes-email-newsletter-wrapper {
     padding-top: 40px;
     padding-bottom: 40px;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper > div, 
   .newsletter-section .blossomthemes-email-newsletter-wrapper > form {
      max-width: 420px;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder {
      margin-bottom: 40px;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper form {
      flex-direction: column;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder h3 {
      font-size: 1.5em;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper .text-holder span {
      font-size: 1em;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper form > input:not([type="submit"]) {
      flex: initial;
      margin-right: 0;
      text-align: center;
   }

   .newsletter-section .blossomthemes-email-newsletter-wrapper form > input[type="submit"] {
      flex: initial;
   }

  /*====================================
  INSTAGRAM SECTION
  ====================================*/
   .instagram-section {
     padding: 40px 0;
   }

   .instagram-section .section-title {
      font-size: 1.5em;
   }

   /*======================================
   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;
   }

   /*======================================
   INSTAGRAM LAYOUT TWO
   ======================================*/
   .instagram-section.insta-layout-2 #sb_instagram #sbi_images {
      padding-left: 10px;
      padding-right: 10px;
      grid-gap: 0 15px;
   }

   .instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item {
      padding: 5% !important;
   }

   .instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:nth-child(2), 
   .instagram-section.insta-layout-2 #sb_instagram #sbi_images .sbi_item:last-child {
      top: -30px;
   }

   /*======================================
   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;
   }

   /*======================================
   INSTAGRAM LAYOUT FOUR
   ======================================*/
   .instagram-section.insta-layout-4 {
      padding-left: 5%;
      padding-right: 5%;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images {
      margin-top: 40px;
   }

   .instagram-section.insta-layout-4 #sb_instagram #sbi_images .sbi_item {
      width: 25%;
   }

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

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

   /*======================================
   INSTAGRAM LAYOUT FIVE
   ======================================*/
   .instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item {
      padding-left: 5px !important;
      padding-right: 5px !important;
   }

   .instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:first-child, 
   .instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(2) {
      padding-right: 10px !important;
   }

   .instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(4), 
   .instagram-section.insta-layout-5 #sb_instagram #sbi_images .sbi_item:nth-child(5) {
      padding-left: 10px !important;
   }

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

  /*=================================
  SITE FOOTER
  ==================================*/
  .footer-grid:not(.column-1) {
     display: block;
     margin-left: 0;
     margin-right: 0;
  }

  .footer-grid:not(.column-1) .col {
     padding-left: 0;
     padding-right: 0;
  }

  .footer-grid.column-2 .col, 
  .footer-grid.column-3 .col, 
  .footer-grid.column-4 .col {
     width: 100%;
  }
  
  .bottom-footer .container {
     flex-direction: column;
  }

  .footer-social .social-list li a {
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 0.8em;
     border-width: 1px;
  }

   /*=====================================
   SINGLE POST
   =====================================*/
   .single-post .site-content > .entry-header > .container {
       max-width: 420px;
   }

   .single-post .site-content > .entry-header .entry-title {
       font-size: 1.7em;
   }

   .single-post .content-area {
       margin-top: 40px;
       margin-bottom: 40px;
   }

   .single-post.single-layout1 .entry-header .post-thumbnail {
      margin-top: 40px;
   }

   .single-post .site-main article .post-thumbnail {
       margin-bottom: 40px;
   }
   
   .single-post .site-main article .floating-metas {
       float: none;
       position: static;
       flex-direction: row;
       flex-wrap: wrap;
       width: auto;
       margin-bottom: 20px;
   }

   .single-post.leftsidebar .site-main article .floating-metas {
      float: none;
   }

   .post-like {
       display: flex;
       flex-direction: row-reverse;
       align-items: center;
       margin: 5px 5px 5px 0;
   }

   .post-like .post-like-count {
       margin-bottom: 0;
       margin-left: 5px;
   }

   .post-like a {
       width: 40px;
       height: 40px;
       line-height: 40px;
   }

   .post-like a img {
       width: 21px;
   }

   .floating-metas .social-list {
       display: flex;
   }

   .floating-metas .social-list li {
       margin: 5px;
   }

   .floating-metas .social-list li a {
      width: 40px;
      height: 40px;
   }

   .single-post .site-main article .floating-metas + .entry-content {
      width: 100%;
      margin-right: auto;
      padding-left: 0;
   }

   .full-width .site-main article .floating-metas ~ .entry-footer, 
   .fullwidth-centered .site-main article .floating-metas ~ .entry-footer, 
   .rightsidebar .site-main article .floating-metas ~ .entry-footer {
      padding-left: 0;
   }

   .single-post.leftsidebar .site-main article .floating-metas + .entry-content, 
   .leftsidebar .site-main article .floating-metas ~ .entry-footer {
      padding-right: 0;
   }

   .single-post .site-main article .entry-content > p, 
   .single-post .site-main article .entry-content > figure, 
   .single-post .site-main article .entry-content > table, 
   .single-post .site-main article .entry-content > ul, 
   .single-post .site-main article .entry-content > ol {
       margin-bottom: 2em;
   }

   .entry-footer .social-share {
      display: block;
   }

   .entry-footer .social-share h3 {
      padding-right: 0;
      margin-bottom: 10px;
   }

   /*=====================================
   SINGLE POST PAGINATION
   =====================================*/
   .single .site-content {
       padding-left: 20px;
       padding-right: 20px;
   }

   .single:not(.single-layout2) .site-content .breadcrumb-wrapper {
      margin-left: -20px;
      margin-right: -20px;
   }

   .single .site-main .nav-links > div {
       width: 20px;
       left: 10px;
   }

   .single .site-main .nav-links > div.nav-next {
      left: auto;
      right: 10px;
   }

   .single .site-main .nav-links > div a {
      width: auto;
   }

   .single .site-main .nav-links > div.nav-next a {
       margin-left: 0;
   }

   .single .site-main .nav-links > div span.nav-text {
       height: 20px;
       left: 10px;
   }

   .single .site-main .nav-links > div.nav-next span.nav-text {
      left: auto;
      -webkit-transform-origin: -3px 23px;
      -moz-transform-origin: -3px 23px;
      transform-origin: -3px 23px;
   }

   .single .site-main .nav-links > div .nav-title-wrap {
       display: none;
   }

   /*======================================
   AUTHOR BLOCK
   ======================================*/
   .author-block {
       margin-top: 40px;
   }

   .author-block .author-header .author-img + .title-wrap {
       padding-left: 15px;
   }

   /*===================================
   READ NEXT BLOCK
   ===================================*/
   .single-post .site-main .read-next-active .content-wrap {
       display: flex;
       flex-direction: column-reverse;
       flex-wrap: wrap;
   }

   .single-post .site-main article .floating-metas.read-next-block {
       width: 100%;
       float: none;
       position: static;
       border-top: 1px solid rgba(var(--st-black-color-rgb), 0.1);
       margin-top: 40px;
       padding-top: 40px;
   }

   .single-post.rightsidebar .site-main article .floating-metas.read-next-block, 
   .single-post.leftsidebar .site-main article .floating-metas.read-next-block {
      width: 100%;
   }

   .single-post.leftsidebar .site-main article .floating-metas.read-next-block {
      float: none;
   }

   .single-post.leftsidebar .site-main article .floating-metas.read-next-block + .entry-content, 
   .single-post.leftsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer, 
   .single-post.leftsidebar .site-main article .floating-metas.read-next-block + .entry-content, 
   .single-post.leftsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-right: 0;
   }

   .read-next-block .read-next-title {
       width: 100%;
   }

   .site-main .read-next-block article {
      width: 100%;
   }

   .site-main .read-next-block article .post-thumbnail {
       margin-bottom: 8px;
   }

   .site-main .read-next-block article .post-thumbnail img, 
   .site-main .read-next-block article .post-thumbnail svg.fallback-svg {
       width: 100%;
   }

   .read-next-block .entry-title {
       font-size: 0.9em;
   }

   .single-post .site-main article .floating-metas.read-next-block + .entry-content, 
   .single-post.rightsidebar .site-main article .floating-metas.read-next-block + .entry-content, 
   .single-post.rightsidebar .site-main article .floating-metas.read-next-block ~ .entry-footer {
       padding-left: 0;
   }

   .single-post .site-main article .floating-metas.read-next-block ~ .entry-footer, 
   .full-width.single-post .site-main article .floating-metas.read-next-block ~ .entry-footer {
      padding-left: 0;
   }

   /*======================================
   SINGLE POST LAYOUT TWO
   ======================================*/
   .single-layout2 .site-content {
       padding-left: 0;
       padding-right: 0;
   }

   .single-layout2 .site-content > .entry-header {
      padding-top: 80%;
   }

   .single-layout2 .site-content > .entry-header .container {
       padding: 40px 20px;
       max-width: 100%;
   }

   .single-layout2 .site-content > .entry-header .container .category, 
   .single-layout2 .site-content > .entry-header .container .entry-title, 
   .single-layout2 .site-content > .entry-header .container .entry-meta {
       max-width: 400px;
   }

   .single-layout2 .site-content > .entry-header .container .entry-title {
       font-size: 1.25em;
   }

   /*====================================
   SINGLE PAGE
   ====================================*/
   .page .site-main .post-thumbnail {
       margin-bottom: 60px;
   }

   .page .site-main article .page-header .page-title {
       font-size: 1.5em;
   }

   /*====================================
   ERROR 404
   ====================================*/
   .error404 .error-404 .page-content p {
      font-size: 1em;
      margin-bottom: 40px;
   }

   .error404 .error-404 .error-num {
      font-size: 7em;
      margin-bottom: 40px;
   }

   .error404 .error-404 .search-form {
      margin-bottom: 40px;
   }

   .error404 .error-404 .search-form label {
      width: calc(100% - 100px);
   }

   .error404 .error-404 .search-form .search-field {
      height: 50px;
      font-size: 1em;
   }

   .error404 .error-404 .search-form .search-submit {
      min-width: 100px;
      height: 50px;
   }

   /*=====================================
   PAGE TEMPLATE ABOUT & CONTACT
   =====================================*/
   .page-template-about .site-main article .page-header, 
   .page-template-contact .site-main article .page-header {
       margin-bottom: 40px;
   }

   .page-template-about .site-main article .post-thumbnail, 
   .page-template-contact .site-main article .post-thumbnail {
       margin-bottom: 40px;
   }

   .author-social-block {
       padding-top: 40px;
       padding-bottom: 40px;
   }

   .author-social-block .container {
       max-width: 420px;
   }

   .author-social-block .block-title {
       font-size: 1.3em;
   }

   .page-template-contact .site-main article .page-header {
       margin-bottom: 0;
   }

   .page-template-contact .site-main article .entry-content {
       font-size: 1em;
   }

   .page-template-contact .content-wrap .wpcf7 {
       margin-top: 60px;
   }

   .page-template-contact .content-wrap .wpcf7 p:not(:last-child) {
       margin-bottom: 30px;
   }
}

@media screen and (max-width: 375px) {
   body.mbl-showing-main-menu-modal::before {
      width: calc(100% - 320px);
   }
 
   .mobile-header .mbl-primary-menu-list {
      width: 320px;
   }
 
   .mobile-header .mbl-primary-menu-list .mobile-menu {
      width: 320px;
      padding-bottom: 20px;
   }
}