.wdt-donation-item { background: var(--wdtBodyBGColor); display: flex; flex-wrap: wrap; position: relative; width: 100%; box-shadow: 0 0 0 1px rgb(var(--wdtBorderColorRgb),0) inset; transition: var(--wdtBaseTransition); }

.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: inline-flex; flex-direction: column; }
.wdt-donation-item .wdt-donation-item-media img { min-width: 200px; object-fit: cover; width: 100%; }
.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 1rem 0; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-title { margin-top: -0.25em; transition: var(--wdtBaseTransition); transform-style: preserve-3d; font-size: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem); font-weight: calc(var(--wdtFontWeight_Ext) + 100); line-height: normal;}
.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 svg path:nth-child(2) { -webkit-transform: skewX(25deg); transform: skewX(25deg); -webkit-transform-origin: -100% 100%; transform-origin: -100% 100%; } */
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content { font-size: 0.9em; margin: 10px 0; }

.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar-content .wdt-progressbar-value { color: var(--wdtHeadAltColor); font-weight: bold; margin-left: 10px; margin-right: 10px; position: relative; top: auto; right: 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 { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; letter-spacing: 1px; border: none; background: none; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);  position: relative; z-index: 1; border-radius: var(--wdtRadius_Zero); color: var(--wdtPrimaryColor);}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover { color: var(--wdtAccentTxtColor); }
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:after, .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:before { 
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:after, .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:before {
  content: ''; position: absolute; border-radius: inherit; z-index: -1;
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:before {
  top: -4px !important; bottom: -4px !important; left: -4px !important; right: -4px !important; opacity: 0.2; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s !important; transition: transform 0.3s, opacity 0.3s !important; background: var(--wdtPrimaryColor);
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:after {
  top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale3d(1.1, 1, 1); transform: scale3d(1.1, 1, 1); -webkit-transition: -webkit-transform 0.3s, background-color 0.3s !important; transition: transform 0.3s, background-color 0.3s !important;
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:after{
  background-color: var(--wdtBodyBGColor); border: 2px solid; border-color: var(--wdtPrimaryColor);
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover:after, .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover:before {
  -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover:after {
  background: var(--wdtSecondaryColor); border-color: var(--wdtSecondaryColor);
}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover:before { opacity: 1; }


.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button svg.icon-arrow-aft-btn { margin-left: 0.5em; width: auto; display: none; }
/* .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:before { content: ""; opacity: 0; position: absolute; bottom: -2px; left: -2px; right: -2px; top: -2px; z-index: -1; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); 

  background-image: linear-gradient(80deg, var(--wdtPrimaryColor) 10%, var(--wdtTertiaryColor) 100%);
} */

/* .wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-button:hover:before { opacity: 1; } */

.wdt-donation-item:hover { box-shadow: 0 0 0 1px rgb(var(--wdtBorderColorRgb),0) inset, 0px 10px 20px -10px rgba(var(--wdtBorderColorRgb), 0); }
.wdt-custom-donation-grid .wdt-donation-item { flex-flow: column; }

/* Donation Horizandal Progress Bar */

.wdt-donation-item .wdt-donation-item-detail{padding: 30px 30px;}
.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: center;
}
.wdt-donation-item{flex-direction: column;box-shadow: 0 0 31.5px 5px rgb(var(--wdtPrimaryColorRgb),0) inset;}
.wdt-donation-item .wdt-donation-item-detail{flex-direction: column;align-items: center;}
.wdt-donation-item .wdt-donation-item-detail .wdt-donation-item-fund-details {width: auto;}
.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);
}
.wdt-donation-item .wdt-donation-item-media .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar svg { height: 6px; }
.wdt-donation-item .wdt-donation-item-media .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar svg path:nth-child(1) {
  stroke: var(--wdtPrimaryColor);
}
.wdt-donation-item .wdt-donation-item-media .wdt-donation-item-fund-details .wdt-progressbar-container .wdt-progressbar svg path:nth-child(2) {
  stroke: var(--wdtSecondaryColor); stroke-linecap: square;
}
.wdt-donation-item .wdt-donation-item-media .wdt-donation-item-fund-details{ margin-top: 30px; }

.wdt-donation-item .wdt-donation-item-media .wdt-donation-item-fund-details .wdt-progressbar-container.wdt-progressbar-horizontal .wdt-progressbar-content {
  font-size: var(--wdtFontSize_Ext); font-weight: calc(var(--wdtFontWeight_Ext) + 100); color: var(--wdtPrimaryColor);
}

/* Responsive */

@media only screen and (max-width: 1280px) {
 
    .wdt-donation-item .wdt-donation-item-media, .wdt-donation-item .wdt-donation-item-detail, .wdt-donation-item .wdt-donation-item-media img { min-width: 265px; }

}