/*
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 solution designed for eco-friendly businesses, nature reserves, and sustainability-focused organizations, offering the perfect platform to highlight natural environments and encourage visitors to explore ecological initiatives. Its minimal, elegant, and sophisticated layout blends seamlessly with brands that want a clean and visually appealing online presence. Built with retina-ready graphics and a responsive, mobile-friendly design, it 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 performance that support faster page load times and smooth functionality. Using secure coding practices and powered by Bootstrap, it provides flexibility, stability, and seamless integration with modern tools. With a wide range of shortcodes and extensive personalization options, you can easily customize layouts, colors, and typography to match your brand identity. The theme features interactive and animated sections that bring content to life, along with a visually engaging banner, effective call to action buttons, and a structured testimonial section to boost engagement and conversions. A refined team layout helps introduce key members, while integrated social media options enhance connectivity with audiences. Its translation-ready design supports multilingual capabilities, making it ideal for global agencies, conservation blogs, and eco-tourism platforms. Whether you are building a biodiversity park website, a conservation initiative, or a nature retreat platform, this theme delivers a professional, elegant, and high-performing digital presence that inspires users to explore and connect with the natural world.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
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-comments{
    position: relative;
}
.blog-meta .wp-block-post-date:after,.blog-meta .wp-block-comments:after {
    content: "";
    top: 5px;
    right: -50px;
    width: 1px;
    height: 15px;
    background: var(--wp--preset--color--secondary) !important;
    position: absolute;
}
.blog-meta .wp-block-comments:after{
    top: 4px;
    right: auto;
    left: -50px;
}
.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;
}
.index-blog{
    display: flex !important;
    align-items: center !important;
}
.top-social ul li {
    font-size: 20px !important;
}
.header-menu{
    margin-top: 40px !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;
}
.products-block-post-template .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}
.single-product .wp-block-add-to-cart-form .quantity .input-text.qty{
    height: 42px;
}
.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;
}