/*
Theme Name: SolarGrove
Theme URI: https://themegrove.com/products/solargrove/
Author: Themegrove
Author URI: https://themegrove.com/
Description: SolarGrove is a powerful, full-site editing WordPress theme built with a block-based editor, ideal for business firms, solar companies, consulting agencies, and SEO firms. Its intuitive design and flexibility allow users to easily customize every aspect of their site without coding, while remaining compatible with essential plugins like Contact Form, WPML, and WooCommerce. With SolarGrove, you can create a fully tailored, professional website that meets your business needs, making it an excellent choice for anyone seeking a seamless and user-friendly website-building experience. Demo: https://demos.themegrove.com/solargrove/
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: solargrove
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%;
}

:root {
	--wp--preset--shadow--deep: -2px 0px 6px 0 #00000021 !important;
}


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.solargrove-scrool-top:hover:before {
	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--button-hover-text-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: 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);
}

.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%;
}

.wp-block-navigation-submenu li a {
	line-height: 1.5;
    font-weight: 400;
}

/* -------------- header navigation  ----------------*/


/* scrool to top */
.solargrove-scrool-top {
	display: none;
}

.solargrove-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) {
	.solargrove-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.solargrove-scrool-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: #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;
	}

	header.wp-block-template-part .wp-block-social-links.has-small-icon-size {
		font-size: 16px;
		justify-content: center;
	}

	header.wp-block-template-part .contacts-detail {
		display: none !important;
	}

	.wp-block-cover.banner {
		min-height: 500px !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;
}

/* blog page style */

.sidebar a {
	text-decoration: none;
}


.newsletter-form input {
	height: 45px;
	line-height: 1;
}

.newsletter-form form.wpcf7-form.init {
	max-width: 480px;
	margin: 30px auto 0;
	text-align: center;
}

.newsletter-form input.wpcf7-form-control.wpcf7-email {
	border: 1px solid #c3c3c3;
	border-radius: 6px 0 0 6px;
	padding: 0 15px;
	max-width: 250px;
}

.newsletter-form input.wpcf7-form-control.wpcf7-submit {
	background: var(--wp--preset--color--primary);
	color: #fff;
	padding: 0 30px;
	border: 1px solid var(--wp--preset--color--primary);
	border-radius: 0 6px 6px 0;
	height: 47px;
	width: 150px;
}

/* SolarGrove custom style */
.contact-form label,
.contact-form span {
	display: block;
	width: 100%;
}


.contact-form form.wpcf7-form.init input {
	border: 1px solid #eee;
	height: 45px;
	width: 100%;
}

.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: 6px;
	border: none;
	width: auto;
}

.wp-block-post span.wp-block-post-terms__separator {
	display: none;
}

.banner-with-header {
	position: relative;
	z-index: 11 !important;
}

.small-icon {
	height: 70px;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border-radius: 8px;
	margin: auto;
}

.banner-with-header .is-sticky div#sticky-header {
	background: #00000078;
	left: 0;
}

.testimonials figure {
	flex: 0 0 70px !important;
	margin: 0;
}

mark.has-inline-color {
	background: transparent;
}

.banner-slider .eb-slider-content.align-center {
	margin: auto;
	max-width: 820px;
	left: 0;
	right: 0;
	background: none !important;
}


.banner-slider .eb-slider-item:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	left: 0;
	top: 0;
	opacity: .7;
}

.banner-slider .eb-slider-item .eb-slider-content {

	position: relative;
	z-index: 9;
}

.block-editor-block-list__block.wow {
	visibility: visible !important;
}

.wp-block-cover {
	z-index: 1;
}


header figure {
	line-height: 1;
}

footer input.wpcf7-form-control.wpcf7-email {
	width: 215px;
}

footer figure {
	line-height: 1;
}


footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
	height: 45px;
	padding: 0 30px;
	border: none;
	border-radius: 6px;
	background: var(--wp--preset--color--primary);
	color: #fff;
}

footer input.wpcf7-form-control.wpcf7-email {
	height: 45px;
	border-radius: 6px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	padding: 0 15px;
}

footer hr.wp-block-separator {
	width: 80px !important;
	margin: 0 0 40px !important;
}

.woocommerce-tabs.wc-tabs-wrapper h2 {
	font-size: 21px;
	font-weight: 600;
}

.banner-slider .eb-slider-wrapper {
	border-radius: 30px;
	overflow: hidden;
}

.banner-slider .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.eb_form_submit_response:empty {
	display: none;
}

.woocommerce a.added_to_cart {
	padding-top: 0 !important;
	margin-top: 0;
}


.banner-slider .eb-slider-wrapper {
    border-radius: 30px;
    overflow: hidden;
}

.banner-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.eb_form_submit_response:empty {
    display: none;
}

.woocommerce a.added_to_cart {
    padding-top: 0 !important;
    margin-top: 0;
}

.featured-category h2.wc-block-featured-category__title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 16px;
}
div#sticky-header-sticky-wrapper {
    margin: 0;
}

@media (min-width: 720px) {
	.wp-block-navigation .wp-block-navigation__submenu-container {
		background-color: #fff;
		 border: none;
		 border-radius: 6px;
		 box-shadow: -2px 5px 10px #eeeeee8c;
		 padding: 6px 6px 0;
	 }
	 
	 .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		 align-items: center;   
		 display: flex;
		 position: relative;
		 background: #f3f3f3;
		 padding: 5px;
		 margin-bottom: 8px;
	 }
	 
	 .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
	 background-color: var(--wp--preset--color--secondary) !important;
	 }
	 
	 .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover a {
	 color: #fff !important;
	 }
	 
	 
	 .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a {
		 font-weight: 400;
		 font-size: 15px;
	}
	 
	 
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:before {
	 	display: none;
	}	 
}

