.main-header {
    background-color: #eaf2eb;
    position: relative;
}

.main-header .navbar {
    margin: 0;
    padding: 0;
}

.logo-area .site-title {
    padding: 0;
    margin: 0;
}

.header-top-menu ul {
    margin: 0;
}

.site-branding img {
    width: 100%;
    max-width: 155px;
}

.e--ua-firefox .site-branding img {
    width: 155px;
}


/*************************************
******** MAIN MENU NAVICATION CSS  **********
*************************************/

.main-navigation ul li {
    position: relative;
}

.navbar-collapse.nav-menu.stellarnav>ul>li {
    display: inline-block;
}

.main-navigation ul>li>a {
    padding: 40px 15px 40px 15px;
    display: block;
    text-transform: uppercase;
    color: #000000;
    font-size: 14px;
    position: relative;
    z-index: 1;
    font-weight: 600;
}

.main-navigation ul>li>ul>li:last-child>a {
    border-bottom: none;
}

.main-navigation ul>li>a:hover {
    color: #348239;
}

.site-header.header-default .nav-menu>ul>li>a {
    font-weight: 400;
}


/*************************************
******** SUBMENU CSS  **********
*************************************/

@media screen and (min-width: 1023px) {
    .main-navigation ul li ul {
        position: absolute;
        background: #ffffff;
        top: auto;
        z-index: 1;
        -webkit-transition: .3s;
        transition: .3s;
        visibility: visible;
        opacity: 1;
        box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, .2);
    }
    .main-navigation ul>li>ul>li:last-child>a {
        border-bottom: none;
    }
    .main-navigation ul li:hover>ul {
        opacity: 1;
        visibility: visible;
        padding: 0;
    }
    .main-navigation ul li ul li a {
        padding: 16px 20px;
        line-height: 26px;
        border-bottom: 1px solid rgb(223 223 223 / 87%);
    }
    .main-navigation ul li ul li a:hover,
    .main-navigation ul li ul li.current-menu-item>a,
    .main-navigation ul li ul li.current_page_item>a,
    .main-navigation ul li ul li.current_page_ancestor>a {
        color: #ffffff;
        background-color: #348239;
    }
    .main-navigation .nav-menu>ul>li>a:last-child {
        border-color: transparent;
    }
    .main-navigation ul ul ul {
        top: 21px;
    }
}

.main-navigation ul ul li a {
    text-transform: capitalize;
}

.sticky-bar {
    position: fixed;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    width: 100%;
    top: 0;
}


/** start header ***/

.header-one button.offvanvas-btn,
.header-four button.offvanvas-btn {
    position: absolute;
    border: none;
    background: #348239;
    width: 106px;
    height: 130px;
    font-size: 30px;
    color: #ffffff;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    z-index: 9;
}

.header-one .button.search-open {
    margin-left: 50px;
    margin-right: 0;
}

.header-one button.offvanvas-btn:hover,
.header-four button.offvanvas-btn:hover {
    background-color: #000000;
}

.cta a.theme-btns {
    text-transform: uppercase;
}

.header-four button.offvanvas-btn {
    height: 146px;
}

header .offcanvas.show {
    z-index: 9999;
}

.site-header.header-two {
    z-index: 9;
    position: absolute;
    width: 100%;
}

.header-two .main-header {
    background: transparent;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
}

.header-two .site-branding {
    position: relative;
    top: 42px;
}

.header-two .site-branding:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #348239;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px;
}

.header-two .site-branding a {
    padding: 30px 22px;
    display: block;
    margin-top: -28px;
}

.header-two .site-branding img {
    max-width: 170px;
}

.header-two .main-navigation .nav-menu>ul>li>a {
    color: #ffffff;
}

.header-two .main-navigation .nav-menu>ul>li>a:hover {
    color: #348239;
}


/*** Header Three **/

.header-right {
    text-align: right;
}

.search-open i {
    color: #348239;
}

.header-top-menu {
    display: inline-block;
}

.header-right .search-open {
    display: inline-block;
}

.header-top-menu ul li {
    display: inline-block;
    position: relative;
}

