/*======================================
Theme Name: NGO Divi Child Theme
Theme URI: https://ngo.duogeeks.com/
Description: NGO Divi child theme if you are building a website for charity, NGO or any non-profit company this child theme will surely boost the design. 
Version: 1.0
Author: Divi Awesome
Author URI: https://ngo.diviawesome.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

p{
	font-weight:400;
}

/****************************
Header Menu 
****************************/
/* Settings for Sub Menus */

/* Making menu  fullwidth */
.nav li li{
  padding:5px!important;
  width:100%!important;
  transition:0.5s;
}
/* Making menu link fullwidth */
.et-menu li li a{
  width:100%!important;
  transition:0.5s;
}
.et-menu li li a:hover{
	background:none;
}
/* To Remove background when hover over  */
.nav li li:hover{
	background:none;
}
/****************************
Back to top button
****************************/
.et_pb_scroll_top .et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
.et_pb_scroll_top.et-visible{
right: 15px;
border-radius: 25px;
background-color:var(--ngo-yellow);
padding: 10px;
}
/*************************
  Custom Video Popup
*************************/
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  top: 0px !important;
  position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}
.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.video_popup a:after {
    content: '\e04e';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: #f5b81c;
    padding: 40px 15px;
    border-radius: 50%;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video_popup.no_icon:after {
    display: none!important;
}

@media all and (max-width: 980px) {
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_popup:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }
}

/*************** Hiding Sub menus on mobile*****************/ 
/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}
/*************************
**************************
Home 1 
***************************
**************************/
/*****************************
Hero Section
*****************************/
/*  Make buttons Inline- Two Buttons in One Line */
.ngo-h1-button .et_pb_button_module_wrapper {
    display: inline-block;
  margin-right:20px;
}
/* Heart Icon Before H4 Heading */
.ngo-h1-text h4:before{
  content:'\e089';
  font-family:ETmodules!important;
  margin-right:5px;
  font-size:14px;
  color:#F5B81C;
}
/************************
 About
*************************/
/* Tabs Design in About Section */
ul.et_pb_tabs_controls:after{
  border:none;
}

/*******************************
 Charity Raised Section
*******************************/
.ngo-h1-donation-column{
  display:flex;
  align-items:center;
}
.give_error{
  display:none;
}
/* Give Background Image To Charity Form */
.ngo-h1-donation-column .et_pb_code_inner{
  background:url('https://ngo.duogeeks.com/wp-content/uploads/2022/05/home-1-about-image.jpg');
  padding:30px;
  border-radius:10px;
  z-index:10;
}
/* Give Overlay Effect to Background Image */
.ngo-h1-donation-column .et_pb_code_inner:before{
  position:absolute;
  content:'';
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.7);
  border-radius:15px;
  z-index:-1;
}
/* Charity Raised Section */
.ngo-h1-donation-column .give-form-wrap{
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
}
/* Form Title */
.give-form-title{
  font-family:Nunito;
  color:#fff;
  font-weight:700;
  order:0;
}
/* Form Body */
.give-form-content-wrap{
  order:1;
  font-family:Roboto;
  color:#fff;
  font-size:15px;
  line-height:1.8em;
}

/* Money Raised */
.ngo-h1-donation-column .raised{
  font-family:Nunito;
  color:#fff;
  font-size:20px;
  margin-bottom:0;
  font-weight:600;
}
.ngo-h1-donation-column .income{
  font-size:20px;
  color:#fff;
}
.ngo-h1-donation-column .goal-text{
  color:#f5b81c;
  font-weight:600;
}
.raised__details{
	display:flex;
	flex-direction:row;
	justify-content: space-around;
}
.give-goal-progress{
	background:transparent;
  	order:2;
	padding:0px;
}
/* Progress Bar */
.give-progress-bar{
  height:10px;
	background:#fff;
}
.ngo-h1-donation-column .goal{
	margin-left:5px;
	font-size:1rem!important;
}

/* Custom Amount Form */
.give-form-type-set{
  order:3;
  margin-bottom:0!important;
}

/* Custom Amount Textbox */
/* Input Forms Font */
.give-total-wrap .give-currency-symbol{
  font-family:Nunito;
  font-weight:700;
}

