/*
Theme Name: Green Environment
Description: When building websites on ecology and the environment, Green Environment is a great option. It is ideal for numerous ecology-preserving movements and nonprofits that concentrate on environmental and ecological issues, like Green Peace. Additionally, organic life enterprises like recycling companies, animal preservation, alternative energy source distribution, and fundraising can employ this subject. This subject assists in raising awareness about various ecological initiatives, whether you are running a green business, an NGO that promotes environmental preservation, or an organization that is committed to animal care and protection.It is adaptable to various site requirements, making it suitable for a variety of projects or websites. Page load times can be maintained while utilizing high-resolution graphics and photos in Green Environment. Additionally, it has capabilities for fundraising and donation possibilities, which makes it perfect for environmental foundations, eco-activism, and charity events. You can quickly create and design your website to suit your organic and green mission with Elementor support.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-green-wordpress-theme
Author URI: https://www.misbahwp.com/
Template: ecology-nature
Version: 4.9
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: blog, food-and-drink, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, theme-options, threaded-comments, flexible-header
Text Domain: green-environment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Green Environment WordPress Theme has been created by misbahwp(misbahwp.com), 2022.
Green Environment WordPress Theme is released under the terms of GNU GPL
*/

/* HEADER */

:root {
  --first-color: #7abf18;
}

.page-template-frontpage .header-box {
    position: absolute;
    width: 100%;
    z-index: 99;
}
.page-template-frontpage #site-navigationn{
	box-shadow: none;
	background: #fff;
}
.top-header{
	padding: 0 15px;
}
.page-template-frontpage .top-header{
	background: #fff;
}
.main-navigation ul li a{
	padding: 0 8px;
}
.main-navigation ul.children, .main-navigation ul.sub-menu{
	top: 50px;
}
.header-box {
    background: #efef;
}
.page-template-frontpage .header-box{
	background: transparent;
}
.main-navigation li:hover > ul{
	left: calc(100% - 160px) ;
}
main#content {
    margin-top: 30px;
}
a.slide-btn-2:hover {
    background: #000 !important;
}


/* OUR FEATURES */

.entry-audio audio {
    width: 100%;
}

/* OUR FEATURES */

.featuress-content {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px 2px #e5e5e5;
}
.features {
    position: relative;
    margin-top: -5%;
    z-index: 9;
}
.featuress-icon span {
    background: var(--first-color);
    width: 60px;
    height: 60px;
    border-radius: 30px;
    font-size: 30px;
    text-align: center;
    padding: 15px 0;
    color: #fff;
}
.featuress-content p {
    font-size: 14px;
}

/* ABOUT US */

.inner-box img {
    border: none;
    position: static;
    margin-top: 0;
}
#about-us {
    padding: 50px 0 !important;
}
.bypostauthor,.aligncenter,.screen-reader-text{

}

.sh2 {
  border-color: transparent  transparent var(--first-color) transparent ;
}

/* THEME COLOR */

a.shop-btn, p.slider_btn a, .main-navigation ul.children li a:hover, .main-navigation ul.sub-menu li a:hover, .pagination .nav-links a:hover, .pagination .nav-links a:focus, .pagination .nav-links span.current, .ecology-nature-pagination span.current, .ecology-nature-pagination span.current:hover, .ecology-nature-pagination span.current:focus, .ecology-nature-pagination a span:hover, .ecology-nature-pagination a span:focus, .comment-respond input#submit, .comment-reply a, .sidebar-area .tagcloud a, .searchform input[type=submit], .searchform input[type=submit]:focus, .menu-toggle, .dropdown-toggle, button.close-menu, nav.woocommerce-MyAccount-navigation ul li, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart, .scroll-up a, .woocommerce nav.woocommerce-pagination ul li span.current,.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
	background: var(--first-color);
}
a:hover, a:focus, .contact-box span, .contact-box h6, .logo a:hover, .logo a:focus, .social-links a:hover, .main-navigation a:hover, .main-navigation ul li a:hover, .main-navigation li:hover > a, .main-navigation a:focus, .main-navigation ul li a:focus, .main-navigation li.focus > a, .main-navigation li:focus > a, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-parent > a, .main-navigation ul li.current_page_ancestor > a, .main-navigation ul li.current-menu-ancestor > a, .social-links a:hover, .post-meta i, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.scroll-up a:hover{
	color: var(--first-color);
}
.slider .owl-carousel button.owl-dot{
	border-color: var(--first-color);
}
span.onsale, .box-content a.button:hover, .box .box-content, .woocommerce a.button:hover, .scroll-up a:hover, nav.woocommerce-MyAccount-navigation ul li:hover, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .comment-respond input#submit:hover, .comment-reply a:hover, .woocommerce .cart .button:hover, .woocommerce a.button.alt:hover, a.shop-btn:hover, .woocommerce button.button.alt:hover, p.slider_btn a:hover, .woocommerce button.button:hover, .sidebar-area .tagcloud a:hover, footer.footer-panel, .woocommerce a.added_to_cart:hover, .woocommerce #respond input#submit:hover{
	background: #000000;
}
.slider .owl-carousel button.owl-dot.active, .sidebar-area h4.title {
    border-color: #000000;
}
h1, h2, h3, h4, h5, h6,a,.logo a,.main-navigation ul li a,.header-search .open-search-form i,.logo span,.main-navigation ul.children li a, .main-navigation ul.sub-menu li a{
	color: #000000;
}


a:hover{
	color: #000;
}

footer .sidebar-area h4.title,footer .sidebar-area h1.wp-block-heading,footer .sidebar-area h2.wp-block-heading,footer .sidebar-area h3.wp-block-heading,footer .sidebar-area h4.wp-block-heading,footer .sidebar-area h5.wp-block-heading,footer .sidebar-area h6.wp-block-heading,footer .sidebar-area .wp-block-search__label{
	padding: 20px 0px;
    color: #ffffff;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}

.wp-block-button__link, p.wp-block-tag-cloud a {
    background: var(--first-color);
    color: #fff !important;
}
footer .sidebar-area form{
	padding: 0px;
}
.sidebar-area .wp-block-search__button {
    background: var(--first-color);
}
a.shop-btn:hover{
	color: #fff;
}
.wc-block-components-button:not(.is-link){
	border-radius: 0px;
}
.wc-block-components-button:not(.is-link):hover{
	border-radius: 0px;
	background: #000;
}

.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}

header.woocommerce-Address-title.title a {
    background: var(--first-color);
}

@media screen and (min-width: 320px) and (max-width: 767px){
	.page-template-frontpage .header-box {
	    position: static;
	}
	.logo-image {
	    float: none;
	    text-align: center;
	}
	.menu-toggle, .dropdown-toggle,button.close-menu{
		background: var(--first-color) !important;
	}
	.features {
	    position: static;
	    margin-top: 10%;
	}
  .contact-box span{
    margin-right: 30px;
  }
  .admin-bar .sticky-header.fixed-header{
    margin-top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
	.page-template-frontpage .header-box {
	    position: static;
	}
	.features {
	    position: static;
	    margin-top: 5%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
	.page-template-frontpage .header-box {
	    position: static;
	}
}

.social-links{
	display: flex;
	justify-content: end;
}