/*
Theme Name: Ecology Park
Theme URI: https://www.misbahwp.com/products/ecology-park
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Ecology Park is a modern, multipurpose WordPress solution designed for eco-friendly businesses, nature reserves, environmental agencies, Ecology Park, Eco Park, Nature Park, Biodiversity Park, Environmental Park, Green Park, Urban Ecology Park, Wildlife Park, Conservation Park, Botanical Park and sustainability-focused organizations. Its minimal, elegant, and sophisticated layout blends perfectly with brands that want a clean and beautiful online presence. Built with retina-ready graphics and a responsive, mobile-friendly design, this theme ensures your site looks stunning on every device and screen size. Developers and beginners alike will appreciate the user-friendly interface, clean code, and optimized code that guarantee faster page load time and enhanced performance. The theme uses secure and clean code practices, keeping your website safe while enabling smooth customization. Powered by Bootstrap, it offers flexibility, stability, and seamless integration with popular plugins. With a variety of shortcodes and extensive personalization options, you can easily tailor layouts, colors, and typography to match your brand identity. The Ecology Park stands out with its interactive, animated sections that bring your content to life. A visually appealing banner, compelling Call to Action (CTA) buttons, and a well-crafted testimonial section help boost engagement and conversions. Introduce your dedicated members using the refined Team layout and connect instantly with visitors through integrated social media options. Its translation-ready design supports multilingual websites, making it ideal for global agencies. Whether you're building an agency-friendly site, a conservation blog, or a luxurious nature retreat page, this theme offers unlimited customization options to craft a professional, stunning online experience. The Ecology Park delivers everything you need to create a powerful digital presence that reflects your mission while remaining elegant, fast, and visually inspiring.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ecology-park
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, 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, news, blog, photography
Ecology Park WordPress Theme, Copyright 2025 misbahwp
Ecology Park is distributed under the terms of the GNU General Public License v3
*/

