/*
Theme Name: Grove App
Theme URI: https://themegrove.com/products/grove-app/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Grove App is a modern Full Site Editing WordPress theme designed for mobile apps, SaaS platforms, software startups, and technology businesses looking to build a professional online presence. It features flexible layouts, customizable sections, and clean, modern typography to showcase app features, pricing plans, screenshots, customer testimonials, and download options with ease. Seamlessly integrated with WooCommerce, WPML, and Contact Form 7, it supports online sales, multilingual websites, and effortless customer communication. Built with SEO optimization and performance in mind, Grove App helps you create a fast, engaging, and conversion-focused website that effectively promotes your app or digital product. Demo: https://demos.themegrove.com/grove-app/
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grove-app
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

.wp-element-button,
.wp-block-button__link,
a.wp-block-post-excerpt__more-link {
  transition: all 0.3s;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
a.wp-block-post-excerpt__more-link:hover {
  background-color: var(--wp--preset--color--button-hover-color) !important;
  border-color: var(--wp--preset--color--button-hover-color) !important;
  color: var(--wp--preset--color--white) !important;
}

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.wp-block-image img {
  vertical-align: middle;
}

footer.wp-block-template-part {
  margin: 0;
}

#sticky-header {
  z-index: 999 !important;
}

/* -------------- pagination start----------------*/

.page-numbers {
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 6px 13px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.page-numbers:hover {
  color: var(--wp--preset--color--white);
}

.page-numbers.dots {
  background-color: transparent;
}

.wp-block-query-pagination {
  gap: 10px;
}

/* -------------- pagination End----------------*/

/* -------------- woocommerce-breadcrumb ----------------*/

.woocommerce-tabs.wc-tabs-wrapper h2 {
  font-size: 26px;
}

/* -------------- woocommerce-breadcrumb end----------------*/

/* -------------- header navigation ----------------*/

@media (min-width: 781px) {
  .wp-block-navigation a {
    color: #d6d6d6;
    font-weight: 500;
    position: relative;
    padding-bottom: 3px;
    transition: color 0.25s ease;
  }

  /* Underline animation */
  .wp-block-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background: var(--wp--preset--color--white);
    border-radius: 2px;
    transition: width 0.3s ease;
  }

  /* Hover & active */
  .wp-block-navigation a:hover,
  .wp-block-navigation-item.current-menu-item a {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation a:hover::after,
  .wp-block-navigation-item.current-menu-item a::after {
    width: 100%;
  }

  /* Dropdown animation */
  .wp-block-navigation__submenu-container {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.25s ease;
    background: #111;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  }

  .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Submenu link color */

  .wp-block-navigation__submenu-container {
    background: #111 !important;
  }

  .wp-block-navigation__submenu-container a {
    color: #cccccc !important;
  }
  .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--primary);
    background: rgba(0, 212, 255, 0.08);
  }
}

/* Mobile Navigation */

@media (max-width: 780px) {
  /* Disable animations */
  .wp-block-navigation * {
    transition: none !important;
  }

  .wp-block-navigation__responsive-container {
    background: #000;
    padding: 20px;
  }

  /* Mobile link color */
  .wp-block-navigation a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    color: #000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .wp-block-navigation a:hover {
    color: var(--wp--preset--color--primary);
  }

  /* Submenu */
  .wp-block-navigation__submenu-container {
    padding-left: 15px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: 8px;
  }

  .wp-block-navigation__submenu-container a {
    font-size: 16px;
    padding: 8px 0;
    border: none;
    color: #cccccc;
  }

  /* Hamburger buttons style */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    padding: 6px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 600;
  }
	.wp-block-navigation__responsive-container-close{
		color: #000 !important;
	}
}

/* -------------- header navigation  ----------------*/

.page-template-full-width .entry-content {
  margin-top: 0;
}

/* scroll to top */

.grove-app-scroll-top {
  display: none;
}

