/*
Theme Name: Ecocentre
Theme URI: http://ecocentre.com
Author:  Ecocentre
Author URI: https://ecouperthemes.com
Description: Our 2019 default theme is designed to ecocentre off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. ecocentre is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecocentre
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

body p,
body a {
    margin-bottom: 0;
}

body {
    overflow-x: hidden;
    line-height: 1.15em;
}

body {
    color: var(--text-color);
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
}

span {
    font-family: unset;
}

.eco_cart_count,
.community-programs_cat,
.slick-arrow,
.form-control.active label,
input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.eco_mini_cart>.eco-cart-nav a .cart_icon,
.elementor-tab-title a,
.elementor-accordion-icon-opened,
.elementor-accordion-icon-closed,
h1,
h2,
h3,
h4,
h5,
h6,
.primary-color {
    color: var(--primary-color);
}

h1 {
    font-family: 'Spartan';
    font-size: 57px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0.3px;
}

h2 {
    font-family: 'Spartan';
    font-size: 47px;
    font-weight: 700;
    line-height: 48px;
}

h3 {
    font-family: 'Spartan';
    font-size: 35px;
    font-weight: 700;
    line-height: 38px;
}

h4 {
    font-family: 'Spartan';
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
}

h5 {
    font-family: 'Spartan';
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

h6 {
    font-family: 'Spartan';
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
}
h1.heading-title,
h2.heading-title {
    font-family: 'Spartan';
    font-size: 57px;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.02em;
    color: #1f242e;
}

.heading-tagline {
    color: #0C0F26;
    font-family: 'Spartan';
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.icon-line .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
    fill: var(--primary-color);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.icon-line .elementor-icon-box-wrapper:before,
.icon-line .elementor-icon-box-wrapper:hover .elementor-icon-box-icon,
.eco-services-element .eco_services_layout1 .eco_services_item .eco_services_item_inner:after {
    background: var(--primary-button-background);
}

.eco-post-readmore,
.eco-price-table__fractional-part,
.eco_nav_menu .eco_nav>li>a:hover,
.eco-price-table .eco-price-table__footer .eco-price-footer_detail {
    color: var(--primary-button-background);
}

.elementor-view-default .elementor-icon,
.eco-services-element .eco_services_layout1 .eco_services_item .icon-service {
    color: var(--accent-color);
    fill: var(--accent-color);
    border-color: var(--accent-color);
}

.elementor-menu-list-item:hover a,
.elementor-toggle-item ul li a,
p a {
    color: var(--secondary-color);
}

.eco-services-element .eco_services_layout2 .eco_services_item .icon-service {
    color: var(--primary-button-background);
    fill: var(--primary-button-background);
}

.eco-entry-title:hover,
.eco-price-table .eco-price-table__features-list .eco-price-table__feature-inner i {
    color: var(--secondary-color);
}

.eco_testimonials_slider_wrap .testimonials_slider.slider_layout_layout1 .testimonial_footer .testimonial-image {
    border-color: var(--accent-color);
}

.eco-services-element .eco_services_layout1 .eco_services_item .eco_services_item_inner:before {
    background: var(--accent-color);
}

.eco-services-element .eco_services_layout2 .eco_services_item .icon-service,
.elementor-view-stacked .elementor-icon,
.icon-line .elementor-icon-box-icon {
    background: var(--secondary-color);
}

span.rating {
    color: var(--secondary-color);
}

.eco-info-box-icon .main-image svg {
    color: var(--accent-color);
    fill: var(--accent-color);
}

.eco-price-table,
textarea:focus,
input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
    border-color: var(--secondary-color);
}


/* //menu */

.eco_nav_menu .eco_nav>li>a {
    color: var(--menu-color);
}

