/*!
Theme Name: Eco Green
Theme URI: https://www.thealphablocks.com/themes/free-eco-nature-wordpress-theme/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: The Eco Green theme is a carefully crafted solution tailored for eco-conscious businesses, green startups, sustainable organizations, environmental NGOs, and renewable energy providers, among others. With its clean, modern design, this theme highlights a commitment to environmental sustainability, providing an engaging and intuitive user experience. Packed with features to support eco-awareness initiatives, community events, sustainability education, and climate action campaigns, it empowers organizations to effectively promote their missions. Whether you're showcasing eco-friendly product lines, renewable energy projects, aquaponics systems, or sustainable agriculture solutions, the theme offers versatile tools to display your projects with maximum impact. Its visuals incorporate natural aesthetics using earthy tones and nature-inspired layouts, complemented by dynamic banners, interactive galleries, and call-to-action sections, ensuring a seamless experience across all devices. The theme is compatible with essential plugins like GiveWP for donations, Contact Form 7 for inquiries, and Yoast SEO for enhanced visibility, allowing for effective promotion of eco initiatives, including organic gardening tips and green packaging innovations that often emphasize the importance of using natural methods instead of harmful pesticides. Optimized for speed, performance, and SEO, Eco Green serves as a professional platform dedicated to fostering environmental change and driving the transition towards a greener and more sustainable future.
Version: 4.9
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eco-green
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, featured-image-header, footer-widgets, block-patterns, block-styles, rtl-language-support, sticky-post, style-variations, threaded-comments, theme-options, translation-ready, blog, photography, food-and-drink

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

Eco Green is based on Twenty Twenty-Two WordPress Theme, (C) 2024 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

:root {
  --wp--custom--core-button--spacing--padding--left: 40px;
  --wp--custom--core-button--spacing--padding--right: 40px;
  --wp--custom--core-button--spacing--padding--top: 10px;
  --wp--custom--core-button--spacing--padding--bottom: 10px;
  --wp--custom--core-button--color: #fff;
  --wp--custom--core-button--color--background: #6EA343;
  --wp--custom--core-button--color-hover: #fff;
  --wp--custom--core-button--color--background-hover: #0f1214;
  --wp--custom--core-button--box-sizing: border-box;
  --wp--custom--core-button--word-break: border-box;
  --wp--custom--core-button--text-align: center;
  --wp--custom--core-button--border-radius--top-left: 0;
  --wp--custom--core-button--border-radius--top-right: 0;
  --wp--custom--core-button--border-radius--bottom-left: 0;
  --wp--custom--core-button--border-radius--bottom-right: 0;
  --wp--custom--core-button--typography--font-size: 15px;
  --wp--custom--core-button--typography--font-weight: 500;
  --wp--custom--core-button--line-height: 1.7;
}

:root :where(.wp-block-button .wp-block-button__link){
  letter-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #fafafa ;
  font-family: "Inter", sans-serif !important;
}

header a,
footer a {
  text-decoration: none;
}

/* -------------------------------------------------------- */
/* ---// Links Style
-------------------------------------------------------- */

.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}

.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}

a:focus-visible,
a:focus {
  outline: 1px dotted;
  text-decoration: underline !important;
}

a:hover,
a:active,
a:hover {
  outline: none;
  color: var(--wp--preset--color--primary);
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family: "Poppins", sans-serif;
}

h1 a:active,
h1 a:hover,
h1 a:focus,
h2 a:active,
h2 a:hover,
h2 a:focus,
h3 a:active,
h3 a:hover,
h3 a:focus,
h4 a:active,
h4 a:hover,
h4 a:focus,
h5 a:active,
h5 a:hover,
h5 a:focus,
h6 a:active,
h6 a:hover,
h6 a:focus,
.wp-block-post-title a:active,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus {
  background-size: 100% 2px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--normal);
  width: 100%;
  background: var(--wp--preset--color--input-field);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

table {
  border-spacing: 0;
  border: 1px solid var(--wp--preset--color--border);
}

table td,
table th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.wp-block-preformatted {
  background-color: var(--wp--preset--color--background-secondary);
  box-sizing: border-box;
  overflow: auto;
  word-wrap: break-word;
  padding: 60px;
}

.lower-header {
    flex-basis: 78.66% !important;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-quote p {
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--medium);
  font-style: italic;
  margin-top: 0;
}

