/*
 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
*/


.frmaster-cause-donation-form .frmaster-cause-donation-form-button.frmaster-active {
    color: #fff;
    background-color: #60041d;
    border-color: #60041d;
}

/* Success message */
.mc4wp-success {
    color: #28a745;
    /* green */
    background: #e6ffed;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
}

/* Error message */
.mc4wp-error {
    color: #d93025;
    /* red */
    background: #ffe6e6;
    padding: 10px;
    border-radius: 5px;
}

/* General notice */
.mc4wp-notice {
    color: #0c5460;
    /* teal */
    background: #d1ecf1;
    padding: 10px;
    border-radius: 5px;
}

#all-members-list .gdlr-core-personnel-list-position.gdlr-core-info-font.gdlr-core-skin-caption {
    color: #60041d !important;
}
.gdlr-core-counter-item-top-text {
    color: #000000 !important;
}
/* Footer Text Above Copyright Styling */
.chariti-footer-text-above-copyright-wrapper {
    background-color: #030F2C;
    /* border-top: 1px solid #e9ecef; */
    /* padding: 30px 0; */
}

.chariti-footer-text-above-copyright-text {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff;
}

.chariti-footer-text-above-copyright-text p {
    margin-bottom: 10px;
}

.chariti-footer-text-above-copyright-text p:last-child {
    margin-bottom: 0;
}

.chariti-footer-wrapper {
    padding-bottom: 0px !important;
}


.event-home i,
.event-home .gdlr-core-event-item-title a:hover {
    color: white !important;
}


/* Fixed button container - card-style container with toggle functionality */
.fixed-buttons-container {
    position: fixed;      /* makes it fixed relative to the viewport */
    bottom: 20px;         /* distance from the bottom of the page */
    right: 20px;          /* distance from the right side, change as needed */
    z-index: 9999;        /* ensures it stays on top of other elements */
    /* background: #ffffff; */
    border-radius: 46px;  /* rounded corners */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); /* subtle shadow */
    padding: 16px 20px;
    max-width: 200px;     /* reasonable max width */
    display: flex;
    flex-direction: column;
    align-items: center;   /* center align content */
    text-align: center;
    transition: all 0.3s ease;
    overflow: hidden;
}
.fixed-buttons-container.is-expanded{
    max-width: 380px;     /* reasonable max width */

}

/* Title element - always visible */
.fixed-buttons-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    user-select: none;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #030f2c;
    letter-spacing: 0.5px;
    gap: 12px;
    position: relative;
}

/* Toggle icon inside title - positioned completely to the right */
.fixed-buttons-title .fixed-buttons-toggle-icon {
    /* width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #f0f0f0; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    cursor: pointer;
    /* margin-left: auto;  */
}


/* Arrow icon inside toggle button - shown when closed */
.fixed-buttons-title .fixed-buttons-toggle-icon::after {
    content: '→';
    font-size: 24px;
    font-weight: bold;
    color: #333;
    transition: opacity 0.3s ease;
    display: block;
    line-height: 1;
}

/* X icon when expanded - hide arrow and show X */
.fixed-buttons-container.is-expanded .fixed-buttons-title .fixed-buttons-toggle-icon::after {
    content: '×';
    font-size: 24px;
    font-weight: bold;
    color: #333;
    opacity: 1;
}

/* Hide entire title element when expanded, but keep icon visible */


/* Hide all direct children of title except the toggle icon */
.fixed-buttons-container.is-expanded .fixed-buttons-title > *:not(.fixed-buttons-toggle-icon) {
    display: none !important;
}


/* Show only the toggle icon when expanded - positioned to the right */
.fixed-buttons-container.is-expanded .fixed-buttons-title .fixed-buttons-toggle-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    font-size: initial;
    margin: 0;
    cursor: pointer;
    z-index: 10;
    text-indent: 0; /* Reset text indent for icon */
}

.fixed-buttons-container.is-expanded .fixed-buttons-title .fixed-buttons-toggle-icon::after {
    content: '×' !important;
    color: #333 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: bold !important;
}

/* Content wrapper - contains buttons and other content */
.fixed-buttons-content {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.3s ease;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Show content when expanded */
.fixed-buttons-container.is-expanded .fixed-buttons-content {
    max-height: 1000px; /* large enough for content */
    opacity: 1;
    margin-top: 16px;
}

/* Subtitle/description inside content */
.fixed-buttons-content .fixed-buttons-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 0;
    line-height: 1.5;
    text-align: center;
}

/* Individual fixed button - when inside container */
.fixed-buttons-container .fixed-button {
    position: relative;   /* relative positioning when inside container */
    bottom: auto;
    right: auto;
    z-index: auto;
    
}