.eco_cart_content .eco-cart-panel .eco-cart-panel-product-title,
.eco_cart_content .eco-cart-panel .quantity,
.eco_cart_content .eco-cart-panel .cart_list .cart_empty,
.eco_account .account-menu-dropdown a,
.eco_nav_menu .eco_nav li .sub-menu-dropdown li>a,
.elementor_eco_menu_layout_menu_vertical .eco_nav_menu ul li .bt-sub-menu,
.elementor_eco_menu_layout_menu_vertical .eco_nav_menu ul li a,
.eco-offcanvas-close .eco-offcanvas-close-icon i,
.eco_nav_menu .eco_nav li .sub-menu .bt-sub-menu,
.eco_nav_menu .eco_nav li .sub-menu>li>a {
    color: var(--sub-menu-color);
}

.eco_account .account-menu-dropdown a:hover,
.eco_nav_menu .eco_nav li .sub-menu-dropdown li>a:hover,
.elementor_eco_menu_layout_menu_vertical .eco_nav_menu ul li .bt-sub-menu:hover,
.elementor_eco_menu_layout_menu_vertical .eco_nav_menu ul li a:hover,
.eco-offcanvas-close .eco-offcanvas-close-icon:hover i,
.eco_nav_menu .eco_nav li .sub-menu>li>a:hover {
    color: var(--sub-menu-color-hover);
}

.slick-dots li button::before {
    background: var(--text-color);
}

select,
input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder {
    color: var(--text-color);
}

.slick-dots li.slick-active button {
    border-color: var(--primary-color);
}

.slick-dots li.slick-active button:before {
    background: var(--primary-color);
}

.slick-arrow:before,
.eco_mini_cart>.eco-cart-nav a .eco_cart_count {
    background: var(--secondary-color);
}

input[type="radio"]:checked,
[type="radio"]:hover {
    border-color: var(--secondary-color) !important;
}

.eco_account .account-menu-dropdown,
.eco_nav_menu .eco_nav li .sub-menu {
    background: var(--sub-menu-background-color);
}

body .crm-container .crm-button,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn,
.shop-page .widget.widget_shopping_cart .wc-forward,
.event-register .civicrm-event-organiser-register-link,
.product-item .button,
[type="submit"],
.btn-button {
    font-family: 'Spartan';
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    transition: color 0.3s, background 0.3s;
    padding: 16.25px 49px 15.25px 49px;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
    min-width: 192px;
    border: none;
}

body .crm-container .crm-button,
.event-register .civicrm-event-organiser-register-link,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout,
.eco-cf7.layout2 .wpcf7 .wpcf7-form .wpcf7-submit,
.product-item .button,
[type="submit"],
.btn-button.btn-primary {
    color: var(--primary-button-color-text);
    background: var(--primary-button-background);
    border: 1px solid var(--primary-button-background);
}

body .crm-container .crm-button:hover,
.event-register .civicrm-event-organiser-register-link:hover,
.shop-page .widget.widget_shopping_cart .wc-forward.checkout:hover,
.product-item .button:hover,
[type="submit"]:hover,
.btn-button.btn-primary:hover {
    color: var(--primary-button-color-text-hover);
    background: var(--primary-button-background-hover);
}

.shop-page .widget.widget_shopping_cart .wc-forward,
.btn-button.btn-secondary {
    color: var(--secondary-button-color-text);
    background: var(--secondary-button-background);
    border: 1px solid var(--secondary-button-color-text);
}

.btn-button.btn-secondary:hover {
    color: var(--secondary-button-color-text-hover);
    background: var(--secondary-button-background-hover);
}

.eco_services_readmore,
.eco-price-table__integer-part,
.eco-price-table__currency {
    color: var(--primary-button-background);
}


/* main color */

.eco-search-form.expand .toggle-search i,
.eco_account .eco_a_icon i,
body .select2-container--default .select2-selection--single .select2-selection__rendered,
.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__placeholder,
.eco-blog-element .eco-blog-item .eco-post-wap .eco-post-content .eco-post-category a:hover,
.eco_mini_cart>.eco-cart-nav a .cart_text,
.single-blog header .post_cat a:hover,
.eco_mini_cart>.eco-cart-nav a .cart_icon,
.elementor-section .elementor-widget-countdown .elementor-countdown-item,
.eco-ajax-search .search-input::placeholder,
.eco_account .eco_account_text {
    color: var(--primary-color);
}

