/*
Theme Name: Charifund
Theme URI: http://wowtheme7.com/wp/charifund/
Author: Wowtheme7
Author URI: https://themeforest.net/user/wowtheme7
Description: Charifund - Charity WordPress Theme developed specifically for all types of charity, donation.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: charifund
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 6.6
Requires PHP:7.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Charifund is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
    --main-color-one: #046a58;
    --heading-color: #122f2a;
    --paragraph-color: #667471;
    --animate-delay: 0.3s;
    --secondary-color: #122f2a;
    --main-color2: #6b5103;
    --border-color1: inherit;
    --border-color1: #e0e0e0;
  }
  
  
  /*--------------------------------------------------------------
  ## Captions
  --------------------------------------------------------------*/
  .padding-120 {
    padding: 120px 0;
  }
  .padding-top-120 {
    padding-top: 120px;
  } 
  .padding-bottom-120 {
    padding-bottom: 120px;
  }
  .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  
  .image-popover {
      animation: pulse 4s infinite
  }
  .top-image-bounce {
      animation: moveTopBottom 9s infinite ease-in-out;
  }
  .left-image-bounce {
      animation: moveLeftRight 7s infinite ease-in-out;
  }
  .border-radius-40 {
      border-radius: 40px;
  }
  .color-black {
      color: #232222 !important;
  }
  
  .wp-caption-text {
    text-align: center;
  }
  
  /* Hide text visually but make it available to screen readers */
  .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  
  .gallery-caption {
      display: block;
  }
  
  /* Align an element to the right */
  .alignright {
    float: right;
    margin: 0 0 1em 1em; /* Adjust margin as needed */
  }
  
  /* Align an element to the left */
  .alignleft {
    float: left;
    margin: 0 1em 1em 0; /* Adjust margin as needed */
  }
  
  /* Center an element */
  .aligncenter {
    display: block;
    margin: 0 auto; /* Center horizontally */
  }
  
  
  .tt-catepalize {
    text-transform: none;
  }
  .fw-700 {
      font-weight: 700;
  }
  .single-pricing-inner h6 {
      padding: 5px 12px 3px;
      font-size: 14px;
  }
  
  .preloader-inner {
    z-index: 999999;
  }
  .preloader-inner .pl {
    display: block;
    margin: auto;
    width: 16em;
    height: auto;
  }
  .preloader-inner .pl line {
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }
  .preloader-inner .pl__line1,
  .preloader-inner .pl__line9 {
    animation-name: line1;
  }
  .preloader-inner .pl__line2,
  .preloader-inner .pl__line8 {
    animation-name: line2;
  }
  .preloader-inner .pl__line3,
  .preloader-inner .pl__line7 {
    animation-name: line3;
  }
  .preloader-inner .pl__line4,
  .preloader-inner .pl__line6 {
    animation-name: line4;
  }
  .preloader-inner .pl__line5 {
    animation-name: line5;
  }
  
  /* Dark theme */
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: hsl(var(--hue),90%,10%);
      --fg: hsl(var(--hue),90%,90%);
    }
  }
  
  /* Animations */
  @keyframes line1 {
    from,
    8% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    18% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    28% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    38% {
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    48% {
      opacity: 1;
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    53% {
      opacity: 0;
      stroke-dashoffset: 31.99;
      transform: translate(8px,16px);
    }
    56% {
      animation-timing-function: steps(1,start);
      opacity: 0;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    60% {
      animation-timing-function: ease-out;
      opacity: 1;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    70% {
      animation-timing-function: ease-in-out;
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    80% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    90% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    to {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
  }
  @keyframes line2 {
    from,
    6% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    16% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    26% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    36% {
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    46% {
      opacity: 1;
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    51% {
      opacity: 0;
      stroke-dashoffset: 31.99;
      transform: translate(8px,16px);
    }
    54% {
      animation-timing-function: steps(1,start);
      opacity: 0;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    58% {
      animation-timing-function: ease-out;
      opacity: 1;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    68% {
      animation-timing-function: ease-in-out;
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    78% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    88% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    98%,
    to {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
  }
  @keyframes line3 {
    from,
    4% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    14% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    24% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    34% {
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    44% {
      opacity: 1;
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    49% {
      opacity: 0;
      stroke-dashoffset: 31.99;
      transform: translate(8px,16px);
    }
    52% {
      animation-timing-function: steps(1,start);
      opacity: 0;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    56% {
      animation-timing-function: ease-out;
      opacity: 1;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    66% {
      animation-timing-function: ease-in-out;
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    76% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    86% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    96%,
    to {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
  }
  @keyframes line4 {
    from,
    2% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    12% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    22% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    32% {
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    42% {
      opacity: 1;
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    47% {
      opacity: 0;
      stroke-dashoffset: 31.99;
      transform: translate(8px,16px);
    }
    50% {
      animation-timing-function: steps(1,start);
      opacity: 0;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    54% {
      animation-timing-function: ease-out;
      opacity: 1;
      stroke-dashoffset: 32;
      transform: translate(0,16px);
    }
    64% {
      animation-timing-function: ease-in-out;
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    74% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    84% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    94%,
    to {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
  }
  @keyframes line5 {
    from {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    10% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    20% {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    30% {
      stroke-dashoffset: 0;
      transform: translate(0,0);
    }
    40% {
      stroke-dashoffset: -16;
      transform: translate(0,15px);
    }
    50% {
      stroke-dashoffset: -31;
      transform: translate(0,-48px);
    }
    58% {
      stroke-dashoffset: -31;
      transform: translate(0,8px);
    }
    65% {
      stroke-dashoffset: -31.99;
      transform: translate(0,-24px);
    }
    71.99% {
      animation-timing-function: steps(1);
      stroke-dashoffset: -31.99;
      transform: translate(0,-16px);
    }
    72% {
      animation-timing-function: ease-in-out;
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
    82% {
      stroke-dashoffset: 16;
      transform: translate(0,8px);
    }
    92%,
    to {
      stroke-dashoffset: 31.99;
      transform: translate(0,16px);
    }
  }
  
  .search-category select {
      background: transparent;
  }
  .breadcrumb-wrap .breadcrumb-content {
      padding: 200px 0 122px 0;
  }
  .footer-top-social .logo img {
      max-width: 150px;
  }
  .footer-top-social .footer-info p {
      text-transform: none
  }
  .navbar-area.navigation-style-01 .custom-container .logo-wrapper img {
      max-width: 140px;
  }
  .nav-right-part .right-btn-text {
    border: 1px solid #686868;
      border-radius: 35px;
    padding: 10px 18px;
  }
  .nav-right-part .right-btn-text:hover {
      background: var(--main-color-one);
      border: 1px solid var(--main-color-one);
      color: #fff;
  }
  .nav-right-part .right-btn-text:hover svg path {
       fill: #fff;
  }
  .navbar-area-2 .nav-right-part .right-btn-text {
      border: 1px solid #fff;
  }
  .navbar-area-2 .nav-right-part .right-btn-text:hover {
      border: 1px solid var(--main-color-one);
  }
  
  .audio-list-single-wrap {
      padding: 20px 0;
  }
  .audio-list-single-wrap .media {
    position: relative;
    z-index: 2;
  }
  .audio-list-single-wrap .media .media-left {
    border-right: 1px solid #bdbdbd99;
    padding-right: 40px;
    margin-right: 40px;
  }
  .audio-list-single-wrap .media .media-left img {
    height: 55px;
    width: 55px;
    border-radius: 50%;
  }
  .audio-list-single-wrap .media .media-body h5 {
    margin-bottom: 4px;
    color: #fff;
    font-size: 18px;
  }
  .audio-list-single-wrap .media .media-body p {
    color: #fff;
  }
  .audio-list-single-wrap .audio-list-wrap {
    padding: 0 0 0 15px;
    position: relative;
    z-index: 2;
    color: #fff;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer {
    margin: 0;
    padding: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    border: 1px solid #D9D9D9;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
      border-left: 12px solid #ffffff;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer-time {
      color: #ffffff;
  }
  .audio-list-single-wrap .audio-list-wrap  .audioplayer-bar::before {
      background-color: #ffffff40;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer-bar-loaded {
      background: #ffffff;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
    display: none;
  }
  .audio-list-single-wrap .audio-list-wrap .audioplayer-volume-adjust div div {
      background-color: #ffffff;
  }
  
  .main-search-wrap .search-category form {
      display: flex;
  }
  .main-search-wrap .search-category .text-field {
      width: 100%;
      margin: 0 70px 0 194px;
      height: 100%;
  }
  .main-search-wrap .search-category select {
      position: absolute;
      left: 0;
      top: 16px;
  }
  .charifund-image-scroll-wrap .demo-spacer .nav-tabs li button i,
  .charifund-image-scroll-wrap .demo-spacer .nav-tabs li button svg {
      margin-left: 5px;
  }
  .charifund-single-product-item .woocommerce-thumbnail-wrap img {
      height: auto;
  }
  .charifund-header-cart {
    color: #246bfd;
    font-size: 18px;
    margin-right: 30px;
  }
  .charifund-header-cart .cart-badge {
      text-align: center;
  }
  .navbar-area.navbar-area-2 .custom-container .navbar-collapse .navbar-nav > li + li {
      margin-left: 15px;
  }
  .navbar-area.navbar-area-2 .charifund-header-cart {
      color: #fff;
  }
  .navbar-area.navbar-area-2 .charifund-header-cart .cart-badge {
      background: #fff;
      color: #FFFFFF;
  }
  .main-tab-hide .charifund-image-scroll-wrap .demo-spacer.style-2 {
      display: none;
  }
  
  .video-audio-single .single-video-list-inner {
    border-radius: 0;
  }
  .video-audio-single .audioplayer {
      border: 0 !important;
      border-radius: 0 !important;
      background: #343434 !important;
  }
  .video-audio-singler .single-video-list-inner .video {
    overflow: hidden;
  }
  .video-audio-single .single-video-list-inner video {
    height: 505px;
    transform: scale(1.25);
  }
  .video-audio-single h3.title {
    text-transform: none;
  }
  .video-audio-single .details-page-info-inner ul li {
    padding-left: 0;
    list-style: none;
  }
  .video-audio-single .details-page-info-inner ul li:before {
    display: none;
  }
  .video-audio-single .audioplayer {
    margin: 0;
  }
  .single-audio-list-inner .media .media-body h5 a:hover {
      color: rgba(255, 255, 255, 0.8);
  }
  
  .treanding__themeitem {
    position: relative;
    margin-bottom: 30px;
  }
  .treanding__themeitem .dollar {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    color: #fff;
    background: var(--main-color-one);
    padding: 6px 10px 4px 10px;
    display: block;
    border-radius: 100px;
  }
  .treanding__themeitem .tr__starwrap .wordpress {
      box-shadow: 0px 4px 44px 0px rgba(69,105,231,.14);
      background: #fff;
      padding: 5px 10px;
      border-radius: 100px;
  }
  .treanding__themeitem .tr__starwrap .ratting li svg {
      color: #ff8000;
  }
  .treanding__themeitem span {
    text-transform: none;
  }
  .treanding__themeitem span .title {
      color: #222e48;
  }
  .treanding__themeitem span .user {
    color: #818181;
  }
  .treanding_title {
    text-transform: none;
  }
  .single-product-page-content .thumb {
    height: 500px;
  }
  .single-product-page-content .thumb img {
    width: 100%;
    height: inherit;
  }
  
  @media all and (max-width: 1599px) {
    .footer-top-social {
      margin-left: 80px;
    }
      .footer-top-social .footer-social li a {
          padding: 20px;
      }
  }
  @media all and (max-width: 1400px) {
    .footer-top-social {
      margin-left: 135px;
    }
    .footer-top-social .footer-social li a {
      padding: 19px 14px;
    }
  }
  @media all and (min-width: 992px) {
  }
  @media all and (max-width: 575px) {
      .elementor-image-box-img-wrap .elementor-image-box-img {
          margin-bottom: 20px !important;
      }
      .banner-cat a {
          margin-left: 0;
      }
      .main-search-wrap .search-category .text-field {
          margin: 9px 36px 0 130px;
      }
      .main-search-wrap .search-category select {
          top: 9px;
          font-size: 12px;
      }
      .main-search-wrap .search-category .text-field {
          margin: 0 40px 0 128px;
      }
  }
  
  .single-audio-creator-inner.creator-style-2 .thumb img {
      border-radius: 0;
  }
  
  .single-audio-creator-inner.creator-style-2 .details {
      border-radius: 0 0 20px 20px;
  }
  
  .audio-chart-list-area .banner-audio-list li:nth-child(9),
  .audio-chart-list-area .banner-audio-list li:nth-child(10) {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
  }
  .text-t-capetalize {
    text-transform: none;
  }
  
  .dark-area {
    display: inline-block;
  }
  .dark-area .switch {
    position: relative;
    display: inline-block;
    height: 27px;
    width: 48px;
  }
  .dark-area .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .dark-area .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid #878787;
  }
  .dark-area .switch .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .dark-area .switch input:focus + .slider {
    box-shadow: 0 0 1px #614BFF;
  }
  .dark-area .switch input:checked + .slider:before {
    transform: translateX(20px);
  }
  .dark-area .switch .slider.round {
    border-radius: 30px;
  }
  .dark-area .switch .slider.round:before {
    border-radius: 50%;
  }
  .dark-area .switch .slider .fa-moon {
    position: absolute;
    font-size: 14px;
    left: 6px;
    top: 6px;
    color: #fff !important;
  }
  .dark-area .switch .slider .fa-sun {
    position: absolute;
    font-size: 15px;
    right: 6px;
    top: 6px;
    color: #fff !important;
  }
  .body-light .dark-area .switch .slider:before {
    transform: translateX(20px);
  }
  
  .logged-in.admin-bar .navbar-3-area,
  .logged-in.admin-bar .main-menu-sidebar-wrap {
    top: 32px;
  }
  .navbar-3-area {
      padding: 20px 40px 20px 360px;
  }
  
  .main-menu-sidebar-wrap {
    position: fixed;
    left: 0;
    top: 0;
    border-right: 1px solid #343434;
    width: 360px;
    z-index: 9999;
    padding: 30px 40px 40px;
    height: 100%;
  }
  .main-wrap-page-two {
    padding-left: 360px;
    padding-top: 100px;
  }
  .main-wrap-page-two-inner {
      padding: 40px;
  }
  .main-menu-sidebar-nav {
    padding-top: 55px;
  }
  .main-menu-sidebar-nav .navbar-nav {
    padding: 0;
  }
  .footer-style-page-2 {
      margin-left: 360px;
  }
  .navbar-3-area {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 22;
    background: #0f0f0f;
    border-bottom: 1px solid #343434;
  }
  
  
  .copy-right {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px;
  }
  .copy-right p {
    font-size: 14px;
    line-height: 1.6;
  }
  .main-wrap-page-two .testimonial-slider-one-area .theme-section-title .title {
      font-size: 24px;
  }
  .home-4-chart {
      border-top: 1px solid #262626;
  }
  @media all and (max-width: 1599px) {
      .navbar-3-area {
          padding: 20px 40px 20px 280px;
      }
      .main-menu-sidebar-wrap {
        width: 280px;
      }
      .main-wrap-page-two {
        padding-left: 280px;
      }
      .footer-style-page-2 {
          margin-left: 280px;
      }
  }
  
  @media all and (max-width: 1199px) {
      .main-wrap-page-two {
        padding-left: 0;
        padding-top: 0;
      }
      .footer-style-page-2 {
          margin-left: 0;
      }
  }
  @media all and (max-width: 576px) {
      .main-wrap-page-two-inner {
          padding: 10px;
      }
      .home-4-chart .audio-chart-list-area .banner-audio-list li {
          width: 100%;
      }
      .call-to-action-area-2 {
          padding: 20px 10px;
      }
      .call-to-action-area a img {
          width: 100px;
      }
      .navbar-area.navbar-area-2 .custom-container .navbar-collapse .navbar-nav > li + li {
          margin-left: 0;
      }
      .preloader-inner .pl {
          display: block;
          margin: auto;
          width: 7em;
          height: auto;
      }
  }
  .elementor-editor-active .preloader {
      display: none;
  }
  .root-data-givewp-embed {
    padding: 100px 0;
  }
  .givewp-layouts-headerImage {
    display: none !important;
  }
  .home-3-contact-form .wpcf7-response-output {
    padding: 17px 10px !important;
    color: #fff;
    font-size: 14px;
    border-color: #fff !important;
  }
  .page-id-1198 .widget_charifund_category,
  .page-id-1198 .charifund-widget-author {
    display: none;
  }
  .page-id-1198 .widget {
    padding: 40px !important;
    border-radius: 20px;
    background-color: var(--white);
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
  }
  .page-id-1198 .widget_search .search-form .form-group .form-control {
    background-color: transparent;
    border: 1px solid #ebebeb;
  }
  .wp-block-heading {
    font-size: 24px;
  }
  .rssSummary {
    line-height: 1.7 !important;
  }
  .menu-set-up a {
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
    text-align: center;
    padding: 15px 30px;
    border-radius: 35px;
    background-color: var(--secondary-color);
    color: #fff;
  }
  .woocommerce-single-product-page-content-area .woocommerce-product-gallery__image a {
    width: 100%;
  }
  .woocommerce-single-product-page-content-area .woocommerce-product-gallery__image {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .commit .commit-count.left-top {
    top: 0;
    bottom: auto;
    margin-left: -20px;
  }
  .commit .commit-count.right-top {
    right: 0;
    left: auto;
    top: 0;
  }
  .commit .commit-count.right-bottom {
    right: 0;
    left: auto;
    bottom: 30px;
  }
  .commit__tab-wrapper .commmit-tab-single {
    display: none !important;
  }
  .commit__tab-wrapper .commmit-tab-single.active {
    display: flex !important;
  }