/*
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: 2.1.5
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.

0Charifund 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-colorx: #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;
}

.new-menu {
	position: relative;
}

@media all and (min-width: 992px){
	.new-menu::after {
		content: 'New';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #ffc107;
		line-height: 1;
		color: #100c00;
		padding: 6px 8px 5px;
		font-size: 13px;
		font-weight: 700;
	}
	.nav-short-menu .navbar__sub-menu {
		min-width: 850px;
        display: inline-block;
        line-height: 1;
	}
	.nav-short-menu .navbar__sub-menu li {
		display: inline-block;
        width: 31.5%;
        margin-right: 10px;
	}
}

/* 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: capitalize;
}
.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: capitalize;
}
.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: capitalize;
}
.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: capitalize;
}
.treanding__themeitem span .title {
    color: #222e48;
}
.treanding__themeitem span .user {
  color: #818181;
}
.treanding_title {
  text-transform: capitalize;
}
.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: capitalize;
}

.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-colorx);
  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;
}
.hero-bg {
	position: relative;
}
.hero-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(2, 13, 25, 0) 16.33%, rgba(2, 13, 25, 0.8) 100%), linear-gradient(360deg, rgba(2, 13, 25, 0) 87.52%, var(--e-global-color-primary) 101.14%);
    z-index: 0;
}

.header-five {
  position: absolute;
  top: 0;
  background-color: transparent;
  border-bottom: 1px solid #ffffff38;
}
.header-five .main-header__menu-box {
  background-color: transparent;
}
.header-five.header-secondary .contact-btn p,
.header-five.header-secondary .navbar__item > a {
  color: #ffffff;
}
.header-five.header-secondary .contact-btn a,
.header-five .contact-btn i {
  color: var(--base-color);
}
.header-five.header-secondary .navbar__sub-menu a {
	color: var(--black);
}
.header-five.header-secondary.sticky-header {
	background-color: #122f2a !important;
}
.preloader .preloader-icon-img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--base-color);
    font-size: 40px;
    color: var(--black);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: flipY 3s linear infinite;
    animation: flipY 3s linear infinite;
	padding: 20px;
}
.rtl .footer-two__widget-intro .menu li:before {
    left: auto;
    right: -23px;
}
.rtl .footer-two__widget-intro .menu li {
    margin-left: 0;
    margin-right: 24px;
}
.banner-slider-navigation.flex-direction-row {
	flex-direction: row !important;
}
.wildlife-banner-header {
	background: linear-gradient(to top, transparent 11%, #ffffff 62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#wp-admin-bar-elementor_edit_page .ab-item {
	display: flex;
}

/* Swiper Team Slider Overrides (Only applied when Swiper initializes) */
.elementor-element-095ddbc.swiper-initialized {
    display: block !important;
    overflow: visible !important; /* Allow arrows to overflow outside container bounds if needed */
    position: relative !important;
}
.elementor-element-095ddbc.swiper-initialized .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}
.elementor-element-095ddbc.swiper-initialized .swiper-slide {
    max-width: none !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

/* Force identical sizing on all team member image containers */
.elementor-element-095ddbc .team__single-thumb {
    width: 100% !important;
    height: 350px !important;
    overflow: hidden !important;
}
.elementor-element-095ddbc .team__single-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Force equal height blocks on all team cards */
.elementor-element-095ddbc .swiper-slide {
    height: auto !important;
}
.elementor-element-095ddbc .swiper-slide > .elementor-widget-container,
.elementor-element-095ddbc .team,
.elementor-element-095ddbc .team__single-wrapper,
.elementor-element-095ddbc .team__single {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.elementor-element-095ddbc .team__single {
    justify-content: space-between !important;
}
.elementor-element-095ddbc .team__single-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Swiper navigation buttons for team carousel */
.team-slider-nav {
    position: absolute;
    top: 50%;
    left: -50px;
    right: -50px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: calc(100% + 100px);
    z-index: 10;
    pointer-events: none;
}
.team-slider-nav button {
    pointer-events: auto;
    background: var(--main-color-one, #046a58) !important;
    color: #ffffff !important;
    border: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}
.team-slider-nav button:hover {
    background: var(--heading-color, #122f2a) !important;
    color: #ffffff !important;
}
@media (max-width: 1200px) {
    .team-slider-nav {
        position: static;
        transform: none;
        width: 100%;
        justify-content: center;
        gap: 20px;
        margin-top: 30px;
    }
}

/* Make footer logo smaller */
.footer-two__widget-logo img,
.footer-one__widget-logo img,
.footer-default__widget-logo img,
.footer__widget-logo img,
.footer-two__widget-logo a img {
    max-width: 180px !important;
    height: auto !important;
}

/* ==========================================================================
   Custom overrides to remove menu background and increase font size
   ========================================================================== */

/* 1. Remove background from the main menu wrapper and container */
.navbar__menu-wrapper,
.header-secondary .navbar__menu-wrapper,
.navbar__menu,
.navbar__list,
.main-header__menu-box,
.header,
.sticky-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 2. Remove the pseudo-elements (like double border-radius panels/wedges) in secondary header buttons/contact info wrappers */
.header-secondary .contact-btn::before,
.header-secondary .contact-btn::after {
    background-color: transparent !important;
}

/* 3. Increase font size of top-level menu links */
.header .navbar__item > a,
.header-secondary .navbar__item > a,
.header .navbar__item a,
.navbar__item a {
    font-size: 24px !important; /* Increase to 24px */
    font-weight: 700 !important; /* Ensure it looks strong and clean */
}

/* 4. Increase font size of dropdown/sub-menu links */
.header .navbar__sub-menu a,
.navbar__sub-menu a {
    font-size: 20px !important; /* Increase to 20px */
}

/* 5. Increase font size of mobile menu items */
.mobile-menu .navbar__item a,
.mobile-menu .navbar__sub-menu a {
    font-size: 22px !important; /* Increase to 22px */
}

/* 6. Prevent menu wrapping and align the Donate button on desktop */
@media all and (min-width: 1200px) {
    .navbar {
        flex-wrap: nowrap !important;
    }
    .header-secondary .navbar__menu {
        padding-inline-end: 20px !important; /* Reduce excessive padding from 80px to 20px */
    }
    .navbar__menu-wrapper {
        gap: 20px !important; /* Reduce gap from 40px to 20px */
    }
}

/* 7. Equalize slider height (shallower for full-image visibility) and restore cover background */
.banner-two__slider-single,
.banner__slider .swiper-slide,
.banner-three__slider .swiper-slide {
    height: 700px !important; /* Increased by 100px to ensure the top logo/header is clear of slide content */
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.banner-two__slider-bg,
.banner-bg {
    background-size: cover !important; /* Restore images to fill the background */
    background-repeat: no-repeat !important;
    background-position: center !important;
    animation: none !important;
    transform: none !important;
}

/* Decrease banner slider title/heading size to fit the shallower height */
.banner-two__slider-content h1,
.banner__content h1,
.banner-three__slider h1,
.banner-three__content h1 {
    font-size: 44px !important;
    line-height: 1.2 !important;
    max-width: 550px !important; /* Ensure it fits nicely */
}

/* Make slider height and headings responsive for tablet and mobile */
@media (max-width: 1199.98px) {
    .banner-two__slider-single,
    .banner__slider .swiper-slide,
    .banner-three__slider .swiper-slide {
        height: 580px !important;
    }
    .banner-two__slider-content h1,
    .banner__content h1,
    .banner-three__slider h1,
    .banner-three__content h1 {
        font-size: 36px !important;
    }
}

@media (max-width: 991.98px) {
    .banner-two__slider-single,
    .banner__slider .swiper-slide,
    .banner-three__slider .swiper-slide {
        height: 500px !important;
    }
    .banner-two__slider-content h1,
    .banner__content h1,
    .banner-three__slider h1,
    .banner-three__content h1 {
        font-size: 30px !important;
    }
}

@media (max-width: 575.98px) {
    .banner-two__slider-single,
    .banner__slider .swiper-slide,
    .banner-three__slider .swiper-slide {
        height: 420px !important;
    }
    .banner-two__slider-content h1,
    .banner__content h1,
    .banner-three__slider h1,
    .banner-three__content h1 {
        font-size: 24px !important;
    }
}

/* 8. Equalize partner logo sizes in the image carousel and prevent cropping */
.elementor-image-carousel .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 160px !important; /* Standardized heights for logo slides - increased to 160px */
}

.elementor-image-carousel .swiper-slide-image,
.elementor-image-carousel-item img,
.elementor-image-carousel img {
    max-height: 120px !important; /* Constrain vertical sizing uniformly - increased to 120px */
    width: auto !important; /* Keep original aspect ratio */
    max-width: 100% !important; /* Fit within bounds */
    object-fit: contain !important; /* Contain the image to show it in full (never crop) */
}

/* 9. Make New Era and candidate partner logos slightly larger */
.elementor-image-carousel img[src*="images-2.jpg"],
.elementor-image-carousel img[src*="images-1.jpg"],
.elementor-image-carousel img[src*="cd0c7c_"] {
    max-height: 145px !important;
}

/* 10. Adjust dynamic services/cause slider card shapes and text sizing */
.difference .difference__single {
    background-size: 88% 88% !important; /* Shrink background shape slightly to prevent distortion */
    background-position: center !important;
    padding: 105px 0px !important; /* Increased padding from 80px to 105px to make boxes taller */
}

.difference .difference__single-content {
    margin-top: 24px !important; /* Pull content up slightly */
}

.difference .difference__single-content h5 {
    font-size: 19px !important; /* Decrease title font size for a cleaner fit */
    line-height: 1.3 !important;
}

.difference .difference__single-content p {
    font-size: 14px !important; /* Decrease description font size */
    line-height: 1.45 !important;
    margin-top: 10px !important; /* Pull up margin spacing */
}

/* 11. Decrease the excessive spacing between the partner logos and the services section */
.elementor-element-16db78d {
    padding-top: 35px !important; /* Decreased from 120px */
}

/* 12. Premium light glassmorphism background for the sticky menu/header */
.sticky-header,
.sticky-header .main-header__menu-box {
    background: rgba(255, 255, 255, 0.96) !important; /* Premium light white background */
    backdrop-filter: blur(12px) !important; /* Blur effect for readability over content */
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important; /* Clean light shadow */
}

/* 13. Spacing correction to collapse excessive footer/content whitespace on all content pages */
.charifund-page-content-area {
    padding-bottom: 40px !important;
}

/* 14. Responsive column stacking and image styling for mobile/tablet screens */
@media (max-width: 767px) {
    .wp-block-columns {
        flex-direction: column !important;
        gap: 25px !important;
    }
    .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    /* Set responsive height for column images */
    .un-images-column img,
    .oiota-join-page .image-col img,
    .oiota-get-involved-page .image-col img {
        height: auto !important;
        max-height: 320px !important;
        object-fit: contain !important;
    }
}

/* 15. Menu hover color updates (set to #7a9c5a) */
:root {
    --hover-color: #7a9c5a !important;
}
.header .navbar__item a:hover,
.header .navbar__item:hover > .navbar__dropdown-label,
.header .navbar__item--has-children:hover > .navbar__dropdown-label,
.header .navbar__sub-menu a:hover,
.header .navbar__sub-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub,
.header .active > .navbar__dropdown-label,
.header .active > a {
    color: #7a9c5a !important;
}
.header .navbar__sub-menu a:hover::before,
.header .navbar__sub-menu .active > a::before {
    background-color: #7a9c5a !important;
}

/* 16. Nested 3rd-level submenu rendering and caret fixes */
.header .navbar__sub-menu li {
    position: relative !important;
}
.header .navbar__sub-menu .navbar__dropdown-label-sub {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.header .navbar__sub-menu .navbar__dropdown-label-sub::after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f105" !important; /* chevron-right */
    border: none !important;
    font-size: 14px !important;
    margin-left: 10px !important;
    display: inline-block !important;
    transition: transform 0.3s ease-in-out !important;
}
.header .navbar__sub-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub::after {
    transform: rotate(90deg) !important; /* point down on hover */
    color: #7a9c5a !important;
}
body.rtl .header .navbar__sub-menu .navbar__dropdown-label-sub::after {
    content: "\f104" !important; /* chevron-left */
}

/* ==========================================================================
   Oiota Buttons and Carousel Colors Standardization (#7a9c5a)
   ========================================================================== */

/* 1. Global CSS Variable Overrides */
:root {
    --base-color: #7a9c5a !important;
    --primary-color: #7a9c5a !important;
    --tertiary-color: #7a9c5a !important;
}

/* 2. Style all primary, secondary, and tertiary button classes */
.btn--primary,
.btn--secondary,
.btn--tertiary,
.banner .btn--primary,
.banner .btn--secondary,
.banner .btn--tertiary,
.banner-two .btn--primary,
.banner-two .btn--secondary,
.banner-two .btn--tertiary,
.banner-three .btn--primary,
.banner-three .btn--secondary,
.banner-three .btn--tertiary,
.cta-section .btn--primary,
.cta-section .btn--secondary,
.cta-section .btn--tertiary,
.cta-section-two .btn--primary,
.cta-section-two .btn--secondary,
.cta-section-two .btn--tertiary {
    background-color: #7a9c5a !important;
    color: #000000 !important;
    border-color: #7a9c5a !important;
}

/* 3. Override button pseudo-elements (hover fill transition effect) */
.btn--primary::before, .btn--primary::after,
.btn--secondary::before, .btn--secondary::after,
.btn--tertiary::before, .btn--tertiary::after,
.banner .btn--primary::before, .banner .btn--primary::after,
.banner .btn--tertiary::before, .banner .btn--tertiary::after,
.banner-two .btn--primary::before, .banner-two .btn--primary::after,
.banner-two .btn--tertiary::before, .banner-two .btn--tertiary::after,
.cta-section .btn--primary::before, .cta-section .btn--primary::after,
.cta-section .btn--tertiary::before, .cta-section .btn--tertiary::after,
.cta-section-two .btn--primary::before, .cta-section-two .btn--primary::after,
.cta-section-two .btn--tertiary::before, .cta-section-two .btn--tertiary::after {
    background-color: #7a9c5a !important;
}

/* 4. Hover states override to transition cleanly to secondary color (#122f2a) */
.btn--primary:hover,
.btn--secondary:hover,
.btn--tertiary:hover,
.banner .btn--primary:hover,
.banner .btn--secondary:hover,
.banner .btn--tertiary:hover,
.banner-two .btn--primary:hover,
.banner-two .btn--secondary:hover,
.banner-two .btn--tertiary:hover,
.banner-three .btn--primary:hover,
.banner-three .btn--secondary:hover,
.banner-three .btn--tertiary:hover,
.cta-section .btn--primary:hover,
.cta-section .btn--secondary:hover,
.cta-section .btn--tertiary:hover,
.cta-section-two .btn--primary:hover,
.cta-section-two .btn--secondary:hover,
.cta-section-two .btn--tertiary:hover {
    background-color: #122f2a !important;
    color: #ffffff !important;
    border-color: #122f2a !important;
}

.btn--primary:hover::before, .btn--primary:hover::after,
.btn--secondary:hover::before, .btn--secondary:hover::after,
.btn--tertiary:hover::before, .btn--tertiary:hover::after,
.banner .btn--primary:hover::before, .banner .btn--primary:hover::after,
.banner .btn--tertiary:hover::before, .banner .btn--tertiary:hover::after,
.banner-two .btn--primary:hover::before, .banner-two .btn--primary:hover::after,
.banner-two .btn--tertiary:hover::before, .banner-two .btn--tertiary:hover::after,
.cta-section .btn--primary:hover::before, .cta-section .btn--primary:hover::after,
.cta-section .btn--tertiary:hover::before, .cta-section .btn--tertiary:hover::after,
.cta-section-two .btn--primary:hover::before, .cta-section-two .btn--primary:hover::after,
.cta-section-two .btn--tertiary:hover::before, .cta-section-two .btn--tertiary:hover::after {
    background-color: #122f2a !important;
    width: 0% !important;
}

/* 5. Icons color inheritance inside buttons */
.btn--primary i, .btn--secondary i, .btn--tertiary i,
.banner .btn--primary i, .banner .btn--tertiary i,
.banner-two .btn--primary i, .banner-two .btn--tertiary i {
    color: inherit !important;
}

/* 6. Carousel and Slider Navigation buttons override */
.slider-btn,
.team-slider-nav button,
.slider-navigation .slider-btn,
.slider-navigation .slider-btn-next,
.swiper-button-prev,
.swiper-button-next {
    background-color: #7a9c5a !important;
    background: #7a9c5a !important;
    color: #000000 !important;
}

.slider-btn:hover,
.team-slider-nav button:hover,
.slider-navigation .slider-btn:hover,
.slider-navigation .slider-btn-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #122f2a !important;
    background: #122f2a !important;
    color: #ffffff !important;
}

.slider-btn i,
.team-slider-nav button i,
.slider-navigation .slider-btn i,
.slider-navigation .slider-btn-next i {
    color: inherit !important;
}