/** Campaign Card **/
 .campaign-card-container {
     /*display: flex;
     flex-wrap: wrap;*/
}
 .campaign-card {
     /*width: calc(33% - 20px);
     max-width: 500px;
	 display: inline-block;
	 vertical-align: top;
	 margin: 10px;*/
     padding: 10px;
     text-align: left;
     
}
.campaign-card-inner {
	border: 2px solid lightgray;
	border-radius: 4px;
	padding: 20px;
}
 .campaign-card__image {
     text-align: center;
	 position: relative;
}
 .campaign-card__image img {
     width:100%;
	 max-width: 100%;
     border-radius: 25px;
}
.campaign-card__emergency {
	background:#dc2926; 
	padding:5px; 
	border-radius:4px; 
	color:#fff; 
	text-transform:uppercase; 
	font-weight:600; 
	text-align:center; 
	font-size:12px;
	position: absolute;
	top: 0px;
	left:0px;
	width:100%;
}
 .campaign-card__name {
     margin-top: 15px;
     text-align: center;
}
 .campaign-card__name h2 {
     font-size: 1.6em;
}
 .campaign-card__funding_progress, .campaign-card__time_progress {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 15px 0;
}
 .campaign-card__time_progress .campaign-card__time_ended {
     color:#32ad79;
     font-weight: 600;
     width:100%;
     text-align: center;
}
 .campaign-card__progress_base {
     width: 100%;
     height: 15px;
     background: #dedede;
}
 .campaign-card__progress_text {
     width: 50%;
}
 .campaign-card__progress_percent {
     width: 50%;
     text-align: right;
}
 .campaign-card__progress_value {
     height: 15px;
}
 .campaign-card__actions {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .campaign-card__actions-donate {
     width: 60%;
}
 .campaign-card__actions-details {
     width: 40%;
     text-align: right;
}
 .funding-progress {
     background: #393cb1;
}
 .time-progress {
     background: #32ad79;
}
/** END - Campaign Card **/
/** Buttons **/
 .ff-button {
     display: inline-block;
     padding: 0.6rem 0.8rem;
     font-size: 0.75rem;
     border: 3px solid #333;
     border-radius: 4px;
     background: transparent;
     text-transform: uppercase;
     transition: all 0.25s ease 0s;
     text-decoration: none;
     cursor: pointer;
     line-height: 1.75;
}
 .ff-button:hover {
     background: #333;
     color: #fff;
     text-decoration: none;
}
 .ff-button-block {
     border-radius: 0;
}
 .ff-button-green {
     border-color: #32ad79;
     color: #333;
}
 .ff-button-green:hover {
     background: #32ad79;
     color: #fff;
}
 .ff-button-blue {
     border-color: #393cb1;
     color: #333;
}
 .ff-button-blue:hover {
     background: #393cb1;
     color: #fff;
}
 .ff-button-red {
     border-color: #dc2926;
     color: #dc2926;
}
 .ff-button-red:hover {
     background: #dc2926;
     color: #fff;
}
/** END - Buttons **/
 .campaign-filter-inner {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-bottom: 15px;
     border-bottom: 3px dashed #ddd;
    /* #32ad79 */
}
 .campaign-filter-inner h3 {
     width: 100%;
}
 .campaign-filter-inner .campaign-filter-point {
     width: calc(33.33% - 15px);
    /* width: 100%;
     */
     max-width: 400px;
}
 .campaign-filter-inner .campaign-filter-point div {
     width: 100%;
}
 .campaign-filter-inner .campaign-filter-action {
     width: 100%;
     max-width: calc(33.33% - 15px);
}
 .campaign-filter select {
     width: 100%;
     margin-bottom: 5px;
     padding: 5px;
     border-radius: 4px;
     box-shadow: 1px 1px 4px rgb(0, 0, 0, 0.15);
     transition: 0.23;
}
 .campaign-filter select:hover, .campaign-filter select:focus, .campaign-filter select:active {
     border-color: #32ad79;
}
 .filter-button {
     width: 100%;
     padding: 10px 5px;
     border: 1px solid #32AD79;
     background-color: #32ad79;
     border-radius: 4px;
     color: #fff;
     box-shadow: 1px 1px 4px rgb(0, 0, 0, 0.15);
     transition: 0.23;
}
 .filter-button:hover {
     cursor: pointer;
     background-color: #2e9e6f;
}
 .image-container {
     position: relative;
     text-align: center;
     color: white;
}
 .image-overlay-centered {
     position: absolute;
     top: 8px;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .image-overlay-emergency {
     top:40px;
     width: 100%;
     padding: 10px;
     background: #cc0000;
}
/** Single Campaign Card **/
 .campaigns-wrapper {
     display: flex;
     flex-wrap: wrap;
}
 .single-campaign-card {
     margin: 15px;
     padding: 15px;
     max-width: 330px;
     text-align: left;
}
 .single-campaign-card .raised-amount {
     display: flex;
     flex-wrap: wrap;
     margin: 5px 0 15px 0;
}
 .single-campaign-card .raised-amount div {
     width: 75%;
}
 .single-campaign-card .raised-amount div:nth-of-type(2) {
     width: 25%;
     text-align: right;
}
 .single-campaign-card .raised-amount .raised-bar {
     width: 100%;
     height: 10px;
     background: lightgray;
}
 .single-campaign-card .raised-amount .raised-bar-progress {
     width: 0%;
     background: #393cb1;
     height: 10px;
}
 .single-campaign-card .time-left {
     display: flex;
     flex-wrap: wrap;
     margin: 5px 0 15px 0;
}
 .single-campaign-card .time-left div {
     width: 75%;
}
 .single-campaign-card .time-left div:nth-of-type(2) {
     width: 25%;
     text-align: right;
}
 .single-campaign-card .time-left .time-bar {
     width: 100%;
     height: 10px;
     background: lightgray;
}
 .single-campaign-card .time-left .time-bar-progress {
     width: 0%;
     background: #32ad79;
     height: 10px;
}
 .single-campaign-card .single-campaign-donate-button {
     padding: 15px 25px;
     border: 4px solid #dc2926;
     background: #fff;
     color: #5e6366;
     text-transform: uppercase;
}
 .single-campaign-card .single-campaign-donate-button:hover {
     cursor: pointer;
}
 .single-campaign-card footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .single-campaign-card footer a {
     display: block;
     margin-right: 15px;
}
/** END - Single Campaign Card **/
 table.fundfi-pet-general-table {
     width: 100%;
     border-collapse: collapse;
}
 table.fundfi-pet-general-table th {
     width: 30%;
     background: #f3f1f1;
     text-align: right;
     padding: 5px 10px;
     font-weight: normal;
     color: #5e6366;
}
 table.fundfi-pet-general-table td {
     width: 70%;
     padding-left: 10px;
}
 table.fundfi-pet-general-table tr:nth-of-type(even), table.fundfi-pet-general-table tr:nth-of-type(even) th {
     background: #5e6366;
     color: #fff;
}
/** Pet Slider **/
 .pet-slider item {
     text-align: left;
     font-family: "Poppins";
     line-height: 1.75;
     font-size: 16px;
}
 .pet-slider__pet-progress {
}
 .pet-slider h5 {
     margin: 35px 0 10px 0;
     text-align: left;
}
 .pet-slider__funds-raised, .pet-slider__time-left {
     display: flex;
     display: -webkit-flex;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     justify-content: space-around;
     -webkit-justify-content: space-around;
}
 .pet-slider__funds-raised span:first-of-type, .pet-slider__time-left span:first-of-type {
     width: 75%;
     text-align: left;
     font-size: 14px;
     color: #5e6366;
     font-weight: 400;
}
 .pet-slider__funds-raised span:last-of-type, .pet-slider__time-left span:last-of-type {
     width: 25%;
     text-align: right;
     font-size: 14px;
     color: #5e6366;
     font-weight: 400;
}
 .pet-slider__progress-bar-base {
     width: 100%;
     height: 8px;
     margin: 5px 0 10px 0;
     background: #f0eff0;
}
 .pet-slider__progress-bar-value {
     width: 0;
     height: 8px;
     background: #ffb903;
}
 .pet-slider__funds-raised .pet-slider__progress-bar-value {
     background: #14b3b8;
}
 .pet-slider__pet-actions {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     -webkit-justify-content: space-between;
     padding: 15px 0;
     text-align: left;
}
 .pet-slider__give-button {
     padding: 15px 20px;
     background: #fff;
     border: 4px solid #fb4515;
     color: #5e6366;
     text-transform: uppercase;
     font-weight: 500;
     transition: all 0.42s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
 .pet-slider__give-button:hover {
     cursor: pointer;
     background-color: #dc2926;
     border-color: #dedede;
     color: #fff;
}
.pet-slider__time_ended {
	color: #32ad79;
	font-weight: 600;
	width: 100%;
	text-align: center;
}
 .pet-slider__details-button, .pet-mini-slider__details-button {
     padding: 15px 20px;
     background-color: #14b3b8;
     border: none;
     color: #fff;
     border-radius: 4px;
     transition: background-color 0.42s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     text-transform: uppercase;
     font-weight: 500;
}
 .pet-mini-slider .owl-stage-outer {
     max-height: 425px;
}
 .pet-mini-slider__details-button {
     width: 100%;
     text-align: center;
     font-weight: bold;
     background-color: #fb4515;
}
 .pet-mini-slider .pet-slider__pet-progress h5 {
     margin: 20px 0 15px 0;
}
 .pet-mini-slider .pet-slider__progress-bar-base {
     background: #fff;
}
 .pet-mini-slider .owl-dots {
     display: block !important;
}
 .pet-slider__details-button:hover {
     background-color: #434343;
}
 .StripeElement {
     box-sizing: border-box;
     height: 40px;
     padding: 10px 12px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: white;
     box-shadow: 0 1px 3px 0 #e6ebf1;
     -webkit-transition: box-shadow 150ms ease;
     transition: box-shadow 150ms ease;
}
 .StripeElement--focus {
     box-shadow: 0 1px 3px 0 #cfd7df;
}
 .StripeElement--invalid {
     border-color: #fa755a;
}
 .StripeElement--webkit-autofill {
     background-color: #fefde5 !important;
}
 #card-element {
     width: 100%;
}
 .pet-slider__give-button:disabled {
     background: #e1e1e1;
     border-color: #aaa;
     color: #999;
}
/** Pet Fitler **/
 .fundfido-pet-filter {
     margin-bottom: 25px;
     padding: 15px;
     background: #dedede;
     border-radius: 4px;
}
 .fundfido-pet-filter form {
     display: flex;
     display: -webkit-flex;
     justify-content: space-around;
     -webkit-justify-content: space-around;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
}
 .fundfido-form-input {
     width: 100%;
     max-width: 200px;
     padding: 0 10px;
     text-align: left;
}
 .fundfido-form-input label {
     display: block;
}
 .fundfido-form-input input[type=submit] {
     padding: 5px 15px;
     background-color: #14b3b8;
     border: none;
     color: #fff;
     border-radius: 4px;
     transition: background-color 0.42s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
 .fundfido-form-input input[type=submit]:hover {
     cursor: pointer;
     background-color: #434343;
}
 @media screen and (max-width: 992px) {
     .campaign-card {
         width: calc(50% - 50px);
    }
     .pet-success-stories .item-flex {
         flex-wrap: wrap;
         -webkit-flex-wrap: wrap;
    }
     .pet-success-stories .item-story {
         width: 100%;
         margin: 0;
         order: 2;
    }
     .pet-success-stories .item-image {
         width: 100%;
         margin: 0 0 25px 0;
         order: 1;
    }
     .pet-mini-slider .owl-stage-outer {
         max-height: 290px;
    }
     .pet-slider .item, .pet-mini-slider .item {
         display: flex;
         display: -webkit-flex;
    }
     .pet-slider__content-container {
         padding-left: 20px;
    }
     .pet-slider .item img, .pet-mini-slider .item img {
         width: 60%;
    }
}
 @media screen and (max-width: 767px) {
     .campaign-card {
         width: 100%;
    }
     .campaign-filter-inner {
         display: block;
    }
     .campaign-filter-inner .campaign-filter-point {
         width: 100%;
         max-width: 100%;
    }
     .campaign-filter-inner .campaign-filter-action {
         width: 100%;
         max-width: 100%;
    }
     .pet-mini-slider .owl-stage-outer {
         max-height: 565px;
    }
     .pet-slider .item, .pet-mini-slider .item {
         display: block;
    }
     .pet-slider__content-container {
         padding-left: 0;
    }
     .pet-slider .item img, .pet-mini-slider .item img {
         width: 100%;
    }
}