/* Custom Amount Textbox */
form[id*=give-form] .give-donation-amount{
  display:flex;
  flex-direction:row-reverse;
  margin-top:30px;
}

/* Currency Symbol Design*/
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    border-left: none!important;
    border-right: 1px solid #ccc;
    border-top-right-radius: 50px;
  	border-bottom-right-radius:50px;
    background: transparent;
	color:#fff;
	height:40px;
	width:10%;
	text-align:center;
	border:2px solid #fff;
}
/* Inout Field Design */
form[id*=give-form] .give-donation-amount #give-amount{
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  font-family:Nunito;
  font-weight:600;
  color:#fff;
  background:transparent;
  width:90%;
  height:40px;
  border:2px solid #fff;
}

/* Custom Text Hidden */
.give-custom-amount-text{
  display:none!important;
}
/* Charity Raised Button */
.give-btn{
  	font-family:Nunito;
  	font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  padding:12px 35px;
  border-radius:50px;
  background:var(--ngo-yellow);
  border:none;
  color:#fff;
  margin-bottom:0!important;
}
.give-btn:hover{
  background:var(--ngo-yellow);;
}



/*************************
 Donation Popup 
***************************/
/* Radio Option Text */
form[id*=give-form] #give-gateway-radio-list>li{
  font-family:Nunito;
  font-size:16px;
  font-weight:500;
  color:#000;
}
/* Radio Button */
form[id*=give-form] #give-gateway-radio-list>li input[type=radio]{
  transform:scale(1.3);
}
/* Select Payment method Title */
form.give-form legend{
  font-family:Nunito;
  font-size:20px;
  font-weight:800;
  color:#000;
}
.give-payment-mode-select{
 	margin-bottom:30px; 
}
/* Input Field */
[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=text], [id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=email]{
  border:1px solid #000;
  font-family:Roboto;
	font-size:15px;
  color:#000;
  border-radius:50px;
	height:30px!important;
}

/* Make Donation Section with Amount */
form[id*=give-form] #give-final-total-wrap .give-donation-total-label{
  border-top-left-radius:50px;
  border-bottom-left-radius:50px;
  font-family:Nunito;
  font-weight:700;
  color:#000;
  height:auto!important;
  padding:3px 12px;
}
form[id*=give-form] #give-final-total-wrap .give-final-total-amount{
  border-top-right-radius:50px;
  border-bottom-right-radius:50px;
	font-family:Nunito;
  font-weight:700;
  color:#000;
  height:auto!important;
  padding:3px 12px;
}
/***********************
Causes/Campaigns
***********************/
/* Individual Campaign Design*/
.campaign-has-goal{
  background:#fff;
    border:none!important;
  box-shadow:0px 2px 10px 0px rgba(110, 130, 208, 0.17);
  border-radius:10px;
}
/* Campaign Heading */
.ngo-h1-campaigns h3{
  font-family:Nunito;
  font-weight:700;
  color:#000;
  line-height:1.5em;
}
/* Campaign Heading Home 2*/
.mec-wrap .mec-event-article .mec-color-hover{
	font-family:Nunito;
  font-weight:700;
  color:#000;
  line-height:1.5em;
}
.mec-color-hover:hover{
	color:#000;
}
/*  Image Border Radius */
.ngo-h1-campaigns img{
  border-radius:10px;
}
/* Progress Bar */
.campaign-progress-bar{
  height:7px;
  border-radius:50px;
}

/* Description */
.campaign-description{
  font-family:Roboto;
  font-size:15px;
  color:#333;
  font-weight:400;
  line-height:1.8em;
}
/* Donation Stats */
.campaign-donation-stats{
  font-family:Nunito;
  font-size:16px;
  line-height:1.5em;
  color:#000;
	font-weight:400!important;
}
.campaign-donation-stats .goal-amount, .campaign-donation-stats .amount{
	font-weight:700!important;
}
/* Box Shadow Of Causes and Campaigns*/
.campaign-loop.campaign-grid .campaign.hentry, .campaign-loop.campaign-grid li.campaign{
  box-shadow:0px 2px 18px 0px rgba(110, 208, 130, 0.17);
}