.header-top-menu ul li:after {
    content: "/";
    font-size: 13px;
}

.header-top-menu ul li a {
    margin: 15px;
    font-size: 14px;
}

.header-top-menu ul li:last-child:after {
    content: "";
}

.header-search-popup {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    top: 0;
    left: 0;
    transform: translateY(-130%);
    transition: transform 600ms ease, opacity 600ms ease;
}

.header-search-popup.active {
    transform: translateY(0%);
}

.header-search-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(17 71 20 / 96%);
    cursor: pointer;
    z-index: -1;
}

.button.search-open i {
    font-size: 17px;
}

.button.search-open {
    margin-right: 30px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

.header-search-popup-content {
    width: 100%;
    max-width: 550px;
}

.header-search-popup-content form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #eff2f6;
    overflow: hidden;
}

.header-search-popup-content form button {
    border: none;
    outline: none;
    padding: 0;
    width: 70px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0;
    background-color: #348239;
    color: #fff;
}

.header-top {
    padding: 10px 0;
}

.header-left {
    color: #348239;
}

.button.search-open label {
    color: #000000;
    margin-left: 11px;
    cursor: pointer;
}

.site-header.header-four .main-header {
    background-color: transparent;
}

.site-header.header-four .main-header>.container {
    background-color: #eaf2eb;
    padding-left: 20px;
    padding-right: 0;
}

.site-header.header-four .main-header {
    background-color: transparent;
}

.site-header.header-four .main-header>.container {
    background-color: #eaf2eb;
    padding-left: 20px;
    padding-right: 0;
}

.header-four .main-navigation>.nav-menu>ul>li>a {
    padding-top: 35px;
    padding-bottom: 35px;
}

.header-four a.theme-btns {
    height: 96px;
    border-radius: 0;
    width: 100%;
    padding: 21px 41px;
    line-height: 51px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 2px;
}

.header-two .main-header.sticky-bar {
    position: fixed;
}

.site-header.header-four .main-header>.container.sticky-bar {
    left: 0;
    right: 0;
}

.site-header.header-four {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.site-header.header-four .button.search-open label,
.site-header.header-four .button.search-open i,
.site-header.header-four .header-top-menu ul li a,
.site-header.header-four .header-left {
    color: #ffffff;
}

.site-header.header-four .header-top-menu ul li a:hover {
    color: #348239;
}


/*** breadcroumb ***/

.bre-sub span>i {
    font-size: 11px;
    margin: 0 5px;
}

.breadcroumb-area {
    padding: 150px 0;
    background-color: #eaf2eb;
}

.breadcroumn-contnt {
    text-align: center;
}

.page-title {
    font-size: 54px;
    color: #fff;
    line-height: 69px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: capitalize;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family: 'Open Sans', sans-serif;
}

.bre-sub,
.bre-sub span,
.bre-sub span a {
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
}

.page-title.no-image-title {
    color: #000000;
}


/*************************************
******** SLIK SLIDER ICON CSS  **********
*************************************/

button.slick-prev.slick-arrow:before {
    content: "\f284";
    font-family: 'bootstrap-icons';
    font-size: 25px;
}

.slick-slider {
    position: relative;
}

button.slick-prev.slick-arrow {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 80px;
    z-index: 9;
    margin: auto 0;
    font-size: 0;
    line-height: 1;
    background: #348239;
    border: transparent;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 5px;
    opacity: 0.8;
}

button.slick-prev.slick-arrow:hover,
button.slick-next.slick-arrow:hover {
    background-color: #000000;
}

button.slick-next.slick-arrow {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 80px;
    z-index: 9;
    margin: auto 0;
    font-size: 0;
    line-height: 1;
    background: #348239;
    border: transparent;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 5px;
    opacity: 0.8;
}

button.slick-next.slick-arrow:before {
    content: "\f285";
    font-family: 'bootstrap-icons';
    font-size: 25px;
}


/** Copyright**/

.copyright-area {
    padding: 30px 0;
}

.site-info,
.site-info p {
    color: #000000;
    font-size: 16px;
}

.footer-three .site-info,
.footer-three .site-info p,
.footer-two .site-info,
.footer-two .site-info p,
.footer-four .site-info,
.footer-four .site-info p {
    font-size: 14px;
}

ul.ft-menu li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}

