<style>
@font-face{

font-family: 'Arial Rounded MT Bold';

src: url('/wp-content/plugins/customecards/templates/8665.ttf');

}

.rtside.profile{
    width:79%;
}
.cardscontainer{
    font-family:'Arial Rounded MT Bold';
}
#wp-message-wrap{
    /* max-width: 500px; */
}
.paypal-button{
    margin-bottom:20px;
}
#message_ifr{
    height:100% !important;
}
.backbutton{
    display:none;
}
.mob-recipients{
    display:none;
}
.recipient input:nth-child(1){
    margin-bottom: 1em;
}
.active-item{
    background-color:#6db71f !important;
}
.recipients .cross{
    color:#FF4C56;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0px 25px 0px;
    display: inline-block;
}
.navigation{
    display:none;
}
.mob-btn{
    font-weight:600;
    background-color: #c0226d;
    border: none;
    color: #fff;
    font-size: 18px;
    padding: 15px 0px;
    border-radius: 10px;
    cursor: pointer;
    width: 70%;
    margin: 0 auto;
    text-align:center;
}
.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{
    display:none;
}
.btn{
    font-weight:600;
    background-color: #c0226d;
    border: none;
    color: #fff;
    font-size: 18px;
    padding: 15px 0px;
    border-radius: 10px;
    cursor: pointer;
    width: 180px;
    margin: 0 auto;
    text-align:center;
    margin-left: calc(50% - 90px);
}

.mob-btn-wrap{
    display:none;
    
}
.tags-wrap{
    display:flex;
    justify-content: space-between;
}
.green{
    color:#c0226d;
}
	
.onlyshare input{
    display:none;
}
.onlyshare label{
    display:flex;
    font-size: 16px;
    cursor:pointer;
    font-weight:600;
}
	
.share-chk{
    border-width: 1px;
    border-color:#666;
    width:20px;
    height:20px;
    border-style: solid;
    margin-right:5px;
    text-align: center;
    color: #6db71f;
}
	
.sndcopy input{
    display:none;
}
.sndcopy label{
    display:flex;
    font-size: 16px;
    cursor:pointer;
    font-weight:600;
}
.sndlater select{
    font-size:16px;
    width: 89px;
    top: -3px;
    position: relative;
}
.fake-chk{
    border-width: 1px;
    border-color:#666;
    width:20px;
    height:20px;
    border-style: solid;
    margin-right:5px;
    text-align: center;
    color: #6db71f;
}
.btn-wrap{
    text-align:center;
}
.donatebutton{
    background-color:#c0226d;
    border: 2px solid #fa9602;
    color: #fff;
    font-size: 18px;
    padding: 12px 40px;
    border-radius: 10px;
    cursor: pointer;
}
.fake-radio{
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:5px;
    cursor:pointer;
}
.fake-radio > div{
    width:14px;
    height:14px;
    
}
input[type="radio"]:checked + .fake-radio > div{
    background-color: #fa9602;
}
.sndnow input , .sndlater input{
    display:none;
}
.sndnow label, .sndlater label {
    display:flex;
    font-size: 16px;
    cursor:pointer;
    font-weight:600;
}
.sndlater label{
    margin-right:10px;
}
.sndlater{
    display: flex;
}

.clr{
clear:both;
}
.disabled{
    pointer-events:none;
    opacity:.7;
}
.cardscontainer {
    position: relative;
    //width: 80%;
    margin: auto;
    padding: 20px 80px;
    margin: 10px;
        background: url(http://ecards.hopespring.org.uk/wp-content/uploads/2017/08/background.jpg);
        box-sizing: border-box;
}
.cardscontainer h1,.cardscontainer h2{
    line-height:1.2 !important;
}
#leftside{
    float: left;
    padding-right: 5.5%;
    width: 79.125%;
    padding-bottom: 23px;
}
.cardrow{
    width: 100% !important;
    padding: 10px 0px;
    text-align:center;
}
.ecard_cont{
    width: 24% !important;
    margin-right: 1%;
    float:left;
    margin-bottom:20px!important;
    position: relative;
    background-color: rgba(0, 0, 0);
    background: none; 
    border-radius: 7px;;
}
.ecard_cont:hover .ecard {
  opacity: 0.5;
}

.ecard_cont:hover .ecard_middle {
  opacity: 1;
}

.ecard_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 60%;

}
.ecard_text {

  background-color: white;
  color: #4CAF50;
  font-size: 22px;
  padding: 22px 2px;
  font-weight: 600;
  border-radius: 25px;
  text-transform: uppercase;
}

.ecard{
    /* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; */
    width: 100% !important;
    border-radius: 7px;
}

.ecard_cat_cont,.ecard_cont{
    text-align:center;
}
.ecard_cat_cont a,.ecard_cont a{
        padding: 30px 0px !important;
    vertical-align: bottom !important;
    line-height: 0;
}
.webui-popover{
    z-index: 2147483647 !important;
}
@media screen and (max-width: 480px){
    .ecard_cont{
    width: 49% !important;
    margin-right: 1% !important;
}
.ecard_text {
    /* font-size: 56px;  */
}
}
@media screen and (max-width: 640px) and (min-width: 480px) {
    .ecard_cont{
    width: 49% !important;
    margin-right: 1% !important;
}
.ecard_text {
    /* font-size: 56px; */
}

}
@media screen and (max-width: 768px) and (min-width: 640px) {
    .ecard_cont{
    width: 32% !important;
    margin-right: 1% !important;
}
.ecard_text {
    /* font-size: 54px;  */
}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ecard_cont{
    width: 24% !important;
    margin-right: 1% !important;
}
.ecard_text {
    /* font-size: 60px;  */
}
}