/*Campaign Donation Button on Homepage*/ /*And Donate Button Design on Individual Campaigns */ /* Also Comment section on Single Event Page */
.charitable-button, .form-submit .et_pb_button, .charitable-submit-field .button{
  font-family:Nunito;
  	font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  padding:12px 35px;
  border-radius:50px;
  background:var(--ngo-yellow)!important;
  border:none;
	float:left;
  color:#fff!important;
  margin-bottom:0!important;
}
.charitable-button:hover, .charitable-submit-field .button, .form-submit .et_pb_button{
	padding:12px 35px!important;
	border:none!important;
}
.charitable-button:hover:after{
	display:none;
}
/* Disable Comments Section */
.campaign-has-not-achieved-goal .comment-respond{
	display:none!important;
}
/*************************
 Team/Volunteers
**************************/
/* Social Links Design */
.ngo-h1-team-member .et_pb_member_social_links li{
  background:#FFEDC1;
  padding:7px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
.ngo-h1-team-member .et_pb_member_social_links li a{
  color:var(--ngo-yellow);
}
/*********************
 Events
**********************/

/* Date and Location Design */
.mec-event-detail, .mec-start-date-label, .mec-event-meta .mec-start-date-label{
  font-family:Nunito;
  font-weight:600;
  line-height:1.5em;
}
/* Events Title Design */
.mec-event-grid-clean .mec-event-title a{
  font-family:Nunito;
  font-weight:600;
  line-height:1.5em;
  color:#000!important;
}
/* Location Design */
.mec-grid-event-location{
  font-family:Roboto;
  font-weight:400!important;
  color:#333!important;
}

/* Share Icon Color */
i.mec-sl-share{
 color: #fff!important;
}
/* Social Icon Color */
.mec-event-sharing-wrap li a, .mec-event-sharing-wrap:hover li ul li a{
  color:var(--ngo-yellow)!important;;
}
/* Share Icon */
.mec-event-share{
  background:var(--ngo-yellow)!important;
  border:none!important;
	border-radius:3px;
}
.mec-bg-color{
  background:var(--ngo-yellow)!important;
}
.mec-color{
  color:var(--ngo-yellow)!important;
}
.mec-start-date-label, .mec-event-loc-place, .mec-end-date-label{
	color:#fff!important;
	font-weight:500!important;
}
.mec-booking-button{
  background:var(--ngo-yellow)!important;
  color:#fff!important;
  border:none!important;
	border-radius:3px;
}
/*************************
 Testimonials 
*************************/
/* Testimonial Slider Title */
.ngo-h1-testimonials h4{
  color:#000!important;
  font-family:Nunito;
  font-weight:700;
  line-height:1.5em;
}
.ngo-h1-testimonials img{
  border-radius:50%;
}

/* Slider Arrows */
.et-pb-arrow-next, .et-pb-arrow-prev{
  background:var(--ngo-yellow);
  opacity:1;
  font-size:25px;
  padding:10px;
  border-radius:50%;
  border:1px solid transparent;
  top:90%;
}
.et-pb-arrow-next:hover, .et-pb-arrow-prev:hover{
  border:1px solid var(--ngo-yellow);
  background:transparent;
  color:var(--ngo-yellow);
}
.et-pb-arrow-next:before{
  content:'\24';
}
.et-pb-arrow-next{
  right:70%!important;
}
@media (max-width:450px){
  .et-pb-arrow-next{
  right:55%!important;
}
}
.et-pb-arrow-prev:before{
  content:'\23';
}
.et-pb-arrow-prev{
  left:10%!important;
}

/**************************
Blog
**************************/
.ngo-h1-blog .et_pb_post{
	position:relative;  
  display:flex;
  flex-wrap:wrap;
} 
.ngo-h1-blog .et_pb_image_container{
  order:1;
  margin-bottom:0;
  margin-top:0;
}
.ngo-h1-blog .entry-title{
  order:0;
}
.ngo-h1-blog .post-meta{
  order:2;
}
.post-content{
  order:3;
}
@media (max-width: 968px){
	.ngo-h1-blog .et_pb_image_container img{
		width:100vw!important;
	}
}
/*****************************
******************************
 Home 2
******************************
******************************/

/*******************
Hero Section
*******************/
.ngo-h2-hero .h2-highlight{
  color:#f5b81c;
  text-decoration:underline;
}
/* Color change in Titles */
.text-highlight{
  color:var(--ngo-yellow);
}

/*************************** 
Please Make Donations Section 
***************************/
/* Form Title */
.ngo-h2-donation .give-form-title{
  font-family:Nunito;
  color:#000;
  font-weight:700;
  order:0;
	line-height:1.4;
}
/* Form Body */
.ngo-h2-donation .give-form-content-wrap{
  order:1;
  font-family:Roboto;
  color:#000;
  font-size:15px;
  line-height:1.8;
}
/* Amount Input Field Design */
 .ngo-h2-donation form[id*=give-form] .give-donation-amount #give-amount{
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  font-family:Nunito;
  font-weight:600;
  color:#000;
  background:transparent;
  width:90%;
  height:40px;
  border:2px solid #000;
}
/* Currency */
 .ngo-h2-donation form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    border-left: none!important;
    border-right: 1px solid #ccc;
    border-top-right-radius: 3px;
  	border-bottom-right-radius:3px;
    background: transparent;
  color:#000;
  height:40px;
  width:10%;
  text-align:center;
  border:2px solid #000;
}
/* Input Fields */
.ngo-h2-donation form[id*=give-form] .form-row input[type=text], .ngo-h2-donation form[id*=give-form] .form-row input[type=email]{
  border:none;
  font-family:Roboto;
	font-size:15px;
  color:#000;
  background:#fffaee;
  border-radius:3px;
	height:40px!important;
}
/* Input Fields Labels */
.ngo-h2-donation label{
  font-family:Nunito;
  font-weight:600;
  font-size:16px;
  color:#000;
}