ul.ft-menu li a {
    text-transform: capitalize;
    margin: 0 10px;
    color: #777777;
}

ul.ft-menu {
    text-align: right;
    padding: 0;
    margin: 0;
}

ul.ft-menu li:after {
    content: "/";
    font-size: 13px;
}

ul.ft-menu li:last-child:after {
    content: "";
}

ul.ft-menu li:last-child a {
    margin-right: 0;
}


/*** Instagram **/

.single-ft-instagram a {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999999;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.instagram-icons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    z-index: 99999;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    opacity: 1;
    visibility: visible;
}

.single-ft-instagram a:hover:after {
    background: rgb(6 6 6 / 61%);
}

.single-ft-instagram a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    background: rgb(6 6 6 / 14%);
}

.footer-two .site-info {
    text-align: left;
}

.ecolar-ft-tow-top-section {
    background-color: #0c0c0c;
}

.ecolar-ft-tow-top-section {
    background-color: #0c0c0c;
}

.ecolar-ft-two-logo {
    position: relative;
    z-index: 999;
    padding: 40px 0px;
}

.ecolar-ft-two-logo:after {
    background: #348239;
    width: 5000px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    z-index: -1;
    content: "";
}

.ecolar-ft-two-top-dec p {
    padding: 0;
    margin: 0;
}

.ecolar-ft-two-visitor .ft-two-visitor-title {
    font-size: 32px;
    color: #348239;
    font-weight: 500;
    margin: 0;
}

.ecolar-ft-two-visitor span {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Dosis';
}

.ecolar-ft-two-visitor {
    text-align: right;
}

.footer-three .site-info {
    text-align: right;
}

.footer-two .site-info,
.footer-three .site-info {
    color: #ffffff;
}

ul.ft-menu li a:hover {
    color: #348239;
}

.footer-two .copyright-area,
.footer-three .copyright-area {
    border-top: 1px solid #1a1a1a;
    background-color: #000000;
}

.footer-three .site-info {
    text-align: right;
}

.footer-three .copyright-area {
    padding: 30px 0;
}

.footer-four .site-info {
    text-align: right;
}

.footer-four .copyright-area {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 60px;
}

.footer-four .footer-widgets-area.widget-yes {
    background: #ffffff;
    padding-bottom: 0;
}

.footer-four h4.widget-title {
    color: #000000;
}


/** Top To Bottom **/

.to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 50px;
    background: #348239;
    bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}


/*** Donate **/

.wp-block-search .wp-block-search__button svg {
    fill: #ffffff;
}

.give-sidebar.give-single-form-sidebar-left .widget {
    display: none;
}

.single-give_forms .right-sidebar [id*=give-form] div#give-sidebar-left,
.single-give_forms .right-sidebar [id*=give-form] div.summary,
.single-give_forms .left-sidebar [id*=give-form] div#give-sidebar-left,
.single-give_forms .left-sidebar [id*=give-form] div.summary {
    width: 100%;
    float: unset;
}

.single-give_forms .donate-layout {
    margin: 0;
}

.single-give_forms .give-form-title {
    font-size: 36px;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
}

.single-give_forms .give-progress-bar {
    height: 5px;
    position: relative;
    background: #eaf2eb;
    border-radius: 5px;
    overflow: hidden;
}

.single-give_forms .give-goal-progress .income {
    font-size: 39px;
    line-height: 48px;
    color: #333;
    font-weight: 400;
    font-family: 'dosis';
}

.single-give_forms .give-goal-progress .raised {
    margin-bottom: 13px;
    text-transform: capitalize;
}

.single-give_forms .give_error>p,
.single-give_forms .give_success>p,
.single-give_forms .give_warning>p {
    margin: 0!important;
    color: #777777;
}

