/*=============== Charity Theme Code Start ==============*/

/*=========== Header TopBar Menu Start =============*/


.wpe-charity-primary-menu-section #menu-primary-menu.ue-menu {
  /* position: relative; */
}
.wpe-charity-primary-menu-section #menu-primary-menu.ue-menu>li.current-menu-item a::before {
  width: 45%;
  opacity: 1;
}
.wpe-charity-primary-menu-section #menu-primary-menu.ue-menu>li a::before {
  opacity: 0;
  transition: opacity 0.3s;
  transition: width .3s;
  width: 45%;
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  background: #12B6F3;
  bottom: -3px;
  margin: 0 auto;
  right: 0;
}
.wpe-charity-primary-menu-section #menu-primary-menu.ue-menu>li .sub-menu a::before {
  display: none;
}
.wpe-charity-primary-menu-section #menu-primary-menu.ue-menu>li:hover a::before {
  width: 45%;
  opacity: 1; 
}

.wpe-charity-topbar b.header-bold {
  font-weight: 700;
}

.wpe-charity-primary-menu-section .ue-menu .current-menu-item a {
  color: #12B6F3;
}
.elementskit-btn svg {
  width: 18px !important;
  height: 17px !important;
  font-size: 16px !important;
  background: #fff;
  padding: 5px 5px;
  border-radius: 6px;
}
#wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn svg {
  /* height: 28px;
  width: 35px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 6px; */
}
#wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn {
  align-items: center;
  display: flex;
  width: max-content; 
}
#wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn:hover {
  /* background-color: #000000; */
}
#wpe-charity-locationmenu-btn-section .ekit-wid-con .elementskit-btn:hover svg path{
  fill: #12B6F3;
}
#wpe-charity-locationmenu-btn-section .elementskit-btn svg path {
  fill: #000000;
}
/* ul#menu-primary-menu{
  display: flex;
  align-items: center;
}
.home ul#menu-primary-menu li a {
  padding: 0;
  line-height: 47px;
}
ul#menu-primary-menu li a{
  padding: 0;
  line-height: 50px;
} */
/* ul#menu-primary-menu li a.active,
ul#menu-primary-menu li:hover a{
  padding: 0;
  border-bottom: 3px solid #12B6F3;
} */
/* ul#menu-primary-menu .elementskit-submenu-panel li a {
  border-top: 0px !important;
  padding: 0 10px;
} */
.sticky ul#menu-primary-menu li a{
  border-top: 0px;
}
/*=========== Header TopBar Menu End =============*/



