/*
Theme Name:   Charifund Child
Theme URL:    https://wowtheme7.com/charifund-child/
Description:  Charity WordPress Theme
Author:       wowtheme7
Author URL:   https://wowtheme7.com/
Template:     charifund
Version:      1.0.5
License:      GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  charifundchildtheme
*/

/*
    Please Add your custom styles here
*/
:root {
  --hover-color: #00A8E2;
  --template-color: #000 !important;
}
body {
    --base-color: #FFC20F;
    --secondary-color: #0E0F18;
    
    --quaternary-color: #00A8E2;
    --hover-color: #00A8E2;
}
* {
    text-transform: none !important;
}
p, th, td, li, input, textarea, select, label, blockquote, .help-two .help-card-content p {
    color: #000;
}
footer .footer__newsletter p {
    text-transform: none;
    font-size: 14px;
    color: #fff;
}
/*.footer .footer__list-items a {
    font-size: 14px !important;
}*/
@media only screen and (min-width: 576px) {
    .footer .footer__newsletter {
        padding: 10px 30px !important;
    }
    /*.footer .footer__list-group a {
        font-size: 16px !important;
    }*/
}
@media(min-width: 1200px) {
    .footer .footer__content h3, .footer .footer__content h3 * {
        font-size: 36px !important;
    }
}
@media(max-width: 767px){
    footer.footer, .footer__list-items * {
        text-align: center;
        display: block;
    }
    footer .fa-angle-double-right:before, .fa-angles-right:before {
        display: none !important;
    }
    .footer .footer__list-items a:hover {
        -webkit-padding-start: 1px !important;
        padding-inline-start: 1px !important;
    }
}
.footer .footer__copyright-inner {
    padding: 5px 0 10px !important;
}
footer .footer__newsletter {
    margin-bottom: 20px !important;
}
footer .footer__list-intro a {
    text-transform: none !important;
}
.odometer-value {
/*    font-size: 40px !important;*/
}
.help-two__thumb-content h2 {
    white-space: nowrap;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span, 
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * 
{
  font-family: "Montserrat", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}
.banner .swiper-slide-active .banner__content p {
    margin: 20px auto;
    font-size: 18px !important;
}
h2.title-animation {
/*    font-size: 48px !important;*/
    line-height: 1.3 !important;
}
.text-blocks h2, 
.text-blocks h2.title-animation {
    font-size: 28px !important;
    line-height: 1.3 !important;
    padding: 15px 0 10px;
} 
.text-blocks h3, 
.text-blocks h3.title-animation {
    font-size: 22px !important;
    line-height: 1.3 !important;
    padding: 15px 0 10px;
} 
p, span, strong, b, li, a {
    font-family: "Inter", sans-serif !important;
}
@media(min-width: 767px){
    .header .navbar-logo img {
        height: 70px !important;
    }
    .sub-title i {
        font-size: 18px !important;
    }
}
.banner h1 {
    font-weight: 700 !important;
    font-size: 52px !important;
    line-height: 1.4 !important;

}
.help-two__thumb-content h2 * {
    font-weight: 400 !important;
}
.help-two__content .section__content {
    color: #0E0F18;
    font-weight: 400;
    font-size: 24px;
}
.banner__content.text-center .sub-title {
    font-weight: 500 !important;
    font-style: italic !important;
    font-family: 'Inter' !important;
    color: #fff !important;
}
.banner__content.text-center .sub-title i {
    color: #fff !important;
} 
.difference  .difference__single-thumb,
body .difference .difference__single-second .difference__single-thumb {
    background-color: none !important;
    background: none !important;
}
.difference__single-img {
    height: 120px !important;
    width: 140px !important;
    max-height: 120px !important;
    max-width: 140px !important;
    object-fit: contain !important;
}
.difference .difference__single-content h5 {
    display: none;
}
.difference .difference__single-content p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1%;
    font-weight: 600;
    color: #0E0F18;
}
#main-help-block {
    padding: 50px 0 !important;
}
@media(min-width: 767px){
    #main-help-block h2 {
        font-size: 48px !important;
        line-height: 1.3 !important;
    }
    #main-block-h1 h1 {
        font-size: 64px !important;
        line-height: 1.2 !important;
    }
}
#title-animation {
    font-weight: 700 !important;
}
#main-help-block .sub-title {
    display: none !important;
}
.footer .footer__copyright-inner {
    margin-top: 20px !important;
}
.footer__copyright {
    background: #fff !important;
    background-color: #fff !important;
}
.footer__copyright p {
    color: #0E0F18 !important;
    font-size: 14px !important;
}
.footer__copyright a {
    text-decoration: underline !important;
    color: #0E0F18 !important;
    font-size: 14px !important;
}
.recent-post-area {
    display: none !important;
}
#projectspage .wp-post-image,
#eventspage .wp-post-image,
#primary .wp-post-image
{
    width: 100% !important;
    max-height: 400px !important;
    object-fit: cover !important;
}
#projectspage .col-lg-8 a,
#eventspage .col-lg-8 a,
#primary .col-lg-8 a
{
    display: block;
}
#eventheader,
#projectheader {
    background-image: url(assets/images/smoke.webp) !important;
}
.blog .blog__single:hover {
    background-color: #00A8E2 !important;
}
#primary .widget-area .widget {
    display: none;
}
#primary .widget-area .widget.widget_block.widget_search {
    display: block;
}
.one-article-tags {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0 20px;
}
.one-article-tags li .event-tag, 
.one-article-tags li .project-tag {
    background-color: #F1F1F1;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 5px;
    display: inline-block;
    font-size: 18px;
    text-wrap: nowrap;
}
.one-article-tags li .event-tag:hover,
.one-article-tags li .project-tag:hover {
    background-color: #fff;
    box-shadow: 0 0 0 1px #F1F1F1;
}
h2.title {
     font-family: "Montserrat", sans-serif !important;
     font-size: 38px !important;
     font-weight: bold !important;
}