#give-recurring-form .form-row .give-input-field-wrapper.required,
#give-recurring-form .form-row input[type=email].required,
#give-recurring-form .form-row input[type=password].required,
#give-recurring-form .form-row input[type=tel].required,
#give-recurring-form .form-row input[type=text].required,
#give-recurring-form .form-row input[type=url].required,
#give-recurring-form .form-row select.required,
#give-recurring-form .form-row textarea.required,
form.give-form .form-row .give-input-field-wrapper.required,
form.give-form .form-row input[type=email].required,
form.give-form .form-row input[type=password].required,
form.give-form .form-row input[type=tel].required,
form.give-form .form-row input[type=text].required,
form.give-form .form-row input[type=url].required,
form.give-form .form-row select.required,
form.give-form .form-row textarea.required,
form[id*=give-form] .form-row .give-input-field-wrapper.required,
form[id*=give-form] .form-row input[type=email].required,
form[id*=give-form] .form-row input[type=password].required,
form[id*=give-form] .form-row input[type=tel].required,
form[id*=give-form] .form-row input[type=text].required,
form[id*=give-form] .form-row input[type=url].required,
form[id*=give-form] .form-row select.required,
form[id*=give-form] .form-row textarea.required {
    color: #777777 !important;
}

.single-give_forms form.give-form {
    background-color: #ffffff;
    padding: 60px 50px;
    margin: 40px 0 0;
}

#give-recurring-form .form-row .give-input-field-wrapper,
#give-recurring-form .form-row input[type=email],
#give-recurring-form .form-row input[type=password],
#give-recurring-form .form-row input[type=tel],
#give-recurring-form .form-row input[type=text],
#give-recurring-form .form-row input[type=url],
#give-recurring-form .form-row select,
#give-recurring-form .form-row textarea,
form.give-form .form-row .give-input-field-wrapper,
form.give-form .form-row input[type=email],
form.give-form .form-row input[type=password],
form.give-form .form-row input[type=tel],
form.give-form .form-row input[type=text],
form.give-form .form-row input[type=url],
form.give-form .form-row select,
form.give-form .form-row textarea,
form[id*=give-form] .form-row .give-input-field-wrapper,
form[id*=give-form] .form-row input[type=email],
form[id*=give-form] .form-row input[type=password],
form[id*=give-form] .form-row input[type=tel],
form[id*=give-form] .form-row input[type=text],
form[id*=give-form] .form-row input[type=url],
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
    border: 1px solid #eff1ef !important;
}

[id*=give-form].give-fl-form input.give-fl-input,
[id*=give-form].give-fl-form select.give-fl-select,
[id*=give-form].give-fl-form textarea.give-fl-textarea {
    font-size: 14px !important;
}

.single-give_forms form[id*=give-form] .give-donation-amount #give-amount,
.single-give_forms form[id*=give-form] .give-donation-amount #give-amount-text {
    color: #777777;
    font-size: 14px;
    height: 45px;
    min-width: 172px !important;
    border: 1px solid #eff1ef;
}

.single-give_forms form.give-form .give-donation-amount .give-currency-symbol,
.single-give_forms span.give-currency-symbol.give-currency-position-before,
.single-give_forms form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    height: 45px;
    border: 1px solid transparent;
    padding: 0 16px;
    line-height: 46px;
    background-color: #000000;
    color: #ffffff;
    border-right: 0;
}

.single-give_forms form.give-form .give-donation-levels-wrap .give-btn,
.single-give_forms button.give-donation-level-btn.give-btn {
    padding: 16px 26px;
    background-color: #fff;
    border: 1px solid #eff1ef;
    font-size: 14px;
    line-height: 1;
    border-radius: 5px;
    height: auto;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #777777;
}

.single-give_forms form.give-form .give-donation-levels-wrap .give-btn:hover,
.single-give_forms form.give-form .give-donation-levels-wrap .give-btn.give-default-level,
.single-give_forms button.give-donation-level-btn.give-btn.give-default-level,
.single-give_forms button.give-donation-level-btn.give-btn:hover {
    background-color: #000000;
    color: #ffffff;
}