/*=========== Footer Start =============*/
.wpe-charity-newsletter-section-btn form {
  position: relative;
}
.wpe-charity-newsletter-section-btn .wpcf7-form-control input[type=submit] {
  background-color: #FFFFFF;
  padding: 7px 7px;
  border-radius: 6px;
  color: #000 !important;
  position: absolute;
  margin-left: 14px;
  bottom: -6px;
}
.wpe-charity-newsletter-section-btn .wpcf7-form-control input[type=submit]:hover svg path {
  fill: #12B6F3;
}
.wpe-charity-newsletter-section-btn .wpcf7-form-control input[type=submit]:hover {
  background: #12B6F3 !important;
}
.wpe-charity-newsletter-section .wpcf7-form-control-wrap {
  position: relative;
}
.wpe-charity-newsletter-section .wpcf7-spinner {
  display: none;
}
.wpe-charity-newsletter-section input[type=submit] {
  position: absolute;
  right: 7px !important;
  top: 7px !important;
  padding: 10px 50px 10px 10px;
  border-radius: 8px;
  border: 0px;
  background-color: #FFF;
}
.wpe-charity-newsletter-section input[type=email]::placeholder {
  color:#FFFFFF;
  font: 400 20px/20px 'Mulish', sans-serif;
  letter-spacing: 0.5px;
}
.wpe-charity-newsletter-section .wpcf7-submit {
  position: absolute;
  right: 0;
}
.wpe-charity-newsletter-box-shadow {
  box-shadow: 300px 0 #FFFFFF;
}
.wpe-charity-footer-section .ekit-wid-con .ekit-header-info, .ekit-wid-con .ekit-header-info a {
  display: block;
}
.wpe-charity-newsletter-section .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0.2em 1em;
  border: 1px solid #12B6F3;
}
.wpe-charity-newsletter-section .wpcf7 form .wpcf7-response-output {
  bottom: -35px;
  margin: 0;
  padding: 0.2em 1em;
  border: 1px solid #d7282f;
  position: absolute;
}
.wpe-charity-newsletter-section input:-internal-autofill-selected:focus {
  background-color: unset !important;
}
.wpe-charity-newsletter-section .wpcf7-form-control:not(.wpcf7-submit):focus {
  border-style: none;
  background-color: #12B6F3 !important;
}
.wpe-charity-newsletter-section input[type="email"] {
  background: #12B6F3 !important;
  padding: 17px 15px;
  border-radius: 0px;
  border: 0px;
  color: #FFFFFF;
}
.wpe-charity-newsletter-section input .wpcf7-email:visited {
  background: #12B6F3 !important;
}
.wpe-charity-footer-section .elementor-icon svg {
  height: 45px !important;
}
.wpe-charity-footer-menu #ekit-megamenu-our-links #menu-our-links {
  display: block;
}
.wpe-charity-newsletter-section-btn form {
  position: relative;
}
.wpe-charity-newsletter-section-btn form svg {
  position: absolute;
  right: 14px;
  top: 23%;
  padding: 8px;
  background-color: #12B6F3;
  border-radius: 6px;
  color: #FFF !important; 
}
.wpe-charity-newsletter-section-btn .failed svg {
  position: absolute;
  right: 14px;
  top: 23%;
  padding: 8px;
  background-color: #12B6F3;
  border-radius: 6px;
  color: #FFF !important;
}
.wpe-charity-newsletter-section-btn form .svg-inline--fa {
  height: 14px;
}
.wpe-charity-newsletter-section-btn .wpcf7-submit:hover svg path {
  fill: #FFF !important;
}
.wpe-charity-newsletter-section-btn .wpcf7-submit svg path {
  fill: #FFF;
}
.wpe-charity-newsletter-section-btn .wpcf7-submit:hover{
  background: #000;
  color: #fff;
}
.wpe-charity-newsletter-section form .wpcf7-not-valid-tip {
  display: none;
}

/*=========== Footer End =============*/


/*=============== Charity Theme Code End ==============*/














/*=========== Header TopBar Menu CSS Start =============*/
.wpelemento-seo-topbar-section {
  z-index: 9;
}
.wpelemento-seo-menubar-section {
  z-index: 9;
}
.wpelemento-seo-topbar-section {
 height: 50px;
}
.wpelemento-seo-menubar-section {
  height: 90px;
}
.wpelemento-seo-topbar-section .ekit-wid-con .ekit-header-info svg {
  height: 15px;
}
.wpelemento-seo-menubar-section .ekit-wid-con .elementskit-btn {
  background-color: unset;
  padding: 0px;
}
.wpelemento-seo-menubar-section .elementskit-navbar-nav > li:hover > a {
  background-color: unset !important;
}
.wpelemento-seo-primary-menu-section #menu-primary-menu {
  position: relative;
}
.wpelemento-seo-primary-menu-section #menu-primary-menu li .ekit-menu-nav-link:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: " ";
  margin: 0 auto !important;
  bottom: -5px;
  background-color: #3AAFA9;
  left: 0 !important;
  width: 70%;
  height: 2px;
  right: 0 !important;
  text-align: center;
  display: none;
}
.wpelemento-seo-primary-menu-section #menu-primary-menu li:hover .ekit-menu-nav-link:after {
  display: block;
}
.wpelemento-seo-menubar-section button.mfp-close.ekit-popup-close:hover {
  background-color: #3AAFA9;
  color: #fff;
  border-color: 1px solid #000;
}
/*=========== Header TopBar Menu CSS End =============*/

/*=========== Footer CSS Start =============*/
.wpelemento-seo-footer-section .ekit-wid-con .ekit-header-info {
  display: block !important;
}
/*=========== Footer CSS End =============*/