/*
Theme Name: Ngo Child
Theme URI: http://www.nicdarkthemes.com
Description: Ngo Child Theme
Author: Nicdark
Author URI: http://www.nicdark.com
template: ngo
Version: 1.0
License: http://www.nicdark.com
License URI: http://www.nicdark.com
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: ngo
*/


/* Themes Customization*/

body {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: 'poppins', sans-serif !important;
}

.nd_options_container {
    width: 100% !important;
}

p {
    color: #2d292a;
    line-height: 26px;
}

.nd_donations_padding_40 {
    padding: 40px 10px 30px 10px;
}

a {
    color: #195EA5;
}


/* Footer */

.cf-7-style1 .nd_elements_cf7_component input[type="checkbox"],
.footer .nd_elements_cf7_component input[type="checkbox"] {
    width: auto;
}

.footer .wpcf7-list-item {
    margin-left: 0;
}

.footer .nd_elements_cf7_component label {
    background-color: transparent;
    border: 0;
    color: #ffffff;
}

.cf-7-style1 .nd_elements_cf7_component label {
    background-color: transparent;
    border: 0;
}

.footer a {
    color: #ffffff !important;
}

.footer ul.menu>li>a:hover {
    color: #41b35d !important;
    font-weight: 500 !important;
}

.footer #footer-menu ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer #footer-menu ul.menu li {
    margin: 0px;
    padding: 0 60px 0 0;
    display: inline-block;
}

.nd_options_customizer_fonts .footer p,
.nd_options_customizer_fonts .footer div {
    color: #100f0d;
    font-weight: 500;
}


/* Header */

.header-boxtitle .elementor-image-box-title {
    margin-bottom: 5px;
    margin-top: 0;
}

ul.menu>li.current-menu-item>a,
ul.menu>li>a:active,
ul.menu>li>a:hover,
ul.menu>li ul li.current-menu-item>a,
ul.menu>li ul li>a:active,
ul.menu>li ul li>a:hover {
    font-weight: bold !important;
}

ul.menu li>ul.sub-menu>li.current-menu-item {
    background-color: #ffffff !important;
}

#header-donate button.give-btn.give-btn-modal {
    /* text-transform: uppercase;*/
    font-size: 13px;
    line-height: 13px;
    float: right;
    letter-spacing: 1px;
    font-weight: bold;
}

#give_error_test_mode {
    display: none;
}

@media only screen and (min-width: 320px) and (max-width: 1500px) {
    #header-phone-icon {
        display: none;
    }
    #header-phone-text {
        display: none;
    }
    #header-donate {
        width: 100%;
    }
    #header-donate {
        text-align: center;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #header-donate {
        text-align: center;
    }
    #header-donate button.give-btn.give-btn-modal {
        float: initial;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1300px) {
    #main-menu .nd_elements_navigation_component ul.menu li a {
        padding: 10px 15px !important;
    }
}

ul.menu>li.btn-donate a {
    fill: #FFFFFF;
    color: #FFFFFF !important;
    background-color: #41B35D;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 24px !important;
}

ul.menu>li.btn-donate a:hover {
    background-color: #27496F;
}

.nd_elements_navigation_sidebar div>ul li>ul.sub-menu li a {
    font-size: 16px;
}


/* Buttons */

.give-btn:hover {
    background-color: #41b35d !important;
}

.bordered-button:hover {
    color: #195EA5;
    border: 2px solid #41b35d;
}

.bordered-button {
    color: #195EA5;
    border: 2px solid #195EA5;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
}


/* Helpers */

.padding-0 .wp-caption {
    padding: 0;
}

.white-text p,
.white-text {
    color: #ffffff !important;
}

.hover-grey:hover {
    background-color: #efefef;
}


/* Give Form */

#cause2_donate.cause_donate_form #give-amount.give-text-input.give-amount-top,
#home1-paral-donate #give-form #give-amount.give-text-input.give-amount-top {
    font-size: 32px !important;
    line-height: 72px;
}


/* Subheader */

#sub-header {
    position: relative;
}

#sub-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#sub-header,
#sub-header h1,
#sub-header #categories_list,
#sub-header #categories_list a,
#sub-header #reading_time {
    color: #ffffff;
}

#sub-header #categories_list a:hover {
    color: #feb713;
}

#sub-header #categories_list,
#sub-header #categories_list a,
#sub-header #reading_time {
    font-size: 18px;
}

#sub-header h1 {
    text-align: left;
    z-index: 1;
    position: relative;
}

#sub-header #categories_list,
#sub-header #reading_time {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

#sub-header #categories_list {
    padding-right: 10px;
}

#sub-header #reading_time {
    padding-left: 10px;
}

#sub-header .v-separator:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #feb713;
}

#sub-header #categories_list .post-categories {
    padding: 0;
    margin: 0;
}

#sub-header #categories_list .post-categories li {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Team */

.tf-team .team-content {
    text-align: center;
}


/* Timeline */

.twae-timeline-centered .twae-timeline-entry.twae-right-aligned .twae-timeline-entry-inner .twae-icon {
    border: none;
    margin-left: -90px;
    width: 220px!important;
    height: 220px !important;
}

.twae-timeline-centered .twae-timeline-entry:first-child .twae-timeline-entry-inner .twae-icon {
    border: none;
    margin-left: -110px;
    width: 280px !important;
    height: 280px !important;
}

.twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-icon {
    border: none;
    margin-right: -90px;
    width: 220px!important;
    height: 220px !important;
}

.twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon svg {
    max-width: 220px;
    max-height: 220px;
}

.twae-wrapper::before,
.twae-vertical::after {
    display: none!important;
}

.twae-timeline-centered::before {
    top: 10% !important;
    height: 80%;
}