/* Footer text/link inside content */
.fixed-buttons-content .fixed-buttons-footer {
    margin-top: 8px;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.fixed-buttons-content .fixed-buttons-footer a {
    color: #213a75;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.fixed-buttons-content .fixed-buttons-footer a:hover {
    color: #1a2e5c;
}

/* Responsive adjustments for tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .fixed-buttons-container {
        right: 20px;
        left: auto; /* Ensure it stays on the right */
    }
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .fixed-buttons-container {
        max-width: calc(100% - 40px); /* Full width minus margins */
        right: 20px;
        left: auto; /* Ensure it stays on the right, not centered */
        bottom: 20px;
        padding: 14px 18px;
    }
    
    .fixed-buttons-container.is-expanded {
        max-width: calc(100% - 40px); /* Full width when expanded on mobile */
    }
    
    .fixed-buttons-title {
        font-size: 16px;
    }
    
    .fixed-buttons-title .fixed-buttons-toggle-icon {
        width: 28px;
        height: 28px;
    }
    
    /* Ensure icon positioning works on mobile when expanded */
    .fixed-buttons-container.is-expanded .fixed-buttons-title {
        top: 14px;
        right: 18px;
        /* width: 28px; */
        height: 28px;
    }
    
    .fixed-buttons-container.is-expanded .fixed-buttons-title .fixed-buttons-toggle-icon {
        width: 28px;
        height: 28px;
    }
}

/* Standalone fixed button - when NOT inside container, keep fixed positioning */
.fixed-button {
    position: fixed;      /* makes it fixed relative to the viewport */
    bottom: 20px;         /* distance from the bottom of the page */
    right: 20px;          /* distance from the right side, change as needed */
    z-index: 9999;        /* ensures it stays on top of other elements */
}

.parent {
    display: flex !important;
    align-items: center !important;
    
}

.column-comprehensive {
    margin: 0 auto !important;
    padding-bottom: unset;
    /*width: 400px;*/
}

/* education page */
.education-page .chariti-item-pdlr, .education-page .gdlr-core-item-pdlr {
     padding-left: 0px !important; 
     padding-right: 0px !important; 
}

.education-page .gdlr-core-item-pdb {
    padding-bottom: 0px !important;
}

.education-page img[src$=".svg"] {
    width: 20% !important;
}

.education-page .gdlr-core-flipbox-front {
    height:451.094px !important;
}

/* list all events  */
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input{
    color: #60041d !important;
}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button{
    background-color: #60041d !important;
}
.tribe-events .tribe-events-c-view-selector__list-item-text{
       color: #60041d !important; 
}




/* Simple Red Button for Events */
.chariti-simple-red-button {
    margin: 20px 0;
    /* text-align: center; */
}

.chariti-red-button {
    display: inline-block;
    background-color: #60041d;
    color: #ffffff !important;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: 2px solid #60041d;
    cursor: pointer;
}