/* Donation Total Section */
.ngo-h2-donation form[id*=give-form] #give-final-total-wrap .give-donation-total-label{
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}

.ngo-h2-donation form[id*=give-form] #give-final-total-wrap .give-final-total-amount{
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}
/* Button */
.ngo-h2-donation .give-btn{
  	font-family:Nunito;
  	font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  padding:12px 35px;
  border-radius:3px;
  background:var(--ngo-yellow);
  border:none;
  color:#fff;
  margin-bottom:0!important;
}
/* Button Hover Effectss */
.give-btn:hover{
  background:var(--ngo-yellow);;
}

/**************************
Team/Volunteers 
**************************/

/* Social Media Links */
.ngo-h2-team-member .et_pb_member_social_links li{
  border:1px solid #f5b81c;
  padding:3px 10px!important;
}

/**************************
Blog
***************************/
.ngo-h2-blog .et_pb_post{
	position:relative;
}
/* Category Position */
.ngo-h2-blog .post-meta a{
  position:absolute;
  top:2%;
  left:2%;
  padding:5px 10px;
  background:var(--ngo-yellow);
  color:#fff!important;
  border-radius:3px;
}
/* So That Author Position Doesn't Get Affected */
.ngo-h2-blog .post-meta .author a{
  position:relative!important;
	top:0;
	left:0;
  padding:0;
  background:none;
  color:#333!important;
}

/*******************************
********************************
Sidebar 
********************************
*******************************/
/* Sidebar Search Bar */
.wp-block-search__input{
    font-family:Roboto;
    color:#000!important;
    border:1px solid #f5b81c!important;
  }
  /* Sidebar Form Button */
  .wp-block-search__button{
    background:var(--ngo-yellow)!important;
    color:#fff!important;
    text-transform:uppercase;
    border:1px solid #f5b81c!important;
  }
  /* Categories and Recent Posts Design */
  .et_pb_widget ul li{
    font-family:Roboto!important;
    font-size:16px;
    font-weight:400;
    background:#fffaee;
    padding:0;
    border-radius:3px;
    margin-bottom:0.5em;
  }
  .et_pb_widget ul li a{
    color:#000!important;
      width:100%!important;
      padding:10px 20px!important;
      display:block;
  }
  /* Category Icon */
  .cat-item a:before{
        float: left;
      content: '\35';
      font-family: etmodules;
      color: #fff;
      margin-right: 7px;
      background: var(--ngo-yellow);
      width: 23px;
      text-align: center;
      height: 22px;
      padding: 2px 0 3px 3px;
      border-radius: 50%;
      font-size: 18px;
      font-weight: 700;
      display: flex;
      align-items: center;
      transform: rotate(0deg);
      transition: .5s ease
  }
  /* Sidebar Titles */
  .widgettitle{
    font-family:Nunito;
    font-size:20px!important;
    color:#fff;
    font-weight:700;
    background:var(--ngo-yellow);
    padding:15px 20px;
    border-radius:3px;
    margin-bottom:10px;
  }