@keyframes eco-loader {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #17171a, 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.5), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.7), 1.8em -1.8em 0 0em #17171a, 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.5), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.7), 2.5em 0em 0 0em #17171a, 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.5), 2.5em 0em 0 0em rgba(23 23 26 / 0.7), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.5), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.7), 0em 2.5em 0 0em #17171a, -1.8em 1.8em 0 0em rgba(23 23 26 / 0.2), -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.5), 0em 2.5em 0 0em rgba(23 23 26 / 0.7), -1.8em 1.8em 0 0em #17171a, -2.6em 0em 0 0em rgba(23 23 26 / 0.2), -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.5), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.7), -2.6em 0em 0 0em #17171a, -1.8em -1.8em 0 0em rgba(23 23 26 / 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(23 23 26 / 0.2), 1.8em -1.8em 0 0em rgba(23 23 26 / 0.2), 2.5em 0em 0 0em rgba(23 23 26 / 0.2), 1.75em 1.75em 0 0em rgba(23 23 26 / 0.2), 0em 2.5em 0 0em rgba(23 23 26 / 0.2), -1.8em 1.8em 0 0em rgba(23 23 26 / 0.5), -2.6em 0em 0 0em rgba(23 23 26 / 0.7), -1.8em -1.8em 0 0em #17171a;
    }
}

@media only screen and (max-width: 1024px) {
    .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn,
    .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn,
    .shop-page .widget.widget_shopping_cart .wc-forward,
    .product-item .button,
    [type="submit"],
    .btn-button {
        font-size: 12px;
        padding: 10.5px 20px 10.5px 20px;
        min-width: 184px;
    }
    .eco_heading h2.heading-title,
    h2 {
        font-family: 'Spartan';
        font-size: 35px;
        font-weight: 700;
        line-height: 44px;
    }
    .eco_info_box.layout1 {
        min-height: unset;
    }
    .elementor-7 .elementor-element.elementor-element-8fad2e4 img {
        width: 100%;
        vertical-align: top;
    }
    .elementor-7 .elementor-element.elementor-element-6eedc12 img {
        width: 100%;
        vertical-align: bottom;
    }
    .elementor-7 .elementor-element.elementor-element-f697b1a img {
        width: 100%;
        vertical-align: bottom;
    }
    .elementor-7 .elementor-element.elementor-element-0041248 img {
        width: 100%;
        height: 100%;
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 767px) {
    body {
        line-height: 25px;
    }
    .elementor-49 .elementor-element.elementor-element-602fbc8 img {
        width: 100%;
        vertical-align: top;
    }
    .eco_info_box.layout1 .eco_info_box_inner .eco-ino-box-content .box_title {
        font-size: 20px;
    }
    .eco_info_box.layout1 .eco_info_box_inner .eco-ino-box-content {
        margin-top: 10px;
    }
    .event-register .civicrm-event-organiser-register-link,
    .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn,
    .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn,
    .shop-page .widget.widget_shopping_cart .wc-forward,
    .product-item .button,
    [type="submit"],
    body .crm-container .crm-button,
    .btn-button {
        font-size: 12px;
        padding: 14.25px 20px 12.25px 20px;
        min-width: 184px;
    }
}




@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 47px;
        line-height: 48px;
    }
    h2 {
        font-size: 35px;
        line-height: 38px;
    }
    h3 {
        font-size: 28px;
        line-height: 34px;
    }
    h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }
    h5 {
        font-family: 'Spartan';
        font-size: 21px;
        font-weight: 700;
        line-height: 28px;
    }
}
.civicrm.civicrm-event .content-area {
    max-width: 1200px;
    margin: auto;
    padding: 100px 0;
}