.chariti-red-button:hover {
    background-color: #4a0417;
    border-color: #4a0417;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

.tribe-common .tribe-common-c-btn-border{
        border: 1px solid #60041d !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text{
        color: #60041d !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon{
        color: #60041d !important;
}

/* Donation page */
.frmaster-template-payment .frmaster-donation-amount-button.frmaster-active, .frmaster-template-payment .frmaster-donation-method-button.frmaster-active, .frmaster-template-payment .frmaster-donation-submit, .frmaster-template-payment .frmaster-donation-submit:hover {
    background: #60041d;
}
.frmaster-template-payment .frmaster-donation-amount-button, .frmaster-template-payment .frmaster-donation-method-button {
    color: #60041d;
    border-color: #60041d;
}

.education-accordions.gdlr-core-accordion-style-background-title-icon .gdlr-core-active .gdlr-core-accordion-item-title,.education-accordions.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title {
    background-color: #213a75 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
}

.education-accordions.gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title:before, .gdlr-core-toggle-box-style-background-title-icon .gdlr-core-accordion-item-title:before {
    color: white !important;
}

.education-accordions .gdlr-core-accordion-item-content{
    /*border: 2px solid rgb(96, 4, 29) !important;*/
    padding: 20px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(33, 58, 117, 0.2) !important;
    margin-top: -20px;
}
.education-accordions .gdlr-core-accordion-item-tab.gdlr-core-active .gdlr-core-accordion-item-title {
    border-radius: 10px 10px 0 0 !important;
}

.gdlr-core-social-network-icon svg {
    color: #000 !important; /* black */
}
.chariti-footer-wrapper svg {
  color: #fff !important; 
  fill: #fff !important;
  width:18px;
  height:18px;
}

.chariti-top-bar-right-social .chariti-top-bar-social-icon,
.gdlr-core-personnel-list-social .gdlr-core-social-network-icon,
.gdlr-core-social-network-item .gdlr-core-social-network-icon,
.chariti-top-bar-left-text i{
   display: inline-flex;
  vertical-align: middle; /* aligns anchor tags in the same line */ 
}

/* hide login , register */
/* .frmaster-user-top-bar.frmaster-guest{
    display: none;
} */

.chariti-page-title-event-time{
    display: none;
}
.tribe-events .tribe-events-c-nav__next:disabled, .tribe-events .tribe-events-c-nav__prev:disabled{
    color: #60041d !important;
}
.tribe-events .tribe-events-c-nav__prev-icon-svg path,
.tribe-events .tribe-events-c-nav__next-icon-svg path{
    fill: #60041d !important;
}
.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path {
    fill: #60041d !important;
}
.tribe-events .tribe-events-calendar-list__event-title-link{
    color: #60041d !important;
}
.tribe-events .tribe-events-calendar-list__event-datetime{
    color: black!important;
}


/* used to hide sections */
.d-none{
    display: none;
}


.wpcf7 form.sent .wpcf7-response-output{
    border-color: #60041d;
    color: #60041d;
}


@media (min-width: 768px) and (max-width: 1024px) {
   .custom-width-50 .gdlr-core-pbf-column{
    width: 50%;
  }

   .custom-width-100 .gdlr-core-pbf-column{
    width: 100%;
  }
  .personnel-container .gdlr-core-personnel-item .gdlr-core-personnel-list.gdlr-core-outer-frame-element{
    height: 435px;
    width: 215px;
  }
  
  .gdlr-core-pbf-column:has(.column-2-2) {
   width: 50%;
}
.gdlr-core-pbf-column:has(.column-1-1) {
   width: 100%;
}

}
.comprehensive .gdlr-core-pbf-column-content{
    margin-left: unset;
    margin-right: unset;
}
.gdlr-core-page-builder-body p{
    margin-bottom: unset;
}


.map-section .gdlr-core-text-script-item-content iframe {
  height: auto !important;
  aspect-ratio: 4 / 3 !important; /* Keeps proportional height */
  border: 0 !important;
  display: block !important; /* Remove inline gap if any */
  max-width: 100% !important;
}

/* hide author name */
.gdlr-core-blog-info.gdlr-core-blog-info-font.gdlr-core-skin-caption.gdlr-core-blog-info-author{
    display: none;
}

.personnel-container .gdlr-core-personnel-style-grid.gdlr-core-with-background .gdlr-core-personnel-list-content-wrap{
    padding: 37px 0px 0px 0px;

}
.blogs-container .gdlr-core-blog-grid-with-frame .gdlr-core-blog-grid-frame{
    padding: 30px 0px 0px 0px;
}
.blogs-container .gdlr-core-blog-grid-frame.gdlr-core-sync-height-space-position{
    padding: 30px 0px 0px 0px !important;
}
@media only screen and (max-width: 1100px) {
    .chariti-main-menu-right-button {
        display: block !important;
    }
}

/* Hide on desktop */
@media (min-width: 1000px) {
    .d-none-desktop {
        display: none !important;
    }
}

@media (min-width: 999px) and (max-width: 1220px) {
    .chariti-navigation .sf-menu > li{
    padding-left: 8px;
    padding-right: 5px !important;
   }
   .chariti-body .chariti-main-menu-right-button.chariti-button-1{
    margin-left: 0px !important;
   }
   .chariti-header-style-plain.chariti-style-menu-left .chariti-main-menu-right-wrap{
    margin-left: 0px !important;
   }
   .chariti-main-menu-right-button{
    padding: 9px 5px 12px !important;
   }
   .chariti-navigation .chariti-main-menu{
        margin-left: 0px !important;
   }
   .chariti-navigation.chariti-item-pdlr{
    padding-right: unset;
   }
   .chariti-navigation.chariti-item-pdlr{
    padding-left: unset;
    padding-right: unset;
   }
}

.gdlr-core-column-service-content ul, .gdlr-core-column-service-content ol {
    margin-left: 18px;
}


@media (min-width: 768px) and (max-width: 1024px){
    .home-counter .gdlr-core-pbf-element {
    height: 115px; 
    
}
}
/* Strong override: forces cards to act as equal-height flex columns */
.personnel-container .gdlr-core-personnel-list {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    min-height: 360px !important; /* adjust value to match your design */
    box-sizing: border-box !important;
}

/* Make the content wrapper fill available vertical space */
.personnel-container .gdlr-core-personnel-list-content-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important; /* important for flex children to avoid overflow */
}

/* Push social icons to the bottom */
.personnel-container .gdlr-core-personnel-list-social {
    margin-top: auto !important;
    padding-top: 12px; /* optional spacing */
}

.container-with-4-buttons .gdlr-core-button{
    height: 68px;
    align-content: center;
   }