/******SIngle Card******/
.donateform h2{
    margin: 15px 0px 20px 0px!important;
    padding: 0px;
}
.sub-title{
    color:#000;
    font-size:16px;
    margin-bottom:5px;
    display: inline-block;
}
.tags{
    margin-right:90px;
}
.addrecip{
    border: 2px solid #fa9602;
    width: 250px;
    border-radius: 9px;
    padding: 15px 0px;
    text-align: center;
    font-size:14px;
    font-weight: 600;
    padding-bottom: 15px !important;
}
}
.donateform .donatebutton,.dsend{
    color: #ffffff !important;
    background: #86b752 !important;
    border-color: #86b752 !important;
    border-radius: 5px !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    margin-bottom: 10px  !important;
    cursor: pointer;
    padding: 10px 15px;
}

.backbutton{
    color: #ffffff !important;
    background: #86b752 !important;
    border-color: #86b752 !important;
    border-radius: 5px !important;
    letter-spacing: 0px !important;
    font-size: 15px !important;
    margin-bottom: 20px  !important;
    cursor: pointer;
    padding: 8px 10px;
}


.donateform .donation label{
    float:left !important;
    //margin-right:10px !important;
    //margin-left:10px !important;
    margin-bottom:5px;
}
.donateform .donation label .donateradio{
    margin-top: 0px;
    margin-right: 5px;
}
.donateform p .lbl{
    float:none !important;
    display:block !important;
    margin-bottom:5px;
}
.donateform .donation input{
    width:auto !important;
}
.donateform p input,.donateform p textarea{
    width:100% !important;
    /* max-width:500px !important; */
}
.donateform p input{
    height: auto !important;
}
.donateform p .msg{
    min-height: 120px !important;
}
.donateform p .custom_donation{
    width: 100% !important;
    max-width:120px !important;
}
.donateform .ecardimg{
    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;
    //max-width:100% !important;
    width:auto !important;
    /* max-height:300px; */
    //margin-top: 10px;
    margin-bottom: 15px;
}

.donateform p input,.donateform p textarea,.sndlater input[type=text]{
    padding: 16px;
    border: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #999 !important;
    background-color: #eee !important;
    font-size: 14px !important;
}
.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {
    line-height: 1.2 !important;
}
/*.donateform p.txtfields input{
    width:30% !important;
    margin-right:3% !important;
}*/
.lftside{
    float: left;
    width:49%;
    margin-right: 2%;
    background: white;
    padding: 5px 30px 30px 30px;
    
}
.lftside.profile{
    width : 19%;
}
.rtside{
    float: left;
    width:49%;
    background: white;
    padding: 5px 30px 30px 30px;
    
}
#tinymce{
    background-color: #eee !important;
}

}

.rtside.profile{
    width : 79%;
}

.sndnow{
    width: 25%;
    float: left;
    margin-bottom: 20px;
}
.sndcopy{
    margin-bottom:20px;
}
/***Single Card Custom Settings***/
.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}
.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}
.donateform h1{font-size:35px !important}
/* .donateform h2{font-family:Arial!important}
 */
