/*
Theme Name: Molla Child
Theme URI: https://molla.org/
Author: D-THEMES
Author URI: https://molla.org/about-me/
Description: Molla Responsive WordPress + eCommerce Theme.
Version: 1.0
Template: molla
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/




h2.givewp-layouts-headerTitle {
    color: inherit;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    font-family: 'Poppins', sans-serif !important;
}

@media (min-width: 800px) {
.footer-main {
padding-left: 50px !important;
padding-right: 50px !important;
}
}


.footer .menu li a {
color: #fff !important;
opacity: 0.8 !important;
font-size: 16px !important;
line-height: 20px !important;
}

.footer p {
color: #fff !important;
opacity: 1 !important;
font-size: 16px !important;
line-height: 20px !important;
}

.footer h3 {
color: #fff !important;
opacity: 1 !important;
font-size: 16px !important;
line-height: 20px !important;
}

.footer .menu li a:hover {
color: #fff !important;
opacity: 1 !important;
}

.menu-skin1 >li.current-menu-item >a {
color: #222 !important;
}

.menu-skin1 >li.current-menu-item >a::before {
display: none !important;
}


@media (max-width: 800px) {
.header-main.header-has-center.sticky-header .container {
 background-color: #fff !important;
        display: block !important;
        position: fixed !important;
	    top: 0px !important;		
	}
	
.mobile-menu-wrapper .social-icons {
display: none !important;
}
	
.woocommerce-page {
margin-top: 70px !important;
	}
}

.mobile-menu li a {
color: #fff;
border-bottom: none !important;
font-size: 20px !important;
font-weight: 600 !important;
}

.mobile-menu li a:hover {
color: #fff !important;
border-bottom: none !important;
font-size: 20px !important;
font-weight: 600 !important;
}

.searchform1.mobile-search {
display: none !important;
}

.mobile-menu-container {
background: #423B99 !important;
}


.logo img {
width: 250px !important;
z-index: 99999 !important;
position: relative !important;
margin-top: -15px !important;
margin-bottom: -15px !important;
}


.mobile-menu-toggler {
color: #000 !important;
font-size: 50px !important;
margin-right: 10px !important;
}




/*give button*/

@media (max-width: 800px) {
.give-button {
display: none !important;	
	}
}
	
.give-button {
  display: inline-flex;
  align-items: center;
  background-color: #423B99;
  color: #fff;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #423B99;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.give-button:hover {
  background-color: #302E2E00;
  color: #423B99;
  border: 2px solid #423B99;
}

.heart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  animation: pulse 1.2s infinite;
}

.heart svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: #fff;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}



.entry-meta a {
pointer-events: none !important;
}

.posts .entry-body {
background: #fff !important;
}


.footer-menu li a:hover {
color: #578AD6 !important;
}


.givewp-donation-form__step--visible, .givewp-layouts.givewp-layouts-headerTitle h2, .givewp-layouts.givewp-layouts-headerDescription, .givewp-donation-form>.givewp-layouts-header .givewp-donation-form__steps-button-next, .givewp-donation-form__steps-body .givewp-donation-form__steps-button-next, .givewp-donation-form__steps-header-title-text, .givewp-layouts-section__fieldset__legend.legend, .givewp-fields__label-text, .givewp-fields-amount__level {
font-family: 'Poppins', sans-serif !important;
}