header .social a,
header .social a i {
    font-size: 28px !important;
}
@media(min-width: 1024px){
    header .social a{
        margin: 0;
    }
}
.blog-main-item-01 .content p {

}
#hgmp11 .help-two .sub-title {
    display: none;
}
/*@media(min-width: 1024px){*/
    #hgmp11 .help__content-icon-group {
        margin-left: 50px !important;
    }
/*}*/
#hgmp11 .help-two .help__content-icon {
    align-items: start !important;
}
#hgmp11 .help-two .help__content-icon .thumb::before {
    top: -2px !important;
    background-color: transparent !important;
    background-position: center;
    background-size: cover;
    border-radius: 0 !important;
}
#hgmp11 .help-two .help__content-icon:nth-of-type(1) .thumb::before {
    background-image: url(assets/img/help1.svg);
}
#hgmp11 .help-two .help__content-icon:nth-of-type(2) .thumb::before {
    background-image: url(assets/img/help2.svg);
}

#mainphotolib .award__thumb {
/*    display: none !important;*/
}
.prev-event, .next-event {
    width: calc(50% - 15px);
}

.text-blocks ul li:before, .text-blocks ol li:before {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(assets/images/check-list.svg);
    background-position: center;
    background-size: cover;
    content: '';
    margin-left: -30px;
    margin-top: 3px;
}
.text-blocks ul, .text-blocks ol {
    margin: 10px 0;
}
.text-blocks ul li, .text-blocks ol li {
    margin: 2px 0;
    width: calc(100% - 30px);
    margin-left: 30px;
    font-weight: 700;
}
@media(min-width: 767px){
    .text-blocks ul, .text-blocks ol {
        display: flex;
        flex-wrap: wrap;
    }
    .text-blocks ul li, .text-blocks ol li {
        width: calc(50% - 40px);
        margin-left: 30px;
        justify-content: space-between;
    }
}
.recent-project-thumb img,
.recent-event-thumb img {
    border-radius: 10px;
}
.recent-project-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    transition: 0.54s;
}
body.tax-project-tag .sub-title,
body.tax-event-tag .sub-title {
    display: none !important;
}
/*body.tax-project-tag .title-animation div {
    display: none !important;
}
body.tax-project-tag .title-animation span div {
    display:inline-block !important;
}*/
body.tax-project-tag .title-animation,
body.tax-event-tag .title-animation {
    display: block !important;
}
body.tax-event-tag .thumbnail a,
body.tax-project-tag .thumbnail a {
    display: block;
}
body.tax-event-tag .thumbnail a img,
body.tax-project-tag .thumbnail a img {
    width: 100% !important;
    max-height: 400px;
    object-fit: cover;
}
.content h6 a {
    line-height: 1.2 !important;
}
body.tax-project-tag .title-animation, 
body.tax-event-tag .title-animation, 
body.post-type-archive .title-animation {
    line-height: 1.2 !important;
}
.blog-main-item-01 .content p {
    margin-bottom: 10px !important;
}
.parallax-image-wrap .parallax-image-inner .parallax-image {
    transform: none !important;
}
/*видалення корабликів на Про Нас*/
.help-three__tag {
    display: none !important;
}
.team__single-content__icon, .team__single__thumb-social, .team .team__single-thumb::before {
    display: none !important;
}
.help-three__content p {
    line-height: 1.4 !important;
}
.blog .blog__single-thumb a img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
#eventsmainpage .blog__single:hover .blog__single-excerpt {
    color: #fff;
}
@media only screen and (min-width: 1200px) {
    #eventsmainpage .blog__single-content h5 {
        padding: 15px 0 5px !important;
    }
    #eventsmainpage .gutter-40 {
        padding: 30px 0 10px !important;
    }
}
#missionvision .video-btn-wrapper {
    display: none !important;
}