.donateform h2{color:#c0226d!important}
/***Preview h2***/
/****/
/*********New css Donation***********/
.dform {
    margin-top: 20px;
}
.donation{
    //float:left;
    //margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    //margin-bottom: 30px;
        margin-left:15px;
        width: 65%;
        display: flex;
        justify-content: space-between;
}
.donation label input{
    display:none;
}
.donateform .donation label {
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    color: #c0226d;
    border:1px solid #fa9602;
    font-weight: bold;
    font-size: 20px !important;
    cursor: pointer;
    width: 31%;
    
    text-align: center;
    vertical-align: middle;
    
    margin-right: 0px;
}
.donateform .donation label:nth-child(3){
    margin-left:none !important;
}
/***Donate Buttons Settings***/
/***/
.selectborder{
   background-color:#c0226d !important;
   color: #fff !important;
}
/***Selected Radio Settings***/
/***/
.cstm, .currency{
    
    
    
    //margin-right: 15px;
    margin-bottom:30px;
    
}
.cstmcont,.currencycont{
    display: inline-block;
    width:34%;
}
.cstm input,.currency select{    
    width: 100%;
    //display: block;
    margin: auto;
    padding: 5px;
    border: none;
    background-color: #F7F7F7;
    padding: 15px 7px;
}
/***CSTM BG Settings***/
/***/
.cstmcont label.lbl, .currencycont label.lbl{
    display: block;
    
    font-weight: bold;
    //font-size: 15px !important;
    margin-bottom: 15px;
    //margin-top: 25%;
}
/**Label LbL Preview Page**/
.sbtncont p{
    text-align:center;
}
.sbtncont p button{
    display: block;
    margin: 20px auto;
    width: 100%;
}
/*****/
.preview {
        border-radius: 5px;
    //padding: 30px 0px;
    //max-width: 750px;
    //margin: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;    
}
.preview table{
    //margin: auto;
    width:100%;
    margin-bottom: 20px;
    //text-align:center;
}
.preview table td img{
    //max-width: 80%;
    box-shadow: 0px 0px 5px;
    border: 5px solid white;
    border-radius: 5px;
    //width: 80%;
    //margin:auto;
    display:block;
}
/****New Mobile Settings****/
@media screen and (max-width: 768px) and (min-width: 640px){
    .sndnow,.sndlater{
        float: none;
        width:100%;
        margin-right: 0;
        margin-bottom:20px;
    }
    .preview table td img{
        //max-width: 550px;
    }
    .donation{
        text-align:center;
        margin-bottom: 20px;
        margin-right:0;
       
    }
    .donateform .donation label {
        display:inline-block;
        float:none !important;        
        vertical-align: middle;
        margin: 0px 20px !important;
    }
    .cstm,.sbtncont {
        display:block;
        margin: 20px auto;
    }
}
/***************************/  
.prepart h2 {
    color: #c0226d !important;
    margin: 15px 0px 10px 0px!important;
    padding: 0px;
}
.upper,.lower,.lh,.rh{
    //border:1px solid;
    padding:10px;
}
.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{
    //border:1px solid black;
    //box-shadow:0px 0px 1px black inset;
}
.lh {
    width: 49%;
    margin-right: 2%;
    text-align:left;
    background:white;
    padding: 20px 20px;
}
.rh {
    //padding-top:25px;
    width: 49%;
   
    background:white;
    padding: 10px 20px;
}
.rh p {
   font-size: 18px;
}
@media screen and (max-width: 1320px){
    .sndlater select{
        width: 80px;
    }
}
/**V3 mobile changes**/
@media screen and (max-width: 768px){
   .lh,.rh {
       width:100%;
       margin-bottom:20px;
       float:none;
   }
   .cstmcont, .currencycont, .donation {
        display: block;
        margin:auto;
    }
    .donateform .donatebutton,.dsend {
    display: block;
    margin: 20px auto!important;
}
.donateform .donation label {
    padding: 4px;
    width: 60px;
    margin: 0px 2px !important;
    display:inline-block;
        float:none !important;
        font-size: 12px !important;
}
.selectborder {
    border: 2px solid black;
    box-shadow: 0px 0px 4px grey;
    padding: 2px !important;
}
.donation{
        text-align:center;
        margin-bottom: 10px;
        margin-right:0;
        display:block;
        margin-bottom: 20px;
    }
.cstm,.sbtncont {
        display:block;
        margin: 0px auto;
    }    
.lftside,.rtside,.sndnow,.sndlater{
        float: none;
        width:100%;
        margin-right: 0;
        margin-bottom:20px;
    }    
.rh p {
    font-size: 14px;
}
h2 {
    font-size: 20px !important;
}
h1{
    font-size: 24px !important;
}
.backbutton {
    font-size: 12px !important;
    padding: 4px 6px;
}
.sbtncont + label{
    font-size: 12px !important;
}

.lftside.profile{
    width : 99%;
    font-size: 12px;
}
.rtside.profile{
    width : 99%;
    font-size: 12px;
}
.part-account-miniblock{
    width : 89% !important;
}
.img-png {
    max-height:25vw !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
    .lh {
    width: 35%;
    float: left;
    margin-right: 2%;
    text-align:left;
    background:white;
    padding: 10px 20px;
}
.rh {
    //padding-top:25px;
    width: 63%;
    float: left;
    background:white;
    padding: 10px 20px;
}
.donateform .donation label {
    border-radius: 15px;
    padding: 5px;
    background: grey;
    color: white !important;
    font-weight: bold;
    font-size: 15px !important;
    cursor: pointer;
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
.selectborder {
    border: 3px solid black;
    box-shadow: 0px 0px 5px grey;
    padding: 2px !important;
}
.cstm input, .currency select {
    padding: 2px;
    font-size: 12px;
}
.cstm, .currency {
    padding: 5px 0px;
}
.cstmcont label.lbl, .currencycont label.lbl {
    font-size: 12px;
}
.donateform .donatebutton,.dsend {
    font-size: 15px !important;
    padding: 8px 12px;
}
.part-account-row h2{
    font-size: 18px;
}
}
/***Video***/
video{
	width:100%;
	height:auto;
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
/***More Recepients***/
/*.recipients .input{
	display: inline-block !important;
    width: 45% !important;
    margin-right: 1%;
}*/
.recipients .input {
    display: block !important;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 10px;
}
.addrecip span{
    font-weight: bold;
    color: #86B752 !important;
    font-size: 40px;
    vertical-align: middle;
	cursor: pointer;
}
.addrecip{
	cursor: pointer;
}
.cross {
	cursor: pointer;
}
.cross img{
	width:16px;
    vertical-align: middle;
	cursor: pointer;
}
/***Captcha***/
#captcha{
	margin-bottom:20px;
}
/*Button GooglePay*/


.gpay-button {
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0px;
  border-radius: 4px;
  
  cursor: pointer;
  height: 40px;
  min-height: 40px;
  padding: 8px 6px;
}

.gpay-button.black {
  background-color: #000;
  box-shadow: none;
  padding: 12px 24px 10px;
  margin: 8px;
}

.gpay-button.white {
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
}

.gpay-button.short {
    padding: 9px 0px;
    height: 44px;
  float:left;
  margin-right:12px;
  width: 117.91px;
  border:1px solid #fa9602;
  margin-left: 10px;
  
}

.gpay-button.black.short {
  background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg);
}

.gpay-button.white.short {
  background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg);
}

.gpay-button.black.active {
  background-color: #5f6368;
}

.gpay-button.black.hover {
  background-color: #3c4043;
}

.gpay-button.white.active {
  background-color: #fff;
}

.gpay-button.white.focus {
  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;
}

.gpay-button.white.hover {
  background-color: #f8f8f8;
}


	/*secure Stripe pay*/


.securepay-button  {
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0px;
  border-radius: 4px;
  
  cursor: pointer;
  height: 40px;
  min-height: 40px;
  padding: 8px 6px;
}

.securepay-button.black {
  background-color: #000;
  box-shadow: none;
  padding: 12px 24px 10px;
  margin: 8px;
}

.securepay-button.white {
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
}

.securepay-button.short {
    padding: 9px 0px;
    height: 44px;
  float:left;
  margin-right:2px;
	margin-bottom:5px;
	
  width: 160.91px;
  border:1px solid #fa9602;
  
  
}

.securepay-button.black.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2023/01/secure-card-1.png);
   background-size: 160px 40px;
}

