/*
Theme Name:   Hello Elementor Child
Theme URI:    http://example.com/hello-elementor-child/
Description:  Child theme for Hello Elementor
Author:       Wegile
Author URI:   http://example.com
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-elementor-child
*/

/* additional css */
.ancColor a{color:#3F2016;}
.home_slider .swiper-slide-contents {padding: 80px 50px 100px 70px;background: #572700 0% 0% no-repeat padding-box;mix-blend-mode: multiply;border-radius: 30px;
opacity: 1;}
.elementor-nav-menu--dropdown{padding:20px 0 !important;}
.sub-arrow svg{display:none;}
/* .footer-newsletter label{display:flex;} */
.footer-newsletter .wpcf7-submit{position: absolute;right: 0;border: 0;font-size: 25px;top: -6px;color:#3D4647;}
.footer-newsletter .wpcf7-submit:hover{background-color:transparent;}
.footer-newsletter input[type=email]{border: 2px solid #3D4647;border-radius: 15px;}
/* additional css */


/* custom css */
.mainHeader{ padding: 13px 0;}
.mainHeader .e--pointer-underline .elementor-item:after{ display: none;}
.mainHeader  .elementor-nav-menu--main .elementor-item:hover{ text-decoration: underline !important;}
.headerLogo img{position: absolute; top:-13px; z-index: 999;}
.menuItems ul li.menu-item a:hover{font-weight: 600;}
.pum-container .pum-close{box-shadow: none !important; text-shadow: none !important; font-size: 40px !important; margin-top: 20px; margin-right: 30px;}
.heroSlider .swiper-pagination-bullet{margin: 15px !important;}
.heroSlider .swiper-pagination{bottom: 20px !important;}
.heroSlider .elementor-slide-description{line-height: 24px !important;}
.text-white{color: #fff !important;}
.text-brown{color:#3F2016;}
.text-dark{color:#333 !important}
.text-secondary{ color: #3D4647 !important;}
.text-left{ text-align: left !important;}
.word-break{word-break: break-word !important;}
.text-decoration-underline{text-decoration: underline !important;}
.fw-bolder{font-weight: 700 !important;}
.fw-bold{font-weight: 600 !important;}
.fw-medium { font-weight: 500;}
.elementor-icon-box-description, p, .fw-normal{ font-weight: 400;}
.learnM{margin-left: 20px; text-decoration: underline !important;}
.fs-14{font-size: 14px;}
.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 1rem !important;}
.no-wrap .elementor-button-text{ white-space: nowrap !important;}

.text-underline{text-decoration: underline !important;}
.rounded-right-lg img{ border-top-right-radius: 40px !important; border-bottom-right-radius: 40px !important;}
.rounded-left-lg img{ border-top-left-radius: 40px !important; border-bottom-left-radius: 40px !important;}
.rounded-lg, .rounded-lg img{ border-radius: 40px !important;}

.footer-newsletter .wpcf7-not-valid-tip{font-size: 12px; margin-top: 5px;}
.footer-newsletter .wpcf7 form .wpcf7-response-output{margin: 0 !important; font-size: 14px;}
.mobileSocialMedia{display: none !important;}
.webSocialMedia{display: block !important;}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover{border-left: none !important;}
.testimonials .elementor-testimonial__text{background: url(/wp-content/uploads/2024/05/quotation-mark-svgrepo-com.svg) no-repeat;background-size: 70px; background-position: top left;padding-top: 30px;}
.testimonials span.elementor-testimonial__name{position: absolute;bottom: 36px;font-size: 20px !important;left: 50px;text-align: center;font-weight: bold !important; line-height: 20px;}
.content__width{ max-width: 670px;}
.menuItems .elementor-nav-menu--dropdown a:hover{text-decoration: underline !important;}
.privacy_policy p{line-height: 28px !important;}

/* custom css */

/* submit form */
.submit__form .wpcf7-form-control{border: 2px solid #3D4647;border-radius: 12px;}
.submit__form .wpcf7-form-control:not(textarea){height: 56px;}
.submit__form [type=submit]{ border: 2px solid #572700; border-radius: 40px; min-width: 12rem; color: #572700;font-weight: 700; margin: 50px auto 0; display: block;}
.submit__form [type=submit]:hover, .submit__form [type=submit]:focus{background-color: #572700;}
/* submit form */

/* accordion faq */
.accordion__faq .elementor-toggle .elementor-tab-title{ display: flex; align-items: center; justify-content: space-between; border-color: #572700 !important; padding: 15px 0 !important;}
.accordion__faq  .elementor-toggle .elementor-tab-title.elementor-active{ border-bottom: 1px solid #572700 !important;}
.accordion__faq .elementor-toggle .elementor-tab-title .elementor-toggle-title{font-size: 26px !important;}
.accordion__faq .elementor-toggle .elementor-tab-content{ border-bottom: 0 !important; padding: 16px 0 15px 0;}
.accordion__faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon{ order: 1 !important; width: 1.25rem !important; margin-left: 2rem;}
.accordion__faq .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg{width: 1.25rem !important;height: 1.25rem !important;}
.accordion__faq.faq_page .elementor-toggle .elementor-tab-content{ padding: 35px 0 20px 0 !important;}

/* accordion faq */

/* slider */
.main__sider .swiper-pagination { bottom: 3rem !important; }
.main__sider .swiper-pagination-bullet{ margin: 0 20px !important;}
/* slider */

 /* animation */
 .custom-posts-container {display: flex;flex-wrap: wrap;gap: 20px;}
 .custom-posts-container .custom-post {/* flex: 1 1 calc(33.333% - 20px); */overflow: hidden;position: relative;width: calc(33.333% - 20px);}

/* animation section */
.custom-post-summary{ position: relative; overflow: hidden;cursor: pointer;}
.custom-post-summary .custom-post-featured-image img {width: 100%;height: auto;border-radius: 40px}
.custom-post-summary .custom-post-summary-inner{height: calc( 100% - 5px );background: white;z-index: 10;padding: 20px;background-color: rgba(116, 175, 13, 0.8);border-radius: 40px;display:flex;justify-content:center;align-items:flex-start;flex-direction: column;margin: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;opacity: 0;transition: 0.3s;color:#fff !important;}
.custom-post-summary .custom-post-title::after{content: "+";position: absolute;bottom: 30px;left: 0;right: 0;text-align: center}
.custom-post-summary .custom-post-title {font-size: 1.5rem;font-weight: 700;color: #fff}
.custom-post-summary .custom-post-excerpt{margin-top: 1rem}
.custom-post-summary:hover .custom-post-summary-inner{opacity: 1;}
.custom-post-content {display: none; /* Initially hidden */}
.donation-sectiion .custom-post-summary .custom-post-summary-inner{ align-items: center; text-align: center;}
.donation-sectiion .custom-post-summary .custom-post-excerpt{ margin-top: 0 !important;}
/* The Modal (background) */
.modal {display: none; position: fixed; z-index: 9888; padding: 15px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
/* Modal Content */
.modal .modal-content {position: relative;background-color: #fefefe;margin: auto;
  padding: 0;border-radius: 20px;width: 100%;max-width: 400px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
  .modal .modal-content  #modal-content2{ margin-bottom: 20px;}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.modal .close {
  color: #74AF0D;
  float: right;
  font-size: 2rem;
  font-weight: 700;
}

.modal .close:hover,
.modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal .modal-body {
 padding: 20px;
 display: flex;
 flex-direction: column;
 justify-content: start;
 min-height: 420px;
 height: 100%
}
.modal .modal-body .modal-title{
    color: #3F2016;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -1.44px;
    padding-top: 10px
}
.modal-body .btn-dark{
 border: 2px solid #572700;
 border-radius: 20px;
 font-weight: 700;
 color: #572700;
 width: 12rem;
 margin-top: auto;
}
.modal-body .btn-dark:hover,
.modal-body .btn-dark:focus{
   background-color: #572700;
   color: #fff; 
}

@media screen and (min-width: 1400px) {
.font__lg .elementor-heading-title{
    font-size: 3.2vw;
    line-height: 3vw !important;
}
.font__lg p{
    font-size: 1.5vw;
    line-height: 2.3vw;
}
.font__lg .elementor-button-text{
    font-size: 2.2vw;
}
}
@media screen and (min-width: 1200px) {
    .accordion__faq .accordion__faq__flex{ display: flex; justify-content: space-between; }
    .accordion__faq .accordion__faq__flex .accordion__faq__col{ width: 30%; }
}
@media screen and (max-width: 1199px) {
    /* .mainHeader ul li a{margin:0 20px !important} */
    .elementor-nav-menu .sub-arrow{display: none !important;}
}
@media screen and (max-width: 1024x) {
    .meetOurTeam .elementor-icon-box-title{font-size: 20px !important;}
    .mainHeader ul li a{margin:0 15px !important}
}
@media screen and (max-width: 767px) {
    .rounded-right-lg img, .rounded-left-lg img{ border-radius: 40px !important;}
    .md-d-none{ display: none !important;}
    .mb-text-underline, .mb-text-underline .elementor-heading-title{ text-decoration: underline !important;}
    .mb-text-underline-none, .mb-text-underline-none .elementor-heading-title{ text-decoration: none !important;}
    .mobileMenu .elementor-menu-toggle .e-font-icon-svg{z-index: 9999;position: relative;}
    body .mobileMenu .elementor-nav-menu--dropdown{position: fixed !important; top:0 !important; right:0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0 !important;}
    .mobileMenu .elementor-menu-toggle__icon--close{fill:#fff !important}
    .mobileMenu .elementor-nav-menu--dropdown{background-color: #572700 !important;}
    .mobileMenu .elementor-nav-menu--dropdown a.elementor-item-active{color: #572700 !important;}
    .mobileMenu  .elementor-item.has-submenu,.mobileMenu .elementor-sub-item{width: 100%; text-align: center; display: block; color: #fff !important; font-size: 22px !important;padding: 20px 0 !important;}
    .mobileMenu .elementor-nav-menu,body .mobileMenu .sub-menu{margin-top: 80px !important;}
    body .mobileMenu .sub-menu li a.elementor-item-active{background-color: transparent !important;}
    .sub-arrow{display: none !important;}
    .headerLogo img{top:0}
    .toggleIcon{margin-top: -22px !important;}
    .footer-mobile{display: flex !important;}
    .footer-order-1 > div.elementor-widget-nav-menu, .footer-order-3 > div.elementor-widget-nav-menu{width: 100%; display: flex; justify-content: center;}
    .footer-order-1 > div.elementor-widget-nav-menu ul li a, .footer-order-3 > div.elementor-widget-nav-menu ul li a{justify-content: center;}
    .footer-order-2 .elementor-element{display: flex; justify-content: center; width: 100%;}
    .footer-order-2 .elementor-element > div p{text-align: center;}
    .footer-order-0{order:0 !important}
    .footer-order-1{order:2 !important}
    .footer-order-2{order:4 !important}
    .footer-order-3{order:3 !important}
    .footer-order-4{order:5 !important}
    .footer-order-3 ul li:first-child{margin-bottom: 20px;}
    .webSocialMedia{display: none !important;}
    .mobileSocialMedia{display: block !important;}
    .mobileSocialMedia .elementor-widget-social-icons .elementor-widget-container{text-align: center !important;}
    .testimonials .elementor-testimonial{flex-flow: column !important;}
    .testimonials .elementor-testimonial__content{order: 1;}
    .testimonials .elementor-testimonial__footer{order:0}
    .testimonials span.elementor-testimonial__name{position: static;}
    .testimonials span.elementor-testimonial__name br{display: none;}
    .testimonials .elementor-testimonial__text{text-align: center;}
    .accordion__faq .elementor-toggle .elementor-tab-content, 
    .accordion__faq.faq_page .elementor-toggle .elementor-tab-content{ text-align: center; padding: 15px 15px 30px 15px !important;}
    .mobileSocialMedia .elementor-social-icons-wrapper{display: block !important;}
    .content__width{ width: 100%;}

    .custom-posts-container .custom-post{ width: 100%;}
    .custom-post-summary .custom-post-summary-inner{ position: relative; color: #3F2016 !important; opacity: 1; background: #fff; padding: 15px 0 100px 0; height: 100%; align-items: center;}
    .custom-post-summary .custom-post-title{ color: #3F2016;}
    .custom-post-summary .custom-post-excerpt{ color: #3F2016;}
    .custom-post-summary .custom-post-title::after { content: 'Learn more'; bottom: 45px; text-decoration: underline; font-size: 1.365rem;}
    .custom-post-summary .custom-post-featured-image img{ height: 160px; object-fit: cover; object-position: center;}
    .donation-sectiion .custom-post-summary .custom-post-summary-inner .custom-post-title{ margin-bottom: 0;}

}