.single-give_forms form.give-form .give-payment-mode-label,
.single-give_forms form.give-form legend {
    margin: 0 0 20px;
    border-bottom: 1px solid #eaedea;
    position: relative;
    padding-bottom: 7px;
    margin-top: 18px;
}

.single-give_forms form.give-form .give-donation-submit {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px;
}

.single-give_forms form.give-form p#give-final-total-wrap {
    margin: 0;
    padding: 0;
}

.single-give_forms form.give-form p#give-final-total-wrap span.give-donation-total-label {
    border: none;
    background: transparent;
    padding: 0px 10px 0px 0px;
    font-weight: 600;
}

.single-give_forms form.give-form p#give-final-total-wrap span.give-final-total-amount {
    border: none;
    background: transparent;
    padding: 0;
    padding-right: 20px;
    font-weight: bold;
    color: #000000;
}

input#give-purchase-button,
button.give-btn.give-btn-modal,
button.give-btn.give-btn-reveal {
    border-radius: 5px;
    background-color: rgb(0 0 0);
    padding: 20px 35px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: dosis;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.give-submit-button-wrap.give-clearfix {
    position: relative;
}

input#give-purchase-button:hover,
button.give-btn.give-btn-modal:hover,
button.give-btn.give-btn-reveal:hover {
    background: #348239;
}

.single-give_forms [id*=give-form].give-fl-form .give-fl-is-active label.give-fl-label {
    opacity: 1;
    visibility: hidden;
}

.single-give_forms [id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active input.give-fl-input,
.single-give_forms [id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active select.give-fl-select,
.single-give_forms [id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active textarea.give-fl-textarea {
    padding: 11px;
    transition: padding .2s ease-in-out, border .2s ease-in-out;
}

.single-give_forms form[id*=give-form] #give-donation-level-radio-list li {
    display: inline-block;
    margin-right: 10px;
}

.single-give_forms form[id*=give-form] select.give-select-level {
    border: 1px solid #eff1ef;
}

.single-give_forms .mfp-content.give-responsive-mfp-content {
    background: #f9f9f9;
}

.single-give_forms .mfp-content.give-responsive-mfp-content form.give-form {
    margin: 0;
}

.single-give_forms .give_forms {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.single-give_forms form.give-form #give-payment-mode-wrap #give-gateway-radio-list li .give-gateway-option {
    padding: 15px 25px;
    font-size: 15px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    line-height: 1;
    border-radius: 5px;
    height: auto;
    display: block;
    background-color: #fff;
    border: 1px solid #eff1ef
}

.single-give_forms form.give-form #give-payment-mode-wrap #give-gateway-radio-list li input[type=radio] {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.single-give_forms form.give-form #give-payment-mode-wrap #give-gateway-radio-list li {
    line-height: 1;
    margin-right: 1px;
    margin-bottom: 5px;
}

.single-give_forms .give_forms form.give-form #give-payment-mode-wrap #give-gateway-radio-list li .give-gateway-option:hover,
.single-give_forms .give_forms form.give-form #give-payment-mode-wrap #give-gateway-radio-list li.give-gateway-option-selected .give-gateway-option {
    background: black;
    color: #fff;
}


/*** Recent Post ***/

ul.ecolar-widget-post-thum li img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    object-fit: cover;
    float: left;
    vertical-align: middle;
}

ul.ecolar-widget-post-thum li {
    vertical-align: middle;
}

.ecolar-widget-post-thum-content {
    margin-left: 20px;
}

.ecolar-widget-post-thum-content>h6>a.recent-post-title {
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: #dbdee5;
}

.ecolar-widget-post-thum-content>h6>a.recent-post-title:hover {
    color: #348239;
}

.recent-widget-date {
    font-size: 14px;
    margin-top: 7px;
}

footer .recent-widget-date {
    color: #dbdee5;
}

.ecolar-widget-post-thum-content h6 {
    line-height: 1;
    margin-bottom: 5px;
}

ul.ecolar-widget-post-thum li {
    margin-bottom: 30px;
    padding-bottom: 14px;
    display: flex;
}