.wp-block-quote:before {
  color: var(--wp--preset--color--primary);
  content: "\201C";
  font-size: 5.25rem;
  line-height: 0;
  height: auto;
  display: block;
}

.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
  padding: 80px 50px 50px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: var(--wp--preset--color--background-secondary);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

hr {
  background-color: var(--wp--preset--color--border);
  border-width: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #6ea343;
    }

    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }

.has-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
  text-decoration: none;
  border-style: solid;
}

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  text-decoration: none;
  border-style: solid;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border: 2px solid var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
  text-decoration: none;
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--wp--preset--color--primary);
}

.wp-block-button__link:visited,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
input[type="button"],
button,
input[type="reset"],
input[type="submit"],
input[type=button],
input[type=reset],
input[type=submit],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: var(--wp--custom--core-button--color);
  background-color: var(--wp--preset--color--primary);
  border-top-left-radius: var(--wp--custom--core-button--border-radius--top-left);
  border-top-right-radius: var(--wp--custom--core-button--border-radius--top-right);
  border-bottom-left-radius: var(--wp--custom--core-button--border-radius--bottom-left);
  border-bottom-right-radius: var(--wp--custom--core-button--border-radius--bottom-right);
  font-weight: var(--wp--custom--core-button--typography--font-weight);
  font-size: var(--wp--custom--core-button--typography--font-size);
  padding-left: var(--wp--custom--core-button--spacing--padding--left);
  padding-right: var(--wp--custom--core-button--spacing--padding--right);
  padding-top: var(--wp--custom--core-button--spacing--padding--top);
  padding-bottom: var(--wp--custom--core-button--spacing--padding--bottom);
  text-align: var(--wp--custom--core-button--text-align);
  word-break: var(--wp--custom--core-button--word-break);
  box-sizing: var(--wp--custom--core-button--box-sizing);
  line-height: var(--wp--custom--core-button--line-height);
  cursor: pointer;
}

.woocommerce ul.products li.product .onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--background);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wp-block-button__link:visited:hover,
.wp-block-button__link:visited:focus,
.wp-block-button__link:visited:active,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
button:hover,
button:focus,
button:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
}

/** Recent Work **/

.recent-work-area img {
  width: 100%;
}

.recent-work-area span.dashicons.dashicons-arrow-right-alt2 {
  margin-top: 5px;
}

.wp-block-navigation .wp-block-navigation__responsive-container-open {
  padding: 5px;
  border: 1px solid #9292923b;
}

ul.has-link-color li {
  margin-bottom: 10px;
}