/***************************
****************************
Blogs
****************************
***************************/

/* Pagination */
.wp-pagenavi{
	text-align:center;
	font-family:Nunito!important;
	font-size:16px!important;
	font-weight:700!important;
	line-height:1.8em!important;
	color:#000!important;
	padding-top:30px!important;
	border-top:1px solid #d6d6d6!important;
}
/* To Remove Lines above Pagination */
.wp-pagenavi {
    border-top: none!important;
}
.pages{
  border:none!important;
	display:block!important;
	width:100%!important;
	margin-bottom:20px!important;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none!important;
    margin-right: 5px!important;
      padding: 10px 16px!important;
	border-radius:50%;
	font-weight:700!important;
	color:#000!important;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background: var(--ngo-yellow);
    border-radius: 50%;
  	color:#fff!important;
	font-weight:700!important;
}

/************************
*************************
 FullWidth Blogs
*************************
*************************/

/* Box Shadow */
.ngo-blog-fullwidth .et_pb_post{
  box-shadow:0px 2px 18px 0px rgba(110, 208, 130, 0.17);
}


/*******************************
********************************
Events
********************************
*******************************/
.mec-event-meta .mec-start-date-label{
	color:#000!important;
}
.mec-container h1{
	padding-top:50px;
}

/* Title */
.mec-container h1{
	font-family:Nunito;
	font-size:35px;
	font-weight:700;
	color:#000;
}

/* Date Title*/
.mec-month-divider span{
	font-family:Nunito;
	color:#000;
}

/* Load More Button */
.mec-load-more-button{
	background:transparent;
	padding:10px 35px!important;
	color:#000;
	height:auto!important;
}
.mec-load-more-button:hover{
	background:transparent;
	padding:10px 35px;
	color:#000;
}
/***************************
Single Event 
***************************/
h4.widgettitle {
    font-family: 'Nunito';
    color: #fff;
    font-weight: 600;
}
/****************************
*****************************
All Campaigns
*****************************
****************************/
#main-content .container:before{
	width:0;
}
#left-area{
	width:68%;
	padding-right:0px!important;
}

#sidebar{
	width:30%!important;
	padding-left:0;
	float:right;
}

.campaign-has-goal{
	box-shadow:none;
}

.campaign-has-no-goal .campaign-summary-item, .campaign-is-endless .campaign-summary-item {
    width: 30%;
    text-align: center;
}
/* Donation Description */

.campaign-has-goal p{
	font-family:Roboto;
	font-size:15px;
	color:#333;
	line-height:1.8;
}

/* Campaign Short description */
.single-campaign .campaign-description{
	font-family:Roboto;
	font-size:18px;
	color:#333;
	font-weight:400!important;
	line-height:1.8;
}

/* Donation Stats */
.campaign-summary .campaign-summary-item{
	font-family:Roboto;
	font-weight:400;
	font-size:16px;
	color:#333;
	line-height:1.5;
}

.campaign-has-goal h1{
	font-family:Nunito;
	font-size:40px;
	font-weight:700;
	line-height:1.4;
	color:#000;
}
.campaign-has-goal .post-meta .author, .campaign-has-goal .published, .campaign-has-goal .comments-number{
	font-family:Roboto;
	font-size:16px;
	color:#333!important;
	line-height:1.4;
	font-weight:400;
}

/* Charitable Form */
.charitable-form-header{
	font-family:Nunito;
	font-size:25px;
	color:#000;
	font-weight:700;
	line-height:1.4;
}

/* Charitable Input forms */
.campaign-has-goal input.text, 
.campaign-has-goal input.title, 
.campaign-has-goal input[type=text], 
.campaign-has-goal select, 

.campaign-has-goal input[type=email], 
.campaign-has-goal input[type=password],