.securepay-button.white.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2023/01/secure-card-1.png);
   background-size: 160px 40px;
}

.securepay-button.black.active {
  background-color: #5f6368;
}

.securepay-button.black.hover {
  background-color: #3c4043;
}

.securepay-button.white.active {
  background-color: #fff;
}

.securepay-button.white.focus {
  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;
}

.securepay-button.white.hover {
  background-color: #f8f8f8;
}
	
/*Button Stripe pay*/


.stripe-button {
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0px;
  border-radius: 4px;
  
  cursor: pointer;
  height: 40px;
  min-height: 40px;
  padding: 8px 6px;
}

.stripe-button.black {
  background-color: #000;
  box-shadow: none;
  padding: 12px 24px 10px;
  margin: 8px;
}

.stripe-button.white {
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
}

.stripe-button.short {
    padding: 9px 0px;
    height: 44px;
  float:left;
  margin-right:-6px;
	margin-bottom:5px;
	
  width: 20%;
  border:1px solid #fa9602;
  
  
}

.stripe-button.black.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2024/06/Stripe-logo.png);
   background-size: 160px 40px;
}

.stripe-button.white.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2024/06/Stripe-logo.png);
/*    background-size: 160px 40px; */
}

.stripe-button.black.active {
  background-color: #5f6368;
}

.stripe-button.black.hover {
  background-color: #3c4043;
}

.stripe-button.white.active {
  background-color: #fff;
}

.stripe-button.white.focus {
  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;
}

.stripe-button.white.hover {
  background-color: #f8f8f8;
}
@media screen and (max-width: 768px){
.last-step{
    flex-direction:column;
}
.selectborder{
    padding: 8px !important;
}
.donation-wrapper{
    flex-direction: column;
}

.donation{
    width:100%;

}
.mob-final-btn{
    margin-top:30px;
    display:block;
}
.donateform .donation label{
    width:31% !important;
    padding: 8px;
    font-size: 16px !important;
}
.gpay-button.short{
    width: 31% !important;
    margin-top: 0px !important;

}
.stripe-button.short{
    width: 40% !important;
    margin-top: 0px !important;	
    margin-left: 0px !important;
	margin-right: 10px !important;
	


}

.stripe-button.black.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2024/06/Stripe-logo.png);
   background-size: 130px 40px;
}

.stripe-button.white.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2024/06/Stripe-logo.png);
   
}

	
	
.securepay-button.short{
    width: 40% !important;
    margin-top: 0px !important;	
    margin-left: 0px !important;
	margin-right: 10px !important;
	


}

.securepay-button.black.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2023/01/secure-card-1.png);
   background-size: 130px 40px;
}

.securepay-button.white.short {
  background-image: url(https://ecards.hopespring.org.uk/wp-content/uploads/2023/01/secure-card-1.png);
   background-size: 120px 40px;
}
.rh p{
    font-size: 18px !important;
}
.paypal-button{
    width: 31% !important;
}
.cstmcont{
    margin-bottom: 15px;
}
.cstmcont, .currencycont{
    width:100%;
}
.rh{
    display:none;
}
.prepart h1{
    display:none;
}
    .gpay-button {
    display: block;
    margin: 20px auto!important;
    width: 100% !important;
    margin-right:0px;
}
	
	  .stripe-button {
    display: block;
    margin: 20px auto!important;
    width: 100% !important;
    margin-right:0px;
}
.paypal-button {
    display: block;
    
    margin-right:0px;
    
}
}
/* ApplePay Button */


@supports (-webkit-appearance: -apple-pay-button) { 
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    } 
}
@media screen and (max-width: 768px){
    .plugin-wrapper{
        flex-direction:column;
    }
    
    .sndnow{
        margin-top: 20px;
    width: 49%;
    
    margin-bottom: 20px !important;
    }
    .preview > p{
        word-break: break-word;
    }
    .sndlater{
        width: 49%;
    margin-top: 20px;
    flex-direction: column;
    
  
    display: flex;
    margin-bottom: 20px !important;
    }
    .select-wrapper{
        display:flex;
        margin-top: 20px;
    }
    .donateform h1{
        text-align:center;
    }
    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{
        display:none;
    }
    .lftside, .rtside, .sndnow, .sndlater{
        margin-bottom:0px;
    }
    .cardscontainer{
        margin:0px;
        padding: 10px;
    }
    .lftside{
        padding: 18px !important;
    }
    .x> h2{
        margin: 5px 0px 20px 0px!important;
    }
    .tags-wrap{
        display:block;
    }
    .tags{
        margin-right:0px;
        margin-bottom:15px;
        margin-top:15px;
    }
    .mob-btn-wrap{
        display:block;
        margin-top: 30px;
    }
    p.dynadded{
        padding-bottom: 0px !important;
    }
    .donateform h2:not(.main-title){
        display:none;
    }
    .navigation{
    
    color:#6db71f;
}
.mob-your-btn{
    margin-top:30px;
}
.navigation-back{
    font-size:40px;
}
.navigation-title{
    font-size: 20px;
    display: inline-block;
    width: calc(100% - 20px);
    text-align: center;
}
.too-line{
    display:flex;
    justify-content:space-around;
    margin:25px 0px 15px 0px;
}
.too-line div{
    height:3px;
    width:15%;
    background-color:#C2E6AE;
}
.mob-recip-btn, .mob-your-btn , .mob-message-btn{
    display:inline-block;
}
.mob-message-btn{
    margin-top:30px;
}
.mce-toolbar .mce-ico{
    width:6px !important;
}
.addrecip{
    width: 220px;
    padding: 15px 0px;
    font-size: 12px;
    margin-left: calc(50% - 110px);
    margin-bottom: 30px;
}
#mceu_12 , #mceu_13{
    display:none;
}
.rtside{
    padding: 18px;
}

    .apple-pay-button {
   /* margin: 20px auto!important;*/
   width: 100% !important;
}
.div_brd_app {
   width: 31% !important; 
   height:44px;
}
}