.grove-app-scroll-top::before {
  font-size: 17px;
  padding: 8px 13px;
  cursor: pointer;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: fixed;
  bottom: 50px;
  right: 30px;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .grove-app-scroll-top::before {
    font-size: 26px;
    padding: 8px 13px;
    cursor: pointer;
    background: transparent;
    color: var(--wp--preset--color--secondary-bg);
    content: "\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: fixed;
    bottom: 8px;
    right: 15px;
  }
}

/* scroll to top */

/* dashicon before categories, tag and date start */

.wp-block-archives-list.wp-block-archives li::before,
.wp-block-categories-list.wp-block-categories li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  margin-right: 8px;
  font-weight: 600;
  font-size: 14px;
}

.wp-block-archives-list.wp-block-archives li,
.wp-block-categories-list.wp-block-categories li {
  list-style-type: none;
}

.wp-block-archives-list.wp-block-archives,
.wp-block-categories-list.wp-block-categories {
  padding-left: 10px;
}

.wp-block-tag-cloud a.tag-cloud-link {
  font-size: 16px !important;
}

.tag-cloud-link::before,
.taxonomy-post_tag a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02b";
  font-weight: 600;
  margin-right: 8px;
}

.tag-cloud-link,
.taxonomy-post_tag a {
  text-decoration: none;
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.products-block-post-template li {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

p.grove-app-scroll-top {
  position: absolute;
}

.column-has-radius {
  border-radius: 8px;
}

.has-bg-image {
  background: #fff;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .has-arrow ul {
  padding: 0;
}

footer .has-arrow ul li:before {
  content: "\f345";
  font-family: "dashicons";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

footer .has-arrow ul li {
  list-style: none;
  padding-left: 15px;
  position: relative;
}

a.wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 6px;
  position: relative;
}

/* blog page style */

.wp-block-post-author__name::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

.wp-block-post-date time::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  padding-right: 8px;
}

.wp-block-read-more-is-layout-flow::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  padding-left: 8px;
}

.wp-block-read-more-is-layout-flow:hover::after {
  padding-left: 10px;
  transition: color 0.1s ease;
}

a.wp-block-post-author-name__link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

/* blog page style */

/* footer style */

footer a {
  text-decoration: none;
}

/* footer style */

/* additional css */

.wp-block-navigation__submenu-container {
  padding: 10px 18px !important;
}

.wp-block-navigation__submenu-container li {
  padding-bottom: 4px !important;
}

.wp-block-navigation__submenu-container li:last-of-type {
  padding-bottom: 0px !important;
}

/* responsive style */

@media (max-width: 768px) {
  .g-app-r-cover {
    min-height: 300px !important;
  }
	.g-app-no-mob{
		display: none !important;
	}
}

/* Grove App css */

.contact-form label,
.contact-form span {
  display: block;
  width: 100%;
}

.contact-form label {
  color: #fff;
margin-top: 12px;
}

.contact-form form.wpcf7-form input {
  border: none;
  height: 45px;
  width: 100%;
  background: #26342d;
  border-radius: 5px;
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #545454;
}

.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
  border: 1px solid #545454;
  max-height: 100px;
  width: 98%;
  border-radius: 5px;
  padding: 10px;
  background: #26342d;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--wp--preset--color--secondary);
  padding: 12px 30px;
  color: #fff;
  border-radius: 10px;
  border: none;
  width: fit-content;
  line-height: 1.5;
cursor: pointer;
}

.wpcf7-spinner{
	display: none !important;
}

.wpcf7-response-output {
	color: #fff !important;
}

.comment-form .form-submit.wp-block-button{
  margin-top: 20px;
}

.g-app-has-box-shadow{
	box-shadow: 0 6px 14px #00000008, 0 24px 24px #00000008, 0 55px 33px #00000005, 0 100px 40px #00000003;
}

.single-product .wp-site-blocks > .wp-block-group.woocommerce.product {
    margin-top: 0px !important;
}