#commentform input[type=email], #commentform input[type=text], #commentform input[type=url]{
	font-family:Roboto;
	font-size:16px;
	line-height:1.4;
	color:#333;
	background:#fff;
	height:40px;
	border:1px solid #000;
	border-radius:3px;
}
.campaign-has-goal textarea, #commentform textarea{
	font-family:Roboto;
	font-size:16px;
	line-height:1.4;
	color:#333;
	background:#fff;
	height:150px;
	border:1px solid #000;
	border-radius:3px;
}

/*  Charitablee Plugin Input Labels */
.charitable-form-field label{
	font-family:Nunito;
	font-size:16px;
	color:#333;
	font-weight:600;
	line-height:1.4;
}

/* Choose Your Payment Method */
.charitable-fieldset-field-header{
	font-family:Nunito;
	font-size:18px;
	font-weight:700;
	line-height:1.4;
	color:#000;
}

/* Comment Section Of NGO */
.comment-reply-title{
	font-family:Nunito;
	font-size:25px;
	font-weight:700;
	line-height:1.4;
	color:#000;
}

/* Campaign Donation Receipt */
.entry-title, .charitable-header, .entry-content thead th, .entry-content tr th{
	font-family:Nunito;
	color:#000;
	font-weight:700;
	line-height:1.4;
}

/* Doantion Summary Details */
/* the right side donation detail */
.donation-summary dd{
	font-weight:400!important;
	margin-bottom:15px;
}
/* the left side donation detail */
.entry-content{
	font-family:Roboto;
	font-weight:700;
	line-height:1.4;
	font-size:16px;
	color:#000;
}
/* Thank You For Your Donation */
.entry-content p{
	font-family:Roboto;
	margin-bottom:10px;
	font-weight:400;
}

/* Table Detail */
.entry-content tr td{
	font-size:16px;
	font-weight:500;
}

/***************************
 ***************************
Single Event Page
****************************
***************************/

/* EVent Description */
.mec-wrap div:not([class^="elementor-"]), .mec-single-event .mec-events-meta-group-booking ul.mec-book-tickets-container li.mec-book-ticket-container label, .elementor-widget-container p{
	font-family:Roboto!important;
	font-size:15px;
	font-weight:400!important;
	line-height:1.8;
	color:#333;
}
/* Event Date, Location and time Background*/
.mec-single-event-date, .mec-single-event-time, .mec-single-event-location{
	background:#fffaee;
}
/* Event Date, Location and time Design */
.mec-events-abbr, .mec-events-abbr, .fn, .mec-address{
	font-family:Roboto!important;
	color:#333!important;
	font-weight:400!important;
}

/* Calendar Hover Effects */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li:hover a{
	color:#fff!important;
}
/* Calendar Link Style */
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li a{
	font-family:roboto;
	font-weight:400;
}

/* Button On The Sidebar */
.mec-wrap .button, .mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next), .mec-wrap input[type=button], .mec-wrap input[type=reset], .mec-wrap input[type=submit]{
	padding:0 15px;
	margin-bottom:0!important;
}
/* Margin bottom on Search bar */
.wp-block-search__inside-wrapper{
	margin-bottom:20px!important;
}
/* Category Width */
.et_pb_widget{
	width:100%!important;
}
/* Clock */
.mec-events-meta-group-countdown .countdown-w span{
	font-family:Nunito;
	font-size:70px;
	color:#666;
	font-weight:700;
}
/* Days and Minutes */
.mec-countdown-details .countdown-w .clockdiv li p{
	margin-top:15px;
	font-family:Roboto;
	font-weight:400;
	color:#333;
}

.comment-respond{
	margin-bottom:50px;
}

/**************************
***************************
Gallery
***************************
***************************/
/* Gallery Pagination */
.ngo-gallery .et_pb_gallery_pagination ul li a{
  padding:7px 15px;
  border-radius:50px;
  color:#000;
}
.ngo-gallery .et_pb_gallery_pagination ul li .active{
  background:#f5b81c;
	color:#fff!important;
}

.ngo-gallery .et_pb_gallery_pagination ul li a:hover{
   background:#f5b81c;
	color:#fff!important;
}

/* Gallery Hover Effects */
.ngo-gallery .et_pb_gallery_item:hover img {
    transform: scale(1.5) rotate(-5deg);
    transition: 0.5s ease;
}

/***************************
****************************
Contact 
****************************
***************************/
.et_contact_bottom_container{
	width:100%;
}  