/**
Theme Name: BlogVista
Theme URI: 
Author: Perfect Themes
Author URI: 
Description: BlogVista is a theme designed for blogs and content-focused websites. It provides a structured layout suitable for publishing articles across categories such as lifestyle, wellness, and travel. The theme includes a hero section with a title, description, and call-to-action buttons, allowing users to introduce their website and guide visitors. The homepage supports category-based sections for organizing content, making it easier to present different topics clearly. A grid-based blog section is included to display recent posts with featured images, titles, and excerpts. This helps improve content visibility and navigation. BlogVista is responsive and adapts to various screen sizes, including desktops, tablets, and mobile devices. It uses a clean layout with balanced spacing and typography to support readability. The theme is suitable for personal blogs, online magazines, and general content publishing websites.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogvista
Domain Path: /languages
Tags: blog, one-column, custom-background, custom-colors, full-width-template, translation-ready

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

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

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

body:not(.blogvista-block-builder) .site-main > header + .page-content:not(.entry-content),
body:not(.blogvista-block-builder) .site-main:not(:has(> article)) .page-content:not(.entry-content) {
    padding: 100px 0px;
}

body:not(.blogvista-block-builder) .site-main > header + .page-content:not(.entry-content),
body:not(.blogvista-block-builder) .site-main:not(:has(> article)) .page-content:not(.entry-content),
body .site-main.type-page {
    padding: 60px 0px;
}

body .site-main.type-page:has(.blogvista-starter-content) {
    padding: 0;
}

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  *,
  *::before,
  *::after {
    box-sizing: border-box; /* 3 */
  }
  
  /* Sections
   */
  body {
    margin: 0;
    font-family: var(--theme-font-family)!important;
    font-size: var(--theme-font-size);
    line-height: var(--theme-line-height);
    letter-spacing: var(--theme-letter-spacing);
    font-weight: var(--theme-font-weight);
    color: var(--theme-text-color);
    background-color: var(--theme-background-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1, h2, h3, h4, h5, h6{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
  }

    /* Apply customizer global color h1-h6 and p tag, when section BG color set in the block editor */
  :root h1.wp-block-heading { color: var(--heading1-text-color); }
  :root h2.wp-block-heading { color: var(--heading2-text-color); }
  :root h3.wp-block-heading { color: var(--heading3-text-color); }
  :root h4.wp-block-heading { color: var(--heading4-text-color); }
  :root h5.wp-block-heading { color: var(--heading5-text-color); }
  :root h6.wp-block-heading { color: var(--heading6-text-color); }
  :root :where(.wp-block-cover p:not(.has-text-color)) { color: var(--theme-text-color); }

  
  h1 {
    font-size: var(--heading1-font-size); /*2.5rem;*/
    font-family: var(--heading1-font-family);
    font-weight: var(--heading1-font-weight);
    color: var(--heading1-text-color);
    line-height: var(--heading1-line-height);
    text-transform: var(--heading1-text-transform); 
    letter-spacing: var(--heading1-letter-spacing);
  }
  
  h2 {
    font-size: var(--heading2-font-size);
    font-family: var(--heading2-font-family);
    font-weight: var(--heading2-font-weight);
    color: var(--heading2-text-color);
    line-height: var(--heading2-line-height);
    text-transform: var(--heading2-text-transform); 
    letter-spacing: var(--heading2-letter-spacing);
  }
  
  h3 {
    font-size: var(--heading3-font-size);
    font-family: var(--heading3-font-family);
    font-weight: var(--heading3-font-weight);
    color: var(--heading3-text-color);
    line-height: var(--heading3-line-height);
    text-transform: var(--heading3-text-transform); 
    letter-spacing: var(--heading3-letter-spacing);
  }
  
  h4 {
    font-size: var(--heading4-font-size);
    font-family: var(--heading4-font-family);
    font-weight: var(--heading4-font-weight);
    color: var(--heading4-text-color);
    line-height: var(--heading4-line-height);
    text-transform: var(--heading4-text-transform); 
    letter-spacing: var(--heading4-letter-spacing);
  }
  
  h5 {
    font-size: var(--heading5-font-size);
    font-family: var(--heading5-font-family);
    font-weight: var(--heading5-font-weight);
    color: var(--heading5-text-color);
    line-height: var(--heading5-line-height);
    text-transform: var(--heading5-text-transform); 
    letter-spacing: var(--heading5-letter-spacing);
  }
  
  h6 {
    font-size: var(--heading6-font-size); 
    font-family: var(--heading6-font-family);
    font-weight: var(--heading6-font-weight);
    color: var(--heading6-text-color);
    line-height: var(--heading6-line-height);
    text-transform: var(--heading6-text-transform); 
    letter-spacing: var(--heading6-letter-spacing);
  }
  
  body:not(:has(.site-main)) h1,h2,h3,h4,h5,h6 {
    margin: 0;
  }  
  .site-main p {
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
  
  /* 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 */
    white-space: pre-wrap;
  }
  
  /* Button Style */
  
  button {
    background-color:var(--theme-button-background);  
    border-color:var(--button-border-color);
    border-style:var(--button-border-type);
    border-top-width: var(--button-border-top);
    border-right-width:var(--button-border-right);
    border-bottom-width:var(--button-border-bottom);
    border-left-width:var(--button-border-left);
  
    font-family:var(--button-font-family); 
    font-weight:var(--button-font-weight); 
    text-align:var(--button-text-align); 
    text-transform:var(--button-text-transform); 
    font-size:var(--button-font-size); 
    line-height:var(--button-line-height); 
    letter-spacing:var(--button-letter-spacing); 
    color:var(--button-text-color); 
  }
    
  /* Text-level semantics
   */
  a {
    background-color: transparent;
    color: var(--theme-link-color);
  }
  a:hover, a:active {
    color: var(--theme-link-hover-color);
  }
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):focus {
    outline: 0;
  }
  .menu li a,
  .site-branding a {
      text-decoration: unset;
  }
  .site-branding a {
      width: fit-content;
  }
  .site-branding a h1 {
      margin: 0;
  }
  
  /**
   * 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 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;
    height: auto;
    max-width: 100%;
  }
  
  /* 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;
  }
  
  figcaption {
    font-size: 16px;
    color: var(--theme-text-color);
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
  }
  
  /* Misc
   */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  
  /* Print
   */
  @media print {
    *,
    *:before,
    *:after {
      background: transparent !important;
      color: var(--theme-text-color) !important; /* Black prints faster */
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important; 
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    pre {
      white-space: pre-wrap !important;
    }
    pre,
    blockquote {
      page-break-inside: avoid;
      border: 1px solid var(-theme-background-color);
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
  }
  /**
   * Form styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  }
  .page-banner label {
      vertical-align: unset;
  }
  
  /**
   * 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: 1rem; /* 1 */
    line-height: 1.5; /* 1 */
    margin: 0; /* 2 */
  }
  
  input[type=text],
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=url],
  select,
  textarea {
    width: 100%;
    border: 1px solid var(--theme-global-border-color);
    border-radius: 3px;
    padding: 0.5rem 1rem;
    transition: all 0.3s;
    outline: none;
  }
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  select,
  textarea {
    border-color: var(--theme-global-border-color);
  }
  input[type=text]:focus,
  input[type=date]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  select:focus,
  textarea:focus {
    border-color: var(--theme-text-color);
  }
  body .site-main form.wpcf7-form label {
      display: block;
      margin-bottom: 20px;
  }
  body .site-main form.wpcf7-form label .wpcf7-form-control-wrap {
      padding-top: 5px;
      display: block;
  }
  
  /**
   * 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] {
    width: auto;
    -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;
  }
  
  button,
  [type=submit],
  [type=button] {
    display: inline-block;
    font-weight: 400;
    color: var(--button-text-color);
    text-align: center;
    white-space: nowrap;
    user-select: none;
    background-color: var(--theme-button-background);
    border: 1px solid var(--button-border-color);
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 3px;
    transition: all 0.3s;
  }
  button:hover, button:focus,
  [type=submit]:hover,
  [type=submit]:focus,
  [type=button]:hover,
  [type=button]:focus {
    color: var(--button-text-hover-color);
    background-color: var(--theme-button-background-hover);
    text-decoration: none;
    outline: none;
  }
  button:focus,
  [type=submit]:focus,
  [type=button]:focus {
    outline: 5px auto -webkit-focus-ring-color;
  }
  button:not(:disabled),
  [type=submit]:not(:disabled),
  [type=button]:not(:disabled) {
    cursor: pointer;
  }
  
  /**
   * 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;
    resize: vertical;
  }
  
  /**
   * 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 */
  }
  
  select {
    display: block;
  }
  
  /**
   * Table styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  table {
    background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
    font-size: 0.9em;
    border-spacing: 0;
    border-collapse: collapse;
  }
  table th,
  table td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid var(--theme-global-border-color);
  }
  table th {
    font-weight: bold;
  }
  table thead th,
  table tfoot th {
    font-size: 1em;
  }
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-top: 1px solid var(--theme-global-border-color);
  }
  
  table tbody + tbody {
    border-top: 2px solid var(--theme-global-border-color);
  }
  @media (max-width: 767px) {
    table table {
      font-size: 0.8em;
    }
    table table th,
    table table td {
      padding: 7px;
      line-height: 1.3;
    }
    table table th {
      font-weight: 400;
    }
  }
  
  /**
   * List styling
   * DO NOT CHANGE THIS FILE!
   * To override any of the settings in this section, add your styling code in the custom directory.
   */
  dl,
  dt,
  dd,
  ol,
  ul,
  li {
    
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  
  #preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
    background: center no-repeat var(--theme-background-color);
  }
  
  .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: var(--theme-text-color);
    letter-spacing: 1px;
    overflow: hidden;
  }
  
  .preloader label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 50px;
    font-size: 16px;
    color: var(--theme-text-color);
    letter-spacing: 1px;
  }
  
  .d-none {display: none !important;}
  
  /*--------------------------------------------------------------
    == Breadcrumb
    --------------------------------------------------------------*/
  .woocommerce .woocommerce-breadcrumb a {
    background-color: transparent;
    text-decoration: none;
    color: var(--theme-button-background);
  }
  
  .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:active {
    color: var(--theme-text-color);
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):hover, .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
  }
  .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
    outline: 0;
  }
  
  .site-navigation ul {
      padding: 0;
      margin: 0;
  }
  .site-navigation > ul > li,.site-navigation .menu > ul > li {
      list-style: none;
      display: inline-block;
      margin: 0 15px;
  }
  .site-navigation ul li:first-child {
      margin-left: 0;
  }
  .site-navigation ul li:last-child {
      margin-right: 0;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li {
      display: inline-block;
      list-style: none;
      padding: 0 5px;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li:first-child {
    padding-left: 0;
  }
  .blog-part .blog-list-box .blog-list-content ul.blog-date li:last-child {
    padding-right: 0;
  }
  .blog-list-content ul{padding: 0;}
  .blog-detail-content ul li {
      display: inline-block;
      list-style: none;
      padding: 0px 10px;
  }
  .blog-detail-content ul li:first-child {
      padding-left: 0;
  }
  .blog-detail-content ul li:last-child {
      padding-right: 0;
  }
  
  .blog-list-content ul li:before {
      content: "";
      position: absolute;
      top: 40%;
      right: -3px;
      width: 2px;
      height: 60%;
      transform: translateY(-50%);
  }
  .blog-date {
      padding-top: 3px;
      padding-bottom: 5px;
      padding-left: 0;
  }
  
  .blog-date li {
      display: inline-block;
      padding: 0px 15px;
      position: relative;
  }
  
  .blog-date li:first-child {
      padding-left: 0;
  }
  
  .blog-date li:before {
      content: "";
      position: absolute;
      top: 8px;
      right: 0;
      width: 2px;
      height: 10px;
      background: var(--theme-text-color)
  }
  .blog-date li:last-child:before {
      width: 0!important;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
        background-color: var(--theme-accent-color);
  }
  
  /* ---------------------- Default WP Design Start ----------------------- */
  .site-main,
  body .site-footer:not(.dynamic-footer) {
      max-width: 100%;
  }
  .blogvista-site-header.page-header .entry-title, 
  .blogvista-site-header .site-footer .footer-inner, 
  .site-footer:not(.dynamic-footer) .footer-inner,
  .blogvista-site-header .site-header .header-inner, 
  .blogvista-site-header .site-header:not(.dynamic-header),
  .site-main .page-content, 
  body.post-type-archive .site-main,
  body.single-product .site-main,
  body.tax-product_cat .site-main {
      max-width: var(--blogvista-container-width);
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  
  body .site-main .page-content {
      margin: 0 auto;
  }
  
  /* ---------------------- Header Design Start ----------------------- */
  body .blogvista-site-header {
      border-bottom: 1px solid var(--theme-global-border-color);
      background: var(--theme-global-color-3);
  }
  body .blogvista-site-header .site-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 0;
  }
  body .blogvista-site-header .site-branding {
      width: 30%;
  }
  body .blogvista-site-header nav.site-navigation {
      width: 70%;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li {
      margin: 0px 16px;
      padding: 0;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li:first-child,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li:first-child {
      margin-left: 0;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li:last-child,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li:last-child {
      margin-right: 0;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li:after,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li:after {
      content: unset;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li > a, 
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li > a {
      color: var(--theme-text-color);
      padding: 25px 0px;
      display: flex;
      align-items: center;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu > li.menu-item-has-children > a span,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li.page_item_has_children > a span {
      padding-right: 5px;
  }
  body .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children > a:after,
  body .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children > a:after {
      content: "";
      transition: all 400ms ease;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: var(--theme-text-color) transparent transparent transparent;
      transform: rotate(0deg);
  }
  /*body .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children > a:before,
  body .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children > a:before {
      content: "";
      transition: all 400ms ease;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: var(--theme-global-color-3) transparent transparent transparent;
      position: absolute;
      right: 0;
      top: calc(50% - 1px);
      z-index: 1;
      transform: translateY(-50%);
  }*/
  body .blogvista-site-header nav.site-navigation > ul.menu > li:hover > a, 
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li:hover > a,
  body .blogvista-site-header nav.site-navigation > ul.menu > li.current_page_item a,
  body .blogvista-site-header nav.site-navigation > div.menu > ul > li.current_page_item a {
      color: var(--theme-primary-color);
  }
  /*body .blogvista-site-header nav.site-navigation ul.menu.menu > li.menu-item-has-children:hover > a:after,
  body .blogvista-site-header nav.site-navigation ul.menu.menu > li.menu-item-has-children.focus > a:after,
  body .blogvista-site-header nav.site-navigation div.menu.menu ul > li.page_item_has_children:hover > a:after,
  body .blogvista-site-header nav.site-navigation div.menu.menu ul > li.page_item_has_children.focus > a:after {
      transform: rotate(180deg);
  }*/
  .blogvista-site-header .primary-menu ul{
    background-color: var(--first-color);
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon:focus {
      outline: 2px solid #000;
      border-radius: 2px;
  }
  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
      text-decoration: unset;
      color: var(--theme-text-color);
  }
  .wp-block-navigation ul > li:hover > .wp-block-navigation-item__content.wp-block-navigation-item__content {
      color: var(--theme-primary-color);
  }
  nav.is-responsive.wp-block-navigation {
      margin-bottom: 0.9rem;
  }
  .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children:hover > ul.transition,
  .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children.focus > ul.transition,
  .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children:hover > ul.transition,
  .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children.focus > ul.transition {
  left: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s linear, transform 0.15s linear;
  }
  /*body .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children:hover > a:before,
  body .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children.focus > a:before,
  body .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children:hover > a:before,
  body .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children.focus > a:before {
      transform: translateY(-50%) rotate(180deg);
      top: calc(50% + 1px);
  }*/
  body .blogvista-site-header nav.site-navigation > ul.menu ul ul, body .blogvista-site-header nav.site-navigation > div.menu > ul ul ul {
    top: -2px;
  }
  body .blogvista-site-header nav.site-navigation ul.menu ul > li.menu-item-has-children > a:before, 
  body .blogvista-site-header nav.site-navigation div.menu ul ul > li.page_item_has_children > a:before {
    right: 7px;
    top: 17px !important;
    transform: rotate(-90deg) !important;
  }
  body .blogvista-site-header nav.site-navigation ul.menu ul > li.menu-item-has-children > a:after, 
  body .blogvista-site-header nav.site-navigation div.menu ul ul > li.page_item_has_children > a:after {
    transform: rotate(-90deg) !important;
    position: absolute;
    right: 6px;
    top: 17px;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu ul,
  body .blogvista-site-header nav.site-navigation > div.menu > ul ul {
      background: var(--theme-global-color-3);
      box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);
      min-width: 240px;
      border-top: 2px solid var(--theme-primary-color);
  }
  body .blogvista-site-header nav.site-navigation > ul.menu ul li,
  body .blogvista-site-header nav.site-navigation > div.menu > ul ul li {
      border: unset;
  }
  body .blogvista-site-header nav.site-navigation > ul.menu ul li a,
  body .blogvista-site-header nav.site-navigation > div.menu > ul ul li a {
      display: block;
      width: 100%;
      padding: 12px 15px;
      color: var(--theme-text-color);
      font-size: calc(var(--theme-font-size) - 2px);
  }
  body .blogvista-site-header nav.site-navigation > ul.menu ul li:hover > a,
  body .blogvista-site-header nav.site-navigation > div.menu > ul ul li:hover > a {
      color: var(--theme-primary-color);
  }
  .site-footer .site-navigation ul li {
      margin: 0;
      margin-left: 30px;
  }
  .site-footer .site-navigation ul li a {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  .site-footer .site-navigation ul {
      justify-content: flex-end;
  }
  
  body .site-main .page-header {
      background: var(--theme-global-color-2);
      padding: 60px 0px;
      text-align: center;
  }
  body .site-main .page-content .blogvista-blog-list .blog-list-img a {
      display: block;
      overflow: hidden;
  }
  body .site-main .page-content .blogvista-blog-list .blog-list-img img {
    display: block;
    transition: all 400ms ease;
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 16/9;
  }
  body .site-main .page-content .blogvista-blog-list .blog-list-img a:hover img {
      transform: scale(1.1);
  }
  body .site-main .page-content .blog-list-content .entry-title {
      padding-bottom: 5px;
      word-break: break-all;
  }
  body .site-main .page-content .blog-list-content .entry-title .blog-list-title {
      text-decoration: unset;
      color: var(--heading3-text-color);
  }
  body .site-main .page-content .blog-list-content .entry-title .blog-list-title:hover {
      color: var(--theme-primary-color);
  }
  body .site-main .page-content .blogvista-blog-list {
      padding-bottom: 50px;
  }
  body .site-main .page-content .blog-meta-options {
      padding-bottom: 15px;
      margin: 0;
  }
  body .site-main .page-content .blog-meta-options li:before {
      top: 50%;
      background: var(--theme-text-color);
      right: -2px;
      width: 1px;
  }
  body .site-main .wp-block-query ul li.wp-block-post {
      display: block;
      padding: 0;
      padding-bottom: 1.2rem;
  }
  body .site-main  .wp-block-query ul li.wp-block-post h1,
  body .site-main  .wp-block-query ul li.wp-block-post h2,
  body .site-main  .wp-block-query ul li.wp-block-post h3,
  body .site-main  .wp-block-query ul li.wp-block-post h4,
  body .site-main  .wp-block-query ul li.wp-block-post h5,
  body .site-main  .wp-block-query ul li.wp-block-post h6 {
      padding-bottom: 5px;
  }
  body .site-main .wp-block-query ul li.wp-block-post h1:last-child,
  body .site-main .wp-block-query ul li.wp-block-post h2:last-child,
  body .site-main .wp-block-query ul li.wp-block-post h3:last-child,
  body .site-main .wp-block-query ul li.wp-block-post h4:last-child,
  body .site-main .wp-block-query ul li.wp-block-post h5:last-child,
  body .site-main .wp-block-query ul li.wp-block-post h6:last-child {
      padding-bottom: 0px;
  }
  body .site-main .post-navigation-link-next,
  body .site-main .taxonomy-category, 
  body .site-main .wp-block-post-date,
  body .site-main .post-navigation-link-previous,
  body .site-main nav.wp-block-query-pagination,
  body .site-main .wp-block-read-more,
  body .site-main .logged-in.wp-block-loginout,
  body .site-main .blog-detail-description > .wp-block-heading,
  body .site-main .wp-block-search,
  body .site-main .blog-detail-description ul.wp-block-social-links,
  body .site-main .wp-block-buttons,
  body .site-main figure.wp-block-gallery,
  body .site-main .page-content h1,
  body .site-main .page-content h2,
  body .site-main .page-content h3,
  body .site-main .page-content h4,
  body .site-main .page-content h5,
  body .site-main .page-content h6 {
      padding-bottom: 1.2rem;
  }
  body .site-main .page-content .page-links {
      clear: both;
  }
  body .site-main .page-content ul {
      padding-left: 17px;
  }
  body .site-main .page-content h1 {
      margin: 0;
  }
  body .site-main figure.wp-block-gallery {
      width: 100%;
  }
  body .site-main .page-content .blog-list-box .blog-meta-options {
      padding-left: 0;
  }
  body .site-main .wp-block-columns.alignfull {
      width: calc(100vw - 10px);
  }
  body .site-main .page-content ol {
      padding-left: 15px;
  }
  body .site-main figure.wp-block-gallery ul {
      padding: 0;
  }
  body .site-main .blog-detail-description * {
      clear: both;
  }
  body .site-main .wp-block-columns .wp-block-column p:last-child {
      margin-bottom: 0;
  }
  body .site-main .wp-block-search label.wp-block-search__label {
      font-weight: 400;
  }
  body .site-main .blog-detail-description ul.wp-block-social-links {
      padding-left: 0;
  }
  body .site-main ol.has-avatars {
      padding-left: 0;
  }
  body:not(.blogvista-block-builder) .site-main .wp-block-group {
      margin-bottom: 1.2rem;
  }
  body .site-main .wp-block-group p:last-child {
      margin-bottom: 0;
  }
  body .site-main .wp-block-comment-content {
      padding-top: 15px;
  }
  body .site-main .wp-block-query ul li.wp-block-post .wp-block-post-date {
      padding-bottom: 5px;
  }
  body .site-main .wp-block-query ul li.wp-block-post .wp-block-post-date:last-child {
      padding-bottom: 0px;
  }
  body .site-main .wp-block-avatar {
      padding-bottom: 15px;
  }
  body .site-main .page-content .blog-des {
      padding-bottom: 0;
      margin-bottom: 15px;
  }
  body .site-main .page-content .blog-list-pagination .page-numbers {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-left: 0;
  }
  body .site-main .page-content .page-numbers li {
      list-style: none;
      padding: 0 4px;
  }
  body .site-main .page-content .page-numbers li:first-child {
    padding-left: 0;
  }
  body .site-main .page-content .page-numbers li:last-child {
    padding-right: 0;
  }
  body .site-main .page-content .page-numbers li > * {
      text-decoration: unset;
      display: flex;
      border: 1px solid var(--theme-global-border-color);
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      align-items: center;
      justify-content: center;
      color: var(--theme-text-color);
      transition: all 400ms ease;
      cursor: pointer;
  }
  body .site-main .page-content .page-numbers li > *:hover, 
  body .site-main .page-content .page-numbers li > *.current,
  body .site-main .page-content .page-numbers li > *.active {
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      border: 1px solid var(--theme-primary-color);
  }
  body .site-main .wp-post-tags .button {
      margin: 5px 5px;
      display: inline-block;
      background: transparent;
      color: var(--theme-primary-color);
      padding: 5px 10px;
    text-decoration: unset;
  }
  body .site-main .wp-post-tags .button:hover {
      background: var(--theme-primary-color);
      color: #fff;
  }
  body .site-main .page-numbers li > *.next:before {
      content: ">";
      font-size: calc(var(--theme-font-size) + 2px);
  }
  body .site-main .page-numbers li > *.prev:before {
      content: "<";
      font-size: calc(var(--theme-font-size) + 2px);
  }
  body .site-footer {
      background: var(--theme-global-color-3);
      border-top: 1px solid var(--theme-global-border-color);
      padding: 25px 0px;
  }
  body .site-footer .footer-inner {
      display: flex;
      flex-wrap: wrap;
      justify-self: center;
      align-items: center;
  }
   body .site-footer .footer-copyright-text {
      width: 100%;
      text-align: center;
  }
  body .site-footer .footer-copyright-text p {
      margin: 0;
  }
  body .site-footer nav.site-navigation {
      width: 50%;
  }
  body .site-footer .menu li a {
      padding: 0;
      color: var(--theme-text-color);
  }
  body .site-footer .menu li a:hover {
      color: var(--theme-primary-color);
  }
  body .site-main .page-content .blog-detail-img img {
      display: block;
  }
  body .site-main .page-content .blog-detail-img {
      padding-bottom: 20px;
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options li:before {
      height: 60%;
      transform: translateY(-50%);
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options li {
      padding: 0px 10px;
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options li:first-child {
      padding-left: 0;
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options li:last-child {
      padding-right: 0;
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options li:last-child:before {
      content: unset;
  } 
  body .site-main .page-content .blog-detail-content .e-con-inner {
      max-width: 100%;
  }
  body .site-main .page-content .blog-detail-content .blog-meta-options {
      padding: 0;
      padding-bottom: 10px;
      padding-top: 10px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products .wc-block-grid__product-link {
    display: block !important;
  }
  body .site-main .wc-block-checkout-empty .wp-block-button__link {
    background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .wc-block-checkout-empty .wp-block-button__link:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-image img {
    margin-bottom: 0;
  }
  body .site-main .page-content .blogvista-author-box {
      background: var(--theme-global-color-2);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 20px 20px;
  }
  body .site-main .page-content .blogvista-author-box .blogvista-author-box-image {
      width: 50px;
      height: 50px;
      border-radius: 100%;
      overflow: hidden;
  }
  body .site-main .page-content .blogvista-author-box .blogvista-author-box-image img {
      display: block;
  }
  body .site-main .page-content .blogvista-author-box .blogvista-author-box-text {
      width: calc(100% - 50px);
      padding-left: 15px;
  }

  body .site-main .page-content .blogvista-author-box .blogvista-author-box-text .blogvista-author-box-name {
    padding-bottom: 0;
  }
  body .site-main .page-content .comment-list .comment-metadata .edit-link {
      padding-left: 10px;
  }
  body .site-main .page-content .post-authr-box {
      padding-bottom: 50px;
      padding-top: 50px;
  }
  body .site-main .blog-detail-description ul {
      padding: 0;
      margin: 0;
      padding-left: 17px;
  }
  body .site-main .blog-detail-description ul li {
      list-style: disc;
      padding: 0;
      padding-bottom: 8px;
      display: list-item;
  }
  body .site-main .page-content .comment-respond .comment-reply-title {
      padding-bottom: 10px;
  }
  body .site-main .page-content .comment-respond form label {
      padding-bottom: 5px;
      display: inline-block;
  }
  body .site-main .page-content .comment-list {
      margin-bottom: 30px !important;
  }
  body .site-main .page-content .comment-respond form textarea, body .site-main .page-content .comment-respond form input {
      border-color: var(--theme-global-border-color);
  }
  body .site-main .page-content .comment-respond form textarea:focus, body .site-main .page-content .comment-respond form input:focus {
      border-color: var(--theme-primary-color);
  }
  body .site-main .page-content .comment-respond form .submit {
      background: var(--theme-button-background);
      font-size: var(--button-font-size);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      line-height: var(--button-line-height);
      letter-spacing: var(--button-letter-spacing);
      color: var(--button-text-color);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
  }
  body .site-main .page-content .comment-respond form .submit:hover,
  body .site-main .page-content .comment-respond form .submit:focus {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }

  /* Comment moderation & comments list css - end */

  body .site-main .page-content .comment-list .comment-meta {
    flex-wrap: wrap;
  }
  body .site-main .page-content .comment-list .comment-meta .comment-author {
    width: calc(100% - 200px);
  }
  body .site-main .page-content .comment-list .comment-meta .comment-metadata {
    width: 200px;
    text-align: right;
  }
  body .site-main .page-content .comment-list .comment-meta .comment-awaiting-moderation {
    width: 100%;
  }

  body .site-main .comment-body .reply .comment-reply-link {
      text-decoration: unset;
      border: 1px solid var(--button-border-color);
      border-radius: var(--button-border-radius);
      color: var(--button-text-color);
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      padding: 5px 15px;
      background: var(--theme-button-background);
  }

  body .site-main .comment-body .reply .comment-reply-link:hover {
    background: var(--theme-button-background-hover);
    color: var(--button-border-hover-color);
  }

  body .site-main .page-content #comments .comment-list .comment-author a {
    color: var(--theme-text-color);
    text-decoration: unset;
  }

  body .site-main .page-content .comment-metadata a {
    text-decoration: unset;
    color: var(--theme-text-color);
  }

  body .site-main .page-content .comment-metadata a:hover {
    text-decoration: underline;
    color: var(--theme-link-hover-color);
  }

  body .site-main .page-content .comment-metadata {
    font-size: calc(var(--theme-font-size) - 3px) !important;
  }

  /* Comment moderation & comments list css - end */

  body .site-main .blog-part .blog-list-pagination .page-numbers.dots {
      border: unset;
      background: unset;
      color: var(--theme-text-color);
  }
  body .site-main .blog-detail-description .wp-block-navigation ul li {
      list-style: none;
      padding-bottom: 0;
  }
  body .site-main .blog-detail-description .wp-block-navigation ul {
      padding-left: 0;
  }
  body .site-main .wp-block-navigation .wp-block-navigation-item__content {
      display: initial;
  }
  body .site-main .page-content .comment-respond form {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -15px;
      padding-bottom: 24px;
  }
  body .site-main .page-content .comment-respond form > * {
      width: 100%;
      padding: 0px 15px;
  }
  body .site-main .page-content .comment-respond form .comment-form-author,
  body .site-main .page-content .comment-respond form .comment-form-email,
  body .site-main .page-content .comment-respond form .comment-form-url {
      width: 33.33%;
  }
  body .site-main .page-content .comment-respond form .form-submit {
      margin-bottom: 0;
  }
  .content-area .site-main {
      padding-top: 50px;
      padding-bottom: 100px;
  }
  body .site-main nav.woocommerce-breadcrumb a, body .site-main nav.woocommerce-breadcrumb {
      color: var(--theme-text-color);
  }
  body .site-main nav.woocommerce-breadcrumb a:hover {
      color: var(--theme-link-hover-color);   
  }
  body .site-main .woocommerce-products-header {
      padding-bottom: 40px;
  }
  body .site-main .woocommerce-result-count {
      margin: 1em 0;
  }
  body .site-main ul.products {
      padding-bottom: 50px;
  }
  body .site-main ul.products {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -10px;
      padding-top: 20px;
      margin-bottom: -35px;
  }
  body .site-main ul.products li.product {
      margin: 0 !important;
      padding: 0px 10px;
      padding-bottom: 35px;
  }
  body .site-main ul.products li.product .product-detail-section .woocommerce-loop-product__title {
      padding-top: 0;
      line-height: 1.3;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-bottom: 5px;
  }
  body .site-main ul.products li.product .button {
      margin-top: 5px;
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main ul.products li.product .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main span.onsale {
      width: 50px;
      height: 50px;
      line-height: 45px;
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      font-size: calc(var(--theme-font-size) - 2px);
      font-weight: var(--theme-font-weight);
  }
  body .site-main .woocommerce-pagination .page-numbers {
      border: unset;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
  }
  body .site-main .woocommerce-pagination .page-numbers li {
      padding: 0 4px;
      border: unset;
  }
  body .site-main .woocommerce-pagination .page-numbers li:first-child {
      padding-left: 0;
  }
  body .site-main .woocommerce-pagination .page-numbers li:last-child {
      padding-right: 0;
  }
  body .site-main .woocommerce-pagination .page-numbers li > * {
      text-decoration: unset;
      display: flex;
      border: 1px solid var(--theme-global-border-color);
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      align-items: center;
      justify-content: center;
      color: var(--theme-text-color);
      transition: all 400ms ease;
      cursor: pointer;
  }
  body .site-main .woocommerce-pagination .page-numbers li > *.next,
  body .site-main .woocommerce-pagination .page-numbers li > *.prev {
      font-size: 0;
  }
  body .site-main .woocommerce-pagination .page-numbers li > *.current,
  body .site-main .woocommerce-pagination .page-numbers li > *:hover {
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      border: 1px solid var(--theme-global-color-3);
  }
  body .site-main.woocommerce ul.products li.product .price {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
  }
  body .site-main ul.products li.product .price ins {
      font-weight: var(--theme-font-weight);
      text-decoration: unset;
  }
  .content-area .site-main {
      padding-top: 30px;
  }
  body .site-main .woocommerce-breadcrumb {
      margin-bottom: 10px;
  }
  body .site-main div.product {
      display: flex;
      flex-wrap: wrap;
      margin: 0px -15px;
  }
  body .site-main div.product .woocommerce-product-gallery {
      width: 50%;
      padding: 0px 15px;
      margin-bottom: 0;
  }
  body .site-main div.product .summary.entry-summary {
      width: 50%;
      padding: 0px 15px;
      margin-bottom: 0;
  }
  .pswp {
      z-index: 999 !important;
  }
  .pswp .pswp__bg {
      opacity: 0.8 !important;
  }
  body .site-main div.product div.images .woocommerce-product-gallery__trigger {
      right: calc(15px + 0.5em);
  }
  body .site-main div.product .product_title {
      font-size: var(--heading2-font-size);
      line-height: var(--heading2-line-height);
      padding-bottom: 10px;
  }
  body .site-main div.product p.price, body .site-main div.product span.price {
      color: var(--theme-text-color);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
  }
  body .site-main div.product p.price ins {
      font-weight: var(--theme-font-weight);
      text-decoration: unset;
  }
  body .site-main div.product span.onsale {
      left: calc(15px + 15px);
      top: 15px;
  }
  body .site-main div.product div.images .flex-control-thumbs {
      margin: 0px -5px;
      padding-top: 10px;
  }
  body .site-main div.product div.images .flex-control-thumbs li {
      margin: 0px 5px;
  }
  body .site-main form table.variations tr {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-bottom: 10px;
  }
  body .site-main form table.variations th.label {
      display: block;
      text-align: left;
      padding: 0;
      width: 60px;
  }
  body .site-main form table.variations th.label label {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .site-main form table.variations td.value {
      display: flex;
      padding: 0;
      width: calc(100% - 60px);
      align-items: center;
  }
  body .site-main form table.variations td.value select, body .site-main form table.variations td.value input, body .site-main form table.variations td.valuetextarea {
      border-color: var(--theme-global-border-color);
      border-radius: var(--button-border-radius);
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .site-main select {
      appearance: none;
      background-image: url(../images/down-arrow.png);
      background-position: calc(100% - 10px);
      background-repeat: no-repeat;
      background-size: 10px;
  }
  body .site-main form .quantity input {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--theme-global-border-color);
  }
  body .site-main form button.single_add_to_cart_button.button {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--button-text-color);
      border-radius: var(--button-border-radius);
      background: var(--theme-button-background);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
  }
  body .site-main form button.single_add_to_cart_button.button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
      display: block;
  }
  body .site-main div.product .woocommerce-tabs {
      width: 100%;
      padding: 0px 15px;
  }
  body .site-main div.product .woocommerce-tabs .tabs {
      padding: 0px;
      margin: 0;
      margin-bottom: 0px;
      display: flex;
      flex-wrap: wrap;
  }
  body .site-main div.product .woocommerce-tabs .tabs li {
      margin: 0;
      padding: 0;
      border-right-width: 0;
      background: var(--theme-global-color-3);
      border-color: var(--theme-global-border-color);
      border-bottom-color: transparent;
      transition: all 400ms ease;
  }
  body .site-main div.product .woocommerce-tabs .tabs li:last-child {
      border-right-width: 1px;   
  }
  body .site-main div.product .woocommerce-tabs .tabs li:before,
  body .site-main div.product .woocommerce-tabs .tabs li:after {
      content: unset;
  }
  body .site-main div.product .woocommerce-tabs .tabs li a {
      padding: 10px 15px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: 600;
      color: var(--theme-text-color);
      transition: all 400ms ease;
  }
  body .site-main div.product .woocommerce-tabs .tabs li.active {
      background: var(--theme-button-background-hover);
      border-color: var(--button-border-hover-color);
      border-bottom-color: transparent;
      color: var(--button-text-hover-color);
  }
  body .site-main div.product .woocommerce-tabs .tabs li.active a {
      color: var(--button-text-hover-color);
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel {
      border: 1px solid var(--theme-global-border-color);
      border-top: unset;
      padding: 15px 15px;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel {
      border: 1px solid var(--theme-global-border-color);
      border-top: unset;
      padding: 15px 15px;
      padding-top: 30px;
      margin-bottom: 0;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr {
      display: flex;
      flex-wrap: wrap;
      text-align: left;
      padding-bottom: 10px;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr:last-child {
      padding-bottom: 0;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr th {
      width: 100px;
      font-weight: 600;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr td {
      width: calc(100% - 100px);
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel table {
      border: unset;
      margin-bottom: 0;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel table p {
      padding: 0;
      margin: 0;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr td,
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel tr th {
      background: unset;
      border: unset;
      display: block;
      font-size: var(--theme-font-size);
      font-style: normal;
      padding: 0;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
      font-size: var(--heading5-font-size);
      line-height: var(--heading5-line-height);
      padding-bottom: 15px;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .submit {
      background: var(--theme-button-background) !important;
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family) !important;
      font-weight: var(--button-font-weight) !important;
      text-transform: var(--button-text-transform) !important;
      font-size: var(--button-font-size) !important;
      line-height: var(--button-line-height) !important;
      border-radius: var(--button-border-radius) !important;
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color) !important;
      border-style: var(--button-border-type) !important;
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left) !important;
      letter-spacing: var(--button-letter-spacing) !important;
  }
  body .site-main div.product .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .submit:hover {
      background: var(--theme-button-background-hover) !important;
      color: var(--button-text-hover-color) !important;
      border-color: var(--button-border-hover-color) !important;
  }
  body .site-main div.product .woocommerce-tabs {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  body .site-main div.product .related.products > h2 {
      padding-bottom: 25px;
  }
  body .site-main div.product .related.products ul.products {
      padding-top: 0;
  }
  body .site-main .wc-block-components-notice-banner.is-success {
      border: unset;
      background: var(--theme-global-color-2);
      display: flex;
      align-items: center;
  }
  body .site-main .wc-block-components-notice-banner.is-success>svg {
      background: var(--theme-primary-color);
  }
  body .site-main .wc-block-components-notice-banner.is-success .button {
      text-decoration: unset;
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      opacity: 1;
      white-space: nowrap;
  }
  body .site-main .wc-block-components-notice-banner.is-success .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center;
  }
  body .site-main table.wc-block-cart-items {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 0;
  }
  body .site-main table.wc-block-cart-items thead th {
      border: unset;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      color: var(--theme-text-color);
      padding: 10px 15px 8px 15px !important;
      text-align: left;
  }
  body .site-main table.wc-block-cart-items td {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      color: var(--theme-text-color);
      padding: 15px 15px 15px 15px !important;
      border: unset !important;
      border-top: 1px solid var(--theme-global-border-color) !important;
  }
  body .site-main table.wc-block-cart-items td:after {
      content: unset !important;
  }
  body .site-main .alignwide {
      margin-left: 0px;
      margin-right: 0px;
  }
  body .site-main .wc-block-components-sidebar-layout {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-main {
      width: 65%;
      padding-right: 15px;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar {
      width: 35%;
      padding-left: 15px;
  }
  body .site-main table.wc-block-cart-items td * {
      font-size: var(--theme-font-size);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      text-transform: unset;
  }
  body .site-main table.wc-block-cart-items td a:hover {
      color: var(--theme-link-hover-color);
  }
  body .site-main table.wc-block-cart-items td .wc-block-cart-item__prices {
      display: inline-block;
      padding-right: 15px;
  }
  body .site-main table.wc-block-cart-items td .wc-block-components-product-badge {
      font-size: calc(var(--theme-font-size) - 4px);
      border-radius: var(--button-border-radius);
      border-color: var(--theme-primary-color);
      color: var(--theme-primary-color);
  }
  body .site-main table.wc-block-cart-items td .wc-block-components-product-badge span {
      font-size: calc(var(--theme-font-size) - 4px);
      color: var(--theme-primary-color);
  }
  body .site-main table.wc-block-cart-items td .wc-block-components-product-metadata ul {
      margin: 0;
  }
  body .site-main table.wc-block-cart-items td .wc-block-cart-item__quantity .wc-block-components-quantity-selector:after {
      content: unset;
  }
  body .site-main table.wc-block-cart-items td .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
      border-radius: var(--button-border-radius);
      border: 1px solid var(--theme-global-border-color);
  }
  body .site-main table.wc-block-cart-items td .wc-block-cart-item__quantity button {
      border-radius: var(--button-border-radius);
      border: unset;
  }
  body .site-main table.wc-block-cart-items td * button:hover {
      color: var(--theme-link-hover-color) !important;
  }
  body .site-main table.wc-block-cart-items:after {
      content: unset !important;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 20px;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > * {
      border: unset;
      padding: 8px 15px;
      border-top: 1px solid var(--theme-global-border-color);
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > *:first-child {
      border-top: unset;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > *:after {
      content: unset;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > *:empty {
      display: none;
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
      text-align: center;
      font-weight: 700;
      font-size: var(--theme-font-size);
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-item * {
      font-size: var(--theme-font-size);
  }
  body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block > * > * {
      padding: 0;
  }
  body .site-main .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
      border-color: var(--theme-global-border-color);
      padding: var(--button-padding-top) 15px;
  }
  body .site-main .wc-block-components-totals-coupon__form button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .wc-block-components-totals-coupon__form button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input.is-active label {
      display: none;
  }
  body .site-main .wc-block-cart__submit-container a {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      transition: all 400ms ease;
  }
  body .site-main .wc-block-cart__submit-container a:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wc-block-components-form .wc-block-components-checkout-step__title:before,
  body .site-main .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
      content: unset;
  }
  body .site-main .wc-block-components-form .wc-block-components-checkout-step {
      padding: 0;
  }
  body .site-main .wc-block-checkout__form .wc-block-components-text-input > * {
      width: 100%;
  }
  body .site-main .wc-block-checkout__form .wc-block-components-text-input {
      display: flex;
      flex-wrap: wrap;
  }
  body .site-main .wc-block-checkout__form .wc-block-components-text-input input {
      order: 2;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-color: var(--theme-global-border-color);
      padding: 10px 15px !important;
  }
  body .site-main .wc-block-checkout__form .wc-block-components-text-input label {
      order: 1;
      position: unset;
      margin: 0;
      transform: unset;
      padding-bottom: 3px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .site-main .wc-block-checkout__form .wc-block-components-text-input .wc-block-components-validation-error {
      order: 3;
  }
  body .site-main .wc-block-checkout__form .wc-block-components-address-form__country label.components-base-control__label,
  body .site-main .wc-block-checkout__form .wc-block-components-combobox label.components-base-control__label {
      position: unset;
      transform: unset !important;
      margin: 0;
      padding-bottom: 3px;
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
  }
  body .site-main .wc-block-checkout__form .wc-block-components-address-form__country input,
  body .site-main .wc-block-checkout__form .wc-block-components-combobox input {
      font-size: var(--theme-font-size);
      line-height: var(--theme-line-height);
      letter-spacing: var(--theme-letter-spacing);
      font-weight: var(--theme-font-weight);
      color: var(--theme-text-color);
      border-color: var(--theme-global-border-color) !important;
      padding: 10px 15px !important;
  }
  body .site-main .wc-block-checkout__form .components-combobox-control__input {
      background-image: url(../images/down-arrow.png) !important;
      background-position: calc(100% - 10px) !important;
      background-repeat: no-repeat !important;
      background-size: 10px !important;
  }
  .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:last-child:after, .wc-block-checkout__payment-method .wc-block-components-radio-control__option:last-child:after {
      border-color: var(--theme-global-border-color);
      opacity: 1;
  }
  button {
      transition: all 400ms ease;
  }
  body .site-main .wc-block-checkout__actions_row button.components-button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      transition: all 400ms ease;
  }
  body .site-main .wc-block-checkout__actions_row button.components-button:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wp-block-woocommerce-checkout-order-summary-block

  body .site-main .wc-block-components-totals-wrapper:after {
      content: unset;
  }
  body .site-main .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary button.wc-block-components-panel__button {
      font-size: var(--theme-font-size);
      font-weight: 700;
      margin-bottom: 15px;
  }
  body .wc-block-components-order-summary .wc-block-components-order-summary-item:after {
      border-color: var(--theme-global-border-color);
      opacity: 1;
  }
  body .site-main .wc-block-components-totals-wrapper {
      border-bottom: 1px solid var(--theme-global-border-color);
  }
  body .site-main .wc-block-components-totals-wrapper:empty {
      display: none;
  }
  body .site-main .woocommerce-order h2 {
      border: 1px solid var(--theme-global-border-color);
      border-bottom: unset;
      padding: 15px 15px;
  }
  body .site-main .woocommerce-order table {
      border: 1px solid var(--theme-global-border-color);
      border-radius: unset;
  }
  body .site-main .woocommerce-order table thead th {
      border: unset;
  }
  body .site-main .woocommerce-order table tbody td, 
  body .site-main .woocommerce-order table tfoot td,
  body .site-main .woocommerce-order table thead th {
      border-left: 1px solid var(--theme-global-border-color) !important;
      border-color: var(--theme-global-border-color) !important;
  }
  body .site-main .woocommerce-order table tbody td:first-child, 
  body .site-main .woocommerce-order table tfoot td:first-child,
  body .site-main .woocommerce-order table thead th:first-child {
      border-left: unset !important;
  }
  body .site-main .woocommerce-order table tfoot td, body .site-main .woocommerce-order table tfoot th {
      font-weight: 600;
  }
  body .site-main .woocommerce-order table th, body .site-main .woocommerce-order table td {
      padding: 15px 15px;
  }
  body .site-main .woocommerce-order table tbody td strong {
      font-weight: 600;
  }
  body .site-main .woocommerce-order .woocommerce-customer-details address {
      border: 1px solid var(--theme-global-border-color);
      border-radius: unset;
      padding: 10px 15px;
  }
  body .site-main .woocommerce-order .woocommerce-customer-details {
      margin-bottom: 0;
  }
  body .site-main .woocommerce ul.order_details {
      padding-left: 0;
  }
  body .site-main .page-content.error404 body .site-main {
      min-height: calc(100vh - 160px);
  }
  body .site-main .page-content.error404 .page-content {
      text-align: center;
  }  body .site-main .woocommerce-MyAccount-content table {
      border-radius: 0;
      border: 1px solid var(--theme-global-border-color);
  }
  body .site-main .woocommerce-MyAccount-content table thead th {
      border: unset;
  }
  body .site-main .woocommerce-MyAccount-content table tbody td {
      border-color: var(--theme-global-border-color);
  }
  body .site-main .woocommerce-MyAccount-content table td, body .site-main .woocommerce-MyAccount-content table th {
      padding: 10px 15px;
  }
  body .site-main .woocommerce-MyAccount-content table tbody td .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .woocommerce-MyAccount-content table tbody td .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .woocommerce-MyAccount-content .woocommerce-order-details__title {
      padding-bottom: 15px;
  }
  body .site-main .woocommerce-MyAccount-content .woocommerce-column__title {
      padding-bottom: 15px;
  }
  
  body .site-main .woocommerce-MyAccount-content address {
      border: 1px solid var(--theme-global-border-color);
      border-radius: 0;
      padding: 10px 15px;
  }
  body .site-main .wc-block-components-notice-banner {
      margin-top: 0;
      border: unset;
      background: var(--theme-global-color-2);
      display: flex;
      align-items: center;
      border-radius: 0;
  }
  body .site-main .wc-block-components-notice-banner svg {
      background: var(--theme-primary-color);
  }
  body .site-main .wc-block-components-notice-banner .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      text-decoration: unset;
      opacity: 1;
      white-space: nowrap;
  }
  body .site-main .wc-block-components-notice-banner .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wc-block-components-notice-banner .wc-block-components-notice-banner__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  body .site-main .woocommerce-Addresses .woocommerce-Address-title {
      border: 1px solid var(--theme-global-border-color);
      padding: 15px 15px;
      border-bottom: unset;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  body .site-main .woocommerce-Addresses .woocommerce-Address-title h3 {
      font-size: var(--heading6-font-size);
      line-height: var(--heading6-line-height);
  }
  body .site-main .woocommerce-Addresses .woocommerce-Address-title .edit {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .woocommerce-Addresses .woocommerce-Address-title:after, body .site-main .woocommerce-Addresses .woocommerce-Address-title:before {
      content: unset;
  }
  body body .site-main .select2-container .select2-selection--single {
      border: 1px solid var(--theme-global-border-color) !important;
      padding: 6px 16px;
      height: unset;
  }
  body .site-main .select2-container .select2-selection--single{
      height: unset;
  }
  body .site-main .select2-container .select2-selection--single .select2-selection__arrow {
      top: 50%;
      transform: translateY(-50%);
  }
  body .site-main .woocommerce-address-fields .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .woocommerce-address-fields .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .woocommerce-MyAccount-content form.woocommerce-EditAccountForm span em {
      font-size: calc(var(--theme-font-size) - 3px);
  }
  body .site-main .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
      border: 1px solid var(--theme-global-border-color);
      margin-bottom: 15px;
  }
  body .site-main .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
      padding: 0px 10px;
  }
  body .site-main .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .woocommerce-form-login,
  body .site-main .woocommerce-form-register {
      border-radius: 0;
      border-color: var(--theme-global-border-color);
  }
  body .site-main .woocommerce-form .button {
      background: var(--theme-button-background);
      color: var(--button-text-color) !important;
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left) !important;
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main .woocommerce-form .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main ul.products li.product .added_to_cart.wc-forward {
      margin-left: 15px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
      text-align: left;
      background: var(--theme-global-color-2);
      padding: 10px 15px;
      margin-bottom: 100px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title:before {
      font-family: WooCommerce;
      content: '\e028';
      background: unset;
      display: unset;
      margin-right: 12px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
      display: none;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new {
      padding-top: 15px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-title {
      padding: 0.5em 0;
      margin: 0;
      font-size: var(--theme-font-size);
      padding-top: 0;
      line-height: 1.3;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-bottom: 5px;
      font-family: var(--heading2-font-family);
      font-weight: var(--heading2-font-weight);
      color: var(--heading2-text-color);
      text-transform: var(--heading2-text-transform);
      letter-spacing: var(--heading2-letter-spacing);
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-image {
      margin-bottom: 16px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .price {
      font-size: var(--theme-font-size);
      color: var(--theme-text-color);
      font-weight: var(--theme-font-weight);
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .price del {
      opacity: .5;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button .wp-block-button__link {
      margin-top: 5px;
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
          margin-bottom: 0;
      display: inline-block !important;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button .wp-block-button__link:hover {
          background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li {
      padding-bottom: 0 !important;
      margin-bottom: 0;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products {
      margin-bottom: 0;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wp-block-button {
      margin-bottom: 0;
  }
  body .site-main form.woocommerce-ResetPassword .button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
  }
  body .site-main form.woocommerce-ResetPassword .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .button {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
       text-decoration: unset;
  }
  body .site-main .button:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-main .blogvista-404-search .search-form {
      display: flex;
      max-width: 500px;
      margin: 0 auto;
      padding-top: 20px;
  }
  body .site-main .blogvista-404-search .search-form label {
      flex: 1;
      display: flex;
  }
  body .site-main .blogvista-404-search .search-form .search-field {
      flex: 1;
      padding: 12px 20px;
      border: 1.5px solid #d1d5db;
      border-radius: 4px 0 0 4px;
      font-size: 15px;
  }
  body .site-main .blogvista-404-search .search-form .search-submit {
      background: var(--theme-button-background);
      color: var(--button-text-color);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-color: var(--button-border-color);
      border-style: var(--button-border-type);
      border-width: var(--button-border-top) var(--button-border-right) var(--button-border-bottom) var(--button-border-left);
      letter-spacing: var(--button-letter-spacing);
      margin-left: 10px;
      cursor: pointer;
  }
  body .site-main .blogvista-404-search .search-form .search-submit:hover {
      background: var(--theme-button-background-hover);
      color: var(--button-text-hover-color);
      border-color: var(--button-border-hover-color);
  }
  body .site-maine #review_form_wrapper .comment-form .comment-form-cookies-consent input {
          display: inline-block;
  }
  body .site-main #review_form_wrapper .comment-form .comment-form-cookies-consent label:before, 
  body .site-main #review_form_wrapper .comment-form .comment-form-cookies-consent label:after {
      content: unset !important;
  }
  body .site-main section.related.products {
      padding-left: 15px;
      padding-right: 15px;
  }
  body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-onsale {
      width: 50px;
      height: 50px;
      line-height: 48px;
      background: var(--theme-primary-color);
      color: var(--theme-global-color-3);
      font-size: calc(var(--theme-font-size) - 2px);
      font-weight: var(--theme-font-weight);
      top: 0;
      right: 0;
      left: auto;
      margin: -0.5em -0.5em 0 0;
      border: unset;
  }
  
  body.search-no-results .site-main .blog-part {
      display: block;
  }

  body .site-main .blog-part {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -15px;
  }

  .blog-part .blog-list-box .blog-list-content ul.blog-date li .author a:hover {
    color: var(--theme-link-hover-color);
    text-decoration: unset;
  }

  /* Update blog detail css - start */
  
  body .site-main .blog-part .blog-list-box {
      width: calc(33.33% - 30px);
      margin: 0 15px;
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 30px;
      padding-bottom: 0;
      box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
  }

  .blog-part .blog-list-box .blog-list-content ul.blog-date li .author a {
    color: var(--theme-text-color);
    text-decoration: unset;
  }

  body .site-main .blog-part .blog-list-box .read-more {
    font-weight: bold;
    color: var(--theme-link-color);
    text-decoration: unset;
  }

  body .site-main .blog-part .blog-list-box .read-more:hover {
    color: var(--theme-link-hover-color);
    text-decoration: unset;
  }

  /* Update blog detail css - end */

  body .site-main .blog-part .blog-list-box .blog-list-content {
      padding: 15px 15px;
  }
  body .site-main .page-content .blog-des:empty {
      margin-bottom: 0;
  }
  body .site-main .blog-part .blog-list-pagination {
      width: 100%;
  }
  body .site-main .blog-part .blog-list-pagination .page-numbers {
      margin-bottom: 0;
      justify-content: center;
  }
  body .site-main .site-footer .menu ul {
      justify-content: flex-end;
  }
  body:not(.blogvista-block-builder) .site-main .wp-element-button {
      background-color: var(--theme-button-background);
      border-color: var(--button-border-color);
      color: var(--button-text-color);
      border-top-width: var(--button-border-top);
      border-bottom-width: var(--button-border-bottom);
      border-left-width: var(--button-border-left);
      border-right-width: var(--button-border-right);
      border-radius: var(--button-border-radius);
      padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
      border-style: var(--button-border-type);
      font-size: var(--button-font-size);
      line-height: var(--button-line-height);
      font-family: var(--button-font-family);
      font-weight: var(--button-font-weight);
      text-transform: var(--button-text-transform);
      letter-spacing: var(--button-letter-spacing);
        text-decoration: unset !important;
  }
  body .site-main .wp-element-button:hover,
  body .site-main .wp-element-button:focus {
      background-color: var(--theme-button-background-hover);
      border-color: var(--button-border-hover-color);
      color: var(--button-text-hover-color);
      border-top-width: var(--button-border-hover-top);
      border-bottom-width: var(--button-border-hover-bottom);
      border-left-width: var(--button-border-hover-left);
      border-right-width: var(--button-border-hover-right);
      border-style: var(--button-border-hover-type);
  }
  body .site-main .blog-detail-description ul.wp-block-post-template {
      padding-left: 0;
  }
body .site-main .page-content a:focus-visible {
    outline-offset: 2px;
}
body .site-main .wp-block-button__link:not([href]):not([tabindex]) {
    text-decoration: unset !important;
}
body .site-main input.button:focus-visible {
    outline: 2px solid #000;
}
body .blogvista-site-header .wp-mobile-toggle-wrap .toggle-text-close {
  display: none;
}
body .blogvista-site-header nav.site-navigation ul.menu li span.opener, body .blogvista-site-header nav.site-navigation div.menu ul li span.opener {
  display: none;
}
body .blogvista-site-header .wp-mobile-toggle-wrap {
  display: none;
  pointer-events: none;
}

/*----- Product listing Grid -----*/
body .site-main ul.products.columns-2 li.product {
    width: calc(100% / 2) !important;
}
body .site-main ul.products.columns-3 li.product {
    width: calc(100% / 3) !important;
}
body .site-main ul.products.columns-4 li.product {
    width: calc(100% / 4) !important;
}
body .site-main ul.products.columns-5 li.product {
    width: calc(100% / 5) !important;
}
body .site-main ul.products.columns-6 li.product {
    width: calc(100% / 6) !important;
}
body .site-main ul.products.columns-7 li.product {
    width: calc(100% / 7) !important;
}
body .site-main ul.products.columns-8 li.product {
    width: calc(100% / 8) !important;
}
  
  @media (max-width: 1024px) {

      body:not(.blogvista-block-builder) .site-main > header + .page-content:not(.entry-content), body:not(.blogvista-block-builder) .site-main:not(:has(> article)) .page-content:not(.entry-content), body .site-main.type-page {
        padding: 50px 0px;
      }    

      .blogvista-site-header.page-header .entry-title, 
      .blogvista-site-header .site-footer .footer-inner, 
      .site-footer:not(.dynamic-footer) .footer-inner, 
      .blogvista-site-header .site-header .header-inner, 
      .blogvista-site-header .site-header:not(.dynamic-header), 
      .site-main .page-content, 
      body.post-type-archive .site-main, 
      body.single-product .site-main, 
      body.tax-product_cat .site-main {
        max-width: var(--blogvista-tablet-container-width);
      }
      body .blogvista-site-header {
          padding: 15px 0px;
          position: relative;
      }
      body .blogvista-site-header .wp-mobile-toggle {
          width: 20px;
          height: 14px;
          position: relative;
          cursor: pointer;
      }
      body .blogvista-site-header .wp-mobile-toggle:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: var(--theme-global-color-1);
          transition: all 400ms ease;
      }
      body .blogvista-site-header .wp-mobile-toggle:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background: var(--theme-global-color-1);
          transition: all 400ms ease;
      }
      body .blogvista-site-header .wp-mobile-toggle .wp-mobile-toggle-line:first-child {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: var(--theme-global-color-1);
          width: 100%;
          height: 2px;
          transition: all 400ms ease;
      }
      body .blogvista-site-header .site-branding {
          width: 50%;
      }
      body .blogvista-site-header nav.site-navigation {
          width: 50%;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu,
      body .blogvista-site-header nav.site-navigation > div.menu {
          position: absolute;
          width: 100%;
          height: 100vh;
          left: 0;
          top: calc(100% + 16px);
          background: var(--theme-global-color-3);
          align-items: flex-start;
          flex-wrap: unset;
          flex-direction: column;
          z-index: 99;
          overflow: auto;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li,
      body .blogvista-site-header nav.site-navigation > div.menu > ul > li {
          width: 100%;
          padding: 0;
          margin: 0;
          flex-direction: column;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li > a,
      body .blogvista-site-header nav.site-navigation > div.menu > ul > li > a {
          width: 100%;
          padding: 10px 15px;
          justify-content: space-between;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li > span.opener,
      body .blogvista-site-header nav.site-navigation > div.menu > ul > li > span.opener {
                  position: absolute;
        width: 50px;
        height: 44px;
        top: 22px;
        right: 0;
        transform: translateY(-50%);
      }
    body .blogvista-site-header nav.site-navigation ul.menu > li.menu-item-has-children > a:before, 
    body .blogvista-site-header nav.site-navigation div.menu ul > li.page_item_has_children > a:before {
      content: unset;
    }
      body .blogvista-site-header nav.site-navigation > ul.menu > li li span.opener, body .blogvista-site-header nav.site-navigation > div.menu > ul > li li span.opener {
          position: absolute;
        width: 50px;
        height: 44px;
        top: 24px;
        right: 0;
        transform: translateY(-50%);
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li li:after, body .blogvista-site-header nav.site-navigation > div.menu > ul > li li:after {
          content: unset;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li li > a, body .blogvista-site-header nav.site-navigation > div.menu > ul > li li > a {
          justify-content: space-between;
          display: flex;
          align-items: center;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li.menu-item-has-children li.menu-item-has-children > a:after, body .blogvista-site-header nav.site-navigation > div.menu > ul > li.page_item_has_children li.page_item_has_children > a:after {
          content: "";
          transition: all 400ms ease;
          display: inline-block;
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 6px 6px 0 6px;
          border-color: var(--theme-text-color) transparent transparent transparent;
          transform: rotate(0deg);
          position: relative;
          left: 15px;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu > li li, body .blogvista-site-header nav.site-navigation > div.menu > ul > li li {
          flex-direction: column;
      }
      body .blogvista-site-header nav.site-navigation > ul.menu.menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after, body .blogvista-site-header nav.site-navigation > div.menu.menu > ul > li.page_item_has_children li.page_item_has_children:hover > a:after {
          transform: rotate(180deg);
      }
      body .blogvista-site-header nav.site-navigation > ul.menu ul,
      body .blogvista-site-header nav.site-navigation > div.menu ul ul {
          position: unset;
          width: 100%;
          border-top: unset !important;
          box-shadow: unset;
          padding-left: 15px;
          display: none;
      opacity: 1;
        visibility: visible;
      margin-top: 2px;
      padding-right: 2px;
      }
    body .blogvista-site-header nav.site-navigation ul.menu ul > li.menu-item-has-children > a:after, 
    body .blogvista-site-header nav.site-navigation div.menu ul ul > li.page_item_has_children > a:after {
      transform: rotate(0deg) !important;
      position: absolute;
      right: 0px;
      left: unset !important;
      top: 1px;
    }
      body .site-main .page-header {
          padding: 100px 0px;
      }
      body .site-footer .footer-copyright-text {
          width: 100%;
          text-align: center;
          order: 2;
      }
      body .site-footer nav.site-navigation {
          width: 100%;
          max-width: 100% !important;
          justify-content: center;
          order: 1;
          padding-bottom: 10px;
      }
      body .blog-detail-content {
          padding-bottom: 60px;
      }
      body.post-type-archive-product .site-main,
      body.tax-product_cat .site-main {
          padding-top: 30px;
          padding-bottom: 80px;
      }
      body .site-main nav.woocommerce-breadcrumb {
          margin-bottom: 5px;
      }
      body .site-main .woocommerce-products-header {
          padding-bottom: 30px;
      }
      body .site-main div.product .woocommerce-tabs {
          padding-top: 80px;
          padding-bottom: 80px;
      }
      body .site-main .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
          margin-bottom: 80px;
      }
      .content-area .site-main {
        padding-bottom: 80px;
      }
      body .site-main .blog-part .blog-list-box {
        width: calc(50% - 30px);
      }
      body .site-main .site-footer .menu ul {
          justify-content: center;
      }
      .site-footer .site-navigation ul {
          justify-content: center;
      }
      .site-footer .site-navigation ul li {
          margin: 0px 15px;
      }
    body .blogvista-site-header nav.site-navigation ul.menu.menu ul > li.menu-item-has-children:hover > a:after,
    body .blogvista-site-header nav.site-navigation ul.menu.menu ul > li.menu-item-has-children.focus > a:after,
    body .blogvista-site-header nav.site-navigation div.menu.menu ul ul > li.page_item_has_children:hover > a:after,
    body .blogvista-site-header nav.site-navigation div.menu.menu ul ul > li.page_item_has_children.focus > a:after {
      transform: rotate(180deg);
    }
    body .blogvista-site-header .wp-mobile-toggle-wrap {
    display: flex;
    align-items: center;
    outline-offset: 5px;
  }
    body .blogvista-site-header .wp-mobile-toggle-wrap .toggle-text-close {
    display: none;
      padding-right: 10px;
      color: var(--theme-global-color-1);
  }
   body .blogvista-site-header .wp-mobile-toggle-wrap.wp-mobile-toggle-open .toggle-text-close {
    display: block;
  }
   body .blogvista-site-header .wp-mobile-toggle-open .wp-mobile-toggle .wp-mobile-toggle-line:first-child {
    background: transparent;
  }
  body .blogvista-site-header .wp-mobile-toggle-open .wp-mobile-toggle:before {
    transform: rotate(-45deg);
    top: 7px;
  }
  body .blogvista-site-header .wp-mobile-toggle-open .wp-mobile-toggle:after {
    transform: rotate(45deg);
    top: 7px;
  }
  body .blogvista-site-header nav.site-navigation ul.menu.menu > li.menu-item-has-children:hover > a:after, 
  body .blogvista-site-header nav.site-navigation ul.menu.menu > li.menu-item-has-children.focus > a:after, 
  body .blogvista-site-header nav.site-navigation div.menu.menu ul > li.page_item_has_children:hover > a:after, 
  body .blogvista-site-header nav.site-navigation div.menu.menu ul > li.page_item_has_children.focus > a:after {
    transform: rotate(0deg);
  }
    html body .blogvista-site-header nav.site-navigation ul.menu li.active > a:after, html body .blogvista-site-header nav.site-navigation div.menu ul li.active > a:after {
    transform: rotate(180deg) !important;
  }
   body .blogvista-site-header nav.site-navigation > ul.menu li span.opener, body .blogvista-site-header nav.site-navigation > div.menu > ul li span.opener {
    display: block;
    pointer-events: auto;
  }
  }
  
  @media (max-width: 767px) {


      body:not(.blogvista-block-builder) .site-main > header + .page-content:not(.entry-content), body:not(.blogvista-block-builder) .site-main:not(:has(> article)) .page-content:not(.entry-content), body .site-main.type-page {
          padding: 30px 0px;
      }

      .site-main, .site-footer:not(.dynamic-footer) {
          padding-left: 0;
          padding-right: 0;
      }
      .blogvista-site-header.page-header .entry-title, 
      .blogvista-site-header .site-footer .footer-inner, 
      .site-footer:not(.dynamic-footer) .footer-inner, 
      .blogvista-site-header .site-header .header-inner, 
      .blogvista-site-header .site-header:not(.dynamic-header), 
      .site-main .page-content, 
      body.post-type-archive .site-main, 
      body.single-product .site-main, 
      body.tax-product_cat .site-main {
        max-width: var(--blogvista-mobile-container-width);
      }
      body .site-main .page-header {
          padding: 60px 0px;
      }
      body .site-main .blogvista-blog-list {
          padding-bottom: 30px;
      }
      body .site-main .page-content .blog-detail-content {
          padding-bottom: 30px;
      }
      body .site-main .page-content .blogvista-author-box {
          padding: 15px 15px;
      }
      body .site-main .page-content .blogvista-author-box .blogvista-author-box-image {
          width: 70px;
      }
      body .site-main .blogvista-author-box .blogvista-author-box-text {
          width: calc(100% - 70px);
      }
      body .site-main .page-content .post-authr-box {
          padding-bottom: 30px;
      }
      body .site-main .comment-respond form .comment-form-author, body .site-main .comment-respond form .comment-form-email, body .site-main .comment-respond form .comment-form-url {
          width: 100%;
      }
      body .site-main .woocommerce-ordering {
          float: left;
      }
      body .site-main .woocommerce-result-count {
          width: 100%;
      }
      body.post-type-archive-product .site-main,
      body.tax-product_cat .site-main {
          padding-bottom: 50px;
      }
      body .site-main div.product .woocommerce-product-gallery {
          width: 100%;
          padding-bottom: 20px;
      }
      body .site-main div.product .summary.entry-summary {
          width: 100%;
      }
      body.single-product .site-main {
          padding-top: 15px;
      }
      body.single-product .site-main .woocommerce-breadcrumb {
          margin-bottom: 15px;
      }
      body .site-main div.product .woocommerce-tabs {
          padding-top: 50px;
          padding-bottom: 50px;
      }
      body.site-main div.product .related.products > h2 {
          padding-bottom: 15px;
      }
      body .site-main .wc-block-components-sidebar-layout .wc-block-components-main {
          width: 100%;
          padding-right: 0px;
          padding-bottom: 30px;
      }
      body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar {
          width: 100%;
          padding-left: 0px;
          margin-bottom: 0;
      }
      body .site-main table.wc-block-cart-items tr {
          padding: 0 !important;
      }
      body .site-main table.wc-block-cart-items thead tr {
          display: flex !important;
          justify-content: space-between;
      }
      body .site-main table.wc-block-cart-items thead th {
          margin-bottom: 0;
      }
      body .site-main table.wc-block-cart-items tr:after {
          content: unset !important;
      }
      body .site-main table.wc-block-cart-items td * .wc-block-components-product-metadata {
          margin-bottom: 0;
      }
      body .site-main table.wc-block-cart-items td {
          margin-bottom: 0;
      }
      body .site-main .wc-block-cart__submit {
          margin-bottom: 0;
      }
      body .site-main .wc-block-components-sidebar-layout .wc-block-components-sidebar {
          padding-bottom: 30px;
      }
      body .site-main .woocommerce ul.order_details li {
          float: unset;
          border: unset;
          padding-bottom: 15px;
      }
      body .site-main .woocommerce ul.order_details li:last-child {
          padding-bottom: 0;
      }
      body .woocommerce-MyAccount-navigation {
          padding-bottom: 25px;
      }
      body .site-main .woocommerce-Addresses .u-column1.col-1.woocommerce-Address {
          margin-bottom: 15px;
      }
      body .site-main .woocommerce-form-login, body .site-main .woocommerce-form-register {
          margin-top: 15px;
      }
      body .site-main .woocommerce-form-register {
          margin-bottom: 0;
      }
      body .site-main .wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title {
          margin-bottom: 50px;
      }
      body .site-main .page-content .blog-meta-options {
        margin-top: 0;
        margin-bottom: 5px;
      }
      .content-area .site-main {
        padding-bottom: 50px;
      }
      body .site-main div.product .related.products ul.products {
        padding-bottom: 0;
      }
      body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -8px 16px;
          margin-bottom: 0;
      }
      body .site-main .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new ul.wc-block-grid__products li {
          flex: 1 0 50%;
          margin: 0 0 24px;
          max-width: 50%;
      }
      body .site-main .blog-part .blog-list-box {
        width: calc(100% - 30px);
      }
      body .site-branding a h1 {
          font-size: 25px;
          line-height: 28px;
      }
  }
  
  body.error404 .site-main .page-content {text-align: center;}
  
  blockquote {
    margin: 1.5em;
    border-color: rgba(0,0,0,0.05);
    color: var(--theme-text-color);
    font-size: 1.1em;
    line-height: inherit;
    position: relative;
    border-left: 5px solid var(--theme-global-border-color);
    padding: 20px;
    font-style: italic;
    margin: 0 0 1.5em;
    position: relative;
  }
  
  /* ---------------------- Default WP Design end ----------------------- */


.section-heading.text-center{
  text-align: center;
}

/* Single blog, archive & search page sidebar css - start */

body.single-post .blogvista-blog-sidebar-right .blogvista-single-blog-content-part, body.single-post .blogvista-blog-sidebar-left .blogvista-single-blog-content-part {
  width: 70%;
}

body.single-post .page-content .blogvista-single-blog-sidebar-part {
  width: 25%;
}

body.single-post .page-content .blogvista-single-blog-sidebar-part ul {
  padding:0; 
}

/* ======= Base Layout ======= */
.page-content.blogvista-blog-sidebar-left,
.page-content.blogvista-blog-sidebar-right {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* ======= Mobile Responsive ======= */

@media (max-width: 1024px) {
  body.single-post .page-content .blogvista-single-blog-sidebar-part,
  body.single-post .page-content .blogvista-single-blog-content-part {
    width: 100%;
  }

  body.single-post .page-content.blogvista-blog-sidebar-left,
  body.single-post .page-content.blogvista-blog-sidebar-right {
    flex-direction: column;
  }

  body.single-post .page-content.blogvista-blog-sidebar-left .blogvista-single-blog-sidebar-part,
  body.single-post .page-content.blogvista-blog-sidebar-right .blogvista-single-blog-sidebar-part {
    padding: 0;
  }
}

/* Desktop: Sidebar and content side by side */
.blogvista-archive-layout-parent-left,.blogvista-archive-layout-parent-right {
  display: flex;
  gap: 30px; /* space between sidebar and content */
  align-items: flex-start;
}

/* Sidebar container width */
.blogvista-archive-sidebar-part-left,
.blogvista-archive-sidebar-part-right {
  flex: 0 0 300px; /* fixed width sidebar */
  max-width: 300px;
}

/* Blog content takes remaining space */
.blog-part.blogvista-archive-layout-with-sidebar-left,
.blog-part.blogvista-archive-layout-with-sidebar-right {
  flex: 1 1 auto;
}

/* Tablet: Stack both sidebar and content vertically full width */
@media (max-width: 1024px) {
  .blogvista-archive-layout-parent-left,.blogvista-archive-layout-parent-right {
    flex-direction: column;
    gap: 30px;
  }

  .blogvista-archive-sidebar-part-left,
  .blogvista-archive-sidebar-part-right,
  .blog-part.blogvista-archive-layout-with-sidebar-left,
  .blog-part.blogvista-archive-layout-with-sidebar-right {
    width: 100%;
    max-width: 100%;
  }

  .blogvista-archive-layout-parent-left .blog-part.blogvista-archive-layout-with-sidebar-left,.blogvista-archive-layout-parent-right .blog-part.blogvista-archive-layout-with-sidebar-right{
    margin: unset;
  }

  /*----- Product listing Grid -----*/
    body .site-main ul.products.columns-4 li.product, 
    body .site-main ul.products.columns-5 li.product, 
    body .site-main ul.products.columns-6 li.product, 
    body .site-main ul.products.columns-7 li.product,
    body .site-main ul.products.columns-8 li.product {
        width: calc(100% / 3) !important;
    }
}

/* Responsive: Mobile */
@media (max-width: 767px) {
  /* Stack vertically */
  .blogvista-archive-layout-parent-left, .blogvista-archive-layout-parent-right {
    flex-direction: column;
  }

  .blogvista-archive-layout-parent-left .blog-part.blogvista-archive-layout-with-sidebar-left,.blogvista-archive-layout-parent-right .blog-part.blogvista-archive-layout-with-sidebar-right{
    margin: unset;
  }

  .blogvista-archive-sidebar-part-left,
  .blogvista-archive-sidebar-part-right {
    flex: none;
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px; /* space below sidebar */
  }

  .blog-part.blogvista-archive-layout-with-sidebar-left,
  .blog-part.blogvista-archive-layout-with-sidebar-right {
    width: 100%;
  }
  /*----- Product listing Grid -----*/
    body .site-main ul.products.columns-3 li.product,
    body .site-main ul.products.columns-4 li.product, 
    body .site-main ul.products.columns-5 li.product, 
    body .site-main ul.products.columns-6 li.product, 
    body .site-main ul.products.columns-7 li.product,
    body .site-main ul.products.columns-8 li.product{
        width: calc(100% / 2) !important;
    }
}

body .site-main .page-content .sidebar .widget ol, body .site-main .page-content .sidebar .widget ul {
  padding: 0;
  margin: 0;
}

body .site-main .page-content .sidebar .widget li {
  list-style: none;
}
body .site-main .page-content .sidebar .widget ul li:before {
  content: '> ';
}

/* Single blog, archive & search page sidebar css - end */

button, a, input, textarea, .blogvista-mobile-toggle {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.blogvista-nothing-found-content {
  padding: 100px 0 100px 0;
}

.blogvista-nothing-found-content .heading-title {
  margin-bottom: 10px;
}/*
 * Home Page Template Styles
 * Lifestyle Blog – Cormorant Garamond + Poppins
 *
 * @package BlogVista
 */



/* ── Hero ──────────────────────────────────────────────────────────────────── */
.blogvista-hero {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 50px 24px 50px;
background-image: url('assets/images/banner.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #D6CBC8;
}

.blogvista-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 80%;
    margin: 0 auto 52px;
}

.row.g-4.banner-box {
    width: 80%;
    margin: 0 auto;
}

/* ── Featured Cards (overlap hero bottom) ─────────────────────────────────── */
.blogvista-hero__featured-wrap {
position: relative;
z-index: 2;
width: 100%;
}

.blogvista-feat-card {
background: #ffffff;
border-radius: 16px;
overflow: hidden;
padding: 10px;
box-shadow: 0 4px 24px rgba(0,0,0,0.12);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blogvista-feat-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(0,0,0,0.16);
}

.blogvista-feat-card__img-link {
display: block;
text-decoration: none;
}

.blogvista-feat-card__img-wrap {
position: relative;
width: 100%;
height: 190px;
overflow: hidden;
}

.blogvista-feat-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}

.blogvista-feat-card:hover .blogvista-feat-card__img-wrap img {
transform: scale(1.05);
}

.blogvista-feat-card__img-placeholder {
width: 100%;
height: 100%;
border-radius: 12px;
background: #e5e7eb;
}

.blogvista-feat-card__avatar {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
border: 3px solid #ffffff;
overflow: hidden;
z-index: 2;
}

.blogvista-feat-card__avatar img,
.blogvista-feat-card__avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
}

.blogvista-feat-card__body {
    padding: 15px 0px;
    text-align: center;
}

.blogvista-feat-card__title {
font-family: 'Playfair Display', Georgia, serif;
font-size: 17px;
font-weight: 700;
color: #111111;
margin: 0 0 6px;
line-height: 1.3;
}

.blogvista-feat-card__sub {
font-size: 13px;
color: #6B7280;
margin: 0;
line-height: 1.5;
}

/* Posts section pushed down by featured cards overlap */
.blogvista-posts-section {
background: #ffffff;
padding: 40px 0 40px;
position: relative;
z-index: 1;
}

/* Featured cards overlap wrapper */
.blogvista-hero__featured {
position: relative;
z-index: 2;
width: 100%;
padding: 0 24px;
}

.blogvista-hero__featured .container {
padding-left: 0;
padding-right: 0;
}

/* ── Featured Card ──────────────────────────────────────────────────────── */
.blogvista-featured-card {
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.10);
}

.blogvista-featured-card__img-link {
display: block;
text-decoration: none;
}

.blogvista-featured-card__img-wrap {
position: relative;
width: 100%;
height: 180px;
overflow: hidden;
}

.blogvista-featured-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}

.blogvista-featured-card:hover .blogvista-featured-card__img-wrap img {
transform: scale(1.05);
}

.blogvista-featured-card__avatar {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
width: 42px;
height: 42px;
border-radius: 50%;
border: 3px solid #ffffff;
overflow: hidden;
z-index: 2;
}

.blogvista-featured-card__avatar img,
.blogvista-featured-card__avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}

.blogvista-featured-card__body {
padding: 28px 20px 20px;
text-align: center;
}

.blogvista-featured-card__title {
font-family: 'Playfair Display', Georgia, serif;
font-size: 17px;
font-weight: 700;
color: #111111;
margin: 0 0 6px;
line-height: 1.3;
}

.blogvista-featured-card__title a {
color: inherit;
text-decoration: none;
}

.blogvista-featured-card__title a:hover {
color: #7C3AED;
}

.blogvista-featured-card__sub {
font-size: 13px;
color: #6B7280;
margin: 0;
line-height: 1.5;
}

/* Featured slider nav */
.blogvista-featured-slider.owl-carousel .owl-nav button {
background: #ffffff !important;
border-radius: 50% !important;
width: 34px;
height: 34px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
font-size: 18px;
color: #111111 !important;
}

.blogvista-hero__heading {
font-family: 'Playfair Display', Georgia, serif;
font-size: 40px;
font-weight: 600;
line-height: 1.1;
color: #000000;
margin: 0 0 22px;
letter-spacing: -0.5px;
margin-bottom: 15px !important;
}

.blogvista-hero__subtext {
font-size: 20px;
font-weight: 400;
color: #000000;
margin: 0 0 40px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}

.blogvista-hero__buttons {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
}

.blogvista-hero__btn {
display: inline-block;
padding: 10px 34px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
cursor: pointer;
}

.blogvista-hero__btn--primary {
background: #111111;
color: #ffffff;
border: 2px solid #111111;
}

.blogvista-hero__btn--primary:hover,
.blogvista-hero__btn--primary:focus {
background: #3B3B3B;
border-color: #3B3B3B;
color: #ffffff;
}

.blogvista-hero__btn--outline {
background: transparent;
color: #111111;
border: 2px solid #111111;
}

.blogvista-hero__btn--outline:hover,
.blogvista-hero__btn--outline:focus {
background: #111111;
color: #ffffff;
}

/* ── Posts Section ─────────────────────────────────────────────────────────── */
.blogvista-posts-section__header {
text-align: center;
margin-bottom: 40px;
}

.blogvista-posts-section__heading {
font-size: 25px;
font-weight: 800;
color: #1B1B1B;
margin: 0 0 12px;
line-height: 1.15;
letter-spacing: -0.3px;
}

.blogvista-posts-section__subtext {
font-size: 15px;
color: #7B7F84;
font-weight: 600;
margin: 0;
line-height: 1.6;
}

/* ── Post Card ─────────────────────────────────────────────────────────────── */
.blogvista-blog-slider.owl-carousel .owl-item .blogvista-post-card {
margin: 0;
}

.blogvista-post-card {
background: #ffffff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 4px 4px 0px #0000002B;
margin: 10px !important;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blogvista-post-card:hover {
transform: translateY(-6px);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.13);
}

.blogvista-post-card__img-link {
display: block;
text-decoration: none;
}

.blogvista-post-card__img-wrap {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #EDE9FE;
}

.blogvista-post-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.45s ease;
}

.blogvista-post-card:hover .blogvista-post-card__img-wrap img {
transform: scale(1.06);
}

.blogvista-post-card__img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #EDE9FE 0%, #DDD6FE 100%);
}

/* Author avatar — bottom-left of image */
.blogvista-post-card__avatar {
position: absolute;
bottom: 12px;
left: 12px;
z-index: 2;
}

.blogvista-post-card__avatar img,
.blogvista-post-card__avatar-img {
width: 42px !important;
height: 42px !important;
border-radius: 50%;
border: 3px solid #ffffff;
object-fit: cover;
display: block;
background: #7C3AED;
}

.blogvista-post-card__body {
padding: 20px 20px 24px;
text-align: left;
}

.blogvista-post-card__cat {
display: inline-block;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #7C3AED;
text-decoration: none;
margin-bottom: 10px;
transition: color 0.2s ease;
}

.blogvista-post-card__cat:hover,
.blogvista-post-card__cat:focus {
color: #5B21B6;
}

.blogvista-post-card__title {
font-size: 20px;
font-weight: 700;
color: #1B1B1B;
line-height: 1.4;
margin: 0 0 10px;
}

.blogvista-post-card__title a {
color: #1B1B1B;
text-decoration: none;
}

.blogvista-post-card__title a:hover,
.blogvista-post-card__title a:focus {
color: #7C3AED;
}

.blogvista-post-card__excerpt {
    font-size: 15px;
    color: #7B7F84;
    line-height: 1.65;
    margin: 0;
    font-weight: 600;
}

/* ── Owl Carousel – nav & dots ─────────────────────────────────────────────── */
.blogvista-blog-slider.owl-carousel .owl-nav button {
width: 42px;
height: 42px;
border-radius: 50%;
border: 1.5px solid #E5E7EB;
background: #ffffff;
color: #374151;
font-size: 24px;
line-height: 1;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
margin: 0 3px;
}

.blogvista-blog-slider.owl-carousel .owl-nav button:hover,
.blogvista-blog-slider.owl-carousel .owl-nav button:focus {
background: #7C3AED;
border-color: #7C3AED;
color: #ffffff;
}

.blogvista-blog-slider.owl-carousel .owl-dots {
margin-top: 28px;
text-align: center;
}

.blogvista-blog-slider.owl-carousel .owl-dot span {
width: 8px;
height: 8px;
margin: 0 4px;
background: #DDD6FE;
border-radius: 50%;
display: inline-block;
transition: background 0.2s ease, transform 0.2s ease;
}

.blogvista-blog-slider.owl-carousel .owl-dot.active span {
background: #7C3AED;
transform: scale(1.35);
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
.blogvista-hero__heading {
font-size: 44px;
}
.blogvista-posts-section__heading {
font-size: 34px;
}
}

@media (max-width: 768px) {
.blogvista-hero {
padding: 80px 20px 70px;
min-height: 400px;
}
.blogvista-hero__heading {
font-size: 34px;
}
.blogvista-hero__subtext {
font-size: 15px;
}
.blogvista-posts-section {
padding: 52px 0 64px;
}
.blogvista-posts-section__heading {
font-size: 28px;
}
}

@media (max-width: 480px) {
.blogvista-hero__heading {
font-size: 28px;
}
}

@charset "UTF-8";

body .site-main .comments-area a,
body .site-main .page-content a {
    text-decoration: underline
}

.alignright {
    float: right;
    margin-left: 1rem
}

.alignleft {
    float: left;
    margin-right: 1rem
}

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

.alignwide {
    margin-left: -80px;
    margin-right: -80px
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw
}

/*.alignfull,
.alignfull img {
    width: 100vw
}*/

.wp-caption {
    margin-bottom: 1.25rem;
    max-width: 100%
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption-text {
    margin: 0
}

.gallery-caption {
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    padding: .75rem
}

.pagination {
    margin: 20px auto
}

.sticky {
    position: relative;
    display: block
}

.bypostauthor {
    font-size: inherit
}

.hide {
    display: none !important
}

.post-password-form p {
    width: 100%;
    display: flex;
    align-items: flex-end
}

.post-password-form [type=submit] {
    margin-left: 3px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.site-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.site-header .site-navigation {
    justify-content: flex-end
}

.site-header .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-header .header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.site-header .header-inner .custom-logo-link {
    display: block
}

.site-header .header-inner .site-branding .site-description,
.site-header .header-inner .site-branding .site-title {
    margin: 0
}

.site-header .header-inner .site-branding.show-logo .site-title,
.site-header .header-inner .site-branding.show-title .site-logo {
    display: none !important
}

.site-header:not(.header-stacked) .header-inner .site-branding {
    max-width: 30%
}

.site-header:not(.header-stacked) .header-inner .site-navigation {
    max-width: 70%
}

.site-header.header-inverted .header-inner {
    flex-direction: row-reverse
}

.site-header.header-inverted .header-inner .site-branding {
    text-align: right
}

.site-header.header-inverted .header-inner .site-navigation {
    justify-content: start
}

.site-header.header-stacked .header-inner {
    align-items: center;
    flex-direction: column;
    text-align: center
}

@media (max-width:576px) {
    .site-header .header-inner:not(.header-stacked) .site-branding {
        max-width: 80%
    }
}

.site-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.site-footer .footer-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.site-footer .footer-inner .custom-logo-link {
    display: block
}

.site-footer .footer-inner .site-navigation {
    justify-content: flex-end
}

.site-footer .footer-inner .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.site-footer .footer-inner .site-branding .site-description,
.site-footer .footer-inner .site-branding .site-title {
    margin: 0
}

.site-footer .footer-inner .site-branding.show-logo .site-title,
.site-footer .footer-inner .site-branding.show-title .site-logo {
    display: none !important
}

.site-footer .footer-inner .copyright {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.site-footer .footer-inner .copyright p {
    margin: 0
}

.site-footer.footer-inverted .footer-inner {
    flex-direction: row-reverse
}

.site-footer.footer-inverted .footer-inner .site-branding {
    text-align: right
}

.site-footer.footer-inverted .footer-inner .site-navigation {
    justify-content: flex-start
}

.site-footer.footer-has-copyright .footer-inner .site-navigation {
    justify-content: center
}

.site-footer.footer-stacked .footer-inner {
    align-items: center;
    flex-direction: column;
    text-align: center
}

.site-footer.footer-stacked .footer-inner .site-branding h4.site-title {
    text-align: center
}

.site-footer.footer-stacked .footer-inner .site-navigation .menu {
    padding: 0
}

.site-footer:not(.footer-stacked) .footer-inner .site-branding {
    max-width: 20%
}

.site-footer:not(.footer-stacked) .footer-inner .site-navigation {
    max-width: 60%
}

.site-footer:not(.footer-stacked) .footer-inner .copyright {
    max-width: 20%
}

@media (max-width:576px) {

    .site-footer:not(.footer-stacked) .footer-inner .copyright,
    .site-footer:not(.footer-stacked) .footer-inner .site-branding,
    .site-footer:not(.footer-stacked) .footer-inner .site-navigation {
        display: block;
        text-align: center;
        width: 100%;
        max-width: none
    }

    .site-footer .footer-inner .site-navigation ul.menu {
        justify-content: center
    }

    .site-footer .footer-inner .site-navigation ul.menu li {
        display: inline-block
    }
}

.post .entry-title a {
    text-decoration: none
}

.post .wp-post-image {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:991px) {
    .post .wp-post-image {
        max-height: 400px
    }
}

@media (max-width:575px) {
    .post .wp-post-image {
        max-height: 300px
    }
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .9em
}

#comments .comment,
#comments .pingback {
    position: relative
}

#comments .comment .comment-body,
#comments .pingback .comment-body {
    display: flex;
    flex-direction: column;
    padding: 30px 0 30px 60px;
    border-bottom: 1px solid #ccc
}

body.rtl #comments .comment .comment-body,
body.rtl #comments .pingback .comment-body {
    padding: 30px 60px 30px 0
}

#comments .comment .avatar,
#comments .pingback .avatar {
    position: absolute;
    left: 0;
    border-radius: 50%;
    margin-right: 10px
}

body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar {
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 10px
}

#comments .comment-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: .9rem
}

#comments .comment-metadata,
#comments .reply {
    font-size: 11px;
    line-height: 1
}

#comments .children {
    position: relative;
    list-style: none;
    margin: 0;
    padding-left: 30px
}

body.rtl #comments .children {
    padding-left: 0;
    padding-right: 30px
}

#comments .children li:last-child {
    padding-bottom: 0
}

#comments ol.comment-list .children:before {
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 100%;
    content: "↪";
    position: absolute;
    top: 45px;
    left: 0;
    width: auto
}

body.rtl #comments ol.comment-list .children:before {
    content: "↩";
    left: auto;
    right: 0
}

@media (min-width:768px) {

    #comments .comment-author,
    #comments .comment-metadata {
        line-height: 1
    }
}

@media (max-width:767px) {
    #comments .comment .comment-body {
        padding: 30px 0
    }

    #comments .children {
        padding-left: 20px
    }

    #comments .comment .avatar {
        position: inherit;
        float: left
    }

    body.rtl #comments .comment .avatar {
        float: right
    }
}

/*----- Header style Start -----*/
.site-header.header-inverted .site-navigation-toggle-holder {
    justify-content: flex-start
}

.site-header.header-stacked .site-navigation-toggle-holder {
    justify-content: center;
    max-width: 100%
}

.site-header.menu-layout-dropdown .site-navigation {
    display: none
}

.site-navigation-toggle-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
    max-width: 20%;
    padding: 8px 15px
}

.site-navigation-toggle-holder .site-navigation-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding: .25em;
    cursor: pointer;
    border: 0 solid;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .05);
    color: #494c4f
}.site-navigation {
    grid-area: nav-menu;
    display: flex;
    align-items: center;
    flex-grow: 1
}

.site-navigation ul.menu,
.site-navigation div.menu ul,
.site-navigation ul.menu ul,
.site-navigation div.menu ul ul {
    list-style-type: none;
    padding: 0
}

.site-navigation ul.menu,
.site-navigation div.menu ul {
    display: flex;
    flex-wrap: wrap
}

.site-navigation ul.menu li,
.site-navigation div.menu ul li {
    position: relative;
    display: flex
}

.site-navigation ul.menu li a,
.site-navigation div.menu ul li a {
    display: block;
    padding: 8px 15px
}

.site-navigation ul.menu li.menu-item-has-children,
.site-navigation div.menu ul li.menu-item-has-children {
    padding-right: 15px
}

.site-navigation ul.menu li.menu-item-has-children:after,
.site-navigation div.menu ul li.menu-item-has-children:after {
    display: block;
    content: "▾";
    font-size: 1.5em;
    align-items: center;
    color: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none
}

.site-navigation ul.menu li.menu-item-has-children:focus-within>ul,
.site-navigation div.menu ul li.menu-item-has-children:focus-within>ul,
.site-navigation ul.menu li.page_item_has_children:focus-within>ul,
.site-navigation div.menu ul li.page_item_has_children:focus-within>ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.site-navigation ul.menu li ul,
.site-navigation div.menu ul li ul {
    background: #ffffff;
    display: block;
    opacity: 0;
    visibility: hidden;
    min-width: 150px;
    position: absolute;
    /*z-index: 2;*/
    z-index: 100;
    left: 0;
    top: 100%
}

.site-navigation ul.menu li ul li,
.site-navigation div.menu ul li ul li {
    border-bottom: 1px solid #eee
}

.site-navigation ul.menu li ul li:last-child,
.site-navigation div.menu ul li ul li:last-child {
    border-bottom: none
}

.site-navigation ul.menu li ul li.menu-item-has-children a,
.site-navigation div.menu ul li ul li.menu-item-has-children a {
    flex-grow: 1
}

.site-navigation ul.menu li ul li.menu-item-has-children:after,
.site-navigation div.menu ul li ul li.menu-item-has-children:after {
    transform: translateY(-50%) rotate(-90deg)
}

.site-navigation ul.menu li ul ul,
.site-navigation div.menu ul li ul ul {
    left: 100%;
    top: 0
}

.site-navigation ul.menu li:hover>ul,
.site-navigation ul.menu li.focus>ul,
.site-navigation div.menu li:hover>ul,
.site-navigation div.menu li.focus>ul {
    opacity: 1;
    visibility: visible;
}
.site-navigation-dropdown {
    margin-top: 10px;
    transition: max-height .3s, transform .3s;
    transform-origin: top;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}.site-navigation-dropdown ul {
    padding: 0
}

.site-navigation-dropdown ul.menu {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff
}

.site-navigation-dropdown ul.menu li {
    display: block;
    width: 100%;
    position: relative
}

.site-navigation-dropdown ul.menu li a {
    display: block;
    padding: 20px;
    background: #ffffff;
    color: #55595c;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1019607843)
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    color: #ffffff;
    background: #55595c
}

.site-navigation-dropdown ul.menu>li li {
    transition: max-height .3s, transform .3s;
    transform-origin: top;
    transform: scaleY(0);
    max-height: 0
}@media (max-width:576px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
        display: none !important
    }
}

@media (min-width:768px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
        display: none !important
    }
}

@media (min-width:576px) and (max-width:767px) {
    .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
        display: none !important
    }
}

@media (min-width:992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
        display: none !important
    }
}

@media (max-width:992px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
        display: none !important
    }
}

.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none !important
}
/*----- Header style End -----*/

/*----- Footer style Start -----*/
footer .site-navigation ul.menu li ul {
    top: auto;
    bottom: 100%
}

footer .site-navigation ul.menu li ul ul {
    bottom: 0
}

footer .site-navigation ul.menu a {
    padding: 5px 15px
}
/*----- Footer style End -----*/



.page-header .entry-title,
.page-header .archive-description,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
.site-main {
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

@media (max-width:575px) {

    .page-header .entry-title,
    .page-header .archive-description,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-main {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:576px) {

    .page-header .entry-title,
    .page-header .archive-description,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-main {
        max-width: 500px
    }

    .site-footer.footer-full-width .footer-inner,
    .site-header.header-full-width .header-inner {
        max-width: 100%
    }
}

@media (min-width:768px) {

    .page-header .entry-title,
    .page-header .archive-description,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-main {
        max-width: 600px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media (min-width:992px) {

    .page-header .entry-title,
    .page-header .archive-description,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-main {
        max-width: 800px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media (min-width:1200px) {

    .page-header .entry-title,
    .page-header .archive-description,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    .site-main {
        max-width: 1140px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}/*
 * BlogVista Header – Custom Styles
 *
 * Implements the 3-column header layout matching the design:
 *   [Logo]  [Centered Nav]  [Search Icon | Subscribe Button]
 *
 * @package BlogVista
 */

/* ── Reset overrides from core theme ─────────────────────────────────────── */
body .blogvista-site-header .site-header.blogvista-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0 20px;
	min-height: 68px;
	background: #ffffff;
	max-width: var( --blogvista-container-width, 1200px );
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* ── Logo ─────────────────────────────────────────────────────────────────── */
body .blogvista-site-header .site-branding {
	flex: 0 0 auto;
	width: auto !important;
	min-width: 100px;
}

body .blogvista-site-header .site-branding img {
	max-height: 52px;
	width: auto;
	display: block;
}

body .blogvista-site-header .site-branding h1,
body .blogvista-site-header .site-branding .site-title,
body .blogvista-site-header .site-branding .site-title-option {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1a1a1a;
	margin: 0;
	line-height: 1.2;
}

body .blogvista-site-header .site-branding a {
	text-decoration: none;
	color: inherit;
}

/* ── Navigation – centered ───────────────────────────────────────────────── */
body .blogvista-site-header nav.site-navigation.blogvista-header-nav {
	flex: 1 1 auto;
	width: auto !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu > li,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul > li {
	margin: 0 18px !important;
	padding: 0;
	position: relative;
}

body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu > li > a,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul > li > a {
	display: block;
	padding: 24px 0;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	transition: color 0.2s ease;
}

body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu > li > a:hover,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul > li > a:hover,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu > li.current-menu-item > a,
body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul > li.current-menu-item > a {
	color: #2563eb;
}

/* ── Header Actions (right side) ─────────────────────────────────────────── */
.blogvista-header-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Search toggle button */
.blogvista-header-search-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: none;
	background: #000000;
	color: #ffffff;
	cursor: pointer;
	transition: background 0.2s ease;
	padding: 0;
	line-height: 1;
}

.blogvista-header-search-toggle:hover,
.blogvista-header-search-toggle:focus {
	background: #374151;
	outline: 2px solid #374151;
	outline-offset: 2px;
  color: #fff !important;
}

.blogvista-header-search-toggle svg {
	display: block;
	flex-shrink: 0;
}

/* Subscribe button */
.blogvista-header-subscribe-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 22px;
	border-radius: 50px;
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	transition: background 0.2s ease, transform 0.15s ease;
	border: 2px solid #000000;
}

.blogvista-header-subscribe-btn:hover,
.blogvista-header-subscribe-btn:focus {
	background: #374151;
	border-color: #374151;
	color: #ffffff;
}

/* ── Search Dropdown ─────────────────────────────────────────────────────── */
.blogvista-header-search-box {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	background: #ffffff;
	border-top: 1px solid #e5e7eb;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
	padding: 16px 0;
}

.blogvista-header-search-box.is-open {
	display: block;
}

body .blogvista-site-header {
	position: relative;
}

.blogvista-header-search-inner {
	max-width: var( --blogvista-container-width, 1200px );
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	align-items: center;
	gap: 12px;
}

/* WordPress get_search_form() outputs:
   <form class="search-form">
     <label>
       <span class="screen-reader-text">…</span>
       <input type="search" class="search-field">
     </label>
     <input type="submit" class="search-submit">
   </form>
*/
.blogvista-header-search-inner .search-form {
	flex: 1;
	display: flex;
	align-items: stretch;
}

/* Label wraps the input – make it flex so the input fills it */
.blogvista-header-search-inner .search-form label {
	flex: 1;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

/* Hide the screen-reader label text visually without display:none */
.blogvista-header-search-inner .search-form label .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* The actual text input */
.blogvista-header-search-inner .search-form .search-field {
	flex: 1;
	width: 100%;
	height: 46px;
	padding: 0 20px;
	border: 1.5px solid #d1d5db;
	border-right: none;
	border-radius: 50px 0 0 50px;
	font-size: 15px;
	color: #1a1a1a;
	background: #f9fafb;
	outline: none;
	transition: border-color 0.2s ease, background 0.2s ease;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.blogvista-header-search-inner .search-form .search-field::placeholder {
	color: #9ca3af;
}

.blogvista-header-search-inner .search-form .search-field:focus {
	border-color: #2563eb;
	background: #ffffff;
}

/* Submit button */
.blogvista-header-search-inner .search-form .search-submit {
	height: 46px;
	padding: 0 24px;
	background: #000000;
	color: #ffffff;
	border: none;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	transition: background 0.2s ease;
	flex-shrink: 0;
}

.blogvista-header-search-inner .search-form .search-submit:hover,
.blogvista-header-search-inner .search-form .search-submit:focus {
	background: #2563eb;
	outline: none;
}

.blogvista-header-search-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #f3f4f6;
	border: none;
	border-radius: 50%;
	font-size: 16px;
	color: #6b7280;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	flex-shrink: 0;
	transition: background 0.2s ease, color 0.2s ease;
}

.blogvista-header-search-close:hover,
.blogvista-header-search-close:focus {
	background: #000000;
	color: #ffffff;
	outline: none;
}

/* ── Mobile Toggle – show on mobile ─────────────────────────────────────── */
body .blogvista-site-header .site-navigation.blogvista-header-nav .wp-mobile-toggle-wrap {
	display: none;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media ( max-width: 1024px ) {
	body .blogvista-site-header nav.site-navigation.blogvista-header-nav > ul.menu > li,
	body .blogvista-site-header nav.site-navigation.blogvista-header-nav > div.menu > ul > li {
		margin: 0 12px !important;
	}
}

@media ( max-width: 768px ) {
	body .blogvista-site-header .site-header.blogvista-header-inner {
		flex-wrap: wrap;
		min-height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* Show mobile toggle button */
	body .blogvista-site-header .site-navigation.blogvista-header-nav .wp-mobile-toggle-wrap {
		display: flex !important;
		align-items: center;
		gap: 8px;
		pointer-events: auto;
	}

	/* Stack nav below branding + actions row on mobile */
	body .blogvista-site-header nav.site-navigation.blogvista-header-nav {
		order: 3;
        flex: 0 0 100%;
        justify-content: center;
        margin-top: 33px;
    }

	.blogvista-header-subscribe-btn {
		padding: 8px 16px;
		font-size: 13px;
	}

	.blogvista-header-search-toggle {
		width: 36px;
		height: 36px;
	}
}

@media ( max-width: 480px ) {
	.blogvista-header-subscribe-btn span {
		display: none;
	}
}



/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  float: left;
  margin: 0 auto;
  text-align: center;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}

#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}

#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 10px;
  font-size: 14px;
  font-family: Nunito Sans;
  font-weight: 700;
  letter-spacing: 0%;
  color: #000000;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #000000;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 35px;
  left: -9999em;
  background: #111111;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 10px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: #ffffff;
  border-bottom: solid 1px #e4e7ee;
}

#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: var(--secondary-theme-color);
  color: #fff;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}

#main-menu li:hover > ul,
#main-menu li:focus-within > ul,
#main-menu li.focus > ul {
  opacity: 1;
  left: 0;
}

@media screen and (min-width : 320px) and (max-width : 767px) {
#main-menu ul li a:before {
    content: none;
    position: static;
  }
  button.menu-toggle:focus, a.open-search-form:focus {
    outline: 3px solid #ffbc00 !important;
    text-decoration: none !important;
  }
  .menu-toggle,
  .dropdown-toggle {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    background: #000000;
    color: #ffffff;
    border: none;
  }
  #main-menu{
    display: none;
  }
  .header.toggled #main-menu{
    display: block;
    z-index: 999999;
    margin-bottom: 10px;
  }
  button.close-menu{
    display: inline-block;
    background: #000000;
    border: none;
    color: #fff;
  }
  button.close-menu:hover,button.close-menu:focus,button.menu-toggle:hover,button.menu-toggle:focus{
    background: #000000 !important;
    color: #ffffff !important; 
  }
  body .blogvista-site-header .site-header.blogvista-header-inner{
    justify-content: center;
    gap:30px;
  }
  .close-menu:focus{
    outline: 3px solid #ffbc00 !important;
    border-color: #ffbc00;
  }
  #main-menu ul li {
    float: left;
    width: 100%;
  }
  #main-menu ul li:nth-child(even) {background: #f5f5f5}
  #main-menu ul li:nth-child(odd) {background: #e5e5e5}
  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }
  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }
  #main-menu ul {
    padding: 0;
    float: none;
  }
  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
    color: #4a5053;
  }
  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #4a5053;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }
  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
  }
  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }
  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}