/* ---------------------------
Donation Listing Styles
------------------------------- */

.wdt-donation-item {
  background: none; display: flex; flex-wrap: wrap; position: relative; width: 100%;
  transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); border: 2px solid var(--wdtBorderColor);
}

.wdt-donation-item:after,
.wdt-donation-item:before {
  content: ""; position: absolute; border-style: solid; border-color: var(--wdtPrimaryColor);
  width: 0; height: 0; pointer-events: none; opacity: 0;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, opacity 0.2s linear 0.3s;
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, opacity 0.2s linear 0.3s; }

.wdt-donation-item:after { border-width: 2px 0 0 2px; left: -2px; top: -2px; right: auto; bottom: auto; }

.wdt-donation-item:before { border-width: 0 2px 2px 0; right: -2px; bottom: -2px; left: auto; top: auto; }

.wdt-donation-item:hover:after,
.wdt-donation-item:hover:before {
  width: calc(100% + 4px); height: calc(100% + 4px); opacity: 1;
  transition: opacity 0.2s linear, width 0.5s ease-in-out, height 0.5s ease-in-out;
  -webkit-transition: opacity 0.2s linear, width 0.5s ease-in-out, height 0.5s ease-in-out; }

/* .wdt-donation-item .wdt-donation-item-media { flex: 2.3; }

.wdt-donation-item .wdt-donation-item-detail { flex: 3; } */

.wdt-donation-item .wdt-donation-item-media,
.wdt-donation-item .wdt-donation-item-media > a { display: block; height: 100%; }

.wdt-donation-item .wdt-donation-item-media > a img { height: 100%; object-fit: cover; object-position: center; }

.wdt-donation-item .wdt-donation-item-media { overflow: hidden; }

.wdt-donation-item .wdt-donation-item-media img {
  /* min-width: 100%;
  object-fit: cover;
  width: 100%; */

  transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
  width: calc(100% + 5%); max-width: none;
  transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); }

.wdt-donation-item:hover .wdt-donation-item-media img {
  transform: translate3d(-3.5%, 0, 0); -webkit-transform: translate3d(-3.5%, 0, 0); }

.wdt-donation-item .wdt-donation-item-detail {
  display: inline-flex; flex-wrap: wrap; padding: 30px 40px; position: relative; }