ul.ecolar-widget-post-thum li:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

ul.ecolar-widget-post-thum {
    padding: 0;
    margin: 0;
}

.ecolar-widget-post-thum-content a.recent-post-title {
    font-weight: 500;
    text-transform: capitalize;
}

body.blog {
    background-color: #ffffff;
}


/*************************************
******** PRELOADER CSS  **********
*************************************/

.preloader-area {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 999999999999999;
}

.theme-loader {
    width: 70px;
    height: 70px;
    margin: auto;
    transform-style: preserve-3d;
    animation: animate 4.59s ease-in-out infinite;
    z-index: 999;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.theme-loader:before,
.theme-loader:after {
    content: "";
    width: 50px;
    height: 50px;
    border: 15px solid #348239;
    border-radius: 50%;
    position: absolute;
    animation: animate_1 1.73s ease-in-out infinite both reverse;
}

.theme-loader:after {
    border-color: #000000;
    animation-delay: -0.86s;
}

.widget.footer-widtet {
    margin-bottom: 50px;
}

.widget.footer-widtet.widget_nav_menu {
    padding-left: 50px;
}

@keyframes animate {
    0%,
    100% {
        transform: rotateX(8.75deg) rotateY(35deg);
    }
    50% {
        transform: rotateX(35deg) rotateY(-35deg) rotate(180deg);
    }
}

@keyframes animate_1 {
    0%,
    100% {
        transform: translateZ(25px) rotateX(14deg);
    }
    33% {
        transform: translateZ(-25px) scale(0.4);
    }
    66% {
        transform: translateZ(-25px);
    }
}

.footer-logo {
    width: 100%;
    max-width: 125px;
}

.single-ft-instagram {
    position: relative;
}

.ft-static-inst {
    right: 15px;
    top: 15px;
    position: absolute;
    color: #ffffff;
    font-size: 24px;
    opacity: 1;
    transition: .4s;
}

.single-ft-instagram a:hover .ft-static-inst {
    opacity: 0;
    transition: .4s;
}

.ecolar-ft-two-logo img {
    width: 140px;
}

.project-single.masonry-item {
    margin: 0;
    padding: 0 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1447px) {
    .main-header .container-lg {
        max-width: 1090px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
    .single-post .post-meta-box .post-meta-item ul li {
        margin-right: 20px;
    }
    .single-post .post-share label {
        margin-right: 0;
    }
    .main-header .container-lg {
        max-width: 1014px;
    }
    .header-one .button.search-open {
        display: none;
    }
}

@media all and (min-width: 993px) and (max-width: 1199px) {
    .post-share {
        display: none;
    }
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    .header-one .button.search-open {
        display: none;
    }
    .widget.footer-widtet.widget_nav_menu {
        padding-left: 0;
    }
}

@media all and (min-width: 1024px) and (max-width: 1199px) {
    footer .widget-area {
        margin-bottom: 50px;
    }
    .ecolar-post-pagination nav.navigation.post-navigation .nav-links .nav-previous,
    .ecolar-post-pagination nav.navigation.post-navigation .nav-links .nav-next {
        width: 100%;
    }
    .post-meta-box .post-share {
        display: none;
    }
    .header-one button.offvanvas-btn,
    .header-four button.offvanvas-btn {
        display: none;
    }
    .search-box {
        display: none;
    }
    .slider-social-wrapper {
        left: 28px;
    }
    footer .widget {
        margin-bottom: 50px;
    }
    .footer-widtet.contact-widget {
        padding-left: 0;
        padding-right: 0px;
    }
    .header-two .site-branding a {
        padding: 35px 16px;
    }
    .header-two .site-branding img {
        max-width: 130px;
    }
}

@media screen and (max-width: 1023px) {
    .navbar-collapse.nav-menu.stellarnav>ul>li {
        display: block;
    }
    .stellarnav>ul {
        margin-top: 22px !important;
    }
    .main-navigation ul>li>a {
        padding: 15px;
    }
    a.menu-toggle.full {
        position: absolute;
        right: 0;
        top: 0;
        float: right;
        width: auto;
        bottom: 0;
    }
    .button.cta {
        position: absolute;
        top: 0;
        right: 90px;
    }
    .main-header {
        padding: 20px 0;
    }
    .header-one button.offvanvas-btn,
    .header-four button.offvanvas-btn {
        display: none;
    }
    .site-header.header-two .stellarnav.mobile .menu-toggle span.bars span {
        background: #ffffff;
    }
    .header-two .site-branding {
        top: 12px;
    }
    .header-two .main-navigation .nav-menu>ul>li>a {
        color: #000000;
    }
    .footer-widtet.contact-widget {
        padding-left: 0;
        padding-right: 0px;
    }
    .header-one .button.search-open {
        display: none;
    }
    .widget.footer-widtet.widget_nav_menu {
        padding-left: 0;
    }
    .header-two .site-branding img {
        max-width: 132px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .breadcroumb-area {
        padding: 150px 0;
    }
    .header-two .site-branding a {
        padding: 12px 17px;
    }
    .stellarnav.mobile>ul {
        margin-right: 0 !important;
    }
    .site-header.header-four .main-header>.container {
        padding: 12px;
    }
    .site-header.header-four .main-header {
        padding: 0;
    }
    .site-header.header-four .header-top,
    .site-header.header-four .button.cta {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .ecolar-section-title {
        padding: 0 10px;
    }
    .button.search-open {
        display: none;
    }
    .header-top {
        text-align: center;
    }
    .header-two .site-branding img {
        max-width: 132px;
    }
    a.menu-toggle.full {
        position: absolute;
        right: 0;
        top: 0;
        float: right;
        width: auto;
        bottom: 0;
    }
    .breadcroumb-area {
        padding: 150px 0;
        background-color: #eaf2eb;
    }
    .slider-social-wrapper {
        bottom: 45px;
        left: 30px;
    }
    .header-two .site-branding a {
        padding: 12px 17px;
    }
    .stellarnav.mobile>ul {
        margin-right: 0 !important;
    }
    .site-header.header-four .main-header>.container {
        padding: 12px;
    }
    .site-header.header-four .main-header {
        padding: 0;
    }
    .site-header.header-four .header-top {
        display: none;
    }
    .ecolar-ft-two-visitor {
        text-align: left;
    }
    .ft2-top-item {
        margin-bottom: 30px;
    }
    .footer-widtet.contact-widget {
        padding-left: 0;
        padding-right: 0px;
    }
}

.footer-one-instagram {
    margin-bottom: -7px;
}

@media screen and (max-width: 991px) {
    .sidebar-widget-area.donate-widgets {
        margin-top: 40px;
    }
    .sidebar-widget-area.donate-widgets .widget {
        margin: 0 14px;
    }
    .blog .all-posts-wrapper,
    .single-post .all-posts-wrapper {
        padding-right: 0;
    }
    .blog nav.navigation.pagination {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .header-right-area,
    .button.search-open label {
        display: none;
    }
    .footer-widtet.contact-widget {
        padding-left: 0;
        padding-right: 0px;
    }
    .slider-social-wrapper {
        bottom: 65px;
        left: 0px;
    }
    .footer-two .site-info,
    .footer-three .site-info,
    .site-info,
    ul.ft-menu {
        text-align: center;
    }
    ul.ft-menu {
        padding-top: 8px;
    }
    .post-details .post-meta-box,
    .post-tag-social {
        display: block !important;
    }
    .post-share {
        margin-top: 15px;
    }
}

@media screen and (max-width: 490px) {
    .button.cta {
        display: none;
    }
    .single-give_forms form.give-form {
        padding: 30px;
    }
    form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
        display: inline-block;
        line-height: 28px;
    }
    .post-meta-item ul li:last-child {
        padding-right: 0;
    }
    .footer-four .copyright-area,
    .footer-four .site-info {
        text-align: center;
    }
    .footer-four .footer-logo {
        display: inline-block;
        margin-bottom: 20px;
    }
}