.wp-block-navigation ul li a:hover,
.wp-block-navigation ul li a:focus,
.wp-block-navigation ul li a:active {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li.current-menu-item>a {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li .wp-block-navigation-submenu__toggle {
  background: none;
}

@media screen and (min-width: 599px) {
  .wp-block-navigation ul li ul {
    border: none !important;
    box-shadow: 0px 3px 15px 0px #1E1E1E0d;
    width: 220px;
  }

  .wp-block-navigation ul li ul:after {
    content: "";
    display: inline-block;
    background: transparent;
    width: 100%;
    height: 45px;
    position: absolute;
    top: -25px;
    left: 0;
  }

  .wp-block-navigation ul li ul li {
    border-bottom: 1px solid #9292923b;
  }

  .wp-block-navigation ul li ul li:last-child {
    border: none;
  }

  .wp-block-navigation ul li.open-on-click ul {
    top: 50px;
  }

  .wp-block-navigation ul li.open-on-hover-click ul {
    opacity: 0;
    visibility: hidden;
    border: none !important;
    box-shadow: 0px 3px 15px 0px #1E1E1E0d;
    width: 220px;
    transform: translateY(20px);
    pointer-events: none;
    max-height: none;
    z-index: 999;
    transition: transform .4s ease;
  }

  .wp-block-navigation ul li.open-on-hover-click:hover>ul,
  .wp-block-navigation ul li.open-on-hover-click:focus>ul,
  .wp-block-navigation ul li.open-on-hover-click:active>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    pointer-events: auto;
    transition: transform .4s ease;
  }
}

.sp-navigation,
.wp-block-navigation__container {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 599px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border: 1px solid #9292923b;
    border-bottom: none;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #9292923b;
    padding: 7px 50px 7px 20px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
    display: block !important;
    margin-left: 15px !important;
    padding: 3px 10px;
    float: right;
    font-size: 19px;
    line-height: 1;
    position: relative !important;
    right: 0;
    top: 0;
    height: 42px;
    width: 42px;

  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    display: none;
    box-shadow: none;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
    padding-left: 35px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
    display: block;
    margin: 0;
    padding: 0;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
    transition-timing-function: ease-in;
    transition: 0s;
    transform: translateX(130%);
    display: block;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    visibility: visible;
    transition-timing-function: ease-out;
    transition: .7s;
    transform: translateX(0);
    top: 0;
  }

  body.admin-bar .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    top: 32px;
  }
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
  max-width: 600px;
  margin: 0 auto;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
  width: 100%;
  gap: 0 !important;
  border: 1px solid #9292923b;
  border-bottom: none;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
  width: 100%;
  gap: 0 !important;
  border: none !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #9292923b;
  padding: 15px 50px 15px 30px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
  display: block !important;
  margin-left: 50px;
  padding: 3px 10px;
  float: right;
  font-size: 19px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  height: 55px;
  width: 55px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
  stroke: currentColor;
  display: block;
  width: 30px;
  height: 13px;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
  width: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
  transform: inherit;
  height: 0;
  visibility: hidden;
  box-shadow: none;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
  padding-left: 35px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
  margin: 0;
  padding: 0;
  height: 100%;
  visibility: visible;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container {
  transition-timing-function: ease-in;
  transition: 0s;
  transform: translateY(-130%);
  display: block;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container.is-menu-open {
  visibility: visible;
  transition-timing-function: ease-out;
  transition: .7s;
  transform: translateY(0);
  top: 0;
}

.wp-block-post-author {
  display: flex;
  align-items: center;
}

.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
  color: inherit;
  border: 1px solid var(--wp--preset--color--border);
  font-size: var(--wp--preset--font-size--normal);
  font-family: inherit;
  background: inherit;
  border-radius: 0;
}

.wp-block-post-comments input:not([type=submit]):active,
.wp-block-post-comments input:not([type=submit]):hover,
.wp-block-post-comments input:not([type=submit]):focus,
.wp-block-post-comments textarea:active,
.wp-block-post-comments textarea:hover,
.wp-block-post-comments textarea:focus {
  border: 1px solid var(--wp--preset--color--primary);
}

.wp-block-post-comments .depth-1 {
  border: 1px solid var(--wp--preset--color--border);
  padding: 50px 30px;
  margin: 50px 0;
}

.wp-block-post-comments .children li {
  border-top: 1px solid;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border);
}

.wp-block-post-comments .children li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wp-block-post-comments .comment-form p {
  margin-bottom: 25px;
}

@media screen and (min-width: 910px) {
  .no-submenu-triangle.wp-block-navigation ul ul::before {
    display: none;
  }
}

.grayscale,
.grayscale img {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  transition-duration: .4s;
}

.grayscale:hover,
.grayscale:focus,
.grayscale:active,
.grayscale img:hover,
.grayscale img:focus,
.grayscale img:active {
  opacity: 1;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}

.wp-block-button.is-style-fill a.wp-block-button__link {
  border: none;
}

.image-zoom-hover {
  overflow: hidden;
}

.image-zoom-hover img {
  margin: 0;
  -webkit-transition: -webkit-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  transition: transform 1s ease;
  vertical-align: middle;
  width: 100%;
}