body{
    background: #FAFAFA !important;
}
.eb-countdown-z5t6s.eb-cd-wrapper .eb-cd-inner .box{
    background-color: #FFFFFE;
}
.blog-box{    
    box-shadow: 0px 35px 133px 0px #7190BE14;
}
.blog-meta .wp-block-post-date,.blog-meta .wp-block-post-author-name{
    position: relative;
}
.blog-meta .wp-block-post-date:after,.blog-meta .wp-block-post-author-name:after {
    content: "";
    top: 5px;
    right: -50px;
    width: 1px;
    height: 15px;
    background: var(--wp--preset--color--secondary) !important;
    position: absolute;
}
.blog-meta .wp-block-post-author-name:after{
    top: 7px;
}
.blog-content a.wp-block-read-more {
    text-align: left;
    display: inline-block;
    position: relative;
}
.blog-content a.wp-block-read-more:hover{
    color: var(--wp--preset--color--primary) !important;
}
.blog-content a.wp-block-read-more:hover:after{
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}
.blog-content h2 a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.blog-content a.wp-block-read-more:after {
    content: "\f061";
    top: -1px;
    right: -47px;
    border: 1px solid var(--wp--preset--color--secondary-accent-text) !important;
    width: 28px;
    color: var(--wp--preset--color--secondary-accent-text) !important;
    display: flex;
    height: 28px;
    font-size: 12px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.top-social ul li {
    font-size: 20px !important;
}
.service-inner {
    position: relative;
    text-align: left;
}
.service-inner .service-image img{
    width: 80%;
    height: 400px;
}
.service-content {
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 39%;
}
.about-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-image img{
    width: 100%;
    height: 450px;
}
.about-image{
    position: relative;
}
.image-icon {
    position: absolute;
    bottom: 35px;
    left: -13%;
    text-align: center;
    backdrop-filter: blur(80px);
    box-shadow: 0px 80px 232px 0px #0030793D;
}
.about-btn a {
    padding-right: 60px !important;
    position: relative;
}
.blog-meta h2#comments{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: var(--wp--preset--color--secondary) !important;
}
.about-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--primary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.blog-heading h5{
    display: inline-block;
}
.icon-inner {
    background: var(--wp--preset--color--primary) !important;
    width: 55px;
    height: 55px;
    display: flex;
    font-size: 22px;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 30px;
}
.service-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--primary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.service-btn a:hover{
    background-color: var(--wp--preset--color--secondary) !important;
}
.service-btn a:hover:after{
    color: var(--wp--preset--color--secondary) !important;
}
.about-heading h5{
    display: inline-block;
}
.service-icon-box {
    display: inline-block;
    font-size: 22px;
}
.service-content .service-btn{
    display: none;
}
.service-inner:hover .service-btn{
    display: block;
}
.service-inner:hover .service-content-inner{
    background-color: var(--wp--preset--color--secondary) !important;
}
.service-inner:hover .service-content-inner h4{
    color: var(--wp--preset--color--accent-text) !important;
}
.service-inner:hover .service-icon-box {
    background-color: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secondary) !important;
}
.service-content-inner{
    backdrop-filter: blur(66px);
}
.header-btn a,.banner-btn a{
    padding-right: 60px !important;
    position: relative;
}
.header-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--secondary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.help-btn i,.center-text i,.top-meta i{
    color: var(--wp--preset--color--secondary) !important;
    margin-right: 4px;
}
.banner-btn a:after {
    content: "\f061";
    top: 7px;
    right: 20px;
    width: 32px;
    color: var(--wp--preset--color--primary) !important;
    display: flex;
    height: 32px;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    background: var(--wp--preset--color--accent-text) !important;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.header-btn a:hover:after{
    color: var(--wp--preset--color--primary) !important;
}
.banner-btn a:hover:after,.about-btn a:hover:after{
    color: var(--wp--preset--color--secondary) !important;
}
.banner-btn a:hover,.about-btn a:hover{
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.header-btn a:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.icon-box:hover{
    color : var(--wp--preset--color--accent-text) !important;
    background-color : var(--wp--preset--color--primary) !important;
}

textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.slider-main-outer .owl-nav {
    position: absolute;
    bottom: 20px;
    right: 33%;
    width: auto;
    display: flex !important;
    gap: 15px;
    justify-content: space-between;
}
.slider-main-outer .owl-nav button.owl-prev, .slider-main-outer .owl-nav button.owl-next {
    background-color: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secondary-accent-text) !important;
    border: 0px;
    padding: 10px;
    border-radius: 8px;
}
.slider-main-outer .owl-nav button.owl-prev:hover, .slider-main-outer .owl-nav button.owl-next:hover{
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.slider-image{
    position: relative;
}
.slide-count {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    left: 8%;
}
.banner-right-box .gutentor-element.gutentor-element-video-popup.text-align-center-mobile {
    position: relative;
    top: 0px;
    width: 100%;
    border-radius: 50%;
    margin: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-header-top .wp-block-social-link a:hover{
    color: var(--wp--preset--color--secondary-accent) !important;
    fill: var(--wp--preset--color--secondary-accent) !important;
}
.banner-right-box{
    position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}

.main-header-top{
	position: relative;
}
.header-menu-main ul li{
    position: relative;
}
.header-menu-main ul li:after {
    content: "";
    top: 5px;
    right: -22px;
    width: 1px;
    height: 15px;
    background: #2026361a;
    position: absolute;
}
.header-menu-main ul li:last-child::after{
    display: none;
}
.header-menu-main ul li ul.wp-block-navigation-submenu li:hover:before{
    display: none;
}
.header-menu-main ul li:hover:before {
    content: "";
    bottom: -20px;
    right: 0px;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    background-color: var(--wp--preset--color--secondary) !important;
    margin: 0 auto;
}
.slider-testimonial .owl-dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 6px;
    left: 25px;
}
.slider-testimonial button.owl-dot {
    width: 10px !important;
    border: 0px;
    box-shadow: none;
    border-radius: 4px;
    height: 10px;
    padding: 0px !important;
    border:1px solid #000000;
    background-color: var(--wp--preset--color--accent-text) !important;
}
.slider-testimonial button.owl-dot.active {
    background-color: var(--wp--preset--color--secondary) !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
}
.gutentor-element-video-popup .gutentor-video-popup-holder {
    background: #ffffff5c;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffffa8;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    font-size: 18px;
}
.gutentor-element-video-popup-wrap{
    text-align: center;
}
.gutentor-video-popup-holder {
    background: #ffffff5c;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffffa8;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gutentor-video-popup-holder i{
    color: #fff;
}
.header-menu-main ul li a:hover{
    color: var(--wp--preset--color--secondary) !important;
}
.service-content-inner{
    text-align: left;
}
.service-main{
    text-align: center;
}
.service-main h5{
    display: inline-block;
}
.home .header-main {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -35px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.blog-image,.blog-image img{
	width: 100%;
	height: 250px !important;
	object-fit: cover;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.blog-image .wp-block-post-date time {
  display: inline-block;
  white-space: normal;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  border-top-left-radius: 20px;
}
.blog-image .wp-block-post-date time {
    width: 4.6ch;
    height: 40px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    align-items: center;
    justify-content: center;
    top: 6px;
    position: relative;
}
.blog-image .wp-block-post-date time::first-line {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.blog-image{
    position: relative;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.main-header .social-icon .wp-block-button a:hover{
    background: var(--wp--preset--color--pure-black) !important;
}
.main-header .social-icon .button-1-header a:hover{
    background: var(--wp--preset--color--pure-black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--secondary-accent) !important;
}
.bk-hide-tab.bk-hide-mob.social-icon a.wp-block-social-link-anchor:hover,.social-icon ul li a:hover svg{
	color: var(--wp--preset--color--secondary);
	fill: var(--wp--preset--color--secondary);
}

.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    background: transparent !important;
    border-radius: 0px;
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex
;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.header-meta svg.icon {
    width: 25px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}

.service-image{
    position: relative;
}
.service-image img{
    height: 250px;
    object-fit: cover;
}
.icon-box {
    position: absolute;
    width: 50px;
    bottom: -15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 25px;
    font-size: 20px;
    color: var(--wp--preset--color--heading) !important;
}

.wp-block-button__link{
    height: auto;
}
.slider-testimonial {
    position: absolute;
    right: 12%;
    bottom: -30px;
    z-index: 2;
    box-shadow: 5px 4px 14px -3px #0000001A;
    width: 20%;
}
.slider-image figure{
    margin-bottom: 0px !important;
}
.slider-image img{
    width: 100% !important;
    height: 450px;
    object-fit: cover;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}