.paypal-logo {
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 26px;
}
.paypal-logo i:first-child {
      color: #253b80;
    }

.paypal-logo i:last-child {
      color: #179bd7;
    }
  
  
.paypal-button {
    padding: 9px 20px;
    border-radius: 5px;
    display: block;
    background-color: #fff;
    border: 1px solid #fa9602
}    
.paypal-title {
      font-size: 14px;
      color: #505050;
      vertical-align: baseline;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    }
    
.paypal-logo {
      display: inline-block;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
      font-size: 16px;
    }
.similar-ecard {    
    text-align: center;
    /* display: inline-block; */
    display: table-cell;
    /* float: left; */
    margin: 0 5px;
    padding: 0 5px;
    max-width: 150px;
   
}
.similar-ecard img{
    box-shadow: 0px 0px 8px grey;
    border: 5px solid white;
    border-radius: 5px;
    transition: 500ms; 
    display: block;
    margin: 3px 0;
} 
.similar-ecard img:hover {
    transform: scale(1.07);
   }


.part-account-row {
    position:relative;
    text-align:center;
 }

.part-account-miniblock {

    display:inline-table;
    width: 28vw;
    height: 15vw;
    margin: 3vw;
    background:white;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-color: #fa9602;
    box-shadow: 0px 0px 15px #fa9602;
    padding: 20px;
}
.img-svg {
    max-height: 8vw;
    opacity: 0.2;
}
.img-png {
    max-height: 10vw;
}

.show-button:hover {
    color: #c0226d!important;
    background-image: initial!important;
    background-color: #f4f4f4!important;
    
}