.twae-timeline-centered .twae-timeline-entry:first-child .twae-timeline-entry-inner .twae-icon svg {
    max-width: 280px;
    max-height: 280px;
}


/* elementor Elements Customization */

.blu-bar .elementor-counter-number-wrapper,
.white-bar .elementor-counter-number-wrapper {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}

.blu-bar .elementor-counter-number-wrapper span,
.white-bar .elementor-counter-number-wrapper span {
    position: relative;
    z-index: 1;
}

.blu-bar .elementor-counter-number-wrapper:after,
.white-bar .elementor-counter-number-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 40px;
    bottom: -10px;
    right: 20px;
    z-index: 0;
}

.white-bar .elementor-counter-number-wrapper:after {
    background-color: #e9e9eb;
}

.blu-bar .elementor-counter-number-wrapper:after {
    background-color: #27496f;
}


/* Animations Sections */

.circle-timer-280 .elementor-widget-container {
    width: 280px;
    height: 280px;
}

.circle-timer-350 .elementor-widget-container {
    width: 350px;
    height: 350px;
}

.circle-timer .elementor-widget-container {
    width: 200px;
    height: 200px;
}

.animate-box-white .elementor-image-box-wrapper {
    padding: 20px 40px 20px 40px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

.animate-box-white .elementor-image-box-title,
.animate-box-blu .elementor-image-box-title {
    padding-bottom: 12px;
    position: relative;
}

.animate-box-white .elementor-image-box-title:after,
.animate-box-blu .elementor-image-box-title:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    display: inline-block;
    height: 2px;
    margin: 0 auto;
    width: 90%;
}

.animate-box-blu .elementor-image-box-wrapper {
    padding: 20px 40px 20px 40px;
    background-color: #22577A;
}

.animate-box-white .elementor-image-box-title:after {
    background-color: #2d292a;
}

.animate-box-blu .elementor-image-box-title:after {
    background-color: #ffffff;
}


/* 1.2 container */

.nicdark_container {
    width: 90% !important;
    margin: auto;
    padding: 0px;
}


/*Posts */

#postDay,
#postMonth,
#postYear {
    text-align: center;
    font-family: arial, Sans-serif !important;
    margin-bottom: 0;
}

#postDay {
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 12px;
}

#postMonth,
#postYear {
    font-size: 18px;
    font-weight: 300;
}


/* Share Buttons */

#share-icon {
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}

ul.social-share {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-share li a,
.social-share li {
    display: block;
    text-align: center;
}

.social-share li a i {
    color: #F9B00C;
    font-size: 16px;
}

.social-share li a:hover i {
    color: #41B35D;
}


/* yottie */

#yottie_1 .yottie-widget-feed-section-slide {
    background: transparent !important;
}

.yottie-widget-feed-section-pagination {
    text-align: left !important;
}

.yottie-widget-feed-section-pagination .swiper-pagination-bullet-active {
    color: #ffffff !important;
    background: #1d4f70 !important;
}

span.yottie-widget-feed-section-pagination-bullet {
    font-size: 24px !important;
    padding: 5px 15px !important;
    margin: 0 8px !important;
    color: #231f20 !important;
    background: transparent !important;
    font-weight: 700 !important;
}

span.yottie-widget-feed-section-pagination-bullet:hover {
    background: #1d4f70 !important;
    color: #ffffff !important;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 1199px) {
    .social-share li {
        display: inline-block;
        padding-right: 10px;
    }
    #social-share-wrapper {
        display: inline-block;
    }
    #post-date-wrapper {
        display: inline-block;
        margin-right: 12px;
    }
    img.nd_elements_open_navigation_sidebar_content {
        margin: auto 30px auto 10px !important;
        float: right !important;
    }
    .nd_elements_navigation_sidebar div li>a {
        color: #000000;
    }
    .nd_elements_navigation_sidebar div li>a:hover {
        color: #FFFFFF;
    }
    ul.menu>li.btn-donate a {
        background-color: #000000;
    }
    .nd_elements_navigation_sidebar div>ul li>ul.sub-menu li {
        display: none;
    }
    .nd_elements_navigation_sidebar li.menu-item-has-children>a:after {
        content: '';
        display: inline-block;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #000000;
    }
    .nd_elements_navigation_sidebar li.menu-item-has-children.nav-open>a:after {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #000000;
        border-top: none;
    }
}

@media (max-width: 768px) {
    .footer #footer-menu ul.menu li {
        padding: 0;
        width: 100%;
    }
    .twae-timeline-centered .twae-timeline-entry:first-child .twae-timeline-entry-inner .twae-icon {
        margin-left: 0;
        width: 150px !important;
        height: 150px !important;
    }
    .twae-timeline-centered .twae-timeline-entry.twae-right-aligned .twae-timeline-entry-inner .twae-icon {
        margin-left: 0;
        width: 150px !important;
        height: 150px !important;
    }
    .twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-icon {
        margin-right: 0;
        width: 150px !important;
        height: 150px !important;
    }
    .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon svg {
        max-width: 150px;
        max-height: 150px;
    }
    .twae-timeline-centered .twae-timeline-entry:first-child .twae-timeline-entry-inner .twae-icon svg {
        max-width: 150px;
        max-height: 150px;
    }
    .twae-timeline-centered::before {
        left: 80px !important;
    }
}

@media (max-width: 1024px) {
    .footer #footer-menu ul.menu li {
        padding: 0;
        width: 50%;
    }
}

@media (min-width: 768px) {
    .twae-timeline-centered .twae-timeline-entry.twae-left-aligned .twae-timeline-entry-inner .twae-data-container {
        margin-right: 180px !important;
    }
    .twae-timeline-centered .twae-timeline-entry.twae-right-aligned .twae-timeline-entry-inner .twae-data-container {
        margin-left: 180px !important;
    }
}