.wdt-donation-item .wdt-donation-item-detail>*:not(:last-child) {
  margin: 0 0 20px 0;
}

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title {
  margin-top: 0; transition: var(--wdtBaseTransition); transform-style: preserve-3d; }
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title a { color: var(--wdtPrimaryColor); }
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title a:hover { color: var(--wdtHeadAltColor); }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title,
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title a { display: inline-flex; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details { width: 100%; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container {
  display: flex; flex-wrap: wrap; width: 100%; }


.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /* 18px - 16px */
  font-weight: var(--wdtFontWeight_Alt); margin: 0 0 14px 0; color: var(--wdtPrimaryColor); line-height: normal; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value {
  color: var(--wdtPrimaryColor); font-weight: var(--wdtFontWeight_Alt); margin-left: 0; margin-right: 0;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /* 18px - 16px */ top: auto; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value .wdt-progressbar-percentage { font-size: inherit; top: auto; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button {
  line-height: var(--wdtLineHeight_Ext); margin-top: 10px; overflow: hidden; position: relative; z-index: 0; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover,
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:focus { background-color: var(--wdtAccentTxtColor); }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button svg.icon-arrow-aft-btn { display: none; }

.wdt-custom-donation-grid .wdt-donation-item { flex-flow: column; }

/* Donation Horizandal Progress Bar */

.wdt-donation-item .wdt-donation-item-detail {
  padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* 50px - 30px //// 30px - 20px */
  width: 100%; background-color: transparent;
  background-image: linear-gradient(90deg, var(--wdtSecondaryColor) 50%, var(--wdtSecondaryColor) 50%);
  background-position: top; background-repeat: no-repeat; background-size: 100% 0; 
  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; position: relative; }

.wdt-donation-item:hover .wdt-donation-item-detail { background-size: 100% 100%; }

.wdt-donation-item .wdt-donation-item-detail:not(:only-child) { border-top: 2px solid var(--wdtBorderColor); }

.wdt-donation-item .wdt-donation-item-detail:not(:only-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: -2px;
  width: 0;
  height: 2px;
  background-color: var(--wdtPrimaryColor);
  pointer-events: none;
  transition: inherit;
  -webkit-transition: inherit;
}

.wdt-donation-item:hover .wdt-donation-item-detail:after { width: 100%; }

.wdt-progressbar-horizontal .wdt-progressbar .wdt-progressbar-value { display: none !important; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-horizontal .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value {
  margin-left: auto; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-circle.wdt-progressbar-container .wdt-progressbar svg path:nth-child(2) {
  -webkit-transform: unset; transform: unset; -webkit-transform-origin: unset; transform-origin: unset; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-circle.wdt-progressbar-container {
  justify-content: center; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-circle.wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value {
  display: none; }

.wdt-progressbar-circle .wdt-progressbar { width: 80px; height: 80px; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-content .wdt-progressbar-value {
  margin-left: auto; }

.wdt-donation-item .wdt-donation-item-detail { text-align: left; }

.wdt-donation-item { flex-direction: row; }

.wdt-donation-item .wdt-donation-item-detail { flex-direction: column; align-items: start; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-circle.wdt-progressbar-container {
  flex-direction: column; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-circle.wdt-progressbar-container .wdt-progressbar svg path:nth-child(1) {
  fill-opacity: 1; fill: var(--wdtPrimaryColor); transform: scale(0.85) translate(10px, 8px); }


/* -----------------
Additional css
------------------- */

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-description {
  text-wrap: balance; margin-top: -10px; }


.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;
  font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem); /* Min-18 & Max-20 */   padding-bottom: 10px;
  font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); text-transform: capitalize; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail .wdt-donation-item-donor-count { display: none; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper > * { margin: 10px; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin: -10px;
  padding-top: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem);  /* 20 - 6px */
}

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper .wdt-donation-item-total {
  color: var(--wdtHeadAltColor);
  font-weight: var(--wdtFontWeight_Alt);
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /* 18px - 16px */
  text-transform: capitalize;
}

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper .give-totals-shortcode-wrap {
  color: var(--wdtPrimaryColor);
  font-weight: var(--wdtFontWeight_Ext);
}



/* -----------------
Additional css
------------------- */


/* -------------------------
Detail Page
--------------------------- */

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item-media,
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item::after, 
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item::before,
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item-detail .wdt-donation-item-title,
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item-detail .wdt-donation-item-description,
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item-detail .wdt-donation-item-button,
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail:after { display: none; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail {
  border: 0; padding: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);  /* 40px - 30px */ background-color: var(--wdtSecondaryColor); }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail > :not(:last-child) { margin: 0; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail .wdt-donation-item-donor-count {
  display: block; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail {
  margin: -10px -10px 10px; padding: 0; width: calc(100% + 20px); line-height: normal; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail > div {
  margin: 10px; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-progressbar-horizontal .wdt-progressbar, 
.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-progressbar-horizontal .wdt-progressbar svg { height: 10px; }

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper {
  width: 100%;
  margin: 0;
}

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper {
  margin: -5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.wdt-cus-donation-detail-page-fund-raised .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper > * {
  margin: 5px;
  line-height: normal;
}


/* -------------------------
Detail Page
--------------------------- */


/* -------------------------
Detail Page sidebar content
--------------------------- */


.wdt-cus-donation-sidebar-content .wdt-donation-item::after, 
.wdt-cus-donation-sidebar-content .wdt-donation-item::before,
.wdt-cus-donation-sidebar-content .wdt-donation-item-detail .wdt-donation-item-description,
.wdt-cus-donation-sidebar-content .wdt-donation-item-detail .wdt-donation-item-button,
.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail,
.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail::after  { display: none; }

.wdt-cus-donation-sidebar-content .wdt-donation-item {
  border: 0; display: grid; grid-template-columns: 100px 1fr; gap: 20px; align-items: center; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail > :not(:last-child) { margin: 0; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail { padding: 0; border: 0; background: none; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-media {
  height: 100px; width: 100px; border: 2px solid var(--wdtBorderColor); }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-media a,
.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-media a img { height: 100%; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-media img { 
  height:100%;  object-fit: cover; object-position: center;  }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title {
  font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Ext); margin-bottom: 16px; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content,
.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value {
  font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content {
  margin-bottom: 10px; }

.wdt-cus-donation-sidebar-content .wdt-progressbar-horizontal .wdt-progressbar, 
.wdt-cus-donation-sidebar-content .wdt-progressbar-horizontal .wdt-progressbar svg { height: 8px; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper {
  width: 100%; margin: 0; padding-top: 0; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper { margin: -5px; display: flex; align-items: center; flex-wrap: wrap; padding-top: 10px; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper > * { margin: 5px; }

.wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper .wdt-donation-item-wrapper .wdt-donation-item-total {
  font-size: var(--wdtFontSize_Base); }

/* responsive */

@media (max-width:479px) {
  .wdt-cus-donation-sidebar-content .wdt-donation-item { grid-template-columns: 1fr; gap: 18px; }
  .wdt-cus-donation-sidebar-content .wdt-donation-item .wdt-donation-item-media { width: 100%; height: 100%; }
}


/* -------------------------
Detail Page sidebar content
--------------------------- */

/* --------------------
Footer Donation Content
----------------------- */

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-description,
.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button,
.wdt-cus-footer-donation-content .wdt-donation-item:after, 
.wdt-cus-footer-donation-content .wdt-donation-item:before,
.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-group-wrapper,
.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail:after { display: none; }

.wdt-cus-footer-donation-content .wdt-donation-item { border: 0; display: grid; grid-template-columns: 80px 1fr; gap: 20px; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-media { border: 2px solid var(--wdtBorderColor); }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-media img { height: 100%; object-fit: cover; object-position: center; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail { border: 0; padding: 0; background: none; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title {
    font-size: var(--wdtFontSize_H6); }

#footer .wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title a {
    color: var(--wdtAccentTxtColor); }

#footer  .wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title a:hover {
    color: var(--wdtSecondaryColor); }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content { font-size: 0; }
.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value,
.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail {
    font-size: var(--wdtFontSize_Ext); color: var(--wdtAccentTxtColor); font-weight: var(--wdtFontWeight_Ext); }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content { margin: 0 0 20px 0; order: 1; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value { top: 0; bottom: -24px; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail > *:not(:last-child) {
    margin: 0 0 10px 0; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details {
    margin: 0; }

.wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-goal-detail { padding-bottom: 4px; }

/* .wdt-cus-footer-donation-content .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container {
    flex-direction: column-reverse; } */

.wdt-cus-footer-donation-content .wdt-progressbar-horizontal .wdt-progressbar, 
.wdt-cus-footer-donation-content .wdt-progressbar-horizontal .wdt-progressbar svg { height: 8px; }

/* responsive */

@media (max-width:479px) {
    .wdt-cus-footer-donation-content .wdt-donation-item { grid-template-columns: 1fr; gap: 14px; }
}

/* --------------------
Footer Donation Content
----------------------- */