/*
 Theme Name:   Chariti Child
 Theme URI:    http://demo.goodlayers.com/chariti
 Description:  Goodlayers Chariti Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     chariti
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  chariti-child

 START YOUR CHILD THEME CSS HERE
*/
 /* .chariti-navigation-bar-wrap.chariti-navigation-header-style-bar{
    background-color: rgb(244, 244, 244);
 } */
.chariti-navigation-background {
    background-color: transparent !important;
    border-top: 1px solid rgb(244, 244, 244); 
}
.chariti-navigation-bar-wrap.chariti-navigation-header-style-bar.scrolled {
    background-color: white;
}

 .chariti-main-menu-right-wrap {
    float: none !important; 
    display: inline-block; 
    margin-left: 20px;
    vertical-align: middle;
}

.chariti-navigation {
    padding-top: 22px !important;
}


.chariti-header-flex {
	display: flex;
	align-items: center;
}
.chariti-header-style-bar .chariti-logo-right-text {
    padding-top: 0px !important;
}
 .chariti-navigation.chariti-item-pdlr.clearfix.secondary,
 .chariti-navigation.chariti-item-pdlr.clearfix.on-top{
	margin: 0 auto;
	text-align: center;
 }

 .secondary .chariti-main-menu.sf-js-enabled.sf-arrows{
	margin-left: 0px;
}

/* .contact-email,
.gdlr-core-social-network-item{
	text-align: center;
	margin-right: 75px;
} */

/* dots */
.gdlr-core-flexslider .flex-control-nav li a {
    border-color: #0a346a !important;
}
.gdlr-core-flexslider .flex-control-nav li a.flex-active {
    background-color: #0a346a !important;
} 

.gdlr-core-counter-item-number{
    color: #0a346a !important;

}

@media (max-width: 768px) {
	.contact-email,
	.gdlr-core-social-network-item{
		text-align: center;
		margin-right: 38px;
	}
}

#partners-carousel .slides > li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 160px; 
  box-sizing: border-box;
}

.upcoming-events .gdlr-core-event-widget{
    margin-left: 200px;
    margin-top: 30px;
}

.chariti-header-left, .chariti-logo-right-text {
    width: 30% !important;
    padding: 0px !important;
}
.chariti-navigation.chariti-item-pdlr.clearfix.on-top {
    padding-left: unset !important;
}
.chariti-navigation .chariti-main-menu {
    padding-right: 0px !important;
    margin-left: unset !important;
}
.chariti-main-menu-right-button{
    float: unset !important;
}

/* hide new menu added pages */
.chariti-navigation.chariti-item-pdlr.clearfix.on-top {
    visibility: hidden !important;
}

.gdlr-core-pbf-wrapper-container > .gdlr-core-pbf-element{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px;
}

.chariti-main-menu-search i{
    color: #0a346a;
}

.chariti-body .chariti-main-menu-right-button {
    border-radius: 6px;
}


.frmaster-cause-item .frmaster-cause-goal{
    float: left !important;
}

@media (max-width: 768px) {
    .social-icons, .contact-email{
        margin-left: 0px !important;
    }
    .footer-logo{
        margin-left: -12px;
    }
    .social-icons{
        gap: 14px !important;
    }
}

/* Style for the Donate Volunteer buttons on mobile */
.mobile-buttons a {
  border: 2px solid #004080;
  border-radius: 6px;
  text-align: center;
  padding: 5px !important;
}
.mobile-buttons{
  margin-top: 15px !important;
  border-bottom-width: unset !important;
  border-bottom-style: unset !important;
}

.gdlr-core-blog-grid.gdlr-core-style-2 .gdlr-core-blog-info-wrapper .gdlr-core-blog-info{
    text-transform: unset !important; 
}
@media (min-width: 1025px) and (max-width: 1253px) {   
  .chariti-navigation .sf-menu > li > a{
        font-size: 11px !important;
   }
}
@media (max-width: 1024px) {
   .chariti-navigation .sf-menu > li > a{
        font-size: 13px !important;
   }
   .chariti-navigation .sf-menu > li {
        padding-right: 0px !important;
   }
}

@media (min-width: 1025px) and (max-width: 1208px ) {
    .frmaster-cause-title{
        font-size: 17px !important;
    }
}
@media (min-width: 768px) and (max-width: 1028px) {
    .frmaster-cause-modern.frmaster-with-image .frmaster-cause-modern-content-wrap {
    padding: 0px 23px 18px !important;
    }
    .frmaster-cause-modern-content-wrap{
        padding-bottom: 0px !important;
    }

    .frmaster-cause-title {
    font-size: 15px !important;
    }
    .frmaster-cause-item .frmaster-cause-donated-bar-wrap {
    font-size: 12px !important;
    margin-bottom: 0px;
    }
    .frmaster-cause-modern .frmaster-cause-donated-amount {
    font-size: 12px !important;
    }
}

@media (min-width: 320px) and (max-width: 374px) {
    .frmaster-cause-title {
    font-size: 15px !important;
    }
    .frmaster-cause-item .frmaster-cause-donated-bar-wrap {
    font-size: 15px !important;
    }
}


/* custom search style */
.chariti-mini-search-container {
  background: #fff;
  padding: 10px !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  min-width: 250px !important;
  z-index: 9999 !important;
}

.chariti-mini-search-form {
  display: flex !important;
}

.chariti-mini-search-field {
  flex: 1;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-color: white !important;
}

.chariti-mini-search-button {
  padding: 6px 10px;
  background-color: #0a346a;
  color: white;
  border: none;
  border-radius: 3px;
}
@media (max-width: 768px) {
   .chariti-mini-search-field,
   .chariti-mini-search-button {
        font-size: 16px !important; /* prevent zooming on iOS */
    }
    .chariti-mini-search-field{
        width: 190px;
        
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    .gdlr-core-column-30 {
        width: 100%;
    }
}


@media (max-width: 1439px) {
  .gdlr-core-blog-info-wrapper {
    display: flex;
    flex-direction: column;
  }

  .gdlr-core-blog-info {
    margin-bottom: 10px; 
  }

  .gdlr-core-blog-info-sep {
    display: none;
  }
}