@media (min-width: 768px) and (max-width: 1024px) {
   .container-with-3-buttons .gdlr-core-button{
    height: 90px;
    align-content: center;
   }
   .container-with-4-buttons .gdlr-core-button{
    height: 130px;
   }
}
@media (max-width: 767px) {
    
    .container-with-3-buttons .gdlr-core-button,
    .container-with-4-buttons .gdlr-core-button{
    width: 280px;
   }
}

@media (min-width: 768px) and (max-width: 833px) {
  
   #volunteer-opportunities .gdlr-core-pbf-column-content-margin{
    min-height: 445px!important;
} 
}

@media (min-width: 834px) and (max-width: 1024px) {
  
   #volunteer-opportunities .gdlr-core-pbf-column-content-margin{
    min-height: 325px!important;
} 
}


@media (min-width: 772px) and (max-width: 810px) {
  
.gdlr-core-pbf-column:has(.column-2-2) .gdlr-core-pbf-column-content-margin{
    min-height: 138px;
}
}


/* hide language switsher form top  */
.chariti-custom-wpml-flag{
    display: none;
}



/* Evedentis */
.chariti-top-bar-right.chariti-item-pdlr{
    margin-top: 10px;
}



/*clinical trial*/

/* Table styles with class */
        .clinical-studies-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .clinical-studies-table th,
        .clinical-studies-table td {
            border: 1px solid #ddd;
            padding: 12px 15px;
            text-align: left;
            vertical-align: top;
        }

        .clinical-studies-table th {
            background-color: #213a75;
            color: #fff;
            font-size: 16px;
        }

        .clinical-studies-table tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .clinical-studies-table td {
            font-size: 14px;
            line-height: 1.5;
        }

        /* Optional: make the first column bold */
        .clinical-studies-table td:first-child {
            font-weight: bold;
            color: #333;
        }
        /* Table cell text color */
        .clinical-studies-table td {
            font-size: 14px;
            line-height: 1.5;
            color: #213a75; /* Added text color */
        }



/* footer logo */
a img.footer-logo{
    margin: 5px 20px 0px 0 !important;
}


/* .gdlr-core-column-service-item .gdlr-core-column-service-title {
    color: #000000 !important;
} */

/* Single Post Page - Custom Structure: Featured Image (centered), Content, Tags */
.single-post .chariti-breadcrumbs,
.single-post .chariti-single-social-share,
.single-post .chariti-single-author,
.single-post .chariti-single-nav-area,
.single-post .chariti-single-related-post-wrap,
.single-post #comments {
    display: none !important;
}

/* Hide title/date only in content area, not in banner */
.single-post .chariti-content-area .chariti-single-article-head,
.single-post .chariti-content-area .chariti-single-article-date-wrapper {
    display: none !important;
}

/* Ensure banner title and date are visible */
.single-post .chariti-blog-title-wrap .chariti-single-article-head,
.single-post .chariti-blog-title-wrap .chariti-single-article-date-wrapper {
    display: block !important;
}

/* Featured Image Centered */
.single-post .chariti-single-featured-image-centered {
    text-align: center;
    margin-bottom: 30px;
}

.single-post .chariti-single-featured-image-centered img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Post Content Styling */
.single-post .chariti-single-article-content {
    width: 100%;
    max-width: 100%;
}

/* Tags at Bottom - Styled as Tag Boxes */
.single-post .chariti-single-post-tags {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.single-post .chariti-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.single-post .chariti-tag-box {
    display: inline-block;
    background-color: #f2f2f2;
    color: #333333;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-radius: 0;
    transition: background-color 0.2s ease, color 0.2s ease;
    line-height: 1.4;
}

.single-post .chariti-tag-box:hover {
    background-color: #e0e0e0;
    color: #000000;
    text-decoration: none;
}

/* Hide sidebar on single post pages */
.single-post .chariti-sidebar-left,
.single-post .chariti-sidebar-right {
    display: none !important;
}

.chariti-blog-info-comment, .chariti-blog-info-author{
    display: none !important;
}

.chariti-blog-title-wrap .chariti-blog-info-wrapper, .chariti-blog-title-wrap .chariti-blog-info-wrapper a, .chariti-blog-title-wrap .chariti-blog-info-wrapper a:hover, .chariti-blog-title-wrap .chariti-blog-info-wrapper i {
    color: #000000;
}



/* Target the column that contains reCAPTCHA */
.wpcf7 .gdlr-core-column-60 > .cf7sr-recaptcha {
    margin-bottom: 20px;
}

/* Add space ABOVE reCAPTCHA by pushing the column down */
.wpcf7 .gdlr-core-column-60:has(> .cf7sr-recaptcha) {
    padding-top: 20px;
}
.gdlr-core-personnel-item .gdlr-core-personnel-list.gdlr-core-outer-frame-element {
  min-height: 600px !important;
}