#ourvalues .review, #ourvalues .author-info {
    display: none !important;
}
#ourvalues blockquote q:before, 
#ourvalues blockquote q:after {
    display: none !important;
}
#ourvalues blockquote h6 {
    padding-bottom: 15px;
}
#ourstory .sub-title {
    display: none;
}
.team__single-content p {
    line-height: 1.4 !important;
}
#missionvision .elementor-icon-list-items {
    display: none !important;
}
#allmissionvision p, 
#allmissionvision p.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
    color: #000 !important;
}
h2 small {
    font-size: 32px;
}
@media(min-width: 1024px){
    .lilcontainerdocs {
        width: 80%;
        margin: 0 10%;
    }
}
.help-two .help-card-content p {
    line-height: 1.4;
}
.home .gallery__single a,
.home .gallery__single:after {
    display: none !important;
}
.award .award__single .content h5 {
    max-width: 340px !important;
}
.help-three-bg {

}
#principles .help-three-bg {
    background-image: url(assets/images/bg333.jpg) !important;
    background-repeat: repeat;
}
.common-banner h1.title-animation {
    color: #fff !important;
}
.common-banner h1.title-animation,
    .common-banner h2.title-animation {
        margin-top: 30px;
    }
@media(max-width: 1024px){
    .banner .swiper-slide-active .banner__content span i {
        display: none !important;
    }
    .mouseCursor {
        display: none !important;
    }
    .common-banner h1.title-animation,
    .common-banner h2.title-animation {
        margin-top: 0px;
        font-size: 42px;
    }
    .blog-main-item-01 h2.title,
    .blog-main-item-01 h2.title * {
        font-size: 24px !important;
    }
    .blog-main-item-01 li .event-tag {
        padding: 3px 7px !important;
        font-size: 12px !important;
        border-radius: 10px !important;
    }
    .blog-main-item-01 .content {
        padding: 30px;
        padding-top: 0;
    }
    .mobile-menu__wrapper .mobile-menu__social a {
        background-color: #FFC20F;
    }
    /*.award .award__single .content {
            transform: translateY(0%) !important;
    }*/
}
@media(min-width: 1200px) and (max-width: 1400px){
    .header .navbar__item a {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}
@media(min-width: 1200px) and (max-width: 1300px){
    .help-two .col-12.col-lg-5.col-xxl-6 {
      transform: scale(0.7);  
    } 
}
@media(min-width: 1301px) and (max-width: 1400px){
    .help-two .col-12.col-lg-5.col-xxl-6 {
      transform: scale(0.9);  
    } 
}
.circle-shape { display: none; }
@media(max-width: 767px){
    .help .thumb-top {
        right: calc(100vw - 275px);
        background-color: #fff;
        top: 40px;
    }
    .help .thumb-lg.thumb img {
        max-height: 500px !important;
        height: 500px !important;
        min-width: auto !important;
    }
    .page-template-page-about li.elementor-icon-list-item {
        display: none;
    }
    .team .team__single-content {
        margin-bottom: 50px;
    }
    .pdf-card a.btn--primary {
        padding: 8px 17px;
        font-size: 12px;
    }
    .pdf-card__image img {
        max-height: 140px;
    }
    h2.title-animation {
        font-size: 42px !important;
    }
}
/*@media(max-width: 426px){
    .help .thumb-top {
        left: 106px !important;
    }
}*/
.footer .footer__list-intro h5 {
    font-size: 20px;
}
#maincontacts {
    margin: -50px auto;
}
#helpmainbanner h2.title-animation {
    font-size: 31px !important;
    font-size: 34px !important;
    letter-spacing: -1.8px;
}
#helpmainbanner h2 * {
    text-shadow: 0 0 1px #000;
}
@media(max-width: 767px){
    #maincontacts h2.title-animation {
        font-size: 32px !important;
    }
    /*#maincontacts .elementor-element {
        max-width: 49.99% !important;
    }*/
    #contactblock {
        display: flex;
        flex-wrap: nowrap !important;
        justify-content: flex-start;
    }
    #contactblock>div {
        max-width: 153px !important;
    }
    #maincontacts .elementor-icon-box-icon svg {
        margin-bottom: -5px !important;
    }
    #maincontacts .elementor-social-icons-wrapper.elementor-grid {
        display: flex;
    }
    #maincontacts .elementor-icon-box-title span {
        font-size: 16px;
        letter-spacing: -0.5px;
    }
    #helpmainbanner h2.title-animation {
        font-size: 30px !important;
    }
}
.common-banner .sub-title i.icon-donation {
    display: none !important;
}
#aboutprinc .btn--primary {
    display: none !important;
}
#aboutprinc .help-three .thumb {
    width: 150px;
    min-width: 150px;
    height: 150px;
}
#principles .help-three .thumb i {
    font-size: 60px !important;
}
@media(min-width: 1024px) {
    #aboutprinc .help-three .help-three__single {
        padding-top: 40px;
    }
    #aboutprinc .title-animation {
        margin-bottom: -40px !important;
    }
}
.help-two .help-two__thumb-inner .thumb-sm img {
    border-radius: 16px !important;
}
@media(min-width: 1024px) and (max-width: 1450px) {
    .help-two .help-two__thumb-inner {
        transform: scale(0.9);
    }
}
.common-banner::before {
    background: none !important;
}
.common-banner h1, .common-banner h2 {
    text-shadow: 0 0 2px #000;
}
.common-banner .shape {
    display: none;
}
.common-banner {
    margin-top: 98px;
}
@media(min-width: 768px){
    .common-banner {
        margin-top: 104px;
    }
}
@media(min-width: 1200px){
    .common-banner {
        margin-top: 100px;
    }
}
.header .navbar__item a:hover,
h2.title a:hover,
.mobile-menu .navbar__item a:hover,
.fa-solid.fa-xmark,
.social a:hover i,
.open-search:hover i  {
    color: #00A8E2 !important
}
.header .open-offcanvas-nav:hover span {
  background-color:  #00A8E2 !important
}
.elementor-807 .elementor-element.elementor-element-767c324.elementor-view-default .elementor-icon,
.elementor-807 .elementor-element.elementor-element-c11a89e.elementor-view-default .elementor-icon,
.elementor-807 .elementor-element.elementor-element-172099f.elementor-view-default .elementor-icon,
.elementor-807 .elementor-element.elementor-element-49b8491.elementor-view-default .elementor-icon
{
    fill: #00A8E2 !important;
    color: #00A8E2 !important;
}
.blog .blog__single-cta a i {
    color: #00A8E2;
}
.progress-wrap {
    background-color: #00A8E2;
    -webkit-box-shadow: inset 0 0 0 8px #00A8E2;
    box-shadow: inset 0 0 0 8px #00A8E2;
}
.progress-wrap span::after,
.progress-wrap span::before {
    color: #00A8E2;
}
.header .navbar__item .dropdown-label-alter::before {
    border-bottom-color: #00A8E2;
}
.header .navbar__sub-menu a::before {
    background-color: #00A8E2;
}
.header .navbar__item--has-children:hover > .navbar__dropdown-label {
  color: #00A8E2;
}
.elementor-icon-list-item span i, .elementor-icon-list-item span.elementor-icon-list-text  {
    color: #333 !important;
}
.banner::before {
        background: linear-gradient(-104deg, rgba(12, 26, 23, 0) 1.9%, rgba(16, 28, 32, 0.08) 9.94%, rgba(16, 28, 32, 0.17) 22.52%, rgba(16, 28, 32, 0.37) 36.84%, rgba(16, 28, 32, 0.67) 56.36%, #101C20 79.8%, #101C20 95.2%, rgba(16, 28, 32, 0.91) 103.44%);
}
#about-team .elementor-element.elementor-absolute.elementor-hidden-mobile.elementor-widget.elementor-widget-image {
    right: auto;
    left: 0;
}
#about-team .team__single-content p {
    height: 39px !important;
    width: 100%;
    overflow: hidden;
}
@media(min-width: 1025px) {
    #about-team .team__single-content p {
        width: 260px;
        max-width: 100%;
    }
}


/*@media (min-width: 1024px) and (max-width: 1600px) {
    body {
        transform: scale(calc(100vw / 1920));
        transform-origin: top left;
        width: 1920px;
    }
/*    .header-primary {
        width: 1920px !important;
    }
    .preloader {
        width: 1920px;
        height: 1080px;
    }*/
}*/
/*@media (min-width: 1024px) and (max-width: 1600px) {
    body {
        width: 1920px;
        transform: scale(calc(100vw / 1920));
        transform-origin: top left;
        overflow-x: hidden;
    }
}*/
.help-card-content p {
    color: #000 !important;
}
.mouseCursor { display: none; }
.common-banner h1, .common-banner h2 {
    color: #fff;
}
.text-blocks p {
    line-height: 1.6;
    margin-bottom: 16px;
}
blockquote {
    border-left: 6px solid lightblue;
    width: 96%;
    padding-left: 2%;
    font-style: italic;
    line-height: 1.6;
    margin: 20px 0 20px 2%;
}
.text-blocks a {
    color: #33A;
    text-decoration: underline;
}
.text-blocks span {
    display: inline;
}