.image-zoom-hover:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  font-size: 1rem;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a {
  position: relative;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label {
  clip: inherit;
  height: auto;
  overflow: visible;
  clip-path: inherit;
  left: 35px;
  background: #fff;
  display: block;
  color: black;
  width: auto;
  padding: 3px 10px;
  line-height: initial;
  font-size: 14px;
  border-radius: 2px;
  opacity: 0;
  min-width: 100px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label::after {
  content: "";
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  position: absolute;
  left: -5px;
  top: 5px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a:hover .wp-block-social-link-label {
  visibility: visible;
  opacity: 1;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-block-social-link:hover {
  transform: scale(1);
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label {
  top: -30PX;
  left: 0;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  top: 21px;
  left: 5px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  /*.mobile-hide {
    display: none;
  }*/

  .mobile-alignleft {
    text-align: left;
  }

  .mobile-alignright {
    text-align: right;
  }

  .mobile-aligncenter {
    align-content: space-between;
    display: grid;
    gap: 10px 0;
    justify-content: center;
    justify-items: stretch;
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .wp-block-social-link {
    margin: 0 3px;
  }
}

.transparent-header,
.block-editor-block-list__layout .transparent-header {
  background: linear-gradient(180deg, #1E1E1E63 50%, transparent);
  gap: 0;
  left: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.logged-in.admin-bar .transparent-header {
  top: 32px;
}

.text-has-rectangle {
  position: relative;
}

@media screen and (max-width: 910px) {

  .transparent-header,
  .block-editor-block-list__layout .transparent-header {
    position: inherit;
    background: #111;
  }
}

body .wp-block-group .no-margin {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-top {
  margin-top: 0;
}

body .wp-block-group .no-margin-bottom {
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-left {
  margin-left: 0;
  margin-inline-start: 0;
}

body .wp-block-group .no-margin-right {
  margin-right: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-padding {
  padding: 0;
}

body .wp-block-group .no-padding-top {
  padding-top: 0;
}

body .wp-block-group .no-padding-bottom {
  padding-bottom: 0;
}

.wp-site-blocks>*+* {
  margin: 0;
}

.editor-styles-wrapper a {
  text-decoration: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-loginout a::before {
  content: "\f007";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  margin-right: 10px;
}

.wp-block-categories,
.wp-block-archives {
  list-style: none;
  padding: 0;
}

.wp-block-categories li a,
.wp-block-archives li a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: inherit;
}

.wp-block-categories li a::before,
.wp-block-archives li a::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  font-size: 13px;
  margin-right: 8px;
}

.wp-block-categories li a::before {
  content: "\f318";
}

.wp-block-archives li a::before {
  content: "\f07b";
}

.editor-styles-wrapper .wp-block-categories ul,
.editor-styles-wrapper .wp-block-archives ul,
.editor-styles-wrapper .wp-block-page-list {
  list-style: none;
  padding: 0;
}

.taxonomy-category.wp-block-post-terms a,
.taxonomy-post_tag.wp-block-post-terms a,
.wp-block-tag-cloud a {
  border: 1px solid;
  display: inline-block;
  font-size: 14px !important;
  margin: 5px;
  padding: 2px 10px;
  text-decoration: inherit !important;
  border-radius: 2px;
}

span.wp-block-post-terms__separator {
  display: none;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  font-size: 13px;
  margin-right: 10px;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "\f469";
}

.wp-block-latest-posts li {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}

.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  vertical-align: middle;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
  font-size: 1rem;
  line-height: 1.5;
}

.wp-block-latest-posts li>a {
  font-weight: 600;
  display: block;
  padding-top: 5px;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-post-date {
  display: inline-block;
  margin-right: 10px;
}

.wp-block-latest-posts__post-author::before,
.wp-block-latest-posts__post-date::before,
.wp-block-post-date::before {
  content: "";
  display: inline-block;
  font-family: 'dashicons';
  font-size: 15px;
  margin-right: 2px;
  position: relative;
  top: 3px;
  font-weight: 100;
}

.wp-block-latest-posts__post-author::before {
  content: "\f007";
}

.wp-block-latest-posts__post-date:before,
.wp-block-post-date:before {
  content: "\f469";
}

.wp-block-latest-comments {
  padding: 0;
}

a.wp-block-post-excerpt__more-link {
  font-weight: 600;
  margin-top: 5px;
  display: block;
}

a.wp-block-post-excerpt__more-link::after {
  content: "\f345";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: 'dashicons';
  font-size: 13px;
  margin-left: 10px;
}

a.wp-block-post-excerpt__more-link+a.wp-block-post-excerpt__more-link::after,
a.wp-block-post-excerpt__more-link>a.wp-block-post-excerpt__more-link:after {
  display: none;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper {
  padding: 0;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  cursor: pointer;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  border: 1px solid transparent;
  padding: 9px 25px;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 9px 0 9px 25px;
  border: none;
}

.wp-site-blocks .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input {
  background: transparent;
}

.wp-site-blocks .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #fff;
}

.wp-site-blocks .wp-block-search.wp-block-search__icon-button .wp-block-search__button,
.editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button {
  padding: 9px 12px;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  z-index: 1;
  color: var(--wp--preset--color--background);
}

figure.wp-block-gallery {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-post-author {
  align-items: center;
}

.wp-block-post-author__avatar img {
  border-radius: 50%;
  vertical-align: middle;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  font-size: 18px;
  padding: 35px 15px 35px;
}

.wp-block-query-pagination {
  margin: 80px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--secondary-background);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 100px;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white) !important;
}

/*inner pages*/
@media screen and (max-width: 991px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 767px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/* elements
--------------------------------------------- */
.woocommerce ul.products li.product .price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .price {
  color: inherit;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce .related.products h2 {
  margin-bottom: 20px;
}

.woocommerce h1.woocommerce-products-header__title.page-title {
  font-size: 2rem;
}

.woocommerce table.shop_attributes {
  border-spacing: 0;
  border: 1px solid;
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.woocommerce .product_meta .posted_in {
  display: block;
  margin-top: 15px;
}

.woocommerce .product_meta .posted_in a {
  border: 1px solid var(--wp--preset--color--foreground);
  font-size: 0.9rem;
  padding: 5px 10px;
  margin: 0 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: inherit;
  margin: 0;
  border-radius: 0;
  border-color: inherit;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
  background-color: var(--wp--custom--core-button--color--background);
  color: #fff;
  border-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: inherit;
  padding: 10px 20px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 40px;
  border: 1px solid;
  margin-top: -1px;
}

.woocommerce span.onsale {
  background-color: var(--wp--preset--color--primary);
  min-height: unset;
  min-width: unset;
  border-radius: 0;
  transform: rotate(90deg);
  line-height: 1.3;
  top: 9px;
  left: 0;
  padding: 4px 9px;
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 35px;
  display: block;
}

.woocommerce .woocommerce-pagination ul {
  border-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li {
  border-right-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li span,
.woocommerce .woocommerce-pagination ul li a {
  padding: 20px;
}

.woocommerce .woocommerce-pagination ul li a:focus,
.woocommerce .woocommerce-pagination ul li a:hover,
.woocommerce .woocommerce-pagination ul li span.current {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

.woocommerce .woocommerce-checkout .form-row {
  padding: 0;
  margin: 0 0 15px;
}

.woocommerce .woocommerce-checkout .form-row input.input-text,
.woocommerce .woocommerce-checkout .form-row textarea {
  line-height: normal;
  padding: 15px 25px;
  margin: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.4;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 39px;
  width: 40px;
}

.woocommerce .woocommerce-checkout .select2-container .select2-selection--single {
  height: auto;
  border-radius: 0;
  background: var(--wp--preset--color--background-secondary);
  border: none;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row label {
  line-height: 1.75;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  margin: 0 0 20px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table {
  border-right: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .form-row .woocommerce-input-wrapper textarea {
  height: 150px;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
  color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover {
  color: var(--wp--preset--color--secondary);
  color: var(--wp--custom--core-button--color);
}

.wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button {
  cursor: pointer;
}

.wc-block-mini-cart__template-part .wc-block-components-drawer,
.wc-block-mini-cart__template-part .wp-block-woocommerce-mini-cart-contents {
  background: var(--wp--preset--color--background-secondary);
}

.wc-block-mini-cart__template-part h2.wc-block-mini-cart__title {
  font-size: 1rem;
}

.wc-block-mini-cart__template-part .wc-block-components-product-metadata__description {
  display: none;
}

.wc-block-mini-cart__template-part .wc-block-components-quantity-selector:after {
  border-radius: 0;
}

.wc-block-mini-cart__template-part .wc-block-mini-cart__footer {
  border-color: var(--wp--preset--color--border);
}

.wc-block-mini-cart__template-part .wc-block-cart-item__product .wc-block-cart-item__quantity {
  padding-top: 0 !important;
}

.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--foreground);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 1.1rem;
  font-weight: 500;
}

.woocommerce-page .input-text {
  padding: 0.8rem 1.1rem;
}

.woocommerce .quantity .qty {
  width: 5.631em;
}

.grid-layout.wp-block-post-template:not(.alignwide) .wp-block-post-featured-image img {
  height: 300px;
  object-fit: cover;
}

.has-bottom-shadow:after,
.has-bottom-shadow:before {
  background: rgb(0 169 164 / 21%);
}

.margin-minus-220 {
  margin-top: -220px !important;
  position: relative;
  z-index: 2;
}

.has-border-radius {
  border-radius: 5px;
  overflow: hidden;
}

.youtube-popup-link {
  cursor: pointer;
}

.is-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashicons {
  height: auto !important;
  width: auto !important;
}

.box-shadow-ripples .dashicons a,
.youtube-popup-link a {
  display: none;
}

.sticky-sidebar {
  position: sticky;
  top: 0;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #1E1E1E !important;
}

a.wp-block-post-excerpt__more-link::after {
  display: none;
}

.mini-cart-box {
  text-align: center;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account{
  margin: 0 !important;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account a {
  justify-content: center;
}

.mini-search-box {
  background: var(--wp--preset--color--primary);
  border-radius: 30px;
}

.mini-search-box input#wp-block-search__input-2{
  background: transparent;
}

.mini-search-box .wp-block-search__inside-wrapper{
  border: none;
}

.mini-search-box button.wp-block-search__button.has-icon.wp-element-button{
  background: transparent;
}

.mini-cart-box button.wc-block-mini-cart__button:hover{
  background: transparent;
}

.header-nav ul ul li a {
    color: #fff !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #000 !important;
    border: 1px solid #00000026 !important;
}

.home .main-header {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent !important;
}

.lower-header {
  border-radius: 30px;
}

.slider-image-div img{
  width: 100%;
}

.main-slider-div {
  position: relative;
}

.border-image-green {
  margin-top: 0;
  position: absolute;
  bottom: -12px;
  z-index: 999;
}

.colored-text{
  color: var(--wp--preset--color--primary);
}

.about-list-div span {
  font-size: 32px;
  color: var(--wp--preset--color--primary);
}

.footer-wrap-box-inner a,.main-header .wp-block-site-title a:hover{
  color: #fff;
}

.header-nav a.wp-block-navigation-item__content:focus {
  outline: 1px solid;
}

/*Scroll Top*/

p.scroll-top {
    position: absolute;
}
.scroll-top::before {
    font-size: 20px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f062';
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 51px;
    height: 50px;
    transform: rotate(-50deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--primary) !important;
    margin-bottom: 10px;
}

/*Woocommerce CSS*/

nav.woocommerce-MyAccount-navigation li {
  border: 1px solid var(--wp--preset--color--primary);
  margin-bottom: 10px;
  padding: 10px !important;
  background-color: var(--wp--preset--color--primary);
}
nav.woocommerce-MyAccount-navigation li a{
  color: #fff;
  padding: 10px 0 !important;
  text-decoration: none !important;
}
nav.woocommerce-MyAccount-navigation li:hover {
    background-color: #000;
    border-color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li:hover a{
  color: #fff;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    font-size: 16px;
    font-weight: 600;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.wc-block-components-product-badge.wc-block-components-sale-badge {
    box-shadow: 2px 2px 0 0 BLACK !important;
    border-radius: 0 !important;
    border: solid 2px BLACK !important;
    padding: 5px 8px !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: var(--wp--preset--color--primary) ;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    border: 1px solid #dfdfdf !important;
    padding: 30px;
    border-radius: 10px;
    color: black;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    border: 1px solid #dfdfdf !important;
}

form.wc-block-components-form.wc-block-checkout__form {
    padding: 20px !important;
    border: 1px solid #dfdfdf !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color:var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background-color: #000;
    border-color: #000;
}

form.wc-block-components-form.wc-block-checkout__form {
    color: #000 !important;
}

a.wc-block-components-checkout-return-to-cart-button {
    color: var(--wp--preset--color--primary);
}

a.wc-block-components-checkout-return-to-cart-button:hover {
    color: #000 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    color: #000;
}

.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    padding-right: 0 !important;
}

.woocommerce a.added_to_cart,
.added_to_cart.wc-forward,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display:block;
    margin-top: 7px;
    margin-left: 70px;
    margin-right: 70px;
}

.woocommerce-account .addresses .title .edit {
    background:var(--wp--preset--color--primary) !important;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    float: left;
    margin-bottom: 10px;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #fff !important;
}

a.button.wp-element-button.product_type_variable.add_to_cart_button {
  border-radius: 26px !important;
}

a.button.wp-element-button.product_type_grouped {
  border-radius: 29px !important;
}

a.button.wp-element-button.product_type_external {
  border-radius: 53px !important;
}

.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea,
.wp-block-post-comments textarea,
.wp-block-post-comments textarea{
  border: 1px solid #1e1e1e;
}

.wp-block-post-comments .depth-1 {
  border: 1px solid var(--wp--preset--color--border);
  padding: 50px 30px;
  margin: 50px 0;
}

.wp-block-post-comments .children li {
  border-top: 1px solid;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border);

}

.wp-block-post-comments .children li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
  color: #000000;
}

.wp-block-post-comments .comment-form p {
  margin-bottom: 25px;
}

.single-post .wp-block-latest-posts__post-title{
  text-decoration: none;
}

@media screen and (max-width: 800px) and (min-width: 320px){
  .slider h2,.slider p,.main-header h1{
    text-align: center;
  }
  .lower-header .wp-block-columns {
    flex-wrap: nowrap !important;
  }
  .header-nav nav,.slider .wp-block-buttons,.header-info .wp-block-buttons{
    justify-content: center !important;
  }
  .header-nav button{
    background: var(--wp--preset--color--primary) !important;
    color: #fff;
    border-radius: 30px;
    padding: 11px !important;
  }
  .home .main-header {
    position: static;
    background: var(--wp--preset--color--primary) !important;
  }
  .main-slider-div h2 {
    font-size: 25px !important;
  }
  .border-image-green {
    bottom: -5px;
  }
  .main-header .wp-block-search__inside-wrapper,.wp-block-navigation__container,.about-button,.about-list-div{
    justify-content: center;
  }
  .header-nav li a{
    color: #000 !important ;
  }

  
  .aboutus{
    text-align: center;
  }

}

@media screen and (max-width: 575px) and (min-width: 320px){
.footer-wrap-box-inner {
        text-align: center;
    }

    ul.is-style-default {
        justify-content: center;
    }

    .header-nav ul ul li a {
    color: #000 !important;
}
}

@media screen and (max-width: 1199px) and (min-width: 720px){
  .banner-content {
    flex-basis: 80% !important;
  }
  .mini-cart-box button.wc-block-mini-cart__button {
    padding: .75em 0;
  }

  .header-nav ul {
    gap: 9px;
}

}

@media screen and (min-width: 1040px) and (max-width: 1240px) {

  .header-nav ul {
    gap: 9px;
}

}

@media screen and (min-width: 801px) and (max-width: 1040px){
  /*.slider h2,.slider p,.main-header h1{
    text-align: center;
  }*/

  .header-nav ul {
    gap: 6px;
}

.wp-container-core-group-is-layout-48a401c8 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 93%;
  }

.lower-header {
    flex-basis: 69.66% !important;
    flex-grow: 2 !important;
}
  
  .header-nav button{
    background: var(--wp--preset--color--primary) !important;
    color: #fff;
    border-radius: 30px;
    padding: 11px !important;
  }
  /*.home .main-header {
    position: static;
    background: var(--wp--preset--color--primary) !important;
  }*/
  .main-slider-div h2 {
    font-size: 23px !important;
  }

  p.header-p.has-inter-font-family.has-normal-font-size {
    font-size: 14px !important;
}
  .border-image-green {
    bottom: -5px;
  }
  .main-header .wp-block-search__inside-wrapper,.wp-block-navigation__container,.about-button,.about-list-div{
    justify-content: center;
  }
  .header-nav li a{
    color: #fff !important;
  }
  .aboutus{
    text-align: center;
  }
}


@media screen and (min-width: 1041px) and (max-width: 1240px){
  /*.slider h2,.slider p,.main-header h1{
    text-align: center;
  }*/

  .header-nav ul {
    gap: 6px;
}

.wp-container-core-group-is-layout-48a401c8 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 93%;
  }



  
  .header-nav button{
    background: var(--wp--preset--color--primary) !important;
    color: #fff;
    border-radius: 30px;
    padding: 11px !important;
  }
  /*.home .main-header {
    position: static;
    background: var(--wp--preset--color--primary) !important;
  }*/
  .main-slider-div h2 {
    font-size: 24px !important;
  }

  p.header-p.has-inter-font-family.has-normal-font-size {
    font-size: 16px !important;
}
  .border-image-green {
    bottom: -5px;
  }
  .main-header .wp-block-search__inside-wrapper,.wp-block-navigation__container,.about-button,.about-list-div{
    justify-content: center;
  }
  .header-nav li a{
    color: #fff !important;
  }
  .aboutus{
    text-align: center;
  }
}


@media screen and (min-width: 1241px) and (max-width: 1440px){
 
  .main-slider-div h2 {
    font-size: 31px !important;
  }

  p.header-p.has-inter-font-family.has-normal-font-size {
    font-size: 19px !important;
}

.lower-header {
    flex-basis: 78.66% !important;
}
  
}


@media screen and (min-width:1241px) and (max-width: 1439px) {
    .header-nav ul {
        gap: 25px;
    }
}


@media screen and (min-width: 840px) and (max-width: 1340px){
  .slider {
    min-height: 500px !important;
  }
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #000;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

@media screen and (min-width:850px) and (max-width: 1200px) {
  .products-block-post-template{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media screen and (min-width:600px) and (max-width: 850px) {
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Buy Now Button in Header Navigation */
.buy-now-btn > a {
    background-color: #6ea343; 
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover Effect */
.buy-now-btn > a:hover {
    background-color: #ffffff;
    color: #6ea343 !important;
    transform: translateY(-2px);
}

/*Pagination css */

.post-navigation-link-previous.is-style-default.wp-block-post-navigation-link {
    box-shadow:  0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.post-navigation-link-previous.is-style-default.wp-block-post-navigation-link {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
}

.post-navigation-link-next.has-text-align-right.is-style-default.wp-block-post-navigation-link{
    box-shadow:  0 0 3px 0 rgba(0, 0, 0, 0.1);
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
}


 @media screen and (min-width: 300px) and (max-width: 600px){
  .banner-column h2 {
    font-size: 26px !important;
  }
  .cat-main-heading {
    text-align: center;
  }
  .cat-main-heading img{
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .category-sec .category-cols,.category-sec .category-info{
    gap: 15px !important;
  }
  .category-sec .cate-product-count img{
    right: -68px !important;
    bottom: -22px !important;
  }
  .category-sec .category-img img{
    width: 100px !important;
    height: 100px !important;
  }
  .category-sec .cate-product-count{
    font-size: 14px !important;
  }
  .category-sec .cate-product-name{
    font-size: 20px !important;
  }
  .category-sec .product-category-dynamic ul{
    gap: 10px !important;
  }
  .category-sec .product-category-dynamic .wc-block-product-categories-list-item img, .category-sec .wc-block-product-categories-list-item__image {
    width: 80px;
    max-width: 80px;
    height: 80px;
  }
  .category-sec .product-category-dynamic ul{
    grid-template-columns: auto auto auto;
  }
  .news-sec .post-column{
    padding: 60px 20px !important;
  }
  .product-sec .product-section-static .product-img{
    padding: 30px 10px !important;
  }
  .product-sec .dynamic-product .wc-block-product:hover .add_to_cart_button {
    padding: 10px 30px 10px 40px !important;
  }
  .product-sec .dynamic-product .add_to_cart_button:before{
    left: 10px !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 1199px) {
    .category-sec .category-cols {
        display: grid;
        grid-template-columns: auto auto;
    }
}
@media screen and (max-width: 720px){
  .category-sec .product-category-dynamic ul{
    grid-template-columns: auto !important;
  }
  .category-sec .product-category-dynamic .wc-block-product-categories-list-item-count{
    display: inline-block !important;
  }
}
@media screen and (min-width: 721px) and (max-width: 1199px){
  .category-sec .product-category-dynamic ul{
    grid-template-columns: auto auto;
  }
  .category-info{
    column-gap: 10px !important;
  }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .post-section-column {
        gap: 10px;
        grid-template-columns: auto auto !important;
    }
    .search-results .wp-block-post-template{
      grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .Sidebar-section-main .wp-block-latest-posts.wp-block-latest-posts__list li{
    display: flex !important;
    flex-direction: column !important;
  }
  .Sidebar-section-main .wp-block-latest-posts__list.wp-block-latest-posts{
    gap: 10px !important;
  }
}


/*Footer CSS*/

@media screen and (max-width: 767px) {

  .footer-wrap-box{
    text-align: center;
  }
  .footer-wrap-box .wp-block-social-links{
    justify-content: center;
  }

}


@media screen and (min-width: 768px) and (max-width: 991px) {
 
  .footer-wrap-box .wp-block-columns{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  
}