.show-button{
    color: #ffffff!important;
    font-size: 17px;
    background-color: #fa9602; 
    padding: 15px 0px !important;
    border-radius:6px;
    margin: 0 25%;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
.show-cat{
    padding: 10px ;
}
.show-title{
    padding: 15px 0px;
    overflow: hidden;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.show-container{
    display: grid;
    padding: 20px;
    margin: 10px;
    background: none;
    box-sizing: border-box;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
.filter-area{
    padding: 30px 20px;
    margin: 0 10px;
    display: inline-block;
    width: 100%;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}


.filter-search{
    width:50%;
    margin:20px 10px;
}
.filter-page{
    width:20%;
    margin:20px 10px;
}

.filter-submit{
    /* width:25%; */
    margin:20px 10px;
}
.filter-search input {
    border: 1px solid #c0226d;
}

.filter-cat{
    text-align: center;
    display: block !important;
}
.one-cat{
    float:left;
    display:block;
    padding:10px;
    border-color:#c0226d;
    border-width:1px;
    border-radius:6px;
    border-style:solid;
    margin: 3px;
    color: #fa9602;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    flex-basis: 100%;
}
.one-cat-sel{
    float:left;
    display:block;
    padding:10px;
    border-color:#fa9602;
    border-width:1px;
    border-radius:6px;
    border-style:solid;
    background-color:#c0226d;
    margin: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    flex-basis: 100%;
}
.filter-page select {
    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;
    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;
    background-size: 10px 10px,10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    
}
.form-row {
    display: flex;
}
.form-control{
    border-radius: 22px;
    background: #F8F8F8;
    border: 1px solid #c0226d;
    height: 45px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c0226d;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-submit{
    float:right;
    display:block;
    padding:10px 30px;
    border-color:#fa9602;
    border-width:1px;
    border-radius:6px;
    border-style:solid;
    background-color:#c0226d;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}
#filter-submit-btn{
    float:right;
    display:block;
    padding:10px 30px;
    border-color:#fa9602;
    border-width:1px;
    border-radius:6px;
    border-style:solid;
    background-color:#c0226d;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
}
.show-img:hover{
    transform: scale(1.02);
    box-shadow: 8px 15px 10px #c5c5c5;
}
.show-img{
    max-height: 100%;
    transition: .3s ease-in-out;
    border: 1px solid #b5b5b5;
    border-radius:6px;
}
.show-paginated-links{
    text-align: center;
    padding: 30px;
}
.show-paginated-links a{

    padding: 10px 15px;
    color: #c0226d;
    border: #fa9602 solid 1px;
    border-radius: 6px;
    font-size: 26px;

}
.show-paginated-links span{

padding: 10px 15px;
color: #fff;
background-color: #c0226d;
border: #fa9602 solid 1px;
border-radius: 6px;
font-size: 26px;

}

@media screen and (max-width: 480px){
    .filter-area{
    padding: 0px;
    margin: 0px;
    }
    #filter-submit-btn {
        padding: 10px 3px;
        width: 100%;
    }
    .filter-search, .filter-submit {
        width:50%;
    }

    .form-row.filter-cat{
        /* display:grid; */
        display: block;
    }
    .form-row.sel-page{
        display: none;
    }
    .ecard_cont.show-all{
        /* width: 99% !important; */
    }
    .show-paginated-links a {

        display: inline-block;
        font-size: 18px;
        padding: 0px 5px;
    }
    .show-paginated-links {
    
        padding: 30px 0px;
          /* font-size: 18px; */
    }
    .one-cat, .one-cat-sel{
        padding: 5px 7px;
    }
    .show-paginated-links span{
        padding: 0px 5px;
        font-size: 18px;
    }
    
    .container{
        width:95%;
    }
    .show-container{
        padding: 5px 0px;
        margin: 0px;
    }
  

}

@media screen and (max-width: 992px) and (min-width: 768px){
    .ecard_cont.show-all{
        width: 32% !important;
    }
    .filter-page {
    width: 30%;
    }
}
.desc{
    line-height: 1.9 !important;
}

.account_main{
    padding: 20px 10px;
}

.popup {
position: absolute;
top: 40%;
left: 0;
right: 0;
width:100%;
max-width: 490px;
margin: auto;
background: #fff;
border-radius: 10px;
text-align: center;
}
#success-message {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.56);
    z-index: 999!important;
    background: rgba(40, 69, 113, 0.4);
}
#success-message {
    display: none;
}



</style>
{"id":26675,"date":"2018-03-19T17:35:14","date_gmt":"2018-03-19T17:35:14","guid":{"rendered":"http:\/\/ecards.hopespring.org.uk\/?page_id=26675"},"modified":"2025-04-08T14:36:25","modified_gmt":"2025-04-08T13:36:25","slug":"easter-ecards","status":"publish","type":"page","link":"https:\/\/ecards.hopespring.org.uk\/easter-ecards\/","title":{"rendered":"Easter Ecards that Donate to Water Charity"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.0&#8243; custom_padding=&#8221;0px||0px||false|false&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;3.29.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.4.0&#8243; text_font=&#8221;Arial||||||||&#8221; text_font_size=&#8221;17px&#8221; header_font=&#8221;Roboto||||&#8221; header_text_align=&#8221;left&#8221; header_text_color=&#8221;#c0226d;&#8221; header_font_size=&#8221;38px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; header_text_align_tablet=&#8221;&#8221; header_text_align_phone=&#8221;center&#8221; header_text_align_last_edited=&#8221;on|phone&#8221; header_font_size_tablet=&#8221;&#8221; header_font_size_phone=&#8221;23px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<h1>Send Easter eCard<\/h1>\n<p><span style=\"font-weight: 400;\">Send a charity Easter ecard to your friends, family or colleagues to wish them a happy easter. Send the easter ecard greetings by email or use our popular <\/span><a href=\"http:\/\/ecards.hopespring.org.uk\/whatsapp-ecards\/\"><span style=\"font-weight: 400;\">WhatsApp ecard<\/span><\/a><span style=\"font-weight: 400;\"> for your card and greetings to arrive instantly. Make a donation or use the promo code on our <\/span><a href=\"http:\/\/ecards.hopespring.org.uk\/free_charity_ecards\/\"><span style=\"font-weight: 400;\">free ecards page.<\/span><\/a><span style=\"font-weight: 400;\"> You can send a static or <\/span><a href=\"http:\/\/ecards.hopespring.org.uk\/ecards-category\/easter-animated\/\"><span style=\"font-weight: 400;\">animated easter card<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; max_width=&#8221;1525px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px||0px||false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; hover_enabled=&#8221;0&#8243;]<\/p>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<div class=\"filter-area\"><form action=\"https:\/\/ecards.hopespring.org.uk\/easter-ecards\/#filter-submit-btn\" method=\"GET\"><div class=\"form-row\" style=\"justify-content: center;\"><div class=\"filter-search\" style=\"float:left;\"><input class=\"form-control\" type=\"text\" id=\"se\" name=\"se\" placeholder=\"Search..\" value=\"\"><\/div><div class=\"filter-submit\"><input type=\"submit\" id=\"filter-submit-btn\" value='Filter'\/><\/div><input class=\"form-control\" type=\"hidden\" id='terms' name=\"terms\"  value=\"easter\"><\/div><div class=\"form-row filter-cat\"><div class=\"tax one-cat-sel\" name='easter' >Easter<\/div><div class=\"tax one-cat\" name='easter-animated' >Animated Easter<\/div><div class=\"tax one-cat\" name='religious-easter-ecards' >Religious Easter eCards<\/div><\/div><div class=\"form-row sel-page\" style=\"justify-content: flex-end;\"><div class=\"filter-page \"><select class=\"form-control\" name=\"posts_pp\" id=\"posts_pp\"><option value=\"10\" >10 per page<\/option><option value=\"20\" selected>20 per page<\/option><option value=\"40\" >40 per page<\/option><option value=\"80\" >80 per page<\/option><\/select><\/div><\/div><\/form><\/div><style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-car-eggs-happy-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/happy-easter-car-hunts.png\" alt=\"Happy Easter eCard  Bunny in Car with Eggs\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter eCard  Bunny in Car with Eggs<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-car-eggs-happy-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-climbing-tree-egg-fruit-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/hunts-happy-easter-rope.png\" alt=\"Bunny Climbing Tree Egg Fruit Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Bunny Climbing Tree Egg Fruit Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-climbing-tree-egg-fruit-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/easter-ecard-egg-vase-spring-blossoms\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/water-flowers-eggs-easte.png\" alt=\"Easter eCard Egg Vase Spring Blossoms\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Easter eCard Egg Vase Spring Blossoms<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/easter-ecard-egg-vase-spring-blossoms\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/adorable-brown-easter-bunnies-egg-tree-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/tree-harvest-easter.png\" alt=\"Adorable Brown Easter eCard Bunnies Egg Tree\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Adorable Brown Easter eCard Bunnies Egg Tree<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/adorable-brown-easter-bunnies-egg-tree-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/easter-ecard-watering-can-flowers-eggs\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/watercan-happy-easter-to-you.png\" alt=\"Easter eCard Watering Can Flowers  Eggs\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Easter eCard Watering Can Flowers  Eggs<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/easter-ecard-watering-can-flowers-eggs\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-beautiful-eggs-hanging-tree\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/tree-eggs-easter.png\" alt=\"Happy Easter Ecard  Beautiful Eggs Hanging Tree\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter Ecard  Beautiful Eggs Hanging Tree<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-beautiful-eggs-hanging-tree\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-cute-bunnies-eggs-pink-ribbon\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/present-gift-easter-egg.png\" alt=\"Happy Easter eCard Cute Bunnies Eggs with  Pink Ribbon\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter eCard Cute Bunnies Eggs with  Pink Ribbon<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-cute-bunnies-eggs-pink-ribbon\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/glowing-happy-easter-ecard-bunnies-egg-stacks\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/happy-easter-raylight-effect.png\" alt=\"Glowing Happy Easter eCard Bunnies with Egg Stacks\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Glowing Happy Easter eCard Bunnies with Egg Stacks<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/glowing-happy-easter-ecard-bunnies-egg-stacks\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-bunny-ears-eggs-spring\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/happy-easter.png\" alt=\"Happy Easter eCard Bunny Ears Colorful Egg  and Festive Spring\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter eCard Bunny Ears Colorful Egg  and Festive Spring<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard-bunny-ears-eggs-spring\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/playful-bunnies-basket-with-eggs-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/happy-easter-to-you-two-rabbit.png\" alt=\"Playful Bunnies Basket with Eggs Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Playful Bunnies Basket with Eggs Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/playful-bunnies-basket-with-eggs-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cute-bunny-ears-happy-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/happy-easter-rabbit-ears.png\" alt=\"Cute Bunny Ears with Happy Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Cute Bunny Ears with Happy Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cute-bunny-ears-happy-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/grey-bunny-egg-basket-happy-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/funny-rabbit-happy-easter.png\" alt=\"Grey Bunny with Egg Basket  Happy Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Grey Bunny with Egg Basket  Happy Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/grey-bunny-egg-basket-happy-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cheerful-bunny-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-bunny-with-eggs-easter-eCard.jpg\" alt=\"Cheerful bunny Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Cheerful bunny Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cheerful-bunny-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-Easter-eCard.jpg\" alt=\"Happy Easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cute-bunny-sitting-on-a-egg-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Cute-bunny-happy-easter-eCard.jpg\" alt=\"Cute bunny sitting on a egg easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Cute bunny sitting on a egg easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/cute-bunny-sitting-on-a-egg-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/egg-basket-happy-easter-circled-with-flowers-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Egg-basket-happy-easter-circled-with-flowers-eCard.jpg\" alt=\"Egg basket happy easter circled with flowers eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Egg basket happy easter circled with flowers eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/egg-basket-happy-easter-circled-with-flowers-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/he-is-risen-easter-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/He-Is-Risen-Religious-Easter-eCard.jpg\" alt=\"He is risen easter eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">He is risen easter eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/he-is-risen-easter-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-you-are-blessed-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-Easter-you-are-blessed-eCard.jpg\" alt=\"Happy Easter you are blessed eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter you are blessed eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-you-are-blessed-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-with-cross-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-Easter-with-cross-eCard.jpg\" alt=\"Happy Easter with cross eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter with cross eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-with-cross-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-warm-wishes-to-you-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-Easter-warm-wishes-eCard.jpg\" alt=\"Happy Easter warm wishes to you eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Easter warm wishes to you eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-easter-warm-wishes-to-you-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><br><\/div><\/div><\/div><div class='show-paginated-links' ><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/26675\/page\/2\/\">2<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/26675\/page\/2\/\">Next &raquo;<\/a><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        \/\/jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n\t\tjQuery('#terms').val(jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n\/\/         jQuery(this).attr(\"class\", \"tax one-cat\");   \n\/\/         str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n\/\/         \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n\/\/         str = replaceAll(str,',,',',');\n\/\/         if (str.substr(-1)==','){\n\/\/             str = str.slice(0,-1)\n\/\/         };\n\/\/         if (str.substr(0, 1)==','){\n\/\/             str = str.slice(1);\n\/\/         };\n\/\/         jQuery('#terms').val(str);\n      \n        jQuery(this).attr(\"class\", \"tax one-cat\");\t\n\t\tjQuery('#terms').val(jQuery(this).attr(\"name\"));\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243; custom_padding=&#8221;||0px|&#8221;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.4.0&#8243; text_font=&#8221;Roboto||||||||&#8221; text_font_size=&#8221;16px&#8221; header_font=&#8221;Roboto||||&#8221; header_text_color=&#8221;#c0226d;&#8221; header_font_size=&#8221;38px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; header_font_size_tablet=&#8221;&#8221; header_font_size_phone=&#8221;23px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<h1><a name=\"chapter1\"><\/a><strong>Send animated or static charity easter eCards<\/strong><\/h1>\n<p>Send one of our beautiful animated ecards today. Mouseover ecard to view animation before sending.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.4.0&#8243;]<div class='cardrow'><div class='ecard_cont'><a imgurl='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/animated-happy-easter-season-300x300.gif' href='https:\/\/ecards.hopespring.org.uk\/ecards\/animated-happy-easter-bunnies-eggs-sunflowers\/'><img class='ecard' src='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/animated-happy-easter-season.gif'>\n               <div class='ecard_middle'><div class='ecard_text'>Send<\/div><\/div><\/a><\/div><div class='ecard_cont'><a imgurl='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/tree-vas-happy-300x300.gif' href='https:\/\/ecards.hopespring.org.uk\/ecards\/animated-easter-eggs-tree-vase-happy-easter-ecard\/'><img class='ecard' src='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/tree-vas-happy.gif'>\n               <div class='ecard_middle'><div class='ecard_text'>Send<\/div><\/div><\/a><\/div><div class='ecard_cont'><a imgurl='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/animated-happy-easter-joy-300x300.gif' href='https:\/\/ecards.hopespring.org.uk\/ecards\/animated-jumping-bunny-basket-easter-ecard\/'><img class='ecard' src='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/04\/animated-happy-easter-joy.gif'>\n               <div class='ecard_middle'><div class='ecard_text'>Send<\/div><\/div><\/a><\/div><div class='ecard_cont'><a imgurl='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2018\/03\/Easter-animated-16-300x300.gif' href='https:\/\/ecards.hopespring.org.uk\/ecards\/easter-animated-ecard-16\/'><img class='ecard' src='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2018\/03\/Easter-animated-16.gif'>\n               <div class='ecard_middle'><div class='ecard_text'>Send<\/div><\/div><\/a><\/div><div class='ecard_cont'><a imgurl='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2018\/03\/Easter-animated-15-300x300.gif' href='https:\/\/ecards.hopespring.org.uk\/ecards\/easter-animated-ecard-15\/'><img class='ecard' src='https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2018\/03\/Easter-animated-15.gif'>\n               <div class='ecard_middle'><div class='ecard_text'>Send<\/div><\/div><\/a><\/div><\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/easter-ecards\/?se=&#038;terms=-animated%2Ceaster-animated&#038;posts_pp=20&#8243; button_text=&#8221;See All Animated Easter Cards&#8221; button_alignment=&#8221;center&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ff9b1f&#8221; button_border_width=&#8221;1px&#8221; button_border_color=&#8221;#ff9b1f&#8221; button_border_radius=&#8221;10px&#8221; button_font=&#8221;Montserrat||||&#8221; button_use_icon=&#8221;off&#8221; button_text_size_tablet=&#8221;&#8221; button_text_size_phone=&#8221;13px&#8221; button_text_size_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;width: 50%;&#8221; button_text_color_hover=&#8221;#e02b20&#8243; button_border_color_hover=&#8221;#e02b20&#8243; button_bg_color_hover=&#8221;#ffffff&#8221; disabled=&#8221;on&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;on&#8221; button_text_color__hover=&#8221;#e02b20&#8243; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;on&#8221; button_border_color__hover=&#8221;#e02b20&#8243; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;#ffffff&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/ecards-category\/easter-animated\/&#8221; button_text=&#8221;See All Animated Easter Cards&#8221; button_alignment=&#8221;center&#8221; disabled_on=&#8221;off|on|on&#8221; _builder_version=&#8221;3.16&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;25px&#8221; button_text_color=&#8221;#ff9b1f&#8221; button_border_width=&#8221;1px&#8221; button_border_color=&#8221;#ff9b1f&#8221; button_border_radius=&#8221;10px&#8221; button_font=&#8221;Montserrat||||&#8221; button_use_icon=&#8221;off&#8221; button_text_size_tablet=&#8221;&#8221; button_text_size_phone=&#8221;20px&#8221; button_text_size_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;width: 100%;&#8221; button_text_color_hover=&#8221;#e02b20&#8243; button_border_color_hover=&#8221;#e02b20&#8243; button_bg_color_hover=&#8221;#ffffff&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;on&#8221; button_text_color__hover=&#8221;#e02b20&#8243; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;on&#8221; button_border_color__hover=&#8221;#e02b20&#8243; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;#ffffff&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code admin_label=&#8221;Code&#8221;] [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;3.22&#8243;][et_pb_row _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.4.0&#8243; text_font=&#8221;Arial||||||||&#8221; text_font_size=&#8221;16px&#8221; header_font=&#8221;Roboto||||&#8221; header_text_color=&#8221;#c0226d&#8221; header_font_size=&#8221;35px&#8221; header_2_text_color=&#8221;#c0226d;&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;]<\/p>\n<h1><b>Free Easter eCards \u2013 Send an Easter card now<\/b><\/h1>\n<p><b><\/b><\/p>\n<h2><span style=\"font-weight: 400;\">Free Easter eCards &#8211; Send Easter Card by Whatsapp or Email<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Sunday, 20th of April is Easter in England, Wales, Scotland and Northern Ireland in 2025. Why not send Easter or spring greetings to your friends and family. You can send a static fun Easter egg card or a funny animated card. Whichever card you choose, it will be sent instantly. Donations made for sending your Easter ecard will help Hope Spring provide clean drinking water to communities in need of safe, clean water.\u00a0 You may also choose to send the ecard free of charge, in which case you will need\u00a0 the <\/span><a href=\"http:\/\/ecards.hopespring.org.uk\/free_charity_ecards\/\"><span style=\"font-weight: 400;\">promo code found here<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0 Get started by sending one of our most <\/span><a href=\"http:\/\/ecards.hopespring.org.uk\/ecards\/easter-ecard-13\/\"><span style=\"font-weight: 400;\">popular Easter cards <\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.0&#8243; custom_padding=&#8221;0px||0px||false|false&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;3.29.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.4.0&#8243; text_font=&#8221;Arial||||||||&#8221; text_font_size=&#8221;17px&#8221; header_font=&#8221;Roboto||||&#8221; header_text_align=&#8221;left&#8221; header_text_color=&#8221;#c0226d;&#8221; header_font_size=&#8221;38px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; header_text_align_tablet=&#8221;&#8221; header_text_align_phone=&#8221;center&#8221; header_text_align_last_edited=&#8221;on|phone&#8221; header_font_size_tablet=&#8221;&#8221; header_font_size_phone=&#8221;23px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221;] Send Easter eCard Send a charity Easter ecard to your friends, family or colleagues to wish them a happy easter. Send the easter [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-26675","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/26675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/comments?post=26675"}],"version-history":[{"count":33,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/26675\/revisions"}],"predecessor-version":[{"id":240527,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/26675\/revisions\/240527"}],"wp:attachment":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/media?parent=26675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}