/*
Theme Name: Pixel Grove
Theme URI: https://themegrove.com/products/pixel-grove/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Pixel Grove is a modern WordPress Full Site Editing theme built for businesses, consulting firms, and SEO agencies that want a high-performing online presence. It combines powerful SEO optimization with native Gutenberg and WooCommerce compatibility, allowing you to build fast, flexible, block-based layouts with ease. Designed for scalability and user engagement, Pixel Grove integrates smoothly with Contact Form 7, giving you the tools to showcase services, convert visitors, communicate with clients, and grow your brand. Experience the perfect balance of design, performance, and adaptability with Pixel Grove, your streamlined gateway to digital success. Demo: https://demos.themegrove.com/pixel-grove/
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.0
Version: 1.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pixel-grove
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;
}

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

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,
p.pixel-grove-scrool-top:hover:before {
	background-color: var(--wp--preset--color--button-hover-color) !important;
	border-color: var(--wp--preset--color--button-hover-color) !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;
}

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

.orderby {
	padding: 15px;
}

div#sticky-header {
	z-index: 91 !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);
}

.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 .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
	color: var(--wp--preset--color--link-color);
}

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

/* -------------- header navigation ----------------*/
.wp-block-navigation-item__content {
	padding-bottom: 3px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

.wp-block-navigation-item__content::before {
	margin-top: 0px;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100%;
	height: 2px;
	background: var(--wp--preset--color--contrast-2);
	transition: right 0.3s;
	text-decoration: none;
}


.wp-block-navigation-item__content:hover::before {
	right: 0;
}

.wp-block-navigation-submenu li a:hover::before {
	right: 50%;
}

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


/* scrool to top */
.pixel-grove-scrool-top {
	display: none;
}

.pixel-grove-scrool-top::before {
	font-size: 17px;
	padding: 8px 13px;
	cursor: pointer;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--link-color);
	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) {
	.pixel-grove-scrool-top::before {
		font-size: 26px;
		padding: 8px 13px;
		cursor: pointer;
		background: transparent;
		color: var(--wp--preset--color--primary);
		content: '\f062';
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		position: fixed;
		bottom: 8px;
		right: 15px;
	}
}


/* scrool 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,
.taxonomy-category a::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,
.taxonomy-category a {
	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.pixel-grove-scrool-top {
	position: absolute;
	z-index: 9;
	margin: 0;
}

.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: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 8px 20px;
	border-radius: 6px;
	position: relative;
}

.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale {
	background: #cf0000;
	border: none;
	color: #fff;
	font-size: 12px;
}


@media (max-width: 720px) {

	.no-border-mobile,
	.no-border-mobile .wp-block-column {
		border: none !important;
	}
}

/* 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.10s ease;
}

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

.wp-block-cover {
	z-index: 1;
}

/* blog page style */

.sidebar a {
	text-decoration: none;
}

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

/* responsive style */

@media (max-width: 768px) {
	.r-spacing{
		margin-bottom: 60px !important;
	}
	.title-spacing{
		margin-bottom: 40px !important;
	}
	.r-cover{
		min-height: 250px !important;
	}
	.banner-cover{
		min-height: 450px !important;
	}
	.brands{
		padding-top: 20px !important;
	}
	.header-info-wrapper, .footer-arrow{
		display: none !important;
	}
	.r-blog-spacing{
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
	.why-choose-us-wrapper{
		padding: 20px !important;
	}
	.why-choose-us-text {
		margin-bottom: 60px !important;
	}
	.how-it-works-section{
		padding: 60px 20px !important;
	}
	.footer-content{
		padding: 60px 20px 20px !important;
	}
	.cta-contact-form {
		border-radius: 0!important;
	}
}

/* pixel-grove styles */

.has-no-underline a{
	text-decoration: none;
}

.header-sub{
	display: inline-block;
    background: rgb(255 255 255 / 32%);
    padding: 4px 14px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.header-sub.dark{
	background: rgb(0 0 0 / 50%);
}

.cover-inner {
	position: relative;
}

.arrow-down {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  transform-style: preserve-3d;
  will-change: transform;
  animation: floatUpDown 2.5s ease-in-out infinite;
}


@keyframes floatUpDown {
  0%,
  100% {
    transform: translate3d(0, 0rem, 0) scale3d(1, 1, 1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
  }
  50% {
    transform: translate3d(0, 0.45rem, 0) scale3d(1, 1, 1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
  }
}

@media (max-width: 1024px) {
	.arrow-down{
		display: none;
	}
}

.why-choose-us-gallery {
	flex-wrap: nowrap;
}

.why-choose-us-gallery img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 100px !important;
    flex: auto !important;
    border: 1px solid #fff;
}

.why-choose-us-icon img {
	margin-bottom: 6px;
}

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


.contact-form form.wpcf7-form.init input {
   border: none;
    height: 45px;
    width: 100%;
    background: #EBEBEB;
    border-radius: 5px;
    margin-top: 6px;
}

.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
 border: 1px solid #eee;
max-height: 100px;
 width: 100%;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: var(--wp--preset--color--primary);
    padding: 0 30px;
    color: #fff;
    border-radius: 50px;
    border: none;
    width: 100%;
    margin-top: 22px;
}

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